@tokens-studio/tokens
v0.2.5Tokens Studio: Internal tokens
Internal tokens used throughout various tools.
How to use
Use this repository as the source of truth for our design tokens in Figma. Output is currently configured for Stitches, to be consumed inside a Stitches config.
npm install @tokens-studio/tokens
Then, import the theme in stitches.config.ts
import { darkTheme, core } from '@tokens-studio/tokens';
export const stitchesInstance = createStitches({
theme: {
colors: darkTheme,
...core
}
const { styled, css, keyframes, theme } = stitchesInstance;
export { styled, css, keyframes, theme };
Note that you could also use lightTheme
as the default, then you'd just set
theme: {
colors: lightTheme,
...core
}
npm i @tokens-studio/tokens
Metadata
- Unknown
- Whatever
- Unknown
- released 7/23/2024