@esri/calcite-design-tokens 1.1.1-next.2 → 2.0.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 (153) 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 +311 -0
  5. package/dist/css/dark.css +47 -0
  6. package/dist/css/global.css +96 -0
  7. package/dist/css/index.css +184 -0
  8. package/dist/css/light.css +47 -0
  9. package/dist/docs/core.json +8134 -0
  10. package/dist/docs/global.json +6617 -0
  11. package/dist/es6/core.d.ts +309 -0
  12. package/dist/es6/core.js +309 -0
  13. package/dist/es6/global.d.ts +202 -0
  14. package/dist/es6/global.js +202 -0
  15. package/dist/js/core.d.ts +421 -0
  16. package/dist/js/core.js +8208 -0
  17. package/dist/js/global.d.ts +330 -0
  18. package/dist/js/global.js +6689 -0
  19. package/dist/scss/breakpoints.scss +37 -0
  20. package/dist/scss/core.scss +309 -0
  21. package/dist/scss/dark.scss +45 -0
  22. package/dist/scss/global.scss +94 -0
  23. package/dist/scss/index.scss +96 -0
  24. package/dist/scss/light.scss +45 -0
  25. package/dist/scss/mixins.scss +342 -0
  26. package/package.json +7 -21
  27. package/.eslintrc.cjs +0 -85
  28. package/.turbo/turbo-build.log +0 -7034
  29. package/.turbo/turbo-test.log +0 -15
  30. package/CHANGELOG.md +0 -33
  31. package/CONTRIBUTING.md +0 -41
  32. package/dist/css/brand-light.css +0 -9
  33. package/dist/css/calcite-dark.css +0 -504
  34. package/dist/css/calcite-headless.css +0 -2615
  35. package/dist/css/calcite-light.css +0 -507
  36. package/dist/es6/brand-light.d.ts +0 -7
  37. package/dist/es6/brand-light.js +0 -7
  38. package/dist/es6/calcite-dark.d.ts +0 -502
  39. package/dist/es6/calcite-dark.js +0 -502
  40. package/dist/es6/calcite-headless.d.ts +0 -2613
  41. package/dist/es6/calcite-headless.js +0 -2613
  42. package/dist/es6/calcite-light.d.ts +0 -505
  43. package/dist/es6/calcite-light.js +0 -505
  44. package/dist/js/brand-light.d.ts +0 -72
  45. package/dist/js/brand-light.js +0 -95
  46. package/dist/js/calcite-dark.d.ts +0 -563
  47. package/dist/js/calcite-dark.js +0 -10024
  48. package/dist/js/calcite-headless.d.ts +0 -1730
  49. package/dist/js/calcite-headless.js +0 -50082
  50. package/dist/js/calcite-light.d.ts +0 -544
  51. package/dist/js/calcite-light.js +0 -10090
  52. package/dist/scss/calcite-dark.scss +0 -535
  53. package/dist/scss/calcite-headless.scss +0 -3012
  54. package/dist/scss/calcite-light.scss +0 -538
  55. package/jest.config.json +0 -16
  56. package/src/$metadata.json +0 -76
  57. package/src/$themes.json +0 -2363
  58. package/src/brand/dark.json +0 -1
  59. package/src/brand/global.json +0 -1
  60. package/src/brand/light.json +0 -20
  61. package/src/calcite/dark.json +0 -2488
  62. package/src/calcite/light.json +0 -2508
  63. package/src/component/accordion-item.json +0 -172
  64. package/src/component/accordion.json +0 -192
  65. package/src/component/action-bar-grid.json +0 -66
  66. package/src/component/action-bar.json +0 -66
  67. package/src/component/action-pad-grid.json +0 -80
  68. package/src/component/action-pad.json +0 -80
  69. package/src/component/action.json +0 -156
  70. package/src/component/alert.json +0 -258
  71. package/src/component/avatar.json +0 -140
  72. package/src/component/block-section.json +0 -124
  73. package/src/component/block.json +0 -198
  74. package/src/component/button.json +0 -650
  75. package/src/component/card.json +0 -116
  76. package/src/component/checkbox.json +0 -110
  77. package/src/component/chip.json +0 -382
  78. package/src/component/color-picker.json +0 -148
  79. package/src/component/combobox.json +0 -152
  80. package/src/component/date-picker.json +0 -354
  81. package/src/component/dropdown-item.json +0 -384
  82. package/src/component/dropdown.json +0 -58
  83. package/src/component/fab.json +0 -490
  84. package/src/component/filter.json +0 -174
  85. package/src/component/icon.json +0 -18
  86. package/src/component/input-date-picker.json +0 -224
  87. package/src/component/input-datetime-local.json +0 -230
  88. package/src/component/input-email.json +0 -244
  89. package/src/component/input-file.json +0 -244
  90. package/src/component/input-message.json +0 -72
  91. package/src/component/input-month.json +0 -244
  92. package/src/component/input-number.json +0 -244
  93. package/src/component/input-password.json +0 -244
  94. package/src/component/input-search.json +0 -244
  95. package/src/component/input-telephone.json +0 -244
  96. package/src/component/input-text.json +0 -244
  97. package/src/component/input-time.json +0 -1
  98. package/src/component/input-week.json +0 -244
  99. package/src/component/label.json +0 -26
  100. package/src/component/link.json +0 -44
  101. package/src/component/loader.json +0 -130
  102. package/src/component/modal.json +0 -278
  103. package/src/component/notice.json +0 -280
  104. package/src/component/pagination.json +0 -152
  105. package/src/component/panel-header.json +0 -88
  106. package/src/component/popover.json +0 -170
  107. package/src/component/radio.json +0 -124
  108. package/src/component/rating.json +0 -243
  109. package/src/component/scrim.json +0 -18
  110. package/src/component/segmented-control.json +0 -154
  111. package/src/component/slider-histogram-range.json +0 -284
  112. package/src/component/slider-histogram.json +0 -280
  113. package/src/component/slider-range.json +0 -226
  114. package/src/component/slider.json +0 -226
  115. package/src/component/split-button.json +0 -830
  116. package/src/component/stepper-item.json +0 -372
  117. package/src/component/stepper.json +0 -152
  118. package/src/component/switch.json +0 -178
  119. package/src/component/tab-title.json +0 -228
  120. package/src/component/tabs.json +0 -242
  121. package/src/component/textarea.json +0 -200
  122. package/src/component/time-picker.json +0 -138
  123. package/src/component/tip-manager.json +0 -118
  124. package/src/component/tip.json +0 -114
  125. package/src/component/tooltip.json +0 -66
  126. package/src/component/tree-item.json +0 -176
  127. package/src/core.json +0 -1833
  128. package/src/semantic.json +0 -1709
  129. package/support/run.ts +0 -16
  130. package/support/tests/__snapshots__/index.spec.ts.snap +0 -88066
  131. package/support/tests/index.spec.ts +0 -102
  132. package/support/token-transformer/format/javascript.ts +0 -22
  133. package/support/token-transformer/format/scss.ts +0 -81
  134. package/support/token-transformer/getThemes.ts +0 -41
  135. package/support/token-transformer/parse/expandComposites.test.ts +0 -144
  136. package/support/token-transformer/parse/expandComposites.ts +0 -72
  137. package/support/token-transformer/sd-run.ts +0 -191
  138. package/support/token-transformer/transform/nameCamelCase.test.ts +0 -36
  139. package/support/token-transformer/transform/nameCamelCase.ts +0 -15
  140. package/support/token-transformer/transform/nameKebabCase.test.ts +0 -36
  141. package/support/token-transformer/transform/nameKebabCase.ts +0 -26
  142. package/support/token-transformer/utils/compositeTokens.test.ts +0 -133
  143. package/support/token-transformer/utils/compositeTokens.ts +0 -103
  144. package/support/token-transformer/utils/convertTokenToStyleDictionaryFormat.ts +0 -20
  145. package/support/token-transformer/utils/matchList.ts +0 -11
  146. package/support/token-transformer/utils/parseName.ts +0 -18
  147. package/support/token-transformer/utils/parseTokenPath.ts +0 -19
  148. package/support/token-transformer/utils/regex.ts +0 -9
  149. package/support/token-transformer/utils/sortAllTokens.ts +0 -12
  150. package/support/token-transformer/utils/transformOptions.ts +0 -31
  151. package/tsconfig-base.json +0 -17
  152. package/tsconfig-eslint.json +0 -4
  153. package/tsconfig.json +0 -4
