@primer/primitives 10.4.0-rc.ea0a5a9d → 10.4.0-rc.fd8ac4c9

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 (83) hide show
  1. package/dist/build/schemas/shadowToken.d.ts +0 -1992
  2. package/dist/build/schemas/shadowToken.js +0 -27
  3. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  4. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  5. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  6. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  7. package/dist/css/functional/themes/dark.css +2 -2
  8. package/dist/css/functional/themes/light-colorblind.css +2 -2
  9. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  10. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  11. package/dist/css/functional/themes/light.css +2 -2
  12. package/dist/docs/functional/themes/dark-colorblind.json +510 -9390
  13. package/dist/docs/functional/themes/dark-dimmed.json +633 -9809
  14. package/dist/docs/functional/themes/dark-high-contrast.json +4339 -14493
  15. package/dist/docs/functional/themes/dark-tritanopia.json +537 -9389
  16. package/dist/docs/functional/themes/dark.json +452 -9206
  17. package/dist/docs/functional/themes/light-colorblind.json +470 -9320
  18. package/dist/docs/functional/themes/light-high-contrast.json +3990 -14072
  19. package/dist/docs/functional/themes/light-tritanopia.json +470 -9292
  20. package/dist/docs/functional/themes/light.json +425 -9205
  21. package/dist/figma/figma.json +10 -1
  22. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  23. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  24. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  25. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  26. package/dist/figma/shadows/dark.json +1152 -0
  27. package/dist/figma/shadows/light-colorblind.json +1052 -0
  28. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  29. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  30. package/dist/figma/shadows/light.json +1052 -0
  31. package/dist/figma/themes/dark-colorblind.json +5047 -5070
  32. package/dist/figma/themes/dark-dimmed.json +4705 -5059
  33. package/dist/figma/themes/dark-high-contrast.json +4565 -6057
  34. package/dist/figma/themes/dark-tritanopia.json +5056 -5045
  35. package/dist/figma/themes/dark.json +4945 -4829
  36. package/dist/figma/themes/light-colorblind.json +4959 -5035
  37. package/dist/figma/themes/light-high-contrast.json +4601 -6084
  38. package/dist/figma/themes/light-tritanopia.json +4979 -5024
  39. package/dist/figma/themes/light.json +5223 -5223
  40. package/dist/internalCss/dark-colorblind.css +2 -2
  41. package/dist/internalCss/dark-dimmed.css +2 -2
  42. package/dist/internalCss/dark-high-contrast.css +2 -2
  43. package/dist/internalCss/dark-tritanopia.css +2 -2
  44. package/dist/internalCss/dark.css +2 -2
  45. package/dist/internalCss/light-colorblind.css +2 -2
  46. package/dist/internalCss/light-high-contrast.css +2 -2
  47. package/dist/internalCss/light-tritanopia.css +2 -2
  48. package/dist/internalCss/light.css +2 -2
  49. package/dist/styleLint/functional/themes/dark-colorblind.json +510 -9390
  50. package/dist/styleLint/functional/themes/dark-dimmed.json +672 -9848
  51. package/dist/styleLint/functional/themes/dark-high-contrast.json +4339 -14493
  52. package/dist/styleLint/functional/themes/dark-tritanopia.json +537 -9389
  53. package/dist/styleLint/functional/themes/dark.json +452 -9206
  54. package/dist/styleLint/functional/themes/light-colorblind.json +470 -9320
  55. package/dist/styleLint/functional/themes/light-high-contrast.json +771 -10853
  56. package/dist/styleLint/functional/themes/light-tritanopia.json +470 -9292
  57. package/dist/styleLint/functional/themes/light.json +425 -9205
  58. package/package.json +1 -1
  59. package/src/tokens/component/avatar.json5 +0 -33
  60. package/src/tokens/component/header.json5 +0 -3
  61. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  62. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +199 -0
  63. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +618 -0
  64. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +65 -0
  65. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +47 -0
  66. package/src/tokens/functional/color/dark/patterns-dark.json5 +2589 -0
  67. package/src/tokens/functional/color/light/display-light.json5 +1163 -0
  68. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +581 -0
  69. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +69 -0
  70. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +41 -0
  71. package/src/tokens/functional/color/light/patterns-light.json5 +2583 -0
  72. package/src/tokens/functional/shadow/dark.json5 +369 -0
  73. package/src/tokens/functional/shadow/{shadow.json5 → light.json5} +120 -202
  74. package/src/tokens/component/button.json5 +0 -1714
  75. package/src/tokens/component/label.json5 +0 -1942
  76. package/src/tokens/component/menu.json5 +0 -24
  77. package/src/tokens/component/selectMenu.json5 +0 -38
  78. package/src/tokens/component/sideNav.json5 +0 -22
  79. package/src/tokens/component/treeView.json5 +0 -24
  80. package/src/tokens/component/underlineNav.json5 +0 -56
  81. package/src/tokens/functional/color/control.json5 +0 -1087
  82. package/src/tokens/functional/color/display.json5 +0 -2170
  83. package/src/tokens/functional/color/selection.json5 +0 -22
