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