@primer/primitives 7.11.0-rc.ef05680 → 7.11.0-rc.efbf6d5

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 (95) hide show
  1. package/CHANGELOG.md +35 -0
  2. package/README.md +2 -2
  3. package/dist/color-contrast-check.json +1 -1
  4. package/dist/deprecated/colors.json +7 -1
  5. package/package.json +11 -11
  6. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  7. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  8. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  9. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  10. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  11. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  12. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  13. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  14. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  15. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  16. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  17. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  18. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  19. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  20. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  21. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  22. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  23. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  24. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  25. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  26. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  27. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  28. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  29. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  30. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  31. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  32. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  33. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  34. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  35. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  36. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  37. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  38. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  39. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  40. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  41. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  42. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  43. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  44. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  45. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  46. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  47. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  48. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  49. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  50. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  51. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  52. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  53. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  54. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  55. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  56. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  57. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  58. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  59. package/tokens/base/color/dark/dark.dimmed.json5 +0 -128
  60. package/tokens/base/color/dark/dark.high-contrast.json5 +0 -128
  61. package/tokens/base/color/dark/dark.json5 +0 -133
  62. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +0 -48
  63. package/tokens/base/color/dark/dark.tritanopia.json5 +0 -96
  64. package/tokens/base/color/light/light.high-contrast.json5 +0 -394
  65. package/tokens/base/color/light/light.json5 +0 -403
  66. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +0 -138
  67. package/tokens/base/color/light/light.tritanopia.json5 +0 -96
  68. package/tokens/functional/border/dark.json5 +0 -12
  69. package/tokens/functional/border/light.json5 +0 -12
  70. package/tokens/functional/color/dark/ansi-dark.json5 +0 -74
  71. package/tokens/functional/color/dark/checks-dark.json5 +0 -289
  72. package/tokens/functional/color/dark/components-dark.json5 +0 -556
  73. package/tokens/functional/color/dark/diff-dark.json5 +0 -78
  74. package/tokens/functional/color/dark/marketing-dark.json5 +0 -24
  75. package/tokens/functional/color/dark/misc-dark.json5 +0 -38
  76. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -17
  77. package/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -276
  78. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -50
  79. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -49
  80. package/tokens/functional/color/dark/primitives-dark.json5 +0 -322
  81. package/tokens/functional/color/dark/syntax-dark.json5 +0 -208
  82. package/tokens/functional/color/light/ansi-light.json5 +0 -74
  83. package/tokens/functional/color/light/checks-light.json5 +0 -296
  84. package/tokens/functional/color/light/components-light.json5 +0 -469
  85. package/tokens/functional/color/light/diff-light.json5 +0 -76
  86. package/tokens/functional/color/light/marketing-light.json5 +0 -24
  87. package/tokens/functional/color/light/misc-light.json5 +0 -37
  88. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -332
  89. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -92
  90. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -92
  91. package/tokens/functional/color/light/primitives-light.json5 +0 -313
  92. package/tokens/functional/color/light/syntax-light.json5 +0 -208
  93. package/tokens/functional/color/scales.json5 +0 -493
  94. package/tokens/functional/shadow/dark.json5 +0 -93
  95. package/tokens/functional/shadow/light.json5 +0 -100