package/src/tokens/functional/shadow/{shadow.json5 → light.json5} RENAMED
@@ -1,4 +1,123 @@
1
1
  {
2
+ avatar: {
3
+ shadow: {
4
+ $value: [
5
+ {
6
+ color: '{base.color.neutral.0}',
7
+ alpha: 0.8,
8
+ offsetX: '0px',
9
+ offsetY: '0px',
10
+ blur: '0px',
11
+ spread: '2px',
12
+ },
13
+ ],
14
+ $type: 'shadow',
15
+ $extensions: {
16
+ 'org.primer.figma': {
17
+ collection: 'mode',
18
+ group: 'component shadow',
19
+ },
20
+ },
21
+ },
22
+ },
23
+ button: {
24
+ default: {
25
+ shadow: {
26
+ resting: {
27
+ $value: [
28
+ {
29
+ color: '{base.color.neutral.13}',
30
+ alpha: 0.04,
31
+ offsetX: '0px',
32
+ offsetY: '1px',
33
+ blur: '0px',
34
+ spread: '0px',
35
+ inset: false,
36
+ },
37
+ ],
38
+ $type: 'shadow',
39
+ $extensions: {
40
+ 'org.primer.figma': {
41
+ collection: 'mode',
42
+ group: 'component shadow',
43
+ },
44
+ },
45
+ },
46
+ },
47
+ },
48
+ primary: {
49
+ shadow: {
50
+ selected: {
51
+ $value: [
52
+ {
53
+ color: '{base.color.green.9}',
54
+ alpha: 0.3,
55
+ offsetX: '0px',
56
+ offsetY: '1px',
57
+ blur: '0px',
58
+ spread: '0px',
59
+ inset: true,
60
+ },
61
+ ],
62
+ $type: 'shadow',
63
+ $extensions: {
64
+ 'org.primer.figma': {
65
+ collection: 'mode',
66
+ group: 'component shadow',
67
+ },
68
+ },
69
+ },
70
+ },
71
+ },
72
+ outline: {
73
+ shadow: {
74
+ selected: {
75
+ $value: [
76
+ {
77
+ color: '{base.color.blue.9}',
78
+ alpha: 0.2,
79
+ offsetX: '0px',
80
+ offsetY: '1px',
81
+ blur: '0px',
82
+ spread: '0px',
83
+ inset: true,
84
+ },
85
+ ],
86
+ $type: 'shadow',
87
+ $extensions: {
88
+ 'org.primer.figma': {
89
+ collection: 'mode',
90
+ group: 'component shadow',
91
+ },
92
+ },
93
+ },
94
+ },
95
+ },
96
+ danger: {
97
+ shadow: {
98
+ selected: {
99
+ $value: [
100
+ {
101
+ color: '{base.color.red.9}',
102
+ alpha: 0.2,
103
+ offsetX: '0px',
104
+ offsetY: '1px',
105
+ blur: '0px',
106
+ spread: '0px',
107
+ inset: true,
108
+ },
109
+ ],
110
+ $type: 'shadow',
111
+ $extensions: {
112
+ 'org.primer.figma': {
113
+ collection: 'mode',
114
+ group: 'component shadow',
115
+ },
116
+ },
117
+ },
118
+ },
119
+ },
120
+ },
2
121
  shadow: {
3
122
  inset: {
4
123
  $value: {
@@ -16,19 +135,6 @@
16
135
  collection: 'mode',
17
136
  group: 'shadow',
18
137
  },
19
- 'org.primer.overrides': {
20
- dark: {
21
- $value: {
22
- color: '{base.color.neutral.0}',
23
- alpha: 0.24,
24
- offsetX: '0px',
25
- offsetY: '1px',
26
- blur: '0px',
27
- spread: '0px',
28
- inset: true,
29
- },
30
- },
31
- },
32
138
  },
33
139
  },
34
140
  resting: {
@@ -48,19 +154,6 @@
48
154
  collection: 'mode',
49
155
  group: 'shadow',
50
156
  },
51
- 'org.primer.overrides': {
52
- dark: {
53
- $value: {
54
- color: '{base.color.neutral.0}',
55
- alpha: 0.8,
56
- offsetX: '0px',
57
- offsetY: '1px',
58
- blur: '0px',
59
- spread: '0px',
60
- inset: false,
61
- },
62
- },
63
- },
64
157
  },
65
158
  },
66
159
  small: {
@@ -81,21 +174,6 @@
81
174
  collection: 'mode',
82
175
  group: 'shadow',
83
176
  },
84
- 'org.primer.overrides': {
85
- dark: {
86
- $value: [
87
- {
88
- color: '{base.color.neutral.0}',
89
- alpha: 0.4,
90
- offsetX: '0px',
91
- offsetY: '1px',
92
- blur: '0px',
93
- spread: '0px',
94
- inset: false,
95
- },
96
- ],
97
- },
98
- },
99
177
  },
100
178
  },
101
179
  medium: {
@@ -115,20 +193,6 @@
115
193
  collection: 'mode',
116
194
  group: 'shadow',
117
195
  },
