@esri/calcite-design-tokens 1.0.0 → 1.1.0-next.1

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 (111) hide show
  1. package/.eslintrc.cjs +85 -0
  2. package/.turbo/turbo-build.log +64 -0
  3. package/.turbo/turbo-test.log +14 -0
  4. package/CHANGELOG.md +17 -4
  5. package/CONTRIBUTING.md +41 -0
  6. package/LICENSE.md +13 -0
  7. package/README.md +9 -11
  8. package/dist/css/brand-light.css +1 -1
  9. package/dist/css/calcite-dark.css +1 -1
  10. package/dist/css/calcite-headless.css +2 -1
  11. package/dist/css/calcite-light.css +1 -1
  12. package/dist/scss/brand-light.scss +1 -1
  13. package/dist/scss/calcite-dark.scss +1 -1
  14. package/dist/scss/calcite-headless.scss +3 -1
  15. package/dist/scss/calcite-light.scss +1 -1
  16. package/jest.config.json +16 -0
  17. package/package.json +11 -72
  18. package/src/$metadata.json +76 -0
  19. package/src/$themes.json +2360 -0
  20. package/src/brand/dark.json +1 -0
  21. package/src/brand/global.json +1 -0
  22. package/src/brand/light.json +20 -0
  23. package/src/calcite/dark.json +2488 -0
  24. package/src/calcite/light.json +2508 -0
  25. package/src/component/accordion-item.json +172 -0
  26. package/src/component/accordion.json +192 -0
  27. package/src/component/action-bar-grid.json +66 -0
  28. package/src/component/action-bar.json +66 -0
  29. package/src/component/action-pad-grid.json +80 -0
  30. package/src/component/action-pad.json +80 -0
  31. package/src/component/action.json +156 -0
  32. package/src/component/alert.json +258 -0
  33. package/src/component/avatar.json +140 -0
  34. package/src/component/block-section.json +124 -0
  35. package/src/component/block.json +198 -0
  36. package/src/component/button.json +650 -0
  37. package/src/component/card.json +116 -0
  38. package/src/component/checkbox.json +110 -0
  39. package/src/component/chip.json +382 -0
  40. package/src/component/color-picker.json +148 -0
  41. package/src/component/combobox.json +152 -0
  42. package/src/component/date-picker.json +354 -0
  43. package/src/component/dropdown-item.json +384 -0
  44. package/src/component/dropdown.json +58 -0
  45. package/src/component/fab.json +490 -0
  46. package/src/component/filter.json +174 -0
  47. package/src/component/input-date-picker.json +224 -0
  48. package/src/component/input-datetime-local.json +230 -0
  49. package/src/component/input-email.json +244 -0
  50. package/src/component/input-file.json +244 -0
  51. package/src/component/input-message.json +72 -0
  52. package/src/component/input-month.json +244 -0
  53. package/src/component/input-number.json +244 -0
  54. package/src/component/input-password.json +244 -0
  55. package/src/component/input-search.json +244 -0
  56. package/src/component/input-telephone.json +244 -0
  57. package/src/component/input-text.json +244 -0
  58. package/src/component/input-time.json +1 -0
  59. package/src/component/input-week.json +244 -0
  60. package/src/component/label.json +26 -0
  61. package/src/component/link.json +44 -0
  62. package/src/component/loader.json +130 -0
  63. package/src/component/modal.json +278 -0
  64. package/src/component/notice.json +280 -0
  65. package/src/component/pagination.json +152 -0
  66. package/src/component/panel-header.json +88 -0
  67. package/src/component/popover.json +170 -0
  68. package/src/component/radio.json +124 -0
  69. package/src/component/rating.json +243 -0
  70. package/src/component/scrim.json +18 -0
  71. package/src/component/segmented-control.json +154 -0
  72. package/src/component/slider-histogram-range.json +284 -0
  73. package/src/component/slider-histogram.json +280 -0
  74. package/src/component/slider-range.json +226 -0
  75. package/src/component/slider.json +226 -0
  76. package/src/component/split-button.json +830 -0
  77. package/src/component/stepper-item.json +372 -0
  78. package/src/component/stepper.json +152 -0
  79. package/src/component/switch.json +178 -0
  80. package/src/component/tab-title.json +228 -0
  81. package/src/component/tabs.json +242 -0
  82. package/src/component/textarea.json +200 -0
  83. package/src/component/time-picker.json +138 -0
  84. package/src/component/tip-manager.json +118 -0
  85. package/src/component/tip.json +114 -0
  86. package/src/component/tooltip.json +66 -0
  87. package/src/component/tree-item.json +176 -0
  88. package/src/core.json +1709 -0
  89. package/src/semantic.json +1709 -0
  90. package/support/run.ts +16 -0
  91. package/support/token-transformer/format/scss.ts +81 -0
  92. package/support/token-transformer/getThemes.ts +41 -0
  93. package/support/token-transformer/parse/expandComposites.test.ts +144 -0
  94. package/support/token-transformer/parse/expandComposites.ts +72 -0
  95. package/support/token-transformer/sd-run.ts +147 -0
  96. package/support/token-transformer/transform/nameCamelCase.test.ts +36 -0
  97. package/support/token-transformer/transform/nameCamelCase.ts +15 -0
  98. package/support/token-transformer/transform/nameKebabCase.test.ts +36 -0
  99. package/support/token-transformer/transform/nameKebabCase.ts +26 -0
  100. package/support/token-transformer/utils/compositeTokens.test.ts +133 -0
  101. package/support/token-transformer/utils/compositeTokens.ts +103 -0
  102. package/support/token-transformer/utils/convertTokenToStyleDictionaryFormat.ts +20 -0
  103. package/support/token-transformer/utils/matchList.ts +11 -0
  104. package/support/token-transformer/utils/parseName.ts +18 -0
  105. package/support/token-transformer/utils/parseTokenPath.ts +19 -0
  106. package/support/token-transformer/utils/regex.ts +9 -0
  107. package/support/token-transformer/utils/sortAllTokens.ts +12 -0
  108. package/support/token-transformer/utils/transformOptions.ts +31 -0
  109. package/tsconfig-base.json +17 -0
  110. package/tsconfig-eslint.json +4 -0
  111. package/tsconfig.json +4 -0
