@primer/primitives 7.11.13 → 7.11.14-rc.14f9da3
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/dist/js/colors/dark.d.ts +1 -0
- package/dist/js/colors/dark.js +2 -1
- package/dist/js/colors/dark_colorblind.d.ts +1 -0
- package/dist/js/colors/dark_colorblind.js +2 -1
- package/dist/js/colors/dark_dimmed.d.ts +1 -0
- package/dist/js/colors/dark_dimmed.js +2 -1
- package/dist/js/colors/dark_high_contrast.d.ts +1 -0
- package/dist/js/colors/dark_high_contrast.js +2 -1
- package/dist/js/colors/dark_tritanopia.d.ts +1 -0
- package/dist/js/colors/dark_tritanopia.js +2 -1
- package/dist/js/colors/index.d.ts +9 -0
- package/dist/js/colors/light.d.ts +1 -0
- package/dist/js/colors/light.js +3 -2
- package/dist/js/colors/light_colorblind.d.ts +1 -0
- package/dist/js/colors/light_colorblind.js +3 -2
- package/dist/js/colors/light_high_contrast.d.ts +1 -0
- package/dist/js/colors/light_high_contrast.js +3 -2
- package/dist/js/colors/light_tritanopia.d.ts +1 -0
- package/dist/js/colors/light_tritanopia.js +3 -2
- package/dist/js/index.d.ts +9 -0
- package/dist/json/colors/dark.json +2 -1
- package/dist/json/colors/dark_colorblind.json +2 -1
- package/dist/json/colors/dark_dimmed.json +2 -1
- package/dist/json/colors/dark_high_contrast.json +2 -1
- package/dist/json/colors/dark_tritanopia.json +2 -1
- package/dist/json/colors/light.json +3 -2
- package/dist/json/colors/light_colorblind.json +3 -2
- package/dist/json/colors/light_high_contrast.json +3 -2
- package/dist/json/colors/light_tritanopia.json +3 -2
- package/dist/scss/colors/_dark.scss +1 -0
- package/dist/scss/colors/_dark_colorblind.scss +1 -0
- package/dist/scss/colors/_dark_dimmed.scss +1 -0
- package/dist/scss/colors/_dark_high_contrast.scss +1 -0
- package/dist/scss/colors/_dark_tritanopia.scss +1 -0
- package/dist/scss/colors/_light.scss +2 -1
- package/dist/scss/colors/_light_colorblind.scss +2 -1
- package/dist/scss/colors/_light_high_contrast.scss +2 -1
- package/dist/scss/colors/_light_tritanopia.scss +2 -1
- package/dist/ts/colors/dark.ts +2 -1
- package/dist/ts/colors/dark_colorblind.ts +2 -1
- package/dist/ts/colors/dark_dimmed.ts +2 -1
- package/dist/ts/colors/dark_high_contrast.ts +2 -1
- package/dist/ts/colors/dark_tritanopia.ts +2 -1
- package/dist/ts/colors/light.ts +3 -2
- package/dist/ts/colors/light_colorblind.ts +3 -2
- package/dist/ts/colors/light_high_contrast.ts +3 -2
- package/dist/ts/colors/light_tritanopia.ts +3 -2
- package/package.json +13 -13
- package/tokens-next-private/css/functional/size/border.css +1 -1
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +2 -2
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +2 -2
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +2 -2
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +2 -2
- package/tokens-next-private/css/functional/themes/dark.css +2 -2
- package/tokens-next-private/css/functional/themes/light-colorblind.css +18 -18
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +14 -14
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +18 -18
- package/tokens-next-private/css/functional/themes/light.css +18 -18
- package/tokens-next-private/docs/functional/size/border.json +2 -2
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +10 -10
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +10 -10
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +8 -8
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +10 -10
- package/tokens-next-private/docs/functional/themes/dark.json +10 -10
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +15 -15
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +12 -12
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +15 -15
- package/tokens-next-private/docs/functional/themes/light.json +15 -15
- package/tokens-next-private/fallbacks/color-fallbacks.json +9 -7
- package/tokens-next-private/fallbacks/functional/size/border.json +1 -1
- package/tokens-next-private/scss/functional/size/border.scss +1 -1
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +1 -1
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +1 -1
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +1 -1
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +1 -1
- package/tokens-next-private/scss/functional/themes/dark.scss +1 -1
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +9 -9
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +7 -7
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +9 -9
- package/tokens-next-private/scss/functional/themes/light.scss +9 -9
- 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 +2 -2
- package/tokens-v2-private/js/module/tokens/base/typography/typography.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/border.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/size.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +2 -2
- package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +2 -2
- package/tokens-v2-private/js/tokens/base/size/size.js +2 -2
- package/tokens-v2-private/js/tokens/base/typography/typography.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/border.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/size-fine.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/size.js +2 -2
- package/tokens-v2-private/js/tokens/functional/size/viewport.js +2 -2
- package/tokens-v2-private/js/tokens/functional/typography/typography.js +2 -2
- package/tokens-v2-private/scss/tokens/base/size/size.scss +2 -2
- package/tokens-v2-private/scss/tokens/base/typography/typography.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/border.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/size.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +2 -2
- package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +2 -2
- 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
- package/tokens-next-private/js/base/size/size.js +0 -23
- package/tokens-next-private/js/base/typography/typography.js +0 -12
- package/tokens-next-private/js/functional/size/border.js +0 -24
- package/tokens-next-private/js/functional/size/breakpoints.js +0 -10
- package/tokens-next-private/js/functional/size/size-coarse.js +0 -19
- package/tokens-next-private/js/functional/size/size-fine.js +0 -19
- package/tokens-next-private/js/functional/size/size.js +0 -93
- package/tokens-next-private/js/functional/size/viewport.js +0 -10
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +0 -745
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +0 -745
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +0 -745
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +0 -745
- package/tokens-next-private/js/functional/themes/dark.js +0 -745
- package/tokens-next-private/js/functional/themes/light-colorblind.js +0 -743
- package/tokens-next-private/js/functional/themes/light-high-contrast.js +0 -743
- package/tokens-next-private/js/functional/themes/light-tritanopia.js +0 -743
- package/tokens-next-private/js/functional/themes/light.js +0 -743
- package/tokens-next-private/js/functional/typography/typography.js +0 -79
- package/tokens-next-private/json/base/size/size.json +0 -23
- package/tokens-next-private/json/base/typography/typography.json +0 -12
- package/tokens-next-private/json/functional/size/border.json +0 -24
- package/tokens-next-private/json/functional/size/breakpoints.json +0 -10
- package/tokens-next-private/json/functional/size/size-coarse.json +0 -19
- package/tokens-next-private/json/functional/size/size-fine.json +0 -19
- package/tokens-next-private/json/functional/size/size.json +0 -93
- package/tokens-next-private/json/functional/size/viewport.json +0 -10
- package/tokens-next-private/json/functional/themes/dark-colorblind.json +0 -745
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +0 -745
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +0 -745
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +0 -745
- package/tokens-next-private/json/functional/themes/dark.json +0 -745
- package/tokens-next-private/json/functional/themes/light-colorblind.json +0 -743
- package/tokens-next-private/json/functional/themes/light-high-contrast.json +0 -743
- package/tokens-next-private/json/functional/themes/light-tritanopia.json +0 -743
- package/tokens-next-private/json/functional/themes/light.json +0 -743
- package/tokens-next-private/json/functional/typography/typography.json +0 -79
- package/tokens-next-private/ts/base/size/size.ts +0 -23
- package/tokens-next-private/ts/base/typography/typography.ts +0 -12
- package/tokens-next-private/ts/functional/size/border.ts +0 -24
- package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -10
- package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -19
- package/tokens-next-private/ts/functional/size/size-fine.ts +0 -19
- package/tokens-next-private/ts/functional/size/size.ts +0 -93
- package/tokens-next-private/ts/functional/size/viewport.ts +0 -10
- package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +0 -745
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +0 -745
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +0 -745
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +0 -745
- package/tokens-next-private/ts/functional/themes/dark.ts +0 -745
- package/tokens-next-private/ts/functional/themes/light-colorblind.ts +0 -743
- package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +0 -743
- package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +0 -743
- package/tokens-next-private/ts/functional/themes/light.ts +0 -743
- package/tokens-next-private/ts/functional/typography/typography.ts +0 -79
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +0 -127
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +0 -144
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +0 -652
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +0 -94
|
@@ -1,79 +0,0 @@
|
|
|
1
|
-
export default {
|
|
2
|
-
fontStack: {
|
|
3
|
-
system: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
4
|
-
sansSerif: "-apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
5
|
-
monospace: "ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
6
|
-
},
|
|
7
|
-
text: {
|
|
8
|
-
display: {
|
|
9
|
-
lineBoxHeight: "3.5rem",
|
|
10
|
-
size: "2.5rem",
|
|
11
|
-
lineHeight: "calc(56/40)",
|
|
12
|
-
weight: 500,
|
|
13
|
-
shorthand: "500 2.5rem/calc(56/40) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
14
|
-
},
|
|
15
|
-
title: {
|
|
16
|
-
size: {
|
|
17
|
-
large: "2rem",
|
|
18
|
-
medium: "1.25rem",
|
|
19
|
-
small: "1rem",
|
|
20
|
-
},
|
|
21
|
-
lineHeight: {
|
|
22
|
-
large: "calc(48/32)",
|
|
23
|
-
medium: "calc(32/20)",
|
|
24
|
-
small: "calc(24/16)",
|
|
25
|
-
},
|
|
26
|
-
weight: {
|
|
27
|
-
large: 600,
|
|
28
|
-
medium: 600,
|
|
29
|
-
small: 600,
|
|
30
|
-
},
|
|
31
|
-
shorthand: {
|
|
32
|
-
large: "600 2rem/calc(48/32) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
33
|
-
medium: "600 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
34
|
-
small: "600 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
35
|
-
},
|
|
36
|
-
},
|
|
37
|
-
subtitle: {
|
|
38
|
-
size: "1.25rem",
|
|
39
|
-
lineHeight: "calc(32/20)",
|
|
40
|
-
weight: 400,
|
|
41
|
-
shorthand: "400 1.25rem/calc(32/20) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
42
|
-
},
|
|
43
|
-
body: {
|
|
44
|
-
size: {
|
|
45
|
-
large: "1rem",
|
|
46
|
-
medium: "0.875rem",
|
|
47
|
-
small: "0.75rem",
|
|
48
|
-
},
|
|
49
|
-
lineHeight: {
|
|
50
|
-
large: "calc(24/16)",
|
|
51
|
-
medium: "calc(20/14)",
|
|
52
|
-
small: "calc(20/12)",
|
|
53
|
-
},
|
|
54
|
-
weight: 400,
|
|
55
|
-
shorthand: {
|
|
56
|
-
large: "400 1rem/calc(24/16) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
57
|
-
medium: "400 0.875rem/calc(20/14) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
58
|
-
small: "400 0.75rem/calc(20/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
59
|
-
},
|
|
60
|
-
},
|
|
61
|
-
caption: {
|
|
62
|
-
size: "0.75rem",
|
|
63
|
-
lineHeight: "calc(16/12)",
|
|
64
|
-
weight: 400,
|
|
65
|
-
shorthand: "400 0.75rem/calc(16/12) -apple-system, BlinkMacSystemFont, 'Segoe UI', 'Noto Sans', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji'",
|
|
66
|
-
},
|
|
67
|
-
codeBlock: {
|
|
68
|
-
size: "0.8125rem",
|
|
69
|
-
lineHeight: "calc(20/13)",
|
|
70
|
-
weight: 400,
|
|
71
|
-
shorthand: "400 0.8125rem/calc(20/13) ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
72
|
-
},
|
|
73
|
-
codeInline: {
|
|
74
|
-
size: "0.9285em",
|
|
75
|
-
weight: 400,
|
|
76
|
-
shorthand: "400 0.9285em ui-monospace, SFMono-Regular, SF Mono, Menlo, Consolas, Liberation Mono, monospace",
|
|
77
|
-
},
|
|
78
|
-
},
|
|
79
|
-
};
|
|
@@ -1,127 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 21 Jun 2023 17:46:13 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
|
-
scale: {
|
|
14
|
-
black: ColorHex;
|
|
15
|
-
transparent: ColorHex;
|
|
16
|
-
white: ColorHex;
|
|
17
|
-
gray: {
|
|
18
|
-
"0": ColorHex;
|
|
19
|
-
"1": ColorHex;
|
|
20
|
-
"2": ColorHex;
|
|
21
|
-
"3": ColorHex;
|
|
22
|
-
"4": ColorHex;
|
|
23
|
-
"5": ColorHex;
|
|
24
|
-
"6": ColorHex;
|
|
25
|
-
"7": ColorHex;
|
|
26
|
-
"8": ColorHex;
|
|
27
|
-
"9": ColorHex;
|
|
28
|
-
};
|
|
29
|
-
blue: {
|
|
30
|
-
"0": ColorHex;
|
|
31
|
-
"1": ColorHex;
|
|
32
|
-
"2": ColorHex;
|
|
33
|
-
"3": ColorHex;
|
|
34
|
-
"4": ColorHex;
|
|
35
|
-
"5": ColorHex;
|
|
36
|
-
"6": ColorHex;
|
|
37
|
-
"7": ColorHex;
|
|
38
|
-
"8": ColorHex;
|
|
39
|
-
"9": ColorHex;
|
|
40
|
-
};
|
|
41
|
-
green: {
|
|
42
|
-
"0": ColorHex;
|
|
43
|
-
"1": ColorHex;
|
|
44
|
-
"2": ColorHex;
|
|
45
|
-
"3": ColorHex;
|
|
46
|
-
"4": ColorHex;
|
|
47
|
-
"5": ColorHex;
|
|
48
|
-
"6": ColorHex;
|
|
49
|
-
"7": ColorHex;
|
|
50
|
-
"8": ColorHex;
|
|
51
|
-
"9": ColorHex;
|
|
52
|
-
};
|
|
53
|
-
yellow: {
|
|
54
|
-
"0": ColorHex;
|
|
55
|
-
"1": ColorHex;
|
|
56
|
-
"2": ColorHex;
|
|
57
|
-
"3": ColorHex;
|
|
58
|
-
"4": ColorHex;
|
|
59
|
-
"5": ColorHex;
|
|
60
|
-
"6": ColorHex;
|
|
61
|
-
"7": ColorHex;
|
|
62
|
-
"8": ColorHex;
|
|
63
|
-
"9": ColorHex;
|
|
64
|
-
};
|
|
65
|
-
orange: {
|
|
66
|
-
"0": ColorHex;
|
|
67
|
-
"1": ColorHex;
|
|
68
|
-
"2": ColorHex;
|
|
69
|
-
"3": ColorHex;
|
|
70
|
-
"4": ColorHex;
|
|
71
|
-
"5": ColorHex;
|
|
72
|
-
"6": ColorHex;
|
|
73
|
-
"7": ColorHex;
|
|
74
|
-
"8": ColorHex;
|
|
75
|
-
"9": ColorHex;
|
|
76
|
-
};
|
|
77
|
-
red: {
|
|
78
|
-
"0": ColorHex;
|
|
79
|
-
"1": ColorHex;
|
|
80
|
-
"2": ColorHex;
|
|
81
|
-
"3": ColorHex;
|
|
82
|
-
"4": ColorHex;
|
|
83
|
-
"5": ColorHex;
|
|
84
|
-
"6": ColorHex;
|
|
85
|
-
"7": ColorHex;
|
|
86
|
-
"8": ColorHex;
|
|
87
|
-
"9": ColorHex;
|
|
88
|
-
};
|
|
89
|
-
purple: {
|
|
90
|
-
"0": ColorHex;
|
|
91
|
-
"1": ColorHex;
|
|
92
|
-
"2": ColorHex;
|
|
93
|
-
"3": ColorHex;
|
|
94
|
-
"4": ColorHex;
|
|
95
|
-
"5": ColorHex;
|
|
96
|
-
"6": ColorHex;
|
|
97
|
-
"7": ColorHex;
|
|
98
|
-
"8": ColorHex;
|
|
99
|
-
"9": ColorHex;
|
|
100
|
-
};
|
|
101
|
-
pink: {
|
|
102
|
-
"0": ColorHex;
|
|
103
|
-
"1": ColorHex;
|
|
104
|
-
"2": ColorHex;
|
|
105
|
-
"3": ColorHex;
|
|
106
|
-
"4": ColorHex;
|
|
107
|
-
"5": ColorHex;
|
|
108
|
-
"6": ColorHex;
|
|
109
|
-
"7": ColorHex;
|
|
110
|
-
"8": ColorHex;
|
|
111
|
-
"9": ColorHex;
|
|
112
|
-
};
|
|
113
|
-
coral: {
|
|
114
|
-
"0": ColorHex;
|
|
115
|
-
"1": ColorHex;
|
|
116
|
-
"2": ColorHex;
|
|
117
|
-
"3": ColorHex;
|
|
118
|
-
"4": ColorHex;
|
|
119
|
-
"5": ColorHex;
|
|
120
|
-
"6": ColorHex;
|
|
121
|
-
"7": ColorHex;
|
|
122
|
-
"8": ColorHex;
|
|
123
|
-
"9": ColorHex;
|
|
124
|
-
};
|
|
125
|
-
};
|
|
126
|
-
};
|
|
127
|
-
};
|
|
@@ -1,144 +0,0 @@
|
|
|
1
|
-
/**
|
|
2
|
-
* Do not edit directly
|
|
3
|
-
* Generated on Wed, 21 Jun 2023 17:46:13 GMT
|
|
4
|
-
*/
|
|
5
|
-
|
|
6
|
-
/**
|
|
7
|
-
* @description size in rem
|
|
8
|
-
*/
|
|
9
|
-
type SizeRem = `${number}rem`;
|
|
10
|
-
|
|
11
|
-
export type SizeDesignTokens = {
|
|
12
|
-
boxShadow: {
|
|
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: SizeRem;
|
|
31
|
-
width: SizeRem;
|
|
32
|
-
};
|
|
33
|
-
};
|
|
34
|
-
breakpoint: {
|
|
35
|
-
xsmall: SizeRem;
|
|
36
|
-
small: SizeRem;
|
|
37
|
-
medium: SizeRem;
|
|
38
|
-
large: SizeRem;
|
|
39
|
-
xlarge: SizeRem;
|
|
40
|
-
xxlarge: SizeRem;
|
|
41
|
-
};
|
|
42
|
-
control: {
|
|
43
|
-
minTarget: {
|
|
44
|
-
auto: SizeRem;
|
|
45
|
-
fine: SizeRem;
|
|
46
|
-
coarse: SizeRem;
|
|
47
|
-
};
|
|
48
|
-
xsmall: {
|
|
49
|
-
size: SizeRem;
|
|
50
|
-
lineBoxHeight: SizeRem;
|
|
51
|
-
paddingBlock: string;
|
|
52
|
-
paddingInline: {
|
|
53
|
-
condensed: SizeRem;
|
|
54
|
-
normal: SizeRem;
|
|
55
|
-
spacious: SizeRem;
|
|
56
|
-
};
|
|
57
|
-
gap: SizeRem;
|
|
58
|
-
};
|
|
59
|
-
small: {
|
|
60
|
-
size: SizeRem;
|
|
61
|
-
lineBoxHeight: SizeRem;
|
|
62
|
-
paddingBlock: string;
|
|
63
|
-
paddingInline: {
|
|
64
|
-
condensed: SizeRem;
|
|
65
|
-
normal: SizeRem;
|
|
66
|
-
};
|
|
67
|
-
gap: SizeRem;
|
|
68
|
-
};
|
|
69
|
-
medium: {
|
|
70
|
-
size: SizeRem;
|
|
71
|
-
lineBoxHeight: SizeRem;
|
|
72
|
-
paddingBlock: string;
|
|
73
|
-
paddingInline: {
|
|
74
|
-
condensed: SizeRem;
|
|
75
|
-
normal: SizeRem;
|
|
76
|
-
spacious: SizeRem;
|
|
77
|
-
};
|
|
78
|
-
gap: SizeRem;
|
|
79
|
-
};
|
|
80
|
-
large: {
|
|
81
|
-
size: SizeRem;
|
|
82
|
-
lineBoxHeight: SizeRem;
|
|
83
|
-
paddingBlock: string;
|
|
84
|
-
paddingInline: {
|
|
85
|
-
normal: SizeRem;
|
|
86
|
-
spacious: SizeRem;
|
|
87
|
-
};
|
|
88
|
-
gap: SizeRem;
|
|
89
|
-
};
|
|
90
|
-
xlarge: {
|
|
91
|
-
size: SizeRem;
|
|
92
|
-
lineBoxHeight: SizeRem;
|
|
93
|
-
paddingBlock: string;
|
|
94
|
-
paddingInline: {
|
|
95
|
-
normal: SizeRem;
|
|
96
|
-
spacious: SizeRem;
|
|
97
|
-
};
|
|
98
|
-
gap: SizeRem;
|
|
99
|
-
};
|
|
100
|
-
};
|
|
101
|
-
controlStack: {
|
|
102
|
-
small: {
|
|
103
|
-
gap: {
|
|
104
|
-
auto: SizeRem;
|
|
105
|
-
condensed: SizeRem;
|
|
106
|
-
spacious: SizeRem;
|
|
107
|
-
};
|
|
108
|
-
};
|
|
109
|
-
medium: {
|
|
110
|
-
gap: {
|
|
111
|
-
auto: SizeRem;
|
|
112
|
-
condensed: SizeRem;
|
|
113
|
-
spacious: SizeRem;
|
|
114
|
-
};
|
|
115
|
-
};
|
|
116
|
-
large: {
|
|
117
|
-
gap: {
|
|
118
|
-
auto: SizeRem;
|
|
119
|
-
condensed: SizeRem;
|
|
120
|
-
spacious: SizeRem;
|
|
121
|
-
};
|
|
122
|
-
};
|
|
123
|
-
};
|
|
124
|
-
stack: {
|
|
125
|
-
padding: {
|
|
126
|
-
condensed: SizeRem;
|
|
127
|
-
normal: SizeRem;
|
|
128
|
-
spacious: SizeRem;
|
|
129
|
-
};
|
|
130
|
-
gap: {
|
|
131
|
-
condensed: SizeRem;
|
|
132
|
-
normal: SizeRem;
|
|
133
|
-
spacious: SizeRem;
|
|
134
|
-
};
|
|
135
|
-
};
|
|
136
|
-
viewportRange: {
|
|
137
|
-
narrow: string;
|
|
138
|
-
narrowLandscape: string;
|
|
139
|
-
regular: string;
|
|
140
|
-
wide: string;
|
|
141
|
-
portrait: string;
|
|
142
|
-
landscape: string;
|
|
143
|
-
};
|
|
144
|
-
};
|