@qlik/design-tokens

Design Tokens

This is a repository contains the builted design tokens output: css, js, json

How to use

// to load the default themes [data-qlik-theme="qlik-light"] and [data-qlik-theme="qlik-dark"]
import "@qlik/design-tokens/dist/css/sprout-tokens.css";

// to get JS access to css variables
import { tokens } from "@qlik/design-tokens";

tokens.common_sizing_5xl === "var(--sprout-common-sizing-5xl)";

// to get the complete descriptions of all the tokens:
import tokenData from "@qlik/design-tokens/dist/json/sprout-tokens.json";