@esri/calcite-design-tokens 1.1.1-next.0 → 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 -7036
  26. package/.turbo/turbo-test.log +0 -14
  27. package/CHANGELOG.md +0 -25
  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/component/input-text.json DELETED
@@ -1,244 +0,0 @@
1
- {
2
- "input-text": {
3
- "font": {
4
- "placeholder-value": {
5
- "light": {
6
- "value": "$semantic.ui.color.text.1.light",
7
- "type": "color"
8
- },
9
- "dark": {
10
- "value": "$semantic.ui.color.text.1.dark",
11
- "type": "color"
12
- },
13
- "sm": {
14
- "value": "$semantic.font.default.regular.-2h",
15
- "type": "typography"
16
- },
17
- "md": {
18
- "value": "$semantic.font.default.regular.-1h",
19
- "type": "typography"
20
- },
21
- "lg": {
22
- "value": "$semantic.font.default.regular.0h",
23
- "type": "typography"
24
- }
25
- },
26
- "label": {
27
- "light": {
28
- "value": "$semantic.ui.color.text.1.light",
29
- "type": "color"
30
- },
31
- "dark": {
32
- "value": "$semantic.ui.color.text.1.dark",
33
- "type": "color"
34
- },
35
- "sm": {
36
- "value": "$semantic.font.default.regular.-2h",
37
- "type": "typography"
38
- },
39
- "md": {
40
- "value": "$semantic.font.default.regular.-1h",
41
- "type": "typography"
42
- },
43
- "lg": {
44
- "value": "$semantic.font.default.regular.0h",
45
- "type": "typography"
46
- }
47
- },
48
- "prefix-suffix": {
49
- "sm": {
50
- "value": "$semantic.font.default.medium.-2h",
51
- "type": "typography"
52
- },
53
- "md": {
54
- "value": "$semantic.font.default.medium.-1h",
55
- "type": "typography"
56
- },
57
- "lg": {
58
- "value": "$semantic.font.default.medium.0h",
59
- "type": "typography"
60
- },
61
- "light": {
62
- "value": "$semantic.ui.color.text.2.light",
63
- "type": "color"
64
- },
65
- "dark": {
66
- "value": "$semantic.ui.color.text.2.dark",
67
- "type": "color"
68
- }
69
- },
70
- "read-only": {
71
- "sm": {
72
- "value": "$semantic.font.default.medium.-2h",
73
- "type": "typography"
74
- },
75
- "md": {
76
- "value": "$semantic.font.default.medium.-1h",
77
- "type": "typography"
78
- },
79
- "lg": {
80
- "value": "$semantic.font.default.medium.0h",
81
- "type": "typography"
82
- }
83
- }
84
- },
85
- "icon": {
86
- "light": {
87
- "value": "$semantic.ui.color.text.3.light",
88
- "type": "color"
89
- },
90
- "dark": {
91
- "value": "$semantic.ui.color.text.3.dark",
92
- "type": "color"
93
- }
94
- },
95
- "border": {
96
- "invalid": {
97
- "light": {
98
- "value": "$semantic.ui.color.danger.default.light",
99
- "type": "color"
100
- },
101
- "dark": {
102
- "value": "$semantic.ui.color.danger.default.dark",
103
- "type": "color"
104
- }
105
- },
106
- "default": {
107
- "light": {
108
- "value": "$semantic.ui.color.border.input.light",
109
- "type": "color"
110
- },
111
- "dark": {
112
- "value": "$semantic.ui.color.border.input.dark",
113
- "type": "color"
114
- }
115
- }
116
- },
117
- "background": {
118
- "default": {
119
- "light": {
120
- "value": "$semantic.ui.color.foreground.1.light",
121
- "type": "color"
122
- },
123
- "dark": {
124
- "value": "$semantic.ui.color.foreground.1.dark",
125
- "type": "color"
126
- }
127
- },
128
- "prefix-suffix": {
129
- "light": {
130
- "value": "$semantic.ui.color.background.light",
131
- "type": "color"
132
- },
133
- "dark": {
134
- "value": "$semantic.ui.color.background.dark",
135
- "type": "color"
136
- }
137
- },
138
- "read-only": {
139
- "light": {
140
- "value": "$semantic.ui.color.background.light",
141
- "type": "color"
142
- },
143
- "dark": {
144
- "value": "$semantic.ui.color.background.dark",
145
- "type": "color"
146
- }
147
- }
148
- },
149
- "border-radius": {
150
- "sm": {
151
- "value": "$core.border.border-radius.none",
152
- "type": "borderRadius"
153
- },
154
- "md": {
155
- "value": "$core.border.border-radius.none",
156
- "type": "borderRadius"
157
- },
158
- "lg": {
159
- "value": "$core.border.border-radius.none",
160
- "type": "borderRadius"
161
- }
162
- },
163
- "border-width": {
164
- "sm": {
165
- "value": "$core.border.border-width.0",
166
- "type": "borderWidth"
167
- },
168
- "md": {
169
- "value": "$core.border.border-width.0",
170
- "type": "borderWidth"
171
- },
172
- "lg": {
173
- "value": "$core.border.border-width.0",
174
- "type": "borderWidth"
175
- }
176
- },
177
- "icon-size": {
178
- "sm": {
179
- "value": "$core.sizing.7",
180
- "type": "sizing"
181
- },
182
- "md": {
183
- "value": "$core.sizing.7",
184
- "type": "sizing"
185
- },
186
- "lg": {
187
- "value": "$core.sizing.9",
188
- "type": "sizing"
189
- }
190
- },
191
- "space-between": {
192
- "sm": {
193
- "value": "$core.spacing.3",
194
- "type": "spacing"
195
- },
196
- "md": {
197
- "value": "$core.spacing.5",
198
- "type": "spacing"
199
- },
200
- "lg": {
201
- "value": "$core.spacing.7",
202
- "type": "spacing"
203
- }
204
- },
205
- "space-around": {
206
- "left-right": {
207
- "sm": {
208
- "value": "$core.spacing.3",
209
- "type": "spacing"
210
- },
211
- "md": {
212
- "value": "$core.spacing.5",
213
- "type": "spacing"
214
- },
215
- "lg": {
216
- "value": "$core.spacing.7",
217
- "type": "spacing"
218
- }
219
- },
220
- "top-bottom": {
221
- "sm": {
222
- "value": "$core.spacing.1",
223
- "type": "spacing"
224
- },
225
- "md": {
226
- "value": "$core.spacing.3",
227
- "type": "spacing"
228
- },
229
- "lg": {
230
- "value": "$core.spacing.5",
231
- "type": "spacing"
232
- }
233
- }
234
- },
235
- "opacity": {
236
- "placeholder": {
237
- "light": {
238
- "value": "{core.opacity.50}",
239
- "type": "opacity"
240
- }
241
- }
242
- }
243
- }
244
- }
package/src/component/input-time.json DELETED
@@ -1 +0,0 @@
1
- {}
package/src/component/input-week.json DELETED
@@ -1,244 +0,0 @@
1
- {
2
- "input-week": {
3
- "font": {
4
- "placeholder-value": {
5
- "light": {
6
- "value": "$semantic.ui.color.text.1.light",
7
- "type": "color"
8
- },
9
- "dark": {
10
- "value": "$semantic.ui.color.text.1.dark",
11
- "type": "color"
12
- },
13
- "sm": {
14
- "value": "$semantic.font.default.regular.-2h",
15
- "type": "typography"
16
- },
17
- "md": {
18
- "value": "$semantic.font.default.regular.-1h",
19
- "type": "typography"
20
- },
21
- "lg": {
22
- "value": "$semantic.font.default.regular.0h",
23
- "type": "typography"
24
- }
25
- },
26
- "label": {
27
- "light": {
28
- "value": "$semantic.ui.color.text.1.light",
29
- "type": "color"
30
- },
31
- "dark": {
32
- "value": "$semantic.ui.color.text.1.dark",
33
- "type": "color"
34
- },
35
- "sm": {
36
- "value": "$semantic.font.default.regular.-2h",
37
- "type": "typography"
38
- },
39
- "md": {
40
- "value": "$semantic.font.default.regular.-1h",
41
- "type": "typography"
42
- },
43
- "lg": {
44
- "value": "$semantic.font.default.regular.0h",
45
- "type": "typography"
46
- }
47
- },
48
- "prefix-suffix": {
49
- "sm": {
50
- "value": "$semantic.font.default.medium.-2h",
51
- "type": "typography"
52
- },
53
- "md": {
54
- "value": "$semantic.font.default.medium.-1h",
55
- "type": "typography"
56
- },
57
- "lg": {
58
- "value": "$semantic.font.default.medium.0h",
59
- "type": "typography"
60
- },
61
- "light": {
62
- "value": "$semantic.ui.color.text.2.light",
63
- "type": "color"
64
- },
65
- "dark": {
66
- "value": "$semantic.ui.color.text.2.dark",
67
- "type": "color"
68
- }
69
- },
70
- "read-only": {
71
- "sm": {
72
- "value": "$semantic.font.default.medium.-2h",
73
- "type": "typography"
74
- },
75
- "md": {
76
- "value": "$semantic.font.default.medium.-1h",
77
- "type": "typography"
78
- },
79
- "lg": {
80
- "value": "$semantic.font.default.medium.0h",
81
- "type": "typography"
82
- }
83
- }
84
- },
85
- "icon": {
86
- "light": {
87
- "value": "$semantic.ui.color.text.3.light",
88
- "type": "color"
89
- },
90
- "dark": {
91
- "value": "$semantic.ui.color.text.3.dark",
92
- "type": "color"
93
- }
94
- },
95
- "border": {
96
- "invalid": {
97
- "light": {
98
- "value": "$semantic.ui.color.danger.default.light",
99
- "type": "color"
100
- },
101
- "dark": {
102
- "value": "$semantic.ui.color.danger.default.dark",
103
- "type": "color"
104
- }
105
- },
106
- "default": {
107
- "light": {
108
- "value": "$semantic.ui.color.border.input.light",
109
- "type": "color"
110
- },
111
- "dark": {
112
- "value": "$semantic.ui.color.border.input.dark",
113
- "type": "color"
114
- }
115
- }
116
- },
117
- "background": {
118
- "default": {
119
- "light": {
120
- "value": "$semantic.ui.color.foreground.1.light",
121
- "type": "color"
122
- },
123
- "dark": {
124
- "value": "$semantic.ui.color.foreground.1.dark",
125
- "type": "color"
126
- }
127
- },
128
- "prefix-suffix": {
129
- "light": {
130
- "value": "$semantic.ui.color.background.light",
131
- "type": "color"
132
- },
133
- "dark": {
134
- "value": "$semantic.ui.color.background.dark",
135
- "type": "color"
136
- }
137
- },
138
- "read-only": {
139
- "light": {
140
- "value": "$semantic.ui.color.background.light",
141
- "type": "color"
142
- },
143
- "dark": {
144
- "value": "$semantic.ui.color.background.dark",
145
- "type": "color"
146
- }
147
- }
148
- },
149
- "border-radius": {
150
- "sm": {
151
- "value": "$core.border.border-radius.none",
152
- "type": "borderRadius"
153
- },
154
- "md": {
155
- "value": "$core.border.border-radius.none",
156
- "type": "borderRadius"
157
- },
158
- "lg": {
159
- "value": "$core.border.border-radius.none",
160
- "type": "borderRadius"
161
- }
162
- },
163
- "border-width": {
164
- "sm": {
165
- "value": "$core.border.border-width.0",
166
- "type": "borderWidth"
167
- },
168
- "md": {
169
- "value": "$core.border.border-width.0",
170
- "type": "borderWidth"
171
- },
172
- "lg": {
173
- "value": "$core.border.border-width.0",
174
- "type": "borderWidth"
175
- }
176
- },
177
- "icon-size": {
178
- "sm": {
179
- "value": "$core.sizing.7",
180
- "type": "sizing"
181
- },
182
- "md": {
183
- "value": "$core.sizing.7",
184
- "type": "sizing"
185
- },
186
- "lg": {
187
- "value": "$core.sizing.9",
188
- "type": "sizing"
189
- }
190
- },
191
- "space-between": {
192
- "sm": {
193
- "value": "$core.spacing.3",
194
- "type": "spacing"
195
- },
196
- "md": {
197
- "value": "$core.spacing.5",
198
- "type": "spacing"
199
- },
200
- "lg": {
201
- "value": "$core.spacing.7",
202
- "type": "spacing"
203
- }
204
- },
205
- "space-around": {
206
- "left-right": {
207
- "sm": {
208
- "value": "$core.spacing.3",
209
- "type": "spacing"
210
- },
211
- "md": {
212
- "value": "$core.spacing.5",
213
- "type": "spacing"
214
- },
215
- "lg": {
216
- "value": "$core.spacing.7",
217
- "type": "spacing"
218
- }
219
- },
220
- "top-bottom": {
221
- "sm": {
222
- "value": "$core.spacing.1",
223
- "type": "spacing"
224
- },
225
- "md": {
226
- "value": "$core.spacing.3",
227
- "type": "spacing"
228
- },
229
- "lg": {
230
- "value": "$core.spacing.5",
231
- "type": "spacing"
232
- }
233
- }
234
- },
235
- "opacity": {
236
- "placeholder": {
237
- "light": {
238
- "value": "{core.opacity.50}",
239
- "type": "opacity"
240
- }
241
- }
242
- }
243
- }
244
- }
package/src/component/label.json DELETED
@@ -1,26 +0,0 @@
1
- {
2
- "label": {
3
- "font": {
4
- "sm": {
5
- "value": "$semantic.font.default.regular.-2h",
6
- "type": "typography"
7
- },
8
- "md": {
9
- "value": "$semantic.font.default.regular.-1h",
10
- "type": "typography"
11
- },
12
- "lg": {
13
- "value": "$semantic.font.default.regular.0h",
14
- "type": "typography"
15
- },
16
- "light": {
17
- "value": "$semantic.ui.color.text.1.light",
18
- "type": "color"
19
- },
20
- "dark": {
21
- "value": "$semantic.ui.color.text.1.dark",
22
- "type": "color"
23
- }
24
- }
25
- }
26
- }
package/src/component/link.json DELETED
@@ -1,44 +0,0 @@
1
- {
2
- "link": {
3
- "font": {
4
- "light": {
5
- "value": "$semantic.ui.color.text.link.light",
6
- "type": "color"
7
- },
8
- "dark": {
9
- "value": "$semantic.ui.color.text.link.dark",
10
- "type": "color"
11
- },
12
- "regular": {
13
- "value": "$semantic.font.wrap.regular.0",
14
- "type": "typography"
15
- }
16
- },
17
- "icon": {
18
- "light": {
19
- "value": "$semantic.ui.color.text.link.light",
20
- "type": "color"
21
- },
22
- "dark": {
23
- "value": "$semantic.ui.color.text.link.dark",
24
- "type": "color"
25
- }
26
- },
27
- "border": {
28
- "light": {
29
- "value": "$semantic.ui.color.text.link.light",
30
- "type": "color"
31
- },
32
- "dark": {
33
- "value": "$semantic.ui.color.text.link.dark",
34
- "type": "color"
35
- }
36
- },
37
- "bottom": {
38
- "border-width": {
39
- "value": "$core.border.border-width.0",
40
- "type": "borderWidth"
41
- }
42
- }
43
- }
44
- }
package/src/component/loader.json DELETED
@@ -1,130 +0,0 @@
1
- {
2
- "loader": {
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
- "text": {
13
- "value": "$semantic.font.wrap.regular.-2",
14
- "type": "typography"
15
- },
16
- "value-text": {
17
- "sm": {
18
- "value": "$semantic.font.wrap.regular.-2",
19
- "type": "typography"
20
- },
21
- "md": {
22
- "value": "$semantic.font.wrap.regular.0",
23
- "type": "typography"
24
- },
25
- "lg": {
26
- "value": "$semantic.font.wrap.regular.2",
27
- "type": "typography"
28
- }
29
- }
30
- },
31
- "default": {
32
- "comp-size": {
33
- "sm": {
34
- "value": "$core.sizing.11",
35
- "type": "sizing"
36
- },
37
- "md": {
38
- "value": "$core.sizing.17",
39
- "type": "sizing"
40
- },
41
- "lg": {
42
- "value": "$core.sizing.20",
43
- "type": "sizing"
44
- }
45
- },
46
- "space-between": {
47
- "standard": {
48
- "value": "$core.spacing.1",
49
- "type": "spacing"
50
- }
51
- },
52
- "foreground": {
53
- "light": {
54
- "value": "$semantic.ui.color.brand.default.light",
55
- "type": "color"
56
- },
57
- "dark": {
58
- "value": "$semantic.ui.color.brand.default.dark",
59
- "type": "color"
60
- }
61
- }
62
- },
63
- "inline": {
64
- "comp-size": {
65
- "sm": {
66
- "value": "$core.sizing.5",
67
- "type": "sizing"
68
- },
69
- "md": {
70
- "value": "$core.sizing.7",
71
- "type": "sizing"
72
- },
73
- "lg": {
74
- "value": "$core.sizing.9",
75
- "type": "sizing"
76
- }
77
- },
78
- "space-between": {
79
- "sm": {
80
- "value": "$core.spacing.2",
81
- "type": "spacing"
82
- },
83
- "md": {
84
- "value": "$core.spacing.3",
85
- "type": "spacing"
86
- },
87
- "lg": {
88
- "value": "$core.spacing.5",
89
- "type": "spacing"
90
- }
91
- },
92
- "space-around": {
93
- "sm": {
94
- "value": "$core.spacing.2",
95
- "type": "spacing"
96
- },
97
- "md": {
98
- "value": "$core.spacing.3",
99
- "type": "spacing"
100
- },
101
- "lg": {
102
- "value": "$core.spacing.5",
103
- "type": "spacing"
104
- }
105
- },
106
- "foreground": {
107
- "indeterminate": {
108
- "light": {
109
- "value": "$semantic.ui.color.text.1.light",
110
- "type": "color"
111
- },
112
- "dark": {
113
- "value": "$semantic.ui.color.text.1.dark",
114
- "type": "color"
115
- }
116
- },
117
- "determinate": {
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
- }
129
- }
130
- }