@primer/primitives 7.11.2-rc.eb0be47 → 7.11.2-rc.ef1e802
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +53 -1
- package/dist/color-contrast-check.json +1 -1
- package/dist/js/colors/dark.js +40 -40
- package/dist/js/colors/dark_colorblind.js +40 -40
- package/dist/js/colors/dark_dimmed.js +40 -40
- package/dist/js/colors/dark_high_contrast.js +24 -24
- package/dist/js/colors/dark_tritanopia.js +40 -40
- package/dist/js/colors/light.js +44 -44
- package/dist/js/colors/light_colorblind.js +16 -16
- package/dist/js/colors/light_high_contrast.js +9 -9
- package/dist/js/colors/light_tritanopia.js +16 -16
- package/dist/json/colors/dark.json +40 -40
- package/dist/json/colors/dark_colorblind.json +40 -40
- package/dist/json/colors/dark_dimmed.json +40 -40
- package/dist/json/colors/dark_high_contrast.json +24 -24
- package/dist/json/colors/dark_tritanopia.json +40 -40
- package/dist/json/colors/light.json +44 -44
- package/dist/json/colors/light_colorblind.json +16 -16
- package/dist/json/colors/light_high_contrast.json +9 -9
- package/dist/json/colors/light_tritanopia.json +16 -16
- package/dist/scss/colors/_dark.scss +40 -40
- package/dist/scss/colors/_dark_colorblind.scss +40 -40
- package/dist/scss/colors/_dark_dimmed.scss +40 -40
- package/dist/scss/colors/_dark_high_contrast.scss +24 -24
- package/dist/scss/colors/_dark_tritanopia.scss +40 -40
- package/dist/scss/colors/_light.scss +44 -44
- package/dist/scss/colors/_light_colorblind.scss +16 -16
- package/dist/scss/colors/_light_high_contrast.scss +9 -9
- package/dist/scss/colors/_light_tritanopia.scss +16 -16
- package/dist/ts/colors/dark.ts +40 -40
- package/dist/ts/colors/dark_colorblind.ts +40 -40
- package/dist/ts/colors/dark_dimmed.ts +40 -40
- package/dist/ts/colors/dark_high_contrast.ts +24 -24
- package/dist/ts/colors/dark_tritanopia.ts +40 -40
- package/dist/ts/colors/light.ts +44 -44
- package/dist/ts/colors/light_colorblind.ts +16 -16
- package/dist/ts/colors/light_high_contrast.ts +9 -9
- package/dist/ts/colors/light_tritanopia.ts +16 -16
- package/package.json +9 -8
- package/tokens-next-private/css/base/color/dark-colorblind.css +198 -0
- package/tokens-next-private/css/base/color/dark-dimmed.css +198 -0
- package/tokens-next-private/css/base/color/dark-high-contrast.css +198 -0
- package/tokens-next-private/css/base/color/dark-tritanopia.css +198 -0
- package/tokens-next-private/css/base/color/dark.css +198 -0
- package/tokens-next-private/css/base/color/light-colorblind.css +198 -0
- package/tokens-next-private/css/base/color/light-high-contrast.css +198 -0
- package/tokens-next-private/css/base/color/light-tritanopia.css +198 -0
- package/tokens-next-private/css/base/color/light.css +198 -0
- package/tokens-next-private/css/base/size/size.css +24 -0
- package/tokens-next-private/css/base/typography/typography.css +11 -0
- package/tokens-next-private/css/functional/size/border.css +18 -0
- package/tokens-next-private/css/functional/size/breakpoints.css +13 -0
- package/tokens-next-private/css/functional/size/size-coarse.css +10 -0
- package/tokens-next-private/css/functional/size/size-fine.css +10 -0
- package/tokens-next-private/css/functional/size/size.css +54 -0
- package/tokens-next-private/css/functional/size/viewport.css +13 -0
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +604 -0
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +604 -0
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +604 -0
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +604 -0
- package/tokens-next-private/css/functional/themes/dark.css +604 -0
- package/tokens-next-private/css/functional/themes/light-colorblind.css +554 -0
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +554 -0
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +554 -0
- package/tokens-next-private/css/functional/themes/light.css +554 -0
- package/tokens-next-private/css/functional/typography/typography.css +47 -0
- package/tokens-next-private/docs/base/color/dark-colorblind.json +1419 -0
- package/tokens-next-private/docs/base/color/dark-dimmed.json +1419 -0
- package/tokens-next-private/docs/base/color/dark-high-contrast.json +1419 -0
- package/tokens-next-private/docs/base/color/dark-tritanopia.json +1419 -0
- package/tokens-next-private/docs/base/color/dark.json +1419 -0
- package/tokens-next-private/docs/base/color/light-colorblind.json +1419 -0
- package/tokens-next-private/docs/base/color/light-high-contrast.json +1419 -0
- package/tokens-next-private/docs/base/color/light-tritanopia.json +1419 -0
- package/tokens-next-private/docs/base/color/light.json +1419 -0
- package/tokens-next-private/docs/base/size/size.json +227 -0
- package/tokens-next-private/docs/base/typography/typography.json +60 -0
- package/tokens-next-private/docs/functional/size/border.json +135 -0
- package/tokens-next-private/docs/functional/size/breakpoints.json +82 -0
- package/tokens-next-private/docs/functional/size/size-coarse.json +55 -0
- package/tokens-next-private/docs/functional/size/size-fine.json +55 -0
- package/tokens-next-private/docs/functional/size/size.json +647 -0
- package/tokens-next-private/docs/functional/size/viewport.json +70 -0
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +4535 -0
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +4539 -0
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +4543 -0
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +4539 -0
- package/tokens-next-private/docs/functional/themes/dark.json +4539 -0
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +4241 -0
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +4231 -0
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +4231 -0
- package/tokens-next-private/docs/functional/themes/light.json +4231 -0
- package/tokens-next-private/docs/functional/typography/typography.json +581 -0
- package/tokens-next-private/js/base/color/dark-colorblind.js +122 -0
- package/tokens-next-private/js/base/color/dark-dimmed.js +122 -0
- package/tokens-next-private/js/base/color/dark-high-contrast.js +122 -0
- package/tokens-next-private/js/base/color/dark-tritanopia.js +122 -0
- package/tokens-next-private/js/base/color/dark.js +122 -0
- package/tokens-next-private/js/base/color/light-colorblind.js +122 -0
- package/tokens-next-private/js/base/color/light-high-contrast.js +122 -0
- package/tokens-next-private/js/base/color/light-tritanopia.js +122 -0
- package/tokens-next-private/js/base/color/light.js +122 -0
- package/tokens-next-private/js/base/size/size.js +28 -0
- package/tokens-next-private/js/base/typography/typography.js +17 -0
- package/tokens-next-private/js/functional/size/border.js +28 -0
- package/tokens-next-private/js/functional/size/breakpoints.js +15 -0
- package/tokens-next-private/js/functional/size/size-coarse.js +24 -0
- package/tokens-next-private/js/functional/size/size-fine.js +24 -0
- package/tokens-next-private/js/functional/size/size.js +98 -0
- package/tokens-next-private/js/functional/size/viewport.js +15 -0
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +593 -0
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +593 -0
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +593 -0
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +593 -0
- package/tokens-next-private/js/functional/themes/dark.js +593 -0
- package/tokens-next-private/js/functional/themes/light-colorblind.js +618 -0
- package/tokens-next-private/js/functional/themes/light-high-contrast.js +618 -0
- package/tokens-next-private/js/functional/themes/light-tritanopia.js +618 -0
- package/tokens-next-private/js/functional/themes/light.js +618 -0
- package/tokens-next-private/js/functional/typography/typography.js +77 -0
- package/tokens-next-private/json/base/color/dark-colorblind.json +117 -0
- package/tokens-next-private/json/base/color/dark-dimmed.json +117 -0
- package/tokens-next-private/json/base/color/dark-high-contrast.json +117 -0
- package/tokens-next-private/json/base/color/dark-tritanopia.json +117 -0
- package/tokens-next-private/json/base/color/dark.json +117 -0
- package/tokens-next-private/json/base/color/light-colorblind.json +117 -0
- package/tokens-next-private/json/base/color/light-high-contrast.json +117 -0
- package/tokens-next-private/json/base/color/light-tritanopia.json +117 -0
- package/tokens-next-private/json/base/color/light.json +117 -0
- package/tokens-next-private/json/base/size/size.json +23 -0
- package/tokens-next-private/json/base/typography/typography.json +12 -0
- package/tokens-next-private/json/functional/size/border.json +23 -0
- package/tokens-next-private/json/functional/size/breakpoints.json +10 -0
- package/tokens-next-private/json/functional/size/size-coarse.json +19 -0
- package/tokens-next-private/json/functional/size/size-fine.json +19 -0
- package/tokens-next-private/json/functional/size/size.json +93 -0
- package/tokens-next-private/json/functional/size/viewport.json +10 -0
- package/tokens-next-private/json/functional/themes/dark-colorblind.json +588 -0
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +588 -0
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +588 -0
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +588 -0
- package/tokens-next-private/json/functional/themes/dark.json +588 -0
- package/tokens-next-private/json/functional/themes/light-colorblind.json +613 -0
- package/tokens-next-private/json/functional/themes/light-high-contrast.json +613 -0
- package/tokens-next-private/json/functional/themes/light-tritanopia.json +613 -0
- package/tokens-next-private/json/functional/themes/light.json +613 -0
- package/tokens-next-private/json/functional/typography/typography.json +72 -0
- package/tokens-next-private/removed/color.json +421 -0
- package/tokens-next-private/scss/base/color/dark-colorblind.scss +102 -0
- package/tokens-next-private/scss/base/color/dark-dimmed.scss +102 -0
- package/tokens-next-private/scss/base/color/dark-high-contrast.scss +102 -0
- package/tokens-next-private/scss/base/color/dark-tritanopia.scss +102 -0
- package/tokens-next-private/scss/base/color/dark.scss +102 -0
- package/tokens-next-private/scss/base/color/light-colorblind.scss +102 -0
- package/tokens-next-private/scss/base/color/light-high-contrast.scss +102 -0
- package/tokens-next-private/scss/base/color/light-tritanopia.scss +102 -0
- package/tokens-next-private/scss/base/color/light.scss +102 -0
- package/tokens-next-private/scss/base/size/size.scss +26 -0
- package/tokens-next-private/scss/base/typography/typography.scss +13 -0
- package/tokens-next-private/scss/functional/size/border.scss +20 -0
- package/tokens-next-private/scss/functional/size/breakpoints.scss +15 -0
- package/tokens-next-private/scss/functional/size/size-coarse.scss +12 -0
- package/tokens-next-private/scss/functional/size/size-fine.scss +12 -0
- package/tokens-next-private/scss/functional/size/size.scss +56 -0
- package/tokens-next-private/scss/functional/size/viewport.scss +24 -0
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +305 -0
- package/tokens-next-private/scss/functional/themes/dark.scss +305 -0
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +280 -0
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +280 -0
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +280 -0
- package/tokens-next-private/scss/functional/themes/light.scss +280 -0
- package/tokens-next-private/scss/functional/typography/typography.scss +49 -0
- package/tokens-next-private/ts/base/color/dark-colorblind.ts +122 -0
- package/tokens-next-private/ts/base/color/dark-dimmed.ts +122 -0
- package/tokens-next-private/ts/base/color/dark-high-contrast.ts +122 -0
- package/tokens-next-private/ts/base/color/dark-tritanopia.ts +122 -0
- package/tokens-next-private/ts/base/color/dark.ts +122 -0
- package/tokens-next-private/ts/base/color/light-colorblind.ts +122 -0
- package/tokens-next-private/ts/base/color/light-high-contrast.ts +122 -0
- package/tokens-next-private/ts/base/color/light-tritanopia.ts +122 -0
- package/tokens-next-private/ts/base/color/light.ts +122 -0
- package/tokens-next-private/ts/base/size/size.ts +28 -0
- package/tokens-next-private/ts/base/typography/typography.ts +17 -0
- package/tokens-next-private/ts/functional/size/border.ts +28 -0
- package/tokens-next-private/ts/functional/size/breakpoints.ts +15 -0
- package/tokens-next-private/ts/functional/size/size-coarse.ts +24 -0
- package/tokens-next-private/ts/functional/size/size-fine.ts +24 -0
- package/tokens-next-private/ts/functional/size/size.ts +98 -0
- package/tokens-next-private/ts/functional/size/viewport.ts +15 -0
- package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +593 -0
- package/tokens-next-private/ts/functional/themes/dark.ts +593 -0
- package/tokens-next-private/ts/functional/themes/light-colorblind.ts +618 -0
- package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +618 -0
- package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +618 -0
- package/tokens-next-private/ts/functional/themes/light.ts +618 -0
- package/tokens-next-private/ts/functional/typography/typography.ts +77 -0
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +125 -0
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +143 -0
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +635 -0
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +87 -0
- package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
- package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
- package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
- package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
- package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
- package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
|
@@ -0,0 +1,125 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 29 Mar 2023 08:34:33 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @description hex string (6 or 8-digit)
|
|
8
|
+
*/
|
|
9
|
+
type ColorHex = string;
|
|
10
|
+
|
|
11
|
+
export type BaseColorDesignTokens = {
|
|
12
|
+
color: {
|
|
13
|
+
black: ColorHex;
|
|
14
|
+
transparent: ColorHex;
|
|
15
|
+
white: ColorHex;
|
|
16
|
+
gray: {
|
|
17
|
+
"0": ColorHex;
|
|
18
|
+
"1": ColorHex;
|
|
19
|
+
"2": ColorHex;
|
|
20
|
+
"3": ColorHex;
|
|
21
|
+
"4": ColorHex;
|
|
22
|
+
"5": ColorHex;
|
|
23
|
+
"6": ColorHex;
|
|
24
|
+
"7": ColorHex;
|
|
25
|
+
"8": ColorHex;
|
|
26
|
+
"9": ColorHex;
|
|
27
|
+
};
|
|
28
|
+
blue: {
|
|
29
|
+
"0": ColorHex;
|
|
30
|
+
"1": ColorHex;
|
|
31
|
+
"2": ColorHex;
|
|
32
|
+
"3": ColorHex;
|
|
33
|
+
"4": ColorHex;
|
|
34
|
+
"5": ColorHex;
|
|
35
|
+
"6": ColorHex;
|
|
36
|
+
"7": ColorHex;
|
|
37
|
+
"8": ColorHex;
|
|
38
|
+
"9": ColorHex;
|
|
39
|
+
};
|
|
40
|
+
green: {
|
|
41
|
+
"0": ColorHex;
|
|
42
|
+
"1": ColorHex;
|
|
43
|
+
"2": ColorHex;
|
|
44
|
+
"3": ColorHex;
|
|
45
|
+
"4": ColorHex;
|
|
46
|
+
"5": ColorHex;
|
|
47
|
+
"6": ColorHex;
|
|
48
|
+
"7": ColorHex;
|
|
49
|
+
"8": ColorHex;
|
|
50
|
+
"9": ColorHex;
|
|
51
|
+
};
|
|
52
|
+
yellow: {
|
|
53
|
+
"0": ColorHex;
|
|
54
|
+
"1": ColorHex;
|
|
55
|
+
"2": ColorHex;
|
|
56
|
+
"3": ColorHex;
|
|
57
|
+
"4": ColorHex;
|
|
58
|
+
"5": ColorHex;
|
|
59
|
+
"6": ColorHex;
|
|
60
|
+
"7": ColorHex;
|
|
61
|
+
"8": ColorHex;
|
|
62
|
+
"9": ColorHex;
|
|
63
|
+
};
|
|
64
|
+
orange: {
|
|
65
|
+
"0": ColorHex;
|
|
66
|
+
"1": ColorHex;
|
|
67
|
+
"2": ColorHex;
|
|
68
|
+
"3": ColorHex;
|
|
69
|
+
"4": ColorHex;
|
|
70
|
+
"5": ColorHex;
|
|
71
|
+
"6": ColorHex;
|
|
72
|
+
"7": ColorHex;
|
|
73
|
+
"8": ColorHex;
|
|
74
|
+
"9": ColorHex;
|
|
75
|
+
};
|
|
76
|
+
red: {
|
|
77
|
+
"0": ColorHex;
|
|
78
|
+
"1": ColorHex;
|
|
79
|
+
"2": ColorHex;
|
|
80
|
+
"3": ColorHex;
|
|
81
|
+
"4": ColorHex;
|
|
82
|
+
"5": ColorHex;
|
|
83
|
+
"6": ColorHex;
|
|
84
|
+
"7": ColorHex;
|
|
85
|
+
"8": ColorHex;
|
|
86
|
+
"9": ColorHex;
|
|
87
|
+
};
|
|
88
|
+
purple: {
|
|
89
|
+
"0": ColorHex;
|
|
90
|
+
"1": ColorHex;
|
|
91
|
+
"2": ColorHex;
|
|
92
|
+
"3": ColorHex;
|
|
93
|
+
"4": ColorHex;
|
|
94
|
+
"5": ColorHex;
|
|
95
|
+
"6": ColorHex;
|
|
96
|
+
"7": ColorHex;
|
|
97
|
+
"8": ColorHex;
|
|
98
|
+
"9": ColorHex;
|
|
99
|
+
};
|
|
100
|
+
pink: {
|
|
101
|
+
"0": ColorHex;
|
|
102
|
+
"1": ColorHex;
|
|
103
|
+
"2": ColorHex;
|
|
104
|
+
"3": ColorHex;
|
|
105
|
+
"4": ColorHex;
|
|
106
|
+
"5": ColorHex;
|
|
107
|
+
"6": ColorHex;
|
|
108
|
+
"7": ColorHex;
|
|
109
|
+
"8": ColorHex;
|
|
110
|
+
"9": ColorHex;
|
|
111
|
+
};
|
|
112
|
+
coral: {
|
|
113
|
+
"0": ColorHex;
|
|
114
|
+
"1": ColorHex;
|
|
115
|
+
"2": ColorHex;
|
|
116
|
+
"3": ColorHex;
|
|
117
|
+
"4": ColorHex;
|
|
118
|
+
"5": ColorHex;
|
|
119
|
+
"6": ColorHex;
|
|
120
|
+
"7": ColorHex;
|
|
121
|
+
"8": ColorHex;
|
|
122
|
+
"9": ColorHex;
|
|
123
|
+
};
|
|
124
|
+
};
|
|
125
|
+
};
|
|
@@ -0,0 +1,143 @@
|
|
|
1
|
+
/**
|
|
2
|
+
* Do not edit directly
|
|
3
|
+
* Generated on Wed, 29 Mar 2023 08:34:33 GMT
|
|
4
|
+
*/
|
|
5
|
+
|
|
6
|
+
/**
|
|
7
|
+
* @description size in px
|
|
8
|
+
*/
|
|
9
|
+
type SizePx = `${number}px`;
|
|
10
|
+
|
|
11
|
+
export type SizeDesignTokens = {
|
|
12
|
+
borderInset: {
|
|
13
|
+
thin: string;
|
|
14
|
+
thick: string;
|
|
15
|
+
thicker: string;
|
|
16
|
+
};
|
|
17
|
+
borderWidth: {
|
|
18
|
+
thin: string;
|
|
19
|
+
thick: string;
|
|
20
|
+
thicker: string;
|
|
21
|
+
};
|
|
22
|
+
borderRadius: {
|
|
23
|
+
small: string;
|
|
24
|
+
medium: string;
|
|
25
|
+
large: string;
|
|
26
|
+
full: string;
|
|
27
|
+
};
|
|
28
|
+
outline: {
|
|
29
|
+
focus: {
|
|
30
|
+
offset: SizePx;
|
|
31
|
+
};
|
|
32
|
+
};
|
|
33
|
+
breakpoint: {
|
|
34
|
+
xsmall: SizePx;
|
|
35
|
+
small: SizePx;
|
|
36
|
+
medium: SizePx;
|
|
37
|
+
large: SizePx;
|
|
38
|
+
xlarge: SizePx;
|
|
39
|
+
xxlarge: SizePx;
|
|
40
|
+
};
|
|
41
|
+
control: {
|
|
42
|
+
minTarget: {
|
|
43
|
+
auto: SizePx;
|
|
44
|
+
fine: SizePx;
|
|
45
|
+
coarse: SizePx;
|
|
46
|
+
};
|
|
47
|
+
xsmall: {
|
|
48
|
+
size: SizePx;
|
|
49
|
+
lineBoxHeight: SizePx;
|
|
50
|
+
paddingBlock: string;
|
|
51
|
+
paddingInline: {
|
|
52
|
+
condensed: SizePx;
|
|
53
|
+
normal: SizePx;
|
|
54
|
+
spacious: SizePx;
|
|
55
|
+
};
|
|
56
|
+
gap: SizePx;
|
|
57
|
+
};
|
|
58
|
+
small: {
|
|
59
|
+
size: SizePx;
|
|
60
|
+
lineBoxHeight: SizePx;
|
|
61
|
+
paddingBlock: string;
|
|
62
|
+
paddingInline: {
|
|
63
|
+
condensed: SizePx;
|
|
64
|
+
normal: SizePx;
|
|
65
|
+
};
|
|
66
|
+
gap: SizePx;
|
|
67
|
+
};
|
|
68
|
+
medium: {
|
|
69
|
+
size: SizePx;
|
|
70
|
+
lineBoxHeight: SizePx;
|
|
71
|
+
paddingBlock: string;
|
|
72
|
+
paddingInline: {
|
|
73
|
+
condensed: SizePx;
|
|
74
|
+
normal: SizePx;
|
|
75
|
+
spacious: SizePx;
|
|
76
|
+
};
|
|
77
|
+
gap: SizePx;
|
|
78
|
+
};
|
|
79
|
+
large: {
|
|
80
|
+
size: SizePx;
|
|
81
|
+
lineBoxHeight: SizePx;
|
|
82
|
+
paddingBlock: string;
|
|
83
|
+
paddingInline: {
|
|
84
|
+
normal: SizePx;
|
|
85
|
+
spacious: SizePx;
|
|
86
|
+
};
|
|
87
|
+
gap: SizePx;
|
|
88
|
+
};
|
|
89
|
+
xlarge: {
|
|
90
|
+
size: SizePx;
|
|
91
|
+
lineBoxHeight: SizePx;
|
|
92
|
+
paddingBlock: string;
|
|
93
|
+
paddingInline: {
|
|
94
|
+
normal: SizePx;
|
|
95
|
+
spacious: SizePx;
|
|
96
|
+
};
|
|
97
|
+
gap: SizePx;
|
|
98
|
+
};
|
|
99
|
+
};
|
|
100
|
+
controlStack: {
|
|
101
|
+
small: {
|
|
102
|
+
gap: {
|
|
103
|
+
auto: SizePx;
|
|
104
|
+
condensed: SizePx;
|
|
105
|
+
spacious: SizePx;
|
|
106
|
+
};
|
|
107
|
+
};
|
|
108
|
+
medium: {
|
|
109
|
+
gap: {
|
|
110
|
+
auto: SizePx;
|
|
111
|
+
condensed: SizePx;
|
|
112
|
+
spacious: SizePx;
|
|
113
|
+
};
|
|
114
|
+
};
|
|
115
|
+
large: {
|
|
116
|
+
gap: {
|
|
117
|
+
auto: SizePx;
|
|
118
|
+
condensed: SizePx;
|
|
119
|
+
spacious: SizePx;
|
|
120
|
+
};
|
|
121
|
+
};
|
|
122
|
+
};
|
|
123
|
+
stack: {
|
|
124
|
+
padding: {
|
|
125
|
+
condensed: SizePx;
|
|
126
|
+
normal: SizePx;
|
|
127
|
+
spacious: SizePx;
|
|
128
|
+
};
|
|
129
|
+
gap: {
|
|
130
|
+
condensed: SizePx;
|
|
131
|
+
normal: SizePx;
|
|
132
|
+
spacious: SizePx;
|
|
133
|
+
};
|
|
134
|
+
};
|
|
135
|
+
viewportRange: {
|
|
136
|
+
narrow: string;
|
|
137
|
+
narrowLandscape: string;
|
|
138
|
+
regular: string;
|
|
139
|
+
wide: string;
|
|
140
|
+
portrait: string;
|
|
141
|
+
landscape: string;
|
|
142
|
+
};
|
|
143
|
+
};
|