@primer/primitives 7.17.0-rc.d6bee7f7 → 7.17.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/docs/functional/themes/dark-colorblind.json +78 -78
- package/dist/docs/functional/themes/dark-dimmed.json +73 -73
- package/dist/docs/functional/themes/dark-high-contrast.json +75 -75
- package/dist/docs/functional/themes/dark-tritanopia.json +78 -78
- package/dist/docs/functional/themes/dark.json +73 -73
- package/dist/docs/functional/themes/light-colorblind.json +76 -76
- package/dist/docs/functional/themes/light-high-contrast.json +70 -70
- package/dist/docs/functional/themes/light-tritanopia.json +76 -76
- package/dist/docs/functional/themes/light.json +71 -71
- package/dist/figma/scales/dark-dimmed.json +20 -20
- package/dist/figma/scales/dark-high-constrast.json +20 -20
- package/dist/figma/scales/dark.json +20 -20
- package/dist/figma/scales/light-high-constrast.json +20 -20
- package/dist/figma/scales/light.json +20 -20
- package/dist/figma/themes/dark-colorblind.json +70 -70
- package/dist/figma/themes/dark-dimmed.json +65 -65
- package/dist/figma/themes/dark-high-contrast.json +69 -69
- package/dist/figma/themes/dark-tritanopia.json +70 -70
- package/dist/figma/themes/dark.json +65 -65
- package/dist/figma/themes/light-colorblind.json +59 -59
- package/dist/figma/themes/light-high-contrast.json +55 -55
- package/dist/figma/themes/light-tritanopia.json +59 -59
- package/dist/figma/themes/light.json +54 -54
- package/dist/internalCss/dark-colorblind.css +20 -20
- package/dist/internalCss/dark-dimmed.css +20 -20
- package/dist/internalCss/dark-high-contrast.css +20 -20
- package/dist/internalCss/dark-tritanopia.css +20 -20
- package/dist/internalCss/dark.css +20 -20
- package/dist/internalCss/light-colorblind.css +20 -20
- package/dist/internalCss/light-high-contrast.css +20 -20
- package/dist/internalCss/light-tritanopia.css +20 -20
- package/dist/internalCss/light.css +20 -20
- package/dist/styleLint/functional/themes/dark-colorblind.json +78 -78
- package/dist/styleLint/functional/themes/dark-dimmed.json +73 -73
- package/dist/styleLint/functional/themes/dark-high-contrast.json +75 -75
- package/dist/styleLint/functional/themes/dark-tritanopia.json +78 -78
- package/dist/styleLint/functional/themes/dark.json +73 -73
- package/dist/styleLint/functional/themes/light-colorblind.json +76 -76
- package/dist/styleLint/functional/themes/light-high-contrast.json +70 -70
- package/dist/styleLint/functional/themes/light-tritanopia.json +76 -76
- package/dist/styleLint/functional/themes/light.json +71 -71
- package/package.json +1 -1
- package/src/tokens/base/color/dark/dark.dimmed.json5 +1 -1
- package/src/tokens/base/color/dark/dark.high-contrast.json5 +1 -1
- package/src/tokens/base/color/dark/dark.json5 +1 -1
- package/src/tokens/base/color/light/light.high-contrast.json5 +1 -1
- package/src/tokens/base/color/light/light.json5 +1 -1
- package/src/tokens/functional/color/dark/app-dark.json5 +5 -5
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +17 -17
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +5 -5
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +5 -5
- package/src/tokens/functional/color/dark/patterns-dark.json5 +42 -42
- package/src/tokens/functional/color/dark/primitives-dark.json5 +16 -16
- package/src/tokens/functional/color/dark/syntax-dark.json5 +13 -13
- package/src/tokens/functional/color/light/app-light.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +5 -5
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +5 -5
- package/src/tokens/functional/color/light/patterns-light.json5 +30 -30
- package/src/tokens/functional/color/light/primitives-light.json5 +15 -15
- package/src/tokens/functional/color/light/syntax-light.json5 +14 -14
- package/src/tokens/functional/shadow/dark.json5 +1 -1
- package/src/tokens/functional/shadow/light.json5 +11 -11
|
@@ -372,7 +372,7 @@
|
|
|
372
372
|
syntax: {
|
|
373
373
|
fgColor: {
|
|
374
374
|
comment: {
|
|
375
|
-
$value: '{base.color.
|
|
375
|
+
$value: '{base.color.neutral.3}',
|
|
376
376
|
$type: 'color',
|
|
377
377
|
$extensions: {
|
|
378
378
|
'org.primer.figma': {
|
|
@@ -499,7 +499,7 @@
|
|
|
499
499
|
},
|
|
500
500
|
},
|
|
501
501
|
bgColor: {
|
|
502
|
-
$value: '{base.color.
|
|
502
|
+
$value: '{base.color.neutral.9}',
|
|
503
503
|
$type: 'color',
|
|
504
504
|
$extensions: {
|
|
505
505
|
'org.primer.figma': {
|
|
@@ -512,7 +512,7 @@
|
|
|
512
512
|
},
|
|
513
513
|
borderColor: {
|
|
514
514
|
divider: {
|
|
515
|
-
$value: '{base.color.
|
|
515
|
+
$value: '{base.color.neutral.3}',
|
|
516
516
|
$type: 'color',
|
|
517
517
|
$extensions: {
|
|
518
518
|
'org.primer.figma': {
|
|
@@ -527,7 +527,7 @@
|
|
|
527
527
|
},
|
|
528
528
|
headerSearch: {
|
|
529
529
|
bgColor: {
|
|
530
|
-
$value: '{base.color.
|
|
530
|
+
$value: '{base.color.neutral.9}',
|
|
531
531
|
$type: 'color',
|
|
532
532
|
$extensions: {
|
|
533
533
|
'org.primer.figma': {
|
|
@@ -539,7 +539,7 @@
|
|
|
539
539
|
},
|
|
540
540
|
},
|
|
541
541
|
borderColor: {
|
|
542
|
-
$value: '{base.color.
|
|
542
|
+
$value: '{base.color.neutral.6}',
|
|
543
543
|
$type: 'color',
|
|
544
544
|
$extensions: {
|
|
545
545
|
'org.primer.figma': {
|
|
@@ -6,17 +6,17 @@
|
|
|
6
6
|
{
|
|
7
7
|
fgColor: {
|
|
8
8
|
onEmphasis: {
|
|
9
|
-
$value: '{base.color.
|
|
9
|
+
$value: '{base.color.neutral.9}',
|
|
10
10
|
$type: 'color',
|
|
11
11
|
},
|
|
12
12
|
muted: {
|
|
13
|
-
$value: '{base.color.
|
|
13
|
+
$value: '{base.color.neutral.1}',
|
|
14
14
|
$type: 'color',
|
|
15
15
|
mix: null,
|
|
16
16
|
alpha: 1,
|
|
17
17
|
},
|
|
18
18
|
disabled: {
|
|
19
|
-
$value: '{base.color.
|
|
19
|
+
$value: '{base.color.neutral.4}',
|
|
20
20
|
$type: 'color',
|
|
21
21
|
},
|
|
22
22
|
},
|
|
@@ -27,29 +27,29 @@
|
|
|
27
27
|
},
|
|
28
28
|
neutral: {
|
|
29
29
|
emphasis: {
|
|
30
|
-
$value: '{base.color.
|
|
30
|
+
$value: '{base.color.neutral.4}',
|
|
31
31
|
$type: 'color',
|
|
32
32
|
},
|
|
33
33
|
},
|
|
34
34
|
},
|
|
35
35
|
borderColor: {
|
|
36
36
|
default: {
|
|
37
|
-
$value: '{base.color.
|
|
37
|
+
$value: '{base.color.neutral.5}',
|
|
38
38
|
$type: 'color',
|
|
39
39
|
},
|
|
40
40
|
muted: {
|
|
41
|
-
$value: '{base.color.
|
|
41
|
+
$value: '{base.color.neutral.5}',
|
|
42
42
|
$type: 'color',
|
|
43
43
|
alpha: 1,
|
|
44
44
|
},
|
|
45
45
|
neutral: {
|
|
46
46
|
muted: {
|
|
47
|
-
$value: '{base.color.
|
|
47
|
+
$value: '{base.color.neutral.4}',
|
|
48
48
|
$type: 'color',
|
|
49
49
|
alpha: 1,
|
|
50
50
|
},
|
|
51
51
|
emphasis: {
|
|
52
|
-
$value: '{base.color.
|
|
52
|
+
$value: '{base.color.neutral.4}',
|
|
53
53
|
$type: 'color',
|
|
54
54
|
},
|
|
55
55
|
},
|
|
@@ -120,7 +120,7 @@
|
|
|
120
120
|
control: {
|
|
121
121
|
bgColor: {
|
|
122
122
|
selected: {
|
|
123
|
-
$value: '{base.color.
|
|
123
|
+
$value: '{base.color.neutral.6}',
|
|
124
124
|
$type: 'color',
|
|
125
125
|
},
|
|
126
126
|
},
|
|
@@ -134,17 +134,17 @@
|
|
|
134
134
|
transparent: {
|
|
135
135
|
bgColor: {
|
|
136
136
|
hover: {
|
|
137
|
-
$value: '{base.color.
|
|
137
|
+
$value: '{base.color.neutral.8}',
|
|
138
138
|
$type: 'color',
|
|
139
139
|
alpha: 1,
|
|
140
140
|
},
|
|
141
141
|
active: {
|
|
142
|
-
$value: '{base.color.
|
|
142
|
+
$value: '{base.color.neutral.6}',
|
|
143
143
|
$type: 'color',
|
|
144
144
|
alpha: 1,
|
|
145
145
|
},
|
|
146
146
|
selected: {
|
|
147
|
-
$value: '{base.color.
|
|
147
|
+
$value: '{base.color.neutral.6}',
|
|
148
148
|
$type: 'color',
|
|
149
149
|
alpha: 1,
|
|
150
150
|
},
|
|
@@ -155,7 +155,7 @@
|
|
|
155
155
|
$type: 'color',
|
|
156
156
|
},
|
|
157
157
|
active: {
|
|
158
|
-
$value: '{base.color.
|
|
158
|
+
$value: '{base.color.neutral.4}',
|
|
159
159
|
$type: 'color',
|
|
160
160
|
},
|
|
161
161
|
},
|
|
@@ -249,13 +249,13 @@
|
|
|
249
249
|
},
|
|
250
250
|
bgColor: {
|
|
251
251
|
hover: {
|
|
252
|
-
$value: '{base.color.
|
|
252
|
+
$value: '{base.color.neutral.1}',
|
|
253
253
|
$type: 'color',
|
|
254
254
|
alpha: null,
|
|
255
255
|
mix: null,
|
|
256
256
|
},
|
|
257
257
|
active: {
|
|
258
|
-
$value: '{base.color.
|
|
258
|
+
$value: '{base.color.neutral.2}',
|
|
259
259
|
$type: 'color',
|
|
260
260
|
alpha: null,
|
|
261
261
|
mix: null,
|
|
@@ -354,13 +354,13 @@
|
|
|
354
354
|
underlineNav: {
|
|
355
355
|
borderColor: {
|
|
356
356
|
hover: {
|
|
357
|
-
$value: '{base.color.
|
|
357
|
+
$value: '{base.color.neutral.3}',
|
|
358
358
|
$type: 'color',
|
|
359
359
|
},
|
|
360
360
|
},
|
|
361
361
|
iconColor: {
|
|
362
362
|
rest: {
|
|
363
|
-
$value: '{base.color.
|
|
363
|
+
$value: '{base.color.neutral.1}',
|
|
364
364
|
$type: 'color',
|
|
365
365
|
},
|
|
366
366
|
},
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
closed: {
|
|
27
27
|
'@': {
|
|
28
|
-
$value: '{base.color.
|
|
28
|
+
$value: '{base.color.neutral.3}',
|
|
29
29
|
$type: 'color',
|
|
30
30
|
},
|
|
31
31
|
},
|
|
@@ -66,12 +66,12 @@
|
|
|
66
66
|
},
|
|
67
67
|
closed: {
|
|
68
68
|
muted: {
|
|
69
|
-
$value: '{base.color.
|
|
69
|
+
$value: '{base.color.neutral.4}',
|
|
70
70
|
$type: 'color',
|
|
71
71
|
alpha: 0.4,
|
|
72
72
|
},
|
|
73
73
|
emphasis: {
|
|
74
|
-
$value: '{base.color.
|
|
74
|
+
$value: '{base.color.neutral.4}',
|
|
75
75
|
$type: 'color',
|
|
76
76
|
},
|
|
77
77
|
},
|
|
@@ -90,12 +90,12 @@
|
|
|
90
90
|
},
|
|
91
91
|
closed: {
|
|
92
92
|
muted: {
|
|
93
|
-
$value: '{base.color.
|
|
93
|
+
$value: '{base.color.neutral.4}',
|
|
94
94
|
$type: 'color',
|
|
95
95
|
alpha: 0.4,
|
|
96
96
|
},
|
|
97
97
|
emphasis: {
|
|
98
|
-
$value: '{base.color.
|
|
98
|
+
$value: '{base.color.neutral.4}',
|
|
99
99
|
$type: 'color',
|
|
100
100
|
},
|
|
101
101
|
},
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
closed: {
|
|
27
27
|
'@': {
|
|
28
|
-
$value: '{base.color.
|
|
28
|
+
$value: '{base.color.neutral.4}',
|
|
29
29
|
$type: 'color',
|
|
30
30
|
},
|
|
31
31
|
},
|
|
@@ -63,11 +63,11 @@
|
|
|
63
63
|
},
|
|
64
64
|
closed: {
|
|
65
65
|
muted: {
|
|
66
|
-
$value: '{base.color.
|
|
66
|
+
$value: '{base.color.neutral.4}',
|
|
67
67
|
$type: 'color',
|
|
68
68
|
},
|
|
69
69
|
emphasis: {
|
|
70
|
-
$value: '{base.color.
|
|
70
|
+
$value: '{base.color.neutral.5}',
|
|
71
71
|
$type: 'color',
|
|
72
72
|
},
|
|
73
73
|
},
|
|
@@ -108,12 +108,12 @@
|
|
|
108
108
|
},
|
|
109
109
|
closed: {
|
|
110
110
|
muted: {
|
|
111
|
-
$value: '{base.color.
|
|
111
|
+
$value: '{base.color.neutral.4}',
|
|
112
112
|
$type: 'color',
|
|
113
113
|
alpha: 0.4,
|
|
114
114
|
},
|
|
115
115
|
emphasis: {
|
|
116
|
-
$value: '{base.color.
|
|
116
|
+
$value: '{base.color.neutral.5}',
|
|
117
117
|
$type: 'color',
|
|
118
118
|
},
|
|
119
119
|
},
|
|
@@ -31,7 +31,7 @@
|
|
|
31
31
|
fade: {
|
|
32
32
|
bgColor: {
|
|
33
33
|
default: {
|
|
34
|
-
$value: '{base.color.
|
|
34
|
+
$value: '{base.color.neutral.6}',
|
|
35
35
|
$type: 'color',
|
|
36
36
|
$extensions: {
|
|
37
37
|
'org.primer.figma': {
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
},
|
|
44
44
|
},
|
|
45
45
|
muted: {
|
|
46
|
-
$value: '{base.color.
|
|
46
|
+
$value: '{base.color.neutral.7}',
|
|
47
47
|
$type: 'color',
|
|
48
48
|
$extensions: {
|
|
49
49
|
'org.primer.figma': {
|
|
@@ -60,7 +60,7 @@
|
|
|
60
60
|
control: {
|
|
61
61
|
bgColor: {
|
|
62
62
|
rest: {
|
|
63
|
-
$value: '{base.color.
|
|
63
|
+
$value: '{base.color.neutral.7}',
|
|
64
64
|
$type: 'color',
|
|
65
65
|
$extensions: {
|
|
66
66
|
'org.primer.figma': {
|
|
@@ -72,7 +72,7 @@
|
|
|
72
72
|
},
|
|
73
73
|
},
|
|
74
74
|
hover: {
|
|
75
|
-
$value: '{base.color.
|
|
75
|
+
$value: '{base.color.neutral.7}',
|
|
76
76
|
$type: 'color',
|
|
77
77
|
$extensions: {
|
|
78
78
|
'org.primer.figma': {
|
|
@@ -83,12 +83,12 @@
|
|
|
83
83
|
},
|
|
84
84
|
},
|
|
85
85
|
mix: {
|
|
86
|
-
color: '{base.color.
|
|
86
|
+
color: '{base.color.neutral.5}',
|
|
87
87
|
weight: 0.2,
|
|
88
88
|
},
|
|
89
89
|
},
|
|
90
90
|
active: {
|
|
91
|
-
$value: '{base.color.
|
|
91
|
+
$value: '{base.color.neutral.7}',
|
|
92
92
|
$type: 'color',
|
|
93
93
|
$extensions: {
|
|
94
94
|
'org.primer.figma': {
|
|
@@ -99,7 +99,7 @@
|
|
|
99
99
|
},
|
|
100
100
|
},
|
|
101
101
|
mix: {
|
|
102
|
-
color: '{base.color.
|
|
102
|
+
color: '{base.color.neutral.5}',
|
|
103
103
|
weight: 0.4,
|
|
104
104
|
},
|
|
105
105
|
},
|
|
@@ -116,7 +116,7 @@
|
|
|
116
116
|
},
|
|
117
117
|
},
|
|
118
118
|
selected: {
|
|
119
|
-
$value: '{base.color.
|
|
119
|
+
$value: '{base.color.neutral.8}',
|
|
120
120
|
$type: 'color',
|
|
121
121
|
$extensions: {
|
|
122
122
|
'org.primer.figma': {
|
|
@@ -130,7 +130,7 @@
|
|
|
130
130
|
},
|
|
131
131
|
fgColor: {
|
|
132
132
|
rest: {
|
|
133
|
-
$value: '{base.color.
|
|
133
|
+
$value: '{base.color.neutral.1}',
|
|
134
134
|
$type: 'color',
|
|
135
135
|
$extensions: {
|
|
136
136
|
'org.primer.figma': {
|
|
@@ -142,7 +142,7 @@
|
|
|
142
142
|
},
|
|
143
143
|
},
|
|
144
144
|
placeholder: {
|
|
145
|
-
$value: '{base.color.
|
|
145
|
+
$value: '{base.color.neutral.5}',
|
|
146
146
|
$type: 'color',
|
|
147
147
|
$extensions: {
|
|
148
148
|
'org.primer.figma': {
|
|
@@ -180,7 +180,7 @@
|
|
|
180
180
|
},
|
|
181
181
|
},
|
|
182
182
|
emphasis: {
|
|
183
|
-
$value: '{base.color.
|
|
183
|
+
$value: '{base.color.neutral.4}',
|
|
184
184
|
$type: 'color',
|
|
185
185
|
$extensions: {
|
|
186
186
|
'org.primer.figma': {
|
|
@@ -191,7 +191,7 @@
|
|
|
191
191
|
},
|
|
192
192
|
},
|
|
193
193
|
mix: {
|
|
194
|
-
color: '{base.color.
|
|
194
|
+
color: '{base.color.neutral.5}',
|
|
195
195
|
weight: 0.2,
|
|
196
196
|
},
|
|
197
197
|
},
|
|
@@ -208,7 +208,7 @@
|
|
|
208
208
|
},
|
|
209
209
|
},
|
|
210
210
|
selected: {
|
|
211
|
-
$value: '{base.color.
|
|
211
|
+
$value: '{base.color.neutral.0}',
|
|
212
212
|
$type: 'color',
|
|
213
213
|
$extensions: {
|
|
214
214
|
'org.primer.figma': {
|
|
@@ -285,7 +285,7 @@
|
|
|
285
285
|
},
|
|
286
286
|
},
|
|
287
287
|
hover: {
|
|
288
|
-
$value: '{base.color.
|
|
288
|
+
$value: '{base.color.neutral.2}',
|
|
289
289
|
$type: 'color',
|
|
290
290
|
$extensions: {
|
|
291
291
|
'org.primer.figma': {
|
|
@@ -298,7 +298,7 @@
|
|
|
298
298
|
alpha: 0.12,
|
|
299
299
|
},
|
|
300
300
|
active: {
|
|
301
|
-
$value: '{base.color.
|
|
301
|
+
$value: '{base.color.neutral.2}',
|
|
302
302
|
$type: 'color',
|
|
303
303
|
$extensions: {
|
|
304
304
|
'org.primer.figma': {
|
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
},
|
|
324
324
|
},
|
|
325
325
|
selected: {
|
|
326
|
-
$value: '{base.color.
|
|
326
|
+
$value: '{base.color.neutral.2}',
|
|
327
327
|
$type: 'color',
|
|
328
328
|
$extensions: {
|
|
329
329
|
'org.primer.figma': {
|
|
@@ -578,7 +578,7 @@
|
|
|
578
578
|
controlTrack: {
|
|
579
579
|
bgColor: {
|
|
580
580
|
rest: {
|
|
581
|
-
$value: '{base.color.
|
|
581
|
+
$value: '{base.color.neutral.7}',
|
|
582
582
|
$type: 'color',
|
|
583
583
|
$extensions: {
|
|
584
584
|
'org.primer.figma': {
|
|
@@ -590,7 +590,7 @@
|
|
|
590
590
|
},
|
|
591
591
|
},
|
|
592
592
|
hover: {
|
|
593
|
-
$value: '{base.color.
|
|
593
|
+
$value: '{base.color.neutral.7}',
|
|
594
594
|
$type: 'color',
|
|
595
595
|
$extensions: {
|
|
596
596
|
'org.primer.figma': {
|
|
@@ -601,12 +601,12 @@
|
|
|
601
601
|
},
|
|
602
602
|
},
|
|
603
603
|
mix: {
|
|
604
|
-
color: '{base.color.
|
|
604
|
+
color: '{base.color.neutral.5}',
|
|
605
605
|
weight: 0.2,
|
|
606
606
|
},
|
|
607
607
|
},
|
|
608
608
|
active: {
|
|
609
|
-
$value: '{base.color.
|
|
609
|
+
$value: '{base.color.neutral.7}',
|
|
610
610
|
$type: 'color',
|
|
611
611
|
$extensions: {
|
|
612
612
|
'org.primer.figma': {
|
|
@@ -617,7 +617,7 @@
|
|
|
617
617
|
},
|
|
618
618
|
},
|
|
619
619
|
mix: {
|
|
620
|
-
color: '{base.color.
|
|
620
|
+
color: '{base.color.neutral.5}',
|
|
621
621
|
weight: 0.4,
|
|
622
622
|
},
|
|
623
623
|
},
|
|
@@ -1014,7 +1014,7 @@
|
|
|
1014
1014
|
},
|
|
1015
1015
|
borderColor: {
|
|
1016
1016
|
rest: {
|
|
1017
|
-
$value: '{base.color.
|
|
1017
|
+
$value: '{base.color.neutral.0}',
|
|
1018
1018
|
$type: 'color',
|
|
1019
1019
|
$extensions: {
|
|
1020
1020
|
'org.primer.figma': {
|
|
@@ -1284,7 +1284,7 @@
|
|
|
1284
1284
|
},
|
|
1285
1285
|
bgColor: {
|
|
1286
1286
|
rest: {
|
|
1287
|
-
$value: '{base.color.
|
|
1287
|
+
$value: '{base.color.neutral.0}',
|
|
1288
1288
|
$type: 'color',
|
|
1289
1289
|
$extensions: {
|
|
1290
1290
|
'org.primer.figma': {
|
|
@@ -1296,7 +1296,7 @@
|
|
|
1296
1296
|
},
|
|
1297
1297
|
},
|
|
1298
1298
|
hover: {
|
|
1299
|
-
$value: '{base.color.
|
|
1299
|
+
$value: '{base.color.neutral.6}',
|
|
1300
1300
|
$type: 'color',
|
|
1301
1301
|
$extensions: {
|
|
1302
1302
|
'org.primer.figma': {
|
|
@@ -1320,7 +1320,7 @@
|
|
|
1320
1320
|
},
|
|
1321
1321
|
},
|
|
1322
1322
|
disabled: {
|
|
1323
|
-
$value: '{base.color.
|
|
1323
|
+
$value: '{base.color.neutral.9}',
|
|
1324
1324
|
$type: 'color',
|
|
1325
1325
|
$extensions: {
|
|
1326
1326
|
'org.primer.figma': {
|
|
@@ -1334,7 +1334,7 @@
|
|
|
1334
1334
|
},
|
|
1335
1335
|
borderColor: {
|
|
1336
1336
|
hover: {
|
|
1337
|
-
$value: '{base.color.
|
|
1337
|
+
$value: '{base.color.neutral.0}',
|
|
1338
1338
|
$type: 'color',
|
|
1339
1339
|
$extensions: {
|
|
1340
1340
|
'org.primer.figma': {
|
|
@@ -1506,7 +1506,7 @@
|
|
|
1506
1506
|
},
|
|
1507
1507
|
},
|
|
1508
1508
|
hover: {
|
|
1509
|
-
$value: '{base.color.
|
|
1509
|
+
$value: '{base.color.neutral.0}',
|
|
1510
1510
|
$type: 'color',
|
|
1511
1511
|
$extensions: {
|
|
1512
1512
|
'org.primer.figma': {
|
|
@@ -1534,7 +1534,7 @@
|
|
|
1534
1534
|
},
|
|
1535
1535
|
inactive: {
|
|
1536
1536
|
fgColor: {
|
|
1537
|
-
$value: '{base.color.
|
|
1537
|
+
$value: '{base.color.neutral.3}',
|
|
1538
1538
|
$type: 'color',
|
|
1539
1539
|
$extensions: {
|
|
1540
1540
|
'org.primer.figma': {
|
|
@@ -1546,7 +1546,7 @@
|
|
|
1546
1546
|
},
|
|
1547
1547
|
},
|
|
1548
1548
|
bgColor: {
|
|
1549
|
-
$value: '{base.color.
|
|
1549
|
+
$value: '{base.color.neutral.7}',
|
|
1550
1550
|
$type: 'color',
|
|
1551
1551
|
$extensions: {
|
|
1552
1552
|
'org.primer.figma': {
|
|
@@ -1577,7 +1577,7 @@
|
|
|
1577
1577
|
default: {
|
|
1578
1578
|
bgColor: {
|
|
1579
1579
|
rest: {
|
|
1580
|
-
$value: '{base.color.
|
|
1580
|
+
$value: '{base.color.neutral.6}',
|
|
1581
1581
|
$type: 'color',
|
|
1582
1582
|
$extensions: {
|
|
1583
1583
|
'org.primer.figma': {
|
|
@@ -1593,7 +1593,7 @@
|
|
|
1593
1593
|
invisible: {
|
|
1594
1594
|
bgColor: {
|
|
1595
1595
|
rest: {
|
|
1596
|
-
$value: '{base.color.
|
|
1596
|
+
$value: '{base.color.neutral.6}',
|
|
1597
1597
|
$type: 'color',
|
|
1598
1598
|
$extensions: {
|
|
1599
1599
|
'org.primer.figma': {
|
|
@@ -1867,7 +1867,7 @@
|
|
|
1867
1867
|
},
|
|
1868
1868
|
header: {
|
|
1869
1869
|
bgColor: {
|
|
1870
|
-
$value: '{base.color.
|
|
1870
|
+
$value: '{base.color.neutral.8}',
|
|
1871
1871
|
$type: 'color',
|
|
1872
1872
|
$extensions: {
|
|
1873
1873
|
'org.primer.figma': {
|
|
@@ -1894,7 +1894,7 @@
|
|
|
1894
1894
|
alpha: 0.7,
|
|
1895
1895
|
},
|
|
1896
1896
|
logo: {
|
|
1897
|
-
$value: '{base.color.
|
|
1897
|
+
$value: '{base.color.neutral.0}',
|
|
1898
1898
|
$type: 'color',
|
|
1899
1899
|
$extensions: {
|
|
1900
1900
|
'org.primer.figma': {
|
|
@@ -1908,7 +1908,7 @@
|
|
|
1908
1908
|
},
|
|
1909
1909
|
borderColor: {
|
|
1910
1910
|
divider: {
|
|
1911
|
-
$value: '{base.color.
|
|
1911
|
+
$value: '{base.color.neutral.3}',
|
|
1912
1912
|
$type: 'color',
|
|
1913
1913
|
$extensions: {
|
|
1914
1914
|
'org.primer.figma': {
|
|
@@ -1923,7 +1923,7 @@
|
|
|
1923
1923
|
},
|
|
1924
1924
|
headerSearch: {
|
|
1925
1925
|
bgColor: {
|
|
1926
|
-
$value: '{base.color.
|
|
1926
|
+
$value: '{base.color.neutral.9}',
|
|
1927
1927
|
$type: 'color',
|
|
1928
1928
|
$extensions: {
|
|
1929
1929
|
'org.primer.figma': {
|
|
@@ -1935,7 +1935,7 @@
|
|
|
1935
1935
|
},
|
|
1936
1936
|
},
|
|
1937
1937
|
borderColor: {
|
|
1938
|
-
$value: '{base.color.
|
|
1938
|
+
$value: '{base.color.neutral.6}',
|
|
1939
1939
|
$type: 'color',
|
|
1940
1940
|
$extensions: {
|
|
1941
1941
|
'org.primer.figma': {
|
|
@@ -1950,7 +1950,7 @@
|
|
|
1950
1950
|
menu: {
|
|
1951
1951
|
bgColor: {
|
|
1952
1952
|
active: {
|
|
1953
|
-
$value: '{base.color.
|
|
1953
|
+
$value: '{base.color.neutral.8}',
|
|
1954
1954
|
$type: 'color',
|
|
1955
1955
|
$extensions: {
|
|
1956
1956
|
'org.primer.figma': {
|
|
@@ -1965,7 +1965,7 @@
|
|
|
1965
1965
|
},
|
|
1966
1966
|
overlay: {
|
|
1967
1967
|
bgColor: {
|
|
1968
|
-
$value: '{base.color.
|
|
1968
|
+
$value: '{base.color.neutral.8}',
|
|
1969
1969
|
$type: 'color',
|
|
1970
1970
|
$extensions: {
|
|
1971
1971
|
'org.primer.figma': {
|
|
@@ -1989,7 +1989,7 @@
|
|
|
1989
1989
|
},
|
|
1990
1990
|
backdrop: {
|
|
1991
1991
|
bgColor: {
|
|
1992
|
-
$value: '{base.color.
|
|
1992
|
+
$value: '{base.color.neutral.8}',
|
|
1993
1993
|
$type: 'color',
|
|
1994
1994
|
$extensions: {
|
|
1995
1995
|
'org.primer.figma': {
|
|
@@ -2005,7 +2005,7 @@
|
|
|
2005
2005
|
},
|
|
2006
2006
|
selectMenu: {
|
|
2007
2007
|
borderColor: {
|
|
2008
|
-
$value: '{base.color.
|
|
2008
|
+
$value: '{base.color.neutral.5}',
|
|
2009
2009
|
$type: 'color',
|
|
2010
2010
|
$extensions: {
|
|
2011
2011
|
'org.primer.figma': {
|
|
@@ -2034,7 +2034,7 @@
|
|
|
2034
2034
|
sideNav: {
|
|
2035
2035
|
bgColor: {
|
|
2036
2036
|
selected: {
|
|
2037
|
-
$value: '{base.color.
|
|
2037
|
+
$value: '{base.color.neutral.7}',
|
|
2038
2038
|
$type: 'color',
|
|
2039
2039
|
$extensions: {
|
|
2040
2040
|
'org.primer.figma': {
|
|
@@ -2055,7 +2055,7 @@
|
|
|
2055
2055
|
},
|
|
2056
2056
|
timelineBadge: {
|
|
2057
2057
|
bgColor: {
|
|
2058
|
-
$value: '{base.color.
|
|
2058
|
+
$value: '{base.color.neutral.7}',
|
|
2059
2059
|
$type: 'color',
|
|
2060
2060
|
$extensions: {
|
|
2061
2061
|
'org.primer.figma': {
|