package/src/component/split-button.json ADDED
@@ -0,0 +1,830 @@
1
+ {
2
+ "split-button": {
3
+ "font": {
4
+ "brand": {
5
+ "solid": {
6
+ "light": {
7
+ "value": "$semantic.ui.color.text.inverse.light",
8
+ "type": "color"
9
+ },
10
+ "dark": {
11
+ "value": "$semantic.ui.color.text.inverse.dark",
12
+ "type": "color"
13
+ }
14
+ },
15
+ "outline-fill": {
16
+ "light": {
17
+ "value": "$semantic.ui.color.brand.default.light",
18
+ "type": "color"
19
+ },
20
+ "dark": {
21
+ "value": "$semantic.ui.color.brand.default.dark",
22
+ "type": "color"
23
+ }
24
+ },
25
+ "outline": {
26
+ "light": {
27
+ "value": "$semantic.ui.color.brand.default.light",
28
+ "type": "color"
29
+ },
30
+ "dark": {
31
+ "value": "$semantic.ui.color.brand.default.dark",
32
+ "type": "color"
33
+ }
34
+ },
35
+ "transparent": {
36
+ "light": {
37
+ "value": "$semantic.ui.color.brand.default.light",
38
+ "type": "color"
39
+ },
40
+ "dark": {
41
+ "value": "$semantic.ui.color.brand.default.dark",
42
+ "type": "color"
43
+ }
44
+ }
45
+ },
46
+ "sm": {
47
+ "value": "$semantic.font.default.regular.-2h",
48
+ "type": "typography"
49
+ },
50
+ "md": {
51
+ "value": "$semantic.font.default.regular.-1h",
52
+ "type": "typography"
53
+ },
54
+ "lg": {
55
+ "value": "$semantic.font.default.regular.0h",
56
+ "type": "typography"
57
+ },
58
+ "inverse": {
59
+ "solid": {
60
+ "light": {
61
+ "value": "$semantic.ui.color.text.inverse.light",
62
+ "type": "color"
63
+ },
64
+ "dark": {
65
+ "value": "$semantic.ui.color.text.inverse.dark",
66
+ "type": "color"
67
+ }
68
+ },
69
+ "outline-fill": {
70
+ "light": {
71
+ "value": "$semantic.ui.color.text.1.light",
72
+ "type": "color"
73
+ },
74
+ "dark": {
75
+ "value": "$semantic.ui.color.text.1.dark",
76
+ "type": "color"
77
+ }
78
+ },
79
+ "outline": {
80
+ "light": {
81
+ "value": "$semantic.ui.color.text.1.light",
82
+ "type": "color"
83
+ },
84
+ "dark": {
85
+ "value": "$semantic.ui.color.text.1.dark",
86
+ "type": "color"
87
+ }
88
+ },
89
+ "transparent": {
90
+ "light": {
91
+ "value": "$semantic.ui.color.text.1.light",
92
+ "type": "color"
93
+ },
94
+ "dark": {
95
+ "value": "$semantic.ui.color.text.1.dark",
96
+ "type": "color"
97
+ }
98
+ }
99
+ },
100
+ "neutral": {
101
+ "solid": {
102
+ "light": {
103
+ "value": "$semantic.ui.color.text.1.light",
104
+ "type": "color"
105
+ },
106
+ "dark": {
107
+ "value": "$semantic.ui.color.text.1.dark",
108
+ "type": "color"
109
+ }
110
+ },
111
+ "outline-fill": {
112
+ "light": {
113
+ "value": "$semantic.ui.color.text.1.light",
114
+ "type": "color"
115
+ },
116
+ "dark": {
117
+ "value": "$semantic.ui.color.text.1.dark",
118
+ "type": "color"
119
+ }
120
+ },
121
+ "outline": {
122
+ "light": {
123
+ "value": "$semantic.ui.color.text.1.light",
124
+ "type": "color"
125
+ },
126
+ "dark": {
127
+ "value": "$semantic.ui.color.text.1.dark",
128
+ "type": "color"
129
+ }
130
+ },
131
+ "transparent": {
132
+ "light": {
133
+ "value": "$semantic.ui.color.text.1.light",
134
+ "type": "color"
135
+ },
136
+ "dark": {
137
+ "value": "$semantic.ui.color.text.1.dark",
138
+ "type": "color"
139
+ }
140
+ }
141
+ },
142
+ "danger": {
143
+ "solid": {
144
+ "light": {
145
+ "value": "$semantic.ui.color.text.inverse.light",
146
+ "type": "color"
147
+ },
148
+ "dark": {
149
+ "value": "$semantic.ui.color.text.inverse.dark",
150
+ "type": "color"
151
+ }
152
+ },
153
+ "outline-fill": {
154
+ "light": {
155
+ "value": "$semantic.ui.color.danger.default.light",
156
+ "type": "color"
157
+ },
158
+ "dark": {
159
+ "value": "$semantic.ui.color.danger.default.dark",
160
+ "type": "color"
161
+ }
162
+ },
163
+ "outline": {
164
+ "light": {
165
+ "value": "$semantic.ui.color.danger.default.light",
166
+ "type": "color"
167
+ },
168
+ "dark": {
169
+ "value": "$semantic.ui.color.danger.default.dark",
170
+ "type": "color"
171
+ }
172
+ },
173
+ "transparent": {
174
+ "light": {
175
+ "value": "$semantic.ui.color.danger.default.light",
176
+ "type": "color"
177
+ },
178
+ "dark": {
179
+ "value": "$semantic.ui.color.danger.default.dark",
180
+ "type": "color"
181
+ }
182
+ }
183
+ }
184
+ },
185
+ "icon": {
186
+ "brand": {
187
+ "solid": {
188
+ "light": {
189
+ "value": "$semantic.ui.color.foreground.1.light",
190
+ "type": "color"
191
+ },
192
+ "dark": {
193
+ "value": "$semantic.ui.color.foreground.1.dark",
194
+ "type": "color"
195
+ }
196
+ },
197
+ "outline-fill": {
198
+ "light": {
199
+ "value": "$semantic.ui.color.brand.default.light",
200
+ "type": "color"
201
+ },
202
+ "dark": {
203
+ "value": "$semantic.ui.color.brand.default.dark",
204
+ "type": "color"
205
+ }
206
+ },
207
+ "outline": {
208
+ "light": {
209
+ "value": "$semantic.ui.color.brand.default.light",
210
+ "type": "color"
211
+ },
212
+ "dark": {
213
+ "value": "$semantic.ui.color.brand.default.dark",
214
+ "type": "color"
215
+ }
216
+ },
217
+ "transparent": {
218
+ "light": {
219
+ "value": "$semantic.ui.color.brand.default.light",
220
+ "type": "color"
221
+ },
222
+ "dark": {
223
+ "value": "$semantic.ui.color.brand.default.dark",
224
+ "type": "color"
225
+ }
226
+ }
227
+ },
228
+ "inverse": {
229
+ "solid": {
230
+ "light": {
231
+ "value": "$semantic.ui.color.text.inverse.light",
232
+ "type": "color"
233
+ },
234
+ "dark": {
235
+ "value": "$semantic.ui.color.text.inverse.dark",
236
+ "type": "color"
237
+ }
238
+ },
239
+ "outline-fill": {
240
+ "light": {
241
+ "value": "$semantic.ui.color.text.1.light",
242
+ "type": "color"
243
+ },
244
+ "dark": {
245
+ "value": "$semantic.ui.color.text.1.dark",
246
+ "type": "color"
247
+ }
248
+ },
249
+ "outline": {
250
+ "light": {
251
+ "value": "$semantic.ui.color.text.1.light",
252
+ "type": "color"
253
+ },
254
+ "dark": {
255
+ "value": "$semantic.ui.color.text.1.dark",
256
+ "type": "color"
257
+ }
258
+ },
259
+ "transparent": {
260
+ "light": {
261
+ "value": "$semantic.ui.color.text.1.light",
262
+ "type": "color"
263
+ },
264
+ "dark": {
265
+ "value": "$semantic.ui.color.text.1.dark",
266
+ "type": "color"
267
+ }
268
+ }
269
+ },
270
+ "neutral": {
271
+ "solid": {
272
+ "light": {
273
+ "value": "$semantic.ui.color.text.1.light",
274
+ "type": "color"
275
+ },
276
+ "dark": {
277
+ "value": "$semantic.ui.color.text.1.dark",
278
+ "type": "color"
279
+ }
280
+ },
281
+ "outline-fill": {
282
+ "light": {
283
+ "value": "$semantic.ui.color.text.1.light",
284
+ "type": "color"
285
+ },
286
+ "dark": {
287
+ "value": "$semantic.ui.color.text.1.dark",
288
+ "type": "color"
289
+ }
290
+ },
291
+ "outline": {
292
+ "light": {
293
+ "value": "$semantic.ui.color.text.1.light",
294
+ "type": "color"
295
+ },
296
+ "dark": {
297
+ "value": "$semantic.ui.color.text.1.dark",
298
+ "type": "color"
299
+ }
300
+ },
301
+ "transparent": {
302
+ "light": {
303
+ "value": "$semantic.ui.color.text.1.light",
304
+ "type": "color"
305
+ },
306
+ "dark": {
307
+ "value": "$semantic.ui.color.text.1.dark",
308
+ "type": "color"
309
+ }
310
+ }
311
+ },
312
+ "danger": {
313
+ "solid": {
314
+ "light": {
315
+ "value": "$semantic.ui.color.foreground.1.light",
316
+ "type": "color"
317
+ },
318
+ "dark": {
319
+ "value": "$semantic.ui.color.foreground.1.dark",
320
+ "type": "color"
321
+ }
322
+ },
323
+ "outline-fill": {
324
+ "light": {
325
+ "value": "$semantic.ui.color.danger.default.light",
326
+ "type": "color"
327
+ },
328
+ "dark": {
329
+ "value": "$semantic.ui.color.danger.default.dark",
330
+ "type": "color"
331
+ }
332
+ },
333
+ "outline": {
334
+ "light": {
335
+ "value": "$semantic.ui.color.danger.default.light",
336
+ "type": "color"
337
+ },
338
+ "dark": {
339
+ "value": "$semantic.ui.color.danger.default.dark",
340
+ "type": "color"
341
+ }
342
+ },
343
+ "transparent": {
344
+ "light": {
345
+ "value": "$semantic.ui.color.danger.default.light",
346
+ "type": "color"
347
+ },
348
+ "dark": {
349
+ "value": "$semantic.ui.color.danger.default.dark",
350
+ "type": "color"
351
+ }
352
+ }
353
+ }
354
+ },
355
+ "border": {
356
+ "brand": {
357
+ "outline-fill": {
358
+ "light": {
359
+ "value": "$semantic.ui.color.brand.default.light",
360
+ "type": "color"
361
+ },
362
+ "dark": {
363
+ "value": "$semantic.ui.color.brand.default.dark",
364
+ "type": "color"
365
+ }
366
+ },
367
+ "outline": {
368
+ "light": {
369
+ "value": "$semantic.ui.color.brand.default.light",
370
+ "type": "color"
371
+ },
372
+ "dark": {
373
+ "value": "$semantic.ui.color.brand.default.dark",
374
+ "type": "color"
375
+ }
376
+ }
377
+ },
378
+ "inverse": {
379
+ "outline-fill": {
380
+ "light": {
381
+ "value": "$semantic.ui.color.inverse.light",
382
+ "type": "color"
383
+ },
384
+ "dark": {
385
+ "value": "$semantic.ui.color.inverse.dark",
386
+ "type": "color"
387
+ }
388
+ },
389
+ "outline": {
390
+ "light": {
391
+ "value": "$semantic.ui.color.inverse.light",
392
+ "type": "color"
393
+ },
394
+ "dark": {
395
+ "value": "$semantic.ui.color.inverse.dark",
396
+ "type": "color"
397
+ }
398
+ }
399
+ },
400
+ "neutral": {
401
+ "outline-fill": {
402
+ "light": {
403
+ "value": "$semantic.ui.color.inverse.light",
404
+ "type": "color"
405
+ },
406
+ "dark": {
407
+ "value": "$semantic.ui.color.inverse.dark",
408
+ "type": "color"
409
+ }
410
+ },
411
+ "outline": {
412
+ "light": {
413
+ "value": "$semantic.ui.color.inverse.light",
414
+ "type": "color"
415
+ },
416
+ "dark": {
417
+ "value": "$semantic.ui.color.inverse.dark",
418
+ "type": "color"
419
+ }
420
+ }
421
+ },
422
+ "danger": {
423
+ "outline-fill": {
424
+ "light": {
425
+ "value": "$semantic.ui.color.danger.default.light",
426
+ "type": "color"
427
+ },
428
+ "dark": {
429
+ "value": "$semantic.ui.color.danger.default.dark",
430
+ "type": "color"
431
+ }
432
+ },
433
+ "outline": {
434
+ "light": {
435
+ "value": "$semantic.ui.color.danger.default.light",
436
+ "type": "color"
437
+ },
438
+ "dark": {
439
+ "value": "$semantic.ui.color.danger.default.dark",
440
+ "type": "color"
441
+ }
442
+ }
443
+ }
444
+ },
445
+ "background": {
446
+ "brand": {
447
+ "solid": {
448
+ "light": {
449
+ "value": "$semantic.ui.color.brand.default.light",
450
+ "type": "color"
451
+ },
452
+ "dark": {
453
+ "value": "$semantic.ui.color.brand.default.dark",
454
+ "type": "color"
455
+ }
456
+ },
457
+ "outline-fill": {
458
+ "light": {
459
+ "value": "$semantic.ui.color.foreground.1.light",
460
+ "type": "color"
461
+ },
462
+ "dark": {
463
+ "value": "$semantic.ui.color.foreground.1.dark",
464
+ "type": "color"
465
+ }
466
+ }
467
+ },
468
+ "inverse": {
469
+ "solid": {
470
+ "light": {
471
+ "value": "$semantic.ui.color.inverse.light",
472
+ "type": "color"
473
+ },
474
+ "dark": {
475
+ "value": "$semantic.ui.color.inverse.dark",
476
+ "type": "color"
477
+ }
478
+ },
479
+ "outline-fill": {
480
+ "light": {
481
+ "value": "$semantic.ui.color.foreground.1.light",
482
+ "type": "color"
483
+ },
484
+ "dark": {
485
+ "value": "$semantic.ui.color.foreground.1.dark",
486
+ "type": "color"
487
+ }
488
+ }
489
+ },
490
+ "neutral": {
491
+ "solid": {
492
+ "light": {
493
+ "value": "$semantic.ui.color.foreground.3.light",
494
+ "type": "color"
495
+ },
496
+ "dark": {
497
+ "value": "$semantic.ui.color.foreground.3.dark",
498
+ "type": "color"
499
+ }
500
+ },
501
+ "outline-fill": {
502
+ "light": {
503
+ "value": "$semantic.ui.color.foreground.1.light",
504
+ "type": "color"
505
+ },
506
+ "dark": {
507
+ "value": "$semantic.ui.color.foreground.1.dark",
508
+ "type": "color"
509
+ }
510
+ }
511
+ },
512
+ "danger": {
513
+ "solid": {
514
+ "light": {
515
+ "value": "$semantic.ui.color.danger.default.light",
516
+ "type": "color"
517
+ },
518
+ "dark": {
519
+ "value": "$semantic.ui.color.danger.default.dark",
520
+ "type": "color"
521
+ }
522
+ },
523
+ "outline-fill": {
524
+ "light": {
525
+ "value": "$semantic.ui.color.foreground.1.light",
526
+ "type": "color"
527
+ },
528
+ "dark": {
529
+ "value": "$semantic.ui.color.foreground.1.dark",
530
+ "type": "color"
531
+ }
532
+ }
533
+ }
534
+ },
535
+ "border-radius": {
536
+ "sm": {
537
+ "value": "$core.border.border-radius.none",
538
+ "type": "borderRadius"
539
+ },
540
+ "md": {
541
+ "value": "$core.border.border-radius.none",
542
+ "type": "borderRadius"
543
+ },
544
+ "lg": {
545
+ "value": "$core.border.border-radius.none",
546
+ "type": "borderRadius"
547
+ }
548
+ },
549
+ "border-width": {
550
+ "sm": {
551
+ "value": "$core.border.border-width.0",
552
+ "type": "borderWidth"
553
+ },
554
+ "md": {
555
+ "value": "$core.border.border-width.0",
556
+ "type": "borderWidth"
557
+ },
558
+ "lg": {
559
+ "value": "$core.border.border-width.0",
560
+ "type": "borderWidth"
561
+ }
562
+ },
563
+ "comp-size": {
564
+ "sm": {
565
+ "value": "$core.sizing.9",
566
+ "type": "sizing"
567
+ },
568
+ "md": {
569
+ "value": "$core.sizing.11",
570
+ "type": "sizing"
571
+ },
572
+ "lg": {
573
+ "value": "$core.sizing.14",
574
+ "type": "sizing"
575
+ }
576
+ },
577
+ "icon-size": {
578
+ "sm": {
579
+ "value": "$core.sizing.7",
580
+ "type": "sizing"
581
+ },
582
+ "md": {
583
+ "value": "$core.sizing.7",
584
+ "type": "sizing"
585
+ },
586
+ "lg": {
587
+ "value": "$core.sizing.9",
588
+ "type": "sizing"
589
+ }
590
+ },
591
+ "space-between": {
592
+ "sm": {
593
+ "value": "$core.spacing.3",
594
+ "type": "spacing"
595
+ },
596
+ "md": {
597
+ "value": "$core.spacing.5",
598
+ "type": "spacing"
599
+ },
600
+ "lg": {
601
+ "value": "$core.spacing.7",
602
+ "type": "spacing"
603
+ }
604
+ },
605
+ "space-around": {
606
+ "content": {
607
+ "left-right": {
608
+ "sm": {
609
+ "value": "$core.spacing.3",
610
+ "type": "spacing"
611
+ },
612
+ "md": {
613
+ "value": "$core.spacing.5",
614
+ "type": "spacing"
615
+ },
616
+ "lg": {
617
+ "value": "$core.spacing.7",
618
+ "type": "spacing"
619
+ }
620
+ },
621
+ "top-bottom": {
622
+ "sm": {
623
+ "value": "$core.spacing.1",
624
+ "type": "spacing"
625
+ },
626
+ "md": {
627
+ "value": "$core.spacing.3",
628
+ "type": "spacing"
629
+ },
630
+ "lg": {
631
+ "value": "$core.spacing.4",
632
+ "type": "spacing"
633
+ }
634
+ }
635
+ },
636
+ "dropdown": {
637
+ "sm": {
638
+ "value": "$core.spacing.1",
639
+ "type": "spacing"
640
+ },
641
+ "md": {
642
+ "value": "$core.spacing.3",
643
+ "type": "spacing"
644
+ },
645
+ "lg": {
646
+ "value": "$core.spacing.4",
647
+ "type": "spacing"
648
+ }
649
+ },
650
+ "divider": {
651
+ "solid": {
652
+ "top-bottom": {
653
+ "value": "$core.spacing.1",
654
+ "type": "spacing"
655
+ }
656
+ }
657
+ }
658
+ },
659
+ "divider": {
660
+ "brand": {
661
+ "solid": {
662
+ "light": {
663
+ "value": "$semantic.ui.color.foreground.1.light",
664
+ "type": "color"
665
+ },
666
+ "dark": {
667
+ "value": "$semantic.ui.color.foreground.1.dark",
668
+ "type": "color"
669
+ }
670
+ },
671
+ "outline-fill": {
672
+ "light": {
673
+ "value": "$semantic.ui.color.brand.default.light",
674
+ "type": "color"
675
+ },
676
+ "dark": {
677
+ "value": "$semantic.ui.color.brand.default.dark",
678
+ "type": "color"
679
+ }
680
+ },
681
+ "outline": {
682
+ "light": {
683
+ "value": "$semantic.ui.color.brand.default.light",
684
+ "type": "color"
685
+ },
686
+ "dark": {
687
+ "value": "$semantic.ui.color.brand.default.dark",
688
+ "type": "color"
689
+ }
690
+ },
691
+ "transparent": {
692
+ "light": {
693
+ "value": "$semantic.ui.color.brand.default.light",
694
+ "type": "color"
695
+ },
696
+ "dark": {
697
+ "value": "$semantic.ui.color.brand.default.dark",
698
+ "type": "color"
699
+ }
700
+ }
701
+ },
702
+ "inverse": {
703
+ "solid": {
704
+ "light": {
705
+ "value": "$semantic.ui.color.foreground.1.light",
706
+ "type": "color"
707
+ },
708
+ "dark": {
709
+ "value": "$semantic.ui.color.foreground.1.dark",
710
+ "type": "color"
711
+ }
712
+ },
713
+ "outline-fill": {
714
+ "light": {
715
+ "value": "$semantic.ui.color.inverse.light",
716
+ "type": "color"
717
+ },
718
+ "dark": {
719
+ "value": "$semantic.ui.color.inverse.dark",
720
+ "type": "color"
721
+ }
722
+ },
723
+ "outline": {
724
+ "light": {
725
+ "value": "$semantic.ui.color.inverse.light",
726
+ "type": "color"
727
+ },
728
+ "dark": {
729
+ "value": "$semantic.ui.color.inverse.dark",
730
+ "type": "color"
731
+ }
732
+ },
733
+ "transparent": {
734
+ "light": {
735
+ "value": "$semantic.ui.color.inverse.light",
736
+ "type": "color"
737
+ },
738
+ "dark": {
739
+ "value": "$semantic.ui.color.inverse.dark",
740
+ "type": "color"
741
+ }
742
+ }
743
+ },
744
+ "neutral": {
745
+ "solid": {
746
+ "light": {
747
+ "value": "$semantic.ui.color.text.1.light",
748
+ "type": "color"
749
+ },
750
+ "dark": {
751
+ "value": "$semantic.ui.color.text.1.dark",
752
+ "type": "color"
753
+ }
754
+ },
755
+ "outline-fill": {
756
+ "light": {
757
+ "value": "$semantic.ui.color.foreground.3.light",
758
+ "type": "color"
759
+ },
760
+ "dark": {
761
+ "value": "$semantic.ui.color.foreground.3.dark",
762
+ "type": "color"
763
+ }
764
+ },
765
+ "outline": {
766
+ "light": {
767
+ "value": "$semantic.ui.color.foreground.3.light",
768
+ "type": "color"
769
+ },
770
+ "dark": {
771
+ "value": "$semantic.ui.color.foreground.3.dark",
772
+ "type": "color"
773
+ }
774
+ },
775
+ "transparent": {
776
+ "light": {
777
+ "value": "$semantic.ui.color.foreground.3.light",
778
+ "type": "color"
779
+ },
780
+ "dark": {
781
+ "value": "$semantic.ui.color.foreground.3.dark",
782
+ "type": "color"
783
+ }
784
+ }
785
+ },
786
+ "danger": {
787
+ "solid": {
788
+ "light": {
789
+ "value": "$semantic.ui.color.danger.default.light",
790
+ "type": "color"
791
+ },
792
+ "dark": {
793
+ "value": "$semantic.ui.color.danger.default.dark",
794
+ "type": "color"
795
+ }
796
+ },
797
+ "outline-fill": {
798
+ "light": {
799
+ "value": "$semantic.ui.color.danger.default.light",
800
+ "type": "color"
801
+ },
802
+ "dark": {
803
+ "value": "$semantic.ui.color.danger.default.dark",
804
+ "type": "color"
805
+ }
806
+ },
807
+ "outline": {
808
+ "light": {
809
+ "value": "$semantic.ui.color.danger.default.light",
810
+ "type": "color"
811
+ },
812
+ "dark": {
813
+ "value": "$semantic.ui.color.danger.default.dark",
814
+ "type": "color"
815
+ }
816
+ },
817
+ "transparent": {
818
+ "light": {
819
+ "value": "$semantic.ui.color.danger.default.light",
820
+ "type": "color"
821
+ },
822
+ "dark": {
823
+ "value": "$semantic.ui.color.danger.default.dark",
824
+ "type": "color"
825
+ }
826
+ }
827
+ }
828
+ }
829
+ }
830
+ }