@primer/primitives 8.2.4 → 9.0.0-rc.23ee6c3f
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/size/size.css +0 -6
- package/dist/css/functional/themes/dark-colorblind.css +276 -276
- package/dist/css/functional/themes/dark-dimmed.css +294 -294
- package/dist/css/functional/themes/dark-high-contrast.css +308 -308
- package/dist/css/functional/themes/dark-tritanopia.css +276 -276
- package/dist/css/functional/themes/dark.css +266 -266
- package/dist/css/functional/themes/light-colorblind.css +230 -230
- package/dist/css/functional/themes/light-high-contrast.css +264 -264
- package/dist/css/functional/themes/light-tritanopia.css +230 -230
- package/dist/css/functional/themes/light.css +220 -220
- package/dist/css/primitives.css +0 -6
- package/dist/docs/functional/size/size.json +0 -162
- package/dist/docs/functional/themes/dark-colorblind.json +247 -319
- package/dist/docs/functional/themes/dark-dimmed.json +275 -347
- package/dist/docs/functional/themes/dark-high-contrast.json +285 -347
- package/dist/docs/functional/themes/dark-tritanopia.json +245 -317
- package/dist/docs/functional/themes/dark.json +235 -307
- package/dist/docs/functional/themes/light-colorblind.json +224 -290
- package/dist/docs/functional/themes/light-high-contrast.json +272 -338
- package/dist/docs/functional/themes/light-tritanopia.json +223 -287
- package/dist/docs/functional/themes/light.json +213 -277
- package/dist/fallbacks/color-fallbacks.json +11 -1
- package/dist/fallbacks/functional/size/size.json +0 -6
- package/dist/figma/dimension/dimension.json +0 -64
- package/dist/figma/scales/dark-dimmed.json +106 -60
- package/dist/figma/scales/dark-high-constrast.json +106 -60
- package/dist/figma/scales/dark.json +76 -30
- package/dist/figma/scales/light-high-constrast.json +106 -60
- package/dist/figma/scales/light.json +73 -27
- package/dist/figma/shadows/dark-colorblind.json +12 -12
- package/dist/figma/shadows/dark-dimmed.json +15 -15
- package/dist/figma/shadows/dark-high-contrast.json +15 -15
- package/dist/figma/shadows/dark-tritanopia.json +12 -12
- package/dist/figma/shadows/dark.json +12 -12
- package/dist/figma/shadows/light-colorblind.json +39 -39
- package/dist/figma/shadows/light-high-contrast.json +39 -39
- package/dist/figma/shadows/light-tritanopia.json +39 -39
- package/dist/figma/shadows/light.json +39 -39
- package/dist/figma/themes/dark-colorblind.json +816 -828
- package/dist/figma/themes/dark-dimmed.json +785 -797
- package/dist/figma/themes/dark-high-contrast.json +870 -879
- package/dist/figma/themes/dark-tritanopia.json +822 -834
- package/dist/figma/themes/dark.json +719 -731
- package/dist/figma/themes/light-colorblind.json +776 -788
- package/dist/figma/themes/light-high-contrast.json +778 -792
- package/dist/figma/themes/light-tritanopia.json +772 -783
- package/dist/figma/themes/light.json +664 -675
- package/dist/internalCss/dark-colorblind.css +302 -296
- package/dist/internalCss/dark-dimmed.css +320 -314
- package/dist/internalCss/dark-high-contrast.css +334 -328
- package/dist/internalCss/dark-tritanopia.css +302 -296
- package/dist/internalCss/dark.css +292 -286
- package/dist/internalCss/light-colorblind.css +254 -248
- package/dist/internalCss/light-high-contrast.css +290 -284
- package/dist/internalCss/light-tritanopia.css +254 -248
- package/dist/internalCss/light.css +244 -238
- package/dist/styleLint/functional/size/size.json +0 -162
- package/dist/styleLint/functional/themes/dark-colorblind.json +247 -319
- package/dist/styleLint/functional/themes/dark-dimmed.json +275 -347
- package/dist/styleLint/functional/themes/dark-high-contrast.json +285 -347
- package/dist/styleLint/functional/themes/dark-tritanopia.json +245 -317
- package/dist/styleLint/functional/themes/dark.json +235 -307
- package/dist/styleLint/functional/themes/light-colorblind.json +224 -290
- package/dist/styleLint/functional/themes/light-high-contrast.json +272 -338
- package/dist/styleLint/functional/themes/light-tritanopia.json +223 -287
- package/dist/styleLint/functional/themes/light.json +213 -277
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -142
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +0 -92
- package/src/tokens/base/color/dark/dark.json5 +131 -104
- package/src/tokens/base/color/light/light.high-contrast.json5 +0 -92
- package/src/tokens/base/color/light/light.json5 +130 -103
- package/src/tokens/fallback/color-fallbacks.json +11 -1
- package/src/tokens/functional/color/dark/app-dark.json5 +1 -1
- package/src/tokens/functional/color/dark/data-vis-dark.json5 +10 -10
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +126 -10
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +91 -81
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -7
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -6
- package/src/tokens/functional/color/dark/patterns-dark.json5 +46 -72
- package/src/tokens/functional/color/dark/primitives-dark.json5 +14 -24
- package/src/tokens/functional/color/dark/syntax-dark.json5 +12 -12
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/data-vis-light.json5 +10 -10
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +51 -126
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -7
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -6
- package/src/tokens/functional/color/light/patterns-light.json5 +38 -64
- package/src/tokens/functional/color/light/primitives-light.json5 +12 -18
- package/src/tokens/functional/color/light/syntax-light.json5 +12 -12
- package/src/tokens/functional/shadow/dark.json5 +1 -1
- package/src/tokens/functional/shadow/light.json5 +11 -11
- package/src/tokens/functional/size/size.json +0 -68
- package/dist/deprecated/size.json +0 -8
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
fade: {
|
|
30
30
|
bgColor: {
|
|
31
31
|
default: {
|
|
32
|
-
$value: '{base.color.neutral.
|
|
32
|
+
$value: '{base.color.neutral.6}',
|
|
33
33
|
$type: 'color',
|
|
34
34
|
$extensions: {
|
|
35
35
|
'org.primer.figma': {
|
|
@@ -41,7 +41,7 @@
|
|
|
41
41
|
},
|
|
42
42
|
},
|
|
43
43
|
muted: {
|
|
44
|
-
$value: '{base.color.neutral.
|
|
44
|
+
$value: '{base.color.neutral.4}',
|
|
45
45
|
$type: 'color',
|
|
46
46
|
$extensions: {
|
|
47
47
|
'org.primer.figma': {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
},
|
|
71
71
|
},
|
|
72
72
|
hover: {
|
|
73
|
-
$value: '{base.color.neutral.
|
|
73
|
+
$value: '{base.color.neutral.1}',
|
|
74
74
|
$type: 'color',
|
|
75
75
|
$extensions: {
|
|
76
76
|
'org.primer.figma': {
|
|
@@ -80,13 +80,9 @@
|
|
|
80
80
|
scopes: ['bgColor'],
|
|
81
81
|
},
|
|
82
82
|
},
|
|
83
|
-
mix: {
|
|
84
|
-
color: '{base.color.neutral.2}',
|
|
85
|
-
weight: 0.2,
|
|
86
|
-
},
|
|
87
83
|
},
|
|
88
84
|
active: {
|
|
89
|
-
$value: '{base.color.neutral.
|
|
85
|
+
$value: '{base.color.neutral.2}',
|
|
90
86
|
$type: 'color',
|
|
91
87
|
$extensions: {
|
|
92
88
|
'org.primer.figma': {
|
|
@@ -96,10 +92,6 @@
|
|
|
96
92
|
scopes: ['bgColor'],
|
|
97
93
|
},
|
|
98
94
|
},
|
|
99
|
-
mix: {
|
|
100
|
-
color: '{base.color.neutral.2}',
|
|
101
|
-
weight: 0.4,
|
|
102
|
-
},
|
|
103
95
|
},
|
|
104
96
|
disabled: {
|
|
105
97
|
$value: '{bgColor.disabled}',
|
|
@@ -114,7 +106,7 @@
|
|
|
114
106
|
},
|
|
115
107
|
},
|
|
116
108
|
selected: {
|
|
117
|
-
$value: '{
|
|
109
|
+
$value: '{control.bgColor.rest}',
|
|
118
110
|
$type: 'color',
|
|
119
111
|
$extensions: {
|
|
120
112
|
'org.primer.figma': {
|
|
@@ -128,7 +120,7 @@
|
|
|
128
120
|
},
|
|
129
121
|
fgColor: {
|
|
130
122
|
rest: {
|
|
131
|
-
$value: '{base.color.neutral.
|
|
123
|
+
$value: '{base.color.neutral.11}',
|
|
132
124
|
$type: 'color',
|
|
133
125
|
$extensions: {
|
|
134
126
|
'org.primer.figma': {
|
|
@@ -140,12 +132,8 @@
|
|
|
140
132
|
},
|
|
141
133
|
},
|
|
142
134
|
placeholder: {
|
|
143
|
-
$value: '{
|
|
135
|
+
$value: '{fgColor.muted}',
|
|
144
136
|
$type: 'color',
|
|
145
|
-
mix: {
|
|
146
|
-
color: '{base.color.neutral.6}',
|
|
147
|
-
weight: 0.2,
|
|
148
|
-
},
|
|
149
137
|
$extensions: {
|
|
150
138
|
'org.primer.figma': {
|
|
151
139
|
collection: 'mode',
|
|
@@ -182,7 +170,7 @@
|
|
|
182
170
|
},
|
|
183
171
|
},
|
|
184
172
|
emphasis: {
|
|
185
|
-
$value: '{
|
|
173
|
+
$value: '{borderColor.emphasis}',
|
|
186
174
|
$type: 'color',
|
|
187
175
|
$extensions: {
|
|
188
176
|
'org.primer.figma': {
|
|
@@ -192,10 +180,6 @@
|
|
|
192
180
|
scopes: ['borderColor'],
|
|
193
181
|
},
|
|
194
182
|
},
|
|
195
|
-
mix: {
|
|
196
|
-
color: '{base.color.neutral.5}',
|
|
197
|
-
weight: 0.2,
|
|
198
|
-
},
|
|
199
183
|
},
|
|
200
184
|
disabled: {
|
|
201
185
|
$value: '{borderColor.disabled}',
|
|
@@ -210,7 +194,7 @@
|
|
|
210
194
|
},
|
|
211
195
|
},
|
|
212
196
|
selected: {
|
|
213
|
-
$value: '{
|
|
197
|
+
$value: '{control.bgColor.selected}',
|
|
214
198
|
$type: 'color',
|
|
215
199
|
$extensions: {
|
|
216
200
|
'org.primer.figma': {
|
|
@@ -287,7 +271,7 @@
|
|
|
287
271
|
},
|
|
288
272
|
},
|
|
289
273
|
hover: {
|
|
290
|
-
$value: '{base.color.neutral.
|
|
274
|
+
$value: '{base.color.neutral.7}',
|
|
291
275
|
$type: 'color',
|
|
292
276
|
$extensions: {
|
|
293
277
|
'org.primer.figma': {
|
|
@@ -297,10 +281,10 @@
|
|
|
297
281
|
scopes: ['bgColor'],
|
|
298
282
|
},
|
|
299
283
|
},
|
|
300
|
-
alpha: 0.
|
|
284
|
+
alpha: 0.1,
|
|
301
285
|
},
|
|
302
286
|
active: {
|
|
303
|
-
$value: '{base.color.neutral.
|
|
287
|
+
$value: '{base.color.neutral.7}',
|
|
304
288
|
$type: 'color',
|
|
305
289
|
$extensions: {
|
|
306
290
|
'org.primer.figma': {
|
|
@@ -310,7 +294,7 @@
|
|
|
310
294
|
scopes: ['bgColor'],
|
|
311
295
|
},
|
|
312
296
|
},
|
|
313
|
-
alpha: 0.
|
|
297
|
+
alpha: 0.15,
|
|
314
298
|
},
|
|
315
299
|
disabled: {
|
|
316
300
|
$value: '{bgColor.disabled}',
|
|
@@ -325,7 +309,7 @@
|
|
|
325
309
|
},
|
|
326
310
|
},
|
|
327
311
|
selected: {
|
|
328
|
-
$value: '{base.color.neutral.
|
|
312
|
+
$value: '{base.color.neutral.7}',
|
|
329
313
|
$type: 'color',
|
|
330
314
|
$extensions: {
|
|
331
315
|
'org.primer.figma': {
|
|
@@ -335,7 +319,7 @@
|
|
|
335
319
|
scopes: ['bgColor'],
|
|
336
320
|
},
|
|
337
321
|
},
|
|
338
|
-
alpha: 0.
|
|
322
|
+
alpha: 0.15,
|
|
339
323
|
},
|
|
340
324
|
},
|
|
341
325
|
borderColor: {
|
|
@@ -580,7 +564,7 @@
|
|
|
580
564
|
controlTrack: {
|
|
581
565
|
bgColor: {
|
|
582
566
|
rest: {
|
|
583
|
-
$value: '{base.color.neutral.
|
|
567
|
+
$value: '{base.color.neutral.2}',
|
|
584
568
|
$type: 'color',
|
|
585
569
|
$extensions: {
|
|
586
570
|
'org.primer.figma': {
|
|
@@ -592,7 +576,7 @@
|
|
|
592
576
|
},
|
|
593
577
|
},
|
|
594
578
|
hover: {
|
|
595
|
-
$value: '{base.color.neutral.
|
|
579
|
+
$value: '{base.color.neutral.3}',
|
|
596
580
|
$type: 'color',
|
|
597
581
|
$extensions: {
|
|
598
582
|
'org.primer.figma': {
|
|
@@ -602,13 +586,9 @@
|
|
|
602
586
|
scopes: ['bgColor'],
|
|
603
587
|
},
|
|
604
588
|
},
|
|
605
|
-
mix: {
|
|
606
|
-
color: '{base.color.neutral.3}',
|
|
607
|
-
weight: 0.2,
|
|
608
|
-
},
|
|
609
589
|
},
|
|
610
590
|
active: {
|
|
611
|
-
$value: '{base.color.neutral.
|
|
591
|
+
$value: '{base.color.neutral.4}',
|
|
612
592
|
$type: 'color',
|
|
613
593
|
$extensions: {
|
|
614
594
|
'org.primer.figma': {
|
|
@@ -618,10 +598,6 @@
|
|
|
618
598
|
scopes: ['bgColor'],
|
|
619
599
|
},
|
|
620
600
|
},
|
|
621
|
-
mix: {
|
|
622
|
-
color: '{base.color.neutral.3}',
|
|
623
|
-
weight: 0.4,
|
|
624
|
-
},
|
|
625
601
|
},
|
|
626
602
|
disabled: {
|
|
627
603
|
$value: '{fgColor.disabled}',
|
|
@@ -638,7 +614,7 @@
|
|
|
638
614
|
},
|
|
639
615
|
fgColor: {
|
|
640
616
|
rest: {
|
|
641
|
-
$value: '{
|
|
617
|
+
$value: '{base.color.neutral.8}',
|
|
642
618
|
$type: 'color',
|
|
643
619
|
$extensions: {
|
|
644
620
|
'org.primer.figma': {
|
|
@@ -853,7 +829,7 @@
|
|
|
853
829
|
},
|
|
854
830
|
borderColor: {
|
|
855
831
|
rest: {
|
|
856
|
-
$value: '{borderColor.
|
|
832
|
+
$value: '{control.borderColor.rest}',
|
|
857
833
|
$type: 'color',
|
|
858
834
|
$extensions: {
|
|
859
835
|
'org.primer.figma': {
|
|
@@ -865,7 +841,7 @@
|
|
|
865
841
|
},
|
|
866
842
|
},
|
|
867
843
|
hover: {
|
|
868
|
-
$value: '{borderColor.
|
|
844
|
+
$value: '{control.borderColor.rest}',
|
|
869
845
|
$type: 'color',
|
|
870
846
|
$extensions: {
|
|
871
847
|
'org.primer.figma': {
|
|
@@ -877,7 +853,7 @@
|
|
|
877
853
|
},
|
|
878
854
|
},
|
|
879
855
|
active: {
|
|
880
|
-
$value: '{borderColor.
|
|
856
|
+
$value: '{control.borderColor.rest}',
|
|
881
857
|
$type: 'color',
|
|
882
858
|
$extensions: {
|
|
883
859
|
'org.primer.figma': {
|
|
@@ -1062,7 +1038,7 @@
|
|
|
1062
1038
|
invisible: {
|
|
1063
1039
|
fgColor: {
|
|
1064
1040
|
rest: {
|
|
1065
|
-
$value: '{fgColor.
|
|
1041
|
+
$value: '{fgColor.muted}',
|
|
1066
1042
|
$type: 'color',
|
|
1067
1043
|
$extensions: {
|
|
1068
1044
|
'org.primer.figma': {
|
|
@@ -1074,7 +1050,7 @@
|
|
|
1074
1050
|
},
|
|
1075
1051
|
},
|
|
1076
1052
|
hover: {
|
|
1077
|
-
$value: '{fgColor.
|
|
1053
|
+
$value: '{fgColor.muted}',
|
|
1078
1054
|
$type: 'color',
|
|
1079
1055
|
$extensions: {
|
|
1080
1056
|
'org.primer.figma': {
|
|
@@ -1319,7 +1295,7 @@
|
|
|
1319
1295
|
},
|
|
1320
1296
|
},
|
|
1321
1297
|
disabled: {
|
|
1322
|
-
$value: '{
|
|
1298
|
+
$value: '{control.bgColor.disabled}',
|
|
1323
1299
|
$type: 'color',
|
|
1324
1300
|
$extensions: {
|
|
1325
1301
|
'org.primer.figma': {
|
|
@@ -1333,7 +1309,7 @@
|
|
|
1333
1309
|
},
|
|
1334
1310
|
borderColor: {
|
|
1335
1311
|
hover: {
|
|
1336
|
-
$value: '{
|
|
1312
|
+
$value: '{button.primary.borderColor.hover}',
|
|
1337
1313
|
$type: 'color',
|
|
1338
1314
|
$extensions: {
|
|
1339
1315
|
'org.primer.figma': {
|
|
@@ -1343,7 +1319,6 @@
|
|
|
1343
1319
|
scopes: ['borderColor'],
|
|
1344
1320
|
},
|
|
1345
1321
|
},
|
|
1346
|
-
alpha: 0.15,
|
|
1347
1322
|
},
|
|
1348
1323
|
active: {
|
|
1349
1324
|
$value: '{button.outline.borderColor.hover}',
|
|
@@ -1493,7 +1468,7 @@
|
|
|
1493
1468
|
},
|
|
1494
1469
|
borderColor: {
|
|
1495
1470
|
rest: {
|
|
1496
|
-
$value: '{borderColor.
|
|
1471
|
+
$value: '{control.borderColor.rest}',
|
|
1497
1472
|
$type: 'color',
|
|
1498
1473
|
$extensions: {
|
|
1499
1474
|
'org.primer.figma': {
|
|
@@ -1505,7 +1480,7 @@
|
|
|
1505
1480
|
},
|
|
1506
1481
|
},
|
|
1507
1482
|
hover: {
|
|
1508
|
-
$value: '{
|
|
1483
|
+
$value: '{button.primary.borderColor.rest}',
|
|
1509
1484
|
$type: 'color',
|
|
1510
1485
|
$extensions: {
|
|
1511
1486
|
'org.primer.figma': {
|
|
@@ -1515,7 +1490,6 @@
|
|
|
1515
1490
|
scopes: ['borderColor'],
|
|
1516
1491
|
},
|
|
1517
1492
|
},
|
|
1518
|
-
alpha: 0.15,
|
|
1519
1493
|
},
|
|
1520
1494
|
active: {
|
|
1521
1495
|
$value: '{button.danger.borderColor.hover}',
|
|
@@ -1533,7 +1507,7 @@
|
|
|
1533
1507
|
},
|
|
1534
1508
|
inactive: {
|
|
1535
1509
|
fgColor: {
|
|
1536
|
-
$value: '{base.color.neutral.
|
|
1510
|
+
$value: '{base.color.neutral.8}',
|
|
1537
1511
|
$type: 'color',
|
|
1538
1512
|
$extensions: {
|
|
1539
1513
|
'org.primer.figma': {
|
|
@@ -1545,7 +1519,7 @@
|
|
|
1545
1519
|
},
|
|
1546
1520
|
},
|
|
1547
1521
|
bgColor: {
|
|
1548
|
-
$value: '{base.color.neutral.
|
|
1522
|
+
$value: '{base.color.neutral.2}',
|
|
1549
1523
|
$type: 'color',
|
|
1550
1524
|
$extensions: {
|
|
1551
1525
|
'org.primer.figma': {
|
|
@@ -1867,7 +1841,7 @@
|
|
|
1867
1841
|
},
|
|
1868
1842
|
header: {
|
|
1869
1843
|
bgColor: {
|
|
1870
|
-
$value: '{base.color.neutral.
|
|
1844
|
+
$value: '{base.color.neutral.11}',
|
|
1871
1845
|
$type: 'color',
|
|
1872
1846
|
$extensions: {
|
|
1873
1847
|
'org.primer.figma': {
|
|
@@ -1907,7 +1881,7 @@
|
|
|
1907
1881
|
},
|
|
1908
1882
|
borderColor: {
|
|
1909
1883
|
divider: {
|
|
1910
|
-
$value: '{base.color.neutral.
|
|
1884
|
+
$value: '{base.color.neutral.7}',
|
|
1911
1885
|
$type: 'color',
|
|
1912
1886
|
$extensions: {
|
|
1913
1887
|
'org.primer.figma': {
|
|
@@ -1922,7 +1896,7 @@
|
|
|
1922
1896
|
},
|
|
1923
1897
|
headerSearch: {
|
|
1924
1898
|
bgColor: {
|
|
1925
|
-
$value: '{base.color.neutral.
|
|
1899
|
+
$value: '{base.color.neutral.11}',
|
|
1926
1900
|
$type: 'color',
|
|
1927
1901
|
$extensions: {
|
|
1928
1902
|
'org.primer.figma': {
|
|
@@ -1934,7 +1908,7 @@
|
|
|
1934
1908
|
},
|
|
1935
1909
|
},
|
|
1936
1910
|
borderColor: {
|
|
1937
|
-
$value: '{base.color.neutral.
|
|
1911
|
+
$value: '{base.color.neutral.7}',
|
|
1938
1912
|
$type: 'color',
|
|
1939
1913
|
$extensions: {
|
|
1940
1914
|
'org.primer.figma': {
|
|
@@ -1989,7 +1963,7 @@
|
|
|
1989
1963
|
},
|
|
1990
1964
|
backdrop: {
|
|
1991
1965
|
bgColor: {
|
|
1992
|
-
$value: '{base.color.neutral.
|
|
1966
|
+
$value: '{base.color.neutral.6}',
|
|
1993
1967
|
$type: 'color',
|
|
1994
1968
|
$extensions: {
|
|
1995
1969
|
'org.primer.figma': {
|
|
@@ -1999,7 +1973,7 @@
|
|
|
1999
1973
|
scopes: ['bgColor'],
|
|
2000
1974
|
},
|
|
2001
1975
|
},
|
|
2002
|
-
alpha: 0.
|
|
1976
|
+
alpha: 0.4,
|
|
2003
1977
|
},
|
|
2004
1978
|
},
|
|
2005
1979
|
},
|
|
@@ -2055,7 +2029,7 @@
|
|
|
2055
2029
|
},
|
|
2056
2030
|
timelineBadge: {
|
|
2057
2031
|
bgColor: {
|
|
2058
|
-
$value: '{
|
|
2032
|
+
$value: '{bgColor.muted}',
|
|
2059
2033
|
$type: 'color',
|
|
2060
2034
|
$extensions: {
|
|
2061
2035
|
'org.primer.figma': {
|
|
@@ -2100,7 +2074,7 @@
|
|
|
2100
2074
|
},
|
|
2101
2075
|
},
|
|
2102
2076
|
hover: {
|
|
2103
|
-
$value: '{borderColor.
|
|
2077
|
+
$value: '{borderColor.muted}',
|
|
2104
2078
|
$type: 'color',
|
|
2105
2079
|
$extensions: {
|
|
2106
2080
|
'org.primer.figma': {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
},
|
|
18
18
|
muted: {
|
|
19
|
-
$value: '{base.color.neutral.
|
|
19
|
+
$value: '{base.color.neutral.8}',
|
|
20
20
|
$type: 'color',
|
|
21
21
|
$extensions: {
|
|
22
22
|
'org.primer.figma': {
|
|
@@ -29,10 +29,6 @@
|
|
|
29
29
|
},
|
|
30
30
|
},
|
|
31
31
|
},
|
|
32
|
-
mix: {
|
|
33
|
-
color: '{base.color.neutral.5}',
|
|
34
|
-
weight: 0.5,
|
|
35
|
-
},
|
|
36
32
|
},
|
|
37
33
|
onEmphasis: {
|
|
38
34
|
$value: '{base.color.white}',
|
|
@@ -86,7 +82,7 @@
|
|
|
86
82
|
},
|
|
87
83
|
},
|
|
88
84
|
disabled: {
|
|
89
|
-
$value: '{base.color.neutral.
|
|
85
|
+
$value: '{base.color.neutral.7}',
|
|
90
86
|
$type: 'color',
|
|
91
87
|
$extensions: {
|
|
92
88
|
'org.primer.figma': {
|
|
@@ -113,7 +109,7 @@
|
|
|
113
109
|
},
|
|
114
110
|
},
|
|
115
111
|
neutral: {
|
|
116
|
-
$value: '{base.color.neutral.
|
|
112
|
+
$value: '{base.color.neutral.8}',
|
|
117
113
|
$type: 'color',
|
|
118
114
|
$extensions: {
|
|
119
115
|
'org.primer.figma': {
|
|
@@ -311,7 +307,7 @@
|
|
|
311
307
|
},
|
|
312
308
|
},
|
|
313
309
|
inset: {
|
|
314
|
-
$value: '{
|
|
310
|
+
$value: '{bgColor.muted}',
|
|
315
311
|
$type: 'color',
|
|
316
312
|
$extensions: {
|
|
317
313
|
'org.primer.figma': {
|
|
@@ -326,7 +322,7 @@
|
|
|
326
322
|
},
|
|
327
323
|
},
|
|
328
324
|
emphasis: {
|
|
329
|
-
$value: '{base.color.neutral.
|
|
325
|
+
$value: '{base.color.neutral.11}',
|
|
330
326
|
$type: 'color',
|
|
331
327
|
$extensions: {
|
|
332
328
|
'org.primer.figma': {
|
|
@@ -341,7 +337,7 @@
|
|
|
341
337
|
},
|
|
342
338
|
},
|
|
343
339
|
inverse: {
|
|
344
|
-
$value: '{base.color.neutral.
|
|
340
|
+
$value: '{base.color.neutral.11}',
|
|
345
341
|
$type: 'color',
|
|
346
342
|
$extensions: {
|
|
347
343
|
'org.primer.figma': {
|
|
@@ -387,7 +383,6 @@
|
|
|
387
383
|
scopes: ['bgColor'],
|
|
388
384
|
},
|
|
389
385
|
},
|
|
390
|
-
alpha: 0.7,
|
|
391
386
|
},
|
|
392
387
|
transparent: {
|
|
393
388
|
$value: '{base.color.transparent}',
|
|
@@ -416,10 +411,10 @@
|
|
|
416
411
|
scopes: ['bgColor'],
|
|
417
412
|
},
|
|
418
413
|
},
|
|
419
|
-
alpha: 0.
|
|
414
|
+
alpha: 0.7,
|
|
420
415
|
},
|
|
421
416
|
emphasis: {
|
|
422
|
-
$value: '{base.color.neutral.
|
|
417
|
+
$value: '{base.color.neutral.8}',
|
|
423
418
|
$type: 'color',
|
|
424
419
|
$extensions: {
|
|
425
420
|
'org.primer.figma': {
|
|
@@ -758,7 +753,7 @@
|
|
|
758
753
|
},
|
|
759
754
|
borderColor: {
|
|
760
755
|
default: {
|
|
761
|
-
$value: '{base.color.neutral.
|
|
756
|
+
$value: '{base.color.neutral.5}',
|
|
762
757
|
$type: 'color',
|
|
763
758
|
$extensions: {
|
|
764
759
|
'org.primer.figma': {
|
|
@@ -789,7 +784,7 @@
|
|
|
789
784
|
alpha: 0.7,
|
|
790
785
|
},
|
|
791
786
|
emphasis: {
|
|
792
|
-
$value: '{base.color.neutral.
|
|
787
|
+
$value: '{base.color.neutral.7}',
|
|
793
788
|
$type: 'color',
|
|
794
789
|
$extensions: {
|
|
795
790
|
'org.primer.figma': {
|
|
@@ -839,7 +834,7 @@
|
|
|
839
834
|
},
|
|
840
835
|
neutral: {
|
|
841
836
|
muted: {
|
|
842
|
-
$value: '{
|
|
837
|
+
$value: '{borderColor.muted}',
|
|
843
838
|
$type: 'color',
|
|
844
839
|
$extensions: {
|
|
845
840
|
'org.primer.figma': {
|
|
@@ -849,10 +844,9 @@
|
|
|
849
844
|
scopes: ['borderColor'],
|
|
850
845
|
},
|
|
851
846
|
},
|
|
852
|
-
alpha: 0.2,
|
|
853
847
|
},
|
|
854
848
|
emphasis: {
|
|
855
|
-
$value: '{
|
|
849
|
+
$value: '{borderColor.emphasis}',
|
|
856
850
|
$type: 'color',
|
|
857
851
|
$extensions: {
|
|
858
852
|
'org.primer.figma': {
|
|
@@ -2,7 +2,7 @@
|
|
|
2
2
|
color: {
|
|
3
3
|
ansi: {
|
|
4
4
|
black: {
|
|
5
|
-
$value: '{base.color.
|
|
5
|
+
$value: '{base.color.black}',
|
|
6
6
|
$type: 'color',
|
|
7
7
|
$extensions: {
|
|
8
8
|
'org.primer.figma': {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
},
|
|
14
14
|
},
|
|
15
15
|
'black-bright': {
|
|
16
|
-
$value: '{base.color.neutral.
|
|
16
|
+
$value: '{base.color.neutral.10}',
|
|
17
17
|
$type: 'color',
|
|
18
18
|
$extensions: {
|
|
19
19
|
'org.primer.figma': {
|
|
@@ -24,7 +24,7 @@
|
|
|
24
24
|
},
|
|
25
25
|
},
|
|
26
26
|
white: {
|
|
27
|
-
$value: '{base.color.neutral.
|
|
27
|
+
$value: '{base.color.neutral.8}',
|
|
28
28
|
$type: 'color',
|
|
29
29
|
$extensions: {
|
|
30
30
|
'org.primer.figma': {
|
|
@@ -35,7 +35,7 @@
|
|
|
35
35
|
},
|
|
36
36
|
},
|
|
37
37
|
'white-bright': {
|
|
38
|
-
$value: '{base.color.neutral.
|
|
38
|
+
$value: '{base.color.neutral.7}',
|
|
39
39
|
$type: 'color',
|
|
40
40
|
$extensions: {
|
|
41
41
|
'org.primer.figma': {
|
|
@@ -46,7 +46,7 @@
|
|
|
46
46
|
},
|
|
47
47
|
},
|
|
48
48
|
gray: {
|
|
49
|
-
$value: '{base.color.neutral.
|
|
49
|
+
$value: '{base.color.neutral.8}',
|
|
50
50
|
$type: 'color',
|
|
51
51
|
$extensions: {
|
|
52
52
|
'org.primer.figma': {
|
|
@@ -192,7 +192,7 @@
|
|
|
192
192
|
prettylights: {
|
|
193
193
|
syntax: {
|
|
194
194
|
comment: {
|
|
195
|
-
$value: '{base.color.neutral.
|
|
195
|
+
$value: '{base.color.neutral.8}',
|
|
196
196
|
$type: 'color',
|
|
197
197
|
$extensions: {
|
|
198
198
|
'org.primer.figma': {
|
|
@@ -238,7 +238,7 @@
|
|
|
238
238
|
storage: {
|
|
239
239
|
modifier: {
|
|
240
240
|
import: {
|
|
241
|
-
$value: '{base.color.
|
|
241
|
+
$value: '{base.color.black}',
|
|
242
242
|
$type: 'color',
|
|
243
243
|
$extensions: {
|
|
244
244
|
'org.primer.figma': {
|
|
@@ -307,7 +307,7 @@
|
|
|
307
307
|
},
|
|
308
308
|
},
|
|
309
309
|
angle: {
|
|
310
|
-
$value: '{base.color.neutral.
|
|
310
|
+
$value: '{base.color.neutral.8}',
|
|
311
311
|
$type: 'color',
|
|
312
312
|
$extensions: {
|
|
313
313
|
'org.primer.figma': {
|
|
@@ -405,7 +405,7 @@
|
|
|
405
405
|
},
|
|
406
406
|
},
|
|
407
407
|
italic: {
|
|
408
|
-
$value: '{base.color.
|
|
408
|
+
$value: '{base.color.black}',
|
|
409
409
|
$type: 'color',
|
|
410
410
|
$extensions: {
|
|
411
411
|
'org.primer.figma': {
|
|
@@ -416,7 +416,7 @@
|
|
|
416
416
|
},
|
|
417
417
|
},
|
|
418
418
|
bold: {
|
|
419
|
-
$value: '{base.color.
|
|
419
|
+
$value: '{base.color.black}',
|
|
420
420
|
$type: 'color',
|
|
421
421
|
$extensions: {
|
|
422
422
|
'org.primer.figma': {
|
|
@@ -500,7 +500,7 @@
|
|
|
500
500
|
},
|
|
501
501
|
ignored: {
|
|
502
502
|
text: {
|
|
503
|
-
$value: '{base.color.neutral.
|
|
503
|
+
$value: '{base.color.neutral.5}',
|
|
504
504
|
$type: 'color',
|
|
505
505
|
$extensions: {
|
|
506
506
|
'org.primer.figma': {
|
|
@@ -541,7 +541,7 @@
|
|
|
541
541
|
sublimelinter: {
|
|
542
542
|
gutter: {
|
|
543
543
|
mark: {
|
|
544
|
-
$value: '{base.color.neutral.
|
|
544
|
+
$value: '{base.color.neutral.7}',
|
|
545
545
|
$type: 'color',
|
|
546
546
|
$extensions: {
|
|
547
547
|
'org.primer.figma': {
|