studio/cunningham
2
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

✨(react) add Select component

Browse Source 
Finally our powerful Select component is available to make great forms!
This commit is contained in:
Nathan Vasse
2023-05-05 16:04:50 +02:00
committed by NathanVss
parent 270484c0e7
commit 2ff5fc5d29
21 changed files with 2441 additions and 158 deletions
Download Patch File Download Diff File Expand all files Collapse all files

21
packages/react/src/components/Forms/Select/tokens.ts Normal file
View File

@@ -0,0 +1,21 @@
import { DefaultTokens } from "@openfun/cunningham-tokens";
export const tokens = (defaults: DefaultTokens) => ({
"border-color": defaults.theme.colors["greyscale-300"],
"border-color--focus": defaults.theme.colors["primary-600"],
"border-color--hover": defaults.theme.colors["greyscale-500"],
"border-radius": "8px",
"border-radius--focus": "2px",
"border-radius--hover": "2px",
"border-style": "solid",
"border-width": "2px",
color: defaults.theme.colors["greyscale-800"],
"font-size": defaults.theme.font.sizes.l,
height: "3.5rem",
"item-background-color--hover": defaults.theme.colors["greyscale-200"],
"item-background-color--selected": defaults.theme.colors["primary-100"],
"item-color": defaults.theme.colors["greyscale-800"],
"item-font-size": defaults.theme.font.sizes.l,
"background-color": "white",
"menu-background-color": "white",
});