Logo
Explore Help
Sign In
studio/cunningham
2
0
Fork 0
You've already forked cunningham
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity
Files
7b6d130d7d8323f561d25add5580880e4d16c6ed
cunningham/packages/react/src/components/Button/tokens.ts

11 lines
268 B
TypeScript
Raw Normal View History

✨(react) add tokens.ts files handling These files will be used to define the custom design tokens per components. They are automatically aggregated by the packages/react/cunningham.ts file, this is why handling typescript config file was important.
2023-01-04 15:52:24 +01:00
import { DefaultTokens } from "@openfun/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => {
return {
✨(react) implement Button with official tokens Now that we have all the official design tokens we can use them to build the button component in various colors matching the design system's ones.
2023-01-12 17:41:14 +01:00
"border-radius": "2px",
height: "48px",
"font-size": defaults.theme.typo.l,
"font-weight": defaults.theme.typo.medium,
✨(react) add tokens.ts files handling These files will be used to define the custom design tokens per components. They are automatically aggregated by the packages/react/cunningham.ts file, this is why handling typescript config file was important.
2023-01-04 15:52:24 +01:00
};
};
Reference in New Issue Copy Permalink
Powered by Gitea Version: 1.25.4 Page: 33ms Template: 2ms
English
Bahasa Indonesia Deutsch English Español Français Gaeilge Italiano Latviešu Magyar nyelv Nederlands Polski Português de Portugal Português do Brasil Suomi Svenska Türkçe Čeština Ελληνικά Български Русский Українська فارسی മലയാളം 日本語 简体中文 繁體中文(台灣) 繁體中文(香港) 한국어
Licenses API