@primer/primitives 10.4.0-rc.eab36abe → 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 (90) 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/motion/motion.css +6 -0
  4. package/dist/css/functional/themes/dark-colorblind.css +2 -2
  5. package/dist/css/functional/themes/dark-dimmed.css +2 -2
  6. package/dist/css/functional/themes/dark-high-contrast.css +2 -2
  7. package/dist/css/functional/themes/dark-tritanopia.css +2 -2
  8. package/dist/css/functional/themes/dark.css +2 -2
  9. package/dist/css/functional/themes/light-colorblind.css +2 -2
  10. package/dist/css/functional/themes/light-high-contrast.css +2 -2
  11. package/dist/css/functional/themes/light-tritanopia.css +2 -2
  12. package/dist/css/functional/themes/light.css +2 -2
  13. package/dist/css/primitives.css +6 -0
  14. package/dist/docs/functional/motion/motion.json +66 -0
  15. package/dist/docs/functional/themes/dark-colorblind.json +510 -9390
  16. package/dist/docs/functional/themes/dark-dimmed.json +633 -9809
  17. package/dist/docs/functional/themes/dark-high-contrast.json +4339 -14493
  18. package/dist/docs/functional/themes/dark-tritanopia.json +537 -9389
  19. package/dist/docs/functional/themes/dark.json +452 -9206
  20. package/dist/docs/functional/themes/light-colorblind.json +470 -9320
  21. package/dist/docs/functional/themes/light-high-contrast.json +3990 -14072
  22. package/dist/docs/functional/themes/light-tritanopia.json +470 -9292
  23. package/dist/docs/functional/themes/light.json +425 -9205
  24. package/dist/fallbacks/functional/motion/motion.json +6 -0
  25. package/dist/figma/figma.json +10 -1
  26. package/dist/figma/shadows/dark-colorblind.json +1152 -0
  27. package/dist/figma/shadows/dark-dimmed.json +1152 -0
  28. package/dist/figma/shadows/dark-high-contrast.json +1152 -0
  29. package/dist/figma/shadows/dark-tritanopia.json +1152 -0
  30. package/dist/figma/shadows/dark.json +1152 -0
  31. package/dist/figma/shadows/light-colorblind.json +1052 -0
  32. package/dist/figma/shadows/light-high-contrast.json +1052 -0
  33. package/dist/figma/shadows/light-tritanopia.json +1052 -0
  34. package/dist/figma/shadows/light.json +1052 -0
  35. package/dist/figma/themes/dark-colorblind.json +5047 -5070
  36. package/dist/figma/themes/dark-dimmed.json +4705 -5059
  37. package/dist/figma/themes/dark-high-contrast.json +4565 -6057
  38. package/dist/figma/themes/dark-tritanopia.json +5056 -5045
  39. package/dist/figma/themes/dark.json +4945 -4829
  40. package/dist/figma/themes/light-colorblind.json +4959 -5035
  41. package/dist/figma/themes/light-high-contrast.json +4601 -6084
  42. package/dist/figma/themes/light-tritanopia.json +4979 -5024
  43. package/dist/figma/themes/light.json +5223 -5223
  44. package/dist/internalCss/dark-colorblind.css +2 -2
  45. package/dist/internalCss/dark-dimmed.css +2 -2
  46. package/dist/internalCss/dark-high-contrast.css +2 -2
  47. package/dist/internalCss/dark-tritanopia.css +2 -2
  48. package/dist/internalCss/dark.css +2 -2
  49. package/dist/internalCss/light-colorblind.css +2 -2
  50. package/dist/internalCss/light-high-contrast.css +2 -2
  51. package/dist/internalCss/light-tritanopia.css +2 -2
  52. package/dist/internalCss/light.css +2 -2
  53. package/dist/styleLint/functional/motion/motion.json +66 -0
  54. package/dist/styleLint/functional/themes/dark-colorblind.json +510 -9390
  55. package/dist/styleLint/functional/themes/dark-dimmed.json +672 -9848
  56. package/dist/styleLint/functional/themes/dark-high-contrast.json +4339 -14493
  57. package/dist/styleLint/functional/themes/dark-tritanopia.json +537 -9389
  58. package/dist/styleLint/functional/themes/dark.json +452 -9206
  59. package/dist/styleLint/functional/themes/light-colorblind.json +470 -9320
  60. package/dist/styleLint/functional/themes/light-high-contrast.json +771 -10853
  61. package/dist/styleLint/functional/themes/light-tritanopia.json +470 -9292
  62. package/dist/styleLint/functional/themes/light.json +425 -9205
  63. package/package.json +1 -1
  64. package/src/tokens/component/avatar.json5 +0 -33
  65. package/src/tokens/component/header.json5 +0 -3
  66. package/src/tokens/functional/color/dark/display-dark.json5 +1258 -0
  67. package/src/tokens/functional/color/dark/overrides/dark.dimmed.json5 +199 -0
  68. package/src/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +618 -0
  69. package/src/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +65 -0
  70. package/src/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +47 -0
  71. package/src/tokens/functional/color/dark/patterns-dark.json5 +2589 -0
  72. package/src/tokens/functional/color/light/display-light.json5 +1163 -0
  73. package/src/tokens/functional/color/light/overrides/light.high-contrast.json5 +581 -0
  74. package/src/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +69 -0
  75. package/src/tokens/functional/color/light/overrides/light.tritanopia.json5 +41 -0
  76. package/src/tokens/functional/color/light/patterns-light.json5 +2583 -0
  77. package/src/tokens/functional/motion/loading.json5 +17 -0
  78. package/src/tokens/functional/motion/patterns.json5 +35 -0
  79. package/src/tokens/functional/shadow/dark.json5 +369 -0
  80. package/src/tokens/functional/shadow/{shadow.json5 → light.json5} +120 -202
  81. package/src/tokens/component/button.json5 +0 -1714
  82. package/src/tokens/component/label.json5 +0 -1942
  83. package/src/tokens/component/menu.json5 +0 -24
  84. package/src/tokens/component/selectMenu.json5 +0 -38
  85. package/src/tokens/component/sideNav.json5 +0 -22
  86. package/src/tokens/component/treeView.json5 +0 -24
  87. package/src/tokens/component/underlineNav.json5 +0 -56
  88. package/src/tokens/functional/color/control.json5 +0 -1087
  89. package/src/tokens/functional/color/display.json5 +0 -2170
  90. 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
+ }