@cdssnc/gcds-tokens
v1.13.2
Published
GC Design System Tokens
Downloads
635
Keywords
Readme
GC Design System Tokens
GC Design System Tokens are the smallest building blocks of the design system. They represent design decisions for basic elements like colour, typography, and spacing, creating a curated set of options that we base our designs on.
Tokens replace hard-coded values with variables that can be reused throughout the entire code base which makes it easier to maintain and update any code. Our tokens help us create a consistent visual experience that meets the Government of Canada requirements. They also improve communication between design and development by establishing a shared language.
Tools
We are using Style Dictionary to build our tokens.
Installation
- Clone the repo
git clone https://github.com/cds-snc/gcds-tokens
. - Run
npm install
to install all Node.js dependencies. - Run
npm run build
to build the tokens.
How to contribute
If you are interested in contributing to GC Design System Tokens, please read our contributing guidelines.
License
Code released under the MIT License.
--------------------------------------------------------
Unités de style de Système de design GC
Les unités de style de Système de design GC sont les plus petits blocs de construction du système de design. Ces unités de style correspondent aux décisions de conception des éléments de base, comme la couleur, la typographie, l'espacement, ainsi que la création d'un ensemble d'options présélectionnées que nous utilisons pour nos conceptions.
Les unités de style remplacent les valeurs codées en dur et s'accompagnent de variables pouvant facilement être réutilisées à travers la base de code, ce qui facilite l'entretien et la mise à jour de n'importe quel code.
Nos unités de style contribuent à créer une expérience visuelle uniforme qui satisfait aux exigences du gouvernement du Canada. Ils améliorent également la communication entre le design et le développement en établissant un langage partagé.
Outils
Nous utilisons Style Dictionary pour concevoir nos unités de style.
Installation
- Copiez le référentiel
git clone https://github.com/cds-snc/gcds-tokens
. - Exécutez ensuite
npm install
pour installer toutes les dépendances Node.js. - Finalement, exécutez
npm run build
pour compiler les unités de style.
Apportez votre contribution
Si vous souhaitez contribuer aux unités de style de Système de design GC, veuillez lire nos lignes directrices sur la contribution.
Licence
Code publié en vertu de la licence MIT (en anglais).