@@ -1,493 +0,0 @@
1
- /**
2
- * Color scales
3
- * @description This is used to export base scales
4
- */
5
- {
6
- color: {
7
- scale: {
8
- black: {
9
- $value: '{base.color.scale.black}',
10
- $type: 'color',
11
- description: 'Avoid using scales, use other functional tokens instead'
12
- },
13
- transparent: {
14
- $value: '{base.color.scale.transparent}',
15
- $type: 'color',
16
- description: 'Avoid using scales, use other functional tokens instead'
17
- },
18
- white: {
19
- $value: '{base.color.scale.white}',
20
- $type: 'color',
21
- description: 'Avoid using scales, use other functional tokens instead'
22
- },
23
- gray: {
24
- '0': {
25
- $value: '{base.color.scale.gray.0}',
26
- $type: 'color',
27
- description: 'Avoid using scales, use other functional tokens instead'
28
- },
29
- '1': {
30
- $value: '{base.color.scale.gray.1}',
31
- $type: 'color',
32
- description: 'Avoid using scales, use other functional tokens instead'
33
- },
34
- '2': {
35
- $value: '{base.color.scale.gray.2}',
36
- $type: 'color',
37
- description: 'Avoid using scales, use other functional tokens instead'
38
- },
39
- '3': {
40
- $value: '{base.color.scale.gray.3}',
41
- $type: 'color',
42
- description: 'Avoid using scales, use other functional tokens instead'
43
- },
44
- '4': {
45
- $value: '{base.color.scale.gray.4}',
46
- $type: 'color',
47
- description: 'Avoid using scales, use other functional tokens instead'
48
- },
49
- '5': {
50
- $value: '{base.color.scale.gray.5}',
51
- $type: 'color',
52
- description: 'Avoid using scales, use other functional tokens instead'
53
- },
54
- '6': {
55
- $value: '{base.color.scale.gray.6}',
56
- $type: 'color',
57
- description: 'Avoid using scales, use other functional tokens instead'
58
- },
59
- '7': {
60
- $value: '{base.color.scale.gray.7}',
61
- $type: 'color',
62
- description: 'Avoid using scales, use other functional tokens instead'
63
- },
64
- '8': {
65
- $value: '{base.color.scale.gray.8}',
66
- $type: 'color',
67
- description: 'Avoid using scales, use other functional tokens instead'
68
- },
69
- '9': {
70
- $value: '{base.color.scale.gray.9}',
71
- $type: 'color',
72
- description: 'Avoid using scales, use other functional tokens instead'
73
- }
74
- },
75
- blue: {
76
- '0': {
77
- $value: '{base.color.scale.blue.0}',
78
- $type: 'color',
79
- description: 'Avoid using scales, use other functional tokens instead'
80
- },
81
- '1': {
82
- $value: '{base.color.scale.blue.1}',
83
- $type: 'color',
84
- description: 'Avoid using scales, use other functional tokens instead'
85
- },
86
- '2': {
87
- $value: '{base.color.scale.blue.2}',
88
- $type: 'color',
89
- description: 'Avoid using scales, use other functional tokens instead'
90
- },
91
- '3': {
92
- $value: '{base.color.scale.blue.3}',
93
- $type: 'color',
94
- description: 'Avoid using scales, use other functional tokens instead'
95
- },
96
- '4': {
97
- $value: '{base.color.scale.blue.4}',
98
- $type: 'color',
99
- description: 'Avoid using scales, use other functional tokens instead'
100
- },
101
- '5': {
102
- $value: '{base.color.scale.blue.5}',
103
- $type: 'color',
104
- description: 'Avoid using scales, use other functional tokens instead'
105
- },
106
- '6': {
107
- $value: '{base.color.scale.blue.6}',
108
- $type: 'color',
109
- description: 'Avoid using scales, use other functional tokens instead'
110
- },
111
- '7': {
112
- $value: '{base.color.scale.blue.7}',
113
- $type: 'color',
114
- description: 'Avoid using scales, use other functional tokens instead'
115
- },
116
- '8': {
117
- $value: '{base.color.scale.blue.8}',
118
- $type: 'color',
119
- description: 'Avoid using scales, use other functional tokens instead'
120
- },
121
- '9': {
122
- $value: '{base.color.scale.blue.9}',
123
- $type: 'color',
124
- description: 'Avoid using scales, use other functional tokens instead'
125
- }
126
- },
127
- green: {
128
- '0': {
129
- $value: '{base.color.scale.green.0}',
130
- $type: 'color',
131
- description: 'Avoid using scales, use other functional tokens instead'
132
- },
133
- '1': {
134
- $value: '{base.color.scale.green.1}',
135
- $type: 'color',
136
- description: 'Avoid using scales, use other functional tokens instead'
137
- },
138
- '2': {
139
- $value: '{base.color.scale.green.2}',
140
- $type: 'color',
141
- description: 'Avoid using scales, use other functional tokens instead'
142
- },
143
- '3': {
144
- $value: '{base.color.scale.green.3}',
145
- $type: 'color',
146
- description: 'Avoid using scales, use other functional tokens instead'
147
- },
148
- '4': {
149
- $value: '{base.color.scale.green.4}',
150
- $type: 'color',
151
- description: 'Avoid using scales, use other functional tokens instead'
152
- },
153
- '5': {
154
- $value: '{base.color.scale.green.5}',
155
- $type: 'color',
156
- description: 'Avoid using scales, use other functional tokens instead'
157
- },
158
- '6': {
159
- $value: '{base.color.scale.green.6}',
160
- $type: 'color',
161
- description: 'Avoid using scales, use other functional tokens instead'
162
- },
163
- '7': {
164
- $value: '{base.color.scale.green.7}',
165
- $type: 'color',
166
- description: 'Avoid using scales, use other functional tokens instead'
167
- },
168
- '8': {
169
- $value: '{base.color.scale.green.8}',
170
- $type: 'color',
171
- description: 'Avoid using scales, use other functional tokens instead'
172
- },
173
- '9': {
174
- $value: '{base.color.scale.green.9}',
175
- $type: 'color',
176
- description: 'Avoid using scales, use other functional tokens instead'
177
- }
178
- },
179
- yellow: {
180
- '0': {
181
- $value: '{base.color.scale.yellow.0}',
182
- $type: 'color',
183
- description: 'Avoid using scales, use other functional tokens instead'
184
- },
185
- '1': {
186
- $value: '{base.color.scale.yellow.1}',
187
- $type: 'color',
188
- description: 'Avoid using scales, use other functional tokens instead'
189
- },
190
- '2': {
191
- $value: '{base.color.scale.yellow.2}',
192
- $type: 'color',
193
- description: 'Avoid using scales, use other functional tokens instead'
194
- },
195
- '3': {
196
- $value: '{base.color.scale.yellow.3}',
197
- $type: 'color',
198
- description: 'Avoid using scales, use other functional tokens instead'
199
- },
200
- '4': {
201
- $value: '{base.color.scale.yellow.4}',
202
- $type: 'color',
203
- description: 'Avoid using scales, use other functional tokens instead'
204
- },
205
- '5': {
206
- $value: '{base.color.scale.yellow.5}',
207
- $type: 'color',
208
- description: 'Avoid using scales, use other functional tokens instead'
209
- },
210
- '6': {
211
- $value: '{base.color.scale.yellow.6}',
212
- $type: 'color',
213
- description: 'Avoid using scales, use other functional tokens instead'
214
- },
215
- '7': {
216
- $value: '{base.color.scale.yellow.7}',
217
- $type: 'color',
218
- description: 'Avoid using scales, use other functional tokens instead'
219
- },
220
- '8': {
221
- $value: '{base.color.scale.yellow.8}',
222
- $type: 'color',
223
- description: 'Avoid using scales, use other functional tokens instead'
224
- },
225
- '9': {
226
- $value: '{base.color.scale.yellow.9}',
227
- $type: 'color',
228
- description: 'Avoid using scales, use other functional tokens instead'
229
- }
230
- },
231
- orange: {
232
- '0': {
233
- $value: '{base.color.scale.orange.0}',
234
- $type: 'color',
235
- description: 'Avoid using scales, use other functional tokens instead'
236
- },
237
- '1': {
238
- $value: '{base.color.scale.orange.1}',
239
- $type: 'color',
240
- description: 'Avoid using scales, use other functional tokens instead'
241
- },
242
- '2': {
243
- $value: '{base.color.scale.orange.2}',
244
- $type: 'color',
245
- description: 'Avoid using scales, use other functional tokens instead'
246
- },
247
- '3': {
248
- $value: '{base.color.scale.orange.3}',
249
- $type: 'color',
250
- description: 'Avoid using scales, use other functional tokens instead'
251
- },
252
- '4': {
253
- $value: '{base.color.scale.orange.4}',
254
- $type: 'color',
255
- description: 'Avoid using scales, use other functional tokens instead'
256
- },
257
- '5': {
258
- $value: '{base.color.scale.orange.5}',
259
- $type: 'color',
260
- description: 'Avoid using scales, use other functional tokens instead'
261
- },
262
- '6': {
263
- $value: '{base.color.scale.orange.6}',
264
- $type: 'color',
265
- description: 'Avoid using scales, use other functional tokens instead'
266
- },
267
- '7': {
268
- $value: '{base.color.scale.orange.7}',
269
- $type: 'color',
270
- description: 'Avoid using scales, use other functional tokens instead'
271
- },
272
- '8': {
273
- $value: '{base.color.scale.orange.8}',
274
- $type: 'color',
275
- description: 'Avoid using scales, use other functional tokens instead'
276
- },
277
- '9': {
278
- $value: '{base.color.scale.orange.9}',
279
- $type: 'color',
280
- description: 'Avoid using scales, use other functional tokens instead'
281
- }
282
- },
283
- red: {
284
- '0': {
285
- $value: '{base.color.scale.red.0}',
286
- $type: 'color',
287
- description: 'Avoid using scales, use other functional tokens instead'
288
- },
289
- '1': {
290
- $value: '{base.color.scale.red.1}',
291
- $type: 'color',
292
- description: 'Avoid using scales, use other functional tokens instead'
293
- },
294
- '2': {
295
- $value: '{base.color.scale.red.2}',
296
- $type: 'color',
297
- description: 'Avoid using scales, use other functional tokens instead'
298
- },
299
- '3': {
300
- $value: '{base.color.scale.red.3}',
301
- $type: 'color',
302
- description: 'Avoid using scales, use other functional tokens instead'
303
- },
304
- '4': {
305
- $value: '{base.color.scale.red.4}',
306
- $type: 'color',
307
- description: 'Avoid using scales, use other functional tokens instead'
308
- },
309
- '5': {
310
- $value: '{base.color.scale.red.5}',
311
- $type: 'color',
312
- description: 'Avoid using scales, use other functional tokens instead'
313
- },
314
- '6': {
315
- $value: '{base.color.scale.red.6}',
316
- $type: 'color',
317
- description: 'Avoid using scales, use other functional tokens instead'
318
- },
319
- '7': {
320
- $value: '{base.color.scale.red.7}',
321
- $type: 'color',
322
- description: 'Avoid using scales, use other functional tokens instead'
323
- },
324
- '8': {
325
- $value: '{base.color.scale.red.8}',
326
- $type: 'color',
327
- description: 'Avoid using scales, use other functional tokens instead'
328
- },
329
- '9': {
330
- $value: '{base.color.scale.red.9}',
331
- $type: 'color',
332
- description: 'Avoid using scales, use other functional tokens instead'
333
- }
334
- },
335
- purple: {
336
- '0': {
337
- $value: '{base.color.scale.purple.0}',
338
- $type: 'color',
339
- description: 'Avoid using scales, use other functional tokens instead'
340
- },
341
- '1': {
342
- $value: '{base.color.scale.purple.1}',
343
- $type: 'color',
344
- description: 'Avoid using scales, use other functional tokens instead'
345
- },
346
- '2': {
347
- $value: '{base.color.scale.purple.2}',
348
- $type: 'color',
349
- description: 'Avoid using scales, use other functional tokens instead'
350
- },
351
- '3': {
352
- $value: '{base.color.scale.purple.3}',
353
- $type: 'color',
354
- description: 'Avoid using scales, use other functional tokens instead'
355
- },
356
- '4': {
357
- $value: '{base.color.scale.purple.4}',
358
- $type: 'color',
359
- description: 'Avoid using scales, use other functional tokens instead'
360
- },
361
- '5': {
362
- $value: '{base.color.scale.purple.5}',
363
- $type: 'color',
364
- description: 'Avoid using scales, use other functional tokens instead'
365
- },
366
- '6': {
367
- $value: '{base.color.scale.purple.6}',
368
- $type: 'color',
369
- description: 'Avoid using scales, use other functional tokens instead'
370
- },
371
- '7': {
372
- $value: '{base.color.scale.purple.7}',
373
- $type: 'color',
374
- description: 'Avoid using scales, use other functional tokens instead'
375
- },
376
- '8': {
377
- $value: '{base.color.scale.purple.8}',
378
- $type: 'color',
379
- description: 'Avoid using scales, use other functional tokens instead'
380
- },
381
- '9': {
382
- $value: '{base.color.scale.purple.9}',
383
- $type: 'color',
384
- description: 'Avoid using scales, use other functional tokens instead'
385
- }
386
- },
387
- pink: {
388
- '0': {
389
- $value: '{base.color.scale.pink.0}',
390
- $type: 'color',
391
- description: 'Avoid using scales, use other functional tokens instead'
392
- },
393
- '1': {
394
- $value: '{base.color.scale.pink.1}',
395
- $type: 'color',
396
- description: 'Avoid using scales, use other functional tokens instead'
397
- },
398
- '2': {
399
- $value: '{base.color.scale.pink.2}',
400
- $type: 'color',
401
- description: 'Avoid using scales, use other functional tokens instead'
402
- },
403
- '3': {
404
- $value: '{base.color.scale.pink.3}',
405
- $type: 'color',
406
- description: 'Avoid using scales, use other functional tokens instead'
407
- },
408
- '4': {
409
- $value: '{base.color.scale.pink.4}',
410
- $type: 'color',
411
- description: 'Avoid using scales, use other functional tokens instead'
412
- },
413
- '5': {
414
- $value: '{base.color.scale.pink.5}',
415
- $type: 'color',
416
- description: 'Avoid using scales, use other functional tokens instead'
417
- },
418
- '6': {
419
- $value: '{base.color.scale.pink.6}',
420
- $type: 'color',
421
- description: 'Avoid using scales, use other functional tokens instead'
422
- },
423
- '7': {
424
- $value: '{base.color.scale.pink.7}',
425
- $type: 'color',
426
- description: 'Avoid using scales, use other functional tokens instead'
427
- },
428
- '8': {
429
- $value: '{base.color.scale.pink.8}',
430
- $type: 'color',
431
- description: 'Avoid using scales, use other functional tokens instead'
432
- },
433
- '9': {
434
- $value: '{base.color.scale.pink.9}',
435
- $type: 'color',
436
- description: 'Avoid using scales, use other functional tokens instead'
437
- }
438
- },
439
- coral: {
440
- '0': {
441
- $value: '{base.color.scale.coral.0}',
442
- $type: 'color',
443
- description: 'Avoid using scales, use other functional tokens instead'
444
- },
445
- '1': {
446
- $value: '{base.color.scale.coral.1}',
447
- $type: 'color',
448
- description: 'Avoid using scales, use other functional tokens instead'
449
- },
450
- '2': {
451
- $value: '{base.color.scale.coral.2}',
452
- $type: 'color',
453
- description: 'Avoid using scales, use other functional tokens instead'
454
- },
455
- '3': {
456
- $value: '{base.color.scale.coral.3}',
457
- $type: 'color',
458
- description: 'Avoid using scales, use other functional tokens instead'
459
- },
460
- '4': {
461
- $value: '{base.color.scale.coral.4}',
462
- $type: 'color',
463
- description: 'Avoid using scales, use other functional tokens instead'
464
- },
465
- '5': {
466
- $value: '{base.color.scale.coral.5}',
467
- $type: 'color',
468
- description: 'Avoid using scales, use other functional tokens instead'
469
- },
470
- '6': {
471
- $value: '{base.color.scale.coral.6}',
472
- $type: 'color',
473
- description: 'Avoid using scales, use other functional tokens instead'
474
- },
475
- '7': {
476
- $value: '{base.color.scale.coral.7}',
477
- $type: 'color',
478
- description: 'Avoid using scales, use other functional tokens instead'
479
- },
480
- '8': {
481
- $value: '{base.color.scale.coral.8}',
482
- $type: 'color',
483
- description: 'Avoid using scales, use other functional tokens instead'
484
- },
485
- '9': {
486
- $value: '{base.color.scale.coral.9}',
487
- $type: 'color',
488
- description: 'Avoid using scales, use other functional tokens instead'
489
- }
490
- }
491
- }
492
- }
493
- }
@@ -1,93 +0,0 @@
1
- {
2
- shadow: {
3
- color: {
4
- small: {
5
- $value: '{base.color.scale.black}',
6
- alpha: 0.96,
7
- $type: 'color'
8
- },
9
- medium: {
10
- $value: '{base.color.scale.gray.4}',
11
- alpha: 0.85,
12
- $type: 'color'
13
- },
14
- large: {
15
- $value: '{base.color.scale.gray.4}',
16
- alpha: 0.8,
17
- $type: 'color'
18
- },
19
- extraLarge: {
20
- $value: '{base.color.scale.gray.4}',
21
- alpha: 0.7,
22
- $type: 'color'
23
- },
24
- highlight: {
25
- $value: '{base.color.scale.white}',
26
- alpha: 0.25,
27
- $type: 'color'
28
- },
29
- inset: {
30
- $value: '{base.color.scale.gray.2}',
31
- alpha: 0,
32
- $type: 'color'
33
- }
34
- },
35
- small: {
36
- $value: {
37
- color: '{shadow.color.small}',
38
- offsetX: '0px',
39
- offsetY: '1px',
40
- blur: '0px',
41
- spread: "0px"
42
- },
43
- $type: 'shadow'
44
- },
45
- medium: {
46
- $value: {
47
- color: '{shadow.color.medium}',
48
- offsetX: '0px',
49
- offsetY: '3px',
50
- blur: '6px',
51
- spread: "0px"
52
- },
53
- $type: 'shadow'
54
- },
55
- large: {
56
- $value: {
57
- color: '{shadow.color.large}',
58
- offsetX: '0px',
59
- offsetY: '8px',
60
- blur: '24px',
61
- spread: "0px"
62
- },
63
- $type: 'shadow'
64
- },
65
- extraLarge: {
66
- $value: {
67
- color: '{shadow.color.extraLarge}',
68
- offsetX: '0px',
69
- offsetY: '12px',
70
- blur: '28px',
71
- spread: "0px"
72
- },
73
- $type: 'shadow'
74
- },
75
- // components
76
- overlay: {
77
- $value: [{
78
- color: '{base.color.scale.gray.6}',
79
- offsetX: '0px',
80
- offsetY: '0px',
81
- blur: '0px',
82
- spread: "1px"
83
- },{
84
- color: '{shadow.color.medium}',
85
- offsetX: '0px',
86
- offsetY: '16px',
87
- blur: '32px',
88
- spread: "0px"
89
- }],
90
- $type: 'shadow'
91
- }
92
- }
93
- }
@@ -1,100 +0,0 @@
1
- {
2
- shadow: {
3
- color: {
4
- small: {
5
- $value: '{base.color.scale.black}',
6
- alpha: 0.96,
7
- $type: 'color'
8
- },
9
- medium: {
10
- $value: '{base.color.scale.gray.4}',
11
- alpha: 0.85,
12
- $type: 'color'
13
- },
14
- large: {
15
- $value: '{base.color.scale.gray.4}',
16
- alpha: 0.8,
17
- $type: 'color'
18
- },
19
- extraLarge: {
20
- $value: '{base.color.scale.gray.4}',
21
- alpha: 0.7,
22
- $type: 'color'
23
- },
24
- highlight: {
25
- $value: '{base.color.scale.white}',
26
- alpha: 0.25,
27
- $type: 'color'
28
- },
29
- inset: {
30
- $value: '{base.color.scale.gray.2}',
31
- alpha: 0,
32
- $type: 'color'
33
- },
34
- semiBlack: {
35
- "12": {
36
- $value: '{base.color.scale.black}',
37
- alpha: 0.12,
38
- $type: 'color'
39
- }
40
- }
41
- },
42
- small: {
43
- $value: {
44
- color: '{shadow.color.small}',
45
- offsetX: '0px',
46
- offsetY: '1px',
47
- blur: '0px',
48
- spread: "0px"
49
- },
50
- $type: 'shadow'
51
- },
52
- medium: {
53
- $value: {
54
- color: '{shadow.color.medium}',
55
- offsetX: '0px',
56
- offsetY: '3px',
57
- blur: '6px',
58
- spread: "0px"
59
- },
60
- $type: 'shadow'
61
- },
62
- large: {
63
- $value: {
64
- color: '{shadow.color.large}',
65
- offsetX: '0px',
66
- offsetY: '8px',
67
- blur: '24px',
68
- spread: "0px"
69
- },
70
- $type: 'shadow'
71
- },
72
- extraLarge: {
73
- $value: {
74
- color: '{shadow.color.extraLarge}',
75
- offsetX: '0px',
76
- offsetY: '12px',
77
- blur: '28px',
78
- spread: "0px"
79
- },
80
- $type: 'shadow'
81
- },
82
- // components
83
- overlay: {
84
- $value: [{
85
- color: '{shadow.color.semiBlack.12}',
86
- offsetX: '0px',
87
- offsetY: '1px',
88
- blur: '3px',
89
- spread: "0px"
90
- },{
91
- color: '{shadow.color.semiBlack.12}',
92
- offsetX: '0px',
93
- offsetY: '8px',
94
- blur: '24px',
95
- spread: "0px"
96
- }],
97
- $type: 'shadow'
98
- }
99
- }
100
- }