@primer/primitives 10.0.0-rc.d2acd2c0 → 10.0.0-rc.dd3dde40
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 +2 -2
- package/dist/build/PrimerStyleDictionary.js +27 -26
- package/dist/build/filters/isCubicBezier.d.ts +7 -0
- package/dist/build/filters/isCubicBezier.js +10 -0
- package/dist/build/formats/typescriptExportDefinition.js +2 -2
- package/dist/build/parsers/w3cJsonParser.js +2 -2
- package/dist/build/platforms/css.js +1 -0
- package/dist/build/schemas/borderToken.d.ts +3 -3
- package/dist/build/schemas/colorToken.d.ts +3 -3
- package/dist/build/schemas/cubicBezierToken.d.ts +18 -0
- package/dist/build/schemas/cubicBezierToken.js +8 -0
- package/dist/build/schemas/designToken.js +2 -1
- package/dist/build/schemas/dimensionToken.d.ts +3 -3
- package/dist/build/schemas/durationToken.d.ts +3 -3
- package/dist/build/schemas/fontFamilyToken.d.ts +3 -3
- package/dist/build/schemas/fontWeightToken.d.ts +3 -3
- package/dist/build/schemas/numberToken.d.ts +3 -3
- package/dist/build/schemas/shadowToken.d.ts +3 -3
- package/dist/build/schemas/stringToken.d.ts +3 -3
- package/dist/build/schemas/tokenType.d.ts +1 -1
- package/dist/build/schemas/typographyToken.d.ts +3 -3
- package/dist/build/schemas/validTokenType.d.ts +1 -1
- package/dist/build/schemas/validTokenType.js +1 -0
- package/dist/build/schemas/viewportRangeToken.d.ts +3 -3
- package/dist/build/transformers/cubicBezierToCss.d.ts +8 -0
- package/dist/build/transformers/cubicBezierToCss.js +23 -0
- package/dist/build/transformers/durationToCss.js +2 -2
- package/dist/build/transformers/index.d.ts +1 -0
- package/dist/build/transformers/index.js +1 -0
- package/dist/css/base/motion/motion.css +17 -0
- package/dist/css/functional/motion/motion.css +4 -3
- package/dist/css/functional/themes/dark-colorblind.css +58 -38
- package/dist/css/functional/themes/dark-dimmed.css +44 -24
- package/dist/css/functional/themes/dark-high-contrast.css +42 -22
- package/dist/css/functional/themes/dark-tritanopia.css +44 -24
- package/dist/css/functional/themes/dark.css +42 -22
- package/dist/css/functional/themes/light-colorblind.css +60 -40
- package/dist/css/functional/themes/light-high-contrast.css +44 -24
- package/dist/css/functional/themes/light-tritanopia.css +42 -22
- package/dist/css/functional/themes/light.css +42 -22
- package/dist/css/functional/typography/typography.css +43 -43
- package/dist/css/primitives.css +64 -46
- package/dist/docs/base/motion/motion.json +205 -0
- package/dist/docs/functional/motion/motion.json +18 -3
- package/dist/docs/functional/themes/dark-colorblind.json +564 -282
- package/dist/docs/functional/themes/dark-dimmed.json +580 -276
- package/dist/docs/functional/themes/dark-high-contrast.json +408 -168
- package/dist/docs/functional/themes/dark-tritanopia.json +558 -280
- package/dist/docs/functional/themes/dark.json +564 -276
- package/dist/docs/functional/themes/light-colorblind.json +388 -108
- package/dist/docs/functional/themes/light-high-contrast.json +353 -83
- package/dist/docs/functional/themes/light-tritanopia.json +327 -81
- package/dist/docs/functional/themes/light.json +356 -78
- package/dist/fallbacks/base/motion/motion.json +17 -0
- package/dist/fallbacks/functional/motion/motion.json +1 -0
- package/dist/figma/dimension/dimension.json +518 -518
- package/dist/figma/figma.json +19 -19
- package/dist/figma/scales/dark-dimmed.json +3536 -656
- package/dist/figma/scales/dark-high-constrast.json +3535 -655
- package/dist/figma/scales/dark.json +3371 -491
- package/dist/figma/scales/light-high-constrast.json +3533 -653
- package/dist/figma/scales/light.json +3370 -490
- package/dist/figma/shadows/dark-colorblind.json +285 -285
- package/dist/figma/shadows/dark-dimmed.json +285 -285
- package/dist/figma/shadows/dark-high-contrast.json +285 -285
- package/dist/figma/shadows/dark-tritanopia.json +285 -285
- package/dist/figma/shadows/dark.json +285 -285
- package/dist/figma/shadows/light-colorblind.json +254 -254
- package/dist/figma/shadows/light-high-contrast.json +254 -254
- package/dist/figma/shadows/light-tritanopia.json +254 -254
- package/dist/figma/shadows/light.json +254 -254
- package/dist/figma/themes/dark-colorblind.json +5197 -5068
- package/dist/figma/themes/dark-dimmed.json +5526 -5351
- package/dist/figma/themes/dark-high-contrast.json +4361 -4251
- package/dist/figma/themes/dark-tritanopia.json +5315 -5187
- package/dist/figma/themes/dark.json +5740 -5581
- package/dist/figma/themes/light-colorblind.json +5104 -4929
- package/dist/figma/themes/light-high-contrast.json +4462 -4319
- package/dist/figma/themes/light-tritanopia.json +5176 -5050
- package/dist/figma/themes/light.json +5657 -5500
- package/dist/figma/typography/typography.json +162 -162
- package/dist/internalCss/dark-colorblind.css +58 -38
- package/dist/internalCss/dark-dimmed.css +44 -24
- package/dist/internalCss/dark-high-contrast.css +42 -22
- package/dist/internalCss/dark-tritanopia.css +44 -24
- package/dist/internalCss/dark.css +42 -22
- package/dist/internalCss/light-colorblind.css +60 -40
- package/dist/internalCss/light-high-contrast.css +44 -24
- package/dist/internalCss/light-tritanopia.css +42 -22
- package/dist/internalCss/light.css +42 -22
- package/dist/styleLint/base/motion/motion.json +205 -0
- package/dist/styleLint/functional/motion/motion.json +18 -3
- package/dist/styleLint/functional/themes/dark-colorblind.json +564 -282
- package/dist/styleLint/functional/themes/dark-dimmed.json +580 -276
- package/dist/styleLint/functional/themes/dark-high-contrast.json +407 -167
- package/dist/styleLint/functional/themes/dark-tritanopia.json +558 -280
- package/dist/styleLint/functional/themes/dark.json +564 -276
- package/dist/styleLint/functional/themes/light-colorblind.json +388 -108
- package/dist/styleLint/functional/themes/light-high-contrast.json +353 -83
- package/dist/styleLint/functional/themes/light-tritanopia.json +327 -81
- package/dist/styleLint/functional/themes/light.json +356 -78
- package/package.json +21 -29
- package/src/tokens/base/motion/easing.json5 +26 -0
- package/src/tokens/base/motion/timing.json5 +50 -0
- package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
- package/src/tokens/functional/color/dark/data-vis-dark.json5 +20 -20
- package/src/tokens/functional/color/dark/display-dark.json5 +95 -95
- package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -8
- package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +39 -26
- package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +56 -30
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +37 -14
- package/src/tokens/functional/color/dark/patterns-dark.json5 +16 -4
- package/src/tokens/functional/color/dark/primitives-dark.json5 +1 -1
- package/src/tokens/functional/color/light/app-light.json5 +195 -85
- package/src/tokens/functional/color/light/data-vis-light.json5 +20 -20
- package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +25 -25
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +61 -33
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +62 -10
- package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
- package/src/tokens/functional/motion/loading.json5 +1 -1
- package/src/tokens/functional/motion/patterns.json5 +9 -2
|
@@ -86,7 +86,7 @@
|
|
|
86
86
|
"attributes": {},
|
|
87
87
|
"path": ["page", "header", "bgColor"]
|
|
88
88
|
},
|
|
89
|
-
"diffBlob-
|
|
89
|
+
"diffBlob-additionLine-fgColor": {
|
|
90
90
|
"$value": "#1f2328",
|
|
91
91
|
"$type": "color",
|
|
92
92
|
"$extensions": {
|
|
@@ -111,11 +111,40 @@
|
|
|
111
111
|
}
|
|
112
112
|
}
|
|
113
113
|
},
|
|
114
|
-
"name": "diffBlob-
|
|
114
|
+
"name": "diffBlob-additionLine-fgColor",
|
|
115
115
|
"attributes": {},
|
|
116
|
-
"path": ["diffBlob", "
|
|
116
|
+
"path": ["diffBlob", "additionLine", "fgColor"]
|
|
117
117
|
},
|
|
118
|
-
"diffBlob-
|
|
118
|
+
"diffBlob-additionLine-bgColor": {
|
|
119
|
+
"$value": "#dafbe1",
|
|
120
|
+
"$type": "color",
|
|
121
|
+
"$extensions": {
|
|
122
|
+
"org.primer.figma": {
|
|
123
|
+
"collection": "mode",
|
|
124
|
+
"mode": "light",
|
|
125
|
+
"group": "component",
|
|
126
|
+
"scopes": ["bgColor"]
|
|
127
|
+
}
|
|
128
|
+
},
|
|
129
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
130
|
+
"isSource": true,
|
|
131
|
+
"original": {
|
|
132
|
+
"$value": "{bgColor.success.muted}",
|
|
133
|
+
"$type": "color",
|
|
134
|
+
"$extensions": {
|
|
135
|
+
"org.primer.figma": {
|
|
136
|
+
"collection": "mode",
|
|
137
|
+
"mode": "light",
|
|
138
|
+
"group": "component",
|
|
139
|
+
"scopes": ["bgColor"]
|
|
140
|
+
}
|
|
141
|
+
}
|
|
142
|
+
},
|
|
143
|
+
"name": "diffBlob-additionLine-bgColor",
|
|
144
|
+
"attributes": {},
|
|
145
|
+
"path": ["diffBlob", "additionLine", "bgColor"]
|
|
146
|
+
},
|
|
147
|
+
"diffBlob-additionWord-fgColor": {
|
|
119
148
|
"$value": "#1f2328",
|
|
120
149
|
"$type": "color",
|
|
121
150
|
"$extensions": {
|
|
@@ -140,12 +169,12 @@
|
|
|
140
169
|
}
|
|
141
170
|
}
|
|
142
171
|
},
|
|
143
|
-
"name": "diffBlob-
|
|
172
|
+
"name": "diffBlob-additionWord-fgColor",
|
|
144
173
|
"attributes": {},
|
|
145
|
-
"path": ["diffBlob", "
|
|
174
|
+
"path": ["diffBlob", "additionWord", "fgColor"]
|
|
146
175
|
},
|
|
147
|
-
"diffBlob-
|
|
148
|
-
"$value": "#
|
|
176
|
+
"diffBlob-additionWord-bgColor": {
|
|
177
|
+
"$value": "#aceebb",
|
|
149
178
|
"$type": "color",
|
|
150
179
|
"$extensions": {
|
|
151
180
|
"org.primer.figma": {
|
|
@@ -155,10 +184,6 @@
|
|
|
155
184
|
"scopes": ["bgColor"]
|
|
156
185
|
}
|
|
157
186
|
},
|
|
158
|
-
"mix": {
|
|
159
|
-
"color": "#dafbe1",
|
|
160
|
-
"weight": 0.8
|
|
161
|
-
},
|
|
162
187
|
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
163
188
|
"isSource": true,
|
|
164
189
|
"original": {
|
|
@@ -171,46 +196,42 @@
|
|
|
171
196
|
"group": "component",
|
|
172
197
|
"scopes": ["bgColor"]
|
|
173
198
|
}
|
|
174
|
-
},
|
|
175
|
-
"mix": {
|
|
176
|
-
"color": "{base.color.green.0}",
|
|
177
|
-
"weight": 0.8
|
|
178
199
|
}
|
|
179
200
|
},
|
|
180
|
-
"name": "diffBlob-
|
|
201
|
+
"name": "diffBlob-additionWord-bgColor",
|
|
181
202
|
"attributes": {},
|
|
182
|
-
"path": ["diffBlob", "
|
|
203
|
+
"path": ["diffBlob", "additionWord", "bgColor"]
|
|
183
204
|
},
|
|
184
|
-
"diffBlob-
|
|
185
|
-
"$value": "#
|
|
205
|
+
"diffBlob-additionNum-fgColor": {
|
|
206
|
+
"$value": "#1f2328",
|
|
186
207
|
"$type": "color",
|
|
187
208
|
"$extensions": {
|
|
188
209
|
"org.primer.figma": {
|
|
189
210
|
"collection": "mode",
|
|
190
211
|
"mode": "light",
|
|
191
212
|
"group": "component",
|
|
192
|
-
"scopes": ["
|
|
213
|
+
"scopes": ["fgColor"]
|
|
193
214
|
}
|
|
194
215
|
},
|
|
195
216
|
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
196
217
|
"isSource": true,
|
|
197
218
|
"original": {
|
|
198
|
-
"$value": "{
|
|
219
|
+
"$value": "{fgColor.default}",
|
|
199
220
|
"$type": "color",
|
|
200
221
|
"$extensions": {
|
|
201
222
|
"org.primer.figma": {
|
|
202
223
|
"collection": "mode",
|
|
203
224
|
"mode": "light",
|
|
204
225
|
"group": "component",
|
|
205
|
-
"scopes": ["
|
|
226
|
+
"scopes": ["fgColor"]
|
|
206
227
|
}
|
|
207
228
|
}
|
|
208
229
|
},
|
|
209
|
-
"name": "diffBlob-
|
|
230
|
+
"name": "diffBlob-additionNum-fgColor",
|
|
210
231
|
"attributes": {},
|
|
211
|
-
"path": ["diffBlob", "
|
|
232
|
+
"path": ["diffBlob", "additionNum", "fgColor"]
|
|
212
233
|
},
|
|
213
|
-
"diffBlob-
|
|
234
|
+
"diffBlob-additionNum-bgColor": {
|
|
214
235
|
"$value": "#aceebb",
|
|
215
236
|
"$type": "color",
|
|
216
237
|
"$extensions": {
|
|
@@ -235,11 +256,11 @@
|
|
|
235
256
|
}
|
|
236
257
|
}
|
|
237
258
|
},
|
|
238
|
-
"name": "diffBlob-
|
|
259
|
+
"name": "diffBlob-additionNum-bgColor",
|
|
239
260
|
"attributes": {},
|
|
240
|
-
"path": ["diffBlob", "
|
|
261
|
+
"path": ["diffBlob", "additionNum", "bgColor"]
|
|
241
262
|
},
|
|
242
|
-
"diffBlob-
|
|
263
|
+
"diffBlob-deletionLine-fgColor": {
|
|
243
264
|
"$value": "#1f2328",
|
|
244
265
|
"$type": "color",
|
|
245
266
|
"$extensions": {
|
|
@@ -264,11 +285,40 @@
|
|
|
264
285
|
}
|
|
265
286
|
}
|
|
266
287
|
},
|
|
267
|
-
"name": "diffBlob-
|
|
288
|
+
"name": "diffBlob-deletionLine-fgColor",
|
|
268
289
|
"attributes": {},
|
|
269
|
-
"path": ["diffBlob", "
|
|
290
|
+
"path": ["diffBlob", "deletionLine", "fgColor"]
|
|
270
291
|
},
|
|
271
|
-
"diffBlob-
|
|
292
|
+
"diffBlob-deletionLine-bgColor": {
|
|
293
|
+
"$value": "#ffebe9",
|
|
294
|
+
"$type": "color",
|
|
295
|
+
"$extensions": {
|
|
296
|
+
"org.primer.figma": {
|
|
297
|
+
"collection": "mode",
|
|
298
|
+
"mode": "light",
|
|
299
|
+
"group": "component",
|
|
300
|
+
"scopes": ["bgColor"]
|
|
301
|
+
}
|
|
302
|
+
},
|
|
303
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
304
|
+
"isSource": true,
|
|
305
|
+
"original": {
|
|
306
|
+
"$value": "{bgColor.danger.muted}",
|
|
307
|
+
"$type": "color",
|
|
308
|
+
"$extensions": {
|
|
309
|
+
"org.primer.figma": {
|
|
310
|
+
"collection": "mode",
|
|
311
|
+
"mode": "light",
|
|
312
|
+
"group": "component",
|
|
313
|
+
"scopes": ["bgColor"]
|
|
314
|
+
}
|
|
315
|
+
}
|
|
316
|
+
},
|
|
317
|
+
"name": "diffBlob-deletionLine-bgColor",
|
|
318
|
+
"attributes": {},
|
|
319
|
+
"path": ["diffBlob", "deletionLine", "bgColor"]
|
|
320
|
+
},
|
|
321
|
+
"diffBlob-deletionWord-fgColor": {
|
|
272
322
|
"$value": "#1f2328",
|
|
273
323
|
"$type": "color",
|
|
274
324
|
"$extensions": {
|
|
@@ -293,11 +343,11 @@
|
|
|
293
343
|
}
|
|
294
344
|
}
|
|
295
345
|
},
|
|
296
|
-
"name": "diffBlob-
|
|
346
|
+
"name": "diffBlob-deletionWord-fgColor",
|
|
297
347
|
"attributes": {},
|
|
298
|
-
"path": ["diffBlob", "
|
|
348
|
+
"path": ["diffBlob", "deletionWord", "fgColor"]
|
|
299
349
|
},
|
|
300
|
-
"diffBlob-
|
|
350
|
+
"diffBlob-deletionWord-bgColor": {
|
|
301
351
|
"$value": "#ffcecb",
|
|
302
352
|
"$type": "color",
|
|
303
353
|
"$extensions": {
|
|
@@ -322,12 +372,41 @@
|
|
|
322
372
|
}
|
|
323
373
|
}
|
|
324
374
|
},
|
|
325
|
-
"name": "diffBlob-
|
|
375
|
+
"name": "diffBlob-deletionWord-bgColor",
|
|
326
376
|
"attributes": {},
|
|
327
|
-
"path": ["diffBlob", "
|
|
377
|
+
"path": ["diffBlob", "deletionWord", "bgColor"]
|
|
328
378
|
},
|
|
329
|
-
"diffBlob-
|
|
330
|
-
"$value": "#
|
|
379
|
+
"diffBlob-deletionNum-fgColor": {
|
|
380
|
+
"$value": "#1f2328",
|
|
381
|
+
"$type": "color",
|
|
382
|
+
"$extensions": {
|
|
383
|
+
"org.primer.figma": {
|
|
384
|
+
"collection": "mode",
|
|
385
|
+
"mode": "light",
|
|
386
|
+
"group": "component",
|
|
387
|
+
"scopes": ["fgColor"]
|
|
388
|
+
}
|
|
389
|
+
},
|
|
390
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
391
|
+
"isSource": true,
|
|
392
|
+
"original": {
|
|
393
|
+
"$value": "{fgColor.default}",
|
|
394
|
+
"$type": "color",
|
|
395
|
+
"$extensions": {
|
|
396
|
+
"org.primer.figma": {
|
|
397
|
+
"collection": "mode",
|
|
398
|
+
"mode": "light",
|
|
399
|
+
"group": "component",
|
|
400
|
+
"scopes": ["fgColor"]
|
|
401
|
+
}
|
|
402
|
+
}
|
|
403
|
+
},
|
|
404
|
+
"name": "diffBlob-deletionNum-fgColor",
|
|
405
|
+
"attributes": {},
|
|
406
|
+
"path": ["diffBlob", "deletionNum", "fgColor"]
|
|
407
|
+
},
|
|
408
|
+
"diffBlob-deletionNum-bgColor": {
|
|
409
|
+
"$value": "#ffcecb",
|
|
331
410
|
"$type": "color",
|
|
332
411
|
"$extensions": {
|
|
333
412
|
"org.primer.figma": {
|
|
@@ -340,7 +419,7 @@
|
|
|
340
419
|
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
341
420
|
"isSource": true,
|
|
342
421
|
"original": {
|
|
343
|
-
"$value": "{base.color.red.
|
|
422
|
+
"$value": "{base.color.red.1}",
|
|
344
423
|
"$type": "color",
|
|
345
424
|
"$extensions": {
|
|
346
425
|
"org.primer.figma": {
|
|
@@ -351,12 +430,12 @@
|
|
|
351
430
|
}
|
|
352
431
|
}
|
|
353
432
|
},
|
|
354
|
-
"name": "diffBlob-
|
|
433
|
+
"name": "diffBlob-deletionNum-bgColor",
|
|
355
434
|
"attributes": {},
|
|
356
|
-
"path": ["diffBlob", "
|
|
435
|
+
"path": ["diffBlob", "deletionNum", "bgColor"]
|
|
357
436
|
},
|
|
358
|
-
"diffBlob-
|
|
359
|
-
"$value": "#
|
|
437
|
+
"diffBlob-hunkLine-bgColor": {
|
|
438
|
+
"$value": "#ddf4ff",
|
|
360
439
|
"$type": "color",
|
|
361
440
|
"$extensions": {
|
|
362
441
|
"org.primer.figma": {
|
|
@@ -366,11 +445,10 @@
|
|
|
366
445
|
"scopes": ["bgColor"]
|
|
367
446
|
}
|
|
368
447
|
},
|
|
369
|
-
"alpha": 0.4,
|
|
370
448
|
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
371
449
|
"isSource": true,
|
|
372
450
|
"original": {
|
|
373
|
-
"$value": "{
|
|
451
|
+
"$value": "{bgColor.accent.muted}",
|
|
374
452
|
"$type": "color",
|
|
375
453
|
"$extensions": {
|
|
376
454
|
"org.primer.figma": {
|
|
@@ -379,15 +457,101 @@
|
|
|
379
457
|
"group": "component",
|
|
380
458
|
"scopes": ["bgColor"]
|
|
381
459
|
}
|
|
382
|
-
}
|
|
383
|
-
"alpha": 0.4
|
|
460
|
+
}
|
|
384
461
|
},
|
|
385
|
-
"name": "diffBlob-
|
|
462
|
+
"name": "diffBlob-hunkLine-bgColor",
|
|
386
463
|
"attributes": {},
|
|
387
|
-
"path": ["diffBlob", "
|
|
464
|
+
"path": ["diffBlob", "hunkLine", "bgColor"]
|
|
388
465
|
},
|
|
389
|
-
"diffBlob-
|
|
390
|
-
"$value": "#
|
|
466
|
+
"diffBlob-hunkLine-fgColor": {
|
|
467
|
+
"$value": "#59636e",
|
|
468
|
+
"$type": "color",
|
|
469
|
+
"$extensions": {
|
|
470
|
+
"org.primer.figma": {
|
|
471
|
+
"collection": "mode",
|
|
472
|
+
"mode": "light",
|
|
473
|
+
"group": "component",
|
|
474
|
+
"scopes": ["fgColor"]
|
|
475
|
+
}
|
|
476
|
+
},
|
|
477
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
478
|
+
"isSource": true,
|
|
479
|
+
"original": {
|
|
480
|
+
"$value": "{fgColor.muted}",
|
|
481
|
+
"$type": "color",
|
|
482
|
+
"$extensions": {
|
|
483
|
+
"org.primer.figma": {
|
|
484
|
+
"collection": "mode",
|
|
485
|
+
"mode": "light",
|
|
486
|
+
"group": "component",
|
|
487
|
+
"scopes": ["fgColor"]
|
|
488
|
+
}
|
|
489
|
+
}
|
|
490
|
+
},
|
|
491
|
+
"name": "diffBlob-hunkLine-fgColor",
|
|
492
|
+
"attributes": {},
|
|
493
|
+
"path": ["diffBlob", "hunkLine", "fgColor"]
|
|
494
|
+
},
|
|
495
|
+
"diffBlob-hunkNum-fgColor-rest": {
|
|
496
|
+
"$value": "#1f2328",
|
|
497
|
+
"$type": "color",
|
|
498
|
+
"$extensions": {
|
|
499
|
+
"org.primer.figma": {
|
|
500
|
+
"collection": "mode",
|
|
501
|
+
"mode": "light",
|
|
502
|
+
"group": "component",
|
|
503
|
+
"scopes": ["fgColor"]
|
|
504
|
+
}
|
|
505
|
+
},
|
|
506
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
507
|
+
"isSource": true,
|
|
508
|
+
"original": {
|
|
509
|
+
"$value": "{fgColor.default}",
|
|
510
|
+
"$type": "color",
|
|
511
|
+
"$extensions": {
|
|
512
|
+
"org.primer.figma": {
|
|
513
|
+
"collection": "mode",
|
|
514
|
+
"mode": "light",
|
|
515
|
+
"group": "component",
|
|
516
|
+
"scopes": ["fgColor"]
|
|
517
|
+
}
|
|
518
|
+
}
|
|
519
|
+
},
|
|
520
|
+
"name": "diffBlob-hunkNum-fgColor-rest",
|
|
521
|
+
"attributes": {},
|
|
522
|
+
"path": ["diffBlob", "hunkNum", "fgColor", "rest"]
|
|
523
|
+
},
|
|
524
|
+
"diffBlob-hunkNum-fgColor-hover": {
|
|
525
|
+
"$value": "#ffffff",
|
|
526
|
+
"$type": "color",
|
|
527
|
+
"$extensions": {
|
|
528
|
+
"org.primer.figma": {
|
|
529
|
+
"collection": "mode",
|
|
530
|
+
"mode": "light",
|
|
531
|
+
"group": "component",
|
|
532
|
+
"scopes": ["fgColor"]
|
|
533
|
+
}
|
|
534
|
+
},
|
|
535
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
536
|
+
"isSource": true,
|
|
537
|
+
"original": {
|
|
538
|
+
"$value": "{fgColor.onEmphasis}",
|
|
539
|
+
"$type": "color",
|
|
540
|
+
"$extensions": {
|
|
541
|
+
"org.primer.figma": {
|
|
542
|
+
"collection": "mode",
|
|
543
|
+
"mode": "light",
|
|
544
|
+
"group": "component",
|
|
545
|
+
"scopes": ["fgColor"]
|
|
546
|
+
}
|
|
547
|
+
}
|
|
548
|
+
},
|
|
549
|
+
"name": "diffBlob-hunkNum-fgColor-hover",
|
|
550
|
+
"attributes": {},
|
|
551
|
+
"path": ["diffBlob", "hunkNum", "fgColor", "hover"]
|
|
552
|
+
},
|
|
553
|
+
"diffBlob-hunkNum-bgColor-rest": {
|
|
554
|
+
"$value": "#b6e3ff",
|
|
391
555
|
"$type": "color",
|
|
392
556
|
"$extensions": {
|
|
393
557
|
"org.primer.figma": {
|
|
@@ -397,11 +561,10 @@
|
|
|
397
561
|
"scopes": ["bgColor"]
|
|
398
562
|
}
|
|
399
563
|
},
|
|
400
|
-
"alpha": 0.4,
|
|
401
564
|
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
402
565
|
"isSource": true,
|
|
403
566
|
"original": {
|
|
404
|
-
"$value": "{base.color.blue.
|
|
567
|
+
"$value": "{base.color.blue.1}",
|
|
405
568
|
"$type": "color",
|
|
406
569
|
"$extensions": {
|
|
407
570
|
"org.primer.figma": {
|
|
@@ -410,12 +573,98 @@
|
|
|
410
573
|
"group": "component",
|
|
411
574
|
"scopes": ["bgColor"]
|
|
412
575
|
}
|
|
413
|
-
}
|
|
414
|
-
"alpha": 0.4
|
|
576
|
+
}
|
|
415
577
|
},
|
|
416
|
-
"name": "diffBlob-
|
|
578
|
+
"name": "diffBlob-hunkNum-bgColor-rest",
|
|
417
579
|
"attributes": {},
|
|
418
|
-
"path": ["diffBlob", "
|
|
580
|
+
"path": ["diffBlob", "hunkNum", "bgColor", "rest"]
|
|
581
|
+
},
|
|
582
|
+
"diffBlob-hunkNum-bgColor-hover": {
|
|
583
|
+
"$value": "#0969da",
|
|
584
|
+
"$type": "color",
|
|
585
|
+
"$extensions": {
|
|
586
|
+
"org.primer.figma": {
|
|
587
|
+
"collection": "mode",
|
|
588
|
+
"mode": "light",
|
|
589
|
+
"group": "component",
|
|
590
|
+
"scopes": ["bgColor"]
|
|
591
|
+
}
|
|
592
|
+
},
|
|
593
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
594
|
+
"isSource": true,
|
|
595
|
+
"original": {
|
|
596
|
+
"$value": "{bgColor.accent.emphasis}",
|
|
597
|
+
"$type": "color",
|
|
598
|
+
"$extensions": {
|
|
599
|
+
"org.primer.figma": {
|
|
600
|
+
"collection": "mode",
|
|
601
|
+
"mode": "light",
|
|
602
|
+
"group": "component",
|
|
603
|
+
"scopes": ["bgColor"]
|
|
604
|
+
}
|
|
605
|
+
}
|
|
606
|
+
},
|
|
607
|
+
"name": "diffBlob-hunkNum-bgColor-hover",
|
|
608
|
+
"attributes": {},
|
|
609
|
+
"path": ["diffBlob", "hunkNum", "bgColor", "hover"]
|
|
610
|
+
},
|
|
611
|
+
"diffBlob-emptyNum-bgColor": {
|
|
612
|
+
"$value": "#f6f8fa",
|
|
613
|
+
"$type": "color",
|
|
614
|
+
"$extensions": {
|
|
615
|
+
"org.primer.figma": {
|
|
616
|
+
"collection": "mode",
|
|
617
|
+
"mode": "light",
|
|
618
|
+
"group": "component",
|
|
619
|
+
"scopes": ["bgColor"]
|
|
620
|
+
}
|
|
621
|
+
},
|
|
622
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
623
|
+
"isSource": true,
|
|
624
|
+
"original": {
|
|
625
|
+
"$value": "{bgColor.muted}",
|
|
626
|
+
"$type": "color",
|
|
627
|
+
"$extensions": {
|
|
628
|
+
"org.primer.figma": {
|
|
629
|
+
"collection": "mode",
|
|
630
|
+
"mode": "light",
|
|
631
|
+
"group": "component",
|
|
632
|
+
"scopes": ["bgColor"]
|
|
633
|
+
}
|
|
634
|
+
}
|
|
635
|
+
},
|
|
636
|
+
"name": "diffBlob-emptyNum-bgColor",
|
|
637
|
+
"attributes": {},
|
|
638
|
+
"path": ["diffBlob", "emptyNum", "bgColor"]
|
|
639
|
+
},
|
|
640
|
+
"diffBlob-emptyLine-bgColor": {
|
|
641
|
+
"$value": "#f6f8fa",
|
|
642
|
+
"$type": "color",
|
|
643
|
+
"$extensions": {
|
|
644
|
+
"org.primer.figma": {
|
|
645
|
+
"collection": "mode",
|
|
646
|
+
"mode": "light",
|
|
647
|
+
"group": "component",
|
|
648
|
+
"scopes": ["bgColor"]
|
|
649
|
+
}
|
|
650
|
+
},
|
|
651
|
+
"filePath": "src/tokens/functional/color/light/app-light.json5",
|
|
652
|
+
"isSource": true,
|
|
653
|
+
"original": {
|
|
654
|
+
"$value": "{bgColor.muted}",
|
|
655
|
+
"$type": "color",
|
|
656
|
+
"$extensions": {
|
|
657
|
+
"org.primer.figma": {
|
|
658
|
+
"collection": "mode",
|
|
659
|
+
"mode": "light",
|
|
660
|
+
"group": "component",
|
|
661
|
+
"scopes": ["bgColor"]
|
|
662
|
+
}
|
|
663
|
+
}
|
|
664
|
+
},
|
|
665
|
+
"name": "diffBlob-emptyLine-bgColor",
|
|
666
|
+
"attributes": {},
|
|
667
|
+
"path": ["diffBlob", "emptyLine", "bgColor"]
|
|
419
668
|
},
|
|
420
669
|
"diffBlob-expander-iconColor": {
|
|
421
670
|
"$value": "#59636e",
|
|
@@ -1181,7 +1430,7 @@
|
|
|
1181
1430
|
"collection": "mode",
|
|
1182
1431
|
"mode": "dark",
|
|
1183
1432
|
"group": "component",
|
|
1184
|
-
"scopes": ["bgColor"]
|
|
1433
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1185
1434
|
}
|
|
1186
1435
|
},
|
|
1187
1436
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1194,7 +1443,7 @@
|
|
|
1194
1443
|
"collection": "mode",
|
|
1195
1444
|
"mode": "dark",
|
|
1196
1445
|
"group": "component",
|
|
1197
|
-
"scopes": ["bgColor"]
|
|
1446
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1198
1447
|
}
|
|
1199
1448
|
}
|
|
1200
1449
|
},
|
|
@@ -1239,7 +1488,7 @@
|
|
|
1239
1488
|
"collection": "mode",
|
|
1240
1489
|
"mode": "dark",
|
|
1241
1490
|
"group": "component",
|
|
1242
|
-
"scopes": ["bgColor"]
|
|
1491
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1243
1492
|
}
|
|
1244
1493
|
},
|
|
1245
1494
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1252,7 +1501,7 @@
|
|
|
1252
1501
|
"collection": "mode",
|
|
1253
1502
|
"mode": "dark",
|
|
1254
1503
|
"group": "component",
|
|
1255
|
-
"scopes": ["bgColor"]
|
|
1504
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1256
1505
|
}
|
|
1257
1506
|
}
|
|
1258
1507
|
},
|
|
@@ -1297,7 +1546,7 @@
|
|
|
1297
1546
|
"collection": "mode",
|
|
1298
1547
|
"mode": "dark",
|
|
1299
1548
|
"group": "component",
|
|
1300
|
-
"scopes": ["bgColor"]
|
|
1549
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1301
1550
|
}
|
|
1302
1551
|
},
|
|
1303
1552
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1310,7 +1559,7 @@
|
|
|
1310
1559
|
"collection": "mode",
|
|
1311
1560
|
"mode": "dark",
|
|
1312
1561
|
"group": "component",
|
|
1313
|
-
"scopes": ["bgColor"]
|
|
1562
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1314
1563
|
}
|
|
1315
1564
|
}
|
|
1316
1565
|
},
|
|
@@ -1355,7 +1604,7 @@
|
|
|
1355
1604
|
"collection": "mode",
|
|
1356
1605
|
"mode": "dark",
|
|
1357
1606
|
"group": "component",
|
|
1358
|
-
"scopes": ["bgColor"]
|
|
1607
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1359
1608
|
}
|
|
1360
1609
|
},
|
|
1361
1610
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1368,7 +1617,7 @@
|
|
|
1368
1617
|
"collection": "mode",
|
|
1369
1618
|
"mode": "dark",
|
|
1370
1619
|
"group": "component",
|
|
1371
|
-
"scopes": ["bgColor"]
|
|
1620
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1372
1621
|
}
|
|
1373
1622
|
}
|
|
1374
1623
|
},
|
|
@@ -1413,7 +1662,7 @@
|
|
|
1413
1662
|
"collection": "mode",
|
|
1414
1663
|
"mode": "dark",
|
|
1415
1664
|
"group": "component",
|
|
1416
|
-
"scopes": ["bgColor"]
|
|
1665
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1417
1666
|
}
|
|
1418
1667
|
},
|
|
1419
1668
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1426,7 +1675,7 @@
|
|
|
1426
1675
|
"collection": "mode",
|
|
1427
1676
|
"mode": "dark",
|
|
1428
1677
|
"group": "component",
|
|
1429
|
-
"scopes": ["bgColor"]
|
|
1678
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1430
1679
|
}
|
|
1431
1680
|
}
|
|
1432
1681
|
},
|
|
@@ -1471,7 +1720,7 @@
|
|
|
1471
1720
|
"collection": "mode",
|
|
1472
1721
|
"mode": "dark",
|
|
1473
1722
|
"group": "component",
|
|
1474
|
-
"scopes": ["bgColor"]
|
|
1723
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1475
1724
|
}
|
|
1476
1725
|
},
|
|
1477
1726
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1484,7 +1733,7 @@
|
|
|
1484
1733
|
"collection": "mode",
|
|
1485
1734
|
"mode": "dark",
|
|
1486
1735
|
"group": "component",
|
|
1487
|
-
"scopes": ["bgColor"]
|
|
1736
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1488
1737
|
}
|
|
1489
1738
|
}
|
|
1490
1739
|
},
|
|
@@ -1529,7 +1778,7 @@
|
|
|
1529
1778
|
"collection": "mode",
|
|
1530
1779
|
"mode": "dark",
|
|
1531
1780
|
"group": "component",
|
|
1532
|
-
"scopes": ["bgColor"]
|
|
1781
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1533
1782
|
}
|
|
1534
1783
|
},
|
|
1535
1784
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1542,7 +1791,7 @@
|
|
|
1542
1791
|
"collection": "mode",
|
|
1543
1792
|
"mode": "dark",
|
|
1544
1793
|
"group": "component",
|
|
1545
|
-
"scopes": ["bgColor"]
|
|
1794
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1546
1795
|
}
|
|
1547
1796
|
}
|
|
1548
1797
|
},
|
|
@@ -1587,7 +1836,7 @@
|
|
|
1587
1836
|
"collection": "mode",
|
|
1588
1837
|
"mode": "dark",
|
|
1589
1838
|
"group": "component",
|
|
1590
|
-
"scopes": ["bgColor"]
|
|
1839
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1591
1840
|
}
|
|
1592
1841
|
},
|
|
1593
1842
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1600,7 +1849,7 @@
|
|
|
1600
1849
|
"collection": "mode",
|
|
1601
1850
|
"mode": "dark",
|
|
1602
1851
|
"group": "component",
|
|
1603
|
-
"scopes": ["bgColor"]
|
|
1852
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1604
1853
|
}
|
|
1605
1854
|
}
|
|
1606
1855
|
},
|
|
@@ -1645,7 +1894,7 @@
|
|
|
1645
1894
|
"collection": "mode",
|
|
1646
1895
|
"mode": "dark",
|
|
1647
1896
|
"group": "component",
|
|
1648
|
-
"scopes": ["bgColor"]
|
|
1897
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1649
1898
|
}
|
|
1650
1899
|
},
|
|
1651
1900
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1658,7 +1907,7 @@
|
|
|
1658
1907
|
"collection": "mode",
|
|
1659
1908
|
"mode": "dark",
|
|
1660
1909
|
"group": "component",
|
|
1661
|
-
"scopes": ["bgColor"]
|
|
1910
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1662
1911
|
}
|
|
1663
1912
|
}
|
|
1664
1913
|
},
|
|
@@ -1703,7 +1952,7 @@
|
|
|
1703
1952
|
"collection": "mode",
|
|
1704
1953
|
"mode": "dark",
|
|
1705
1954
|
"group": "component",
|
|
1706
|
-
"scopes": ["bgColor"]
|
|
1955
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1707
1956
|
}
|
|
1708
1957
|
},
|
|
1709
1958
|
"filePath": "src/tokens/functional/color/light/data-vis-light.json5",
|
|
@@ -1716,7 +1965,7 @@
|
|
|
1716
1965
|
"collection": "mode",
|
|
1717
1966
|
"mode": "dark",
|
|
1718
1967
|
"group": "component",
|
|
1719
|
-
"scopes": ["bgColor"]
|
|
1968
|
+
"scopes": ["bgColor", "borderColor"]
|
|
1720
1969
|
}
|
|
1721
1970
|
}
|
|
1722
1971
|
},
|
|
@@ -7034,6 +7283,35 @@
|
|
|
7034
7283
|
"attributes": {},
|
|
7035
7284
|
"path": ["button", "invisible", "fgColor", "hover"]
|
|
7036
7285
|
},
|
|
7286
|
+
"button-invisible-fgColor-active": {
|
|
7287
|
+
"$value": "#25292e",
|
|
7288
|
+
"$type": "color",
|
|
7289
|
+
"$extensions": {
|
|
7290
|
+
"org.primer.figma": {
|
|
7291
|
+
"collection": "mode",
|
|
7292
|
+
"mode": "light",
|
|
7293
|
+
"group": "component (internal)",
|
|
7294
|
+
"scopes": ["fgColor"]
|
|
7295
|
+
}
|
|
7296
|
+
},
|
|
7297
|
+
"filePath": "src/tokens/functional/color/light/patterns-light.json5",
|
|
7298
|
+
"isSource": true,
|
|
7299
|
+
"original": {
|
|
7300
|
+
"$value": "{control.fgColor.rest}",
|
|
7301
|
+
"$type": "color",
|
|
7302
|
+
"$extensions": {
|
|
7303
|
+
"org.primer.figma": {
|
|
7304
|
+
"collection": "mode",
|
|
7305
|
+
"mode": "light",
|
|
7306
|
+
"group": "component (internal)",
|
|
7307
|
+
"scopes": ["fgColor"]
|
|
7308
|
+
}
|
|
7309
|
+
}
|
|
7310
|
+
},
|
|
7311
|
+
"name": "button-invisible-fgColor-active",
|
|
7312
|
+
"attributes": {},
|
|
7313
|
+
"path": ["button", "invisible", "fgColor", "active"]
|
|
7314
|
+
},
|
|
7037
7315
|
"button-invisible-fgColor-disabled": {
|
|
7038
7316
|
"$value": "#818b98",
|
|
7039
7317
|
"$type": "color",
|