@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,1730 +0,0 @@
1
- /**
2
- * Do not edit directly
3
- * Generated on Tue, 28 Nov 2023 00:31:47 GMT
4
- */
5
-
6
- declare const root: RootObject
7
- export default root
8
- interface RootObject {
9
- 'accordion-item': Accordionitem;
10
- accordion: Accordion;
11
- 'action-bar-grid': Actionbargrid;
12
- 'action-bar': Actionbargrid;
13
- 'action-pad-grid': Actionbargrid;
14
- 'action-pad': Actionbargrid;
15
- action: Action;
16
- alert: Alert;
17
- avatar: Avatar;
18
- 'block-section': Blocksection2;
19
- block: Block2;
20
- button: Button;
21
- card: Card;
22
- checkbox: Checkbox;
23
- chip: Chip;
24
- 'color-picker': Colorpicker;
25
- combobox: Combobox;
26
- 'date-picker': Datepicker;
27
- 'dropdown-item': Dropdownitem;
28
- dropdown: Dropdown;
29
- fab: Fab;
30
- filter: Filter;
31
- icon: Icon10;
32
- 'input-date-picker': Inputdatepicker;
33
- 'input-datetime-local': Inputdatetimelocal;
34
- 'input-email': Inputdatetimelocal;
35
- 'input-file': Inputdatetimelocal;
36
- 'input-message': Inputmessage;
37
- 'input-month': Inputdatetimelocal;
38
- 'input-number': Inputdatetimelocal;
39
- 'input-password': Inputdatetimelocal;
40
- 'input-search': Inputdatetimelocal;
41
- 'input-telephone': Inputdatetimelocal;
42
- 'input-text': Inputdatetimelocal;
43
- 'input-week': Inputdatetimelocal;
44
- label: Label;
45
- link: Link;
46
- loader: Loader;
47
- modal: Modal;
48
- notice: Notice;
49
- pagination: Combobox;
50
- 'panel-header': Panelheader;
51
- popover: Popover;
52
- radio: Radio;
53
- rating: Rating;
54
- scrim: Scrim;
55
- 'segmented-control': Segmentedcontrol;
56
- 'slider-histogram-range': Sliderhistogramrange;
57
- 'slider-histogram': Sliderhistogram;
58
- 'slider-range': Sliderrange;
59
- slider: Sliderrange;
60
- 'split-button': Splitbutton;
61
- 'stepper-item': Stepperitem;
62
- stepper: Combobox;
63
- switch: Switch;
64
- 'tab-title': Tabtitle;
65
- tabs: Tabs;
66
- textarea: Textarea;
67
- tip: Tip;
68
- tooltip: Tooltip;
69
- 'tree-item': Treeitem;
70
- core: Core;
71
- semantic: Semantic;
72
- }
73
- interface Semantic {
74
- border: Border8;
75
- ui: Ui;
76
- spacing: Spacing;
77
- }
78
- interface Spacing {
79
- base: Light;
80
- xs: Light;
81
- sm: Light;
82
- md: Light;
83
- lg: Light;
84
- xl: Light;
85
- }
86
- interface Ui {
87
- border: Border9;
88
- color: Color2;
89
- }
90
- interface Color2 {
91
- brand: Brand4;
92
- background: Heading;
93
- foreground: Foreground2;
94
- text: Text3;
95
- border: Border10;
96
- info: Brand4;
97
- success: Brand4;
98
- warning: Brand4;
99
- danger: Brand4;
100
- inverse: Heading;
101
- }
102
- interface Border10 {
103
- '1': Heading;
104
- '2': Heading;
105
- '3': Heading;
106
- input: Heading;
107
- }
108
- interface Text3 {
109
- '1': Heading;
110
- '2': Heading;
111
- '3': Heading;
112
- inverse: Heading;
113
- link: Heading;
114
- }
115
- interface Foreground2 {
116
- '1': Heading;
117
- '2': Heading;
118
- '3': Heading;
119
- current: Heading;
120
- }
121
- interface Brand4 {
122
- default: Heading;
123
- hover: Heading;
124
- press: Heading;
125
- }
126
- interface Border9 {
127
- 'border-radius': Light;
128
- }
129
- interface Border8 {
130
- 'border-radius': Borderradius3;
131
- }
132
- interface Borderradius3 {
133
- sharp: Light;
134
- round: Light;
135
- circular: Light;
136
- pill: Light;
137
- }
138
- interface Core {
139
- font: Font20;
140
- border: Border7;
141
- opacity: Opacity2;
142
- color: Color;
143
- sizing: Sizing;
144
- spacing: Sizing;
145
- breakpoint: Breakpoint;
146
- 'z-index': Zindex;
147
- }
148
- interface Zindex {
149
- deep: Light;
150
- default: Light;
151
- sticky: Light;
152
- header: Light;
153
- toast: Light;
154
- dropdown: Light;
155
- overlay: Light;
156
- modal: Light;
157
- popup: Light;
158
- tooltip: Light;
159
- }
160
- interface Breakpoint {
161
- height: Height;
162
- width: Width;
163
- margin: Light;
164
- gutter: Light;
165
- content: Content2;
166
- cols: Cols;
167
- }
168
- interface Cols {
169
- xs: Ultralight;
170
- sm: Ultralight;
171
- md: Ultralight;
172
- lg: Ultralight;
173
- }
174
- interface Content2 {
175
- fluid: Ultralight;
176
- fixed: Ultralight;
177
- }
178
- interface Width {
179
- default: Default8;
180
- xxs: Xxs;
181
- xs: Xs;
182
- sm: Xs;
183
- md: Xs;
184
- lg: Xs;
185
- }
186
- interface Default8 {
187
- xxs: Ultralight;
188
- xs: Ultralight;
189
- sm: Ultralight;
190
- md: Ultralight;
191
- lg: Ultralight;
192
- }
193
- interface Height {
194
- xxs: Xxs;
195
- xs: Xs;
196
- sm: Xs;
197
- md: Xs;
198
- lg: Xs;
199
- }
200
- interface Xs {
201
- max: Max;
202
- min: Max;
203
- }
204
- interface Xxs {
205
- max: Max;
206
- }
207
- interface Max {
208
- value: number;
209
- type: string;
210
- description: string;
211
- filePath: string;
212
- isSource: boolean;
213
- original: Original3;
214
- name: string;
215
- attributes: Attributes;
216
- path: string[];
217
- }
218
- interface Original3 {
219
- value: number;
220
- type: string;
221
- description: string;
222
- }
223
- interface Sizing {
224
- '0': Light;
225
- '1': Light;
226
- '2': Light;
227
- '3': Light;
228
- '4': Light;
229
- '5': Light;
230
- '6': Light;
231
- '7': Light;
232
- '8': Light;
233
- '9': Light;
234
- '10': Light;
235
- '11': Light;
236
- '12': Light;
237
- '13': Light;
238
- '14': Light;
239
- '15': Light;
240
- '16': Light;
241
- '17': Light;
242
- '18': Light;
243
- '19': Light;
244
- '20': Light;
245
- '21': Light;
246
- '22': Light;
247
- '23': Light;
248
- '24': Light;
249
- '25': Light;
250
- '26': Light;
251
- '27': Light;
252
- '28': Light;
253
- none: Light;
254
- }
255
- interface Color {
256
- neutral: Neutral;
257
- palette: Palette;
258
- }
259
- interface Palette {
260
- 'high-saturation': Highsaturation;
261
- vibrant: Vibrant;
262
- dark: Dark;
263
- }
264
- interface Dark {
265
- green: Green3;
266
- yellow: Yellow3;
267
- red: Red3;
268
- blue: Blue3;
269
- }
270
- interface Blue3 {
271
- 'd-bb-410': Light;
272
- 'd-bb-420': Light;
273
- 'd-bb-430': Light;
274
- }
275
- interface Red3 {
276
- 'd-rr-410': Light;
277
- 'd-rr-420': Light;
278
- 'd-rr-430': Light;
279
- }
280
- interface Yellow3 {
281
- 'd-yy-410': Light;
282
- 'd-yy-420': Light;
283
- 'd-yy-430': Light;
284
- }
285
- interface Green3 {
286
- 'd-gg-410': Light;
287
- 'd-gg-420': Light;
288
- 'd-gg-430': Light;
289
- }
290
- interface Vibrant {
291
- blue: Blue2;
292
- 'green-blue': Greenblue2;
293
- green: Green2;
294
- 'yellow-green': Yellowgreen2;
295
- yellow: Yellow2;
296
- 'orange-yellow': Orangeyellow2;
297
- 'red-orange': Redorange2;
298
- red: Red2;
299
- pink: Pink2;
300
- 'violet-red': Violetred2;
301
- violet: Violet2;
302
- }
303
- interface Violet2 {
304
- 'v-vv-120': Light;
305
- 'v-vv-140': Light;
306
- 'v-vv-160': Light;
307
- 'v-vv-180': Light;
308
- }
309
- interface Violetred2 {
310
- 'v-vr-120': Light;
311
- 'v-vr-140': Light;
312
- 'v-vr-160': Light;
313
- 'v-vr-180': Light;
314
- }
315
- interface Pink2 {
316
- 'v-pk-120': Light;
317
- 'v-pk-140': Light;
318
- 'v-pk-160': Light;
319
- 'v-pk-180': Light;
320
- }
321
- interface Red2 {
322
- 'v-rr-120': Light;
323
- 'v-rr-140': Light;
324
- 'v-rr-160': Light;
325
- 'v-rr-180': Light;
326
- }
327
- interface Redorange2 {
328
- 'v-ro-120': Light;
329
- 'v-ro-140': Light;
330
- 'v-ro-160': Light;
331
- 'v-ro-180': Light;
332
- }
333
- interface Orangeyellow2 {
334
- 'v-oy-120': Light;
335
- 'v-oy-140': Light;
336
- 'v-oy-160': Light;
337
- 'v-oy-180': Light;
338
- }
339
- interface Yellow2 {
340
- 'v-yy-120': Light;
341
- 'v-yy-140': Light;
342
- 'v-yy-160': Light;
343
- 'v-yy-180': Light;
344
- }
345
- interface Yellowgreen2 {
346
- 'v-yg-120': Light;
347
- 'v-yg-140': Light;
348
- 'v-yg-160': Light;
349
- 'v-yg-180': Light;
350
- }
351
- interface Green2 {
352
- 'v-gg-120': Light;
353
- 'v-gg-140': Light;
354
- 'v-gg-160': Light;
355
- 'v-gg-180': Light;
356
- }
357
- interface Greenblue2 {
358
- 'v-gb-120': Light;
359
- 'v-gb-140': Light;
360
- 'v-gb-160': Light;
361
- 'v-gb-180': Light;
362
- }
363
- interface Blue2 {
364
- 'v-bb-120': Light;
365
- 'v-bb-140': Light;
366
- 'v-bb-160': Light;
367
- 'v-bb-180': Light;
368
- }
369
- interface Highsaturation {
370
- blue: Blue;
371
- 'green-blue': Greenblue;
372
- green: Green;
373
- 'yellow-green': Yellowgreen;
374
- yellow: Yellow;
375
- 'orange-yellow': Orangeyellow;
376
- orange: Orange;
377
- 'red-orange': Redorange;
378
- red: Red;
379
- pink: Pink;
380
- 'violet-red': Violetred;
381
- violet: Violet;
382
- }
383
- interface Violet {
384
- 'h-vv-010': Light;
385
- 'h-vv-020': Light;
386
- 'h-vv-030': Light;
387
- 'h-vv-040': Light;
388
- 'h-vv-050': Light;
389
- 'h-vv-060': Light;
390
- 'h-vv-070': Light;
391
- 'h-vv-080': Light;
392
- 'h-vv-090': Light;
393
- 'h-vv-100': Light;
394
- }
395
- interface Violetred {
396
- 'h-vr-010': Light;
397
- 'h-vr-020': Light;
398
- 'h-vr-030': Light;
399
- 'h-vr-040': Light;
400
- 'h-vr-050': Light;
401
- 'h-vr-060': Light;
402
- 'h-vr-070': Light;
403
- 'h-vr-080': Light;
404
- 'h-vr-090': Light;
405
- 'h-vr-100': Light;
406
- }
407
- interface Pink {
408
- 'h-pk-010': Light;
409
- 'h-pk-020': Light;
410
- 'h-pk-030': Light;
411
- 'h-pk-040': Light;
412
- 'h-pk-050': Light;
413
- 'h-pk-060': Light;
414
- 'h-pk-070': Light;
415
- 'h-pk-080': Light;
416
- 'h-pk-090': Light;
417
- 'h-pk-100': Light;
418
- }
419
- interface Red {
420
- 'h-rr-010': Light;
421
- 'h-rr-020': Light;
422
- 'h-rr-030': Light;
423
- 'h-rr-040': Light;
424
- 'h-rr-050': Light;
425
- 'h-rr-060': Light;
426
- 'h-rr-070': Light;
427
- 'h-rr-080': Light;
428
- 'h-rr-090': Light;
429
- 'h-rr-100': Light;
430
- }
431
- interface Redorange {
432
- 'h-ro-010': Light;
433
- 'h-ro-020': Light;
434
- 'h-ro-030': Light;
435
- 'h-ro-040': Light;
436
- 'h-ro-050': Light;
437
- 'h-ro-060': Light;
438
- 'h-ro-070': Light;
439
- 'h-ro-080': Light;
440
- 'h-ro-090': Light;
441
- 'h-ro-100': Light;
442
- }
443
- interface Orange {
444
- 'h-oo-010': Light;
445
- 'h-oo-020': Light;
446
- 'h-oo-030': Light;
447
- 'h-oo-040': Light;
448
- 'h-oo-050': Light;
449
- 'h-oo-060': Light;
450
- 'h-oo-070': Light;
451
- 'h-oo-080': Light;
452
- 'h-oo-090': Light;
453
- 'h-oo-100': Light;
454
- }
455
- interface Orangeyellow {
456
- 'h-oy-010': Light;
457
- 'h-oy-020': Light;
458
- 'h-oy-030': Light;
459
- 'h-oy-040': Light;
460
- 'h-oy-050': Light;
461
- 'h-oy-060': Light;
462
- 'h-oy-070': Light;
463
- 'h-oy-080': Light;
464
- 'h-oy-090': Light;
465
- 'h-oy-100': Light;
466
- }
467
- interface Yellow {
468
- 'h-yy-010': Light;
469
- 'h-yy-020': Light;
470
- 'h-yy-030': Light;
471
- 'h-yy-040': Light;
472
- 'h-yy-050': Light;
473
- 'h-yy-060': Light;
474
- 'h-yy-070': Light;
475
- 'h-yy-080': Light;
476
- 'h-yy-090': Light;
477
- 'h-yy-100': Light;
478
- }
479
- interface Yellowgreen {
480
- 'h-yg-010': Light;
481
- 'h-yg-020': Light;
482
- 'h-yg-030': Light;
483
- 'h-yg-040': Light;
484
- 'h-yg-050': Light;
485
- 'h-yg-060': Light;
486
- 'h-yg-070': Light;
487
- 'h-yg-080': Light;
488
- 'h-yg-090': Light;
489
- 'h-yg-100': Light;
490
- }
491
- interface Green {
492
- 'h-gg-010': Light;
493
- 'h-gg-020': Light;
494
- 'h-gg-030': Light;
495
- 'h-gg-040': Light;
496
- 'h-gg-050': Light;
497
- 'h-gg-060': Light;
498
- 'h-gg-070': Light;
499
- 'h-gg-080': Light;
500
- 'h-gg-090': Light;
501
- 'h-gg-100': Light;
502
- }
503
- interface Greenblue {
504
- 'h-gb-010': Light;
505
- 'h-gb-020': Light;
506
- 'h-gb-030': Light;
507
- 'h-gb-040': Light;
508
- 'h-gb-050': Light;
509
- 'h-gb-060': Light;
510
- 'h-gb-070': Light;
511
- 'h-gb-080': Light;
512
- 'h-gb-090': Light;
513
- 'h-gb-100': Light;
514
- }
515
- interface Blue {
516
- 'h-bb-010': Light;
517
- 'h-bb-020': Light;
518
- 'h-bb-030': Light;
519
- 'h-bb-040': Light;
520
- 'h-bb-050': Light;
521
- 'h-bb-060': Light;
522
- 'h-bb-070': Light;
523
- 'h-bb-080': Light;
524
- 'h-bb-090': Light;
525
- 'h-bb-100': Light;
526
- }
527
- interface Neutral {
528
- 'blk-000': Light;
529
- 'blk-005': Light;
530
- 'blk-010': Light;
531
- 'blk-020': Light;
532
- 'blk-030': Light;
533
- 'blk-040': Light;
534
- 'blk-050': Light;
535
- 'blk-060': Light;
536
- 'blk-070': Light;
537
- 'blk-080': Light;
538
- 'blk-090': Light;
539
- 'blk-100': Light;
540
- 'blk-110': Light;
541
- 'blk-120': Light;
542
- 'blk-130': Light;
543
- 'blk-140': Light;
544
- 'blk-150': Light;
545
- 'blk-160': Light;
546
- 'blk-170': Light;
547
- 'blk-180': Light;
548
- 'blk-190': Light;
549
- 'blk-200': Light;
550
- 'blk-210': Light;
551
- 'blk-220': Light;
552
- 'blk-230': Light;
553
- 'blk-235': Light;
554
- 'blk-240': Light;
555
- }
556
- interface Opacity2 {
557
- '0': Light;
558
- '4': Light;
559
- '8': Light;
560
- '10': Light;
561
- '20': Light;
562
- '30': Light;
563
- '40': Light;
564
- '50': Light;
565
- '60': Light;
566
- '70': Light;
567
- '80': Light;
568
- '85': Light;
569
- '90': Light;
570
- '92': Light;
571
- '96': Light;
572
- '100': Light;
573
- }
574
- interface Border7 {
575
- 'border-radius': Borderradius2;
576
- 'border-width': Borderwidth4;
577
- }
578
- interface Borderwidth4 {
579
- '0': Light;
580
- '1': Light;
581
- '2': Light;
582
- '3': Light;
583
- '4': Light;
584
- none: Light;
585
- }
586
- interface Borderradius2 {
587
- '0': Light;
588
- '1': Light;
589
- '2': Light;
590
- '3': Light;
591
- '4': Light;
592
- '5': Light;
593
- '6': Light;
594
- none: Light;
595
- half: Light;
596
- full: Light;
597
- }
598
- interface Font20 {
599
- 'font-family': Fontfamily;
600
- 'font-weight': Fontweight;
601
- 'line-height': Lineheight;
602
- 'font-size': Fontsize;
603
- 'letter-spacing': Letterspacing;
604
- 'paragraph-spacing': Paragraphspacing;
605
- 'text-decoration': Textdecoration;
606
- 'text-case': Textcase;
607
- }
608
- interface Textcase {
609
- none: Light;
610
- uppercase: Light;
611
- lowercase: Light;
612
- capitalize: Light;
613
- }
614
- interface Textdecoration {
615
- none: Light;
616
- underline: Light;
617
- }
618
- interface Paragraphspacing {
619
- normal: Light;
620
- }
621
- interface Letterspacing {
622
- tight: Light;
623
- normal: Light;
624
- wide: Light;
625
- }
626
- interface Fontsize {
627
- '0': Light;
628
- '1': Light;
629
- '2': Light;
630
- '3': Light;
631
- '4': Light;
632
- '5': Light;
633
- '6': Light;
634
- '7': Light;
635
- '8': Light;
636
- '9': Light;
637
- '10': Light;
638
- '11': Light;
639
- '12': Light;
640
- '13': Light;
641
- '14': Light;
642
- '15': Light;
643
- }
644
- interface Lineheight {
645
- fixed: Fixed;
646
- relative: Relative;
647
- }
648
- interface Relative {
649
- default: Ultralight;
650
- tight: Ultralight;
651
- snug: Ultralight;
652
- normal: Ultralight;
653
- relaxed: Ultralight;
654
- loose: Ultralight;
655
- }
656
- interface Fixed {
657
- '0': Light;
658
- '1': Light;
659
- '2': Light;
660
- '3': Light;
661
- '4': Light;
662
- '5': Light;
663
- '6': Light;
664
- '7': Light;
665
- '8': Light;
666
- '9': Light;
667
- '10': Light;
668
- '11': Light;
669
- '12': Light;
670
- }
671
- interface Fontweight {
672
- ultralight: Ultralight;
673
- thin: Light;
674
- light: Ultralight;
675
- regular: Light;
676
- medium: Light;
677
- 'medium-italic': Light;
678
- demi: Light;
679
- bold: Light;
680
- extrabold: Ultralight;
681
- black: Ultralight;
682
- heavy: Light;
683
- }
684
- interface Ultralight {
685
- value: string;
686
- type: string;
687
- description: string;
688
- filePath: string;
689
- isSource: boolean;
690
- original: Original2;
691
- name: string;
692
- attributes: Attributes;
693
- path: string[];
694
- }
695
- interface Original2 {
696
- value: string;
697
- type: string;
698
- description: string;
699
- }
700
- interface Fontfamily {
701
- primary: Light;
702
- secondary: Light;
703
- code: Light;
704
- }
705
- interface Treeitem {
706
- font: Font19;
707
- icon: Background4;
708
- border: Heading;
709
- 'border-radius': Iconsize;
710
- 'border-width': Iconsize;
711
- 'comp-size': Iconsize;
712
- 'icon-size': Iconsize;
713
- 'space-between': Iconsize;
714
- 'space-around': Iconsize;
715
- }
716
- interface Font19 {
717
- default: Heading;
718
- selected: Heading;
719
- 'children-selected': Heading;
720
- }
721
- interface Tooltip {
722
- 'space-arround': Spacearround;
723
- foreground: Heading;
724
- font: Heading;
725
- border: Heading;
726
- 'border-radius': Light;
727
- 'border-width': Light;
728
- arrow: Arrow;
729
- }
730
- interface Arrow {
731
- width: Light;
732
- height: Light;
733
- }
734
- interface Spacearround {
735
- 'top-bottom': Light;
736
- 'left-right': Light;
737
- }
738
- interface Tip {
739
- font: Font;
740
- icon: Heading;
741
- background: Background;
742
- 'border-radius': Borderradius;
743
- 'icon-size': Borderradius;
744
- border: Background;
745
- default: Default7;
746
- selected: Default7;
747
- 'border-width': Borderradius;
748
- }
749
- interface Default7 {
750
- 'space-between': Borderradius;
751
- 'space-around': Borderradius;
752
- }
753
- interface Textarea {
754
- font: Font18;
755
- icon: Heading;
756
- border: Heading;
757
- background: Background10;
758
- 'border-radius': Iconsize;
759
- 'border-width': Iconsize;
760
- 'icon-size': Iconsize;
761
- 'space-around': Spacearound;
762
- }
763
- interface Background10 {
764
- default: Heading;
765
- 'read-only': Heading;
766
- }
767
- interface Font18 {
768
- 'placeholder-value': Heading;
769
- label: Heading;
770
- 'chat-limit': Heading;
771
- }
772
- interface Tabs {
773
- font: Font2;
774
- icon: Font2;
775
- bordered: Bordered2;
776
- 'border-width': Borderwidth3;
777
- 'icon-size': Iconsize;
778
- default: Daterow;
779
- border: Border6;
780
- }
781
- interface Bordered2 {
782
- border: Heading;
783
- background: Background;
784
- 'space-around': Spacearound;
785
- 'border-radius': Iconsize;
786
- 'space-between': Iconsize;
787
- }
788
- interface Tabtitle {
789
- font: Font2;
790
- icon: Font2;
791
- bordered: Bordered;
792
- 'border-radius': Iconsize;
793
- 'border-width': Borderwidth3;
794
- 'icon-size': Iconsize;
795
- 'space-between': Iconsize;
796
- default: Default6;
797
- border: Border6;
798
- }
799
- interface Border6 {
800
- active: Heading;
801
- }
802
- interface Default6 {
803
- 'space-around': Spacearound;
804
- }
805
- interface Borderwidth3 {
806
- sm: Light;
807
- md: Light;
808
- lg: Light;
809
- active: Iconsize;
810
- }
811
- interface Bordered {
812
- border: Heading;
813
- background: Background;
814
- 'space-around': Spacearound;
815
- }
816
- interface Switch {
817
- background: Font15;
818
- 'border-radius': Iconsize;
819
- 'comp-size': Iconsize;
820
- 'handle-size': Iconsize;
821
- border: Font15;
822
- handle: Handle2;
823
- 'border-width': Iconsize;
824
- }
825
- interface Handle2 {
826
- background: Font15;
827
- border: Font15;
828
- 'border-radius': Iconsize;
829
- 'border-width': Iconsize;
830
- }
831
- interface Stepperitem {
832
- font: Font17;
833
- icon: Icon12;
834
- border: Icon12;
835
- background: Background;
836
- foreground: Heading;
837
- 'border-radius': Iconsize;
838
- 'border-width': Iconsize;
839
- 'comp-size': Iconsize;
840
- 'icon-size': Iconsize;
841
- 'space-between': Iconsize;
842
- 'space-around': Default3;
843
- disabled: Light;
844
- }
845
- interface Icon12 {
846
- default: Heading;
847
- active: Heading;
848
- error: Heading;
849
- }
850
- interface Font17 {
851
- heading: Heading2;
852
- description: Heading2;
853
- context: Heading2;
854
- }
855
- interface Heading2 {
856
- default: Heading;
857
- active: Heading;
858
- error: Heading;
859
- complete: Heading;
860
- }
861
- interface Splitbutton {
862
- font: Font5;
863
- icon: Font5;
864
- border: Border;
865
- background: Background3;
866
- 'border-radius': Iconsize;
867
- 'border-width': Iconsize;
868
- 'comp-size': Iconsize;
869
- 'icon-size': Iconsize;
870
- 'space-between': Iconsize;
871
- 'space-around': Spacearound13;
872
- divider: Font5;
873
- }
874
- interface Spacearound13 {
875
- content: Spacearound;
876
- dropdown: Iconsize;
877
- divider: Divider;
878
- }
879
- interface Divider {
880
- solid: Solid2;
881
- }
882
- interface Solid2 {
883
- 'top-bottom': Light;
884
- }
885
- interface Sliderrange {
886
- font: Font16;
887
- handle: Default5;
888
- border: Font2;
889
- 'border-width': Iconsize;
890
- 'tick-size': Ticksize;
891
- 'handle-size': Iconsize;
892
- 'space-between': Iconsize;
893
- 'space-around': Iconsize;
894
- tick: Tick2;
895
- }
896
- interface Sliderhistogram {
897
- font: Font16;
898
- handle: Default5;
899
- border: Font2;
900
- 'border-width': Iconsize;
901
- 'tick-size': Ticksize;
902
- 'handle-size': Iconsize;
903
- 'space-between': Iconsize;
904
- 'space-around': Iconsize;
905
- tick: Tick2;
906
- area: Area;
907
- 'active-end': Activeend;
908
- }
909
- interface Activeend {
910
- width: Iconsize;
911
- height: Iconsize;
912
- background: Heading;
913
- }
914
- interface Tick2 {
915
- default: Default5;
916
- active: Default5;
917
- }
918
- interface Sliderhistogramrange {
919
- font: Font16;
920
- handle: Handle;
921
- border: Font2;
922
- 'tick-size': Ticksize;
923
- 'handle-size': Iconsize;
924
- 'space-between': Iconsize;
925
- 'space-around': Iconsize;
926
- tick: Tick;
927
- area: Area;
928
- 'active-start-end': Ticksize;
929
- }
930
- interface Area {
931
- active: Active2;
932
- }
933
- interface Active2 {
934
- background: Heading;
935
- }
936
- interface Tick {
937
- default: Default5;
938
- active: Default5;
939
- 'border-width': Iconsize;
940
- }
941
- interface Default5 {
942
- background: Heading;
943
- border: Heading;
944
- }
945
- interface Ticksize {
946
- width: Iconsize;
947
- height: Iconsize;
948
- }
949
- interface Handle {
950
- background: Heading;
951
- border: Heading;
952
- 'border-width': Iconsize;
953
- }
954
- interface Font16 {
955
- label: Heading;
956
- 'tick-label': Heading;
957
- }
958
- interface Segmentedcontrol {
959
- font: Font15;
960
- border: Heading;
961
- background: Background;
962
- foreground: Heading;
963
- 'border-radius': Iconsize;
964
- 'border-width': Iconsize;
965
- 'comp-size': Iconsize;
966
- 'icon-size': Iconsize;
967
- 'space-between': Iconsize;
968
- 'space-around': Iconsize;
969
- }
970
- interface Font15 {
971
- default: Heading;
972
- checked: Heading;
973
- }
974
- interface Scrim {
975
- background: Heading;
976
- opacity: Light;
977
- }
978
- interface Rating {
979
- 'comp-size': Iconsize;
980
- chip: Chip2;
981
- star: Star;
982
- 'star-container': Day;
983
- average: Average;
984
- 'space-between': Iconsize;
985
- 'space-around': Iconsize;
986
- }
987
- interface Average {
988
- 'space-between': Iconsize;
989
- chip: Chip3;
990
- }
991
- interface Chip3 {
992
- 'space-between': Iconsize;
993
- 'space-arround': Iconsize;
994
- }
995
- interface Star {
996
- 'comp-size': Iconsize;
997
- background: Background9;
998
- }
999
- interface Background9 {
1000
- default: Heading;
1001
- active: Heading;
1002
- average: Heading;
1003
- }
1004
- interface Chip2 {
1005
- 'border-radius': Light;
1006
- value_text: Label;
1007
- count: Count;
1008
- foreground: Heading;
1009
- }
1010
- interface Count {
1011
- font: Font14;
1012
- }
1013
- interface Font14 {
1014
- typography: Light;
1015
- 'font-weights': Light;
1016
- light: Light;
1017
- dark: Light;
1018
- }
1019
- interface Radio {
1020
- 'comp-size': Iconsize;
1021
- 'space-between': Iconsize;
1022
- background: Heading;
1023
- 'border-radius': Light;
1024
- 'border-width': Borderwidth2;
1025
- border: Border5;
1026
- font: Heading;
1027
- 'space-around': Iconsize;
1028
- }
1029
- interface Border5 {
1030
- unchecked: Heading;
1031
- checked: Heading;
1032
- }
1033
- interface Borderwidth2 {
1034
- unchecked: Light;
1035
- checked: Iconsize;
1036
- }
1037
- interface Popover {
1038
- font: Heading;
1039
- icon: Heading;
1040
- border: Heading;
1041
- background: Heading;
1042
- 'border-radius': Iconsize;
1043
- 'border-width': Iconsize;
1044
- 'pointer-size': Iconsize;
1045
- 'icon-size': Iconsize;
1046
- 'space-between': Iconsize;
1047
- 'space-around': Spacearound12;
1048
- }
1049
- interface Spacearound12 {
1050
- 'left-right': Iconsize;
1051
- 'left-top-bottom': Iconsize;
1052
- }
1053
- interface Panelheader {
1054
- font: Heading;
1055
- icon: Heading;
1056
- border: Heading;
1057
- background: Heading;
1058
- 'border-width': Borderradius;
1059
- 'icon-size': Borderradius;
1060
- 'space-between': Borderradius;
1061
- 'space-around': Spacearound11;
1062
- }
1063
- interface Spacearound11 {
1064
- 'left-right': Borderradius;
1065
- 'top-bottom': Borderradius;
1066
- }
1067
- interface Notice {
1068
- font: Font3;
1069
- background: Heading;
1070
- 'border-radius': Iconsize;
1071
- 'icon-size': Iconsize;
1072
- icon: Top;
1073
- highlight: Highlight;
1074
- content: Text;
1075
- 'space-around': Default3;
1076
- }
1077
- interface Highlight {
1078
- info: Heading;
1079
- success: Heading;
1080
- warning: Heading;
1081
- danger: Heading;
1082
- brand: Heading;
1083
- border: Iconsize;
1084
- }
1085
- interface Modal {
1086
- font: Font13;
1087
- icon: Heading;
1088
- border: Border4;
1089
- background: Heading;
1090
- 'icon-size': Iconsize;
1091
- 'space-between': Iconsize;
1092
- 'space-around': Spacearound10;
1093
- 'border-width': Borderwidth;
1094
- 'border-radius': Iconsize;
1095
- 'comp-size': Compsize;
1096
- }
1097
- interface Compsize {
1098
- 'small-width': Light;
1099
- 'medium-width': Light;
1100
- 'full-width': Light;
1101
- }
1102
- interface Borderwidth {
1103
- default: Iconsize;
1104
- top: Iconsize;
1105
- }
1106
- interface Spacearound10 {
1107
- 'left-right': Iconsize;
1108
- 'top-bottom': Iconsize;
1109
- content: Iconsize;
1110
- 'cancel-button': Iconsize;
1111
- }
1112
- interface Border4 {
1113
- default: Heading;
1114
- top: Top;
1115
- }
1116
- interface Top {
1117
- brand: Heading;
1118
- info: Heading;
1119
- success: Heading;
1120
- danger: Heading;
1121
- warning: Heading;
1122
- }
1123
- interface Font13 {
1124
- header: Heading;
1125
- content: Heading;
1126
- }
1127
- interface Loader {
1128
- font: Heading;
1129
- default: Default4;
1130
- inline: Inline;
1131
- }
1132
- interface Inline {
1133
- 'comp-size': Iconsize;
1134
- 'space-between': Iconsize;
1135
- 'space-around': Iconsize;
1136
- foreground: Foreground;
1137
- }
1138
- interface Foreground {
1139
- indeterminate: Heading;
1140
- determinate: Heading;
1141
- }
1142
- interface Default4 {
1143
- 'comp-size': Iconsize;
1144
- 'space-between': Spacearound7;
1145
- foreground: Heading;
1146
- }
1147
- interface Link {
1148
- font: Heading;
1149
- icon: Heading;
1150
- border: Heading;
1151
- bottom: Bottom;
1152
- }
1153
- interface Bottom {
1154
- 'border-width': Light;
1155
- }
1156
- interface Label {
1157
- font: Heading;
1158
- }
1159
- interface Inputmessage {
1160
- font: Heading;
1161
- icon: Icon11;
1162
- 'icon-size': Iconsize;
1163
- }
1164
- interface Icon11 {
1165
- idle: Heading;
1166
- invalid: Heading;
1167
- valid: Heading;
1168
- }
1169
- interface Inputdatetimelocal {
1170
- font: Font12;
1171
- icon: Heading;
1172
- border: Border3;
1173
- background: Background8;
1174
- 'border-radius': Iconsize;
1175
- 'border-width': Iconsize;
1176
- 'icon-size': Iconsize;
1177
- 'space-between': Iconsize;
1178
- 'space-around': Spacearound;
1179
- opacity: Opacity;
1180
- }
1181
- interface Background8 {
1182
- default: Heading;
1183
- 'prefix-suffix': Heading;
1184
- 'read-only': Heading;
1185
- }
1186
- interface Border3 {
1187
- invalid: Heading;
1188
- default: Heading;
1189
- }
1190
- interface Font12 {
1191
- 'placeholder-value': Heading;
1192
- label: Heading;
1193
- 'prefix-suffix': Heading;
1194
- }
1195
- interface Inputdatepicker {
1196
- font: Font11;
1197
- icon: Heading;
1198
- border: Heading;
1199
- background: Background7;
1200
- 'border-radius': Iconsize;
1201
- 'border-width': Iconsize;
1202
- 'icon-size': Iconsize;
1203
- 'space-between': Iconsize;
1204
- 'space-around': Spacearound;
1205
- 'arrow-size': Iconsize;
1206
- opacity: Opacity;
1207
- }
1208
- interface Opacity {
1209
- placeholder: Placeholder;
1210
- }
1211
- interface Placeholder {
1212
- light: Light;
1213
- }
1214
- interface Background7 {
1215
- default: Heading;
1216
- arrow: Heading;
1217
- 'read-only': Heading;
1218
- }
1219
- interface Font11 {
1220
- 'placeholder-value': Heading;
1221
- label: Heading;
1222
- }
1223
- interface Icon10 {
1224
- size: Iconsize;
1225
- }
1226
- interface Filter {
1227
- font: Heading;
1228
- icon: Heading;
1229
- border: Heading;
1230
- background: Heading;
1231
- 'border-radius': Iconsize;
1232
- 'border-width': Iconsize;
1233
- 'icon-size': Iconsize;
1234
- input: Daterow;
1235
- 'space-around': Spacearound;
1236
- }
1237
- interface Fab {
1238
- font: Background3;
1239
- icon: Background3;
1240
- border: Background3;
1241
- background: Background3;
1242
- 'border-radius': Iconsize;
1243
- 'border-width': Iconsize;
1244
- 'comp-size': Iconsize;
1245
- 'icon-size': Iconsize;
1246
- 'space-between': Iconsize;
1247
- 'space-around': Spacearound6;
1248
- }
1249
- interface Dropdown {
1250
- background: Background;
1251
- 'border-radius': Iconsize;
1252
- 'comp-size': Iconsize;
1253
- }
1254
- interface Dropdownitem {
1255
- font: Font10;
1256
- icon: Icon9;
1257
- border: Heading;
1258
- 'border-width': Iconsize;
1259
- 'icon-size': Iconsize;
1260
- 'space-between': Spacebetween2;
1261
- 'space-around': Spacearound9;
1262
- }
1263
- interface Spacearound9 {
1264
- content: Content;
1265
- container: Container;
1266
- 'group-title': Iconsize;
1267
- 'icon-start': Spacearound8;
1268
- 'icon-end': Iconend;
1269
- }
1270
- interface Iconend {
1271
- left: Iconsize;
1272
- }
1273
- interface Container {
1274
- default: Default3;
1275
- single: Default3;
1276
- multi: Default3;
1277
- }
1278
- interface Default3 {
1279
- left: Iconsize;
1280
- right: Iconsize;
1281
- 'top-bottom': Iconsize;
1282
- }
1283
- interface Content {
1284
- left: Iconsize;
1285
- 'top-bottom': Iconsize;
1286
- }
1287
- interface Spacebetween2 {
1288
- container: Iconsize;
1289
- }
1290
- interface Icon9 {
1291
- default: Default2;
1292
- select: Heading;
1293
- }
1294
- interface Default2 {
1295
- light: Light;
1296
- dark: Light;
1297
- selected: Heading;
1298
- }
1299
- interface Font10 {
1300
- default: Heading;
1301
- selected: Heading;
1302
- 'group-title': Heading;
1303
- }
1304
- interface Datepicker {
1305
- font: Font9;
1306
- icon: Heading;
1307
- border: Heading;
1308
- background: Background6;
1309
- 'border-radius': Iconsize;
1310
- 'border-width': Iconsize;
1311
- 'icon-size': Iconsize;
1312
- 'date-row': Daterow;
1313
- date: Date2;
1314
- day: Day;
1315
- month: Day;
1316
- }
1317
- interface Day {
1318
- 'space-between': Iconsize;
1319
- 'space-around': Iconsize;
1320
- }
1321
- interface Date2 {
1322
- active: Active;
1323
- 'space-around': Spacearound;
1324
- }
1325
- interface Active {
1326
- border: Heading;
1327
- }
1328
- interface Daterow {
1329
- 'space-between': Iconsize;
1330
- 'space-around': Spacearound;
1331
- }
1332
- interface Background6 {
1333
- default: Heading;
1334
- date: Date;
1335
- }
1336
- interface Date {
1337
- active: Heading;
1338
- range: Heading;
1339
- }
1340
- interface Font9 {
1341
- date: Heading;
1342
- day: Heading;
1343
- month: Heading;
1344
- range: Range;
1345
- selected: Range;
1346
- active: Range;
1347
- }
1348
- interface Range {
1349
- date: Heading;
1350
- }
1351
- interface Combobox {
1352
- font: Heading;
1353
- icon: Heading;
1354
- border: Heading;
1355
- background: Background;
1356
- foreground: Heading;
1357
- 'border-radius': Iconsize;
1358
- 'border-width': Iconsize;
1359
- 'comp-size': Iconsize;
1360
- 'icon-size': Iconsize;
1361
- 'space-between': Iconsize;
1362
- 'space-around': Iconsize;
1363
- }
1364
- interface Colorpicker {
1365
- font: Font8;
1366
- icon: Heading;
1367
- border: Heading;
1368
- background: Background;
1369
- 'border-radius': Iconsize;
1370
- 'border-width': Iconsize;
1371
- 'saved-size': Iconsize;
1372
- 'swatch-size': Iconsize;
1373
- channels: Text;
1374
- 'space-between': Iconsize;
1375
- 'space-around': Iconsize;
1376
- }
1377
- interface Font8 {
1378
- label: Heading;
1379
- }
1380
- interface Chip {
1381
- font: Font7;
1382
- icon: Icon8;
1383
- background: Background5;
1384
- 'border-radius': Iconsize;
1385
- 'icon-size': Iconsize;
1386
- 'closable-icon': Closableicon;
1387
- border: Border2;
1388
- 'space-around': Iconsize;
1389
- 'space-between': Iconsize;
1390
- 'border-width': Light;
1391
- text: Text2;
1392
- }
1393
- interface Text2 {
1394
- 'space-around': Iconsize;
1395
- }
1396
- interface Border2 {
1397
- clear: Solid;
1398
- }
1399
- interface Closableicon {
1400
- light: Light;
1401
- dark: Light;
1402
- 'space-around': Iconsize;
1403
- }
1404
- interface Background5 {
1405
- solid: Solid;
1406
- }
1407
- interface Icon8 {
1408
- solid: Solid;
1409
- clear: Heading;
1410
- 'space-around': Spacearound8;
1411
- }
1412
- interface Spacearound8 {
1413
- right: Iconsize;
1414
- left: Iconsize;
1415
- }
1416
- interface Font7 {
1417
- clear: Heading;
1418
- solid: Solid;
1419
- }
1420
- interface Solid {
1421
- grey: Heading;
1422
- blue: Heading;
1423
- red: Heading;
1424
- yellow: Heading;
1425
- green: Heading;
1426
- }
1427
- interface Checkbox {
1428
- 'comp-size': Iconsize;
1429
- 'space-between': Iconsize;
1430
- background: Background4;
1431
- icon: Heading;
1432
- 'border-radius': Light;
1433
- 'border-width': Light;
1434
- border: Heading;
1435
- font: Heading;
1436
- 'space-around': Spacearound7;
1437
- }
1438
- interface Spacearound7 {
1439
- standard: Light;
1440
- }
1441
- interface Background4 {
1442
- default: Heading;
1443
- selected: Heading;
1444
- }
1445
- interface Card {
1446
- font: Font6;
1447
- border: Font2;
1448
- background: Background;
1449
- 'space-around': Borderradius;
1450
- 'space-between': Spacebetween;
1451
- 'border-radius': Borderradius;
1452
- 'border-width': Borderradius;
1453
- }
1454
- interface Spacebetween {
1455
- card: Borderradius;
1456
- title: Borderradius;
1457
- }
1458
- interface Font6 {
1459
- title: Heading;
1460
- description: Heading;
1461
- subtitle: Heading;
1462
- }
1463
- interface Button {
1464
- font: Font5;
1465
- icon: Font5;
1466
- border: Border;
1467
- background: Background3;
1468
- 'border-radius': Iconsize;
1469
- 'border-width': Iconsize;
1470
- 'comp-size': Iconsize;
1471
- 'icon-size': Iconsize;
1472
- 'space-around': Spacearound6;
1473
- 'space-between': Iconsize;
1474
- }
1475
- interface Spacearound6 {
1476
- 'left-right': Iconsize;
1477
- 'top-bottom': Iconsize;
1478
- 'icon-only': Iconsize;
1479
- }
1480
- interface Background3 {
1481
- brand: Brand3;
1482
- inverse: Brand3;
1483
- neutral: Brand3;
1484
- danger: Brand3;
1485
- }
1486
- interface Brand3 {
1487
- solid: Heading;
1488
- 'outline-fill': Heading;
1489
- }
1490
- interface Border {
1491
- brand: Brand2;
1492
- inverse: Brand2;
1493
- neutral: Brand2;
1494
- danger: Brand2;
1495
- }
1496
- interface Brand2 {
1497
- 'outline-fill': Heading;
1498
- outline: Heading;
1499
- }
1500
- interface Font5 {
1501
- brand: Brand;
1502
- inverse: Brand;
1503
- neutral: Brand;
1504
- danger: Brand;
1505
- }
1506
- interface Brand {
1507
- solid: Heading;
1508
- 'outline-fill': Heading;
1509
- outline: Heading;
1510
- transparent: Heading;
1511
- }
1512
- interface Block2 {
1513
- font: Font4;
1514
- icon: Icon7;
1515
- border: Heading;
1516
- background: Heading;
1517
- 'border-radius': Borderradius;
1518
- 'border-width': Borderradius;
1519
- 'icon-size': Borderradius;
1520
- 'space-between': Borderradius;
1521
- 'space-around': Spacearound4;
1522
- 'chevron-size': Borderradius;
1523
- 'drag-size': Borderradius;
1524
- 'drag-handle': Draghandle;
1525
- }
1526
- interface Draghandle {
1527
- 'space-around': Spacearound5;
1528
- }
1529
- interface Spacearound5 {
1530
- drag: Blocktext;
1531
- }
1532
- interface Spacearound4 {
1533
- block: Block;
1534
- 'block-content': Blockcontent;
1535
- }
1536
- interface Blockcontent {
1537
- 'right-left': Borderradius;
1538
- 'top-down': Borderradius;
1539
- }
1540
- interface Block {
1541
- 'top-down-left': Borderradius;
1542
- right: Borderradius;
1543
- }
1544
- interface Icon7 {
1545
- idle: Heading;
1546
- valid: Heading;
1547
- invalid: Heading;
1548
- 'drag-handle': Heading;
1549
- chevron: Heading;
1550
- }
1551
- interface Font4 {
1552
- heading: Heading;
1553
- description: Heading;
1554
- content: Heading;
1555
- }
1556
- interface Blocksection2 {
1557
- font: Heading;
1558
- icon: Icon5;
1559
- background: Heading;
1560
- 'border-radius': Borderradius;
1561
- 'icon-size': Borderradius;
1562
- 'space-between': Borderradius;
1563
- 'space-around': Spacearound3;
1564
- 'chevron-size': Borderradius;
1565
- }
1566
- interface Spacearound3 {
1567
- 'block-text': Blocktext;
1568
- 'block-content': Borderradius;
1569
- 'block-section': Blocksection;
1570
- icon: Icon6;
1571
- switch: Icon6;
1572
- }
1573
- interface Icon6 {
1574
- left: Borderradius;
1575
- }
1576
- interface Blocksection {
1577
- 'top-bottom': Borderradius;
1578
- }
1579
- interface Blocktext {
1580
- 'right-left': Borderradius;
1581
- }
1582
- interface Borderradius {
1583
- md: Light;
1584
- }
1585
- interface Icon5 {
1586
- valid: Heading;
1587
- invalid: Heading;
1588
- chevron: Heading;
1589
- }
1590
- interface Avatar {
1591
- font: Heading;
1592
- icon: Heading;
1593
- background: Background2;
1594
- 'border-radius': Iconsize;
1595
- 'comp-size': Iconsize;
1596
- 'icon-size': Iconsize;
1597
- }
1598
- interface Background2 {
1599
- default: Heading;
1600
- red: Heading;
1601
- teal: Heading;
1602
- blue: Heading;
1603
- green: Heading;
1604
- yellow: Heading;
1605
- }
1606
- interface Alert {
1607
- font: Font3;
1608
- background: Heading;
1609
- border: Heading;
1610
- 'border-radius': Iconsize;
1611
- 'icon-size': Iconsize;
1612
- icon: Icon4;
1613
- highlight: Icon4;
1614
- 'space-between': Iconsize;
1615
- 'space-around': Spacearound2;
1616
- }
1617
- interface Spacearound2 {
1618
- top: Iconsize;
1619
- bottom: Iconsize;
1620
- left: Iconsize;
1621
- right: Iconsize;
1622
- }
1623
- interface Icon4 {
1624
- blue: Heading;
1625
- green: Heading;
1626
- yellow: Heading;
1627
- red: Heading;
1628
- }
1629
- interface Font3 {
1630
- title: Heading;
1631
- message: Heading;
1632
- }
1633
- interface Action {
1634
- font: Font2;
1635
- icon: Icon3;
1636
- background: Font2;
1637
- 'icon-size': Iconsize;
1638
- 'space-between': Iconsize;
1639
- 'space-around': Iconsize;
1640
- 'indicator-size': Iconsize;
1641
- indicator: Heading;
1642
- 'loader-icon': Heading;
1643
- }
1644
- interface Icon3 {
1645
- light: Light;
1646
- dark: Light;
1647
- active: Heading;
1648
- }
1649
- interface Font2 {
1650
- default: Heading;
1651
- active: Heading;
1652
- }
1653
- interface Actionbargrid {
1654
- border: Heading;
1655
- background: Heading;
1656
- 'border-radius': Iconsize;
1657
- 'space-between': Iconsize;
1658
- 'space-around': Iconsize;
1659
- }
1660
- interface Accordion {
1661
- heading: Heading;
1662
- description: Heading;
1663
- icon: Icon2;
1664
- background: Background;
1665
- default: Default;
1666
- minimal: Default;
1667
- border: Heading;
1668
- }
1669
- interface Icon2 {
1670
- default: Heading;
1671
- expanded: Heading;
1672
- }
1673
- interface Accordionitem {
1674
- font: Font;
1675
- icon: Icon;
1676
- background: Background;
1677
- 'icon-size': Iconsize;
1678
- default: Default;
1679
- 'border-width': Light;
1680
- border: Heading;
1681
- }
1682
- interface Default {
1683
- 'space-between': Iconsize;
1684
- text: Text;
1685
- 'space-around': Spacearound;
1686
- }
1687
- interface Spacearound {
1688
- 'top-bottom': Iconsize;
1689
- 'left-right': Iconsize;
1690
- }
1691
- interface Text {
1692
- 'space-between': Iconsize;
1693
- }
1694
- interface Iconsize {
1695
- sm: Light;
1696
- md: Light;
1697
- lg: Light;
1698
- }
1699
- interface Background {
1700
- default: Heading;
1701
- }
1702
- interface Icon {
1703
- light: Light;
1704
- dark: Light;
1705
- expanded: Heading;
1706
- }
1707
- interface Font {
1708
- heading: Heading;
1709
- description: Heading;
1710
- }
1711
- interface Heading {
1712
- light: Light;
1713
- dark: Light;
1714
- }
1715
- interface Light {
1716
- value: string;
1717
- type: string;
1718
- filePath: string;
1719
- isSource: boolean;
1720
- original: Original;
1721
- name: string;
1722
- attributes: Attributes;
1723
- path: string[];
1724
- }
1725
- interface Attributes {
1726
- }
1727
- interface Original {
1728
- value: string;
1729
- type: string;
1730
- }