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