@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,227 @@
|
|
|
1
|
+
{
|
|
2
|
+
"base": {
|
|
3
|
+
"size": {
|
|
4
|
+
"4": {
|
|
5
|
+
"value": "4px",
|
|
6
|
+
"$type": "dimension",
|
|
7
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
8
|
+
"isSource": true,
|
|
9
|
+
"original": {
|
|
10
|
+
"value": "4px",
|
|
11
|
+
"$type": "dimension"
|
|
12
|
+
},
|
|
13
|
+
"name": "base-size-4",
|
|
14
|
+
"attributes": {},
|
|
15
|
+
"path": ["base", "size", "4"]
|
|
16
|
+
},
|
|
17
|
+
"8": {
|
|
18
|
+
"value": "8px",
|
|
19
|
+
"$type": "dimension",
|
|
20
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
21
|
+
"isSource": true,
|
|
22
|
+
"original": {
|
|
23
|
+
"value": "8px",
|
|
24
|
+
"$type": "dimension"
|
|
25
|
+
},
|
|
26
|
+
"name": "base-size-8",
|
|
27
|
+
"attributes": {},
|
|
28
|
+
"path": ["base", "size", "8"]
|
|
29
|
+
},
|
|
30
|
+
"12": {
|
|
31
|
+
"value": "12px",
|
|
32
|
+
"$type": "dimension",
|
|
33
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
34
|
+
"isSource": true,
|
|
35
|
+
"original": {
|
|
36
|
+
"value": "12px",
|
|
37
|
+
"$type": "dimension"
|
|
38
|
+
},
|
|
39
|
+
"name": "base-size-12",
|
|
40
|
+
"attributes": {},
|
|
41
|
+
"path": ["base", "size", "12"]
|
|
42
|
+
},
|
|
43
|
+
"16": {
|
|
44
|
+
"value": "16px",
|
|
45
|
+
"$type": "dimension",
|
|
46
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
47
|
+
"isSource": true,
|
|
48
|
+
"original": {
|
|
49
|
+
"value": "16px",
|
|
50
|
+
"$type": "dimension"
|
|
51
|
+
},
|
|
52
|
+
"name": "base-size-16",
|
|
53
|
+
"attributes": {},
|
|
54
|
+
"path": ["base", "size", "16"]
|
|
55
|
+
},
|
|
56
|
+
"20": {
|
|
57
|
+
"value": "20px",
|
|
58
|
+
"$type": "dimension",
|
|
59
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
60
|
+
"isSource": true,
|
|
61
|
+
"original": {
|
|
62
|
+
"value": "20px",
|
|
63
|
+
"$type": "dimension"
|
|
64
|
+
},
|
|
65
|
+
"name": "base-size-20",
|
|
66
|
+
"attributes": {},
|
|
67
|
+
"path": ["base", "size", "20"]
|
|
68
|
+
},
|
|
69
|
+
"24": {
|
|
70
|
+
"value": "24px",
|
|
71
|
+
"$type": "dimension",
|
|
72
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
73
|
+
"isSource": true,
|
|
74
|
+
"original": {
|
|
75
|
+
"value": "24px",
|
|
76
|
+
"$type": "dimension"
|
|
77
|
+
},
|
|
78
|
+
"name": "base-size-24",
|
|
79
|
+
"attributes": {},
|
|
80
|
+
"path": ["base", "size", "24"]
|
|
81
|
+
},
|
|
82
|
+
"28": {
|
|
83
|
+
"value": "28px",
|
|
84
|
+
"$type": "dimension",
|
|
85
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
86
|
+
"isSource": true,
|
|
87
|
+
"original": {
|
|
88
|
+
"value": "28px",
|
|
89
|
+
"$type": "dimension"
|
|
90
|
+
},
|
|
91
|
+
"name": "base-size-28",
|
|
92
|
+
"attributes": {},
|
|
93
|
+
"path": ["base", "size", "28"]
|
|
94
|
+
},
|
|
95
|
+
"32": {
|
|
96
|
+
"value": "32px",
|
|
97
|
+
"$type": "dimension",
|
|
98
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
99
|
+
"isSource": true,
|
|
100
|
+
"original": {
|
|
101
|
+
"value": "32px",
|
|
102
|
+
"$type": "dimension"
|
|
103
|
+
},
|
|
104
|
+
"name": "base-size-32",
|
|
105
|
+
"attributes": {},
|
|
106
|
+
"path": ["base", "size", "32"]
|
|
107
|
+
},
|
|
108
|
+
"36": {
|
|
109
|
+
"value": "36px",
|
|
110
|
+
"$type": "dimension",
|
|
111
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
112
|
+
"isSource": true,
|
|
113
|
+
"original": {
|
|
114
|
+
"value": "36px",
|
|
115
|
+
"$type": "dimension"
|
|
116
|
+
},
|
|
117
|
+
"name": "base-size-36",
|
|
118
|
+
"attributes": {},
|
|
119
|
+
"path": ["base", "size", "36"]
|
|
120
|
+
},
|
|
121
|
+
"40": {
|
|
122
|
+
"value": "40px",
|
|
123
|
+
"$type": "dimension",
|
|
124
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
125
|
+
"isSource": true,
|
|
126
|
+
"original": {
|
|
127
|
+
"value": "40px",
|
|
128
|
+
"$type": "dimension"
|
|
129
|
+
},
|
|
130
|
+
"name": "base-size-40",
|
|
131
|
+
"attributes": {},
|
|
132
|
+
"path": ["base", "size", "40"]
|
|
133
|
+
},
|
|
134
|
+
"44": {
|
|
135
|
+
"value": "44px",
|
|
136
|
+
"$type": "dimension",
|
|
137
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
138
|
+
"isSource": true,
|
|
139
|
+
"original": {
|
|
140
|
+
"value": "44px",
|
|
141
|
+
"$type": "dimension"
|
|
142
|
+
},
|
|
143
|
+
"name": "base-size-44",
|
|
144
|
+
"attributes": {},
|
|
145
|
+
"path": ["base", "size", "44"]
|
|
146
|
+
},
|
|
147
|
+
"48": {
|
|
148
|
+
"value": "48px",
|
|
149
|
+
"$type": "dimension",
|
|
150
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
151
|
+
"isSource": true,
|
|
152
|
+
"original": {
|
|
153
|
+
"value": "48px",
|
|
154
|
+
"$type": "dimension"
|
|
155
|
+
},
|
|
156
|
+
"name": "base-size-48",
|
|
157
|
+
"attributes": {},
|
|
158
|
+
"path": ["base", "size", "48"]
|
|
159
|
+
},
|
|
160
|
+
"64": {
|
|
161
|
+
"value": "64px",
|
|
162
|
+
"$type": "dimension",
|
|
163
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
164
|
+
"isSource": true,
|
|
165
|
+
"original": {
|
|
166
|
+
"value": "64px",
|
|
167
|
+
"$type": "dimension"
|
|
168
|
+
},
|
|
169
|
+
"name": "base-size-64",
|
|
170
|
+
"attributes": {},
|
|
171
|
+
"path": ["base", "size", "64"]
|
|
172
|
+
},
|
|
173
|
+
"80": {
|
|
174
|
+
"value": "80px",
|
|
175
|
+
"$type": "dimension",
|
|
176
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
177
|
+
"isSource": true,
|
|
178
|
+
"original": {
|
|
179
|
+
"value": "80px",
|
|
180
|
+
"$type": "dimension"
|
|
181
|
+
},
|
|
182
|
+
"name": "base-size-80",
|
|
183
|
+
"attributes": {},
|
|
184
|
+
"path": ["base", "size", "80"]
|
|
185
|
+
},
|
|
186
|
+
"96": {
|
|
187
|
+
"value": "96px",
|
|
188
|
+
"$type": "dimension",
|
|
189
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
190
|
+
"isSource": true,
|
|
191
|
+
"original": {
|
|
192
|
+
"value": "96px",
|
|
193
|
+
"$type": "dimension"
|
|
194
|
+
},
|
|
195
|
+
"name": "base-size-96",
|
|
196
|
+
"attributes": {},
|
|
197
|
+
"path": ["base", "size", "96"]
|
|
198
|
+
},
|
|
199
|
+
"112": {
|
|
200
|
+
"value": "112px",
|
|
201
|
+
"$type": "dimension",
|
|
202
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
203
|
+
"isSource": true,
|
|
204
|
+
"original": {
|
|
205
|
+
"value": "112px",
|
|
206
|
+
"$type": "dimension"
|
|
207
|
+
},
|
|
208
|
+
"name": "base-size-112",
|
|
209
|
+
"attributes": {},
|
|
210
|
+
"path": ["base", "size", "112"]
|
|
211
|
+
},
|
|
212
|
+
"128": {
|
|
213
|
+
"value": "128px",
|
|
214
|
+
"$type": "dimension",
|
|
215
|
+
"filePath": "src/tokens/base/size/size.json",
|
|
216
|
+
"isSource": true,
|
|
217
|
+
"original": {
|
|
218
|
+
"value": "128px",
|
|
219
|
+
"$type": "dimension"
|
|
220
|
+
},
|
|
221
|
+
"name": "base-size-128",
|
|
222
|
+
"attributes": {},
|
|
223
|
+
"path": ["base", "size", "128"]
|
|
224
|
+
}
|
|
225
|
+
}
|
|
226
|
+
}
|
|
227
|
+
}
|
|
@@ -0,0 +1,60 @@
|
|
|
1
|
+
{
|
|
2
|
+
"base": {
|
|
3
|
+
"text": {
|
|
4
|
+
"weight": {
|
|
5
|
+
"light": {
|
|
6
|
+
"value": 300,
|
|
7
|
+
"$type": "fontWeight",
|
|
8
|
+
"filePath": "src/tokens/base/typography/typography.json",
|
|
9
|
+
"isSource": true,
|
|
10
|
+
"original": {
|
|
11
|
+
"value": 300,
|
|
12
|
+
"$type": "fontWeight"
|
|
13
|
+
},
|
|
14
|
+
"name": "base-text-weight-light",
|
|
15
|
+
"attributes": {},
|
|
16
|
+
"path": ["base", "text", "weight", "light"]
|
|
17
|
+
},
|
|
18
|
+
"normal": {
|
|
19
|
+
"value": 400,
|
|
20
|
+
"$type": "fontWeight",
|
|
21
|
+
"filePath": "src/tokens/base/typography/typography.json",
|
|
22
|
+
"isSource": true,
|
|
23
|
+
"original": {
|
|
24
|
+
"value": 400,
|
|
25
|
+
"$type": "fontWeight"
|
|
26
|
+
},
|
|
27
|
+
"name": "base-text-weight-normal",
|
|
28
|
+
"attributes": {},
|
|
29
|
+
"path": ["base", "text", "weight", "normal"]
|
|
30
|
+
},
|
|
31
|
+
"medium": {
|
|
32
|
+
"value": 500,
|
|
33
|
+
"$type": "fontWeight",
|
|
34
|
+
"filePath": "src/tokens/base/typography/typography.json",
|
|
35
|
+
"isSource": true,
|
|
36
|
+
"original": {
|
|
37
|
+
"value": 500,
|
|
38
|
+
"$type": "fontWeight"
|
|
39
|
+
},
|
|
40
|
+
"name": "base-text-weight-medium",
|
|
41
|
+
"attributes": {},
|
|
42
|
+
"path": ["base", "text", "weight", "medium"]
|
|
43
|
+
},
|
|
44
|
+
"semibold": {
|
|
45
|
+
"value": 600,
|
|
46
|
+
"$type": "fontWeight",
|
|
47
|
+
"filePath": "src/tokens/base/typography/typography.json",
|
|
48
|
+
"isSource": true,
|
|
49
|
+
"original": {
|
|
50
|
+
"value": 600,
|
|
51
|
+
"$type": "fontWeight"
|
|
52
|
+
},
|
|
53
|
+
"name": "base-text-weight-semibold",
|
|
54
|
+
"attributes": {},
|
|
55
|
+
"path": ["base", "text", "weight", "semibold"]
|
|
56
|
+
}
|
|
57
|
+
}
|
|
58
|
+
}
|
|
59
|
+
}
|
|
60
|
+
}
|
|
@@ -0,0 +1,135 @@
|
|
|
1
|
+
{
|
|
2
|
+
"borderInset": {
|
|
3
|
+
"thin": {
|
|
4
|
+
"value": "inset 0 0 0 max(1px, 0.0625rem)",
|
|
5
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
6
|
+
"isSource": true,
|
|
7
|
+
"original": {
|
|
8
|
+
"value": "inset 0 0 0 {borderWidth.thin}"
|
|
9
|
+
},
|
|
10
|
+
"name": "borderInset-thin",
|
|
11
|
+
"attributes": {},
|
|
12
|
+
"path": ["borderInset", "thin"]
|
|
13
|
+
},
|
|
14
|
+
"thick": {
|
|
15
|
+
"value": "inset 0 0 0 max(2px, 0.125rem)",
|
|
16
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
17
|
+
"isSource": true,
|
|
18
|
+
"original": {
|
|
19
|
+
"value": "inset 0 0 0 {borderWidth.thick}"
|
|
20
|
+
},
|
|
21
|
+
"name": "borderInset-thick",
|
|
22
|
+
"attributes": {},
|
|
23
|
+
"path": ["borderInset", "thick"]
|
|
24
|
+
},
|
|
25
|
+
"thicker": {
|
|
26
|
+
"value": "inset 0 0 0 max(4px, 0.25rem)",
|
|
27
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
28
|
+
"isSource": true,
|
|
29
|
+
"original": {
|
|
30
|
+
"value": "inset 0 0 0 {borderWidth.thicker}"
|
|
31
|
+
},
|
|
32
|
+
"name": "borderInset-thicker",
|
|
33
|
+
"attributes": {},
|
|
34
|
+
"path": ["borderInset", "thicker"]
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"borderWidth": {
|
|
38
|
+
"thin": {
|
|
39
|
+
"value": "max(1px, 0.0625rem)",
|
|
40
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
41
|
+
"isSource": true,
|
|
42
|
+
"original": {
|
|
43
|
+
"value": "max(1px, 0.0625rem)"
|
|
44
|
+
},
|
|
45
|
+
"name": "borderWidth-thin",
|
|
46
|
+
"attributes": {},
|
|
47
|
+
"path": ["borderWidth", "thin"]
|
|
48
|
+
},
|
|
49
|
+
"thick": {
|
|
50
|
+
"value": "max(2px, 0.125rem)",
|
|
51
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
52
|
+
"isSource": true,
|
|
53
|
+
"original": {
|
|
54
|
+
"value": "max(2px, 0.125rem)"
|
|
55
|
+
},
|
|
56
|
+
"name": "borderWidth-thick",
|
|
57
|
+
"attributes": {},
|
|
58
|
+
"path": ["borderWidth", "thick"]
|
|
59
|
+
},
|
|
60
|
+
"thicker": {
|
|
61
|
+
"value": "max(4px, 0.25rem)",
|
|
62
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
63
|
+
"isSource": true,
|
|
64
|
+
"original": {
|
|
65
|
+
"value": "max(4px, 0.25rem)"
|
|
66
|
+
},
|
|
67
|
+
"name": "borderWidth-thicker",
|
|
68
|
+
"attributes": {},
|
|
69
|
+
"path": ["borderWidth", "thicker"]
|
|
70
|
+
}
|
|
71
|
+
},
|
|
72
|
+
"borderRadius": {
|
|
73
|
+
"small": {
|
|
74
|
+
"value": "3px",
|
|
75
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
76
|
+
"isSource": true,
|
|
77
|
+
"original": {
|
|
78
|
+
"value": "3px"
|
|
79
|
+
},
|
|
80
|
+
"name": "borderRadius-small",
|
|
81
|
+
"attributes": {},
|
|
82
|
+
"path": ["borderRadius", "small"]
|
|
83
|
+
},
|
|
84
|
+
"medium": {
|
|
85
|
+
"value": "6px",
|
|
86
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
87
|
+
"isSource": true,
|
|
88
|
+
"original": {
|
|
89
|
+
"value": "6px"
|
|
90
|
+
},
|
|
91
|
+
"name": "borderRadius-medium",
|
|
92
|
+
"attributes": {},
|
|
93
|
+
"path": ["borderRadius", "medium"]
|
|
94
|
+
},
|
|
95
|
+
"large": {
|
|
96
|
+
"value": "12px",
|
|
97
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
98
|
+
"isSource": true,
|
|
99
|
+
"original": {
|
|
100
|
+
"value": "12px"
|
|
101
|
+
},
|
|
102
|
+
"name": "borderRadius-large",
|
|
103
|
+
"attributes": {},
|
|
104
|
+
"path": ["borderRadius", "large"]
|
|
105
|
+
},
|
|
106
|
+
"full": {
|
|
107
|
+
"value": "100vh",
|
|
108
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
109
|
+
"isSource": true,
|
|
110
|
+
"original": {
|
|
111
|
+
"value": "100vh"
|
|
112
|
+
},
|
|
113
|
+
"name": "borderRadius-full",
|
|
114
|
+
"attributes": {},
|
|
115
|
+
"path": ["borderRadius", "full"]
|
|
116
|
+
}
|
|
117
|
+
},
|
|
118
|
+
"outline": {
|
|
119
|
+
"focus": {
|
|
120
|
+
"offset": {
|
|
121
|
+
"value": "1px",
|
|
122
|
+
"$type": "dimension",
|
|
123
|
+
"filePath": "src/tokens/functional/size/border.json",
|
|
124
|
+
"isSource": true,
|
|
125
|
+
"original": {
|
|
126
|
+
"value": "1px",
|
|
127
|
+
"$type": "dimension"
|
|
128
|
+
},
|
|
129
|
+
"name": "outline-focus-offset",
|
|
130
|
+
"attributes": {},
|
|
131
|
+
"path": ["outline", "focus", "offset"]
|
|
132
|
+
}
|
|
133
|
+
}
|
|
134
|
+
}
|
|
135
|
+
}
|
|
@@ -0,0 +1,82 @@
|
|
|
1
|
+
{
|
|
2
|
+
"breakpoint": {
|
|
3
|
+
"xsmall": {
|
|
4
|
+
"value": "320px",
|
|
5
|
+
"$type": "dimension",
|
|
6
|
+
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
7
|
+
"isSource": true,
|
|
8
|
+
"original": {
|
|
9
|
+
"value": "320px",
|
|
10
|
+
"$type": "dimension"
|
|
11
|
+
},
|
|
12
|
+
"name": "breakpoint-xsmall",
|
|
13
|
+
"attributes": {},
|
|
14
|
+
"path": ["breakpoint", "xsmall"]
|
|
15
|
+
},
|
|
16
|
+
"small": {
|
|
17
|
+
"value": "544px",
|
|
18
|
+
"$type": "dimension",
|
|
19
|
+
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
20
|
+
"isSource": true,
|
|
21
|
+
"original": {
|
|
22
|
+
"value": "544px",
|
|
23
|
+
"$type": "dimension"
|
|
24
|
+
},
|
|
25
|
+
"name": "breakpoint-small",
|
|
26
|
+
"attributes": {},
|
|
27
|
+
"path": ["breakpoint", "small"]
|
|
28
|
+
},
|
|
29
|
+
"medium": {
|
|
30
|
+
"value": "768px",
|
|
31
|
+
"$type": "dimension",
|
|
32
|
+
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
33
|
+
"isSource": true,
|
|
34
|
+
"original": {
|
|
35
|
+
"value": "768px",
|
|
36
|
+
"$type": "dimension"
|
|
37
|
+
},
|
|
38
|
+
"name": "breakpoint-medium",
|
|
39
|
+
"attributes": {},
|
|
40
|
+
"path": ["breakpoint", "medium"]
|
|
41
|
+
},
|
|
42
|
+
"large": {
|
|
43
|
+
"value": "1012px",
|
|
44
|
+
"$type": "dimension",
|
|
45
|
+
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
46
|
+
"isSource": true,
|
|
47
|
+
"original": {
|
|
48
|
+
"value": "1012px",
|
|
49
|
+
"$type": "dimension"
|
|
50
|
+
},
|
|
51
|
+
"name": "breakpoint-large",
|
|
52
|
+
"attributes": {},
|
|
53
|
+
"path": ["breakpoint", "large"]
|
|
54
|
+
},
|
|
55
|
+
"xlarge": {
|
|
56
|
+
"value": "1280px",
|
|
57
|
+
"$type": "dimension",
|
|
58
|
+
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
59
|
+
"isSource": true,
|
|
60
|
+
"original": {
|
|
61
|
+
"value": "1280px",
|
|
62
|
+
"$type": "dimension"
|
|
63
|
+
},
|
|
64
|
+
"name": "breakpoint-xlarge",
|
|
65
|
+
"attributes": {},
|
|
66
|
+
"path": ["breakpoint", "xlarge"]
|
|
67
|
+
},
|
|
68
|
+
"xxlarge": {
|
|
69
|
+
"value": "1440px",
|
|
70
|
+
"$type": "dimension",
|
|
71
|
+
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
72
|
+
"isSource": true,
|
|
73
|
+
"original": {
|
|
74
|
+
"value": "1440px",
|
|
75
|
+
"$type": "dimension"
|
|
76
|
+
},
|
|
77
|
+
"name": "breakpoint-xxlarge",
|
|
78
|
+
"attributes": {},
|
|
79
|
+
"path": ["breakpoint", "xxlarge"]
|
|
80
|
+
}
|
|
81
|
+
}
|
|
82
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"control": {
|
|
3
|
+
"minTarget": {
|
|
4
|
+
"auto": {
|
|
5
|
+
"value": "44px",
|
|
6
|
+
"$type": "dimension",
|
|
7
|
+
"filePath": "src/tokens/functional/size/size-coarse.json",
|
|
8
|
+
"isSource": true,
|
|
9
|
+
"original": {
|
|
10
|
+
"value": "{base.size.44}",
|
|
11
|
+
"$type": "dimension"
|
|
12
|
+
},
|
|
13
|
+
"name": "control-minTarget-auto",
|
|
14
|
+
"attributes": {},
|
|
15
|
+
"path": ["control", "minTarget", "auto"]
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"controlStack": {
|
|
20
|
+
"small": {
|
|
21
|
+
"gap": {
|
|
22
|
+
"auto": {
|
|
23
|
+
"value": "16px",
|
|
24
|
+
"$type": "dimension",
|
|
25
|
+
"filePath": "src/tokens/functional/size/size-coarse.json",
|
|
26
|
+
"isSource": true,
|
|
27
|
+
"original": {
|
|
28
|
+
"value": "{base.size.16}",
|
|
29
|
+
"$type": "dimension"
|
|
30
|
+
},
|
|
31
|
+
"name": "controlStack-small-gap-auto",
|
|
32
|
+
"attributes": {},
|
|
33
|
+
"path": ["controlStack", "small", "gap", "auto"]
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"medium": {
|
|
38
|
+
"gap": {
|
|
39
|
+
"auto": {
|
|
40
|
+
"value": "12px",
|
|
41
|
+
"$type": "dimension",
|
|
42
|
+
"filePath": "src/tokens/functional/size/size-coarse.json",
|
|
43
|
+
"isSource": true,
|
|
44
|
+
"original": {
|
|
45
|
+
"value": "{base.size.12}",
|
|
46
|
+
"$type": "dimension"
|
|
47
|
+
},
|
|
48
|
+
"name": "controlStack-medium-gap-auto",
|
|
49
|
+
"attributes": {},
|
|
50
|
+
"path": ["controlStack", "medium", "gap", "auto"]
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|
|
@@ -0,0 +1,55 @@
|
|
|
1
|
+
{
|
|
2
|
+
"control": {
|
|
3
|
+
"minTarget": {
|
|
4
|
+
"auto": {
|
|
5
|
+
"value": "16px",
|
|
6
|
+
"$type": "dimension",
|
|
7
|
+
"filePath": "src/tokens/functional/size/size-fine.json",
|
|
8
|
+
"isSource": true,
|
|
9
|
+
"original": {
|
|
10
|
+
"value": "{base.size.16}",
|
|
11
|
+
"$type": "dimension"
|
|
12
|
+
},
|
|
13
|
+
"name": "control-minTarget-auto",
|
|
14
|
+
"attributes": {},
|
|
15
|
+
"path": ["control", "minTarget", "auto"]
|
|
16
|
+
}
|
|
17
|
+
}
|
|
18
|
+
},
|
|
19
|
+
"controlStack": {
|
|
20
|
+
"small": {
|
|
21
|
+
"gap": {
|
|
22
|
+
"auto": {
|
|
23
|
+
"value": "8px",
|
|
24
|
+
"$type": "dimension",
|
|
25
|
+
"filePath": "src/tokens/functional/size/size-fine.json",
|
|
26
|
+
"isSource": true,
|
|
27
|
+
"original": {
|
|
28
|
+
"value": "{base.size.8}",
|
|
29
|
+
"$type": "dimension"
|
|
30
|
+
},
|
|
31
|
+
"name": "controlStack-small-gap-auto",
|
|
32
|
+
"attributes": {},
|
|
33
|
+
"path": ["controlStack", "small", "gap", "auto"]
|
|
34
|
+
}
|
|
35
|
+
}
|
|
36
|
+
},
|
|
37
|
+
"medium": {
|
|
38
|
+
"gap": {
|
|
39
|
+
"auto": {
|
|
40
|
+
"value": "8px",
|
|
41
|
+
"$type": "dimension",
|
|
42
|
+
"filePath": "src/tokens/functional/size/size-fine.json",
|
|
43
|
+
"isSource": true,
|
|
44
|
+
"original": {
|
|
45
|
+
"value": "{base.size.8}",
|
|
46
|
+
"$type": "dimension"
|
|
47
|
+
},
|
|
48
|
+
"name": "controlStack-medium-gap-auto",
|
|
49
|
+
"attributes": {},
|
|
50
|
+
"path": ["controlStack", "medium", "gap", "auto"]
|
|
51
|
+
}
|
|
52
|
+
}
|
|
53
|
+
}
|
|
54
|
+
}
|
|
55
|
+
}
|