@primer/primitives 10.0.0-rc.367a0502 → 10.0.0-rc.fd912e08
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/css/functional/themes/dark-colorblind.css +4 -4
- package/dist/css/functional/themes/dark-high-contrast.css +20 -20
- package/dist/css/functional/themes/light-high-contrast.css +14 -14
- package/dist/css/functional/typography/typography.css +20 -20
- package/dist/css/primitives.css +20 -20
- package/dist/docs/base/size/size.json +76 -76
- package/dist/docs/base/typography/typography.json +16 -16
- package/dist/docs/functional/motion/motion.json +18 -18
- package/dist/docs/functional/size/border.json +56 -56
- package/dist/docs/functional/size/breakpoints.json +24 -24
- package/dist/docs/functional/size/size-coarse.json +12 -12
- package/dist/docs/functional/size/size-fine.json +12 -12
- package/dist/docs/functional/size/size.json +264 -264
- package/dist/docs/functional/size/viewport.json +24 -24
- package/dist/docs/functional/themes/dark-colorblind.json +2310 -3186
- package/dist/docs/functional/themes/dark-dimmed.json +2300 -2794
- package/dist/docs/functional/themes/dark-high-contrast.json +2520 -5038
- package/dist/docs/functional/themes/dark-tritanopia.json +2351 -3003
- package/dist/docs/functional/themes/dark.json +2270 -2270
- package/dist/docs/functional/themes/light-colorblind.json +2298 -3124
- package/dist/docs/functional/themes/light-high-contrast.json +2419 -4645
- package/dist/docs/functional/themes/light-tritanopia.json +2330 -2990
- package/dist/docs/functional/themes/light.json +2260 -2260
- package/dist/docs/functional/typography/typography.json +206 -206
- package/dist/figma/dimension/dimension.json +489 -489
- package/dist/figma/figma.json +11 -3
- package/dist/figma/scales/dark-dimmed.json +38 -38
- package/dist/figma/scales/dark-high-constrast.json +38 -38
- package/dist/figma/scales/dark.json +35 -35
- package/dist/figma/scales/light-high-constrast.json +40 -40
- package/dist/figma/scales/light.json +40 -40
- package/dist/figma/shadows/dark-colorblind.json +280 -280
- package/dist/figma/shadows/dark-dimmed.json +280 -280
- package/dist/figma/shadows/dark-high-contrast.json +280 -280
- package/dist/figma/shadows/dark-tritanopia.json +280 -280
- package/dist/figma/shadows/dark.json +280 -280
- package/dist/figma/shadows/light-colorblind.json +281 -281
- package/dist/figma/shadows/light-high-contrast.json +281 -281
- package/dist/figma/shadows/light-tritanopia.json +281 -281
- package/dist/figma/shadows/light.json +281 -281
- package/dist/figma/themes/dark-colorblind.json +4991 -5854
- package/dist/figma/themes/dark-dimmed.json +5314 -5799
- package/dist/figma/themes/dark-high-contrast.json +4210 -6679
- package/dist/figma/themes/dark-tritanopia.json +5165 -5817
- package/dist/figma/themes/dark.json +5534 -5537
- package/dist/figma/themes/light-colorblind.json +4857 -5669
- package/dist/figma/themes/light-high-contrast.json +4198 -6372
- package/dist/figma/themes/light-tritanopia.json +4901 -5529
- package/dist/figma/themes/light.json +5349 -5349
- package/dist/figma/typography/typography.json +112 -156
- package/dist/internalCss/dark-colorblind.css +4 -4
- package/dist/internalCss/dark-high-contrast.css +20 -20
- package/dist/internalCss/light-high-contrast.css +14 -14
- package/dist/styleLint/base/size/size.json +38 -38
- package/dist/styleLint/base/typography/typography.json +8 -8
- package/dist/styleLint/functional/motion/motion.json +12 -12
- package/dist/styleLint/functional/size/border.json +30 -30
- package/dist/styleLint/functional/size/breakpoints.json +12 -12
- package/dist/styleLint/functional/size/size-coarse.json +6 -6
- package/dist/styleLint/functional/size/size-fine.json +6 -6
- package/dist/styleLint/functional/size/size.json +132 -132
- package/dist/styleLint/functional/size/viewport.json +12 -12
- package/dist/styleLint/functional/themes/dark-colorblind.json +1171 -2047
- package/dist/styleLint/functional/themes/dark-dimmed.json +1160 -1654
- package/dist/styleLint/functional/themes/dark-high-contrast.json +1307 -3825
- package/dist/styleLint/functional/themes/dark-tritanopia.json +1232 -1884
- package/dist/styleLint/functional/themes/dark.json +1140 -1140
- package/dist/styleLint/functional/themes/light-colorblind.json +1198 -2024
- package/dist/styleLint/functional/themes/light-high-contrast.json +1270 -3496
- package/dist/styleLint/functional/themes/light-tritanopia.json +1205 -1865
- package/dist/styleLint/functional/themes/light.json +1130 -1130
- package/dist/styleLint/functional/typography/typography.json +114 -114
- package/package.json +10 -3
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +4 -4
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +6 -0
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +21 -3
- package/src/tokens/functional/color/dark/primitives-dark.json5 +3 -3
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +4 -1
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +4 -1
- package/src/tokens/functional/color/light/primitives-light.json5 +2 -2
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"breakpoint-xsmall": {
|
|
3
|
-
"value": ["20rem", "320px"],
|
|
3
|
+
"$value": ["20rem", "320px"],
|
|
4
4
|
"$type": "dimension",
|
|
5
5
|
"$extensions": {
|
|
6
6
|
"org.primer.figma": {
|
|
@@ -11,7 +11,7 @@
|
|
|
11
11
|
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
12
12
|
"isSource": true,
|
|
13
13
|
"original": {
|
|
14
|
-
"value": "320px",
|
|
14
|
+
"$value": "320px",
|
|
15
15
|
"$type": "dimension",
|
|
16
16
|
"$extensions": {
|
|
17
17
|
"org.primer.figma": {
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
"path": ["breakpoint", "xsmall"]
|
|
26
26
|
},
|
|
27
27
|
"breakpoint-small": {
|
|
28
|
-
"value": ["34rem", "544px"],
|
|
28
|
+
"$value": ["34rem", "544px"],
|
|
29
29
|
"$type": "dimension",
|
|
30
30
|
"$extensions": {
|
|
31
31
|
"org.primer.figma": {
|
|
@@ -36,7 +36,7 @@
|
|
|
36
36
|
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
37
37
|
"isSource": true,
|
|
38
38
|
"original": {
|
|
39
|
-
"value": "544px",
|
|
39
|
+
"$value": "544px",
|
|
40
40
|
"$type": "dimension",
|
|
41
41
|
"$extensions": {
|
|
42
42
|
"org.primer.figma": {
|
|
@@ -50,7 +50,7 @@
|
|
|
50
50
|
"path": ["breakpoint", "small"]
|
|
51
51
|
},
|
|
52
52
|
"breakpoint-medium": {
|
|
53
|
-
"value": ["48rem", "768px"],
|
|
53
|
+
"$value": ["48rem", "768px"],
|
|
54
54
|
"$type": "dimension",
|
|
55
55
|
"$extensions": {
|
|
56
56
|
"org.primer.figma": {
|
|
@@ -61,7 +61,7 @@
|
|
|
61
61
|
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
62
62
|
"isSource": true,
|
|
63
63
|
"original": {
|
|
64
|
-
"value": "768px",
|
|
64
|
+
"$value": "768px",
|
|
65
65
|
"$type": "dimension",
|
|
66
66
|
"$extensions": {
|
|
67
67
|
"org.primer.figma": {
|
|
@@ -75,7 +75,7 @@
|
|
|
75
75
|
"path": ["breakpoint", "medium"]
|
|
76
76
|
},
|
|
77
77
|
"breakpoint-large": {
|
|
78
|
-
"value": ["63.25rem", "1012px"],
|
|
78
|
+
"$value": ["63.25rem", "1012px"],
|
|
79
79
|
"$type": "dimension",
|
|
80
80
|
"$extensions": {
|
|
81
81
|
"org.primer.figma": {
|
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
87
87
|
"isSource": true,
|
|
88
88
|
"original": {
|
|
89
|
-
"value": "1012px",
|
|
89
|
+
"$value": "1012px",
|
|
90
90
|
"$type": "dimension",
|
|
91
91
|
"$extensions": {
|
|
92
92
|
"org.primer.figma": {
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
"path": ["breakpoint", "large"]
|
|
101
101
|
},
|
|
102
102
|
"breakpoint-xlarge": {
|
|
103
|
-
"value": ["80rem", "1280px"],
|
|
103
|
+
"$value": ["80rem", "1280px"],
|
|
104
104
|
"$type": "dimension",
|
|
105
105
|
"$extensions": {
|
|
106
106
|
"org.primer.figma": {
|
|
@@ -111,7 +111,7 @@
|
|
|
111
111
|
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
112
112
|
"isSource": true,
|
|
113
113
|
"original": {
|
|
114
|
-
"value": "1280px",
|
|
114
|
+
"$value": "1280px",
|
|
115
115
|
"$type": "dimension",
|
|
116
116
|
"$extensions": {
|
|
117
117
|
"org.primer.figma": {
|
|
@@ -125,7 +125,7 @@
|
|
|
125
125
|
"path": ["breakpoint", "xlarge"]
|
|
126
126
|
},
|
|
127
127
|
"breakpoint-xxlarge": {
|
|
128
|
-
"value": ["87.5rem", "1400px"],
|
|
128
|
+
"$value": ["87.5rem", "1400px"],
|
|
129
129
|
"$type": "dimension",
|
|
130
130
|
"$extensions": {
|
|
131
131
|
"org.primer.figma": {
|
|
@@ -136,7 +136,7 @@
|
|
|
136
136
|
"filePath": "src/tokens/functional/size/breakpoints.json",
|
|
137
137
|
"isSource": true,
|
|
138
138
|
"original": {
|
|
139
|
-
"value": "1400px",
|
|
139
|
+
"$value": "1400px",
|
|
140
140
|
"$type": "dimension",
|
|
141
141
|
"$extensions": {
|
|
142
142
|
"org.primer.figma": {
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"control-minTarget-auto": {
|
|
3
|
-
"value": ["0.171875rem", "2.75px"],
|
|
3
|
+
"$value": ["0.171875rem", "2.75px"],
|
|
4
4
|
"$type": "dimension",
|
|
5
5
|
"filePath": "src/tokens/functional/size/size-coarse.json",
|
|
6
6
|
"isSource": true,
|
|
7
7
|
"original": {
|
|
8
|
-
"value": "{base.size.44}",
|
|
8
|
+
"$value": "{base.size.44}",
|
|
9
9
|
"$type": "dimension"
|
|
10
10
|
},
|
|
11
11
|
"name": "control-minTarget-auto",
|
|
@@ -13,12 +13,12 @@
|
|
|
13
13
|
"path": ["control", "minTarget", "auto"]
|
|
14
14
|
},
|
|
15
15
|
"controlStack-small-gap-auto": {
|
|
16
|
-
"value": ["0.0625rem", "1px"],
|
|
16
|
+
"$value": ["0.0625rem", "1px"],
|
|
17
17
|
"$type": "dimension",
|
|
18
18
|
"filePath": "src/tokens/functional/size/size-coarse.json",
|
|
19
19
|
"isSource": true,
|
|
20
20
|
"original": {
|
|
21
|
-
"value": "{base.size.16}",
|
|
21
|
+
"$value": "{base.size.16}",
|
|
22
22
|
"$type": "dimension"
|
|
23
23
|
},
|
|
24
24
|
"name": "controlStack-small-gap-auto",
|
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
"path": ["controlStack", "small", "gap", "auto"]
|
|
27
27
|
},
|
|
28
28
|
"controlStack-medium-gap-auto": {
|
|
29
|
-
"value": ["0.046875rem", "0.75px"],
|
|
29
|
+
"$value": ["0.046875rem", "0.75px"],
|
|
30
30
|
"$type": "dimension",
|
|
31
31
|
"filePath": "src/tokens/functional/size/size-coarse.json",
|
|
32
32
|
"isSource": true,
|
|
33
33
|
"original": {
|
|
34
|
-
"value": "{base.size.12}",
|
|
34
|
+
"$value": "{base.size.12}",
|
|
35
35
|
"$type": "dimension"
|
|
36
36
|
},
|
|
37
37
|
"name": "controlStack-medium-gap-auto",
|
|
@@ -1,11 +1,11 @@
|
|
|
1
1
|
{
|
|
2
2
|
"control-minTarget-auto": {
|
|
3
|
-
"value": ["0.0625rem", "1px"],
|
|
3
|
+
"$value": ["0.0625rem", "1px"],
|
|
4
4
|
"$type": "dimension",
|
|
5
5
|
"filePath": "src/tokens/functional/size/size-fine.json",
|
|
6
6
|
"isSource": true,
|
|
7
7
|
"original": {
|
|
8
|
-
"value": "{base.size.16}",
|
|
8
|
+
"$value": "{base.size.16}",
|
|
9
9
|
"$type": "dimension"
|
|
10
10
|
},
|
|
11
11
|
"name": "control-minTarget-auto",
|
|
@@ -13,12 +13,12 @@
|
|
|
13
13
|
"path": ["control", "minTarget", "auto"]
|
|
14
14
|
},
|
|
15
15
|
"controlStack-small-gap-auto": {
|
|
16
|
-
"value": ["0.03125rem", "0.5px"],
|
|
16
|
+
"$value": ["0.03125rem", "0.5px"],
|
|
17
17
|
"$type": "dimension",
|
|
18
18
|
"filePath": "src/tokens/functional/size/size-fine.json",
|
|
19
19
|
"isSource": true,
|
|
20
20
|
"original": {
|
|
21
|
-
"value": "{base.size.8}",
|
|
21
|
+
"$value": "{base.size.8}",
|
|
22
22
|
"$type": "dimension"
|
|
23
23
|
},
|
|
24
24
|
"name": "controlStack-small-gap-auto",
|
|
@@ -26,12 +26,12 @@
|
|
|
26
26
|
"path": ["controlStack", "small", "gap", "auto"]
|
|
27
27
|
},
|
|
28
28
|
"controlStack-medium-gap-auto": {
|
|
29
|
-
"value": ["0.03125rem", "0.5px"],
|
|
29
|
+
"$value": ["0.03125rem", "0.5px"],
|
|
30
30
|
"$type": "dimension",
|
|
31
31
|
"filePath": "src/tokens/functional/size/size-fine.json",
|
|
32
32
|
"isSource": true,
|
|
33
33
|
"original": {
|
|
34
|
-
"value": "{base.size.8}",
|
|
34
|
+
"$value": "{base.size.8}",
|
|
35
35
|
"$type": "dimension"
|
|
36
36
|
},
|
|
37
37
|
"name": "controlStack-medium-gap-auto",
|