@primer/primitives 7.11.5 → 7.11.6
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 +2 -0
- package/package.json +1 -2
- package/tokens-next-private/css/base/size/size.css +0 -5
- package/tokens-next-private/css/base/typography/typography.css +0 -5
- package/tokens-next-private/css/functional/size/border.css +5 -9
- package/tokens-next-private/css/functional/size/breakpoints.css +0 -5
- package/tokens-next-private/css/functional/size/size-coarse.css +0 -5
- package/tokens-next-private/css/functional/size/size-fine.css +0 -5
- package/tokens-next-private/css/functional/size/size.css +0 -5
- package/tokens-next-private/css/functional/size/viewport.css +0 -5
- package/tokens-next-private/css/functional/themes/dark-colorblind.css +188 -11
- package/tokens-next-private/css/functional/themes/dark-dimmed.css +188 -11
- package/tokens-next-private/css/functional/themes/dark-high-contrast.css +190 -13
- package/tokens-next-private/css/functional/themes/dark-tritanopia.css +188 -11
- package/tokens-next-private/css/functional/themes/dark.css +188 -11
- package/tokens-next-private/css/functional/themes/light-colorblind.css +188 -11
- package/tokens-next-private/css/functional/themes/light-high-contrast.css +198 -21
- package/tokens-next-private/css/functional/themes/light-tritanopia.css +188 -11
- package/tokens-next-private/css/functional/themes/light.css +188 -11
- package/tokens-next-private/css/functional/typography/typography.css +43 -43
- package/tokens-next-private/docs/base/size/size.json +220 -224
- package/tokens-next-private/docs/base/typography/typography.json +51 -57
- package/tokens-next-private/docs/functional/size/border.json +125 -122
- package/tokens-next-private/docs/functional/size/breakpoints.json +72 -74
- package/tokens-next-private/docs/functional/size/size-coarse.json +36 -50
- package/tokens-next-private/docs/functional/size/size-fine.json +36 -50
- package/tokens-next-private/docs/functional/size/size.json +600 -644
- package/tokens-next-private/docs/functional/size/viewport.json +70 -72
- package/tokens-next-private/docs/functional/themes/dark-colorblind.json +5520 -4443
- package/tokens-next-private/docs/functional/themes/dark-dimmed.json +5524 -4447
- package/tokens-next-private/docs/functional/themes/dark-high-contrast.json +5524 -4447
- package/tokens-next-private/docs/functional/themes/dark-tritanopia.json +5524 -4447
- package/tokens-next-private/docs/functional/themes/dark.json +5524 -4447
- package/tokens-next-private/docs/functional/themes/light-colorblind.json +5176 -4149
- package/tokens-next-private/docs/functional/themes/light-high-contrast.json +5170 -4143
- package/tokens-next-private/docs/functional/themes/light-tritanopia.json +5170 -4143
- package/tokens-next-private/docs/functional/themes/light.json +5170 -4143
- package/tokens-next-private/docs/functional/typography/typography.json +600 -562
- package/tokens-next-private/js/base/size/size.js +0 -5
- package/tokens-next-private/js/base/typography/typography.js +0 -5
- package/tokens-next-private/js/functional/size/border.js +3 -7
- package/tokens-next-private/js/functional/size/breakpoints.js +0 -5
- package/tokens-next-private/js/functional/size/size-coarse.js +0 -5
- package/tokens-next-private/js/functional/size/size-fine.js +0 -5
- package/tokens-next-private/js/functional/size/size.js +0 -5
- package/tokens-next-private/js/functional/size/viewport.js +0 -5
- package/tokens-next-private/js/functional/themes/dark-colorblind.js +116 -8
- package/tokens-next-private/js/functional/themes/dark-dimmed.js +116 -8
- package/tokens-next-private/js/functional/themes/dark-high-contrast.js +117 -9
- package/tokens-next-private/js/functional/themes/dark-tritanopia.js +116 -8
- package/tokens-next-private/js/functional/themes/dark.js +116 -8
- package/tokens-next-private/js/functional/themes/light-colorblind.js +114 -8
- package/tokens-next-private/js/functional/themes/light-high-contrast.js +119 -13
- package/tokens-next-private/js/functional/themes/light-tritanopia.js +114 -8
- package/tokens-next-private/js/functional/themes/light.js +114 -8
- package/tokens-next-private/js/functional/typography/typography.js +10 -8
- package/tokens-next-private/json/functional/size/border.json +3 -2
- package/tokens-next-private/json/functional/themes/dark-colorblind.json +117 -4
- package/tokens-next-private/json/functional/themes/dark-dimmed.json +117 -4
- package/tokens-next-private/json/functional/themes/dark-high-contrast.json +118 -5
- package/tokens-next-private/json/functional/themes/dark-tritanopia.json +117 -4
- package/tokens-next-private/json/functional/themes/dark.json +117 -4
- package/tokens-next-private/json/functional/themes/light-colorblind.json +115 -4
- package/tokens-next-private/json/functional/themes/light-high-contrast.json +120 -9
- package/tokens-next-private/json/functional/themes/light-tritanopia.json +115 -4
- package/tokens-next-private/json/functional/themes/light.json +115 -4
- package/tokens-next-private/json/functional/typography/typography.json +13 -6
- package/tokens-next-private/scss/base/size/size.scss +0 -5
- package/tokens-next-private/scss/base/typography/typography.scss +0 -5
- package/tokens-next-private/scss/functional/size/border.scss +5 -9
- package/tokens-next-private/scss/functional/size/breakpoints.scss +0 -5
- package/tokens-next-private/scss/functional/size/size-coarse.scss +0 -5
- package/tokens-next-private/scss/functional/size/size-fine.scss +0 -5
- package/tokens-next-private/scss/functional/size/size.scss +0 -5
- package/tokens-next-private/scss/functional/size/viewport.scss +0 -5
- package/tokens-next-private/scss/functional/themes/dark-colorblind.scss +94 -8
- package/tokens-next-private/scss/functional/themes/dark-dimmed.scss +94 -8
- package/tokens-next-private/scss/functional/themes/dark-high-contrast.scss +95 -9
- package/tokens-next-private/scss/functional/themes/dark-tritanopia.scss +94 -8
- package/tokens-next-private/scss/functional/themes/dark.scss +94 -8
- package/tokens-next-private/scss/functional/themes/light-colorblind.scss +94 -8
- package/tokens-next-private/scss/functional/themes/light-high-contrast.scss +99 -13
- package/tokens-next-private/scss/functional/themes/light-tritanopia.scss +94 -8
- package/tokens-next-private/scss/functional/themes/light.scss +94 -8
- package/tokens-next-private/scss/functional/typography/typography.scss +8 -8
- package/tokens-next-private/ts/base/size/size.ts +0 -5
- package/tokens-next-private/ts/base/typography/typography.ts +0 -5
- package/tokens-next-private/ts/functional/size/border.ts +3 -7
- package/tokens-next-private/ts/functional/size/breakpoints.ts +0 -5
- package/tokens-next-private/ts/functional/size/size-coarse.ts +0 -5
- package/tokens-next-private/ts/functional/size/size-fine.ts +0 -5
- package/tokens-next-private/ts/functional/size/size.ts +0 -5
- package/tokens-next-private/ts/functional/size/viewport.ts +0 -5
- package/tokens-next-private/ts/functional/themes/dark-colorblind.ts +116 -8
- package/tokens-next-private/ts/functional/themes/dark-dimmed.ts +116 -8
- package/tokens-next-private/ts/functional/themes/dark-high-contrast.ts +117 -9
- package/tokens-next-private/ts/functional/themes/dark-tritanopia.ts +116 -8
- package/tokens-next-private/ts/functional/themes/dark.ts +116 -8
- package/tokens-next-private/ts/functional/themes/light-colorblind.ts +114 -8
- package/tokens-next-private/ts/functional/themes/light-high-contrast.ts +119 -13
- package/tokens-next-private/ts/functional/themes/light-tritanopia.ts +114 -8
- package/tokens-next-private/ts/functional/themes/light.ts +114 -8
- package/tokens-next-private/ts/functional/typography/typography.ts +10 -8
- package/tokens-next-private/ts/types/BaseColorDesignTokens.d.ts +113 -111
- package/tokens-next-private/ts/types/SizeDesignTokens.d.ts +3 -2
- package/tokens-next-private/ts/types/ThemeDesignTokens.d.ts +1 -3
- package/tokens-next-private/ts/types/TypographyDesignTokens.d.ts +15 -3
- 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
- package/tokens-next-private/css/base/color/dark-colorblind.css +0 -198
- package/tokens-next-private/css/base/color/dark-dimmed.css +0 -198
- package/tokens-next-private/css/base/color/dark-high-contrast.css +0 -198
- package/tokens-next-private/css/base/color/dark-tritanopia.css +0 -198
- package/tokens-next-private/css/base/color/dark.css +0 -198
- package/tokens-next-private/css/base/color/light-colorblind.css +0 -198
- package/tokens-next-private/css/base/color/light-high-contrast.css +0 -198
- package/tokens-next-private/css/base/color/light-tritanopia.css +0 -198
- package/tokens-next-private/css/base/color/light.css +0 -198
- package/tokens-next-private/docs/base/color/dark-colorblind.json +0 -1419
- package/tokens-next-private/docs/base/color/dark-dimmed.json +0 -1419
- package/tokens-next-private/docs/base/color/dark-high-contrast.json +0 -1419
- package/tokens-next-private/docs/base/color/dark-tritanopia.json +0 -1419
- package/tokens-next-private/docs/base/color/dark.json +0 -1419
- package/tokens-next-private/docs/base/color/light-colorblind.json +0 -1419
- package/tokens-next-private/docs/base/color/light-high-contrast.json +0 -1419
- package/tokens-next-private/docs/base/color/light-tritanopia.json +0 -1419
- package/tokens-next-private/docs/base/color/light.json +0 -1419
- package/tokens-next-private/js/base/color/dark-colorblind.js +0 -122
- package/tokens-next-private/js/base/color/dark-dimmed.js +0 -122
- package/tokens-next-private/js/base/color/dark-high-contrast.js +0 -122
- package/tokens-next-private/js/base/color/dark-tritanopia.js +0 -122
- package/tokens-next-private/js/base/color/dark.js +0 -122
- package/tokens-next-private/js/base/color/light-colorblind.js +0 -122
- package/tokens-next-private/js/base/color/light-high-contrast.js +0 -122
- package/tokens-next-private/js/base/color/light-tritanopia.js +0 -122
- package/tokens-next-private/js/base/color/light.js +0 -122
- package/tokens-next-private/json/base/color/dark-colorblind.json +0 -117
- package/tokens-next-private/json/base/color/dark-dimmed.json +0 -117
- package/tokens-next-private/json/base/color/dark-high-contrast.json +0 -117
- package/tokens-next-private/json/base/color/dark-tritanopia.json +0 -117
- package/tokens-next-private/json/base/color/dark.json +0 -117
- package/tokens-next-private/json/base/color/light-colorblind.json +0 -117
- package/tokens-next-private/json/base/color/light-high-contrast.json +0 -117
- package/tokens-next-private/json/base/color/light-tritanopia.json +0 -117
- package/tokens-next-private/json/base/color/light.json +0 -117
- package/tokens-next-private/scss/base/color/dark-colorblind.scss +0 -102
- package/tokens-next-private/scss/base/color/dark-dimmed.scss +0 -102
- package/tokens-next-private/scss/base/color/dark-high-contrast.scss +0 -102
- package/tokens-next-private/scss/base/color/dark-tritanopia.scss +0 -102
- package/tokens-next-private/scss/base/color/dark.scss +0 -102
- package/tokens-next-private/scss/base/color/light-colorblind.scss +0 -102
- package/tokens-next-private/scss/base/color/light-high-contrast.scss +0 -102
- package/tokens-next-private/scss/base/color/light-tritanopia.scss +0 -102
- package/tokens-next-private/scss/base/color/light.scss +0 -102
- package/tokens-next-private/ts/base/color/dark-colorblind.ts +0 -122
- package/tokens-next-private/ts/base/color/dark-dimmed.ts +0 -122
- package/tokens-next-private/ts/base/color/dark-high-contrast.ts +0 -122
- package/tokens-next-private/ts/base/color/dark-tritanopia.ts +0 -122
- package/tokens-next-private/ts/base/color/dark.ts +0 -122
- package/tokens-next-private/ts/base/color/light-colorblind.ts +0 -122
- package/tokens-next-private/ts/base/color/light-high-contrast.ts +0 -122
- package/tokens-next-private/ts/base/color/light-tritanopia.ts +0 -122
- package/tokens-next-private/ts/base/color/light.ts +0 -122
|
@@ -1,82 +1,80 @@
|
|
|
1
1
|
{
|
|
2
|
-
"viewportRange": {
|
|
3
|
-
"
|
|
4
|
-
|
|
5
|
-
|
|
6
|
-
|
|
7
|
-
|
|
8
|
-
"
|
|
9
|
-
|
|
10
|
-
"$type": "custom-viewportRange"
|
|
11
|
-
},
|
|
12
|
-
"name": "viewportRange-narrow",
|
|
13
|
-
"attributes": {},
|
|
14
|
-
"path": ["viewportRange", "narrow"]
|
|
2
|
+
"viewportRange-narrow": {
|
|
3
|
+
"value": "(max-width: calc(48rem - 0.02px))",
|
|
4
|
+
"$type": "custom-viewportRange",
|
|
5
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
6
|
+
"isSource": true,
|
|
7
|
+
"original": {
|
|
8
|
+
"value": "(max-width: calc({breakpoint.medium} - 0.02px))",
|
|
9
|
+
"$type": "custom-viewportRange"
|
|
15
10
|
},
|
|
16
|
-
"
|
|
17
|
-
|
|
18
|
-
|
|
19
|
-
|
|
20
|
-
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
|
|
24
|
-
|
|
25
|
-
|
|
26
|
-
"
|
|
27
|
-
"
|
|
11
|
+
"name": "viewportRange-narrow",
|
|
12
|
+
"attributes": {},
|
|
13
|
+
"path": ["viewportRange", "narrow"]
|
|
14
|
+
},
|
|
15
|
+
"viewportRange-narrowLandscape": {
|
|
16
|
+
"value": "(max-width: calc(63.25rem - 0.02px) and (max-height: calc(34rem - 0.02px)) and (orientation: landscape))",
|
|
17
|
+
"$type": "custom-viewportRange",
|
|
18
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
19
|
+
"isSource": true,
|
|
20
|
+
"original": {
|
|
21
|
+
"value": "(max-width: calc({breakpoint.large} - 0.02px) and (max-height: calc({breakpoint.small} - 0.02px)) and (orientation: landscape))",
|
|
22
|
+
"$type": "custom-viewportRange"
|
|
28
23
|
},
|
|
29
|
-
"
|
|
30
|
-
|
|
31
|
-
|
|
32
|
-
|
|
33
|
-
|
|
34
|
-
|
|
35
|
-
|
|
36
|
-
|
|
37
|
-
|
|
38
|
-
|
|
39
|
-
"
|
|
40
|
-
"
|
|
24
|
+
"name": "viewportRange-narrowLandscape",
|
|
25
|
+
"attributes": {},
|
|
26
|
+
"path": ["viewportRange", "narrowLandscape"]
|
|
27
|
+
},
|
|
28
|
+
"viewportRange-regular": {
|
|
29
|
+
"value": "(min-width: 48rem)",
|
|
30
|
+
"$type": "custom-viewportRange",
|
|
31
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
32
|
+
"isSource": true,
|
|
33
|
+
"original": {
|
|
34
|
+
"value": "(min-width: {breakpoint.medium})",
|
|
35
|
+
"$type": "custom-viewportRange"
|
|
41
36
|
},
|
|
42
|
-
"
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
|
|
49
|
-
|
|
50
|
-
|
|
51
|
-
|
|
52
|
-
"
|
|
53
|
-
"
|
|
37
|
+
"name": "viewportRange-regular",
|
|
38
|
+
"attributes": {},
|
|
39
|
+
"path": ["viewportRange", "regular"]
|
|
40
|
+
},
|
|
41
|
+
"viewportRange-wide": {
|
|
42
|
+
"value": "(min-width: 90rem)",
|
|
43
|
+
"$type": "custom-viewportRange",
|
|
44
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
45
|
+
"isSource": true,
|
|
46
|
+
"original": {
|
|
47
|
+
"value": "(min-width: {breakpoint.xxlarge})",
|
|
48
|
+
"$type": "custom-viewportRange"
|
|
54
49
|
},
|
|
55
|
-
"
|
|
50
|
+
"name": "viewportRange-wide",
|
|
51
|
+
"attributes": {},
|
|
52
|
+
"path": ["viewportRange", "wide"]
|
|
53
|
+
},
|
|
54
|
+
"viewportRange-portrait": {
|
|
55
|
+
"value": "(orientation: portrait)",
|
|
56
|
+
"$type": "custom-viewportRange",
|
|
57
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
58
|
+
"isSource": true,
|
|
59
|
+
"original": {
|
|
56
60
|
"value": "(orientation: portrait)",
|
|
57
|
-
"$type": "custom-viewportRange"
|
|
58
|
-
"filePath": "src/tokens/functional/size/viewport.json",
|
|
59
|
-
"isSource": true,
|
|
60
|
-
"original": {
|
|
61
|
-
"value": "(orientation: portrait)",
|
|
62
|
-
"$type": "custom-viewportRange"
|
|
63
|
-
},
|
|
64
|
-
"name": "viewportRange-portrait",
|
|
65
|
-
"attributes": {},
|
|
66
|
-
"path": ["viewportRange", "portrait"]
|
|
61
|
+
"$type": "custom-viewportRange"
|
|
67
62
|
},
|
|
68
|
-
"
|
|
63
|
+
"name": "viewportRange-portrait",
|
|
64
|
+
"attributes": {},
|
|
65
|
+
"path": ["viewportRange", "portrait"]
|
|
66
|
+
},
|
|
67
|
+
"viewportRange-landscape": {
|
|
68
|
+
"value": "(orientation: landscape)",
|
|
69
|
+
"$type": "custom-viewportRange",
|
|
70
|
+
"filePath": "src/tokens/functional/size/viewport.json",
|
|
71
|
+
"isSource": true,
|
|
72
|
+
"original": {
|
|
69
73
|
"value": "(orientation: landscape)",
|
|
70
|
-
"$type": "custom-viewportRange"
|
|
71
|
-
|
|
72
|
-
|
|
73
|
-
|
|
74
|
-
|
|
75
|
-
"$type": "custom-viewportRange"
|
|
76
|
-
},
|
|
77
|
-
"name": "viewportRange-landscape",
|
|
78
|
-
"attributes": {},
|
|
79
|
-
"path": ["viewportRange", "landscape"]
|
|
80
|
-
}
|
|
74
|
+
"$type": "custom-viewportRange"
|
|
75
|
+
},
|
|
76
|
+
"name": "viewportRange-landscape",
|
|
77
|
+
"attributes": {},
|
|
78
|
+
"path": ["viewportRange", "landscape"]
|
|
81
79
|
}
|
|
82
80
|
}
|