@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/dist/js/global.d.ts ADDED
@@ -0,0 +1,331 @@
1
+ /**
2
+ * Do not edit directly
3
+ * Generated on Sun, 26 Nov 2023 08:48:21 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
+ "semantic": {
26
+ "border": {
27
+ "radius": {
28
+ "default": DesignToken,
29
+ "none": DesignToken,
30
+ "sharp": DesignToken,
31
+ "round": DesignToken,
32
+ "circular": DesignToken,
33
+ "pill": DesignToken,
34
+ "sm": DesignToken,
35
+ "md": DesignToken,
36
+ "lg": DesignToken,
37
+ "xl": DesignToken
38
+ },
39
+ "width": {
40
+ "none": DesignToken,
41
+ "sm": DesignToken,
42
+ "md": DesignToken,
43
+ "lg": DesignToken
44
+ }
45
+ },
46
+ "box-shadow": {
47
+ "none": DesignToken,
48
+ "sm": DesignToken,
49
+ "md": DesignToken
50
+ },
51
+ "color": {
52
+ "brand": {
53
+ "default": DesignToken,
54
+ "hover": DesignToken,
55
+ "press": DesignToken,
56
+ "underline": DesignToken
57
+ },
58
+ "background": {
59
+ "default": DesignToken,
60
+ "transparent": {
61
+ "default": DesignToken,
62
+ "hover": DesignToken,
63
+ "press": DesignToken,
64
+ "scrim": DesignToken,
65
+ "dismiss": DesignToken
66
+ },
67
+ "none": DesignToken
68
+ },
69
+ "foreground": {
70
+ "1": DesignToken,
71
+ "2": DesignToken,
72
+ "3": DesignToken,
73
+ "current": DesignToken
74
+ },
75
+ "text": {
76
+ "1": DesignToken,
77
+ "2": DesignToken,
78
+ "3": DesignToken,
79
+ "inverse": DesignToken,
80
+ "link": DesignToken
81
+ },
82
+ "border": {
83
+ "1": DesignToken,
84
+ "2": DesignToken,
85
+ "3": DesignToken,
86
+ "input": DesignToken
87
+ },
88
+ "info": {
89
+ "default": DesignToken,
90
+ "hover": DesignToken,
91
+ "press": DesignToken
92
+ },
93
+ "success": {
94
+ "default": DesignToken,
95
+ "hover": DesignToken,
96
+ "press": DesignToken
97
+ },
98
+ "warning": {
99
+ "default": DesignToken,
100
+ "hover": DesignToken,
101
+ "press": DesignToken
102
+ },
103
+ "danger": {
104
+ "default": DesignToken,
105
+ "hover": DesignToken,
106
+ "press": DesignToken
107
+ },
108
+ "inverse": {
109
+ "default": DesignToken,
110
+ "hover": DesignToken,
111
+ "press": DesignToken
112
+ }
113
+ },
114
+ "container-size": {
115
+ "height": {
116
+ "xxs": DesignToken,
117
+ "xs": DesignToken,
118
+ "sm": DesignToken,
119
+ "md": DesignToken,
120
+ "lg": DesignToken,
121
+ "xl": DesignToken
122
+ },
123
+ "width": {
124
+ "xxs": DesignToken,
125
+ "xs": DesignToken,
126
+ "sm": DesignToken,
127
+ "md": DesignToken,
128
+ "lg": DesignToken,
129
+ "xl": DesignToken
130
+ },
131
+ "margin": DesignToken,
132
+ "gutter": DesignToken,
133
+ "content": {
134
+ "fluid": DesignToken,
135
+ "fixed": DesignToken
136
+ }
137
+ },
138
+ "font": {
139
+ "family": {
140
+ "default": DesignToken
141
+ },
142
+ "weight": {
143
+ "light": DesignToken,
144
+ "normal": DesignToken,
145
+ "regular": DesignToken,
146
+ "medium": DesignToken,
147
+ "semibold": DesignToken,
148
+ "bold": DesignToken
149
+ },
150
+ "size": {
151
+ "xs": DesignToken,
152
+ "sm": DesignToken,
153
+ "default": DesignToken,
154
+ "md": DesignToken,
155
+ "lg": DesignToken,
156
+ "xl": DesignToken,
157
+ "xxl": DesignToken
158
+ },
159
+ "style": {
160
+ "emphasis": DesignToken
161
+ },
162
+ "line-height": {
163
+ "fixed": {
164
+ "sm": DesignToken,
165
+ "base": DesignToken,
166
+ "lg": DesignToken,
167
+ "xl": DesignToken
168
+ },
169
+ "relative": {
170
+ "default": DesignToken,
171
+ "tight": DesignToken,
172
+ "snug": DesignToken,
173
+ "normal": DesignToken,
174
+ "relaxed": DesignToken,
175
+ "loose": DesignToken
176
+ }
177
+ },
178
+ "letter-spacing": {
179
+ "tight": DesignToken,
180
+ "normal": DesignToken,
181
+ "wide": DesignToken
182
+ },
183
+ "paragraph-spacing": {
184
+ "normal": DesignToken
185
+ },
186
+ "text-decoration": {
187
+ "none": DesignToken,
188
+ "underline": DesignToken
189
+ },
190
+ "text-case": {
191
+ "none": DesignToken,
192
+ "uppercase": DesignToken,
193
+ "lowercase": DesignToken,
194
+ "capitalize": DesignToken
195
+ }
196
+ },
197
+ "opacity": {
198
+ "light": DesignToken,
199
+ "half": DesignToken,
200
+ "dark": DesignToken,
201
+ "full": DesignToken,
202
+ "disabled": DesignToken
203
+ },
204
+ "size": {
205
+ "xxxs": DesignToken,
206
+ "xxs": DesignToken,
207
+ "xs": DesignToken,
208
+ "sm": DesignToken,
209
+ "sm-md": DesignToken,
210
+ "md-sm": DesignToken,
211
+ "md": DesignToken,
212
+ "md-lg": DesignToken,
213
+ "lg-md": DesignToken,
214
+ "lg": DesignToken,
215
+ "lg-xl": DesignToken,
216
+ "xl-lg": DesignToken,
217
+ "xl": DesignToken,
218
+ "xxl": DesignToken,
219
+ "xxxl": DesignToken
220
+ },
221
+ "spacing": {
222
+ "none": DesignToken,
223
+ "base": DesignToken,
224
+ "half": DesignToken,
225
+ "double": DesignToken,
226
+ "xs": DesignToken,
227
+ "sm": DesignToken,
228
+ "md": DesignToken,
229
+ "lg": DesignToken,
230
+ "xl": DesignToken
231
+ },
232
+ "typography": {
233
+ "default": {
234
+ "default": DesignToken,
235
+ "light": {
236
+ "-3h": DesignToken,
237
+ "-2h": DesignToken,
238
+ "-1h": DesignToken,
239
+ "0h": DesignToken,
240
+ "1h": DesignToken
241
+ },
242
+ "regular": {
243
+ "-3h": DesignToken,
244
+ "-2h": DesignToken,
245
+ "-1h": DesignToken,
246
+ "0h": DesignToken,
247
+ "1h": DesignToken
248
+ },
249
+ "medium": {
250
+ "-3h": DesignToken,
251
+ "-2h": DesignToken,
252
+ "-1h": DesignToken,
253
+ "0h": DesignToken,
254
+ "1h": DesignToken
255
+ },
256
+ "bold": {
257
+ "-3h": DesignToken,
258
+ "-2h": DesignToken,
259
+ "-1h": DesignToken,
260
+ "0h": DesignToken,
261
+ "1h": DesignToken
262
+ }
263
+ },
264
+ "wrap": {
265
+ "light": {
266
+ "0": DesignToken,
267
+ "1": DesignToken,
268
+ "2": DesignToken,
269
+ "3": DesignToken,
270
+ "-2": DesignToken,
271
+ "-1": DesignToken
272
+ },
273
+ "regular": {
274
+ "0": DesignToken,
275
+ "1": DesignToken,
276
+ "2": DesignToken,
277
+ "3": DesignToken,
278
+ "-2": DesignToken,
279
+ "-1": DesignToken
280
+ },
281
+ "medium": {
282
+ "0": DesignToken,
283
+ "1": DesignToken,
284
+ "2": DesignToken,
285
+ "3": DesignToken,
286
+ "-2": DesignToken,
287
+ "-1": DesignToken
288
+ },
289
+ "bold": {
290
+ "0": DesignToken,
291
+ "1": DesignToken,
292
+ "2": DesignToken,
293
+ "3": DesignToken,
294
+ "-2": DesignToken,
295
+ "-1": DesignToken
296
+ }
297
+ },
298
+ "hierarchy": {
299
+ "display": {
300
+ "1": DesignToken,
301
+ "2": DesignToken
302
+ },
303
+ "heading": {
304
+ "1": DesignToken,
305
+ "2": DesignToken,
306
+ "3": DesignToken,
307
+ "4": DesignToken,
308
+ "5": DesignToken
309
+ },
310
+ "body": {
311
+ "snug": DesignToken,
312
+ "default": DesignToken
313
+ },
314
+ "overline": DesignToken,
315
+ "caption": DesignToken
316
+ }
317
+ },
318
+ "z-index": {
319
+ "deep": DesignToken,
320
+ "default": DesignToken,
321
+ "sticky": DesignToken,
322
+ "header": DesignToken,
323
+ "toast": DesignToken,
324
+ "dropdown": DesignToken,
325
+ "overlay": DesignToken,
326
+ "modal": DesignToken,
327
+ "popup": DesignToken,
328
+ "tooltip": DesignToken
329
+ }
330
+ }
331
+ }