@primer/primitives 7.17.0-rc.34cd1021 → 7.17.0-rc.37869577
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/README.md +1 -1
- package/dist/css/functional/typography/typography.css +1 -1
- package/dist/docs/base/typography/typography.json +4 -52
- 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/docs/functional/typography/typography.json +35 -439
- package/dist/fallbacks/functional/typography/typography.json +1 -1
- package/dist/figma/figma.json +0 -8
- 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/figma/typography/typography.json +1 -329
- 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/base/typography/typography.json +4 -52
- 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/dist/styleLint/functional/typography/typography.json +35 -439
- package/package.json +2 -2
- package/src/platforms/figma.ts +0 -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/base/typography/typography.json +4 -28
- 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
- package/src/tokens/functional/typography/typography.json +32 -234
- package/src/transformers/floatToPixel.ts +1 -1
|
@@ -6,12 +6,12 @@
|
|
|
6
6
|
{
|
|
7
7
|
fgColor: {
|
|
8
8
|
muted: {
|
|
9
|
-
$value: '{base.color.
|
|
9
|
+
$value: '{base.color.gray.9}',
|
|
10
10
|
$type: 'color',
|
|
11
11
|
mix: null,
|
|
12
12
|
},
|
|
13
13
|
disabled: {
|
|
14
|
-
$value: '{base.color.
|
|
14
|
+
$value: '{base.color.gray.5}',
|
|
15
15
|
$type: 'color',
|
|
16
16
|
},
|
|
17
17
|
danger: {
|
|
@@ -29,7 +29,7 @@
|
|
|
29
29
|
},
|
|
30
30
|
bgColor: {
|
|
31
31
|
muted: {
|
|
32
|
-
$value: '{base.color.
|
|
32
|
+
$value: '{base.color.gray.1}',
|
|
33
33
|
$type: 'color',
|
|
34
34
|
},
|
|
35
35
|
inset: {
|
|
@@ -38,13 +38,13 @@
|
|
|
38
38
|
},
|
|
39
39
|
neutral: {
|
|
40
40
|
muted: {
|
|
41
|
-
$value: '{base.color.
|
|
41
|
+
$value: '{base.color.gray.1}',
|
|
42
42
|
$type: 'color',
|
|
43
43
|
alpha: 1,
|
|
44
44
|
},
|
|
45
45
|
},
|
|
46
46
|
disabled: {
|
|
47
|
-
$value: '{base.color.
|
|
47
|
+
$value: '{base.color.gray.2}',
|
|
48
48
|
$type: 'color',
|
|
49
49
|
},
|
|
50
50
|
success: {
|
|
@@ -63,17 +63,17 @@
|
|
|
63
63
|
},
|
|
64
64
|
borderColor: {
|
|
65
65
|
default: {
|
|
66
|
-
$value: '{base.color.
|
|
66
|
+
$value: '{base.color.gray.8}',
|
|
67
67
|
$type: 'color',
|
|
68
68
|
},
|
|
69
69
|
muted: {
|
|
70
|
-
$value: '{base.color.
|
|
70
|
+
$value: '{base.color.gray.4}',
|
|
71
71
|
$type: 'color',
|
|
72
72
|
alpha: 1,
|
|
73
73
|
},
|
|
74
74
|
neutral: {
|
|
75
75
|
muted: {
|
|
76
|
-
$value: '{base.color.
|
|
76
|
+
$value: '{base.color.gray.4}',
|
|
77
77
|
$type: 'color',
|
|
78
78
|
alpha: 1,
|
|
79
79
|
},
|
|
@@ -159,27 +159,27 @@
|
|
|
159
159
|
control: {
|
|
160
160
|
bgColor: {
|
|
161
161
|
rest: {
|
|
162
|
-
$value: '{base.color.
|
|
162
|
+
$value: '{base.color.gray.1}',
|
|
163
163
|
$type: 'color',
|
|
164
164
|
},
|
|
165
165
|
hover: {
|
|
166
|
-
$value: '{base.color.
|
|
166
|
+
$value: '{base.color.gray.1}',
|
|
167
167
|
$type: 'color',
|
|
168
168
|
mix: {
|
|
169
|
-
color: '{base.color.
|
|
169
|
+
color: '{base.color.gray.3}',
|
|
170
170
|
weight: 0.2,
|
|
171
171
|
},
|
|
172
172
|
},
|
|
173
173
|
active: {
|
|
174
|
-
$value: '{base.color.
|
|
174
|
+
$value: '{base.color.gray.1}',
|
|
175
175
|
$type: 'color',
|
|
176
176
|
mix: {
|
|
177
|
-
color: '{base.color.
|
|
177
|
+
color: '{base.color.gray.3}',
|
|
178
178
|
weight: 0.4,
|
|
179
179
|
},
|
|
180
180
|
},
|
|
181
181
|
selected: {
|
|
182
|
-
$value: '{base.color.
|
|
182
|
+
$value: '{base.color.gray.3}',
|
|
183
183
|
$type: 'color',
|
|
184
184
|
},
|
|
185
185
|
},
|
|
@@ -193,19 +193,19 @@
|
|
|
193
193
|
transparent: {
|
|
194
194
|
bgColor: {
|
|
195
195
|
hover: {
|
|
196
|
-
$value: '{base.color.
|
|
196
|
+
$value: '{base.color.gray.1}',
|
|
197
197
|
$type: 'color',
|
|
198
198
|
alpha: null,
|
|
199
199
|
mix: null,
|
|
200
200
|
},
|
|
201
201
|
active: {
|
|
202
|
-
$value: '{base.color.
|
|
202
|
+
$value: '{base.color.gray.2}',
|
|
203
203
|
$type: 'color',
|
|
204
204
|
alpha: null,
|
|
205
205
|
mix: null,
|
|
206
206
|
},
|
|
207
207
|
selected: {
|
|
208
|
-
$value: '{base.color.
|
|
208
|
+
$value: '{base.color.gray.2}',
|
|
209
209
|
$type: 'color',
|
|
210
210
|
},
|
|
211
211
|
},
|
|
@@ -245,22 +245,22 @@
|
|
|
245
245
|
controlTrack: {
|
|
246
246
|
bgColor: {
|
|
247
247
|
rest: {
|
|
248
|
-
$value: '{base.color.
|
|
248
|
+
$value: '{base.color.gray.3}',
|
|
249
249
|
$type: 'color',
|
|
250
250
|
},
|
|
251
251
|
hover: {
|
|
252
|
-
$value: '{base.color.
|
|
252
|
+
$value: '{base.color.gray.3}',
|
|
253
253
|
$type: 'color',
|
|
254
254
|
mix: {
|
|
255
|
-
color: '{base.color.
|
|
255
|
+
color: '{base.color.gray.5}',
|
|
256
256
|
weight: 0.2,
|
|
257
257
|
},
|
|
258
258
|
},
|
|
259
259
|
active: {
|
|
260
|
-
$value: '{base.color.
|
|
260
|
+
$value: '{base.color.gray.3}',
|
|
261
261
|
$type: 'color',
|
|
262
262
|
mix: {
|
|
263
|
-
color: '{base.color.
|
|
263
|
+
color: '{base.color.gray.5}',
|
|
264
264
|
weight: 0.4,
|
|
265
265
|
},
|
|
266
266
|
},
|
|
@@ -349,12 +349,12 @@
|
|
|
349
349
|
},
|
|
350
350
|
bgColor: {
|
|
351
351
|
hover: {
|
|
352
|
-
$value: '{base.color.
|
|
352
|
+
$value: '{base.color.gray.8}',
|
|
353
353
|
$type: 'color',
|
|
354
354
|
alpha: 1,
|
|
355
355
|
},
|
|
356
356
|
active: {
|
|
357
|
-
$value: '{base.color.
|
|
357
|
+
$value: '{base.color.gray.6}',
|
|
358
358
|
$type: 'color',
|
|
359
359
|
alpha: 1,
|
|
360
360
|
},
|
|
@@ -425,7 +425,7 @@
|
|
|
425
425
|
header: {
|
|
426
426
|
borderColor: {
|
|
427
427
|
divider: {
|
|
428
|
-
$value: '{base.color.
|
|
428
|
+
$value: '{base.color.gray.3}',
|
|
429
429
|
$type: 'color',
|
|
430
430
|
},
|
|
431
431
|
},
|
|
@@ -19,7 +19,7 @@
|
|
|
19
19
|
},
|
|
20
20
|
closed: {
|
|
21
21
|
'@': {
|
|
22
|
-
$value: '{base.color.
|
|
22
|
+
$value: '{base.color.gray.5}',
|
|
23
23
|
$type: 'color',
|
|
24
24
|
},
|
|
25
25
|
},
|
|
@@ -72,12 +72,12 @@
|
|
|
72
72
|
},
|
|
73
73
|
closed: {
|
|
74
74
|
muted: {
|
|
75
|
-
$value: '{base.color.
|
|
75
|
+
$value: '{base.color.gray.3}',
|
|
76
76
|
$type: 'color',
|
|
77
77
|
alpha: 0.4,
|
|
78
78
|
},
|
|
79
79
|
emphasis: {
|
|
80
|
-
$value: '{base.color.
|
|
80
|
+
$value: '{base.color.gray.5}',
|
|
81
81
|
$type: 'color',
|
|
82
82
|
},
|
|
83
83
|
},
|
|
@@ -96,12 +96,12 @@
|
|
|
96
96
|
},
|
|
97
97
|
closed: {
|
|
98
98
|
muted: {
|
|
99
|
-
$value: '{base.color.
|
|
99
|
+
$value: '{base.color.gray.3}',
|
|
100
100
|
$type: 'color',
|
|
101
101
|
alpha: 0.4,
|
|
102
102
|
},
|
|
103
103
|
emphasis: {
|
|
104
|
-
$value: '{base.color.
|
|
104
|
+
$value: '{base.color.gray.5}',
|
|
105
105
|
$type: 'color',
|
|
106
106
|
},
|
|
107
107
|
},
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
},
|
|
26
26
|
closed: {
|
|
27
27
|
'@': {
|
|
28
|
-
$value: '{base.color.
|
|
28
|
+
$value: '{base.color.gray.5}',
|
|
29
29
|
$type: 'color',
|
|
30
30
|
},
|
|
31
31
|
},
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
},
|
|
68
68
|
closed: {
|
|
69
69
|
muted: {
|
|
70
|
-
$value: '{base.color.
|
|
70
|
+
$value: '{base.color.gray.0}',
|
|
71
71
|
$type: 'color',
|
|
72
72
|
},
|
|
73
73
|
emphasis: {
|
|
74
|
-
$value: '{base.color.
|
|
74
|
+
$value: '{base.color.gray.5}',
|
|
75
75
|
$type: 'color',
|
|
76
76
|
},
|
|
77
77
|
},
|
|
@@ -112,12 +112,12 @@
|
|
|
112
112
|
},
|
|
113
113
|
closed: {
|
|
114
114
|
muted: {
|
|
115
|
-
$value: '{base.color.
|
|
115
|
+
$value: '{base.color.gray.3}',
|
|
116
116
|
$type: 'color',
|
|
117
117
|
alpha: 0.4,
|
|
118
118
|
},
|
|
119
119
|
emphasis: {
|
|
120
|
-
$value: '{base.color.
|
|
120
|
+
$value: '{base.color.gray.5}',
|
|
121
121
|
$type: 'color',
|
|
122
122
|
},
|
|
123
123
|
},
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
fade: {
|
|
31
31
|
bgColor: {
|
|
32
32
|
default: {
|
|
33
|
-
$value: '{base.color.
|
|
33
|
+
$value: '{base.color.gray.3}',
|
|
34
34
|
$type: 'color',
|
|
35
35
|
$extensions: {
|
|
36
36
|
'org.primer.figma': {
|
|
@@ -42,7 +42,7 @@
|
|
|
42
42
|
},
|
|
43
43
|
},
|
|
44
44
|
muted: {
|
|
45
|
-
$value: '{base.color.
|
|
45
|
+
$value: '{base.color.gray.2}',
|
|
46
46
|
$type: 'color',
|
|
47
47
|
$extensions: {
|
|
48
48
|
'org.primer.figma': {
|
|
@@ -59,7 +59,7 @@
|
|
|
59
59
|
control: {
|
|
60
60
|
bgColor: {
|
|
61
61
|
rest: {
|
|
62
|
-
$value: '{base.color.
|
|
62
|
+
$value: '{base.color.gray.0}',
|
|
63
63
|
$type: 'color',
|
|
64
64
|
$extensions: {
|
|
65
65
|
'org.primer.figma': {
|
|
@@ -71,7 +71,7 @@
|
|
|
71
71
|
},
|
|
72
72
|
},
|
|
73
73
|
hover: {
|
|
74
|
-
$value: '{base.color.
|
|
74
|
+
$value: '{base.color.gray.0}',
|
|
75
75
|
$type: 'color',
|
|
76
76
|
$extensions: {
|
|
77
77
|
'org.primer.figma': {
|
|
@@ -82,12 +82,12 @@
|
|
|
82
82
|
},
|
|
83
83
|
},
|
|
84
84
|
mix: {
|
|
85
|
-
color: '{base.color.
|
|
85
|
+
color: '{base.color.gray.2}',
|
|
86
86
|
weight: 0.2,
|
|
87
87
|
},
|
|
88
88
|
},
|
|
89
89
|
active: {
|
|
90
|
-
$value: '{base.color.
|
|
90
|
+
$value: '{base.color.gray.0}',
|
|
91
91
|
$type: 'color',
|
|
92
92
|
$extensions: {
|
|
93
93
|
'org.primer.figma': {
|
|
@@ -98,7 +98,7 @@
|
|
|
98
98
|
},
|
|
99
99
|
},
|
|
100
100
|
mix: {
|
|
101
|
-
color: '{base.color.
|
|
101
|
+
color: '{base.color.gray.2}',
|
|
102
102
|
weight: 0.4,
|
|
103
103
|
},
|
|
104
104
|
},
|
|
@@ -115,7 +115,7 @@
|
|
|
115
115
|
},
|
|
116
116
|
},
|
|
117
117
|
selected: {
|
|
118
|
-
$value: '{base.color.
|
|
118
|
+
$value: '{base.color.gray.0}',
|
|
119
119
|
$type: 'color',
|
|
120
120
|
$extensions: {
|
|
121
121
|
'org.primer.figma': {
|
|
@@ -129,7 +129,7 @@
|
|
|
129
129
|
},
|
|
130
130
|
fgColor: {
|
|
131
131
|
rest: {
|
|
132
|
-
$value: '{base.color.
|
|
132
|
+
$value: '{base.color.gray.9}',
|
|
133
133
|
$type: 'color',
|
|
134
134
|
$extensions: {
|
|
135
135
|
'org.primer.figma': {
|
|
@@ -141,7 +141,7 @@
|
|
|
141
141
|
},
|
|
142
142
|
},
|
|
143
143
|
placeholder: {
|
|
144
|
-
$value: '{base.color.
|
|
144
|
+
$value: '{base.color.gray.5}',
|
|
145
145
|
$type: 'color',
|
|
146
146
|
$extensions: {
|
|
147
147
|
'org.primer.figma': {
|
|
@@ -179,7 +179,7 @@
|
|
|
179
179
|
},
|
|
180
180
|
},
|
|
181
181
|
emphasis: {
|
|
182
|
-
$value: '{base.color.
|
|
182
|
+
$value: '{base.color.gray.4}',
|
|
183
183
|
$type: 'color',
|
|
184
184
|
$extensions: {
|
|
185
185
|
'org.primer.figma': {
|
|
@@ -190,7 +190,7 @@
|
|
|
190
190
|
},
|
|
191
191
|
},
|
|
192
192
|
mix: {
|
|
193
|
-
color: '{base.color.
|
|
193
|
+
color: '{base.color.gray.5}',
|
|
194
194
|
weight: 0.2,
|
|
195
195
|
},
|
|
196
196
|
},
|
|
@@ -207,7 +207,7 @@
|
|
|
207
207
|
},
|
|
208
208
|
},
|
|
209
209
|
selected: {
|
|
210
|
-
$value: '{base.color.
|
|
210
|
+
$value: '{base.color.gray.0}',
|
|
211
211
|
$type: 'color',
|
|
212
212
|
$extensions: {
|
|
213
213
|
'org.primer.figma': {
|
|
@@ -284,7 +284,7 @@
|
|
|
284
284
|
},
|
|
285
285
|
},
|
|
286
286
|
hover: {
|
|
287
|
-
$value: '{base.color.
|
|
287
|
+
$value: '{base.color.gray.2}',
|
|
288
288
|
$type: 'color',
|
|
289
289
|
$extensions: {
|
|
290
290
|
'org.primer.figma': {
|
|
@@ -297,7 +297,7 @@
|
|
|
297
297
|
alpha: 0.2,
|
|
298
298
|
},
|
|
299
299
|
active: {
|
|
300
|
-
$value: '{base.color.
|
|
300
|
+
$value: '{base.color.gray.2}',
|
|
301
301
|
$type: 'color',
|
|
302
302
|
$extensions: {
|
|
303
303
|
'org.primer.figma': {
|
|
@@ -322,7 +322,7 @@
|
|
|
322
322
|
},
|
|
323
323
|
},
|
|
324
324
|
selected: {
|
|
325
|
-
$value: '{base.color.
|
|
325
|
+
$value: '{base.color.gray.2}',
|
|
326
326
|
$type: 'color',
|
|
327
327
|
$extensions: {
|
|
328
328
|
'org.primer.figma': {
|
|
@@ -577,7 +577,7 @@
|
|
|
577
577
|
controlTrack: {
|
|
578
578
|
bgColor: {
|
|
579
579
|
rest: {
|
|
580
|
-
$value: '{base.color.
|
|
580
|
+
$value: '{base.color.gray.1}',
|
|
581
581
|
$type: 'color',
|
|
582
582
|
$extensions: {
|
|
583
583
|
'org.primer.figma': {
|
|
@@ -589,7 +589,7 @@
|
|
|
589
589
|
},
|
|
590
590
|
},
|
|
591
591
|
hover: {
|
|
592
|
-
$value: '{base.color.
|
|
592
|
+
$value: '{base.color.gray.1}',
|
|
593
593
|
$type: 'color',
|
|
594
594
|
$extensions: {
|
|
595
595
|
'org.primer.figma': {
|
|
@@ -600,12 +600,12 @@
|
|
|
600
600
|
},
|
|
601
601
|
},
|
|
602
602
|
mix: {
|
|
603
|
-
color: '{base.color.
|
|
603
|
+
color: '{base.color.gray.3}',
|
|
604
604
|
weight: 0.2,
|
|
605
605
|
},
|
|
606
606
|
},
|
|
607
607
|
active: {
|
|
608
|
-
$value: '{base.color.
|
|
608
|
+
$value: '{base.color.gray.1}',
|
|
609
609
|
$type: 'color',
|
|
610
610
|
$extensions: {
|
|
611
611
|
'org.primer.figma': {
|
|
@@ -616,7 +616,7 @@
|
|
|
616
616
|
},
|
|
617
617
|
},
|
|
618
618
|
mix: {
|
|
619
|
-
color: '{base.color.
|
|
619
|
+
color: '{base.color.gray.3}',
|
|
620
620
|
weight: 0.4,
|
|
621
621
|
},
|
|
622
622
|
},
|
|
@@ -1316,7 +1316,7 @@
|
|
|
1316
1316
|
},
|
|
1317
1317
|
},
|
|
1318
1318
|
disabled: {
|
|
1319
|
-
$value: '{base.color.
|
|
1319
|
+
$value: '{base.color.gray.0}',
|
|
1320
1320
|
$type: 'color',
|
|
1321
1321
|
$extensions: {
|
|
1322
1322
|
'org.primer.figma': {
|
|
@@ -1530,7 +1530,7 @@
|
|
|
1530
1530
|
},
|
|
1531
1531
|
inactive: {
|
|
1532
1532
|
fgColor: {
|
|
1533
|
-
$value: '{base.color.
|
|
1533
|
+
$value: '{base.color.gray.6}',
|
|
1534
1534
|
$type: 'color',
|
|
1535
1535
|
$extensions: {
|
|
1536
1536
|
'org.primer.figma': {
|
|
@@ -1542,7 +1542,7 @@
|
|
|
1542
1542
|
},
|
|
1543
1543
|
},
|
|
1544
1544
|
bgColor: {
|
|
1545
|
-
$value: '{base.color.
|
|
1545
|
+
$value: '{base.color.gray.1}',
|
|
1546
1546
|
$type: 'color',
|
|
1547
1547
|
$extensions: {
|
|
1548
1548
|
'org.primer.figma': {
|
|
@@ -1864,7 +1864,7 @@
|
|
|
1864
1864
|
},
|
|
1865
1865
|
header: {
|
|
1866
1866
|
bgColor: {
|
|
1867
|
-
$value: '{base.color.
|
|
1867
|
+
$value: '{base.color.gray.9}',
|
|
1868
1868
|
$type: 'color',
|
|
1869
1869
|
$extensions: {
|
|
1870
1870
|
'org.primer.figma': {
|
|
@@ -1904,7 +1904,7 @@
|
|
|
1904
1904
|
},
|
|
1905
1905
|
borderColor: {
|
|
1906
1906
|
divider: {
|
|
1907
|
-
$value: '{base.color.
|
|
1907
|
+
$value: '{base.color.gray.6}',
|
|
1908
1908
|
$type: 'color',
|
|
1909
1909
|
$extensions: {
|
|
1910
1910
|
'org.primer.figma': {
|
|
@@ -1919,7 +1919,7 @@
|
|
|
1919
1919
|
},
|
|
1920
1920
|
headerSearch: {
|
|
1921
1921
|
bgColor: {
|
|
1922
|
-
$value: '{base.color.
|
|
1922
|
+
$value: '{base.color.gray.9}',
|
|
1923
1923
|
$type: 'color',
|
|
1924
1924
|
$extensions: {
|
|
1925
1925
|
'org.primer.figma': {
|
|
@@ -1931,7 +1931,7 @@
|
|
|
1931
1931
|
},
|
|
1932
1932
|
},
|
|
1933
1933
|
borderColor: {
|
|
1934
|
-
$value: '{base.color.
|
|
1934
|
+
$value: '{base.color.gray.6}',
|
|
1935
1935
|
$type: 'color',
|
|
1936
1936
|
$extensions: {
|
|
1937
1937
|
'org.primer.figma': {
|
|
@@ -1986,7 +1986,7 @@
|
|
|
1986
1986
|
},
|
|
1987
1987
|
backdrop: {
|
|
1988
1988
|
bgColor: {
|
|
1989
|
-
$value: '{base.color.
|
|
1989
|
+
$value: '{base.color.gray.4}',
|
|
1990
1990
|
$type: 'color',
|
|
1991
1991
|
$extensions: {
|
|
1992
1992
|
'org.primer.figma': {
|
|
@@ -2052,7 +2052,7 @@
|
|
|
2052
2052
|
},
|
|
2053
2053
|
timelineBadge: {
|
|
2054
2054
|
bgColor: {
|
|
2055
|
-
$value: '{base.color.
|
|
2055
|
+
$value: '{base.color.gray.1}',
|
|
2056
2056
|
$type: 'color',
|
|
2057
2057
|
$extensions: {
|
|
2058
2058
|
'org.primer.figma': {
|
|
@@ -16,7 +16,7 @@
|
|
|
16
16
|
},
|
|
17
17
|
},
|
|
18
18
|
muted: {
|
|
19
|
-
$value: '{base.color.
|
|
19
|
+
$value: '{base.color.gray.6}',
|
|
20
20
|
$type: 'color',
|
|
21
21
|
$extensions: {
|
|
22
22
|
'org.primer.figma': {
|
|
@@ -30,7 +30,7 @@
|
|
|
30
30
|
},
|
|
31
31
|
},
|
|
32
32
|
mix: {
|
|
33
|
-
color: '{base.color.
|
|
33
|
+
color: '{base.color.gray.5}',
|
|
34
34
|
weight: 0.5,
|
|
35
35
|
},
|
|
36
36
|
},
|
|
@@ -74,7 +74,7 @@
|
|
|
74
74
|
},
|
|
75
75
|
},
|
|
76
76
|
disabled: {
|
|
77
|
-
$value: '{base.color.
|
|
77
|
+
$value: '{base.color.gray.4}',
|
|
78
78
|
$type: 'color',
|
|
79
79
|
$extensions: {
|
|
80
80
|
'org.primer.figma': {
|
|
@@ -104,7 +104,7 @@
|
|
|
104
104
|
},
|
|
105
105
|
neutral: {
|
|
106
106
|
'@': {
|
|
107
|
-
$value: '{base.color.
|
|
107
|
+
$value: '{base.color.gray.5}',
|
|
108
108
|
$type: 'color',
|
|
109
109
|
$extensions: {
|
|
110
110
|
'org.primer.figma': {
|
|
@@ -308,7 +308,7 @@
|
|
|
308
308
|
},
|
|
309
309
|
},
|
|
310
310
|
muted: {
|
|
311
|
-
$value: '{base.color.
|
|
311
|
+
$value: '{base.color.gray.0}',
|
|
312
312
|
$type: 'color',
|
|
313
313
|
$extensions: {
|
|
314
314
|
'org.primer.figma': {
|
|
@@ -323,7 +323,7 @@
|
|
|
323
323
|
},
|
|
324
324
|
},
|
|
325
325
|
inset: {
|
|
326
|
-
$value: '{base.color.
|
|
326
|
+
$value: '{base.color.gray.0}',
|
|
327
327
|
$type: 'color',
|
|
328
328
|
$extensions: {
|
|
329
329
|
'org.primer.figma': {
|
|
@@ -338,7 +338,7 @@
|
|
|
338
338
|
},
|
|
339
339
|
},
|
|
340
340
|
emphasis: {
|
|
341
|
-
$value: '{base.color.
|
|
341
|
+
$value: '{base.color.gray.9}',
|
|
342
342
|
$type: 'color',
|
|
343
343
|
$extensions: {
|
|
344
344
|
'org.primer.figma': {
|
|
@@ -353,7 +353,7 @@
|
|
|
353
353
|
},
|
|
354
354
|
},
|
|
355
355
|
inverse: {
|
|
356
|
-
$value: '{base.color.
|
|
356
|
+
$value: '{base.color.gray.9}',
|
|
357
357
|
$type: 'color',
|
|
358
358
|
$extensions: {
|
|
359
359
|
'org.primer.figma': {
|
|
@@ -389,7 +389,7 @@
|
|
|
389
389
|
},
|
|
390
390
|
},
|
|
391
391
|
disabled: {
|
|
392
|
-
$value: '{base.color.
|
|
392
|
+
$value: '{base.color.gray.1}',
|
|
393
393
|
$type: 'color',
|
|
394
394
|
$extensions: {
|
|
395
395
|
'org.primer.figma': {
|
|
@@ -418,7 +418,7 @@
|
|
|
418
418
|
},
|
|
419
419
|
neutral: {
|
|
420
420
|
muted: {
|
|
421
|
-
$value: '{base.color.
|
|
421
|
+
$value: '{base.color.gray.3}',
|
|
422
422
|
$type: 'color',
|
|
423
423
|
$extensions: {
|
|
424
424
|
'org.primer.figma': {
|
|
@@ -431,7 +431,7 @@
|
|
|
431
431
|
alpha: 0.2,
|
|
432
432
|
},
|
|
433
433
|
emphasis: {
|
|
434
|
-
$value: '{base.color.
|
|
434
|
+
$value: '{base.color.gray.5}',
|
|
435
435
|
$type: 'color',
|
|
436
436
|
$extensions: {
|
|
437
437
|
'org.primer.figma': {
|
|
@@ -770,7 +770,7 @@
|
|
|
770
770
|
},
|
|
771
771
|
borderColor: {
|
|
772
772
|
default: {
|
|
773
|
-
$value: '{base.color.
|
|
773
|
+
$value: '{base.color.gray.2}',
|
|
774
774
|
$type: 'color',
|
|
775
775
|
$extensions: {
|
|
776
776
|
'org.primer.figma': {
|
|
@@ -801,7 +801,7 @@
|
|
|
801
801
|
alpha: 0.7,
|
|
802
802
|
},
|
|
803
803
|
emphasis: {
|
|
804
|
-
$value: '{base.color.
|
|
804
|
+
$value: '{base.color.gray.5}',
|
|
805
805
|
$type: 'color',
|
|
806
806
|
$extensions: {
|
|
807
807
|
'org.primer.figma': {
|
|
@@ -838,7 +838,7 @@
|
|
|
838
838
|
},
|
|
839
839
|
neutral: {
|
|
840
840
|
muted: {
|
|
841
|
-
$value: '{base.color.
|
|
841
|
+
$value: '{base.color.gray.3}',
|
|
842
842
|
$type: 'color',
|
|
843
843
|
$extensions: {
|
|
844
844
|
'org.primer.figma': {
|
|
@@ -851,7 +851,7 @@
|
|
|
851
851
|
alpha: 0.2,
|
|
852
852
|
},
|
|
853
853
|
emphasis: {
|
|
854
|
-
$value: '{base.color.
|
|
854
|
+
$value: '{base.color.gray.5}',
|
|
855
855
|
$type: 'color',
|
|
856
856
|
$extensions: {
|
|
857
857
|
'org.primer.figma': {
|