@primer/primitives 7.11.0-rc.b58505c → 7.11.0-rc.cddedd2

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 (92) hide show
  1. package/build.js +68 -68
  2. package/package.json +6 -7
  3. package/tokens-v2-private/css/tokens/base/size/size.css +1 -1
  4. package/tokens-v2-private/css/tokens/base/typography/typography.css +1 -1
  5. package/tokens-v2-private/css/tokens/functional/size/border.css +1 -1
  6. package/tokens-v2-private/css/tokens/functional/size/breakpoints.css +1 -1
  7. package/tokens-v2-private/css/tokens/functional/size/size-coarse.css +1 -1
  8. package/tokens-v2-private/css/tokens/functional/size/size-fine.css +1 -1
  9. package/tokens-v2-private/css/tokens/functional/size/size.css +1 -1
  10. package/tokens-v2-private/css/tokens/functional/typography/typography.css +1 -1
  11. package/tokens-v2-private/js/module/tokens/base/size/size.js +1 -1
  12. package/tokens-v2-private/js/module/tokens/base/typography/typography.js +1 -1
  13. package/tokens-v2-private/js/module/tokens/functional/size/border.js +1 -1
  14. package/tokens-v2-private/js/module/tokens/functional/size/breakpoints.js +1 -1
  15. package/tokens-v2-private/js/module/tokens/functional/size/size-coarse.js +1 -1
  16. package/tokens-v2-private/js/module/tokens/functional/size/size-fine.js +1 -1
  17. package/tokens-v2-private/js/module/tokens/functional/size/size.js +1 -1
  18. package/tokens-v2-private/js/module/tokens/functional/size/viewport.js +1 -1
  19. package/tokens-v2-private/js/module/tokens/functional/typography/typography.js +1 -1
  20. package/tokens-v2-private/js/tokens/base/size/size.js +1 -1
  21. package/tokens-v2-private/js/tokens/base/typography/typography.js +1 -1
  22. package/tokens-v2-private/js/tokens/functional/size/border.js +1 -1
  23. package/tokens-v2-private/js/tokens/functional/size/breakpoints.js +1 -1
  24. package/tokens-v2-private/js/tokens/functional/size/size-coarse.js +1 -1
  25. package/tokens-v2-private/js/tokens/functional/size/size-fine.js +1 -1
  26. package/tokens-v2-private/js/tokens/functional/size/size.js +1 -1
  27. package/tokens-v2-private/js/tokens/functional/size/viewport.js +1 -1
  28. package/tokens-v2-private/js/tokens/functional/typography/typography.js +1 -1
  29. package/tokens-v2-private/scss/tokens/base/size/size.scss +1 -1
  30. package/tokens-v2-private/scss/tokens/base/typography/typography.scss +1 -1
  31. package/tokens-v2-private/scss/tokens/functional/size/border.scss +1 -1
  32. package/tokens-v2-private/scss/tokens/functional/size/breakpoints.scss +1 -1
  33. package/tokens-v2-private/scss/tokens/functional/size/size-coarse.scss +1 -1
  34. package/tokens-v2-private/scss/tokens/functional/size/size-fine.scss +1 -1
  35. package/tokens-v2-private/scss/tokens/functional/size/size.scss +1 -1
  36. package/tokens-v2-private/scss/tokens/functional/size/viewport.scss +1 -1
  37. package/tokens-v2-private/scss/tokens/functional/typography/typography.scss +1 -1
  38. package/tokens-v2-private/ts/tokens/base/size/size.d.ts +1 -1
  39. package/tokens-v2-private/ts/tokens/base/size/size.js +1 -1
  40. package/tokens-v2-private/ts/tokens/base/typography/typography.d.ts +1 -1
  41. package/tokens-v2-private/ts/tokens/base/typography/typography.js +1 -1
  42. package/tokens-v2-private/ts/tokens/functional/size/border.d.ts +1 -1
  43. package/tokens-v2-private/ts/tokens/functional/size/border.js +1 -1
  44. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.d.ts +1 -1
  45. package/tokens-v2-private/ts/tokens/functional/size/breakpoints.js +1 -1
  46. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.d.ts +1 -1
  47. package/tokens-v2-private/ts/tokens/functional/size/size-coarse.js +1 -1
  48. package/tokens-v2-private/ts/tokens/functional/size/size-fine.d.ts +1 -1
  49. package/tokens-v2-private/ts/tokens/functional/size/size-fine.js +1 -1
  50. package/tokens-v2-private/ts/tokens/functional/size/size.d.ts +1 -1
  51. package/tokens-v2-private/ts/tokens/functional/size/size.js +1 -1
  52. package/tokens-v2-private/ts/tokens/functional/size/viewport.d.ts +1 -1
  53. package/tokens-v2-private/ts/tokens/functional/size/viewport.js +1 -1
  54. package/tokens-v2-private/ts/tokens/functional/typography/typography.d.ts +1 -1
  55. package/tokens-v2-private/ts/tokens/functional/typography/typography.js +1 -1
  56. package/tokens/base/color/dark/dark.dimmed.json5 +0 -128
  57. package/tokens/base/color/dark/dark.high-contrast.json5 +0 -128
  58. package/tokens/base/color/dark/dark.json5 +0 -133
  59. package/tokens/base/color/dark/dark.protanopia-deuteranopia.json5 +0 -48
  60. package/tokens/base/color/dark/dark.tritanopia.json5 +0 -96
  61. package/tokens/base/color/light/light.high-contrast.json5 +0 -394
  62. package/tokens/base/color/light/light.json5 +0 -403
  63. package/tokens/base/color/light/light.protanopia-deuteranopia.json5 +0 -138
  64. package/tokens/base/color/light/light.tritanopia.json5 +0 -96
  65. package/tokens/functional/border/dark.json5 +0 -12
  66. package/tokens/functional/border/light.json5 +0 -12
  67. package/tokens/functional/color/dark/ansi-dark.json5 +0 -74
  68. package/tokens/functional/color/dark/checks-dark.json5 +0 -289
  69. package/tokens/functional/color/dark/components-dark.json5 +0 -556
  70. package/tokens/functional/color/dark/diff-dark.json5 +0 -78
  71. package/tokens/functional/color/dark/marketing-dark.json5 +0 -24
  72. package/tokens/functional/color/dark/misc-dark.json5 +0 -38
  73. package/tokens/functional/color/dark/overrides/dark.dimmed.json5 +0 -17
  74. package/tokens/functional/color/dark/overrides/dark.high-contrast.json5 +0 -276
  75. package/tokens/functional/color/dark/overrides/dark.protanopia-deuteranopia.json5 +0 -50
  76. package/tokens/functional/color/dark/overrides/dark.tritanopia.json5 +0 -49
  77. package/tokens/functional/color/dark/primitives-dark.json5 +0 -322
  78. package/tokens/functional/color/dark/syntax-dark.json5 +0 -208
  79. package/tokens/functional/color/light/ansi-light.json5 +0 -74
  80. package/tokens/functional/color/light/checks-light.json5 +0 -296
  81. package/tokens/functional/color/light/components-light.json5 +0 -469
  82. package/tokens/functional/color/light/diff-light.json5 +0 -76
  83. package/tokens/functional/color/light/marketing-light.json5 +0 -24
  84. package/tokens/functional/color/light/misc-light.json5 +0 -37
  85. package/tokens/functional/color/light/overrides/light.high-contrast.json5 +0 -332
  86. package/tokens/functional/color/light/overrides/light.protanopia-deuteranopia.json5 +0 -92
  87. package/tokens/functional/color/light/overrides/light.tritanopia.json5 +0 -92
  88. package/tokens/functional/color/light/primitives-light.json5 +0 -313
  89. package/tokens/functional/color/light/syntax-light.json5 +0 -208
  90. package/tokens/functional/color/scales.json5 +0 -493
  91. package/tokens/functional/shadow/dark.json5 +0 -93
  92. 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
- }