UNPKG

@slashid/react

Version:

React SDK for the /id platform

slashid.dev

slashid/javascript

24 lines • 4.74 kB
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
24
export declare const stack: string; export declare const centered: string; export declare const sprinkles: ((props: { color?: "background" | "mute" | "panel" | "foreground" | "contrast" | "secondary" | "tertiary" | "placeholder" | "smooth" | "subtle" | "soft" | "offset" | "primary" | "primaryHover" | "transparent" | "error" | "auxiliary" | "success" | "foregroundSuccess" | "backgroundSuccess" | "failure" | "foregroundFailure" | "backgroundFailure" | { lightMode?: "background" | "mute" | "panel" | "foreground" | "contrast" | "secondary" | "tertiary" | "placeholder" | "smooth" | "subtle" | "soft" | "offset" | "primary" | "primaryHover" | "transparent" | "error" | "auxiliary" | "success" | "foregroundSuccess" | "backgroundSuccess" | "failure" | "foregroundFailure" | "backgroundFailure" | undefined; darkMode?: "background" | "mute" | "panel" | "foreground" | "contrast" | "secondary" | "tertiary" | "placeholder" | "smooth" | "subtle" | "soft" | "offset" | "primary" | "primaryHover" | "transparent" | "error" | "auxiliary" | "success" | "foregroundSuccess" | "backgroundSuccess" | "failure" | "foregroundFailure" | "backgroundFailure" | undefined; } | undefined; backgroundColor?: "background" | "mute" | "panel" | "foreground" | "contrast" | "secondary" | "tertiary" | "placeholder" | "smooth" | "subtle" | "soft" | "offset" | "primary" | "primaryHover" | "transparent" | "error" | "auxiliary" | "success" | "foregroundSuccess" | "backgroundSuccess" | "failure" | "foregroundFailure" | "backgroundFailure" | { lightMode?: "background" | "mute" | "panel" | "foreground" | "contrast" | "secondary" | "tertiary" | "placeholder" | "smooth" | "subtle" | "soft" | "offset" | "primary" | "primaryHover" | "transparent" | "error" | "auxiliary" | "success" | "foregroundSuccess" | "backgroundSuccess" | "failure" | "foregroundFailure" | "backgroundFailure" | undefined; darkMode?: "background" | "mute" | "panel" | "foreground" | "contrast" | "secondary" | "tertiary" | "placeholder" | "smooth" | "subtle" | "soft" | "offset" | "primary" | "primaryHover" | "transparent" | "error" | "auxiliary" | "success" | "foregroundSuccess" | "backgroundSuccess" | "failure" | "foregroundFailure" | "backgroundFailure" | undefined; } | undefined; } & { gap?: "0" | "px" | "0.25" | "0.5" | "0.75" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "96" | undefined; marginTop?: "0" | "px" | "0.25" | "0.5" | "0.75" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "96" | undefined; marginBottom?: "0" | "px" | "0.25" | "0.5" | "0.75" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "96" | undefined; marginLeft?: "0" | "px" | "0.25" | "0.5" | "0.75" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "96" | undefined; marginRight?: "0" | "px" | "0.25" | "0.5" | "0.75" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "96" | undefined; marginY?: "0" | "px" | "0.25" | "0.5" | "0.75" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "96" | undefined; marginX?: "0" | "px" | "0.25" | "0.5" | "0.75" | "1" | "1.5" | "2" | "2.5" | "3" | "3.5" | "4" | "5" | "6" | "7" | "8" | "9" | "10" | "11" | "12" | "13" | "14" | "15" | "16" | "20" | "24" | "28" | "32" | "36" | "40" | "44" | "48" | "52" | "56" | "60" | "64" | "68" | "72" | "76" | "80" | "96" | undefined; }) => string) & { properties: Set<"color" | "backgroundColor" | "marginBottom" | "marginLeft" | "marginRight" | "marginTop" | "gap" | "marginY" | "marginX">; }; export type Sprinkles = Parameters<typeof sprinkles>[0]; //# sourceMappingURL=sprinkles.css.d.ts.map