@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
@@ -1,544 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Tue, 31 Oct 2023 19:16:30 GMT
4
- */
5
-
6
- declare const root: RootObject
7
- export default root
8
- interface RootObject {
9
- color: Color;
10
- }
11
- interface Color {
12
- brand: Brand;
13
- background: Default;
14
- foreground: Foreground;
15
- text: Text;
16
- border: Border;
17
- info: Brand;
18
- success: Brand;
19
- warning: Brand;
20
- danger: Brand;
21
- inverse: Inverse;
22
- component: Component;
23
- }
24
- interface Component {
25
- avatar: Avatar;
26
- checkbox: Checkbox;
27
- radio: Radio;
28
- chip: Chip;
29
- label: Label;
30
- loader: Loader;
31
- rating: Rating;
32
- tooltip: Tooltip;
33
- 'accordion-item': Accordionitem;
34
- 'input-message': Inputmessage;
35
- alert: Alert;
36
- tip: Tip;
37
- 'color-picker': Colorpicker;
38
- 'date-picker': Datepicker;
39
- 'input-date-picker': Inputdatepicker;
40
- 'input-datetime-local': Inputdatetimelocal;
41
- 'input-email': Inputdatetimelocal;
42
- 'input-file': Inputdatetimelocal;
43
- 'input-month': Inputdatetimelocal;
44
- 'input-number': Inputdatetimelocal;
45
- 'input-password': Inputdatetimelocal;
46
- 'input-search': Inputdatetimelocal;
47
- 'input-telephone': Inputdatetimelocal;
48
- 'input-text': Inputdatetimelocal;
49
- 'input-week': Inputdatetimelocal;
50
- textarea: Textarea;
51
- 'tab-title': Tabtitle;
52
- tabs: Tabs;
53
- card: Card;
54
- action: Action;
55
- 'action-bar': Bordered2;
56
- 'action-pad': Bordered2;
57
- 'action-bar-grid': Bordered2;
58
- 'action-pad-grid': Bordered2;
59
- block: Block;
60
- 'block-section': Blocksection;
61
- notice: Notice;
62
- modal: Modal;
63
- 'panel-header': Panelheader;
64
- popover: Panelheader;
65
- slider: Slider;
66
- 'slider-range': Slider;
67
- 'slider-histogram': Sliderhistogram;
68
- 'slider-histogram-range': Sliderhistogram;
69
- filter: Panelheader;
70
- scrim: Active2;
71
- 'tip-manager': Tipmanager;
72
- button: Button;
73
- 'split-button': Splitbutton;
74
- fab: Fab;
75
- }
76
- interface Fab {
77
- font: Background10;
78
- icon: Background10;
79
- background: Background10;
80
- border: Background10;
81
- }
82
- interface Splitbutton {
83
- font: Font15;
84
- icon: Font15;
85
- background: Background10;
86
- border: Border7;
87
- divider: Font15;
88
- }
89
- interface Button {
90
- font: Font15;
91
- icon: Font15;
92
- background: Background10;
93
- border: Border7;
94
- }
95
- interface Border7 {
96
- brand: Brand4;
97
- inverse: Brand4;
98
- neutral: Brand4;
99
- danger: Brand4;
100
- }
101
- interface Brand4 {
102
- 'outline-fill': Default;
103
- outline: Default;
104
- }
105
- interface Background10 {
106
- brand: Brand3;
107
- inverse: Brand3;
108
- neutral: Brand3;
109
- danger: Brand3;
110
- }
111
- interface Brand3 {
112
- solid: Default;
113
- 'outline-fill': Default;
114
- }
115
- interface Font15 {
116
- brand: Brand2;
117
- inverse: Brand2;
118
- neutral: Brand2;
119
- danger: Brand2;
120
- }
121
- interface Brand2 {
122
- solid: Default;
123
- 'outline-fill': Default;
124
- outline: Default;
125
- transparent: Default;
126
- }
127
- interface Tipmanager {
128
- font: Font14;
129
- icon: Default;
130
- background: Background5;
131
- border: Inverse;
132
- }
133
- interface Font14 {
134
- heading: Default;
135
- }
136
- interface Sliderhistogram {
137
- font: Font13;
138
- handle: Bordered2;
139
- border: Font9;
140
- tick: Tick;
141
- area: Area;
142
- 'active-end': Active2;
143
- }
144
- interface Area {
145
- active: Active2;
146
- }
147
- interface Active2 {
148
- background: Default;
149
- }
150
- interface Slider {
151
- font: Font13;
152
- handle: Bordered2;
153
- border: Font9;
154
- tick: Tick;
155
- }
156
- interface Tick {
157
- default: Bordered2;
158
- active: Bordered2;
159
- }
160
- interface Font13 {
161
- label: Default;
162
- 'tick-label': Default;
163
- }
164
- interface Panelheader {
165
- font: Default;
166
- icon: Default;
167
- border: Default;
168
- background: Default;
169
- }
170
- interface Modal {
171
- font: Font12;
172
- icon: Default;
173
- border: Border6;
174
- background: Default;
175
- }
176
- interface Border6 {
177
- default: Default;
178
- top: Icon6;
179
- }
180
- interface Font12 {
181
- header: Default;
182
- content: Default;
183
- }
184
- interface Notice {
185
- font: Font3;
186
- background: Default;
187
- icon: Icon6;
188
- highlight: Icon6;
189
- }
190
- interface Icon6 {
191
- info: Default;
192
- success: Default;
193
- warning: Default;
194
- danger: Default;
195
- brand: Default;
196
- }
197
- interface Blocksection {
198
- font: Default;
199
- icon: Icon5;
200
- background: Default;
201
- }
202
- interface Icon5 {
203
- valid: Default;
204
- invalid: Default;
205
- chevron: Default;
206
- }
207
- interface Block {
208
- font: Font11;
209
- icon: Icon4;
210
- border: Default;
211
- background: Default;
212
- }
213
- interface Icon4 {
214
- idle: Default;
215
- valid: Default;
216
- invalid: Default;
217
- 'drag-handle': Default;
218
- chevron: Default;
219
- }
220
- interface Font11 {
221
- heading: Default;
222
- active: Default;
223
- description: Default;
224
- content: Default;
225
- }
226
- interface Action {
227
- font: Default;
228
- icon: Default;
229
- background: Font9;
230
- }
231
- interface Card {
232
- font: Font10;
233
- border: Font9;
234
- background: Inverse;
235
- }
236
- interface Font10 {
237
- title: Default;
238
- subtitle: Default;
239
- description: Default;
240
- }
241
- interface Tabs {
242
- bordered: Bordered2;
243
- }
244
- interface Bordered2 {
245
- border: Default;
246
- background: Default;
247
- }
248
- interface Tabtitle {
249
- font: Font9;
250
- icon: Font9;
251
- bordered: Bordered;
252
- border: Border5;
253
- }
254
- interface Border5 {
255
- active: Default;
256
- }
257
- interface Bordered {
258
- border: Default;
259
- background: Inverse;
260
- }
261
- interface Font9 {
262
- default: Default;
263
- active: Default;
264
- }
265
- interface Textarea {
266
- font: Font8;
267
- icon: Default;
268
- background: Background9;
269
- border: Inverse;
270
- }
271
- interface Background9 {
272
- default: Default;
273
- 'read-only': Default;
274
- }
275
- interface Font8 {
276
- 'placeholder-value': Default;
277
- label: Default;
278
- 'chat-limit': Default;
279
- }
280
- interface Inputdatetimelocal {
281
- font: Font7;
282
- icon: Default;
283
- background: Background8;
284
- border: Border4;
285
- }
286
- interface Border4 {
287
- default: Default;
288
- invalid: Default;
289
- }
290
- interface Background8 {
291
- default: Default;
292
- 'prefix-sufix': Default;
293
- 'read-only': Default;
294
- }
295
- interface Font7 {
296
- 'placeholder-value': Default;
297
- label: Default;
298
- 'prefix-suffix': Default;
299
- }
300
- interface Inputdatepicker {
301
- font: Font6;
302
- icon: Default;
303
- border: Default;
304
- background: Background7;
305
- }
306
- interface Background7 {
307
- default: Default;
308
- arrow: Default;
309
- 'read-only': Default;
310
- }
311
- interface Font6 {
312
- 'placeholder-value': Default;
313
- label: Default;
314
- }
315
- interface Datepicker {
316
- font: Font5;
317
- icon: Default;
318
- border: Default;
319
- date: Date;
320
- background: Background6;
321
- }
322
- interface Background6 {
323
- default: Default;
324
- date: Date2;
325
- }
326
- interface Date2 {
327
- range: Default;
328
- active: Default3;
329
- }
330
- interface Date {
331
- active: Active;
332
- }
333
- interface Active {
334
- border: Default;
335
- }
336
- interface Font5 {
337
- date: Default;
338
- range: Range;
339
- day: Default;
340
- month: Default;
341
- selected: Range;
342
- active: Range;
343
- }
344
- interface Range {
345
- date: Default;
346
- }
347
- interface Colorpicker {
348
- font: Font4;
349
- icon: Default;
350
- border: Default;
351
- background: Inverse;
352
- }
353
- interface Font4 {
354
- label: Default;
355
- }
356
- interface Tip {
357
- font: Font2;
358
- icon: Default;
359
- background: Background5;
360
- border: Inverse;
361
- }
362
- interface Background5 {
363
- default: Default3;
364
- }
365
- interface Default3 {
366
- light: Default;
367
- }
368
- interface Alert {
369
- font: Font3;
370
- background: Default;
371
- border: Default;
372
- icon: Icon3;
373
- highlight: Icon3;
374
- }
375
- interface Icon3 {
376
- blue: Default;
377
- green: Default;
378
- yellow: Default;
379
- red: Default;
380
- }
381
- interface Font3 {
382
- title: Default;
383
- message: Default;
384
- }
385
- interface Inputmessage {
386
- font: Default;
387
- icon: Icon2;
388
- }
389
- interface Icon2 {
390
- idle: Default;
391
- invalid: Default;
392
- valid: Default;
393
- }
394
- interface Accordionitem {
395
- font: Font2;
396
- icon: Icon;
397
- background: Default;
398
- border: Default;
399
- }
400
- interface Icon {
401
- default: Default;
402
- expanded: Default;
403
- }
404
- interface Font2 {
405
- heading: Default;
406
- description: Default;
407
- }
408
- interface Tooltip {
409
- foreground: Default;
410
- border: Default;
411
- font: Default;
412
- }
413
- interface Rating {
414
- star: Star;
415
- chip: Chip2;
416
- }
417
- interface Chip2 {
418
- count: Label;
419
- foreground: Default;
420
- }
421
- interface Star {
422
- background: Background4;
423
- }
424
- interface Background4 {
425
- default: Default;
426
- active: Default;
427
- average: Default;
428
- }
429
- interface Loader {
430
- font: Default;
431
- default: Default2;
432
- inline: Inline;
433
- }
434
- interface Inline {
435
- foreground: Foreground2;
436
- }
437
- interface Foreground2 {
438
- indeterminate: Default;
439
- determinate: Default;
440
- }
441
- interface Default2 {
442
- foreground: Default;
443
- }
444
- interface Label {
445
- font: Default;
446
- }
447
- interface Chip {
448
- font: Font;
449
- icon: Font;
450
- 'closable-icon': Default;
451
- background: Background3;
452
- border: Border3;
453
- }
454
- interface Border3 {
455
- clear: Solid;
456
- }
457
- interface Background3 {
458
- solid: Solid;
459
- }
460
- interface Font {
461
- clear: Default;
462
- solid: Solid;
463
- }
464
- interface Solid {
465
- grey: Default;
466
- blue: Default;
467
- red: Default;
468
- yellow: Default;
469
- green: Default;
470
- }
471
- interface Radio {
472
- font: Default;
473
- background: Default;
474
- border: Border2;
475
- }
476
- interface Border2 {
477
- unchecked: Default;
478
- checked: Default;
479
- }
480
- interface Checkbox {
481
- font: Default;
482
- background: Background2;
483
- icon: Default;
484
- border: Default;
485
- }
486
- interface Background2 {
487
- default: Default;
488
- selected: Default;
489
- }
490
- interface Avatar {
491
- font: Default;
492
- icon: Default;
493
- background: Background;
494
- }
495
- interface Background {
496
- default: Default;
497
- red: Default;
498
- teal: Default;
499
- blue: Default;
500
- green: Default;
501
- yellow: Default;
502
- }
503
- interface Inverse {
504
- default: Default;
505
- }
506
- interface Border {
507
- '1': Default;
508
- '2': Default;
509
- '3': Default;
510
- input: Default;
511
- }
512
- interface Text {
513
- '1': Default;
514
- '2': Default;
515
- '3': Default;
516
- inverse: Default;
517
- link: Default;
518
- }
519
- interface Foreground {
520
- '1': Default;
521
- '2': Default;
522
- '3': Default;
523
- }
524
- interface Brand {
525
- default: Default;
526
- hover: Default;
527
- press: Default;
528
- }
529
- interface Default {
530
- value: string;
531
- type: string;
532
- filePath: string;
533
- isSource: boolean;
534
- original: Original;
535
- name: string;
536
- attributes: Attributes;
537
- path: string[];
538
- }
539
- interface Attributes {
540
- }
541
- interface Original {
542
- value: string;
543
- type: string;
544
- }