@primer/primitives 10.0.0-rc.e413e85d → 10.0.0-rc.eb6fe33a
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 +2 -1
- package/dist/build/filters/isCubicBezier.d.ts +7 -0
- package/dist/build/filters/isCubicBezier.js +10 -0
- 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 -0
- 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/index.d.ts +1 -0
- package/dist/build/transformers/index.js +1 -0
- package/dist/css/functional/themes/dark-colorblind.css +42 -22
- 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 +42 -22
- package/dist/css/functional/themes/dark.css +42 -22
- package/dist/css/functional/themes/light-colorblind.css +42 -22
- 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 +20 -20
- package/dist/css/primitives.css +20 -20
- package/dist/docs/functional/themes/dark-colorblind.json +533 -251
- package/dist/docs/functional/themes/dark-dimmed.json +560 -256
- package/dist/docs/functional/themes/dark-high-contrast.json +388 -148
- package/dist/docs/functional/themes/dark-tritanopia.json +535 -257
- package/dist/docs/functional/themes/dark.json +544 -256
- package/dist/docs/functional/themes/light-colorblind.json +355 -65
- package/dist/docs/functional/themes/light-high-contrast.json +333 -63
- package/dist/docs/functional/themes/light-tritanopia.json +307 -61
- package/dist/docs/functional/themes/light.json +336 -58
- package/dist/figma/figma.json +8 -8
- package/dist/figma/scales/dark-dimmed.json +2880 -0
- package/dist/figma/scales/dark-high-constrast.json +2880 -0
- package/dist/figma/scales/dark.json +2880 -0
- package/dist/figma/scales/light-high-constrast.json +2880 -0
- package/dist/figma/scales/light.json +2880 -0
- package/dist/figma/themes/dark-colorblind.json +144 -15
- package/dist/figma/themes/dark-dimmed.json +227 -52
- package/dist/figma/themes/dark-high-contrast.json +135 -25
- package/dist/figma/themes/dark-tritanopia.json +156 -28
- package/dist/figma/themes/dark.json +211 -52
- package/dist/figma/themes/light-colorblind.json +191 -16
- package/dist/figma/themes/light-high-contrast.json +169 -26
- package/dist/figma/themes/light-tritanopia.json +161 -35
- package/dist/figma/themes/light.json +201 -44
- package/dist/internalCss/dark-colorblind.css +42 -22
- package/dist/internalCss/dark-dimmed.css +44 -24
- package/dist/internalCss/dark-high-contrast.css +42 -22
- package/dist/internalCss/dark-tritanopia.css +42 -22
- package/dist/internalCss/dark.css +42 -22
- package/dist/internalCss/light-colorblind.css +42 -22
- 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/functional/themes/dark-colorblind.json +533 -251
- package/dist/styleLint/functional/themes/dark-dimmed.json +560 -256
- package/dist/styleLint/functional/themes/dark-high-contrast.json +387 -147
- package/dist/styleLint/functional/themes/dark-tritanopia.json +535 -257
- package/dist/styleLint/functional/themes/dark.json +544 -256
- package/dist/styleLint/functional/themes/light-colorblind.json +355 -65
- package/dist/styleLint/functional/themes/light-high-contrast.json +333 -63
- package/dist/styleLint/functional/themes/light-tritanopia.json +307 -61
- package/dist/styleLint/functional/themes/light.json +336 -58
- package/package.json +2 -8
- package/src/tokens/functional/color/dark/app-dark.json5 +203 -88
- 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 +54 -28
- package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +36 -13
- 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/overrides/light.high-contrast.json5 +25 -25
- package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +59 -26
- package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +62 -10
- package/src/tokens/functional/color/light/patterns-light.json5 +13 -1
|
@@ -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",
|
|
@@ -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",
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@primer/primitives",
|
|
3
|
-
"version": "10.0.0-rc.
|
|
3
|
+
"version": "10.0.0-rc.eb6fe33a",
|
|
4
4
|
"description": "Typography, spacing, and color primitives for Primer design system",
|
|
5
5
|
"type": "module",
|
|
6
6
|
"files": [
|
|
@@ -46,9 +46,6 @@
|
|
|
46
46
|
"test:integration": "vitest run -r integration"
|
|
47
47
|
},
|
|
48
48
|
"prettier": "@github/prettier-config",
|
|
49
|
-
"dependencies": {
|
|
50
|
-
"@prettier/sync": "^0.5.2"
|
|
51
|
-
},
|
|
52
49
|
"devDependencies": {
|
|
53
50
|
"@actions/github": "^6.0.0",
|
|
54
51
|
"@changesets/changelog-github": "^0.5.0",
|
|
@@ -76,16 +73,13 @@
|
|
|
76
73
|
"json5": "^2.2.1",
|
|
77
74
|
"markdown-table-ts": "^1.0.3",
|
|
78
75
|
"prettier": "^3.3.3",
|
|
79
|
-
"style-dictionary": "^4.
|
|
76
|
+
"style-dictionary": "^4.1.3",
|
|
80
77
|
"tsx": "^4.19.0",
|
|
81
78
|
"typescript": "5.5",
|
|
82
79
|
"vitest": "^2.0.3",
|
|
83
80
|
"zod": "3.23",
|
|
84
81
|
"zod-validation-error": "3.3"
|
|
85
82
|
},
|
|
86
|
-
"peerDependencies": {
|
|
87
|
-
"style-dictionary": "^4.0.1"
|
|
88
|
-
},
|
|
89
83
|
"optionalDependencies": {
|
|
90
84
|
"@rollup/rollup-linux-x64-gnu": "^4.22.0"
|
|
91
85
|
}
|