@primer/primitives 10.4.0-rc.a7bc1307 → 10.4.0-rc.ba0fa656

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.
Files changed (86) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +1992 -0
  2. package/dist/build/schemas/shadowToken.js +27 -0
  3. package/dist/css/functional/themes/dark-colorblind.css +6 -6
  4. package/dist/css/functional/themes/dark-dimmed.css +6 -6
  5. package/dist/css/functional/themes/dark-high-contrast.css +6 -6
  6. package/dist/css/functional/themes/dark-tritanopia.css +6 -6
  7. package/dist/css/functional/themes/dark.css +6 -6
  8. package/dist/css/functional/themes/light-colorblind.css +6 -6
  9. package/dist/css/functional/themes/light-high-contrast.css +6 -6
  10. package/dist/css/functional/themes/light-tritanopia.css +6 -6
  11. package/dist/css/functional/themes/light.css +6 -6
  12. package/dist/css/primitives.css +0 -6
  13. package/dist/docs/functional/themes/dark-colorblind.json +6079 -260
  14. package/dist/docs/functional/themes/dark-dimmed.json +6079 -260
  15. package/dist/docs/functional/themes/dark-high-contrast.json +6957 -340
  16. package/dist/docs/functional/themes/dark-tritanopia.json +6079 -260
  17. package/dist/docs/functional/themes/dark.json +6079 -260
  18. package/dist/docs/functional/themes/light-colorblind.json +5990 -263
  19. package/dist/docs/functional/themes/light-high-contrast.json +7927 -480
  20. package/dist/docs/functional/themes/light-tritanopia.json +5990 -263
  21. package/dist/docs/functional/themes/light.json +5990 -263
  22. package/dist/figma/figma.json +1 -10
  23. package/dist/figma/themes/dark-colorblind.json +4804 -4804
  24. package/dist/figma/themes/dark-dimmed.json +4790 -4790
  25. package/dist/figma/themes/dark-high-contrast.json +5944 -5032
  26. package/dist/figma/themes/dark-tritanopia.json +4799 -4799
  27. package/dist/figma/themes/dark.json +5390 -5390
  28. package/dist/figma/themes/light-colorblind.json +4736 -4636
  29. package/dist/figma/themes/light-high-contrast.json +5968 -4704
  30. package/dist/figma/themes/light-tritanopia.json +4739 -4639
  31. package/dist/figma/themes/light.json +4753 -4653
  32. package/dist/internalCss/dark-colorblind.css +6 -6
  33. package/dist/internalCss/dark-dimmed.css +6 -6
  34. package/dist/internalCss/dark-high-contrast.css +6 -6
  35. package/dist/internalCss/dark-tritanopia.css +6 -6
  36. package/dist/internalCss/dark.css +6 -6
  37. package/dist/internalCss/light-colorblind.css +6 -6
  38. package/dist/internalCss/light-high-contrast.css +6 -6
  39. package/dist/internalCss/light-tritanopia.css +6 -6
  40. package/dist/internalCss/light.css +6 -6
  41. package/dist/styleLint/functional/themes/dark-colorblind.json +6079 -260
  42. package/dist/styleLint/functional/themes/dark-dimmed.json +6079 -260
  43. package/dist/styleLint/functional/themes/dark-high-contrast.json +6957 -340
  44. package/dist/styleLint/functional/themes/dark-tritanopia.json +6079 -260
  45. package/dist/styleLint/functional/themes/dark.json +6079 -260
  46. package/dist/styleLint/functional/themes/light-colorblind.json +5990 -263
  47. package/dist/styleLint/functional/themes/light-high-contrast.json +7927 -480
  48. package/dist/styleLint/functional/themes/light-tritanopia.json +5990 -263
  49. package/dist/styleLint/functional/themes/light.json +5990 -263
  50. package/package.json +1 -1
  51. package/src/tokens/component/avatar.json5 +33 -0
  52. package/src/tokens/component/button.json5 +312 -226
  53. package/src/tokens/component/header.json5 +3 -0
  54. package/src/tokens/component/label.json5 +1942 -0
  55. package/src/tokens/component/menu.json5 +24 -0
  56. package/src/tokens/component/overlay.json5 +1 -1
  57. package/src/tokens/component/selectMenu.json5 +38 -0
  58. package/src/tokens/component/sideNav.json5 +22 -0
  59. package/src/tokens/component/treeView.json5 +24 -0
  60. package/src/tokens/component/underlineNav.json5 +56 -0
  61. package/src/tokens/functional/color/display.json5 +2170 -0
  62. package/src/tokens/functional/color/selection.json5 +22 -0
  63. package/src/tokens/functional/shadow/shadow.json5 +478 -0
  64. package/dist/css/functional/motion/motion.css +0 -6
  65. package/dist/docs/functional/motion/motion.json +0 -66
  66. package/dist/fallbacks/functional/motion/motion.json +0 -6
  67. package/dist/figma/shadows/dark-colorblind.json +0 -1152
  68. package/dist/figma/shadows/dark-dimmed.json +0 -1152
  69. package/dist/figma/shadows/dark-high-contrast.json +0 -1152
  70. package/dist/figma/shadows/dark-tritanopia.json +0 -1152
  71. package/dist/figma/shadows/dark.json +0 -1152
  72. package/dist/figma/shadows/light-colorblind.json +0 -1052
  73. package/dist/figma/shadows/light-high-contrast.json +0 -1052
  74. package/dist/figma/shadows/light-tritanopia.json +0 -1052
  75. package/dist/figma/shadows/light.json +0 -1052
  76. package/dist/styleLint/functional/motion/motion.json +0 -66
  77. package/src/tokens/functional/color/dark/display-dark.json5 +0 -1258
  78. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -351
  79. package/src/tokens/functional/color/dark/patterns-dark.json5 +0 -1042
  80. package/src/tokens/functional/color/light/display-light.json5 +0 -1163
  81. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -467
  82. package/src/tokens/functional/color/light/patterns-light.json5 +0 -1042
  83. package/src/tokens/functional/motion/loading.json5 +0 -17
  84. package/src/tokens/functional/motion/patterns.json5 +0 -35
  85. package/src/tokens/functional/shadow/dark.json5 +0 -369
  86. package/src/tokens/functional/shadow/light.json5 +0 -406