118
- 'org.primer.overrides': {
119
- dark: {
120
- $value: [
121
- {
122
- color: '{base.color.neutral.0}',
123
- alpha: 0.8,
124
- offsetX: '0px',
125
- offsetY: '3px',
126
- blur: '6px',
127
- spread: '0px',
128
- },
129
- ],
130
- },
131
- },
132
196
  },
133
197
  },
134
198
  },
@@ -166,36 +230,6 @@
166
230
  collection: 'mode',
167
231
  group: 'shadow',
168
232
  },
169
- 'org.primer.overrides': {
170
- dark: {
171
- $value: [
172
- {
173
- color: '{overlay.borderColor}',
174
- alpha: 1,
175
- offsetX: '0px',
176
- offsetY: '0px',
177
- blur: '0px',
178
- spread: '1px',
179
- },
180
- {
181
- color: '{base.color.neutral.0}',
182
- alpha: 0.4,
183
- offsetX: '0px',
184
- offsetY: '6px',
185
- blur: '12px',
186
- spread: '-3px',
187
- },
188
- {
189
- color: '{base.color.neutral.0}',
190
- alpha: 0.4,
191
- offsetX: '0px',
192
- offsetY: '6px',
193
- blur: '18px',
194
- spread: '0px',
195
- },
196
- ],
197
- },
198
- },
199
233
  },
200
234
  },
201
235
  medium: {
@@ -247,52 +281,6 @@
247
281
  collection: 'mode',
248
282
  group: 'shadow',
249
283
  },
250
- 'org.primer.overrides': {
251
- dark: {
252
- $value: [
253
- {
254
- color: '{overlay.borderColor}',
255
- alpha: 1,
256
- offsetX: '0px',
257
- offsetY: '0px',
258
- blur: '0px',
259
- spread: '1px',
260
- },
261
- {
262
- color: '{base.color.neutral.0}',
263
- alpha: 0.4,
264
- offsetX: '0px',
265
- offsetY: '8px',
266
- blur: '16px',
267
- spread: '-4px',
268
- },
269
- {
270
- color: '{base.color.neutral.0}',
271
- alpha: 0.4,
272
- offsetX: '0px',
273
- offsetY: '4px',
274
- blur: '32px',
275
- spread: '-4px',
276
- },
277
- {
278
- color: '{base.color.neutral.0}',
279
- alpha: 0.4,
280
- offsetX: '0px',
281
- offsetY: '24px',
282
- blur: '48px',
283
- spread: '-12px',
284
- },
285
- {
286
- color: '{base.color.neutral.0}',
287
- alpha: 0.4,
288
- offsetX: '0px',
289
- offsetY: '48px',
290
- blur: '96px',
291
- spread: '-24px',
292
- },
293
- ],
294
- },
295
- },
296
284
  },
297
285
  },
298
286
  large: {
@@ -320,28 +308,6 @@
320
308
  collection: 'mode',
321
309
  group: 'shadow',
322
310
  },
323
- 'org.primer.overrides': {
324
- dark: {
325
- $value: [
326
- {
327
- color: '{overlay.borderColor}',
328
- alpha: 1,
329
- offsetX: '0px',
330
- offsetY: '0px',
331
- blur: '0px',
332
- spread: '1px',
333
- },
334
- {
335
- color: '{base.color.neutral.0}',
336
- alpha: 1,
337
- offsetX: '0px',
338
- offsetY: '24px',
339
- blur: '48px',
340
- spread: '0px',
341
- },
342
- ],
343
- },
344
- },
345
311
  },
346
312
  },
347
313
  xlarge: {
@@ -369,28 +335,6 @@
369
335
  collection: 'mode',
370
336
  group: 'shadow',
371
337
  },
372
- 'org.primer.overrides': {
373
- dark: {
374
- $value: [
375
- {
376
- color: '{overlay.borderColor}',
377
- alpha: 1,
378
- offsetX: '0px',
379
- offsetY: '0px',
380
- blur: '0px',
381
- spread: '1px',
382
- },
383
- {
384
- color: '{base.color.neutral.0}',
385
- alpha: 1,
386
- offsetX: '0px',
387
- offsetY: '32px',
388
- blur: '64px',
389
- spread: '0px',
390
- },
391
- ],
392
- },
393
- },
394
338
  },
395
339
  },
396
340
  legacy: {
@@ -413,33 +357,7 @@
413
357
  },
414
358
  ],
415
359
  $type: 'shadow',
416
- $extensions: {
417
- 'org.primer.figma': {
418
- },
419
- 'org.primer.overrides': {
420
- dark: {
421
- $value: [
422
- {
423
- color: '{base.color.neutral.0}',
424
- alpha: 0.4,
425
- offsetX: '0px',
426
- offsetY: '6px',
427
- blur: '12px',
428
- spread: '-3px',
429
- },
430
- {
431
- color: '{base.color.neutral.0}',
432
- alpha: 0.4,
433
- offsetX: '0px',
434
- offsetY: '6px',
435
- blur: '18px',
436
- spread: '0px',
437
- },
438
- ],
439
- },
440
- },
441
- },
442
360
  },
443
361
  },
444
362
  },
445
- }
363
+ }