@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/fab.json ADDED
@@ -0,0 +1,490 @@
1
+ {
2
+ "fab": {
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
+ },
26
+ "sm": {
27
+ "value": "$semantic.font.default.regular.-2h",
28
+ "type": "typography"
29
+ },
30
+ "md": {
31
+ "value": "$semantic.font.default.regular.-1h",
32
+ "type": "typography"
33
+ },
34
+ "lg": {
35
+ "value": "$semantic.font.default.regular.0h",
36
+ "type": "typography"
37
+ },
38
+ "inverse": {
39
+ "solid": {
40
+ "light": {
41
+ "value": "$semantic.ui.color.text.inverse.light",
42
+ "type": "color"
43
+ },
44
+ "dark": {
45
+ "value": "$semantic.ui.color.text.inverse.dark",
46
+ "type": "color"
47
+ }
48
+ },
49
+ "outline-fill": {
50
+ "light": {
51
+ "value": "$semantic.ui.color.text.1.light",
52
+ "type": "color"
53
+ },
54
+ "dark": {
55
+ "value": "$semantic.ui.color.text.1.dark",
56
+ "type": "color"
57
+ }
58
+ }
59
+ },
60
+ "neutral": {
61
+ "solid": {
62
+ "light": {
63
+ "value": "$semantic.ui.color.text.1.light",
64
+ "type": "color"
65
+ },
66
+ "dark": {
67
+ "value": "$semantic.ui.color.text.1.dark",
68
+ "type": "color"
69
+ }
70
+ },
71
+ "outline-fill": {
72
+ "light": {
73
+ "value": "$semantic.ui.color.text.1.light",
74
+ "type": "color"
75
+ },
76
+ "dark": {
77
+ "value": "$semantic.ui.color.text.1.dark",
78
+ "type": "color"
79
+ }
80
+ }
81
+ },
82
+ "danger": {
83
+ "solid": {
84
+ "light": {
85
+ "value": "$semantic.ui.color.text.inverse.light",
86
+ "type": "color"
87
+ },
88
+ "dark": {
89
+ "value": "$semantic.ui.color.text.inverse.dark",
90
+ "type": "color"
91
+ }
92
+ },
93
+ "outline-fill": {
94
+ "light": {
95
+ "value": "$semantic.ui.color.danger.default.light",
96
+ "type": "color"
97
+ },
98
+ "dark": {
99
+ "value": "$semantic.ui.color.danger.default.dark",
100
+ "type": "color"
101
+ }
102
+ }
103
+ }
104
+ },
105
+ "icon": {
106
+ "brand": {
107
+ "solid": {
108
+ "light": {
109
+ "value": "$semantic.ui.color.foreground.1.light",
110
+ "type": "color"
111
+ },
112
+ "dark": {
113
+ "value": "$semantic.ui.color.foreground.1.dark",
114
+ "type": "color"
115
+ }
116
+ },
117
+ "outline-fill": {
118
+ "light": {
119
+ "value": "$semantic.ui.color.brand.default.light",
120
+ "type": "color"
121
+ },
122
+ "dark": {
123
+ "value": "$semantic.ui.color.brand.default.dark",
124
+ "type": "color"
125
+ }
126
+ }
127
+ },
128
+ "inverse": {
129
+ "solid": {
130
+ "light": {
131
+ "value": "$semantic.ui.color.text.inverse.light",
132
+ "type": "color"
133
+ },
134
+ "dark": {
135
+ "value": "$semantic.ui.color.text.inverse.dark",
136
+ "type": "color"
137
+ }
138
+ },
139
+ "outline-fill": {
140
+ "light": {
141
+ "value": "$semantic.ui.color.text.1.light",
142
+ "type": "color"
143
+ },
144
+ "dark": {
145
+ "value": "$semantic.ui.color.text.1.dark",
146
+ "type": "color"
147
+ }
148
+ }
149
+ },
150
+ "neutral": {
151
+ "solid": {
152
+ "light": {
153
+ "value": "$semantic.ui.color.text.1.light",
154
+ "type": "color"
155
+ },
156
+ "dark": {
157
+ "value": "$semantic.ui.color.text.1.dark",
158
+ "type": "color"
159
+ }
160
+ },
161
+ "outline-fill": {
162
+ "light": {
163
+ "value": "$semantic.ui.color.text.1.light",
164
+ "type": "color"
165
+ },
166
+ "dark": {
167
+ "value": "$semantic.ui.color.text.1.dark",
168
+ "type": "color"
169
+ }
170
+ }
171
+ },
172
+ "danger": {
173
+ "solid": {
174
+ "light": {
175
+ "value": "$semantic.ui.color.foreground.1.light",
176
+ "type": "color"
177
+ },
178
+ "dark": {
179
+ "value": "$semantic.ui.color.foreground.1.dark",
180
+ "type": "color"
181
+ }
182
+ },
183
+ "outline-fill": {
184
+ "light": {
185
+ "value": "$semantic.ui.color.danger.default.light",
186
+ "type": "color"
187
+ },
188
+ "dark": {
189
+ "value": "$semantic.ui.color.danger.default.dark",
190
+ "type": "color"
191
+ }
192
+ }
193
+ }
194
+ },
195
+ "border": {
196
+ "brand": {
197
+ "solid": {
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-fill": {
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
+ },
218
+ "inverse": {
219
+ "solid": {
220
+ "light": {
221
+ "value": "$semantic.ui.color.inverse.light",
222
+ "type": "color"
223
+ },
224
+ "dark": {
225
+ "value": "$semantic.ui.color.inverse.dark",
226
+ "type": "color"
227
+ }
228
+ },
229
+ "outline-fill": {
230
+ "light": {
231
+ "value": "$semantic.ui.color.inverse.light",
232
+ "type": "color"
233
+ },
234
+ "dark": {
235
+ "value": "$semantic.ui.color.inverse.dark",
236
+ "type": "color"
237
+ }
238
+ }
239
+ },
240
+ "neutral": {
241
+ "solid": {
242
+ "light": {
243
+ "value": "$semantic.ui.color.foreground.3.light",
244
+ "type": "color"
245
+ },
246
+ "dark": {
247
+ "value": "$semantic.ui.color.foreground.3.dark",
248
+ "type": "color"
249
+ }
250
+ },
251
+ "outline-fill": {
252
+ "light": {
253
+ "value": "$semantic.ui.color.foreground.3.light",
254
+ "type": "color"
255
+ },
256
+ "dark": {
257
+ "value": "$semantic.ui.color.foreground.3.dark",
258
+ "type": "color"
259
+ }
260
+ }
261
+ },
262
+ "danger": {
263
+ "solid": {
264
+ "light": {
265
+ "value": "$semantic.ui.color.danger.default.light",
266
+ "type": "color"
267
+ },
268
+ "dark": {
269
+ "value": "$semantic.ui.color.danger.default.dark",
270
+ "type": "color"
271
+ }
272
+ },
273
+ "outline-fill": {
274
+ "light": {
275
+ "value": "$semantic.ui.color.danger.default.light",
276
+ "type": "color"
277
+ },
278
+ "dark": {
279
+ "value": "$semantic.ui.color.danger.default.dark",
280
+ "type": "color"
281
+ }
282
+ }
283
+ }
284
+ },
285
+ "background": {
286
+ "brand": {
287
+ "solid": {
288
+ "light": {
289
+ "value": "$semantic.ui.color.brand.default.light",
290
+ "type": "color"
291
+ },
292
+ "dark": {
293
+ "value": "$semantic.ui.color.brand.default.dark",
294
+ "type": "color"
295
+ }
296
+ },
297
+ "outline-fill": {
298
+ "light": {
299
+ "value": "$semantic.ui.color.foreground.1.light",
300
+ "type": "color"
301
+ },
302
+ "dark": {
303
+ "value": "$semantic.ui.color.foreground.1.dark",
304
+ "type": "color"
305
+ }
306
+ }
307
+ },
308
+ "inverse": {
309
+ "solid": {
310
+ "light": {
311
+ "value": "$semantic.ui.color.inverse.light",
312
+ "type": "color"
313
+ },
314
+ "dark": {
315
+ "value": "$semantic.ui.color.inverse.dark",
316
+ "type": "color"
317
+ }
318
+ },
319
+ "outline-fill": {
320
+ "light": {
321
+ "value": "$semantic.ui.color.foreground.1.light",
322
+ "type": "color"
323
+ },
324
+ "dark": {
325
+ "value": "$semantic.ui.color.foreground.1.dark",
326
+ "type": "color"
327
+ }
328
+ }
329
+ },
330
+ "neutral": {
331
+ "solid": {
332
+ "light": {
333
+ "value": "$semantic.ui.color.foreground.3.light",
334
+ "type": "color"
335
+ },
336
+ "dark": {
337
+ "value": "$semantic.ui.color.foreground.3.dark",
338
+ "type": "color"
339
+ }
340
+ },
341
+ "outline-fill": {
342
+ "light": {
343
+ "value": "$semantic.ui.color.foreground.1.light",
344
+ "type": "color"
345
+ },
346
+ "dark": {
347
+ "value": "$semantic.ui.color.foreground.1.dark",
348
+ "type": "color"
349
+ }
350
+ }
351
+ },
352
+ "danger": {
353
+ "solid": {
354
+ "light": {
355
+ "value": "$semantic.ui.color.danger.default.light",
356
+ "type": "color"
357
+ },
358
+ "dark": {
359
+ "value": "$semantic.ui.color.danger.default.dark",
360
+ "type": "color"
361
+ }
362
+ },
363
+ "outline-fill": {
364
+ "light": {
365
+ "value": "$semantic.ui.color.foreground.1.light",
366
+ "type": "color"
367
+ },
368
+ "dark": {
369
+ "value": "$semantic.ui.color.foreground.1.dark",
370
+ "type": "color"
371
+ }
372
+ }
373
+ }
374
+ },
375
+ "border-radius": {
376
+ "sm": {
377
+ "value": "$core.border.border-radius.full",
378
+ "type": "borderRadius"
379
+ },
380
+ "md": {
381
+ "value": "$core.border.border-radius.full",
382
+ "type": "borderRadius"
383
+ },
384
+ "lg": {
385
+ "value": "$core.border.border-radius.full",
386
+ "type": "borderRadius"
387
+ }
388
+ },
389
+ "border-width": {
390
+ "sm": {
391
+ "value": "$core.border.border-width.0",
392
+ "type": "borderWidth"
393
+ },
394
+ "md": {
395
+ "value": "$core.border.border-width.0",
396
+ "type": "borderWidth"
397
+ },
398
+ "lg": {
399
+ "value": "$core.border.border-width.0",
400
+ "type": "borderWidth"
401
+ }
402
+ },
403
+ "comp-size": {
404
+ "sm": {
405
+ "value": "$core.sizing.9",
406
+ "type": "sizing"
407
+ },
408
+ "md": {
409
+ "value": "$core.sizing.11",
410
+ "type": "sizing"
411
+ },
412
+ "lg": {
413
+ "value": "$core.sizing.14",
414
+ "type": "sizing"
415
+ }
416
+ },
417
+ "icon-size": {
418
+ "sm": {
419
+ "value": "$core.sizing.7",
420
+ "type": "sizing"
421
+ },
422
+ "md": {
423
+ "value": "$core.sizing.7",
424
+ "type": "sizing"
425
+ },
426
+ "lg": {
427
+ "value": "$core.sizing.9",
428
+ "type": "sizing"
429
+ }
430
+ },
431
+ "space-between": {
432
+ "sm": {
433
+ "value": "$core.spacing.3",
434
+ "type": "spacing"
435
+ },
436
+ "md": {
437
+ "value": "$core.spacing.5",
438
+ "type": "spacing"
439
+ },
440
+ "lg": {
441
+ "value": "$core.spacing.7",
442
+ "type": "spacing"
443
+ }
444
+ },
445
+ "space-around": {
446
+ "left-right": {
447
+ "sm": {
448
+ "value": "$core.spacing.3",
449
+ "type": "spacing"
450
+ },
451
+ "md": {
452
+ "value": "$core.spacing.5",
453
+ "type": "spacing"
454
+ },
455
+ "lg": {
456
+ "value": "$core.spacing.7",
457
+ "type": "spacing"
458
+ }
459
+ },
460
+ "top-bottom": {
461
+ "sm": {
462
+ "value": "$core.spacing.1",
463
+ "type": "spacing"
464
+ },
465
+ "md": {
466
+ "value": "$core.spacing.3",
467
+ "type": "spacing"
468
+ },
469
+ "lg": {
470
+ "value": "$core.spacing.5",
471
+ "type": "spacing"
472
+ }
473
+ },
474
+ "icon-only": {
475
+ "sm": {
476
+ "value": "$core.spacing.1",
477
+ "type": "spacing"
478
+ },
479
+ "md": {
480
+ "value": "$core.spacing.3",
481
+ "type": "spacing"
482
+ },
483
+ "lg": {
484
+ "value": "$core.spacing.4",
485
+ "type": "spacing"
486
+ }
487
+ }
488
+ }
489
+ }
490
+ }
package/src/component/filter.json ADDED
@@ -0,0 +1,174 @@
1
+ {
2
+ "filter": {
3
+ "font": {
4
+ "light": {
5
+ "value": "$semantic.ui.color.text.1.light",
6
+ "type": "color"
7
+ },
8
+ "dark": {
9
+ "value": "$semantic.ui.color.text.1.dark",
10
+ "type": "color"
11
+ },
12
+ "sm": {
13
+ "value": "$semantic.font.default.regular.-1h",
14
+ "type": "typography"
15
+ },
16
+ "md": {
17
+ "value": "$semantic.font.default.regular.-1h",
18
+ "type": "typography"
19
+ },
20
+ "lg": {
21
+ "value": "$semantic.font.default.regular.-1h",
22
+ "type": "typography"
23
+ }
24
+ },
25
+ "icon": {
26
+ "light": {
27
+ "value": "$semantic.ui.color.text.3.light",
28
+ "type": "color"
29
+ },
30
+ "dark": {
31
+ "value": "$semantic.ui.color.text.3.dark",
32
+ "type": "color"
33
+ }
34
+ },
35
+ "border": {
36
+ "light": {
37
+ "value": "$semantic.ui.color.border.input.light",
38
+ "type": "color"
39
+ },
40
+ "dark": {
41
+ "value": "$semantic.ui.color.border.input.dark",
42
+ "type": "color"
43
+ }
44
+ },
45
+ "background": {
46
+ "light": {
47
+ "value": "$semantic.ui.color.foreground.1.light",
48
+ "type": "color"
49
+ },
50
+ "dark": {
51
+ "value": "$semantic.ui.color.foreground.1.dark",
52
+ "type": "color"
53
+ }
54
+ },
55
+ "border-radius": {
56
+ "sm": {
57
+ "value": "$core.border.border-radius.none",
58
+ "type": "borderRadius"
59
+ },
60
+ "md": {
61
+ "value": "$core.border.border-radius.none",
62
+ "type": "borderRadius"
63
+ },
64
+ "lg": {
65
+ "value": "$core.border.border-radius.none",
66
+ "type": "borderRadius"
67
+ }
68
+ },
69
+ "border-width": {
70
+ "sm": {
71
+ "value": "$core.border.border-width.0",
72
+ "type": "borderWidth"
73
+ },
74
+ "md": {
75
+ "value": "$core.border.border-width.0",
76
+ "type": "borderWidth"
77
+ },
78
+ "lg": {
79
+ "value": "$core.border.border-width.0",
80
+ "type": "borderWidth"
81
+ }
82
+ },
83
+ "icon-size": {
84
+ "sm": {
85
+ "value": "$core.sizing.7",
86
+ "type": "sizing"
87
+ },
88
+ "md": {
89
+ "value": "$core.sizing.7",
90
+ "type": "sizing"
91
+ },
92
+ "lg": {
93
+ "value": "$core.sizing.9",
94
+ "type": "sizing"
95
+ }
96
+ },
97
+ "input": {
98
+ "space-between": {
99
+ "sm": {
100
+ "value": "$core.spacing.3",
101
+ "type": "spacing"
102
+ },
103
+ "md": {
104
+ "value": "$core.spacing.5",
105
+ "type": "spacing"
106
+ },
107
+ "lg": {
108
+ "value": "$core.spacing.7",
109
+ "type": "spacing"
110
+ }
111
+ },
112
+ "space-around": {
113
+ "left-right": {
114
+ "sm": {
115
+ "value": "$core.spacing.3",
116
+ "type": "spacing"
117
+ },
118
+ "md": {
119
+ "value": "$core.spacing.5",
120
+ "type": "spacing"
121
+ },
122
+ "lg": {
123
+ "value": "$core.spacing.7",
124
+ "type": "spacing"
125
+ }
126
+ },
127
+ "top-bottom": {
128
+ "sm": {
129
+ "value": "$core.spacing.1",
130
+ "type": "spacing"
131
+ },
132
+ "md": {
133
+ "value": "$core.spacing.3",
134
+ "type": "spacing"
135
+ },
136
+ "lg": {
137
+ "value": "$core.spacing.5",
138
+ "type": "spacing"
139
+ }
140
+ }
141
+ }
142
+ },
143
+ "space-around": {
144
+ "left-right": {
145
+ "sm": {
146
+ "value": "$core.spacing.5",
147
+ "type": "spacing"
148
+ },
149
+ "md": {
150
+ "value": "$core.spacing.5",
151
+ "type": "spacing"
152
+ },
153
+ "lg": {
154
+ "value": "$core.spacing.5",
155
+ "type": "spacing"
156
+ }
157
+ },
158
+ "top-bottom": {
159
+ "sm": {
160
+ "value": "$core.spacing.3",
161
+ "type": "spacing"
162
+ },
163
+ "md": {
164
+ "value": "$core.spacing.3",
165
+ "type": "spacing"
166
+ },
167
+ "lg": {
168
+ "value": "$core.spacing.3",
169
+ "type": "spacing"
170
+ }
171
+ }
172
+ }
173
+ }
174
+ }