@esri/calcite-design-tokens 1.1.1-next.1 → 2.0.0-rc.0

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 (148) hide show
  1. package/README.md +7 -9
  2. package/dist/css/breakpoint.css +29 -0
  3. package/dist/css/classes.css +327 -0
  4. package/dist/css/core.css +344 -0
  5. package/dist/css/dark.css +45 -0
  6. package/dist/css/global.css +103 -0
  7. package/dist/css/index.css +176 -0
  8. package/dist/css/light.css +45 -0
  9. package/dist/es6/core.d.ts +342 -0
  10. package/dist/es6/core.js +342 -0
  11. package/dist/es6/global.d.ts +207 -0
  12. package/dist/es6/global.js +207 -0
  13. package/dist/js/core.d.ts +466 -0
  14. package/dist/js/core.js +8795 -0
  15. package/dist/js/global.d.ts +331 -0
  16. package/dist/js/global.js +6597 -0
  17. package/dist/scss/breakpoints.scss +37 -0
  18. package/dist/scss/core.scss +342 -0
  19. package/dist/scss/dark.scss +43 -0
  20. package/dist/scss/index.scss +92 -0
  21. package/dist/scss/light.scss +43 -0
  22. package/dist/scss/mixins.scss +342 -0
  23. package/package.json +28 -21
  24. package/.eslintrc.cjs +0 -85
  25. package/.turbo/turbo-build.log +0 -7034
  26. package/.turbo/turbo-test.log +0 -14
  27. package/CHANGELOG.md +0 -29
  28. package/CONTRIBUTING.md +0 -41
  29. package/dist/css/brand-light.css +0 -9
  30. package/dist/css/calcite-dark.css +0 -504
  31. package/dist/css/calcite-headless.css +0 -2615
  32. package/dist/css/calcite-light.css +0 -507
  33. package/dist/es6/brand-light.d.ts +0 -7
  34. package/dist/es6/brand-light.js +0 -7
  35. package/dist/es6/calcite-dark.d.ts +0 -502
  36. package/dist/es6/calcite-dark.js +0 -502
  37. package/dist/es6/calcite-headless.d.ts +0 -2613
  38. package/dist/es6/calcite-headless.js +0 -2613
  39. package/dist/es6/calcite-light.d.ts +0 -505
  40. package/dist/es6/calcite-light.js +0 -505
  41. package/dist/js/brand-light.d.ts +0 -72
  42. package/dist/js/brand-light.js +0 -95
  43. package/dist/js/calcite-dark.d.ts +0 -563
  44. package/dist/js/calcite-dark.js +0 -10024
  45. package/dist/js/calcite-headless.d.ts +0 -1730
  46. package/dist/js/calcite-headless.js +0 -50082
  47. package/dist/js/calcite-light.d.ts +0 -544
  48. package/dist/js/calcite-light.js +0 -10090
  49. package/dist/scss/calcite-dark.scss +0 -535
  50. package/dist/scss/calcite-headless.scss +0 -3012
  51. package/dist/scss/calcite-light.scss +0 -538
  52. package/jest.config.json +0 -16
  53. package/src/$metadata.json +0 -76
  54. package/src/$themes.json +0 -2363
  55. package/src/brand/dark.json +0 -1
  56. package/src/brand/global.json +0 -1
  57. package/src/brand/light.json +0 -20
  58. package/src/calcite/dark.json +0 -2488
  59. package/src/calcite/light.json +0 -2508
  60. package/src/component/accordion-item.json +0 -172
  61. package/src/component/accordion.json +0 -192
  62. package/src/component/action-bar-grid.json +0 -66
  63. package/src/component/action-bar.json +0 -66
  64. package/src/component/action-pad-grid.json +0 -80
  65. package/src/component/action-pad.json +0 -80
  66. package/src/component/action.json +0 -156
  67. package/src/component/alert.json +0 -258
  68. package/src/component/avatar.json +0 -140
  69. package/src/component/block-section.json +0 -124
  70. package/src/component/block.json +0 -198
  71. package/src/component/button.json +0 -650
  72. package/src/component/card.json +0 -116
  73. package/src/component/checkbox.json +0 -110
  74. package/src/component/chip.json +0 -382
  75. package/src/component/color-picker.json +0 -148
  76. package/src/component/combobox.json +0 -152
  77. package/src/component/date-picker.json +0 -354
  78. package/src/component/dropdown-item.json +0 -384
  79. package/src/component/dropdown.json +0 -58
  80. package/src/component/fab.json +0 -490
  81. package/src/component/filter.json +0 -174
  82. package/src/component/icon.json +0 -18
  83. package/src/component/input-date-picker.json +0 -224
  84. package/src/component/input-datetime-local.json +0 -230
  85. package/src/component/input-email.json +0 -244
  86. package/src/component/input-file.json +0 -244
  87. package/src/component/input-message.json +0 -72
  88. package/src/component/input-month.json +0 -244
  89. package/src/component/input-number.json +0 -244
  90. package/src/component/input-password.json +0 -244
  91. package/src/component/input-search.json +0 -244
  92. package/src/component/input-telephone.json +0 -244
  93. package/src/component/input-text.json +0 -244
  94. package/src/component/input-time.json +0 -1
  95. package/src/component/input-week.json +0 -244
  96. package/src/component/label.json +0 -26
  97. package/src/component/link.json +0 -44
  98. package/src/component/loader.json +0 -130
  99. package/src/component/modal.json +0 -278
  100. package/src/component/notice.json +0 -280
  101. package/src/component/pagination.json +0 -152
  102. package/src/component/panel-header.json +0 -88
  103. package/src/component/popover.json +0 -170
  104. package/src/component/radio.json +0 -124
  105. package/src/component/rating.json +0 -243
  106. package/src/component/scrim.json +0 -18
  107. package/src/component/segmented-control.json +0 -154
  108. package/src/component/slider-histogram-range.json +0 -284
  109. package/src/component/slider-histogram.json +0 -280
  110. package/src/component/slider-range.json +0 -226
  111. package/src/component/slider.json +0 -226
  112. package/src/component/split-button.json +0 -830
  113. package/src/component/stepper-item.json +0 -372
  114. package/src/component/stepper.json +0 -152
  115. package/src/component/switch.json +0 -178
  116. package/src/component/tab-title.json +0 -228
  117. package/src/component/tabs.json +0 -242
  118. package/src/component/textarea.json +0 -200
  119. package/src/component/time-picker.json +0 -138
  120. package/src/component/tip-manager.json +0 -118
  121. package/src/component/tip.json +0 -114
  122. package/src/component/tooltip.json +0 -66
  123. package/src/component/tree-item.json +0 -176
  124. package/src/core.json +0 -1833
  125. package/src/semantic.json +0 -1709
  126. package/support/run.ts +0 -16
  127. package/support/token-transformer/format/javascript.ts +0 -22
  128. package/support/token-transformer/format/scss.ts +0 -81
  129. package/support/token-transformer/getThemes.ts +0 -41
  130. package/support/token-transformer/parse/expandComposites.test.ts +0 -144
  131. package/support/token-transformer/parse/expandComposites.ts +0 -72
  132. package/support/token-transformer/sd-run.ts +0 -191
  133. package/support/token-transformer/transform/nameCamelCase.test.ts +0 -36
  134. package/support/token-transformer/transform/nameCamelCase.ts +0 -15
  135. package/support/token-transformer/transform/nameKebabCase.test.ts +0 -36
  136. package/support/token-transformer/transform/nameKebabCase.ts +0 -26
  137. package/support/token-transformer/utils/compositeTokens.test.ts +0 -133
  138. package/support/token-transformer/utils/compositeTokens.ts +0 -103
  139. package/support/token-transformer/utils/convertTokenToStyleDictionaryFormat.ts +0 -20
  140. package/support/token-transformer/utils/matchList.ts +0 -11
  141. package/support/token-transformer/utils/parseName.ts +0 -18
  142. package/support/token-transformer/utils/parseTokenPath.ts +0 -19
  143. package/support/token-transformer/utils/regex.ts +0 -9
  144. package/support/token-transformer/utils/sortAllTokens.ts +0 -12
  145. package/support/token-transformer/utils/transformOptions.ts +0 -31
  146. package/tsconfig-base.json +0 -17
  147. package/tsconfig-eslint.json +0 -4
  148. package/tsconfig.json +0 -4
