@primer/primitives 8.2.3 → 8.2.4-rc.20f0592f
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 +48 -48
- package/dist/css/functional/themes/dark-dimmed.css +50 -50
- package/dist/css/functional/themes/dark-high-contrast.css +50 -50
- package/dist/css/functional/themes/dark-tritanopia.css +50 -50
- package/dist/css/functional/themes/dark.css +50 -50
- package/dist/css/functional/themes/light-colorblind.css +22 -22
- package/dist/css/functional/themes/light-high-contrast.css +10 -10
- package/dist/css/functional/themes/light-tritanopia.css +22 -22
- package/dist/css/functional/themes/light.css +10 -10
- package/dist/docs/functional/themes/dark-colorblind.json +202 -202
- package/dist/docs/functional/themes/dark-dimmed.json +212 -210
- package/dist/docs/functional/themes/dark-high-contrast.json +212 -210
- package/dist/docs/functional/themes/dark-tritanopia.json +206 -206
- package/dist/docs/functional/themes/dark.json +212 -210
- package/dist/docs/functional/themes/light-colorblind.json +187 -193
- package/dist/docs/functional/themes/light-high-contrast.json +185 -183
- package/dist/docs/functional/themes/light-tritanopia.json +187 -193
- package/dist/docs/functional/themes/light.json +180 -178
- package/dist/figma/themes/dark-colorblind.json +231 -231
- package/dist/figma/themes/dark-dimmed.json +215 -214
- package/dist/figma/themes/dark-high-contrast.json +215 -214
- package/dist/figma/themes/dark-tritanopia.json +233 -233
- package/dist/figma/themes/dark.json +215 -214
- package/dist/figma/themes/light-colorblind.json +213 -214
- package/dist/figma/themes/light-high-contrast.json +135 -134
- package/dist/figma/themes/light-tritanopia.json +212 -213
- package/dist/figma/themes/light.json +135 -134
- package/dist/internalCss/dark-colorblind.css +48 -48
- package/dist/internalCss/dark-dimmed.css +50 -50
- package/dist/internalCss/dark-high-contrast.css +50 -50
- package/dist/internalCss/dark-tritanopia.css +50 -50
- package/dist/internalCss/dark.css +50 -50
- package/dist/internalCss/light-colorblind.css +22 -22
- package/dist/internalCss/light-high-contrast.css +10 -10
- package/dist/internalCss/light-tritanopia.css +22 -22
- package/dist/internalCss/light.css +10 -10
- package/dist/styleLint/functional/themes/dark-colorblind.json +202 -202
- package/dist/styleLint/functional/themes/dark-dimmed.json +212 -210
- package/dist/styleLint/functional/themes/dark-high-contrast.json +212 -210
- package/dist/styleLint/functional/themes/dark-tritanopia.json +206 -206
- package/dist/styleLint/functional/themes/dark.json +212 -210
- package/dist/styleLint/functional/themes/light-colorblind.json +187 -193
- package/dist/styleLint/functional/themes/light-high-contrast.json +185 -183
- package/dist/styleLint/functional/themes/light-tritanopia.json +187 -193
- package/dist/styleLint/functional/themes/light.json +180 -178
- package/package.json +1 -1
- package/src/tokens/functional/color/dark/display-dark.json5 +19 -19
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +7 -0
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +8 -16
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +13 -17
- package/src/tokens/functional/color/dark/patterns-dark.json5 +10 -10
- package/src/tokens/functional/color/dark/primitives-dark.json5 +174 -197
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +11 -8
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +14 -25
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +11 -22
- package/src/tokens/functional/color/light/patterns-light.json5 +12 -12
- package/src/tokens/functional/color/light/primitives-light.json5 +173 -196
package/package.json
CHANGED
|
@@ -15,7 +15,7 @@
|
|
|
15
15
|
},
|
|
16
16
|
},
|
|
17
17
|
emphasis: {
|
|
18
|
-
$value: '{base.display.color.blue.
|
|
18
|
+
$value: '{base.display.color.blue.4}',
|
|
19
19
|
$type: 'color',
|
|
20
20
|
$extensions: {
|
|
21
21
|
'org.primer.figma': {
|
|
@@ -81,7 +81,7 @@
|
|
|
81
81
|
},
|
|
82
82
|
},
|
|
83
83
|
emphasis: {
|
|
84
|
-
$value: '{base.display.color.green.
|
|
84
|
+
$value: '{base.display.color.green.4}',
|
|
85
85
|
$type: 'color',
|
|
86
86
|
$extensions: {
|
|
87
87
|
'org.primer.figma': {
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
},
|
|
148
148
|
},
|
|
149
149
|
emphasis: {
|
|
150
|
-
$value: '{base.display.color.orange.
|
|
150
|
+
$value: '{base.display.color.orange.4}',
|
|
151
151
|
$type: 'color',
|
|
152
152
|
$extensions: {
|
|
153
153
|
'org.primer.figma': {
|
|
@@ -213,7 +213,7 @@
|
|
|
213
213
|
},
|
|
214
214
|
},
|
|
215
215
|
emphasis: {
|
|
216
|
-
$value: '{base.display.color.purple.
|
|
216
|
+
$value: '{base.display.color.purple.4}',
|
|
217
217
|
$type: 'color',
|
|
218
218
|
$extensions: {
|
|
219
219
|
'org.primer.figma': {
|
|
@@ -279,7 +279,7 @@
|
|
|
279
279
|
},
|
|
280
280
|
},
|
|
281
281
|
emphasis: {
|
|
282
|
-
$value: '{base.display.color.plum.
|
|
282
|
+
$value: '{base.display.color.plum.4}',
|
|
283
283
|
$type: 'color',
|
|
284
284
|
$extensions: {
|
|
285
285
|
'org.primer.figma': {
|
|
@@ -345,7 +345,7 @@
|
|
|
345
345
|
},
|
|
346
346
|
},
|
|
347
347
|
emphasis: {
|
|
348
|
-
$value: '{base.display.color.red.
|
|
348
|
+
$value: '{base.display.color.red.4}',
|
|
349
349
|
$type: 'color',
|
|
350
350
|
$extensions: {
|
|
351
351
|
'org.primer.figma': {
|
|
@@ -411,7 +411,7 @@
|
|
|
411
411
|
},
|
|
412
412
|
},
|
|
413
413
|
emphasis: {
|
|
414
|
-
$value: '{base.display.color.red.
|
|
414
|
+
$value: '{base.display.color.red.4}',
|
|
415
415
|
$type: 'color',
|
|
416
416
|
$extensions: {
|
|
417
417
|
'org.primer.figma': {
|
|
@@ -477,7 +477,7 @@
|
|
|
477
477
|
},
|
|
478
478
|
},
|
|
479
479
|
emphasis: {
|
|
480
|
-
$value: '{base.display.color.yellow.
|
|
480
|
+
$value: '{base.display.color.yellow.4}',
|
|
481
481
|
$type: 'color',
|
|
482
482
|
$extensions: {
|
|
483
483
|
'org.primer.figma': {
|
|
@@ -543,7 +543,7 @@
|
|
|
543
543
|
},
|
|
544
544
|
},
|
|
545
545
|
emphasis: {
|
|
546
|
-
$value: '{base.display.color.gray.
|
|
546
|
+
$value: '{base.display.color.gray.4}',
|
|
547
547
|
$type: 'color',
|
|
548
548
|
$extensions: {
|
|
549
549
|
'org.primer.figma': {
|
|
@@ -609,7 +609,7 @@
|
|
|
609
609
|
},
|
|
610
610
|
},
|
|
611
611
|
emphasis: {
|
|
612
|
-
$value: '{base.display.color.auburn.
|
|
612
|
+
$value: '{base.display.color.auburn.4}',
|
|
613
613
|
$type: 'color',
|
|
614
614
|
$extensions: {
|
|
615
615
|
'org.primer.figma': {
|
|
@@ -675,7 +675,7 @@
|
|
|
675
675
|
},
|
|
676
676
|
},
|
|
677
677
|
emphasis: {
|
|
678
|
-
$value: '{base.display.color.brown.
|
|
678
|
+
$value: '{base.display.color.brown.4}',
|
|
679
679
|
$type: 'color',
|
|
680
680
|
$extensions: {
|
|
681
681
|
'org.primer.figma': {
|
|
@@ -741,7 +741,7 @@
|
|
|
741
741
|
},
|
|
742
742
|
},
|
|
743
743
|
emphasis: {
|
|
744
|
-
$value: '{base.display.color.lemon.
|
|
744
|
+
$value: '{base.display.color.lemon.4}',
|
|
745
745
|
$type: 'color',
|
|
746
746
|
$extensions: {
|
|
747
747
|
'org.primer.figma': {
|
|
@@ -807,7 +807,7 @@
|
|
|
807
807
|
},
|
|
808
808
|
},
|
|
809
809
|
emphasis: {
|
|
810
|
-
$value: '{base.display.color.olive.
|
|
810
|
+
$value: '{base.display.color.olive.4}',
|
|
811
811
|
$type: 'color',
|
|
812
812
|
$extensions: {
|
|
813
813
|
'org.primer.figma': {
|
|
@@ -873,7 +873,7 @@
|
|
|
873
873
|
},
|
|
874
874
|
},
|
|
875
875
|
emphasis: {
|
|
876
|
-
$value: '{base.display.color.lime.
|
|
876
|
+
$value: '{base.display.color.lime.4}',
|
|
877
877
|
$type: 'color',
|
|
878
878
|
$extensions: {
|
|
879
879
|
'org.primer.figma': {
|
|
@@ -939,7 +939,7 @@
|
|
|
939
939
|
},
|
|
940
940
|
},
|
|
941
941
|
emphasis: {
|
|
942
|
-
$value: '{base.display.color.pine.
|
|
942
|
+
$value: '{base.display.color.pine.4}',
|
|
943
943
|
$type: 'color',
|
|
944
944
|
$extensions: {
|
|
945
945
|
'org.primer.figma': {
|
|
@@ -1005,7 +1005,7 @@
|
|
|
1005
1005
|
},
|
|
1006
1006
|
},
|
|
1007
1007
|
emphasis: {
|
|
1008
|
-
$value: '{base.display.color.teal.
|
|
1008
|
+
$value: '{base.display.color.teal.4}',
|
|
1009
1009
|
$type: 'color',
|
|
1010
1010
|
$extensions: {
|
|
1011
1011
|
'org.primer.figma': {
|
|
@@ -1071,7 +1071,7 @@
|
|
|
1071
1071
|
},
|
|
1072
1072
|
},
|
|
1073
1073
|
emphasis: {
|
|
1074
|
-
$value: '{base.display.color.cyan.
|
|
1074
|
+
$value: '{base.display.color.cyan.4}',
|
|
1075
1075
|
$type: 'color',
|
|
1076
1076
|
$extensions: {
|
|
1077
1077
|
'org.primer.figma': {
|
|
@@ -1137,7 +1137,7 @@
|
|
|
1137
1137
|
},
|
|
1138
1138
|
},
|
|
1139
1139
|
emphasis: {
|
|
1140
|
-
$value: '{base.display.color.indigo.
|
|
1140
|
+
$value: '{base.display.color.indigo.4}',
|
|
1141
1141
|
$type: 'color',
|
|
1142
1142
|
$extensions: {
|
|
1143
1143
|
'org.primer.figma': {
|
|
@@ -1203,7 +1203,7 @@
|
|
|
1203
1203
|
},
|
|
1204
1204
|
},
|
|
1205
1205
|
emphasis: {
|
|
1206
|
-
$value: '{base.display.color.pink.
|
|
1206
|
+
$value: '{base.display.color.pink.4}',
|
|
1207
1207
|
$type: 'color',
|
|
1208
1208
|
$extensions: {
|
|
1209
1209
|
'org.primer.figma': {
|
|
@@ -6,28 +6,20 @@
|
|
|
6
6
|
{
|
|
7
7
|
fgColor: {
|
|
8
8
|
success: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$type: 'color',
|
|
12
|
-
},
|
|
9
|
+
$value: '{base.color.blue.3}',
|
|
10
|
+
$type: 'color',
|
|
13
11
|
},
|
|
14
12
|
danger: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$type: 'color',
|
|
18
|
-
},
|
|
13
|
+
$value: '{base.color.orange.4}',
|
|
14
|
+
$type: 'color',
|
|
19
15
|
},
|
|
20
16
|
open: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
$type: 'color',
|
|
24
|
-
},
|
|
17
|
+
$value: '{base.color.orange.3}',
|
|
18
|
+
$type: 'color',
|
|
25
19
|
},
|
|
26
20
|
closed: {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
$type: 'color',
|
|
30
|
-
},
|
|
21
|
+
$value: '{base.color.neutral.3}',
|
|
22
|
+
$type: 'color',
|
|
31
23
|
},
|
|
32
24
|
},
|
|
33
25
|
bgColor: {
|
|
@@ -6,28 +6,20 @@
|
|
|
6
6
|
{
|
|
7
7
|
fgColor: {
|
|
8
8
|
success: {
|
|
9
|
-
|
|
10
|
-
|
|
11
|
-
$type: 'color',
|
|
12
|
-
},
|
|
9
|
+
$value: '{base.color.blue.3}',
|
|
10
|
+
$type: 'color',
|
|
13
11
|
},
|
|
14
12
|
severe: {
|
|
15
|
-
|
|
16
|
-
|
|
17
|
-
$type: 'color',
|
|
18
|
-
},
|
|
13
|
+
$value: '{base.color.red.4}',
|
|
14
|
+
$type: 'color',
|
|
19
15
|
},
|
|
20
16
|
open: {
|
|
21
|
-
|
|
22
|
-
|
|
23
|
-
$type: 'color',
|
|
24
|
-
},
|
|
17
|
+
$value: '{base.color.red.4}',
|
|
18
|
+
$type: 'color',
|
|
25
19
|
},
|
|
26
20
|
closed: {
|
|
27
|
-
|
|
28
|
-
|
|
29
|
-
$type: 'color',
|
|
30
|
-
},
|
|
21
|
+
$value: '{base.color.neutral.4}',
|
|
22
|
+
$type: 'color',
|
|
31
23
|
},
|
|
32
24
|
},
|
|
33
25
|
bgColor: {
|
|
@@ -35,6 +27,7 @@
|
|
|
35
27
|
muted: {
|
|
36
28
|
$value: '{base.color.blue.4}',
|
|
37
29
|
$type: 'color',
|
|
30
|
+
alpha: 0.15,
|
|
38
31
|
},
|
|
39
32
|
emphasis: {
|
|
40
33
|
$value: '{base.color.blue.5}',
|
|
@@ -45,6 +38,7 @@
|
|
|
45
38
|
muted: {
|
|
46
39
|
$value: '{base.color.red.4}',
|
|
47
40
|
$type: 'color',
|
|
41
|
+
alpha: 0.1,
|
|
48
42
|
},
|
|
49
43
|
emphasis: {
|
|
50
44
|
$value: '{base.color.red.5}',
|
|
@@ -55,6 +49,7 @@
|
|
|
55
49
|
muted: {
|
|
56
50
|
$value: '{base.color.red.4}',
|
|
57
51
|
$type: 'color',
|
|
52
|
+
alpha: 0.15,
|
|
58
53
|
},
|
|
59
54
|
emphasis: {
|
|
60
55
|
$value: '{base.color.red.5}',
|
|
@@ -65,6 +60,7 @@
|
|
|
65
60
|
muted: {
|
|
66
61
|
$value: '{base.color.neutral.4}',
|
|
67
62
|
$type: 'color',
|
|
63
|
+
alpha: 0.1,
|
|
68
64
|
},
|
|
69
65
|
emphasis: {
|
|
70
66
|
$value: '{base.color.neutral.5}',
|
|
@@ -224,6 +220,6 @@
|
|
|
224
220
|
},
|
|
225
221
|
},
|
|
226
222
|
},
|
|
227
|
-
}
|
|
223
|
+
},
|
|
228
224
|
},
|
|
229
225
|
}
|
|
@@ -381,7 +381,7 @@
|
|
|
381
381
|
danger: {
|
|
382
382
|
fgColor: {
|
|
383
383
|
rest: {
|
|
384
|
-
$value: '{fgColor.danger
|
|
384
|
+
$value: '{fgColor.danger}',
|
|
385
385
|
$type: 'color',
|
|
386
386
|
$extensions: {
|
|
387
387
|
'org.primer.figma': {
|
|
@@ -1070,7 +1070,7 @@
|
|
|
1070
1070
|
invisible: {
|
|
1071
1071
|
fgColor: {
|
|
1072
1072
|
rest: {
|
|
1073
|
-
$value: '{fgColor.accent
|
|
1073
|
+
$value: '{fgColor.accent}',
|
|
1074
1074
|
$type: 'color',
|
|
1075
1075
|
$extensions: {
|
|
1076
1076
|
'org.primer.figma': {
|
|
@@ -1272,7 +1272,7 @@
|
|
|
1272
1272
|
},
|
|
1273
1273
|
},
|
|
1274
1274
|
disabled: {
|
|
1275
|
-
$value: '{fgColor.accent
|
|
1275
|
+
$value: '{fgColor.accent}',
|
|
1276
1276
|
$type: 'color',
|
|
1277
1277
|
$extensions: {
|
|
1278
1278
|
'org.primer.figma': {
|
|
@@ -1366,7 +1366,7 @@
|
|
|
1366
1366
|
danger: {
|
|
1367
1367
|
fgColor: {
|
|
1368
1368
|
rest: {
|
|
1369
|
-
$value: '{fgColor.danger
|
|
1369
|
+
$value: '{fgColor.danger}',
|
|
1370
1370
|
$type: 'color',
|
|
1371
1371
|
$extensions: {
|
|
1372
1372
|
'org.primer.figma': {
|
|
@@ -1402,7 +1402,7 @@
|
|
|
1402
1402
|
},
|
|
1403
1403
|
},
|
|
1404
1404
|
disabled: {
|
|
1405
|
-
$value: '{fgColor.danger
|
|
1405
|
+
$value: '{fgColor.danger}',
|
|
1406
1406
|
$type: 'color',
|
|
1407
1407
|
$extensions: {
|
|
1408
1408
|
'org.primer.figma': {
|
|
@@ -1417,7 +1417,7 @@
|
|
|
1417
1417
|
},
|
|
1418
1418
|
iconColor: {
|
|
1419
1419
|
rest: {
|
|
1420
|
-
$value: '{fgColor.danger
|
|
1420
|
+
$value: '{fgColor.danger}',
|
|
1421
1421
|
$type: 'color',
|
|
1422
1422
|
$extensions: {
|
|
1423
1423
|
'org.primer.figma': {
|
|
@@ -1695,7 +1695,7 @@
|
|
|
1695
1695
|
},
|
|
1696
1696
|
},
|
|
1697
1697
|
disabled: {
|
|
1698
|
-
$value: '{fgColor.accent
|
|
1698
|
+
$value: '{fgColor.accent}',
|
|
1699
1699
|
$type: 'color',
|
|
1700
1700
|
$extensions: {
|
|
1701
1701
|
'org.primer.figma': {
|
|
@@ -1753,7 +1753,7 @@
|
|
|
1753
1753
|
},
|
|
1754
1754
|
fgColor: {
|
|
1755
1755
|
rest: {
|
|
1756
|
-
$value: '{fgColor.danger
|
|
1756
|
+
$value: '{fgColor.danger}',
|
|
1757
1757
|
$type: 'color',
|
|
1758
1758
|
$extensions: {
|
|
1759
1759
|
'org.primer.figma': {
|
|
@@ -1777,7 +1777,7 @@
|
|
|
1777
1777
|
},
|
|
1778
1778
|
},
|
|
1779
1779
|
disabled: {
|
|
1780
|
-
$value: '{fgColor.danger
|
|
1780
|
+
$value: '{fgColor.danger}',
|
|
1781
1781
|
$type: 'color',
|
|
1782
1782
|
$extensions: {
|
|
1783
1783
|
'org.primer.figma': {
|
|
@@ -1828,7 +1828,7 @@
|
|
|
1828
1828
|
},
|
|
1829
1829
|
fgColor: {
|
|
1830
1830
|
rest: {
|
|
1831
|
-
$value: '{fgColor.link
|
|
1831
|
+
$value: '{fgColor.link}',
|
|
1832
1832
|
$type: 'color',
|
|
1833
1833
|
$extensions: {
|
|
1834
1834
|
'org.primer.figma': {
|