@primer/primitives 9.0.0-rc.fa8264ac → 9.0.0
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 +12 -8
- package/dist/css/functional/themes/dark-dimmed.css +10 -6
- package/dist/css/functional/themes/dark-high-contrast.css +54 -50
- package/dist/css/functional/themes/dark-tritanopia.css +12 -8
- package/dist/css/functional/themes/dark.css +10 -6
- package/dist/css/functional/themes/light-colorblind.css +16 -12
- package/dist/css/functional/themes/light-high-contrast.css +22 -18
- package/dist/css/functional/themes/light-tritanopia.css +16 -12
- package/dist/css/functional/themes/light.css +14 -10
- package/dist/docs/functional/themes/dark-colorblind.json +153 -97
- package/dist/docs/functional/themes/dark-dimmed.json +155 -99
- package/dist/docs/functional/themes/dark-high-contrast.json +243 -161
- package/dist/docs/functional/themes/dark-tritanopia.json +153 -97
- package/dist/docs/functional/themes/dark.json +152 -96
- package/dist/docs/functional/themes/light-colorblind.json +159 -101
- package/dist/docs/functional/themes/light-high-contrast.json +177 -117
- package/dist/docs/functional/themes/light-tritanopia.json +159 -101
- package/dist/docs/functional/themes/light.json +158 -100
- package/dist/figma/figma.json +3 -3
- package/dist/figma/scales/dark-dimmed.json +56 -24
- package/dist/figma/scales/dark-high-constrast.json +56 -24
- package/dist/figma/scales/dark.json +56 -24
- package/dist/figma/scales/light-high-constrast.json +59 -27
- package/dist/figma/scales/light.json +59 -27
- package/dist/figma/shadows/dark-colorblind.json +167 -167
- package/dist/figma/shadows/dark-dimmed.json +167 -167
- package/dist/figma/shadows/dark-high-contrast.json +167 -167
- package/dist/figma/shadows/dark-tritanopia.json +167 -167
- package/dist/figma/shadows/dark.json +167 -167
- package/dist/figma/shadows/light-colorblind.json +84 -84
- package/dist/figma/shadows/light-high-contrast.json +84 -84
- package/dist/figma/shadows/light-tritanopia.json +84 -84
- package/dist/figma/shadows/light.json +84 -84
- package/dist/figma/themes/dark-colorblind.json +1023 -992
- package/dist/figma/themes/dark-dimmed.json +1943 -1912
- package/dist/figma/themes/dark-high-contrast.json +2865 -2830
- package/dist/figma/themes/dark-tritanopia.json +1022 -991
- package/dist/figma/themes/dark.json +1019 -988
- package/dist/figma/themes/light-colorblind.json +1419 -1387
- package/dist/figma/themes/light-high-contrast.json +1254 -1221
- package/dist/figma/themes/light-tritanopia.json +1419 -1387
- package/dist/figma/themes/light.json +1357 -1325
- package/dist/internalCss/dark-colorblind.css +40 -32
- package/dist/internalCss/dark-dimmed.css +38 -30
- package/dist/internalCss/dark-high-contrast.css +82 -74
- package/dist/internalCss/dark-tritanopia.css +40 -32
- package/dist/internalCss/dark.css +38 -30
- package/dist/internalCss/light-colorblind.css +46 -38
- package/dist/internalCss/light-high-contrast.css +52 -44
- package/dist/internalCss/light-tritanopia.css +46 -38
- package/dist/internalCss/light.css +44 -36
- package/dist/styleLint/functional/themes/dark-colorblind.json +153 -97
- package/dist/styleLint/functional/themes/dark-dimmed.json +155 -99
- package/dist/styleLint/functional/themes/dark-high-contrast.json +243 -161
- package/dist/styleLint/functional/themes/dark-tritanopia.json +153 -97
- package/dist/styleLint/functional/themes/dark.json +152 -96
- package/dist/styleLint/functional/themes/light-colorblind.json +159 -101
- package/dist/styleLint/functional/themes/light-high-contrast.json +177 -117
- package/dist/styleLint/functional/themes/light-tritanopia.json +159 -101
- package/dist/styleLint/functional/themes/light.json +158 -100
- package/package.json +1 -1
- package/src/schemas/colorToken.ts +1 -1
- package/src/schemas/dimensionToken.ts +1 -0
- package/src/schemas/scopes.ts +10 -21
- package/src/tokens/base/color/dark/dark.dimmed.json5 +0 -20
- package/src/tokens/base/color/dark/dark.json5 +29 -11
- package/src/tokens/base/color/light/light.json5 +29 -11
- package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +24 -24
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +82 -83
- package/src/tokens/functional/color/dark/patterns-dark.json5 +62 -37
- package/src/tokens/functional/color/dark/primitives-dark.json5 +23 -23
- package/src/tokens/functional/color/dark/syntax-dark.json5 +14 -14
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +73 -25
- package/src/tokens/functional/color/light/patterns-light.json5 +65 -39
- package/src/tokens/functional/color/light/primitives-light.json5 +23 -23
- package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
- package/src/tokens/functional/shadow/dark.json5 +15 -15
- package/src/tokens/functional/shadow/light.json5 +16 -16
- package/src/transformers/figmaAttributes.ts +6 -0
|
@@ -6,15 +6,15 @@
|
|
|
6
6
|
{
|
|
7
7
|
fgColor: {
|
|
8
8
|
muted: {
|
|
9
|
-
$value: '{base.color.neutral.
|
|
9
|
+
$value: '{base.color.neutral.10}',
|
|
10
10
|
$type: 'color',
|
|
11
11
|
},
|
|
12
12
|
disabled: {
|
|
13
|
-
$value: '{base.color.neutral.
|
|
13
|
+
$value: '{base.color.neutral.9}',
|
|
14
14
|
$type: 'color',
|
|
15
15
|
},
|
|
16
16
|
neutral: {
|
|
17
|
-
$value: '{base.color.neutral.
|
|
17
|
+
$value: '{base.color.neutral.11}',
|
|
18
18
|
$type: 'color',
|
|
19
19
|
},
|
|
20
20
|
success: {
|
|
@@ -52,21 +52,26 @@
|
|
|
52
52
|
},
|
|
53
53
|
bgColor: {
|
|
54
54
|
muted: {
|
|
55
|
-
$value: '{base.color.neutral.
|
|
55
|
+
$value: '{base.color.neutral.3}',
|
|
56
56
|
$type: 'color',
|
|
57
57
|
},
|
|
58
58
|
inset: {
|
|
59
|
-
$value: '{base.color.neutral.
|
|
59
|
+
$value: '{base.color.neutral.2}',
|
|
60
60
|
$type: 'color',
|
|
61
61
|
},
|
|
62
62
|
neutral: {
|
|
63
63
|
emphasis: {
|
|
64
|
-
$value: '{base.color.neutral.
|
|
64
|
+
$value: '{base.color.neutral.10}',
|
|
65
65
|
$type: 'color',
|
|
66
66
|
},
|
|
67
|
+
muted: {
|
|
68
|
+
$value: '{base.color.neutral.4}',
|
|
69
|
+
$type: 'color',
|
|
70
|
+
alpha: 1,
|
|
71
|
+
},
|
|
67
72
|
},
|
|
68
73
|
disabled: {
|
|
69
|
-
$value: '{base.color.neutral.
|
|
74
|
+
$value: '{base.color.neutral.4}',
|
|
70
75
|
$type: 'color',
|
|
71
76
|
},
|
|
72
77
|
success: {
|
|
@@ -85,7 +90,7 @@
|
|
|
85
90
|
},
|
|
86
91
|
borderColor: {
|
|
87
92
|
default: {
|
|
88
|
-
$value: '{base.color.neutral.
|
|
93
|
+
$value: '{base.color.neutral.10}',
|
|
89
94
|
$type: 'color',
|
|
90
95
|
},
|
|
91
96
|
muted: {
|
|
@@ -98,12 +103,12 @@
|
|
|
98
103
|
$type: 'color',
|
|
99
104
|
},
|
|
100
105
|
disabled: {
|
|
101
|
-
$value: '{base.color.neutral.
|
|
106
|
+
$value: '{base.color.neutral.9}',
|
|
102
107
|
$type: 'color',
|
|
103
108
|
alpha: 0.12,
|
|
104
109
|
},
|
|
105
110
|
translucent: {
|
|
106
|
-
$value: '{base.color.neutral.
|
|
111
|
+
$value: '{base.color.neutral.9}',
|
|
107
112
|
$type: 'color',
|
|
108
113
|
alpha: 1,
|
|
109
114
|
},
|
|
@@ -171,11 +176,25 @@
|
|
|
171
176
|
alpha: 1,
|
|
172
177
|
},
|
|
173
178
|
},
|
|
179
|
+
upsell: {
|
|
180
|
+
muted: {
|
|
181
|
+
$value: '{borderColor.done.muted}',
|
|
182
|
+
$type: 'color',
|
|
183
|
+
alpha: 1,
|
|
184
|
+
},
|
|
185
|
+
},
|
|
186
|
+
closed: {
|
|
187
|
+
muted: {
|
|
188
|
+
$value: '{borderColor.danger.muted}',
|
|
189
|
+
$type: 'color',
|
|
190
|
+
alpha: 1,
|
|
191
|
+
},
|
|
192
|
+
},
|
|
174
193
|
},
|
|
175
194
|
// patterns
|
|
176
195
|
avatar: {
|
|
177
196
|
borderColor: {
|
|
178
|
-
$value: '{base.color.
|
|
197
|
+
$value: '{base.color.neutral.13}',
|
|
179
198
|
$type: 'color',
|
|
180
199
|
alpha: 0.9,
|
|
181
200
|
},
|
|
@@ -191,42 +210,57 @@
|
|
|
191
210
|
$value: '{borderColor.default}',
|
|
192
211
|
$type: 'color',
|
|
193
212
|
},
|
|
213
|
+
bgColor: {
|
|
214
|
+
muted: {
|
|
215
|
+
$value: '{bgColor.neutral.muted}',
|
|
216
|
+
$type: 'color',
|
|
217
|
+
$extensions: {
|
|
218
|
+
'org.primer.figma': {
|
|
219
|
+
collection: 'mode',
|
|
220
|
+
mode: 'light',
|
|
221
|
+
group: 'component',
|
|
222
|
+
scopes: ['bgColor'],
|
|
223
|
+
},
|
|
224
|
+
},
|
|
225
|
+
alpha: 1,
|
|
226
|
+
},
|
|
227
|
+
},
|
|
194
228
|
},
|
|
195
229
|
control: {
|
|
196
230
|
fgColor: {
|
|
197
231
|
placeholder: {
|
|
198
|
-
$value: '{base.color.neutral.
|
|
232
|
+
$value: '{base.color.neutral.10}',
|
|
199
233
|
$type: 'color',
|
|
200
234
|
},
|
|
201
235
|
},
|
|
202
236
|
bgColor: {
|
|
203
237
|
rest: {
|
|
204
|
-
$value: '{base.color.neutral.
|
|
238
|
+
$value: '{base.color.neutral.4}',
|
|
205
239
|
$type: 'color',
|
|
206
240
|
},
|
|
207
241
|
hover: {
|
|
208
|
-
$value: '{base.color.neutral.
|
|
242
|
+
$value: '{base.color.neutral.5}',
|
|
209
243
|
$type: 'color',
|
|
210
244
|
},
|
|
211
245
|
active: {
|
|
212
|
-
$value: '{base.color.neutral.
|
|
246
|
+
$value: '{base.color.neutral.6}',
|
|
213
247
|
$type: 'color',
|
|
214
248
|
},
|
|
215
249
|
},
|
|
216
250
|
transparent: {
|
|
217
251
|
bgColor: {
|
|
218
252
|
hover: {
|
|
219
|
-
$value: '{base.color.neutral.
|
|
253
|
+
$value: '{base.color.neutral.5}',
|
|
220
254
|
$type: 'color',
|
|
221
255
|
alpha: 1,
|
|
222
256
|
},
|
|
223
257
|
active: {
|
|
224
|
-
$value: '{base.color.neutral.
|
|
258
|
+
$value: '{base.color.neutral.6}',
|
|
225
259
|
$type: 'color',
|
|
226
260
|
alpha: 1,
|
|
227
261
|
},
|
|
228
262
|
selected: {
|
|
229
|
-
$value: '{base.color.neutral.
|
|
263
|
+
$value: '{base.color.neutral.5}',
|
|
230
264
|
$type: 'color',
|
|
231
265
|
alpha: 1,
|
|
232
266
|
},
|
|
@@ -271,15 +305,15 @@
|
|
|
271
305
|
controlTrack: {
|
|
272
306
|
bgColor: {
|
|
273
307
|
rest: {
|
|
274
|
-
$value: '{base.color.neutral.
|
|
308
|
+
$value: '{base.color.neutral.5}',
|
|
275
309
|
$type: 'color',
|
|
276
310
|
},
|
|
277
311
|
hover: {
|
|
278
|
-
$value: '{base.color.neutral.
|
|
312
|
+
$value: '{base.color.neutral.6}',
|
|
279
313
|
$type: 'color',
|
|
280
314
|
},
|
|
281
315
|
active: {
|
|
282
|
-
$value: '{base.color.neutral.
|
|
316
|
+
$value: '{base.color.neutral.7}',
|
|
283
317
|
$type: 'color',
|
|
284
318
|
},
|
|
285
319
|
},
|
|
@@ -334,7 +368,7 @@
|
|
|
334
368
|
},
|
|
335
369
|
inactive: {
|
|
336
370
|
fgColor: {
|
|
337
|
-
$value: '{base.color.neutral.
|
|
371
|
+
$value: '{base.color.neutral.10}',
|
|
338
372
|
$type: 'color',
|
|
339
373
|
$extensions: {
|
|
340
374
|
'org.primer.figma': {
|
|
@@ -350,12 +384,26 @@
|
|
|
350
384
|
$type: 'color',
|
|
351
385
|
},
|
|
352
386
|
},
|
|
387
|
+
invisible: {
|
|
388
|
+
fgColor: {
|
|
389
|
+
hover: {
|
|
390
|
+
$value: '{base.color.neutral.11}',
|
|
391
|
+
$type: 'color',
|
|
392
|
+
},
|
|
393
|
+
},
|
|
394
|
+
iconColor: {
|
|
395
|
+
hover: {
|
|
396
|
+
$value: '{base.color.neutral.11}',
|
|
397
|
+
$type: 'color',
|
|
398
|
+
},
|
|
399
|
+
}
|
|
400
|
+
}
|
|
353
401
|
},
|
|
354
402
|
buttonCounter: {
|
|
355
403
|
default: {
|
|
356
404
|
bgColor: {
|
|
357
405
|
rest: {
|
|
358
|
-
$value: '{base.color.neutral.
|
|
406
|
+
$value: '{base.color.neutral.7}',
|
|
359
407
|
$type: 'color',
|
|
360
408
|
},
|
|
361
409
|
},
|
|
@@ -405,7 +453,7 @@
|
|
|
405
453
|
header: {
|
|
406
454
|
borderColor: {
|
|
407
455
|
divider: {
|
|
408
|
-
$value: '{base.color.neutral.
|
|
456
|
+
$value: '{base.color.neutral.7}',
|
|
409
457
|
$type: 'color',
|
|
410
458
|
},
|
|
411
459
|
},
|
|
@@ -418,7 +466,7 @@
|
|
|
418
466
|
},
|
|
419
467
|
backdrop: {
|
|
420
468
|
bgColor: {
|
|
421
|
-
$value: '{base.color.neutral.
|
|
469
|
+
$value: '{base.color.neutral.11}',
|
|
422
470
|
$type: 'color',
|
|
423
471
|
alpha: 0.4,
|
|
424
472
|
},
|
|
@@ -1,7 +1,7 @@
|
|
|
1
1
|
{
|
|
2
2
|
avatar: {
|
|
3
3
|
bgColor: {
|
|
4
|
-
$value: '{base.color.
|
|
4
|
+
$value: '{base.color.neutral.0}',
|
|
5
5
|
$type: 'color',
|
|
6
6
|
$extensions: {
|
|
7
7
|
'org.primer.figma': {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
fade: {
|
|
30
30
|
bgColor: {
|
|
31
31
|
default: {
|
|
32
|
-
$value: '{base.color.neutral.
|
|
32
|
+
$value: '{base.color.neutral.7}',
|
|
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.5}',
|
|
45
45
|
$type: 'color',
|
|
46
46
|
$extensions: {
|
|
47
47
|
'org.primer.figma': {
|
|
@@ -58,7 +58,7 @@
|
|
|
58
58
|
control: {
|
|
59
59
|
bgColor: {
|
|
60
60
|
rest: {
|
|
61
|
-
$value: '{base.color.neutral.
|
|
61
|
+
$value: '{base.color.neutral.1}',
|
|
62
62
|
$type: 'color',
|
|
63
63
|
$extensions: {
|
|
64
64
|
'org.primer.figma': {
|
|
@@ -70,7 +70,7 @@
|
|
|
70
70
|
},
|
|
71
71
|
},
|
|
72
72
|
hover: {
|
|
73
|
-
$value: '{base.color.neutral.
|
|
73
|
+
$value: '{base.color.neutral.2}',
|
|
74
74
|
$type: 'color',
|
|
75
75
|
$extensions: {
|
|
76
76
|
'org.primer.figma': {
|
|
@@ -82,7 +82,7 @@
|
|
|
82
82
|
},
|
|
83
83
|
},
|
|
84
84
|
active: {
|
|
85
|
-
$value: '{base.color.neutral.
|
|
85
|
+
$value: '{base.color.neutral.3}',
|
|
86
86
|
$type: 'color',
|
|
87
87
|
$extensions: {
|
|
88
88
|
'org.primer.figma': {
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
},
|
|
121
121
|
fgColor: {
|
|
122
122
|
rest: {
|
|
123
|
-
$value: '{base.color.neutral.
|
|
123
|
+
$value: '{base.color.neutral.12}',
|
|
124
124
|
$type: 'color',
|
|
125
125
|
$extensions: {
|
|
126
126
|
'org.primer.figma': {
|
|
@@ -271,7 +271,7 @@
|
|
|
271
271
|
},
|
|
272
272
|
},
|
|
273
273
|
hover: {
|
|
274
|
-
$value: '{base.color.neutral.
|
|
274
|
+
$value: '{base.color.neutral.8}',
|
|
275
275
|
$type: 'color',
|
|
276
276
|
$extensions: {
|
|
277
277
|
'org.primer.figma': {
|
|
@@ -284,7 +284,7 @@
|
|
|
284
284
|
alpha: 0.1,
|
|
285
285
|
},
|
|
286
286
|
active: {
|
|
287
|
-
$value: '{base.color.neutral.
|
|
287
|
+
$value: '{base.color.neutral.8}',
|
|
288
288
|
$type: 'color',
|
|
289
289
|
$extensions: {
|
|
290
290
|
'org.primer.figma': {
|
|
@@ -309,7 +309,7 @@
|
|
|
309
309
|
},
|
|
310
310
|
},
|
|
311
311
|
selected: {
|
|
312
|
-
$value: '{base.color.neutral.
|
|
312
|
+
$value: '{base.color.neutral.8}',
|
|
313
313
|
$type: 'color',
|
|
314
314
|
$extensions: {
|
|
315
315
|
'org.primer.figma': {
|
|
@@ -556,7 +556,7 @@
|
|
|
556
556
|
controlTrack: {
|
|
557
557
|
bgColor: {
|
|
558
558
|
rest: {
|
|
559
|
-
$value: '{base.color.neutral.
|
|
559
|
+
$value: '{base.color.neutral.3}',
|
|
560
560
|
$type: 'color',
|
|
561
561
|
$extensions: {
|
|
562
562
|
'org.primer.figma': {
|
|
@@ -568,7 +568,7 @@
|
|
|
568
568
|
},
|
|
569
569
|
},
|
|
570
570
|
hover: {
|
|
571
|
-
$value: '{base.color.neutral.
|
|
571
|
+
$value: '{base.color.neutral.4}',
|
|
572
572
|
$type: 'color',
|
|
573
573
|
$extensions: {
|
|
574
574
|
'org.primer.figma': {
|
|
@@ -580,7 +580,7 @@
|
|
|
580
580
|
},
|
|
581
581
|
},
|
|
582
582
|
active: {
|
|
583
|
-
$value: '{base.color.neutral.
|
|
583
|
+
$value: '{base.color.neutral.5}',
|
|
584
584
|
$type: 'color',
|
|
585
585
|
$extensions: {
|
|
586
586
|
'org.primer.figma': {
|
|
@@ -606,7 +606,7 @@
|
|
|
606
606
|
},
|
|
607
607
|
fgColor: {
|
|
608
608
|
rest: {
|
|
609
|
-
$value: '{base.color.neutral.
|
|
609
|
+
$value: '{base.color.neutral.9}',
|
|
610
610
|
$type: 'color',
|
|
611
611
|
$extensions: {
|
|
612
612
|
'org.primer.figma': {
|
|
@@ -660,7 +660,7 @@
|
|
|
660
660
|
controlKnob: {
|
|
661
661
|
bgColor: {
|
|
662
662
|
rest: {
|
|
663
|
-
$value: '{base.color.
|
|
663
|
+
$value: '{base.color.neutral.0}',
|
|
664
664
|
$type: 'color',
|
|
665
665
|
$extensions: {
|
|
666
666
|
'org.primer.figma': {
|
|
@@ -684,7 +684,7 @@
|
|
|
684
684
|
},
|
|
685
685
|
},
|
|
686
686
|
checked: {
|
|
687
|
-
$value: '{base.color.
|
|
687
|
+
$value: '{base.color.neutral.0}',
|
|
688
688
|
$type: 'color',
|
|
689
689
|
$extensions: {
|
|
690
690
|
'org.primer.figma': {
|
|
@@ -748,6 +748,32 @@
|
|
|
748
748
|
},
|
|
749
749
|
},
|
|
750
750
|
},
|
|
751
|
+
bgColor: {
|
|
752
|
+
muted: {
|
|
753
|
+
$value: '{bgColor.neutral.muted}',
|
|
754
|
+
$type: 'color',
|
|
755
|
+
$extensions: {
|
|
756
|
+
'org.primer.figma': {
|
|
757
|
+
collection: 'mode',
|
|
758
|
+
mode: 'light',
|
|
759
|
+
group: 'component',
|
|
760
|
+
scopes: ['bgColor'],
|
|
761
|
+
},
|
|
762
|
+
},
|
|
763
|
+
},
|
|
764
|
+
emphasis: {
|
|
765
|
+
$value: '{bgColor.neutral.emphasis}',
|
|
766
|
+
$type: 'color',
|
|
767
|
+
$extensions: {
|
|
768
|
+
'org.primer.figma': {
|
|
769
|
+
collection: 'mode',
|
|
770
|
+
mode: 'light',
|
|
771
|
+
group: 'component',
|
|
772
|
+
scopes: ['bgColor'],
|
|
773
|
+
},
|
|
774
|
+
},
|
|
775
|
+
}
|
|
776
|
+
},
|
|
751
777
|
},
|
|
752
778
|
button: {
|
|
753
779
|
default: {
|
|
@@ -885,7 +911,7 @@
|
|
|
885
911
|
},
|
|
886
912
|
},
|
|
887
913
|
disabled: {
|
|
888
|
-
$value: '{base.color.
|
|
914
|
+
$value: '{base.color.neutral.0}',
|
|
889
915
|
$type: 'color',
|
|
890
916
|
$extensions: {
|
|
891
917
|
'org.primer.figma': {
|
|
@@ -977,7 +1003,7 @@
|
|
|
977
1003
|
},
|
|
978
1004
|
borderColor: {
|
|
979
1005
|
rest: {
|
|
980
|
-
$value: '{base.color.
|
|
1006
|
+
$value: '{base.color.neutral.13}',
|
|
981
1007
|
$type: 'color',
|
|
982
1008
|
$extensions: {
|
|
983
1009
|
'org.primer.figma': {
|
|
@@ -1208,7 +1234,7 @@
|
|
|
1208
1234
|
},
|
|
1209
1235
|
},
|
|
1210
1236
|
hover: {
|
|
1211
|
-
$value: '{base.color.
|
|
1237
|
+
$value: '{base.color.neutral.0}',
|
|
1212
1238
|
$type: 'color',
|
|
1213
1239
|
$extensions: {
|
|
1214
1240
|
'org.primer.figma': {
|
|
@@ -1220,7 +1246,7 @@
|
|
|
1220
1246
|
},
|
|
1221
1247
|
},
|
|
1222
1248
|
active: {
|
|
1223
|
-
$value: '{base.color.
|
|
1249
|
+
$value: '{base.color.neutral.0}',
|
|
1224
1250
|
$type: 'color',
|
|
1225
1251
|
$extensions: {
|
|
1226
1252
|
'org.primer.figma': {
|
|
@@ -1341,7 +1367,7 @@
|
|
|
1341
1367
|
},
|
|
1342
1368
|
},
|
|
1343
1369
|
hover: {
|
|
1344
|
-
$value: '{base.color.
|
|
1370
|
+
$value: '{base.color.neutral.0}',
|
|
1345
1371
|
$type: 'color',
|
|
1346
1372
|
$extensions: {
|
|
1347
1373
|
'org.primer.figma': {
|
|
@@ -1353,7 +1379,7 @@
|
|
|
1353
1379
|
},
|
|
1354
1380
|
},
|
|
1355
1381
|
active: {
|
|
1356
|
-
$value: '{base.color.
|
|
1382
|
+
$value: '{base.color.neutral.0}',
|
|
1357
1383
|
$type: 'color',
|
|
1358
1384
|
$extensions: {
|
|
1359
1385
|
'org.primer.figma': {
|
|
@@ -1392,7 +1418,7 @@
|
|
|
1392
1418
|
},
|
|
1393
1419
|
},
|
|
1394
1420
|
hover: {
|
|
1395
|
-
$value: '{base.color.
|
|
1421
|
+
$value: '{base.color.neutral.0}',
|
|
1396
1422
|
$type: 'color',
|
|
1397
1423
|
$extensions: {
|
|
1398
1424
|
'org.primer.figma': {
|
|
@@ -1499,7 +1525,7 @@
|
|
|
1499
1525
|
},
|
|
1500
1526
|
inactive: {
|
|
1501
1527
|
fgColor: {
|
|
1502
|
-
$value: '{base.color.neutral.
|
|
1528
|
+
$value: '{base.color.neutral.9}',
|
|
1503
1529
|
$type: 'color',
|
|
1504
1530
|
$extensions: {
|
|
1505
1531
|
'org.primer.figma': {
|
|
@@ -1511,7 +1537,7 @@
|
|
|
1511
1537
|
},
|
|
1512
1538
|
},
|
|
1513
1539
|
bgColor: {
|
|
1514
|
-
$value: '{base.color.neutral.
|
|
1540
|
+
$value: '{base.color.neutral.3}',
|
|
1515
1541
|
$type: 'color',
|
|
1516
1542
|
$extensions: {
|
|
1517
1543
|
'org.primer.figma': {
|
|
@@ -1604,7 +1630,7 @@
|
|
|
1604
1630
|
alpha: 0.1,
|
|
1605
1631
|
},
|
|
1606
1632
|
hover: {
|
|
1607
|
-
$value: '{base.color.
|
|
1633
|
+
$value: '{base.color.neutral.0}',
|
|
1608
1634
|
$type: 'color',
|
|
1609
1635
|
$extensions: {
|
|
1610
1636
|
'org.primer.figma': {
|
|
@@ -1644,7 +1670,7 @@
|
|
|
1644
1670
|
},
|
|
1645
1671
|
},
|
|
1646
1672
|
hover: {
|
|
1647
|
-
$value: '{base.color.
|
|
1673
|
+
$value: '{base.color.neutral.0}',
|
|
1648
1674
|
$type: 'color',
|
|
1649
1675
|
$extensions: {
|
|
1650
1676
|
'org.primer.figma': {
|
|
@@ -1673,7 +1699,7 @@
|
|
|
1673
1699
|
danger: {
|
|
1674
1700
|
bgColor: {
|
|
1675
1701
|
hover: {
|
|
1676
|
-
$value: '{base.color.
|
|
1702
|
+
$value: '{base.color.neutral.0}',
|
|
1677
1703
|
$type: 'color',
|
|
1678
1704
|
$extensions: {
|
|
1679
1705
|
'org.primer.figma': {
|
|
@@ -1730,7 +1756,7 @@
|
|
|
1730
1756
|
},
|
|
1731
1757
|
},
|
|
1732
1758
|
hover: {
|
|
1733
|
-
$value: '{base.color.
|
|
1759
|
+
$value: '{base.color.neutral.0}',
|
|
1734
1760
|
$type: 'color',
|
|
1735
1761
|
$extensions: {
|
|
1736
1762
|
'org.primer.figma': {
|
|
@@ -1826,14 +1852,14 @@
|
|
|
1826
1852
|
collection: 'mode',
|
|
1827
1853
|
mode: 'light',
|
|
1828
1854
|
group: 'component (internal)',
|
|
1829
|
-
scopes: ['borderColor'],
|
|
1855
|
+
scopes: ['borderColor', 'effectColor'],
|
|
1830
1856
|
},
|
|
1831
1857
|
},
|
|
1832
1858
|
},
|
|
1833
1859
|
},
|
|
1834
1860
|
header: {
|
|
1835
1861
|
bgColor: {
|
|
1836
|
-
$value: '{base.color.neutral.
|
|
1862
|
+
$value: '{base.color.neutral.12}',
|
|
1837
1863
|
$type: 'color',
|
|
1838
1864
|
$extensions: {
|
|
1839
1865
|
'org.primer.figma': {
|
|
@@ -1846,7 +1872,7 @@
|
|
|
1846
1872
|
},
|
|
1847
1873
|
fgColor: {
|
|
1848
1874
|
default: {
|
|
1849
|
-
$value: '{base.color.
|
|
1875
|
+
$value: '{base.color.neutral.0}',
|
|
1850
1876
|
$type: 'color',
|
|
1851
1877
|
$extensions: {
|
|
1852
1878
|
'org.primer.figma': {
|
|
@@ -1859,7 +1885,7 @@
|
|
|
1859
1885
|
alpha: 0.7,
|
|
1860
1886
|
},
|
|
1861
1887
|
logo: {
|
|
1862
|
-
$value: '{base.color.
|
|
1888
|
+
$value: '{base.color.neutral.0}',
|
|
1863
1889
|
$type: 'color',
|
|
1864
1890
|
$extensions: {
|
|
1865
1891
|
'org.primer.figma': {
|
|
@@ -1873,7 +1899,7 @@
|
|
|
1873
1899
|
},
|
|
1874
1900
|
borderColor: {
|
|
1875
1901
|
divider: {
|
|
1876
|
-
$value: '{base.color.neutral.
|
|
1902
|
+
$value: '{base.color.neutral.8}',
|
|
1877
1903
|
$type: 'color',
|
|
1878
1904
|
$extensions: {
|
|
1879
1905
|
'org.primer.figma': {
|
|
@@ -1888,7 +1914,7 @@
|
|
|
1888
1914
|
},
|
|
1889
1915
|
headerSearch: {
|
|
1890
1916
|
bgColor: {
|
|
1891
|
-
$value: '{base.color.neutral.
|
|
1917
|
+
$value: '{base.color.neutral.12}',
|
|
1892
1918
|
$type: 'color',
|
|
1893
1919
|
$extensions: {
|
|
1894
1920
|
'org.primer.figma': {
|
|
@@ -1900,7 +1926,7 @@
|
|
|
1900
1926
|
},
|
|
1901
1927
|
},
|
|
1902
1928
|
borderColor: {
|
|
1903
|
-
$value: '{base.color.neutral.
|
|
1929
|
+
$value: '{base.color.neutral.8}',
|
|
1904
1930
|
$type: 'color',
|
|
1905
1931
|
$extensions: {
|
|
1906
1932
|
'org.primer.figma': {
|
|
@@ -1930,7 +1956,7 @@
|
|
|
1930
1956
|
},
|
|
1931
1957
|
overlay: {
|
|
1932
1958
|
bgColor: {
|
|
1933
|
-
$value: '{base.color.
|
|
1959
|
+
$value: '{base.color.neutral.0}',
|
|
1934
1960
|
$type: 'color',
|
|
1935
1961
|
$extensions: {
|
|
1936
1962
|
'org.primer.figma': {
|
|
@@ -1955,7 +1981,7 @@
|
|
|
1955
1981
|
},
|
|
1956
1982
|
backdrop: {
|
|
1957
1983
|
bgColor: {
|
|
1958
|
-
$value: '{base.color.neutral.
|
|
1984
|
+
$value: '{base.color.neutral.7}',
|
|
1959
1985
|
$type: 'color',
|
|
1960
1986
|
$extensions: {
|
|
1961
1987
|
'org.primer.figma': {
|
|
@@ -2000,7 +2026,7 @@
|
|
|
2000
2026
|
sideNav: {
|
|
2001
2027
|
bgColor: {
|
|
2002
2028
|
selected: {
|
|
2003
|
-
$value: '{base.color.
|
|
2029
|
+
$value: '{base.color.neutral.0}',
|
|
2004
2030
|
$type: 'color',
|
|
2005
2031
|
$extensions: {
|
|
2006
2032
|
'org.primer.figma': {
|