package/src/core.json DELETED
@@ -1,1833 +0,0 @@
1
- {
2
- "core": {
3
- "font": {
4
- "font-family": {
5
- "primary": {
6
- "value": "Avenir Next LT Pro",
7
- "type": "fontFamilies"
8
- },
9
- "secondary": {
10
- "value": "Avenir Next World",
11
- "type": "fontFamilies"
12
- },
13
- "code": {
14
- "value": "Monaco",
15
- "type": "fontFamilies"
16
- }
17
- },
18
- "font-weight": {
19
- "ultralight": {
20
- "value": "UltraLight",
21
- "type": "fontWeights",
22
- "description": "only for Avenir Next World (secondary font family)"
23
- },
24
- "thin": {
25
- "value": "Thin",
26
- "type": "fontWeights"
27
- },
28
- "light": {
29
- "value": "Light",
30
- "type": "fontWeights",
31
- "description": "only for Avenir Next World (secondary font family)"
32
- },
33
- "regular": {
34
- "value": "Regular",
35
- "type": "fontWeights"
36
- },
37
- "medium": {
38
- "value": "Medium",
39
- "type": "fontWeights"
40
- },
41
- "medium-italic": {
42
- "value": "Medium Italic",
43
- "type": "fontWeights"
44
- },
45
- "demi": {
46
- "value": "Demi",
47
- "type": "fontWeights"
48
- },
49
- "bold": {
50
- "value": "Bold",
51
- "type": "fontWeights"
52
- },
53
- "extrabold": {
54
- "value": "ExtraBold",
55
- "type": "fontWeights",
56
- "description": "only for Avenir Next World (secondary font family)"
57
- },
58
- "black": {
59
- "value": "Black",
60
- "type": "fontWeights",
61
- "description": "only for Avenir Next World (secondary font family)"
62
- },
63
- "heavy": {
64
- "value": "Heavy",
65
- "type": "fontWeights"
66
- }
67
- },
68
- "line-height": {
69
- "fixed": {
70
- "0": {
71
- "value": "12px",
72
- "type": "lineHeights"
73
- },
74
- "1": {
75
- "value": "16px",
76
- "type": "lineHeights"
77
- },
78
- "2": {
79
- "value": "20px",
80
- "type": "lineHeights"
81
- },
82
- "3": {
83
- "value": "24px",
84
- "type": "lineHeights"
85
- },
86
- "4": {
87
- "value": "28px",
88
- "type": "lineHeights"
89
- },
90
- "5": {
91
- "value": "32px",
92
- "type": "lineHeights"
93
- },
94
- "6": {
95
- "value": "36px",
96
- "type": "lineHeights"
97
- },
98
- "7": {
99
- "value": "40px",
100
- "type": "lineHeights"
101
- },
102
- "8": {
103
- "value": "48px",
104
- "type": "lineHeights"
105
- },
106
- "9": {
107
- "value": "56px",
108
- "type": "lineHeights"
109
- },
110
- "10": {
111
- "value": "64px",
112
- "type": "lineHeights"
113
- },
114
- "11": {
115
- "value": "72px",
116
- "type": "lineHeights"
117
- },
118
- "12": {
119
- "value": "80px",
120
- "type": "lineHeights"
121
- }
122
- },
123
- "relative": {
124
- "default": {
125
- "value": "auto",
126
- "type": "lineHeights",
127
- "description": "1"
128
- },
129
- "tight": {
130
- "value": "125%",
131
- "type": "lineHeights",
132
- "description": "1.25"
133
- },
134
- "snug": {
135
- "value": "137.5%",
136
- "type": "lineHeights",
137
- "description": "1.375"
138
- },
139
- "normal": {
140
- "value": "150%",
141
- "type": "lineHeights",
142
- "description": "1.5"
143
- },
144
- "relaxed": {
145
- "value": "162.5%",
146
- "type": "lineHeights",
147
- "description": "1.625"
148
- },
149
- "loose": {
150
- "value": "200%",
151
- "type": "lineHeights",
152
- "description": "2"
153
- }
154
- }
155
- },
156
- "font-size": {
157
- "0": {
158
- "value": "10px",
159
- "type": "fontSizes"
160
- },
161
- "1": {
162
- "value": "12px",
163
- "type": "fontSizes"
164
- },
165
- "2": {
166
- "value": "14px",
167
- "type": "fontSizes"
168
- },
169
- "3": {
170
- "value": "16px",
171
- "type": "fontSizes"
172
- },
173
- "4": {
174
- "value": "18px",
175
- "type": "fontSizes"
176
- },
177
- "5": {
178
- "value": "20px",
179
- "type": "fontSizes"
180
- },
181
- "6": {
182
- "value": "24px",
183
- "type": "fontSizes"
184
- },
185
- "7": {
186
- "value": "32px",
187
- "type": "fontSizes"
188
- },
189
- "8": {
190
- "value": "40px",
191
- "type": "fontSizes"
192
- },
193
- "9": {
194
- "value": "48px",
195
- "type": "fontSizes"
196
- },
197
- "10": {
198
- "value": "56px",
199
- "type": "fontSizes"
200
- },
201
- "11": {
202
- "value": "64px",
203
- "type": "fontSizes"
204
- },
205
- "12": {
206
- "value": "72px",
207
- "type": "fontSizes"
208
- },
209
- "13": {
210
- "value": "80px",
211
- "type": "fontSizes"
212
- },
213
- "14": {
214
- "value": "96px",
215
- "type": "fontSizes"
216
- },
217
- "15": {
218
- "value": "120px",
219
- "type": "fontSizes"
220
- }
221
- },
222
- "letter-spacing": {
223
- "tight": {
224
- "value": "-0.4px",
225
- "type": "letterSpacing"
226
- },
227
- "normal": {
228
- "value": "0px",
229
- "type": "letterSpacing"
230
- },
231
- "wide": {
232
- "value": "0.4px",
233
- "type": "letterSpacing"
234
- }
235
- },
236
- "paragraph-spacing": {
237
- "normal": {
238
- "value": "10px",
239
- "type": "paragraphSpacing"
240
- }
241
- },
242
- "text-decoration": {
243
- "none": {
244
- "value": "none",
245
- "type": "textDecoration"
246
- },
247
- "underline": {
248
- "value": "underline",
249
- "type": "textDecoration"
250
- }
251
- },
252
- "text-case": {
253
- "none": {
254
- "value": "none",
255
- "type": "textCase"
256
- },
257
- "uppercase": {
258
- "value": "uppercase",
259
- "type": "textCase"
260
- },
261
- "lowercase": {
262
- "value": "lowercase",
263
- "type": "textCase"
264
- },
265
- "capitalize": {
266
- "value": "capitalize",
267
- "type": "textCase"
268
- }
269
- }
270
- },
271
- "border": {
272
- "border-radius": {
273
- "0": {
274
- "value": "2px",
275
- "type": "borderRadius"
276
- },
277
- "1": {
278
- "value": "4px",
279
- "type": "borderRadius"
280
- },
281
- "2": {
282
- "value": "6px",
283
- "type": "borderRadius"
284
- },
285
- "3": {
286
- "value": "8px",
287
- "type": "borderRadius"
288
- },
289
- "4": {
290
- "value": "12px",
291
- "type": "borderRadius"
292
- },
293
- "5": {
294
- "value": "16px",
295
- "type": "borderRadius"
296
- },
297
- "6": {
298
- "value": "24px",
299
- "type": "borderRadius"
300
- },
301
- "none": {
302
- "value": "0px",
303
- "type": "borderRadius"
304
- },
305
- "half": {
306
- "value": "50%",
307
- "type": "borderRadius"
308
- },
309
- "full": {
310
- "value": "9999px",
311
- "type": "borderRadius"
312
- }
313
- },
314
- "border-width": {
315
- "0": {
316
- "value": "1px",
317
- "type": "borderWidth"
318
- },
319
- "1": {
320
- "value": "2px",
321
- "type": "borderWidth"
322
- },
323
- "2": {
324
- "value": "4px",
325
- "type": "borderWidth"
326
- },
327
- "3": {
328
- "value": "6px",
329
- "type": "borderWidth"
330
- },
331
- "4": {
332
- "value": "8px",
333
- "type": "borderWidth"
334
- },
335
- "none": {
336
- "value": "0px",
337
- "type": "borderWidth"
338
- }
339
- }
340
- },
341
- "opacity": {
342
- "0": {
343
- "value": "0%",
344
- "type": "opacity"
345
- },
346
- "4": {
347
- "value": "4%",
348
- "type": "opacity"
349
- },
350
- "8": {
351
- "value": "8%",
352
- "type": "opacity"
353
- },
354
- "10": {
355
- "value": "10%",
356
- "type": "opacity"
357
- },
358
- "20": {
359
- "value": "20%",
360
- "type": "opacity"
361
- },
362
- "30": {
363
- "value": "30%",
364
- "type": "opacity"
365
- },
366
- "40": {
367
- "value": "40%",
368
- "type": "opacity"
369
- },
370
- "50": {
371
- "value": "50%",
372
- "type": "opacity"
373
- },
374
- "60": {
375
- "value": "60%",
376
- "type": "opacity"
377
- },
378
- "70": {
379
- "value": "70%",
380
- "type": "opacity"
381
- },
382
- "80": {
383
- "value": "80%",
384
- "type": "opacity"
385
- },
386
- "85": {
387
- "value": "85%",
388
- "type": "opacity"
389
- },
390
- "90": {
391
- "value": "90%",
392
- "type": "opacity"
393
- },
394
- "92": {
395
- "value": "92%",
396
- "type": "opacity"
397
- },
398
- "96": {
399
- "value": "96%",
400
- "type": "opacity"
401
- },
402
- "100": {
403
- "value": "100%",
404
- "type": "opacity"
405
- }
406
- },
407
- "color": {
408
- "neutral": {
409
- "blk-000": {
410
- "value": "#ffffff",
411
- "type": "color"
412
- },
413
- "blk-005": {
414
- "value": "#f8f8f8",
415
- "type": "color"
416
- },
417
- "blk-010": {
418
- "value": "#f3f3f3",
419
- "type": "color"
420
- },
421
- "blk-020": {
422
- "value": "#eaeaea",
423
- "type": "color"
424
- },
425
- "blk-030": {
426
- "value": "#dfdfdf",
427
- "type": "color"
428
- },
429
- "blk-040": {
430
- "value": "#d4d4d4",
431
- "type": "color"
432
- },
433
- "blk-050": {
434
- "value": "#cacaca",
435
- "type": "color"
436
- },
437
- "blk-060": {
438
- "value": "#bfbfbf",
439
- "type": "color"
440
- },
441
- "blk-070": {
442
- "value": "#b5b5b5",
443
- "type": "color"
444
- },
445
- "blk-080": {
446
- "value": "#aaaaaa",
447
- "type": "color"
448
- },
449
- "blk-090": {
450
- "value": "#9f9f9f",
451
- "type": "color"
452
- },
453
- "blk-100": {
454
- "value": "#949494",
455
- "type": "color"
456
- },
457
- "blk-110": {
458
- "value": "#8a8a8a",
459
- "type": "color"
460
- },
461
- "blk-120": {
462
- "value": "#808080",
463
- "type": "color"
464
- },
465
- "blk-130": {
466
- "value": "#757575",
467
- "type": "color"
468
- },
469
- "blk-140": {
470
- "value": "#6a6a6a",
471
- "type": "color"
472
- },
473
- "blk-150": {
474
- "value": "#606060",
475
- "type": "color"
476
- },
477
- "blk-160": {
478
- "value": "#555555",
479
- "type": "color"
480
- },
481
- "blk-170": {
482
- "value": "#4a4a4a",
483
- "type": "color"
484
- },
485
- "blk-180": {
486
- "value": "#404040",
487
- "type": "color"
488
- },
489
- "blk-190": {
490
- "value": "#353535",
491
- "type": "color"
492
- },
493
- "blk-200": {
494
- "value": "#2b2b2b",
495
- "type": "color"
496
- },
497
- "blk-210": {
498
- "value": "#202020",
499
- "type": "color"
500
- },
501
- "blk-220": {
502
- "value": "#151515",
503
- "type": "color"
504
- },
505
- "blk-230": {
506
- "value": "#0b0b0b",
507
- "type": "color"
508
- },
509
- "blk-235": {
510
- "value": "#060606",
511
- "type": "color"
512
- },
513
- "blk-240": {
514
- "value": "#000000",
515
- "type": "color"
516
- }
517
- },
518
- "palette": {
519
- "high-saturation": {
520
- "blue": {
521
- "h-bb-010": {
522
- "value": "#c7eaff",
523
- "type": "color"
524
- },
525
- "h-bb-020": {
526
- "value": "#9fd4f3",
527
- "type": "color"
528
- },
529
- "h-bb-030": {
530
- "value": "#77bde7",
531
- "type": "color"
532
- },
533
- "h-bb-040": {
534
- "value": "#50a7da",
535
- "type": "color"
536
- },
537
- "h-bb-050": {
538
- "value": "#2890ce",
539
- "type": "color"
540
- },
541
- "h-bb-060": {
542
- "value": "#007ac2",
543
- "type": "color"
544
- },
545
- "h-bb-070": {
546
- "value": "#00619b",
547
- "type": "color"
548
- },
549
- "h-bb-080": {
550
- "value": "#004874",
551
- "type": "color"
552
- },
553
- "h-bb-090": {
554
- "value": "#00304d",
555
- "type": "color"
556
- },
557
- "h-bb-100": {
558
- "value": "#001726",
559
- "type": "color"
560
- }
561
- },
562
- "green-blue": {
563
- "h-gb-010": {
564
- "value": "#cef5f4",
565
- "type": "color"
566
- },
567
- "h-gb-020": {
568
- "value": "#afedec",
569
- "type": "color"
570
- },
571
- "h-gb-030": {
572
- "value": "#8fe6e5",
573
- "type": "color"
574
- },
575
- "h-gb-040": {
576
- "value": "#5ae0de",
577
- "type": "color"
578
- },
579
- "h-gb-050": {
580
- "value": "#28cecb",
581
- "type": "color"
582
- },
583
- "h-gb-060": {
584
- "value": "#00bab5",
585
- "type": "color"
586
- },
587
- "h-gb-070": {
588
- "value": "#009b98",
589
- "type": "color"
590
- },
591
- "h-gb-080": {
592
- "value": "#007472",
593
- "type": "color"
594
- },
595
- "h-gb-090": {
596
- "value": "#004d4c",
597
- "type": "color"
598
- },
599
- "h-gb-100": {
600
- "value": "#002625",
601
- "type": "color"
602
- }
603
- },
604
- "green": {
605
- "h-gg-010": {
606
- "value": "#bdf2c4",
607
- "type": "color"
608
- },
609
- "h-gg-020": {
610
- "value": "#a2e4ab",
611
- "type": "color"
612
- },
613
- "h-gg-030": {
614
- "value": "#87d692",
615
- "type": "color"
616
- },
617
- "h-gg-040": {
618
- "value": "#6bc878",
619
- "type": "color"
620
- },
621
- "h-gg-050": {
622
- "value": "#50ba5f",
623
- "type": "color"
624
- },
625
- "h-gg-060": {
626
- "value": "#35ac46",
627
- "type": "color"
628
- },
629
- "h-gg-070": {
630
- "value": "#288835",
631
- "type": "color"
632
- },
633
- "h-gg-080": {
634
- "value": "#1a6324",
635
- "type": "color"
636
- },
637
- "h-gg-090": {
638
- "value": "#0d3f14",
639
- "type": "color"
640
- },
641
- "h-gg-100": {
642
- "value": "#001a03",
643
- "type": "color"
644
- }
645
- },
646
- "yellow-green": {
647
- "h-yg-010": {
648
- "value": "#e5f7b4",
649
- "type": "color"
650
- },
651
- "h-yg-020": {
652
- "value": "#d9ef9f",
653
- "type": "color"
654
- },
655
- "h-yg-030": {
656
- "value": "#cde78a",
657
- "type": "color"
658
- },
659
- "h-yg-040": {
660
- "value": "#c2e075",
661
- "type": "color"
662
- },
663
- "h-yg-050": {
664
- "value": "#b6d860",
665
- "type": "color"
666
- },
667
- "h-yg-060": {
668
- "value": "#aad04b",
669
- "type": "color"
670
- },
671
- "h-yg-070": {
672
- "value": "#84a338",
673
- "type": "color"
674
- },
675
- "h-yg-080": {
676
- "value": "#5e7526",
677
- "type": "color"
678
- },
679
- "h-yg-090": {
680
- "value": "#384813",
681
- "type": "color"
682
- },
683
- "h-yg-100": {
684
- "value": "#121a00",
685
- "type": "color"
686
- }
687
- },
688
- "yellow": {
689
- "h-yy-010": {
690
- "value": "#fff7cc",
691
- "type": "color"
692
- },
693
- "h-yy-020": {
694
- "value": "#fef3ad",
695
- "type": "color"
696
- },
697
- "h-yy-030": {
698
- "value": "#fcee8d",
699
- "type": "color"
700
- },
701
- "h-yy-040": {
702
- "value": "#fbea6e",
703
- "type": "color"
704
- },
705
- "h-yy-050": {
706
- "value": "#f9e54e",
707
- "type": "color"
708
- },
709
- "h-yy-060": {
710
- "value": "#edd317",
711
- "type": "color"
712
- },
713
- "h-yy-070": {
714
- "value": "#d9bc00",
715
- "type": "color"
716
- },
717
- "h-yy-080": {
718
- "value": "#bfa200",
719
- "type": "color"
720
- },
721
- "h-yy-090": {
722
- "value": "#8c7500",
723
- "type": "color"
724
- },
725
- "h-yy-100": {
726
- "value": "#5c4e00",
727
- "type": "color"
728
- }
729
- },
730
- "orange-yellow": {
731
- "h-oy-010": {
732
- "value": "#ffe2bf",
733
- "type": "color"
734
- },
735
- "h-oy-020": {
736
- "value": "#fed3a1",
737
- "type": "color"
738
- },
739
- "h-oy-030": {
740
- "value": "#fcc582",
741
- "type": "color"
742
- },
743
- "h-oy-040": {
744
- "value": "#fbb664",
745
- "type": "color"
746
- },
747
- "h-oy-050": {
748
- "value": "#f9a845",
749
- "type": "color"
750
- },
751
- "h-oy-060": {
752
- "value": "#f89927",
753
- "type": "color"
754
- },
755
- "h-oy-070": {
756
- "value": "#c67718",
757
- "type": "color"
758
- },
759
- "h-oy-080": {
760
- "value": "#9a5b10",
761
- "type": "color"
762
- },
763
- "h-oy-090": {
764
- "value": "#6d3f08",
765
- "type": "color"
766
- },
767
- "h-oy-100": {
768
- "value": "#402300",
769
- "type": "color"
770
- }
771
- },
772
- "orange": {
773
- "h-oo-010": {
774
- "value": "#ffd8bf",
775
- "type": "color"
776
- },
777
- "h-oo-020": {
778
- "value": "#fdc39f",
779
- "type": "color"
780
- },
781
- "h-oo-030": {
782
- "value": "#faae7f",
783
- "type": "color"
784
- },
785
- "h-oo-040": {
786
- "value": "#f89960",
787
- "type": "color"
788
- },
789
- "h-oo-050": {
790
- "value": "#f58440",
791
- "type": "color"
792
- },
793
- "h-oo-060": {
794
- "value": "#f36f20",
795
- "type": "color"
796
- },
797
- "h-oo-070": {
798
- "value": "#c65a18",
799
- "type": "color"
800
- },
801
- "h-oo-080": {
802
- "value": "#9a4410",
803
- "type": "color"
804
- },
805
- "h-oo-090": {
806
- "value": "#6d2f08",
807
- "type": "color"
808
- },
809
- "h-oo-100": {
810
- "value": "#401900",
811
- "type": "color"
812
- }
813
- },
814
- "red-orange": {
815
- "h-ro-010": {
816
- "value": "#ffc7b3",
817
- "type": "color"
818
- },
819
- "h-ro-020": {
820
- "value": "#f8af95",
821
- "type": "color"
822
- },
823
- "h-ro-030": {
824
- "value": "#f09677",
825
- "type": "color"
826
- },
827
- "h-ro-040": {
828
- "value": "#e97e5a",
829
- "type": "color"
830
- },
831
- "h-ro-050": {
832
- "value": "#e1653c",
833
- "type": "color"
834
- },
835
- "h-ro-060": {
836
- "value": "#da4d1e",
837
- "type": "color"
838
- },
839
- "h-ro-070": {
840
- "value": "#ad3c16",
841
- "type": "color"
842
- },
843
- "h-ro-080": {
844
- "value": "#802c0f",
845
- "type": "color"
846
- },
847
- "h-ro-090": {
848
- "value": "#531b07",
849
- "type": "color"
850
- },
851
- "h-ro-100": {
852
- "value": "#260a00",
853
- "type": "color"
854
- }
855
- },
856
- "red": {
857
- "h-rr-010": {
858
- "value": "#ffc6bf",
859
- "type": "color"
860
- },
861
- "h-rr-020": {
862
- "value": "#ffaaa1",
863
- "type": "color"
864
- },
865
- "h-rr-030": {
866
- "value": "#f2877b",
867
- "type": "color"
868
- },
869
- "h-rr-040": {
870
- "value": "#f07062",
871
- "type": "color"
872
- },
873
- "h-rr-050": {
874
- "value": "#e65240",
875
- "type": "color"
876
- },
877
- "h-rr-060": {
878
- "value": "#d83020",
879
- "type": "color"
880
- },
881
- "h-rr-070": {
882
- "value": "#a82b1e",
883
- "type": "color"
884
- },
885
- "h-rr-080": {
886
- "value": "#7c1d13",
887
- "type": "color"
888
- },
889
- "h-rr-090": {
890
- "value": "#4f0e08",
891
- "type": "color"
892
- },
893
- "h-rr-100": {
894
- "value": "#210300",
895
- "type": "color"
896
- }
897
- },
898
- "pink": {
899
- "h-pk-010": {
900
- "value": "#ffd1ef",
901
- "type": "color"
902
- },
903
- "h-pk-020": {
904
- "value": "#fabee4",
905
- "type": "color"
906
- },
907
- "h-pk-030": {
908
- "value": "#f2a5d6",
909
- "type": "color"
910
- },
911
- "h-pk-040": {
912
- "value": "#eb8dc9",
913
- "type": "color"
914
- },
915
- "h-pk-050": {
916
- "value": "#e673bb",
917
- "type": "color"
918
- },
919
- "h-pk-060": {
920
- "value": "#e04ea6",
921
- "type": "color"
922
- },
923
- "h-pk-070": {
924
- "value": "#ba2f7e",
925
- "type": "color"
926
- },
927
- "h-pk-080": {
928
- "value": "#851b52",
929
- "type": "color"
930
- },
931
- "h-pk-090": {
932
- "value": "#590b32",
933
- "type": "color"
934
- },
935
- "h-pk-100": {
936
- "value": "#260404",
937
- "type": "color"
938
- }
939
- },
940
- "violet-red": {
941
- "h-vr-010": {
942
- "value": "#fadbff",
943
- "type": "color"
944
- },
945
- "h-vr-020": {
946
- "value": "#e4beeb",
947
- "type": "color"
948
- },
949
- "h-vr-030": {
950
- "value": "#cfa1d7",
951
- "type": "color"
952
- },
953
- "h-vr-040": {
954
- "value": "#b983c3",
955
- "type": "color"
956
- },
957
- "h-vr-050": {
958
- "value": "#a466af",
959
- "type": "color"
960
- },
961
- "h-vr-060": {
962
- "value": "#8e499b",
963
- "type": "color"
964
- },
965
- "h-vr-070": {
966
- "value": "#73377e",
967
- "type": "color"
968
- },
969
- "h-vr-080": {
970
- "value": "#572561",
971
- "type": "color"
972
- },
973
- "h-vr-090": {
974
- "value": "#3c1243",
975
- "type": "color"
976
- },
977
- "h-vr-100": {
978
- "value": "#200026",
979
- "type": "color"
980
- }
981
- },
982
- "violet": {
983
- "h-vv-010": {
984
- "value": "#e8d9ff",
985
- "type": "color"
986
- },
987
- "h-vv-020": {
988
- "value": "#cdb9eb",
989
- "type": "color"
990
- },
991
- "h-vv-030": {
992
- "value": "#b39ad7",
993
- "type": "color"
994
- },
995
- "h-vv-040": {
996
- "value": "#987ac3",
997
- "type": "color"
998
- },
999
- "h-vv-050": {
1000
- "value": "#7e5baf",
1001
- "type": "color"
1002
- },
1003
- "h-vv-060": {
1004
- "value": "#633b9b",
1005
- "type": "color"
1006
- },
1007
- "h-vv-070": {
1008
- "value": "#4e2c7e",
1009
- "type": "color"
1010
- },
1011
- "h-vv-080": {
1012
- "value": "#3a1e61",
1013
- "type": "color"
1014
- },
1015
- "h-vv-090": {
1016
- "value": "#250f43",
1017
- "type": "color"
1018
- },
1019
- "h-vv-100": {
1020
- "value": "#100026",
1021
- "type": "color"
1022
- }
1023
- }
1024
- },
1025
- "vibrant": {
1026
- "blue": {
1027
- "v-bb-120": {
1028
- "value": "#59d6ff",
1029
- "type": "color"
1030
- },
1031
- "v-bb-140": {
1032
- "value": "#3db8ff",
1033
- "type": "color"
1034
- },
1035
- "v-bb-160": {
1036
- "value": "#009af2",
1037
- "type": "color"
1038
- },
1039
- "v-bb-180": {
1040
- "value": "#009af2",
1041
- "type": "color"
1042
- }
1043
- },
1044
- "green-blue": {
1045
- "v-gb-120": {
1046
- "value": "#59fffc",
1047
- "type": "color"
1048
- },
1049
- "v-gb-140": {
1050
- "value": "#00f7f3",
1051
- "type": "color"
1052
- },
1053
- "v-gb-160": {
1054
- "value": "#00e6e2",
1055
- "type": "color"
1056
- },
1057
- "v-gb-180": {
1058
- "value": "#00cfca",
1059
- "type": "color"
1060
- }
1061
- },
1062
- "green": {
1063
- "v-gg-120": {
1064
- "value": "#73ff84",
1065
- "type": "color"
1066
- },
1067
- "v-gg-140": {
1068
- "value": "#3bed52",
1069
- "type": "color"
1070
- },
1071
- "v-gg-160": {
1072
- "value": "#00b81b",
1073
- "type": "color"
1074
- },
1075
- "v-gg-180": {
1076
- "value": "#00a118",
1077
- "type": "color"
1078
- }
1079
- },
1080
- "yellow-green": {
1081
- "v-yg-120": {
1082
- "value": "#d7ff73",
1083
- "type": "color"
1084
- },
1085
- "v-yg-140": {
1086
- "value": "#bbed3b",
1087
- "type": "color"
1088
- },
1089
- "v-yg-160": {
1090
- "value": "#96cc00",
1091
- "type": "color"
1092
- },
1093
- "v-yg-180": {
1094
- "value": "#7fab00",
1095
- "type": "color"
1096
- }
1097
- },
1098
- "yellow": {
1099
- "v-yy-120": {
1100
- "value": "#fff766",
1101
- "type": "color"
1102
- },
1103
- "v-yy-140": {
1104
- "value": "#ffee33",
1105
- "type": "color"
1106
- },
1107
- "v-yy-160": {
1108
- "value": "#f5d000",
1109
- "type": "color"
1110
- },
1111
- "v-yy-180": {
1112
- "value": "#ebba17",
1113
- "type": "color"
1114
- }
1115
- },
1116
- "orange-yellow": {
1117
- "v-oy-120": {
1118
- "value": "#ffb54d",
1119
- "type": "color"
1120
- },
1121
- "v-oy-140": {
1122
- "value": "#ff9500",
1123
- "type": "color"
1124
- },
1125
- "v-oy-160": {
1126
- "value": "#e68600",
1127
- "type": "color"
1128
- },
1129
- "v-oy-180": {
1130
- "value": "#d17300",
1131
- "type": "color"
1132
- }
1133
- },
1134
- "red-orange": {
1135
- "v-ro-120": {
1136
- "value": "#ff824d",
1137
- "type": "color"
1138
- },
1139
- "v-ro-140": {
1140
- "value": "#ff4d00",
1141
- "type": "color"
1142
- },
1143
- "v-ro-160": {
1144
- "value": "#de4300",
1145
- "type": "color"
1146
- },
1147
- "v-ro-180": {
1148
- "value": "#c93b00",
1149
- "type": "color"
1150
- }
1151
- },
1152
- "red": {
1153
- "v-rr-120": {
1154
- "value": "#ff624d",
1155
- "type": "color"
1156
- },
1157
- "v-rr-140": {
1158
- "value": "#ff0015",
1159
- "type": "color"
1160
- },
1161
- "v-rr-160": {
1162
- "value": "#d90012",
1163
- "type": "color"
1164
- },
1165
- "v-rr-180": {
1166
- "value": "#b3000f",
1167
- "type": "color"
1168
- }
1169
- },
1170
- "pink": {
1171
- "v-pk-120": {
1172
- "value": "#ff66c2",
1173
- "type": "color"
1174
- },
1175
- "v-pk-140": {
1176
- "value": "#ff19a4",
1177
- "type": "color"
1178
- },
1179
- "v-pk-160": {
1180
- "value": "#d11486",
1181
- "type": "color"
1182
- },
1183
- "v-pk-180": {
1184
- "value": "#c00073",
1185
- "type": "color"
1186
- }
1187
- },
1188
- "violet-red": {
1189
- "v-vr-120": {
1190
- "value": "#ea80ff",
1191
- "type": "color"
1192
- },
1193
- "v-vr-140": {
1194
- "value": "#dd33ff",
1195
- "type": "color"
1196
- },
1197
- "v-vr-160": {
1198
- "value": "#ac08cc",
1199
- "type": "color"
1200
- },
1201
- "v-vr-180": {
1202
- "value": "#83009e",
1203
- "type": "color"
1204
- }
1205
- },
1206
- "violet": {
1207
- "v-vv-120": {
1208
- "value": "#b580ff",
1209
- "type": "color"
1210
- },
1211
- "v-vv-140": {
1212
- "value": "#974dff",
1213
- "type": "color"
1214
- },
1215
- "v-vv-160": {
1216
- "value": "#8129ff",
1217
- "type": "color"
1218
- },
1219
- "v-vv-180": {
1220
- "value": "#6a0be6",
1221
- "type": "color"
1222
- }
1223
- }
1224
- },
1225
- "dark": {
1226
- "green": {
1227
- "d-gg-410": {
1228
- "value": "#44ED51",
1229
- "type": "color"
1230
- },
1231
- "d-gg-420": {
1232
- "value": "#36DA43",
1233
- "type": "color"
1234
- },
1235
- "d-gg-430": {
1236
- "value": "#36DA43",
1237
- "type": "color"
1238
- }
1239
- },
1240
- "yellow": {
1241
- "d-yy-410": {
1242
- "value": "#FFE24D",
1243
- "type": "color"
1244
- },
1245
- "d-yy-420": {
1246
- "value": "#FFC900",
1247
- "type": "color"
1248
- },
1249
- "d-yy-430": {
1250
- "value": "#F4B000",
1251
- "type": "color"
1252
- }
1253
- },
1254
- "red": {
1255
- "d-rr-410": {
1256
- "value": "#FF7465",
1257
- "type": "color"
1258
- },
1259
- "d-rr-420": {
1260
- "value": "#FE583E",
1261
- "type": "color"
1262
- },
1263
- "d-rr-430": {
1264
- "value": "#F3381B",
1265
- "type": "color"
1266
- }
1267
- },
1268
- "blue": {
1269
- "d-bb-410": {
1270
- "value": "#47BBFF",
1271
- "type": "color"
1272
- },
1273
- "d-bb-420": {
1274
- "value": "#00A0FF",
1275
- "type": "color"
1276
- },
1277
- "d-bb-430": {
1278
- "value": "#0087D7",
1279
- "type": "color"
1280
- }
1281
- }
1282
- }
1283
- }
1284
- },
1285
- "sizing": {
1286
- "0": {
1287
- "value": "2px",
1288
- "type": "sizing"
1289
- },
1290
- "1": {
1291
- "value": "4px",
1292
- "type": "sizing"
1293
- },
1294
- "2": {
1295
- "value": "6px",
1296
- "type": "sizing"
1297
- },
1298
- "3": {
1299
- "value": "8px",
1300
- "type": "sizing"
1301
- },
1302
- "4": {
1303
- "value": "10px",
1304
- "type": "sizing"
1305
- },
1306
- "5": {
1307
- "value": "12px",
1308
- "type": "sizing"
1309
- },
1310
- "6": {
1311
- "value": "14px",
1312
- "type": "sizing"
1313
- },
1314
- "7": {
1315
- "value": "16px",
1316
- "type": "sizing"
1317
- },
1318
- "8": {
1319
- "value": "20px",
1320
- "type": "sizing"
1321
- },
1322
- "9": {
1323
- "value": "24px",
1324
- "type": "sizing"
1325
- },
1326
- "10": {
1327
- "value": "28px",
1328
- "type": "sizing"
1329
- },
1330
- "11": {
1331
- "value": "32px",
1332
- "type": "sizing"
1333
- },
1334
- "12": {
1335
- "value": "36px",
1336
- "type": "sizing"
1337
- },
1338
- "13": {
1339
- "value": "40px",
1340
- "type": "sizing"
1341
- },
1342
- "14": {
1343
- "value": "44px",
1344
- "type": "sizing"
1345
- },
1346
- "15": {
1347
- "value": "48px",
1348
- "type": "sizing"
1349
- },
1350
- "16": {
1351
- "value": "56px",
1352
- "type": "sizing"
1353
- },
1354
- "17": {
1355
- "value": "64px",
1356
- "type": "sizing"
1357
- },
1358
- "18": {
1359
- "value": "72px",
1360
- "type": "sizing"
1361
- },
1362
- "19": {
1363
- "value": "80px",
1364
- "type": "sizing"
1365
- },
1366
- "20": {
1367
- "value": "96px",
1368
- "type": "sizing"
1369
- },
1370
- "21": {
1371
- "value": "112px",
1372
- "type": "sizing"
1373
- },
1374
- "22": {
1375
- "value": "128px",
1376
- "type": "sizing"
1377
- },
1378
- "23": {
1379
- "value": "144px",
1380
- "type": "sizing"
1381
- },
1382
- "24": {
1383
- "value": "160px",
1384
- "type": "sizing"
1385
- },
1386
- "25": {
1387
- "value": "192px",
1388
- "type": "sizing"
1389
- },
1390
- "26": {
1391
- "value": "224px",
1392
- "type": "sizing"
1393
- },
1394
- "27": {
1395
- "value": "256px",
1396
- "type": "sizing"
1397
- },
1398
- "28": {
1399
- "value": "288px",
1400
- "type": "sizing"
1401
- },
1402
- "none": {
1403
- "value": "0px",
1404
- "type": "sizing"
1405
- }
1406
- },
1407
- "spacing": {
1408
- "0": {
1409
- "value": "2px",
1410
- "type": "spacing"
1411
- },
1412
- "1": {
1413
- "value": "4px",
1414
- "type": "spacing"
1415
- },
1416
- "2": {
1417
- "value": "6px",
1418
- "type": "spacing"
1419
- },
1420
- "3": {
1421
- "value": "8px",
1422
- "type": "spacing"
1423
- },
1424
- "4": {
1425
- "value": "10px",
1426
- "type": "spacing"
1427
- },
1428
- "5": {
1429
- "value": "12px",
1430
- "type": "spacing"
1431
- },
1432
- "6": {
1433
- "value": "14px",
1434
- "type": "spacing"
1435
- },
1436
- "7": {
1437
- "value": "16px",
1438
- "type": "spacing"
1439
- },
1440
- "8": {
1441
- "value": "20px",
1442
- "type": "spacing"
1443
- },
1444
- "9": {
1445
- "value": "24px",
1446
- "type": "spacing"
1447
- },
1448
- "10": {
1449
- "value": "28px",
1450
- "type": "spacing"
1451
- },
1452
- "11": {
1453
- "value": "32px",
1454
- "type": "spacing"
1455
- },
1456
- "12": {
1457
- "value": "36px",
1458
- "type": "spacing"
1459
- },
1460
- "13": {
1461
- "value": "40px",
1462
- "type": "spacing"
1463
- },
1464
- "14": {
1465
- "value": "44px",
1466
- "type": "spacing"
1467
- },
1468
- "15": {
1469
- "value": "48px",
1470
- "type": "spacing"
1471
- },
1472
- "16": {
1473
- "value": "56px",
1474
- "type": "spacing"
1475
- },
1476
- "17": {
1477
- "value": "64px",
1478
- "type": "spacing"
1479
- },
1480
- "18": {
1481
- "value": "72px",
1482
- "type": "spacing"
1483
- },
1484
- "19": {
1485
- "value": "80px",
1486
- "type": "spacing"
1487
- },
1488
- "20": {
1489
- "value": "96px",
1490
- "type": "spacing"
1491
- },
1492
- "21": {
1493
- "value": "112px",
1494
- "type": "spacing"
1495
- },
1496
- "22": {
1497
- "value": "128px",
1498
- "type": "spacing"
1499
- },
1500
- "23": {
1501
- "value": "144px",
1502
- "type": "spacing"
1503
- },
1504
- "24": {
1505
- "value": "160px",
1506
- "type": "spacing"
1507
- },
1508
- "25": {
1509
- "value": "192px",
1510
- "type": "spacing"
1511
- },
1512
- "26": {
1513
- "value": "224px",
1514
- "type": "spacing"
1515
- },
1516
- "27": {
1517
- "value": "256px",
1518
- "type": "spacing"
1519
- },
1520
- "28": {
1521
- "value": "288px",
1522
- "type": "spacing"
1523
- },
1524
- "none": {
1525
- "value": "0px",
1526
- "type": "spacing"
1527
- }
1528
- },
1529
- "breakpoint": {
1530
- "height": {
1531
- "xxs": {
1532
- "min": {
1533
- "value": 0,
1534
- "type": "sizing",
1535
- "description": "Small handheld devices and mini-windows"
1536
- },
1537
- "max": {
1538
- "value": 153,
1539
- "type": "sizing",
1540
- "description": "Small handheld devices and mini-windows"
1541
- }
1542
- },
1543
- "xs": {
1544
- "max": {
1545
- "value": 328,
1546
- "type": "sizing",
1547
- "description": "Handheld devices"
1548
- },
1549
- "min": {
1550
- "value": 154,
1551
- "type": "sizing",
1552
- "description": "Handheld devices"
1553
- }
1554
- },
1555
- "sm": {
1556
- "max": {
1557
- "value": 503,
1558
- "type": "sizing",
1559
- "description": "Small tablets"
1560
- },
1561
- "min": {
1562
- "value": 329,
1563
- "type": "sizing",
1564
- "description": "Small tablets"
1565
- }
1566
- },
1567
- "md": {
1568
- "max": {
1569
- "value": 678,
1570
- "type": "sizing",
1571
- "description": "Small laptops"
1572
- },
1573
- "min": {
1574
- "value": 504,
1575
- "type": "sizing",
1576
- "description": "Small laptops"
1577
- }
1578
- },
1579
- "lg": {
1580
- "max": {
1581
- "value": 853,
1582
- "type": "sizing",
1583
- "description": "Large laptops and desktop computers"
1584
- },
1585
- "min": {
1586
- "value": 679,
1587
- "type": "sizing",
1588
- "description": "Large laptops and desktop computers"
1589
- }
1590
- }
1591
- },
1592
- "width": {
1593
- "default": {
1594
- "xxs": {
1595
- "value": "320px",
1596
- "type": "sizing",
1597
- "description": "To be deprecated"
1598
- },
1599
- "xs": {
1600
- "value": "476px",
1601
- "type": "sizing",
1602
- "description": "To be deprecated"
1603
- },
1604
- "sm": {
1605
- "value": "768px",
1606
- "type": "sizing",
1607
- "description": "To be deprecated"
1608
- },
1609
- "md": {
1610
- "value": "1152px",
1611
- "type": "sizing",
1612
- "description": "To be deprecated"
1613
- },
1614
- "lg": {
1615
- "value": "1440px",
1616
- "type": "sizing",
1617
- "description": "To be deprecated"
1618
- }
1619
- },
1620
- "xxs": {
1621
- "max": {
1622
- "value": 320,
1623
- "type": "sizing",
1624
- "description": "Small handheld devices and mini-windows"
1625
- },
1626
- "min": {
1627
- "value": 0,
1628
- "type": "sizing",
1629
- "description": "Small handheld devices and mini-windows"
1630
- }
1631
- },
1632
- "xs": {
1633
- "max": {
1634
- "value": 476,
1635
- "type": "sizing",
1636
- "description": "Handheld devices"
1637
- },
1638
- "min": {
1639
- "value": 321,
1640
- "type": "sizing",
1641
- "description": "Handheld devices"
1642
- }
1643
- },
1644
- "sm": {
1645
- "max": {
1646
- "value": 768,
1647
- "type": "sizing",
1648
- "description": "Small tablets"
1649
- },
1650
- "min": {
1651
- "value": 477,
1652
- "type": "sizing",
1653
- "description": "Small tablets"
1654
- }
1655
- },
1656
- "md": {
1657
- "max": {
1658
- "value": 1152,
1659
- "type": "sizing",
1660
- "description": "Small laptops"
1661
- },
1662
- "min": {
1663
- "value": 769,
1664
- "type": "sizing",
1665
- "description": "Small laptops"
1666
- }
1667
- },
1668
- "lg": {
1669
- "max": {
1670
- "value": 1722,
1671
- "type": "sizing",
1672
- "description": "Large laptops and desktop computers"
1673
- },
1674
- "min": {
1675
- "value": 1153,
1676
- "type": "sizing",
1677
- "description": "Large laptops and desktop computers"
1678
- }
1679
- }
1680
- },
1681
- "margin": {
1682
- "value": "$core.spacing.9",
1683
- "type": "spacing"
1684
- },
1685
- "gutter": {
1686
- "value": "$core.spacing.7",
1687
- "type": "spacing"
1688
- },
1689
- "content": {
1690
- "fluid": {
1691
- "value": "100%",
1692
- "type": "sizing",
1693
- "description": "for fluid grid widths"
1694
- },
1695
- "fixed": {
1696
- "value": "1440px",
1697
- "type": "sizing",
1698
- "description": "only for lg breakpoint fixed grid width"
1699
- }
1700
- },
1701
- "cols": {
1702
- "xs": {
1703
- "value": "6",
1704
- "type": "other",
1705
- "description": "columns"
1706
- },
1707
- "sm": {
1708
- "value": "12",
1709
- "type": "other",
1710
- "description": "columns"
1711
- },
1712
- "md": {
1713
- "value": "24",
1714
- "type": "other",
1715
- "description": "columns"
1716
- },
1717
- "lg": {
1718
- "value": "24",
1719
- "type": "other",
1720
- "description": "columns"
1721
- }
1722
- }
1723
- },
1724
- "z-index": {
1725
- "deep": {
1726
- "value": "-999999",
1727
- "type": "other"
1728
- },
1729
- "default": {
1730
- "value": "1",
1731
- "type": "other"
1732
- },
1733
- "sticky": {
1734
- "value": "300",
1735
- "type": "other"
1736
- },
1737
- "header": {
1738
- "value": "400",
1739
- "type": "other"
1740
- },
1741
- "toast": {
1742
- "value": "500",
1743
- "type": "other"
1744
- },
1745
- "dropdown": {
1746
- "value": "600",
1747
- "type": "other"
1748
- },
1749
- "overlay": {
1750
- "value": "700",
1751
- "type": "other"
1752
- },
1753
- "modal": {
1754
- "value": "800",
1755
- "type": "other"
1756
- },
1757
- "popup": {
1758
- "value": "900",
1759
- "type": "other"
1760
- },
1761
- "tooltip": {
1762
- "value": "901",
1763
- "type": "other"
1764
- }
1765
- },
1766
- "box-shadow": {
1767
- "0": {
1768
- "value": {
1769
- "x": "0",
1770
- "y": "0",
1771
- "blur": "0",
1772
- "spread": "0",
1773
- "color": "rgba($core.color.neutral.blk-240, $core.opacity.0)",
1774
- "type": "dropShadow"
1775
- },
1776
- "type": "boxShadow"
1777
- },
1778
- "1": {
1779
- "value": [
1780
- {
1781
- "x": "0",
1782
- "y": "2",
1783
- "blur": "8",
1784
- "spread": "0",
1785
- "color": "rgba($core.color.neutral.blk-240, $core.opacity.4)",
1786
- "type": "dropShadow"
1787
- },
1788
- {
1789
- "x": "0",
1790
- "y": "4",
1791
- "blur": "16",
1792
- "spread": "0",
1793
- "color": "rgba($core.color.neutral.blk-240, $core.opacity.8)",
1794
- "type": "dropShadow"
1795
- }
1796
- ],
1797
- "type": "boxShadow"
1798
- },
1799
- "2": {
1800
- "value": [
1801
- {
1802
- "x": "0",
1803
- "y": "4",
1804
- "blur": "20",
1805
- "spread": "0",
1806
- "color": "rgba($core.color.neutral.blk-240, $core.opacity.8)",
1807
- "type": "dropShadow"
1808
- },
1809
- {
1810
- "x": "0",
1811
- "y": "12",
1812
- "blur": "32",
1813
- "spread": "-2",
1814
- "color": "rgba($core.color.neutral.blk-240, $core.opacity.10)",
1815
- "type": "dropShadow"
1816
- }
1817
- ],
1818
- "type": "boxShadow"
1819
- },
1820
- "none": {
1821
- "value": {
1822
- "x": "0",
1823
- "y": "0",
1824
- "blur": "0",
1825
- "spread": "0",
1826
- "color": "rgba($core.color.neutral.blk-240, $core.opacity.0)",
1827
- "type": "dropShadow"
1828
- },
1829
- "type": "boxShadow"
1830
- }
1831
- }
1832
- }
1833
- }