Tokens installation and usage

WARNING

If you are using the

@cegid/cds-react

you should use the theme and palette defined via MUI to customize you components.
See MUI Customization doc
Default theme attributes can be browsed here, some are augmented by the CDS (hints given by TypeScript).

Installation

npm install @cegid/design-tokens

Usage

Import stylesheet file

Stylesheets are available in CSS, LESS and SCSS formats.

// Adapt the extension as needed
import "@cegid/design-tokens/build/_tokens.css";

Import token

// All tokens
import * as tokens from "@cegid/desing-tokens";

// Or by their name
import { CdsColorBasePrimary500 } from "@cegid/design-tokens";