gsoft-inc / ov-igloo-tokens Goto Github PK

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%);