@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/shadow/light.json5 DELETED
@@ -1,406 +0,0 @@
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
- 'org.primer.overrides': {
69
- 'light-tritanopia': {
70
- $value: [
71
- {
72
- color: '{base.color.blue.9}',
73
- alpha: 0.3,
74
- offsetX: '0px',
75
- offsetY: '1px',
76
- blur: '0px',
77
- spread: '0px',
78
- inset: true,
79
- },
80
- ],
81
- },
82
- 'light-protanopia-deuteranopia': {
83
- $value: [
84
- {
85
- color: '{base.color.blue.9}',
86
- alpha: 0.3,
87
- offsetX: '0px',
88
- offsetY: '1px',
89
- blur: '0px',
90
- spread: '0px',
91
- inset: true,
92
- },
93
- ],
94
- },
95
- },
96
- },
97
- },
98
- },
99
- },
100
- outline: {
101
- shadow: {
102
- selected: {
103
- $value: [
104
- {
105
- color: '{base.color.blue.9}',
106
- alpha: 0.2,
107
- offsetX: '0px',
108
- offsetY: '1px',
109
- blur: '0px',
110
- spread: '0px',
111
- inset: true,
112
- },
113
- ],
114
- $type: 'shadow',
115
- $extensions: {
116
- 'org.primer.figma': {
117
- collection: 'mode',
118
- group: 'component shadow',
119
- },
120
- },
121
- },
122
- },
123
- },
124
- danger: {
125
- shadow: {
126
- selected: {
127
- $value: [
128
- {
129
- color: '{base.color.red.9}',
130
- alpha: 0.2,
131
- offsetX: '0px',
132
- offsetY: '1px',
133
- blur: '0px',
134
- spread: '0px',
135
- inset: true,
136
- },
137
- ],
138
- $type: 'shadow',
139
- $extensions: {
140
- 'org.primer.figma': {
141
- collection: 'mode',
142
- group: 'component shadow',
143
- },
144
- 'org.primer.overrides': {
145
- 'light-protanopia-deuteranopia': {
146
- $value: [
147
- {
148
- color: '{base.color.orange.9}',
149
- alpha: 0.2,
150
- offsetX: '0px',
151
- offsetY: '1px',
152
- blur: '0px',
153
- spread: '0px',
154
- inset: true,
155
- },
156
- ],
157
- },
158
- },
159
- },
160
- },
161
- },
162
- },
163
- },
164
- shadow: {
165
- inset: {
166
- $value: {
167
- color: '{base.color.neutral.13}',
168
- alpha: 0.04,
169
- offsetX: '0px',
170
- offsetY: '1px',
171
- blur: '0px',
172
- spread: '0px',
173
- inset: true,
174
- },
175
- $type: 'shadow',
176
- $extensions: {
177
- 'org.primer.figma': {
178
- collection: 'mode',
179
- group: 'shadow',
180
- },
181
- },
182
- },
183
- resting: {
184
- xsmall: {
185
- $value: {
186
- color: '{base.color.neutral.13}',
187
- alpha: 0.1,
188
- offsetX: '0px',
189
- offsetY: '1px',
190
- blur: '0px',
191
- spread: '0px',
192
- inset: false,
193
- },
194
- $type: 'shadow',
195
- $extensions: {
196
- 'org.primer.figma': {
197
- collection: 'mode',
198
- group: 'shadow',
199
- },
200
- },
201
- },
202
- small: {
203
- $value: [
204
- {
205
- color: '{base.color.neutral.13}',
206
- alpha: 0.04,
207
- offsetX: '0px',
208
- offsetY: '1px',
209
- blur: '0px',
210
- spread: '0px',
211
- inset: false,
212
- },
213
- ],
214
- $type: 'shadow',
215
- $extensions: {
216
- 'org.primer.figma': {
217
- collection: 'mode',
218
- group: 'shadow',
219
- },
220
- },
221
- },
222
- medium: {
223
- $value: [
224
- {
225
- color: '{base.color.neutral.12}',
226
- alpha: 0.12,
227
- offsetX: '0px',
228
- offsetY: '3px',
229
- blur: '6px',
230
- spread: '0px',
231
- },
232
- ],
233
- $type: 'shadow',
234
- $extensions: {
235
- 'org.primer.figma': {
236
- collection: 'mode',
237
- group: 'shadow',
238
- },
239
- },
240
- },
241
- },
242
- floating: {
243
- small: {
244
- $value: [
245
- {
246
- color: '{overlay.borderColor}',
247
- alpha: 0.5,
248
- offsetX: '0px',
249
- offsetY: '0px',
250
- blur: '0px',
251
- spread: '1px',
252
- },
253
- {
254
- color: '{base.color.neutral.12}',
255
- alpha: 0.04,
256
- offsetX: '0px',
257
- offsetY: '6px',
258
- blur: '12px',
259
- spread: '-3px',
260
- },
261
- {
262
- color: '{base.color.neutral.12}',
263
- alpha: 0.12,
264
- offsetX: '0px',
265
- offsetY: '6px',
266
- blur: '18px',
267
- spread: '0px',
268
- },
269
- ],
270
- $type: 'shadow',
271
- $extensions: {
272
- 'org.primer.figma': {
273
- collection: 'mode',
274
- group: 'shadow',
275
- },
276
- },
277
- },
278
- medium: {
279
- $value: [
280
- {
281
- color: '{overlay.borderColor}',
282
- alpha: 0,
283
- offsetX: '0px',
284
- offsetY: '0px',
285
- blur: '0px',
286
- spread: '1px',
287
- },
288
- {
289
- color: '{base.color.neutral.12}',
290
- alpha: 0.08,
291
- offsetX: '0px',
292
- offsetY: '8px',
293
- blur: '16px',
294
- spread: '-4px',
295
- },
296
- {
297
- color: '{base.color.neutral.12}',
298
- alpha: 0.08,
299
- offsetX: '0px',
300
- offsetY: '4px',
301
- blur: '32px',
302
- spread: '-4px',
303
- },
304
- {
305
- color: '{base.color.neutral.12}',
306
- alpha: 0.08,
307
- offsetX: '0px',
308
- offsetY: '24px',
309
- blur: '48px',
310
- spread: '-12px',
311
- },
312
- {
313
- color: '{base.color.neutral.12}',
314
- alpha: 0.08,
315
- offsetX: '0px',
316
- offsetY: '48px',
317
- blur: '96px',
318
- spread: '-24px',
319
- },
320
- ],
321
- $type: 'shadow',
322
- $extensions: {
323
- 'org.primer.figma': {
324
- collection: 'mode',
325
- group: 'shadow',
326
- },
327
- },
328
- },
329
- large: {
330
- $value: [
331
- {
332
- color: '{overlay.borderColor}',
333
- alpha: 0,
334
- offsetX: '0px',
335
- offsetY: '0px',
336
- blur: '0px',
337
- spread: '1px',
338
- },
339
- {
340
- color: '{base.color.neutral.12}',
341
- alpha: 0.24,
342
- offsetX: '0px',
343
- offsetY: '40px',
344
- blur: '80px',
345
- spread: '0px',
346
- },
347
- ],
348
- $type: 'shadow',
349
- $extensions: {
350
- 'org.primer.figma': {
351
- collection: 'mode',
352
- group: 'shadow',
353
- },
354
- },
355
- },
356
- xlarge: {
357
- $value: [
358
- {
359
- color: '{overlay.borderColor}',
360
- alpha: 0,
361
- offsetX: '0px',
362
- offsetY: '0px',
363
- blur: '0px',
364
- spread: '1px',
365
- },
366
- {
367
- color: '{base.color.neutral.12}',
368
- alpha: 0.32,
369
- offsetX: '0px',
370
- offsetY: '56px',
371
- blur: '112px',
372
- spread: '0px',
373
- },
374
- ],
375
- $type: 'shadow',
376
- $extensions: {
377
- 'org.primer.figma': {
378
- collection: 'mode',
379
- group: 'shadow',
380
- },
381
- },
382
- },
383
- legacy: {
384
- $value: [
385
- {
386
- color: '{base.color.neutral.12}',
387
- alpha: 0.04,
388
- offsetX: '0px',
389
- offsetY: '6px',
390
- blur: '12px',
391
- spread: '-3px',
392
- },
393
- {
394
- color: '{base.color.neutral.12}',
395
- alpha: 0.12,
396
- offsetX: '0px',
397
- offsetY: '6px',
398
- blur: '18px',
399
- spread: '0px',
400
- },
401
- ],
402
- $type: 'shadow',
403
- },
404
- },
405
- },
406
- }