package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 DELETED
@@ -1,467 +0,0 @@
1
- /**
2
- * Light high contrast
3
- * @extends all functional tokens
4
- * @description All overwrites for functional color tokens for light high contrast color mode are in this file
5
- */
6
- {
7
- button: {
8
- primary: {
9
- bgColor: {
10
- rest: {
11
- $value: '{base.color.green.5}',
12
- $type: 'color',
13
- },
14
- hover: {
15
- $value: '#04571e',
16
- $type: 'color',
17
- },
18
- active: {
19
- $value: '#03501b',
20
- $type: 'color',
21
- },
22
- disabled: {
23
- $value: '#85cb97',
24
- $type: 'color',
25
- },
26
- },
27
- borderColor: {
28
- rest: {
29
- $value: '{base.color.green.7}',
30
- $type: 'color',
31
- alpha: 1,
32
- },
33
- hover: {
34
- $value: '{base.color.green.7}',
35
- $type: 'color',
36
- alpha: 1,
37
- },
38
- active: {
39
- $value: '{base.color.green.7}',
40
- $type: 'color',
41
- alpha: 1,
42
- },
43
- disabled: {
44
- $value: '#85cb97',
45
- $type: 'color',
46
- },
47
- },
48
- },
49
- inactive: {
50
- fgColor: {
51
- $value: '{base.color.neutral.10}',
52
- $type: 'color',
53
- $extensions: {
54
- 'org.primer.figma': {
55
- collection: 'mode',
56
- group: 'component (internal)',
57
- scopes: ['fgColor'],
58
- },
59
- },
60
- },
61
- bgColor: {
62
- $value: '{control.bgColor.rest}',
63
- $type: 'color',
64
- },
65
- },
66
- invisible: {
67
- fgColor: {
68
- hover: {
69
- $value: '{base.color.neutral.11}',
70
- $type: 'color',
71
- },
72
- },
73
- iconColor: {
74
- hover: {
75
- $value: '{base.color.neutral.11}',
76
- $type: 'color',
77
- },
78
- },
79
- },
80
- outline: {
81
- bgColor: {
82
- active: {
83
- $value: '#033f9d',
84
- $type: 'color',
85
- },
86
- },
87
- },
88
- danger: {
89
- bgColor: {
90
- active: {
91
- $value: '#74041a',
92
- $type: 'color',
93
- },
94
- },
95
- },
96
- },
97
- buttonCounter: {
98
- default: {
99
- bgColor: {
100
- rest: {
101
- $value: '{base.color.neutral.7}',
102
- $type: 'color',
103
- },
104
- },
105
- },
106
- danger: {
107
- fgColor: {
108
- rest: {
109
- $value: '#980e1e',
110
- $type: 'color',
111
- },
112
- },
113
- },
114
- },
115
- header: {
116
- borderColor: {
117
- divider: {
118
- $value: '{base.color.neutral.7}',
119
- $type: 'color',
120
- },
121
- },
122
- },
123
- display: {
124
- blue: {
125
- bgColor: {
126
- emphasis: {
127
- $value: '{base.display.color.blue.7}',
128
- $type: 'color',
129
- },
130
- },
131
- fgColor: {
132
- $value: '{base.display.color.blue.8}',
133
- $type: 'color',
134
- },
135
- borderColor: {
136
- emphasis: {
137
- $value: '{base.display.color.blue.6}',
138
- $type: 'color',
139
- },
140
- },
141
- },
142
- indigo: {
143
- bgColor: {
144
- emphasis: {
145
- $value: '{base.display.color.indigo.7}',
146
- $type: 'color',
147
- },
148
- },
149
- fgColor: {
150
- $value: '{base.display.color.indigo.8}',
151
- $type: 'color',
152
- },
153
- borderColor: {
154
- emphasis: {
155
- $value: '{base.display.color.indigo.6}',
156
- $type: 'color',
157
- },
158
- },
159
- },
160
- gray: {
161
- bgColor: {
162
- emphasis: {
163
- $value: '{base.display.color.gray.7}',
164
- $type: 'color',
165
- },
166
- },
167
- fgColor: {
168
- $value: '{base.display.color.gray.8}',
169
- $type: 'color',
170
- },
171
- borderColor: {
172
- emphasis: {
173
- $value: '{base.display.color.gray.6}',
174
- $type: 'color',
175
- },
176
- },
177
- },
178
- cyan: {
179
- bgColor: {
180
- emphasis: {
181
- $value: '{base.display.color.cyan.7}',
182
- $type: 'color',
183
- },
184
- },
185
- fgColor: {
186
- $value: '{base.display.color.cyan.8}',
187
- $type: 'color',
188
- },
189
- borderColor: {
190
- emphasis: {
191
- $value: '{base.display.color.cyan.6}',
192
- $type: 'color',
193
- },
194
- },
195
- },
196
- teal: {
197
- bgColor: {
198
- emphasis: {
199
- $value: '{base.display.color.teal.7}',
200
- $type: 'color',
201
- },
202
- },
203
- fgColor: {
204
- $value: '{base.display.color.teal.8}',
205
- $type: 'color',
206
- },
207
- borderColor: {
208
- emphasis: {
209
- $value: '{base.display.color.teal.6}',
210
- $type: 'color',
211
- },
212
- },
213
- },
214
- pine: {
215
- bgColor: {
216
- emphasis: {
217
- $value: '{base.display.color.pine.7}',
218
- $type: 'color',
219
- },
220
- },
221
- fgColor: {
222
- $value: '{base.display.color.pine.8}',
223
- $type: 'color',
224
- },
225
- borderColor: {
226
- emphasis: {
227
- $value: '{base.display.color.pine.6}',
228
- $type: 'color',
229
- },
230
- },
231
- },
232
- green: {
233
- bgColor: {
234
- emphasis: {
235
- $value: '{base.display.color.green.7}',
236
- $type: 'color',
237
- },
238
- },
239
- fgColor: {
240
- $value: '{base.display.color.green.8}',
241
- $type: 'color',
242
- },
243
- borderColor: {
244
- emphasis: {
245
- $value: '{base.display.color.green.6}',
246
- $type: 'color',
247
- },
248
- },
249
- },
250
- lime: {
251
- bgColor: {
252
- emphasis: {
253
- $value: '{base.display.color.lime.7}',
254
- $type: 'color',
255
- },
256
- },
257
- fgColor: {
258
- $value: '{base.display.color.lime.8}',
259
- $type: 'color',
260
- },
261
- borderColor: {
262
- emphasis: {
263
- $value: '{base.display.color.lime.6}',
264
- $type: 'color',
265
- },
266
- },
267
- },
268
- olive: {
269
- bgColor: {
270
- emphasis: {
271
- $value: '{base.display.color.olive.7}',
272
- $type: 'color',
273
- },
274
- },
275
- fgColor: {
276
- $value: '{base.display.color.olive.8}',
277
- $type: 'color',
278
- },
279
- borderColor: {
280
- emphasis: {
281
- $value: '{base.display.color.olive.6}',
282
- $type: 'color',
283
- },
284
- },
285
- },
286
- lemon: {
287
- bgColor: {
288
- emphasis: {
289
- $value: '{base.display.color.lemon.7}',
290
- $type: 'color',
291
- },
292
- },
293
- fgColor: {
294
- $value: '{base.display.color.lemon.8}',
295
- $type: 'color',
296
- },
297
- borderColor: {
298
- emphasis: {
299
- $value: '{base.display.color.lemon.6}',
300
- $type: 'color',
301
- },
302
- },
303
- },
304
- yellow: {
305
- bgColor: {
306
- emphasis: {
307
- $value: '{base.display.color.yellow.7}',
308
- $type: 'color',
309
- },
310
- },
311
- fgColor: {
312
- $value: '{base.display.color.yellow.8}',
313
- $type: 'color',
314
- },
315
- borderColor: {
316
- emphasis: {
317
- $value: '{base.display.color.yellow.6}',
318
- $type: 'color',
319
- },
320
- },
321
- },
322
- orange: {
323
- bgColor: {
324
- emphasis: {
325
- $value: '{base.display.color.orange.7}',
326
- $type: 'color',
327
- },
328
- },
329
- fgColor: {
330
- $value: '{base.display.color.orange.8}',
331
- $type: 'color',
332
- },
333
- borderColor: {
334
- emphasis: {
335
- $value: '{base.display.color.orange.6}',
336
- $type: 'color',
337
- },
338
- },
339
- },
340
- red: {
341
- bgColor: {
342
- emphasis: {
343
- $value: '{base.display.color.red.7}',
344
- $type: 'color',
345
- },
346
- },
347
- fgColor: {
348
- $value: '{base.display.color.red.8}',
349
- $type: 'color',
350
- },
351
- borderColor: {
352
- emphasis: {
353
- $value: '{base.display.color.red.6}',
354
- $type: 'color',
355
- },
356
- },
357
- },
358
- coral: {
359
- bgColor: {
360
- emphasis: {
361
- $value: '{base.display.color.coral.7}',
362
- $type: 'color',
363
- },
364
- },
365
- fgColor: {
366
- $value: '{base.display.color.coral.8}',
367
- $type: 'color',
368
- },
369
- borderColor: {
370
- emphasis: {
371
- $value: '{base.display.color.coral.6}',
372
- $type: 'color',
373
- },
374
- },
375
- },
376
- pink: {
377
- bgColor: {
378
- emphasis: {
379
- $value: '{base.display.color.pink.7}',
380
- $type: 'color',
381
- },
382
- },
383
- fgColor: {
384
- $value: '{base.display.color.pink.8}',
385
- $type: 'color',
386
- },
387
- borderColor: {
388
- emphasis: {
389
- $value: '{base.display.color.pink.6}',
390
- $type: 'color',
391
- },
392
- },
393
- },
394
- plum: {
395
- bgColor: {
396
- emphasis: {
397
- $value: '{base.display.color.plum.7}',
398
- $type: 'color',
399
- },
400
- },
401
- fgColor: {
402
- $value: '{base.display.color.plum.8}',
403
- $type: 'color',
404
- },
405
- borderColor: {
406
- emphasis: {
407
- $value: '{base.display.color.plum.6}',
408
- $type: 'color',
409
- },
410
- },
411
- },
412
- purple: {
413
- bgColor: {
414
- emphasis: {
415
- $value: '{base.display.color.purple.7}',
416
- $type: 'color',
417
- },
418
- },
419
- fgColor: {
420
- $value: '{base.display.color.purple.8}',
421
- $type: 'color',
422
- },
423
- borderColor: {
424
- emphasis: {
425
- $value: '{base.display.color.purple.6}',
426
- $type: 'color',
427
- },
428
- },
429
- },
430
- brown: {
431
- bgColor: {
432
- emphasis: {
433
- $value: '{base.display.color.brown.7}',
434
- $type: 'color',
435
- },
436
- },
437
- fgColor: {
438
- $value: '{base.display.color.brown.8}',
439
- $type: 'color',
440
- },
441
- borderColor: {
442
- emphasis: {
443
- $value: '{base.display.color.brown.6}',
444
- $type: 'color',
445
- },
446
- },
447
- },
448
- auburn: {
449
- bgColor: {
450
- emphasis: {
451
- $value: '{base.display.color.auburn.7}',
452
- $type: 'color',
453
- },
454
- },
455
- fgColor: {
456
- $value: '{base.display.color.auburn.8}',
457
- $type: 'color',
458
- },
459
- borderColor: {
460
- emphasis: {
461
- $value: '{base.display.color.auburn.6}',
462
- $type: 'color',
463
- },
464
- },
465
- },
466
- },
467
- }