View Code? Open in Web Editor
NEW
Design tokens are all the values needed to construct and maintain a design system — spacing, color, fonts, opacity, etc..
Home Page: https://gsoft-inc.github.io/ov-igloo-tokens/
License: Apache License 2.0
JavaScript 68.27%
CSS 31.73%
ov-igloo-tokens's People
ov-igloo-tokens's Issues
Il manque deux couleur dans les tokens
Samoyed: #fff
;
Black: #000
;
Lors de la génération des fichiers de style par Style Dictionary nous devrions également générer les fichiers nécessaire au rendu de la documentation.
L'affichage des tokens dans Storybook est rendu possible par l'ajoute de commentaire au dessus de chaque groupe
Exemple pour les couleurs
/**
* @tokens Colors
* @presenter Color
*/
Il faut crée une fonction transform
qui modifie les tokens en fonction de la plateforme souhaité, la documentation est ici pour référence
Les tailles dans igloo sont définit en rem basé sur une taille de police de 10px. Cependant au niveau du design les tailles sont basé sur une échelle de 8 exemple: 4, 8, 16, 24, 32, etc.. Dans le but d’un transition vers un ration 1rem = 16px il faut trouver un solution pour faire cohabiter ces deux échelle de taille dans la lib.
La valeur hex utilisé pour la couleur n'est pas transformer en rgba lors de la compilation du token ce qui renvoie une erreur css.
Token compilé
Erroné
--shadow-6: 0 0.1rem 0.6rem 0 rgba(#233043, 0.1);
Résultat attendu
--shadow-6: 0 0.1rem 0.6rem 0 rgb(35 48 67 / 10%);