package/dist/js/core.d.ts ADDED
@@ -0,0 +1,421 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Sat, 02 Dec 2023 04:05:27 GMT
4
+ */
5
+
6
+ export default tokens;
7
+
8
+ declare interface DesignToken {
9
+ value: any;
10
+ name?: string;
11
+ comment?: string;
12
+ themeable?: boolean;
13
+ attributes?: {
14
+ category?: string;
15
+ type?: string;
16
+ item?: string;
17
+ subitem?: string;
18
+ state?: string;
19
+ [key: string]: any;
20
+ };
21
+ [key: string]: any;
22
+ }
23
+
24
+ declare const tokens: {
25
+ "core": {
26
+ "color": {
27
+ "neutral": {
28
+ "blk-000": DesignToken,
29
+ "blk-005": DesignToken,
30
+ "blk-010": DesignToken,
31
+ "blk-020": DesignToken,
32
+ "blk-030": DesignToken,
33
+ "blk-040": DesignToken,
34
+ "blk-050": DesignToken,
35
+ "blk-060": DesignToken,
36
+ "blk-070": DesignToken,
37
+ "blk-080": DesignToken,
38
+ "blk-090": DesignToken,
39
+ "blk-100": DesignToken,
40
+ "blk-110": DesignToken,
41
+ "blk-120": DesignToken,
42
+ "blk-130": DesignToken,
43
+ "blk-140": DesignToken,
44
+ "blk-150": DesignToken,
45
+ "blk-160": DesignToken,
46
+ "blk-170": DesignToken,
47
+ "blk-180": DesignToken,
48
+ "blk-190": DesignToken,
49
+ "blk-200": DesignToken,
50
+ "blk-210": DesignToken,
51
+ "blk-220": DesignToken,
52
+ "blk-230": DesignToken,
53
+ "blk-235": DesignToken,
54
+ "blk-240": DesignToken
55
+ },
56
+ "high-saturation": {
57
+ "blue": {
58
+ "h-bb-010": DesignToken,
59
+ "h-bb-020": DesignToken,
60
+ "h-bb-030": DesignToken,
61
+ "h-bb-040": DesignToken,
62
+ "h-bb-050": DesignToken,
63
+ "h-bb-060": DesignToken,
64
+ "h-bb-070": DesignToken,
65
+ "h-bb-080": DesignToken,
66
+ "h-bb-090": DesignToken,
67
+ "h-bb-100": DesignToken
68
+ },
69
+ "green-blue": {
70
+ "h-gb-010": DesignToken,
71
+ "h-gb-020": DesignToken,
72
+ "h-gb-030": DesignToken,
73
+ "h-gb-040": DesignToken,
74
+ "h-gb-050": DesignToken,
75
+ "h-gb-060": DesignToken,
76
+ "h-gb-070": DesignToken,
77
+ "h-gb-080": DesignToken,
78
+ "h-gb-090": DesignToken,
79
+ "h-gb-100": DesignToken
80
+ },
81
+ "green": {
82
+ "h-gg-010": DesignToken,
83
+ "h-gg-020": DesignToken,
84
+ "h-gg-030": DesignToken,
85
+ "h-gg-040": DesignToken,
86
+ "h-gg-050": DesignToken,
87
+ "h-gg-060": DesignToken,
88
+ "h-gg-070": DesignToken,
89
+ "h-gg-080": DesignToken,
90
+ "h-gg-090": DesignToken,
91
+ "h-gg-100": DesignToken
92
+ },
93
+ "yellow-green": {
94
+ "h-yg-010": DesignToken,
95
+ "h-yg-020": DesignToken,
96
+ "h-yg-030": DesignToken,
97
+ "h-yg-040": DesignToken,
98
+ "h-yg-050": DesignToken,
99
+ "h-yg-060": DesignToken,
100
+ "h-yg-070": DesignToken,
101
+ "h-yg-080": DesignToken,
102
+ "h-yg-090": DesignToken,
103
+ "h-yg-100": DesignToken
104
+ },
105
+ "yellow": {
106
+ "h-yy-010": DesignToken,
107
+ "h-yy-020": DesignToken,
108
+ "h-yy-030": DesignToken,
109
+ "h-yy-040": DesignToken,
110
+ "h-yy-050": DesignToken,
111
+ "h-yy-060": DesignToken,
112
+ "h-yy-070": DesignToken,
113
+ "h-yy-080": DesignToken,
114
+ "h-yy-090": DesignToken,
115
+ "h-yy-100": DesignToken
116
+ },
117
+ "orange-yellow": {
118
+ "h-oy-010": DesignToken,
119
+ "h-oy-020": DesignToken,
120
+ "h-oy-030": DesignToken,
121
+ "h-oy-040": DesignToken,
122
+ "h-oy-050": DesignToken,
123
+ "h-oy-060": DesignToken,
124
+ "h-oy-070": DesignToken,
125
+ "h-oy-080": DesignToken,
126
+ "h-oy-090": DesignToken,
127
+ "h-oy-100": DesignToken
128
+ },
129
+ "orange": {
130
+ "h-oo-010": DesignToken,
131
+ "h-oo-020": DesignToken,
132
+ "h-oo-030": DesignToken,
133
+ "h-oo-040": DesignToken,
134
+ "h-oo-050": DesignToken,
135
+ "h-oo-060": DesignToken,
136
+ "h-oo-070": DesignToken,
137
+ "h-oo-080": DesignToken,
138
+ "h-oo-090": DesignToken,
139
+ "h-oo-100": DesignToken
140
+ },
141
+ "red-orange": {
142
+ "h-ro-010": DesignToken,
143
+ "h-ro-020": DesignToken,
144
+ "h-ro-030": DesignToken,
145
+ "h-ro-040": DesignToken,
146
+ "h-ro-050": DesignToken,
147
+ "h-ro-060": DesignToken,
148
+ "h-ro-070": DesignToken,
149
+ "h-ro-080": DesignToken,
150
+ "h-ro-090": DesignToken,
151
+ "h-ro-100": DesignToken
152
+ },
153
+ "red": {
154
+ "h-rr-010": DesignToken,
155
+ "h-rr-020": DesignToken,
156
+ "h-rr-030": DesignToken,
157
+ "h-rr-040": DesignToken,
158
+ "h-rr-050": DesignToken,
159
+ "h-rr-060": DesignToken,
160
+ "h-rr-070": DesignToken,
161
+ "h-rr-080": DesignToken,
162
+ "h-rr-090": DesignToken,
163
+ "h-rr-100": DesignToken
164
+ },
165
+ "pink": {
166
+ "h-pk-010": DesignToken,
167
+ "h-pk-020": DesignToken,
168
+ "h-pk-030": DesignToken,
169
+ "h-pk-040": DesignToken,
170
+ "h-pk-050": DesignToken,
171
+ "h-pk-060": DesignToken,
172
+ "h-pk-070": DesignToken,
173
+ "h-pk-080": DesignToken,
174
+ "h-pk-090": DesignToken,
175
+ "h-pk-100": DesignToken
176
+ },
177
+ "violet-red": {
178
+ "h-vr-010": DesignToken,
179
+ "h-vr-020": DesignToken,
180
+ "h-vr-030": DesignToken,
181
+ "h-vr-040": DesignToken,
182
+ "h-vr-050": DesignToken,
183
+ "h-vr-060": DesignToken,
184
+ "h-vr-070": DesignToken,
185
+ "h-vr-080": DesignToken,
186
+ "h-vr-090": DesignToken,
187
+ "h-vr-100": DesignToken
188
+ },
189
+ "violet": {
190
+ "h-vv-010": DesignToken,
191
+ "h-vv-020": DesignToken,
192
+ "h-vv-030": DesignToken,
193
+ "h-vv-040": DesignToken,
194
+ "h-vv-050": DesignToken,
195
+ "h-vv-060": DesignToken,
196
+ "h-vv-070": DesignToken,
197
+ "h-vv-080": DesignToken,
198
+ "h-vv-090": DesignToken,
199
+ "h-vv-100": DesignToken
200
+ }
201
+ },
202
+ "vibrant": {
203
+ "blue": {
204
+ "v-bb-120": DesignToken,
205
+ "v-bb-140": DesignToken,
206
+ "v-bb-160": DesignToken,
207
+ "v-bb-180": DesignToken
208
+ },
209
+ "green-blue": {
210
+ "v-gb-120": DesignToken,
211
+ "v-gb-140": DesignToken,
212
+ "v-gb-160": DesignToken,
213
+ "v-gb-180": DesignToken
214
+ },
215
+ "green": {
216
+ "v-gg-120": DesignToken,
217
+ "v-gg-140": DesignToken,
218
+ "v-gg-160": DesignToken,
219
+ "v-gg-180": DesignToken
220
+ },
221
+ "yellow-green": {
222
+ "v-yg-120": DesignToken,
223
+ "v-yg-140": DesignToken,
224
+ "v-yg-160": DesignToken,
225
+ "v-yg-180": DesignToken
226
+ },
227
+ "yellow": {
228
+ "v-yy-120": DesignToken,
229
+ "v-yy-140": DesignToken,
230
+ "v-yy-160": DesignToken,
231
+ "v-yy-180": DesignToken
232
+ },
233
+ "orange-yellow": {
234
+ "v-oy-120": DesignToken,
235
+ "v-oy-140": DesignToken,
236
+ "v-oy-160": DesignToken,
237
+ "v-oy-180": DesignToken
238
+ },
239
+ "red-orange": {
240
+ "v-ro-120": DesignToken,
241
+ "v-ro-140": DesignToken,
242
+ "v-ro-160": DesignToken,
243
+ "v-ro-180": DesignToken
244
+ },
245
+ "red": {
246
+ "v-rr-120": DesignToken,
247
+ "v-rr-140": DesignToken,
248
+ "v-rr-160": DesignToken,
249
+ "v-rr-180": DesignToken
250
+ },
251
+ "pink": {
252
+ "v-pk-120": DesignToken,
253
+ "v-pk-140": DesignToken,
254
+ "v-pk-160": DesignToken,
255
+ "v-pk-180": DesignToken
256
+ },
257
+ "violet-red": {
258
+ "v-vr-120": DesignToken,
259
+ "v-vr-140": DesignToken,
260
+ "v-vr-160": DesignToken,
261
+ "v-vr-180": DesignToken
262
+ },
263
+ "violet": {
264
+ "v-vv-120": DesignToken,
265
+ "v-vv-140": DesignToken,
266
+ "v-vv-160": DesignToken,
267
+ "v-vv-180": DesignToken
268
+ }
269
+ },
270
+ "dark": {
271
+ "green": {
272
+ "d-gg-410": DesignToken,
273
+ "d-gg-420": DesignToken,
274
+ "d-gg-430": DesignToken
275
+ },
276
+ "yellow": {
277
+ "d-yy-410": DesignToken,
278
+ "d-yy-420": DesignToken,
279
+ "d-yy-430": DesignToken
280
+ },
281
+ "red": {
282
+ "d-rr-410": DesignToken,
283
+ "d-rr-420": DesignToken,
284
+ "d-rr-430": DesignToken
285
+ },
286
+ "blue": {
287
+ "d-bb-410": DesignToken,
288
+ "d-bb-420": DesignToken,
289
+ "d-bb-430": DesignToken
290
+ }
291
+ }
292
+ },
293
+ "container-size": {
294
+ "0": DesignToken,
295
+ "154": DesignToken,
296
+ "320": DesignToken,
297
+ "328": DesignToken,
298
+ "476": DesignToken,
299
+ "504": DesignToken,
300
+ "678": DesignToken,
301
+ "768": DesignToken,
302
+ "854": DesignToken,
303
+ "1152": DesignToken,
304
+ "1440": DesignToken
305
+ },
306
+ "font": {
307
+ "family": {
308
+ "avenirNextPro": DesignToken,
309
+ "avenirNextWorld": DesignToken,
310
+ "monaco": DesignToken
311
+ },
312
+ "style": {
313
+ "italic": DesignToken
314
+ },
315
+ "weight": {
316
+ "ultralight": DesignToken,
317
+ "thin": DesignToken,
318
+ "light": DesignToken,
319
+ "regular": DesignToken,
320
+ "medium": DesignToken,
321
+ "medium-italic": DesignToken,
322
+ "demi": DesignToken,
323
+ "bold": DesignToken,
324
+ "extrabold": DesignToken,
325
+ "black": DesignToken,
326
+ "heavy": DesignToken
327
+ },
328
+ "text-decoration": {
329
+ "none": DesignToken,
330
+ "underline": DesignToken
331
+ },
332
+ "text-case": {
333
+ "none": DesignToken,
334
+ "uppercase": DesignToken,
335
+ "lowercase": DesignToken,
336
+ "capitalize": DesignToken
337
+ }
338
+ },
339
+ "opacity": {
340
+ "0": DesignToken,
341
+ "4": DesignToken,
342
+ "8": DesignToken,
343
+ "10": DesignToken,
344
+ "20": DesignToken,
345
+ "30": DesignToken,
346
+ "40": DesignToken,
347
+ "50": DesignToken,
348
+ "60": DesignToken,
349
+ "70": DesignToken,
350
+ "80": DesignToken,
351
+ "85": DesignToken,
352
+ "90": DesignToken,
353
+ "92": DesignToken,
354
+ "96": DesignToken,
355
+ "100": DesignToken
356
+ },
357
+ "shadow": {
358
+ "0": DesignToken,
359
+ "1": DesignToken,
360
+ "2": DesignToken,
361
+ "3": DesignToken,
362
+ "4": DesignToken
363
+ },
364
+ "size": {
365
+ "default": {
366
+ "1": DesignToken,
367
+ "2": DesignToken,
368
+ "4": DesignToken,
369
+ "6": DesignToken,
370
+ "8": DesignToken,
371
+ "10": DesignToken,
372
+ "12": DesignToken,
373
+ "14": DesignToken,
374
+ "16": DesignToken,
375
+ "20": DesignToken,
376
+ "24": DesignToken,
377
+ "28": DesignToken,
378
+ "32": DesignToken,
379
+ "36": DesignToken,
380
+ "40": DesignToken,
381
+ "44": DesignToken,
382
+ "48": DesignToken,
383
+ "56": DesignToken,
384
+ "64": DesignToken,
385
+ "72": DesignToken,
386
+ "80": DesignToken,
387
+ "96": DesignToken,
388
+ "112": DesignToken,
389
+ "128": DesignToken,
390
+ "144": DesignToken,
391
+ "160": DesignToken,
392
+ "192": DesignToken,
393
+ "224": DesignToken,
394
+ "256": DesignToken,
395
+ "288": DesignToken,
396
+ "none": DesignToken
397
+ },
398
+ "relative": {
399
+ "50": DesignToken,
400
+ "100": DesignToken,
401
+ "125": DesignToken,
402
+ "137": DesignToken,
403
+ "150": DesignToken,
404
+ "162": DesignToken,
405
+ "200": DesignToken,
406
+ "auto": DesignToken
407
+ }
408
+ },
409
+ "z-index": {
410
+ "0": DesignToken,
411
+ "1": DesignToken,
412
+ "3": DesignToken,
413
+ "4": DesignToken,
414
+ "5": DesignToken,
415
+ "6": DesignToken,
416
+ "7": DesignToken,
417
+ "8": DesignToken,
418
+ "9": DesignToken
419
+ }
420
+ }
421
+ }