@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/dropdown-item.json DELETED
@@ -1,384 +0,0 @@
1
- {
2
- "dropdown-item": {
3
- "font": {
4
- "default": {
5
- "light": {
6
- "value": "$semantic.ui.color.text.3.light",
7
- "type": "color"
8
- },
9
- "dark": {
10
- "value": "$semantic.ui.color.text.3.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
- "selected": {
27
- "sm": {
28
- "value": "$semantic.font.default.medium.-2h",
29
- "type": "typography"
30
- },
31
- "md": {
32
- "value": "$semantic.font.default.medium.-1h",
33
- "type": "typography"
34
- },
35
- "lg": {
36
- "value": "$semantic.font.default.medium.0h",
37
- "type": "typography"
38
- },
39
- "light": {
40
- "value": "$semantic.ui.color.text.1.light",
41
- "type": "color"
42
- },
43
- "dark": {
44
- "value": "$semantic.ui.color.text.1.dark",
45
- "type": "color"
46
- }
47
- },
48
- "group-title": {
49
- "light": {
50
- "value": "$semantic.ui.color.text.2.light",
51
- "type": "color"
52
- },
53
- "dark": {
54
- "value": "$semantic.ui.color.text.2.dark",
55
- "type": "color"
56
- },
57
- "sm": {
58
- "value": "$semantic.font.default.bold.-2h",
59
- "type": "typography"
60
- },
61
- "md": {
62
- "value": "$semantic.font.default.bold.-1h",
63
- "type": "typography"
64
- },
65
- "lg": {
66
- "value": "$semantic.font.default.bold.0h",
67
- "type": "typography"
68
- }
69
- }
70
- },
71
- "icon": {
72
- "default": {
73
- "light": {
74
- "value": "$semantic.ui.color.text.3.light",
75
- "type": "color"
76
- },
77
- "dark": {
78
- "value": "$semantic.ui.color.text.3.dark",
79
- "type": "color"
80
- },
81
- "selected": {
82
- "light": {
83
- "value": "$semantic.ui.color.brand.default.light",
84
- "type": "color"
85
- },
86
- "dark": {
87
- "value": "$semantic.ui.color.brand.default.dark",
88
- "type": "color"
89
- }
90
- }
91
- },
92
- "select": {
93
- "light": {
94
- "value": "$semantic.ui.color.brand.default.light",
95
- "type": "color"
96
- },
97
- "dark": {
98
- "value": "$semantic.ui.color.brand.default.dark",
99
- "type": "color"
100
- }
101
- }
102
- },
103
- "border": {
104
- "light": {
105
- "value": "$semantic.ui.color.border.3.light",
106
- "type": "color"
107
- },
108
- "dark": {
109
- "value": "$semantic.ui.color.border.3.dark",
110
- "type": "color"
111
- }
112
- },
113
- "border-width": {
114
- "sm": {
115
- "value": "$core.border.border-width.0",
116
- "type": "borderWidth"
117
- },
118
- "md": {
119
- "value": "$core.border.border-width.0",
120
- "type": "borderWidth"
121
- },
122
- "lg": {
123
- "value": "$core.border.border-width.0",
124
- "type": "borderWidth"
125
- }
126
- },
127
- "icon-size": {
128
- "sm": {
129
- "value": "$core.sizing.7",
130
- "type": "sizing"
131
- },
132
- "md": {
133
- "value": "$core.sizing.7",
134
- "type": "sizing"
135
- },
136
- "lg": {
137
- "value": "$core.sizing.9",
138
- "type": "sizing"
139
- }
140
- },
141
- "space-between": {
142
- "container": {
143
- "sm": {
144
- "value": "$core.spacing.1",
145
- "type": "spacing"
146
- },
147
- "md": {
148
- "value": "$core.spacing.3",
149
- "type": "spacing"
150
- },
151
- "lg": {
152
- "value": "$core.spacing.1",
153
- "type": "spacing"
154
- }
155
- }
156
- },
157
- "space-around": {
158
- "content": {
159
- "left": {
160
- "sm": {
161
- "value": "$core.spacing.1",
162
- "type": "spacing"
163
- },
164
- "md": {
165
- "value": "$core.spacing.1",
166
- "type": "spacing"
167
- },
168
- "lg": {
169
- "value": "$core.spacing.1",
170
- "type": "spacing"
171
- }
172
- },
173
- "top-bottom": {
174
- "sm": {
175
- "value": "$core.spacing.none",
176
- "type": "spacing"
177
- },
178
- "md": {
179
- "value": "$core.spacing.0",
180
- "type": "spacing"
181
- },
182
- "lg": {
183
- "value": "$core.spacing.0",
184
- "type": "spacing"
185
- }
186
- }
187
- },
188
- "container": {
189
- "default": {
190
- "left": {
191
- "sm": {
192
- "value": "$core.spacing.1",
193
- "type": "spacing"
194
- },
195
- "md": {
196
- "value": "$core.spacing.3",
197
- "type": "spacing"
198
- },
199
- "lg": {
200
- "value": "$core.spacing.5",
201
- "type": "spacing"
202
- }
203
- },
204
- "right": {
205
- "sm": {
206
- "value": "$core.spacing.3",
207
- "type": "spacing"
208
- },
209
- "md": {
210
- "value": "$core.spacing.5",
211
- "type": "spacing"
212
- },
213
- "lg": {
214
- "value": "$core.spacing.7",
215
- "type": "spacing"
216
- }
217
- },
218
- "top-bottom": {
219
- "sm": {
220
- "value": "$core.spacing.1",
221
- "type": "spacing"
222
- },
223
- "md": {
224
- "value": "$core.spacing.3",
225
- "type": "spacing"
226
- },
227
- "lg": {
228
- "value": "$core.spacing.4",
229
- "type": "spacing"
230
- }
231
- }
232
- },
233
- "single": {
234
- "left": {
235
- "sm": {
236
- "value": "$core.spacing.9",
237
- "type": "spacing"
238
- },
239
- "md": {
240
- "value": "$core.spacing.11",
241
- "type": "spacing"
242
- },
243
- "lg": {
244
- "value": "$core.spacing.13",
245
- "type": "spacing"
246
- }
247
- },
248
- "right": {
249
- "sm": {
250
- "value": "$core.spacing.3",
251
- "type": "spacing"
252
- },
253
- "md": {
254
- "value": "$core.spacing.5",
255
- "type": "spacing"
256
- },
257
- "lg": {
258
- "value": "$core.spacing.7",
259
- "type": "spacing"
260
- }
261
- },
262
- "top-bottom": {
263
- "sm": {
264
- "value": "$core.spacing.1",
265
- "type": "spacing"
266
- },
267
- "md": {
268
- "value": "$core.spacing.3",
269
- "type": "spacing"
270
- },
271
- "lg": {
272
- "value": "$core.spacing.4",
273
- "type": "spacing"
274
- }
275
- }
276
- },
277
- "multi": {
278
- "left": {
279
- "sm": {
280
- "value": "$core.spacing.9",
281
- "type": "spacing"
282
- },
283
- "md": {
284
- "value": "$core.spacing.11",
285
- "type": "spacing"
286
- },
287
- "lg": {
288
- "value": "$core.spacing.13",
289
- "type": "spacing"
290
- }
291
- },
292
- "right": {
293
- "sm": {
294
- "value": "$core.spacing.3",
295
- "type": "spacing"
296
- },
297
- "md": {
298
- "value": "$core.spacing.5",
299
- "type": "spacing"
300
- },
301
- "lg": {
302
- "value": "$core.spacing.7",
303
- "type": "spacing"
304
- }
305
- },
306
- "top-bottom": {
307
- "sm": {
308
- "value": "$core.spacing.1",
309
- "type": "spacing"
310
- },
311
- "md": {
312
- "value": "$core.spacing.3",
313
- "type": "spacing"
314
- },
315
- "lg": {
316
- "value": "$core.spacing.4",
317
- "type": "spacing"
318
- }
319
- }
320
- }
321
- },
322
- "group-title": {
323
- "sm": {
324
- "value": "$core.spacing.3",
325
- "type": "spacing"
326
- },
327
- "md": {
328
- "value": "$core.spacing.5",
329
- "type": "spacing"
330
- },
331
- "lg": {
332
- "value": "$core.spacing.7",
333
- "type": "spacing"
334
- }
335
- },
336
- "icon-start": {
337
- "left": {
338
- "sm": {
339
- "value": "$core.spacing.1",
340
- "type": "spacing"
341
- },
342
- "md": {
343
- "value": "$core.spacing.1",
344
- "type": "spacing"
345
- },
346
- "lg": {
347
- "value": "$core.spacing.1",
348
- "type": "spacing"
349
- }
350
- },
351
- "right": {
352
- "sm": {
353
- "value": "$core.spacing.3",
354
- "type": "spacing"
355
- },
356
- "md": {
357
- "value": "$core.spacing.5",
358
- "type": "spacing"
359
- },
360
- "lg": {
361
- "value": "$core.spacing.7",
362
- "type": "spacing"
363
- }
364
- }
365
- },
366
- "icon-end": {
367
- "left": {
368
- "sm": {
369
- "value": "$core.spacing.3",
370
- "type": "spacing"
371
- },
372
- "md": {
373
- "value": "$core.spacing.3",
374
- "type": "spacing"
375
- },
376
- "lg": {
377
- "value": "$core.spacing.3",
378
- "type": "spacing"
379
- }
380
- }
381
- }
382
- }
383
- }
384
- }
package/src/component/dropdown.json DELETED
@@ -1,58 +0,0 @@
1
- {
2
- "dropdown": {
3
- "background": {
4
- "default": {
5
- "light": {
6
- "value": "$semantic.ui.color.foreground.1.light",
7
- "type": "color"
8
- },
9
- "dark": {
10
- "value": "$semantic.ui.color.foreground.1.dark",
11
- "type": "color"
12
- }
13
- }
14
- },
15
- "border-radius": {
16
- "sm": {
17
- "value": "$core.border.border-radius.1",
18
- "type": "borderRadius"
19
- },
20
- "md": {
21
- "value": "$core.border.border-radius.1",
22
- "type": "borderRadius"
23
- },
24
- "lg": {
25
- "value": "$core.border.border-radius.1",
26
- "type": "borderRadius"
27
- }
28
- },
29
- "comp-size": {
30
- "sm": {
31
- "value": "$core.sizing.9",
32
- "type": "sizing"
33
- },
34
- "md": {
35
- "value": "$core.sizing.11",
36
- "type": "sizing"
37
- },
38
- "lg": {
39
- "value": "$core.sizing.14",
40
- "type": "sizing"
41
- }
42
- },
43
- "box-shadow": {
44
- "sm": {
45
- "value": "$core.box-shadow.2",
46
- "type": "boxShadow"
47
- },
48
- "md": {
49
- "value": "$core.box-shadow.2",
50
- "type": "boxShadow"
51
- },
52
- "lg": {
53
- "value": "$core.box-shadow.2",
54
- "type": "boxShadow"
55
- }
56
- }
57
- }
58
- }