@viasat/beam-tokens 2.90.0 → 2.91.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 (136) hide show
  1. package/README.md +38 -0
  2. package/index.js +2 -2290
  3. package/native/i18n/font-face-names.generated.cjs +1 -0
  4. package/native/i18n/font-face-names.generated.js +1 -0
  5. package/native/i18n/typography-overlay.cjs +1 -0
  6. package/native/i18n/typography-overlay.js +1 -0
  7. package/native/index.cjs +1 -0
  8. package/native/index.js +1 -0
  9. package/native/themes/blue-consumer.cjs +1 -0
  10. package/native/themes/blue-consumer.js +1 -0
  11. package/native/themes/blue-enterprise.cjs +1 -0
  12. package/native/themes/blue-enterprise.js +1 -0
  13. package/native/themes/green-consumer.cjs +1 -0
  14. package/native/themes/green-consumer.js +1 -0
  15. package/native/themes/green-enterprise.cjs +1 -0
  16. package/native/themes/green-enterprise.js +1 -0
  17. package/native/themes/neutral-consumer.cjs +1 -0
  18. package/native/themes/neutral-consumer.js +1 -0
  19. package/native/themes/neutral-enterprise.cjs +1 -0
  20. package/native/themes/neutral-enterprise.js +1 -0
  21. package/native/themes/orange-consumer.cjs +1 -0
  22. package/native/themes/orange-consumer.js +1 -0
  23. package/native/themes/orange-enterprise.cjs +1 -0
  24. package/native/themes/orange-enterprise.js +1 -0
  25. package/native/themes/pink-consumer.cjs +1 -0
  26. package/native/themes/pink-consumer.js +1 -0
  27. package/native/themes/pink-enterprise.cjs +1 -0
  28. package/native/themes/pink-enterprise.js +1 -0
  29. package/native/themes/teal-consumer.cjs +1 -0
  30. package/native/themes/teal-consumer.js +1 -0
  31. package/native/themes/teal-enterprise.cjs +1 -0
  32. package/native/themes/teal-enterprise.js +1 -0
  33. package/native/themes/violet-consumer.cjs +1 -0
  34. package/native/themes/violet-consumer.js +1 -0
  35. package/native/themes/violet-enterprise.cjs +1 -0
  36. package/native/themes/violet-enterprise.js +1 -0
  37. package/package.json +36 -1
  38. package/types/configs/colors/colors.format.d.ts +1 -1
  39. package/types/configs/colors/colors.transformers.d.ts +1 -1
  40. package/types/configs/colors/index.d.ts +3 -3
  41. package/types/configs/colors/sd.colors.config.d.ts +1 -1
  42. package/types/configs/components/components.format.css.d.ts +1 -1
  43. package/types/configs/components/components.transformers.d.ts +1 -1
  44. package/types/configs/components/index.d.ts +1 -1
  45. package/types/configs/components/sd.components.config.d.ts +1 -1
  46. package/types/configs/dimensions/dimension.format.css.d.ts +1 -1
  47. package/types/configs/dimensions/dimensions.transformers.d.ts +1 -1
  48. package/types/configs/dimensions/dimensions.utils.d.ts +1 -1
  49. package/types/configs/dimensions/index.d.ts +3 -3
  50. package/types/configs/dimensions/sd.dimension.config.d.ts +1 -1
  51. package/types/configs/expressive/expressive.format.d.ts +1 -1
  52. package/types/configs/expressive/index.d.ts +2 -2
  53. package/types/configs/expressive/sd.expressive.config.d.ts +1 -1
  54. package/types/configs/index.d.ts +1 -1
  55. package/types/configs/js/index.d.ts +3 -3
  56. package/types/configs/js/js.formatters.d.ts +1 -1
  57. package/types/configs/js/js.transformers.d.ts +1 -1
  58. package/types/configs/js/sd.js.config.d.ts +1 -1
  59. package/types/configs/language/formatters/css.d.ts +1 -1
  60. package/types/configs/language/formatters/index.d.ts +1 -1
  61. package/types/configs/language/index.d.ts +4 -4
  62. package/types/configs/language/sd.language.config.d.ts +1 -1
  63. package/types/configs/language/transformers/index.d.ts +1 -1
  64. package/types/configs/native/index.d.ts +15 -0
  65. package/types/configs/native/native.color-guard.d.ts +13 -0
  66. package/types/configs/native/native.dimension.d.ts +13 -0
  67. package/types/configs/native/native.opacity-guard.d.ts +9 -0
  68. package/types/configs/native/native.resolvers.d.ts +5 -0
  69. package/types/configs/native/native.shadow.d.ts +17 -0
  70. package/types/configs/native/native.source.d.ts +24 -0
  71. package/types/configs/native/native.transformers.d.ts +3 -0
  72. package/types/configs/native/native.types-guard.d.ts +1 -0
  73. package/types/configs/native/native.types.d.ts +28 -0
  74. package/types/configs/native/native.typography.d.ts +22 -0
  75. package/types/configs/native/native.utils.d.ts +3 -0
  76. package/types/configs/native/sd.native.config.d.ts +7 -0
  77. package/types/configs/product-type/index.d.ts +4 -4
  78. package/types/configs/product-type/product-type.format.css.d.ts +1 -1
  79. package/types/configs/product-type/product-type.transformers.d.ts +1 -1
  80. package/types/configs/product-type/sd.product-tokens.config.d.ts +1 -1
  81. package/types/configs/shadows/index.d.ts +4 -4
  82. package/types/configs/shadows/sd.shadow.config.d.ts +1 -1
  83. package/types/configs/shadows/shadow.transformers.d.ts +1 -1
  84. package/types/configs/shadows/shadows.format.css.d.ts +1 -1
  85. package/types/configs/shadows/shadows.utils.d.ts +1 -1
  86. package/types/configs/storybook/index.d.ts +3 -3
  87. package/types/configs/storybook/js.formatters.d.ts +1 -1
  88. package/types/configs/storybook/js.transformers.d.ts +1 -1
  89. package/types/configs/storybook/sd.storybook.config.d.ts +1 -1
  90. package/types/configs/themes/generateThemes.d.ts +1 -1
  91. package/types/configs/themes/index.d.ts +1 -1
  92. package/types/configs/themes/sd.theme.config.d.ts +1 -1
  93. package/types/configs/themes/theme.utils.d.ts +5 -5
  94. package/types/configs/typography/formatters/css.d.ts +1 -1
  95. package/types/configs/typography/formatters/index.d.ts +1 -1
  96. package/types/configs/typography/helpers.d.ts +1 -1
  97. package/types/configs/typography/index.d.ts +4 -4
  98. package/types/configs/typography/sd.typography.config.d.ts +1 -1
  99. package/types/configs/typography/transformers/index.d.ts +1 -1
  100. package/types/lib/index.d.ts +2 -2
  101. package/types/lib/native/i18n/font-face-names.generated.d.ts +1 -0
  102. package/types/lib/native/i18n/typography-overlay.d.ts +10 -0
  103. package/types/lib/native/index.d.ts +1 -0
  104. package/types/lib/native/themes/blue-consumer.d.ts +3 -0
  105. package/types/lib/native/themes/blue-enterprise.d.ts +3 -0
  106. package/types/lib/native/themes/green-consumer.d.ts +3 -0
  107. package/types/lib/native/themes/green-enterprise.d.ts +3 -0
  108. package/types/lib/native/themes/neutral-consumer.d.ts +3 -0
  109. package/types/lib/native/themes/neutral-enterprise.d.ts +3 -0
  110. package/types/lib/native/themes/orange-consumer.d.ts +3 -0
  111. package/types/lib/native/themes/orange-enterprise.d.ts +3 -0
  112. package/types/lib/native/themes/pink-consumer.d.ts +3 -0
  113. package/types/lib/native/themes/pink-enterprise.d.ts +3 -0
  114. package/types/lib/native/themes/teal-consumer.d.ts +3 -0
  115. package/types/lib/native/themes/teal-enterprise.d.ts +3 -0
  116. package/types/lib/native/themes/violet-consumer.d.ts +3 -0
  117. package/types/lib/native/themes/violet-enterprise.d.ts +3 -0
  118. package/types/lib/native/token-tree.generated.d.ts +1723 -0
  119. package/types/lib/native/types.d.ts +58 -0
  120. package/types/utils/build-tokens-native.d.ts +1 -0
  121. package/types/utils/constants/class-names.d.ts +1 -1
  122. package/types/utils/constants/index.d.ts +7 -7
  123. package/types/utils/constants/theme.d.ts +20 -0
  124. package/types/utils/constants/token-types.d.ts +1 -1
  125. package/types/utils/constants/types.d.ts +4 -9
  126. package/types/utils/files/cleanup.d.ts +1 -1
  127. package/types/utils/files/index.d.ts +5 -5
  128. package/types/utils/files/merge.d.ts +1 -1
  129. package/types/utils/files/paths.d.ts +1 -1
  130. package/types/utils/formatters/className.d.ts +1 -1
  131. package/types/utils/formatters/format.css.d.ts +1 -1
  132. package/types/utils/formatters/format.scss.d.ts +1 -1
  133. package/types/utils/formatters/index.d.ts +4 -4
  134. package/types/utils/index.d.ts +8 -8
  135. package/types/utils/occurrences.d.ts +1 -1
  136. package/types/utils/tokens.d.ts +1 -1
@@ -0,0 +1,1723 @@
1
+ export interface BeamTokensTree {
2
+ sem: Sem;
3
+ dataviz: Dataviz;
4
+ /** Internal: Beam's component tokens. Not public API; may change without notice. */
5
+ comp: Comp;
6
+ expressive: Expressive;
7
+ }
8
+ interface Expressive {
9
+ blue: ExpressivePaletteShape;
10
+ gray: ExpressivePaletteShape;
11
+ green: ExpressivePaletteShape;
12
+ orange: ExpressivePaletteShape;
13
+ pink: ExpressivePaletteShape;
14
+ red: ExpressivePaletteShape;
15
+ teal: ExpressivePaletteShape;
16
+ violet: ExpressivePaletteShape;
17
+ accent: ExpressivePaletteShape;
18
+ }
19
+ interface ExpressivePaletteShape {
20
+ bg: string;
21
+ 'bg-stronger': string;
22
+ fg: string;
23
+ 'fg-stronger': string;
24
+ border: string;
25
+ 'border-stronger': string;
26
+ inverse: Inverse;
27
+ }
28
+ interface Inverse {
29
+ bg: string;
30
+ fg: string;
31
+ 'fg-stronger': string;
32
+ }
33
+ interface Comp {
34
+ accordion: Accordion;
35
+ actionlist: Actionlist;
36
+ alert: Alert2;
37
+ avatar: Avatar;
38
+ badge: Badge;
39
+ 'badge-dot': Badgedot;
40
+ 'badge-indicator': Badgeindicator;
41
+ 'batch-actions': Batchactions;
42
+ breadcrumb: Breadcrumb;
43
+ btn: Btn;
44
+ card: Card;
45
+ chip: Chip;
46
+ 'close-btn': Closebtn;
47
+ 'data-table': Datatable;
48
+ dialog: Dialog;
49
+ divider: Divider;
50
+ 'empty-state': Emptystate;
51
+ 'file-upload': Fileupload;
52
+ header: Header3;
53
+ 'helper-text': Helpertext;
54
+ input: Input2;
55
+ label: Label;
56
+ link: Link2;
57
+ list: List;
58
+ menu: Menu;
59
+ pagination: Pagination;
60
+ panel: Panel;
61
+ popover: Popover;
62
+ 'progress-bar': Progressbar;
63
+ 'seg-control': Segcontrol;
64
+ 'side-nav': Sidenav;
65
+ slider: Slider;
66
+ spinner: Spinner;
67
+ stepper: Stepper;
68
+ tabs: Tabs;
69
+ toast: Toast;
70
+ tooltip: Tooltip;
71
+ }
72
+ interface Tooltip {
73
+ color: Color35;
74
+ radius: number;
75
+ space: Space33;
76
+ size: Size27;
77
+ typo: Typo24;
78
+ }
79
+ interface Typo24 {
80
+ body: Mobile;
81
+ }
82
+ interface Size27 {
83
+ arrow: Beak;
84
+ width: number;
85
+ 'icon-trigger': Height;
86
+ }
87
+ interface Space33 {
88
+ x: number;
89
+ y: number;
90
+ arrow: number;
91
+ offset: number;
92
+ }
93
+ interface Color35 {
94
+ bg: string;
95
+ text: string;
96
+ 'icon-trigger': string;
97
+ }
98
+ interface Toast {
99
+ color: Color34;
100
+ radius: number;
101
+ 'border-width': number;
102
+ size: Size26;
103
+ space: Space32;
104
+ shadow: None[];
105
+ typo: Sm3;
106
+ }
107
+ interface Space32 {
108
+ x: number;
109
+ y: number;
110
+ 'lite-y': number;
111
+ gap: number;
112
+ 'content-gap': number;
113
+ 'text-gap': number;
114
+ 'actions-gap': number;
115
+ stack: number;
116
+ 'viewport-offset': number;
117
+ }
118
+ interface Size26 {
119
+ width: number;
120
+ 'highlight-width': number;
121
+ icon: number;
122
+ }
123
+ interface Color34 {
124
+ positive: Positive4;
125
+ warning: Positive4;
126
+ negative: Positive4;
127
+ info: Positive4;
128
+ }
129
+ interface Positive4 {
130
+ bg: string;
131
+ icon: string;
132
+ heading: string;
133
+ body: string;
134
+ highlight: string;
135
+ border: string;
136
+ }
137
+ interface Tabs {
138
+ color: Color33;
139
+ typo: Typo23;
140
+ size: Size25;
141
+ space: Space31;
142
+ radius: Radius10;
143
+ }
144
+ interface Radius10 {
145
+ indicator: number;
146
+ }
147
+ interface Space31 {
148
+ x: number;
149
+ gap: number;
150
+ 'gap-outer': number;
151
+ }
152
+ interface Size25 {
153
+ md: Md4;
154
+ lg: Md4;
155
+ indicator: number;
156
+ }
157
+ interface Md4 {
158
+ item: number;
159
+ icon: number;
160
+ 'icon-only': number;
161
+ 'indicator-extent': number;
162
+ }
163
+ interface Typo23 {
164
+ md: Mobile;
165
+ 'md-selected': Mobile;
166
+ lg: Mobile;
167
+ 'lg-selected': Mobile;
168
+ }
169
+ interface Color33 {
170
+ text: string;
171
+ 'text-selected': string;
172
+ icon: string;
173
+ 'icon-selected': string;
174
+ indicator: string;
175
+ 'indicator-selected': string;
176
+ }
177
+ interface Stepper {
178
+ color: Color32;
179
+ size: Size24;
180
+ space: Space30;
181
+ typo: Typo22;
182
+ radius: number;
183
+ 'border-width': Borderwidth5;
184
+ }
185
+ interface Borderwidth5 {
186
+ container: number;
187
+ line: number;
188
+ }
189
+ interface Typo22 {
190
+ heading: Mobile;
191
+ body: Mobile;
192
+ number: Mobile;
193
+ }
194
+ interface Space30 {
195
+ gap: number;
196
+ 'content-gap': number;
197
+ horizontal: Horizontal;
198
+ vertical: Vertical;
199
+ }
200
+ interface Vertical {
201
+ 'content-wrapper-y': number;
202
+ 'content-wrapper-gap': number;
203
+ 'content-bottom': number;
204
+ }
205
+ interface Horizontal {
206
+ 'line-gap': number;
207
+ 'content-x': number;
208
+ }
209
+ interface Size24 {
210
+ sm: Sm8;
211
+ md: Md3;
212
+ }
213
+ interface Md3 {
214
+ container: number;
215
+ 'line-wrapper': number;
216
+ }
217
+ interface Sm8 {
218
+ container: number;
219
+ incomplete: number;
220
+ 'line-wrapper': number;
221
+ }
222
+ interface Color32 {
223
+ incomplete: Incomplete;
224
+ current: Incomplete;
225
+ complete: Incomplete;
226
+ error: Incomplete;
227
+ body: string;
228
+ line: string;
229
+ 'line-complete': string;
230
+ }
231
+ interface Incomplete {
232
+ bg: string;
233
+ fg: string;
234
+ border: string;
235
+ heading: string;
236
+ }
237
+ interface Spinner {
238
+ color: Color31;
239
+ space: Space29;
240
+ size: Size23;
241
+ typo: Sm3;
242
+ }
243
+ interface Size23 {
244
+ xxs: Xxs;
245
+ xs: Xxs;
246
+ sm: Xxs;
247
+ md: Xxs;
248
+ lg: Xxs;
249
+ width: number;
250
+ }
251
+ interface Xxs {
252
+ track: number;
253
+ 'border-width': number;
254
+ }
255
+ interface Space29 {
256
+ xs: Actions;
257
+ sm: Actions;
258
+ md: Actions;
259
+ lg: Actions;
260
+ 'content-gap': number;
261
+ 'nudge-y': number;
262
+ }
263
+ interface Color31 {
264
+ heading: string;
265
+ body: string;
266
+ track: string;
267
+ indicator: string;
268
+ 'indicator-neutral': string;
269
+ }
270
+ interface Slider {
271
+ color: Color30;
272
+ size: Size22;
273
+ space: Space28;
274
+ radius: Radius9;
275
+ 'border-width': Borderwidth4;
276
+ typo: Typo21;
277
+ }
278
+ interface Typo21 {
279
+ values: Mobile;
280
+ }
281
+ interface Borderwidth4 {
282
+ handle: number;
283
+ }
284
+ interface Radius9 {
285
+ handle: number;
286
+ endpoint: number;
287
+ track: number;
288
+ }
289
+ interface Space28 {
290
+ 'gap-y': number;
291
+ 'gap-inside-x': number;
292
+ 'gap-outside-x': number;
293
+ }
294
+ interface Size22 {
295
+ track: number;
296
+ handle: number;
297
+ 'handle-active': number;
298
+ endpoint: number;
299
+ 'step-x': number;
300
+ }
301
+ interface Color30 {
302
+ track: Track;
303
+ handle: Color29;
304
+ endpoint: string;
305
+ values: string;
306
+ icon: string;
307
+ step: string;
308
+ }
309
+ interface Track {
310
+ bg: string;
311
+ 'bg-filled': string;
312
+ }
313
+ interface Sidenav {
314
+ space: Space27;
315
+ size: Size21;
316
+ color: Color29;
317
+ }
318
+ interface Color29 {
319
+ bg: string;
320
+ border: string;
321
+ }
322
+ interface Size21 {
323
+ rail: number;
324
+ }
325
+ interface Space27 {
326
+ x: number;
327
+ y: number;
328
+ gap: number;
329
+ 'item-start': number;
330
+ 'heading-y': number;
331
+ }
332
+ interface Segcontrol {
333
+ color: Color14;
334
+ space: Space26;
335
+ radius: number;
336
+ }
337
+ interface Space26 {
338
+ 'sm-x': number;
339
+ 'md-x': number;
340
+ 'lg-x': number;
341
+ }
342
+ interface Progressbar {
343
+ color: Color28;
344
+ radius: number;
345
+ space: Space25;
346
+ size: Size20;
347
+ typo: Typo20;
348
+ }
349
+ interface Typo20 {
350
+ label: Mobile;
351
+ }
352
+ interface Size20 {
353
+ sm: Sm5;
354
+ md: Sm5;
355
+ lg: Sm5;
356
+ }
357
+ interface Space25 {
358
+ 'label-bottom': number;
359
+ 'status-top': number;
360
+ }
361
+ interface Color28 {
362
+ indicator: Indicator;
363
+ track: string;
364
+ label: string;
365
+ }
366
+ interface Indicator {
367
+ default: string;
368
+ success: string;
369
+ error: string;
370
+ }
371
+ interface Popover {
372
+ color: Color27;
373
+ shadow: None[];
374
+ 'border-width': number;
375
+ radius: number;
376
+ space: Space24;
377
+ size: Size19;
378
+ }
379
+ interface Size19 {
380
+ beak: Beak;
381
+ }
382
+ interface Beak {
383
+ width: number;
384
+ height: number;
385
+ }
386
+ interface Space24 {
387
+ sm: number;
388
+ md: number;
389
+ lg: number;
390
+ offset: number;
391
+ }
392
+ interface Color27 {
393
+ bg: string;
394
+ border: string;
395
+ 'bg-inverted': string;
396
+ 'border-inverted': string;
397
+ }
398
+ interface Panel {
399
+ size: Input;
400
+ space: Space23;
401
+ radius: number;
402
+ shadow: None[];
403
+ typo: Typo19;
404
+ color: Color26;
405
+ }
406
+ interface Color26 {
407
+ bg: string;
408
+ heading: string;
409
+ description: string;
410
+ }
411
+ interface Typo19 {
412
+ heading: Mobile;
413
+ description: Mobile;
414
+ }
415
+ interface Space23 {
416
+ 'x-sm': number;
417
+ 'x-md': number;
418
+ header: Header4;
419
+ footer: Footer2;
420
+ }
421
+ interface Footer2 {
422
+ 'pad-top': number;
423
+ 'pad-bottom': number;
424
+ 'gap-actions': number;
425
+ 'gap-actions-stack': number;
426
+ }
427
+ interface Header4 {
428
+ 'pad-top': number;
429
+ 'pad-bottom': number;
430
+ 'gap-y': number;
431
+ 'gap-x': number;
432
+ }
433
+ interface Pagination {
434
+ space: Space22;
435
+ size: Size18;
436
+ color: Color25;
437
+ typo: Typo8;
438
+ }
439
+ interface Color25 {
440
+ text: string;
441
+ 'bg-selected': string;
442
+ 'fg-selected': string;
443
+ 'border-selected': string;
444
+ }
445
+ interface Size18 {
446
+ 'divider-height': number;
447
+ }
448
+ interface Space22 {
449
+ content: Actions;
450
+ controls: Actions;
451
+ }
452
+ interface Menu {
453
+ space: Space21;
454
+ }
455
+ interface Space21 {
456
+ 'trigger-offset': number;
457
+ }
458
+ interface List {
459
+ space: Space20;
460
+ }
461
+ interface Space20 {
462
+ indent: number;
463
+ icon: number;
464
+ marker: number;
465
+ 'bottom-md': number;
466
+ 'bottom-lg': number;
467
+ }
468
+ interface Link2 {
469
+ space: Actions;
470
+ size: Size17;
471
+ typo: Typo18;
472
+ color: Color24;
473
+ }
474
+ interface Color24 {
475
+ primary: Primary;
476
+ secondary: Primary;
477
+ }
478
+ interface Primary {
479
+ enabled: string;
480
+ hover: string;
481
+ active: string;
482
+ }
483
+ interface Typo18 {
484
+ sm: Mobile;
485
+ md: Mobile;
486
+ lg: Mobile;
487
+ xl: Mobile;
488
+ }
489
+ interface Size17 {
490
+ sm: Sm4;
491
+ md: Sm4;
492
+ lg: Sm4;
493
+ xl: Sm4;
494
+ }
495
+ interface Label {
496
+ color: Color18;
497
+ typo: Typo17;
498
+ space: Space19;
499
+ size: Sm4;
500
+ }
501
+ interface Space19 {
502
+ gap: number;
503
+ bottom: number;
504
+ }
505
+ interface Typo17 {
506
+ default: Mobile;
507
+ optional: Mobile;
508
+ 'character-count': Mobile;
509
+ }
510
+ interface Input2 {
511
+ color: Color23;
512
+ typo: Typo16;
513
+ space: Space18;
514
+ size: Size16;
515
+ radius: Radius8;
516
+ 'border-width': Borderwidth3;
517
+ shadow: Shadow2;
518
+ }
519
+ interface Shadow2 {
520
+ field: None[];
521
+ }
522
+ interface Borderwidth3 {
523
+ field: Field3;
524
+ choice: number;
525
+ }
526
+ interface Field3 {
527
+ default: number;
528
+ error: number;
529
+ }
530
+ interface Radius8 {
531
+ field: number;
532
+ choice: Choice4;
533
+ }
534
+ interface Choice4 {
535
+ checkbox: number;
536
+ radio: number;
537
+ switch: number;
538
+ }
539
+ interface Size16 {
540
+ field: Field2;
541
+ choice: Choice3;
542
+ }
543
+ interface Choice3 {
544
+ checkbox: number;
545
+ radio: number;
546
+ 'radio-inside': number;
547
+ 'switch-height': number;
548
+ 'switch-width': number;
549
+ 'switch-knob': number;
550
+ }
551
+ interface Field2 {
552
+ height: Input;
553
+ width: number;
554
+ icon: Input;
555
+ 'text-area': Sm5;
556
+ }
557
+ interface Space18 {
558
+ field: Field;
559
+ choice: Choice2;
560
+ }
561
+ interface Choice2 {
562
+ 'gap-inside': number;
563
+ 'gap-items-y': number;
564
+ 'gap-items-x': number;
565
+ nudge: number;
566
+ }
567
+ interface Field {
568
+ x: Input;
569
+ y: Input;
570
+ gap: number;
571
+ }
572
+ interface Typo16 {
573
+ sm: Mobile;
574
+ md: Mobile;
575
+ lg: Mobile;
576
+ 'character-count': Mobile;
577
+ 'label-choice': Mobile;
578
+ }
579
+ interface Color23 {
580
+ bg: string;
581
+ 'bg-disabled': string;
582
+ border: string;
583
+ 'border-error': string;
584
+ 'border-disabled': string;
585
+ text: string;
586
+ 'text-placeholder': string;
587
+ 'text-disabled': string;
588
+ 'icon-disabled': string;
589
+ icon: string;
590
+ 'icon-error': string;
591
+ divider: string;
592
+ choice: Choice;
593
+ }
594
+ interface Choice {
595
+ checkbox: Checkbox;
596
+ switch: Switch;
597
+ radio: Radio;
598
+ }
599
+ interface Radio {
600
+ selected: Selected3;
601
+ }
602
+ interface Selected3 {
603
+ bg: string;
604
+ border: string;
605
+ 'inner-circle': string;
606
+ 'bg-error': string;
607
+ 'border-error': string;
608
+ 'inner-circle-error': string;
609
+ }
610
+ interface Switch {
611
+ selected: Selected2;
612
+ }
613
+ interface Selected2 {
614
+ bg: string;
615
+ icon: string;
616
+ border: string;
617
+ }
618
+ interface Checkbox {
619
+ selected: Selected;
620
+ }
621
+ interface Selected {
622
+ bg: string;
623
+ icon: string;
624
+ 'bg-error': string;
625
+ border: string;
626
+ }
627
+ interface Helpertext {
628
+ space: Space17;
629
+ size: Size4;
630
+ color: Color22;
631
+ typo: Typo5;
632
+ }
633
+ interface Color22 {
634
+ positive: Color18;
635
+ warning: Color18;
636
+ negative: Color18;
637
+ info: Color18;
638
+ }
639
+ interface Space17 {
640
+ gap: number;
641
+ top: number;
642
+ }
643
+ interface Header3 {
644
+ color: Color21;
645
+ space: Space16;
646
+ size: Size15;
647
+ radius: Radius7;
648
+ 'nav-item': Navitem3;
649
+ }
650
+ interface Navitem3 {
651
+ typo: Typo15;
652
+ }
653
+ interface Typo15 {
654
+ default: Mobile;
655
+ selected: Mobile;
656
+ }
657
+ interface Radius7 {
658
+ 'nav-item': number;
659
+ indicator: number;
660
+ }
661
+ interface Size15 {
662
+ height: number;
663
+ 'nav-item': Navitem2;
664
+ }
665
+ interface Navitem2 {
666
+ height: number;
667
+ icon: number;
668
+ indicator: number;
669
+ }
670
+ interface Space16 {
671
+ x: number;
672
+ gap: number;
673
+ 'nav-gap': number;
674
+ 'actions-gap': number;
675
+ 'nav-item-x': number;
676
+ 'nav-item-gap': number;
677
+ 'sidenav-control-nudge': number;
678
+ }
679
+ interface Color21 {
680
+ bg: string;
681
+ border: string;
682
+ 'nav-item': Navitem;
683
+ }
684
+ interface Navitem {
685
+ fg: string;
686
+ 'fg-selected': string;
687
+ indicator: string;
688
+ }
689
+ interface Fileupload {
690
+ color: Color20;
691
+ space: Space15;
692
+ size: Size14;
693
+ radius: Radius6;
694
+ 'border-width': Borderwidth2;
695
+ typo: Typo14;
696
+ }
697
+ interface Typo14 {
698
+ file: Mobile;
699
+ dropzone: Mobile;
700
+ }
701
+ interface Borderwidth2 {
702
+ dropzone: Dropzone3;
703
+ }
704
+ interface Dropzone3 {
705
+ default: number;
706
+ drag: number;
707
+ }
708
+ interface Radius6 {
709
+ file: number;
710
+ dropzone: number;
711
+ thumbnail: number;
712
+ }
713
+ interface Size14 {
714
+ file: File3;
715
+ }
716
+ interface File3 {
717
+ md: Md2;
718
+ lg: Md2;
719
+ }
720
+ interface Md2 {
721
+ height: number;
722
+ thumbnail: number;
723
+ }
724
+ interface Space15 {
725
+ file: File2;
726
+ dropzone: Dropzone2;
727
+ }
728
+ interface Dropzone2 {
729
+ x: number;
730
+ gap: number;
731
+ sm: Md;
732
+ md: Md;
733
+ }
734
+ interface File2 {
735
+ x: number;
736
+ gap: number;
737
+ 'gap-inner': number;
738
+ md: Md;
739
+ lg: Md;
740
+ }
741
+ interface Md {
742
+ y: number;
743
+ }
744
+ interface Color20 {
745
+ dropzone: Dropzone;
746
+ file: File;
747
+ }
748
+ interface File {
749
+ bg: string;
750
+ name: string;
751
+ detail: string;
752
+ icon: string;
753
+ 'icon-success': string;
754
+ 'icon-error': string;
755
+ }
756
+ interface Dropzone {
757
+ bg: string;
758
+ text: string;
759
+ icon: string;
760
+ border: string;
761
+ 'bg-drag': string;
762
+ 'border-drag': string;
763
+ 'icon-drag': string;
764
+ }
765
+ interface Emptystate {
766
+ color: Color19;
767
+ space: Space14;
768
+ size: Size13;
769
+ typo: Sm3;
770
+ }
771
+ interface Size13 {
772
+ icon: number;
773
+ width: number;
774
+ }
775
+ interface Space14 {
776
+ gap: number;
777
+ 'text-gap': number;
778
+ 'actions-gap': number;
779
+ }
780
+ interface Color19 {
781
+ heading: string;
782
+ body: string;
783
+ icon: string;
784
+ }
785
+ interface Divider {
786
+ color: Color18;
787
+ typo: Typo13;
788
+ size: Size12;
789
+ space: Space13;
790
+ }
791
+ interface Space13 {
792
+ content: number;
793
+ 'content-gap': number;
794
+ }
795
+ interface Size12 {
796
+ icon: number;
797
+ 'icon-only': number;
798
+ }
799
+ interface Typo13 {
800
+ text: Mobile;
801
+ }
802
+ interface Color18 {
803
+ text: string;
804
+ icon: string;
805
+ }
806
+ interface Dialog {
807
+ color: Color17;
808
+ radius: Radius5;
809
+ space: Space12;
810
+ 'border-width': number;
811
+ size: Size11;
812
+ shadow: None[];
813
+ typo: Typo12;
814
+ }
815
+ interface Typo12 {
816
+ body: Mobile;
817
+ description: Mobile;
818
+ heading: Mobile;
819
+ }
820
+ interface Size11 {
821
+ sm: number;
822
+ md: number;
823
+ lg: number;
824
+ xl: number;
825
+ icon: number;
826
+ 'divider-wrapper': number;
827
+ }
828
+ interface Space12 {
829
+ x: number;
830
+ 'sm-screen-x': number;
831
+ heading: Heading2;
832
+ footer: Footer;
833
+ body: Body2;
834
+ 'viewport-offset': number;
835
+ }
836
+ interface Body2 {
837
+ y: number;
838
+ gap: number;
839
+ }
840
+ interface Footer {
841
+ y: number;
842
+ gap: number;
843
+ 'sm-screen-gap': number;
844
+ }
845
+ interface Heading2 {
846
+ top: number;
847
+ 'gap-y': number;
848
+ 'gap-x': number;
849
+ 'text-gap': number;
850
+ }
851
+ interface Radius5 {
852
+ default: number;
853
+ 'sm-screen': number;
854
+ }
855
+ interface Color17 {
856
+ bg: string;
857
+ heading: string;
858
+ description: string;
859
+ body: string;
860
+ border: string;
861
+ overlay: string;
862
+ icon: string;
863
+ 'icon-info': string;
864
+ 'icon-positive': string;
865
+ 'icon-warning': string;
866
+ 'icon-negative': string;
867
+ }
868
+ interface Datatable {
869
+ color: Color16;
870
+ space: Space11;
871
+ typo: Typo11;
872
+ size: Size10;
873
+ radius: number;
874
+ }
875
+ interface Size10 {
876
+ 'col-header': Sm5;
877
+ 'col-header-group': Sm5;
878
+ cell: Cell3;
879
+ }
880
+ interface Cell3 {
881
+ 'sm-height': number;
882
+ 'md-height': number;
883
+ 'lg-height': number;
884
+ icon: number;
885
+ }
886
+ interface Typo11 {
887
+ cell: Mobile;
888
+ 'cell-emphisis': Mobile;
889
+ 'cell-supporting': Mobile;
890
+ 'col-header': Mobile;
891
+ 'col-header-group': Mobile;
892
+ }
893
+ interface Space11 {
894
+ x: number;
895
+ header: Actions;
896
+ 'col-header': Actions;
897
+ cell: Cell2;
898
+ section: Section;
899
+ }
900
+ interface Section {
901
+ 'sm-y': number;
902
+ 'md-y': number;
903
+ 'lg-y': number;
904
+ }
905
+ interface Cell2 {
906
+ gap: number;
907
+ 'sm-y': number;
908
+ 'md-y': number;
909
+ 'lg-y': number;
910
+ }
911
+ interface Color16 {
912
+ bg: string;
913
+ border: string;
914
+ zebra: string;
915
+ header: Header2;
916
+ 'col-header': Colheader;
917
+ 'col-header-group': Colheader;
918
+ cell: Cell;
919
+ }
920
+ interface Cell {
921
+ text: string;
922
+ 'text-supporting': string;
923
+ icon: string;
924
+ }
925
+ interface Colheader {
926
+ bg: string;
927
+ text: string;
928
+ }
929
+ interface Header2 {
930
+ heading: string;
931
+ body: string;
932
+ }
933
+ interface Closebtn {
934
+ color: Color15;
935
+ space: Sm7;
936
+ size: Height;
937
+ radius: number;
938
+ }
939
+ interface Color15 {
940
+ default: string;
941
+ }
942
+ interface Chip {
943
+ color: Color14;
944
+ radius: Radius3;
945
+ 'border-width': number;
946
+ space: Space10;
947
+ size: Size2;
948
+ typo: Typo9;
949
+ shadow: None[];
950
+ }
951
+ interface Space10 {
952
+ sm: Space5;
953
+ md: Space6;
954
+ lg: Space6;
955
+ text: number;
956
+ }
957
+ interface Color14 {
958
+ bg: string;
959
+ fg: string;
960
+ border: string;
961
+ 'bg-selected': string;
962
+ 'fg-selected': string;
963
+ 'border-selected': string;
964
+ }
965
+ interface Card {
966
+ space: Space9;
967
+ color: Color13;
968
+ shadow: None[];
969
+ radius: Radius4;
970
+ typo: Typo10;
971
+ }
972
+ interface Typo10 {
973
+ heading: Mobile;
974
+ body: Mobile;
975
+ supporting: Mobile;
976
+ eyebrow: Mobile;
977
+ }
978
+ interface Radius4 {
979
+ outer: number;
980
+ inner: number;
981
+ }
982
+ interface Color13 {
983
+ bg: string;
984
+ 'bg-selected': string;
985
+ border: string;
986
+ 'border-selected': string;
987
+ heading: string;
988
+ body: string;
989
+ icon: string;
990
+ supporting: string;
991
+ eyebrow: string;
992
+ }
993
+ interface Space9 {
994
+ pad: Input;
995
+ gap: Input;
996
+ 'footer-actions': Footeractions;
997
+ header: Header;
998
+ }
999
+ interface Header {
1000
+ gap: number;
1001
+ 'actions-gap': number;
1002
+ }
1003
+ interface Footeractions {
1004
+ top: number;
1005
+ gap: number;
1006
+ 'gap-stacked': number;
1007
+ }
1008
+ interface Btn {
1009
+ color: Color12;
1010
+ 'border-width': number;
1011
+ size: Size9;
1012
+ space: Space8;
1013
+ radius: Radius3;
1014
+ typo: Typo9;
1015
+ shadow: None[];
1016
+ opacity: Opacity3;
1017
+ }
1018
+ interface Opacity3 {
1019
+ 'spinner-track': number;
1020
+ }
1021
+ interface Typo9 {
1022
+ sm: Mobile;
1023
+ md: Mobile;
1024
+ lg: Mobile;
1025
+ }
1026
+ interface Radius3 {
1027
+ container: number;
1028
+ focus: number;
1029
+ }
1030
+ interface Space8 {
1031
+ gap: number;
1032
+ 'label-x': number;
1033
+ sm: Sm7;
1034
+ md: Sm7;
1035
+ lg: Sm7;
1036
+ bare: Bare;
1037
+ }
1038
+ interface Bare {
1039
+ x: number;
1040
+ y: number;
1041
+ gap: number;
1042
+ 'label-x': number;
1043
+ }
1044
+ interface Sm7 {
1045
+ x: number;
1046
+ y: number;
1047
+ }
1048
+ interface Size9 {
1049
+ sm: Sm6;
1050
+ md: Sm6;
1051
+ lg: Sm6;
1052
+ }
1053
+ interface Sm6 {
1054
+ width: number;
1055
+ height: number;
1056
+ icon: number;
1057
+ }
1058
+ interface Color12 {
1059
+ accent: Accent3;
1060
+ neutral: Accent3;
1061
+ 'neutral-subtle': Accent3;
1062
+ destructive: Accent3;
1063
+ loading: Accent3;
1064
+ }
1065
+ interface Accent3 {
1066
+ filled: Overflow;
1067
+ outline: Overflow;
1068
+ ghost: Overflow;
1069
+ bare: Overflow;
1070
+ }
1071
+ interface Breadcrumb {
1072
+ color: Color11;
1073
+ size: Size8;
1074
+ typo: Typo8;
1075
+ space: Actions;
1076
+ }
1077
+ interface Typo8 {
1078
+ default: Mobile;
1079
+ }
1080
+ interface Size8 {
1081
+ icon: Icon3;
1082
+ }
1083
+ interface Icon3 {
1084
+ chevron: number;
1085
+ }
1086
+ interface Color11 {
1087
+ enabled: string;
1088
+ hover: string;
1089
+ active: string;
1090
+ selected: string;
1091
+ }
1092
+ interface Batchactions {
1093
+ typo: Typo7;
1094
+ color: Color10;
1095
+ space: Space7;
1096
+ }
1097
+ interface Space7 {
1098
+ gap: number;
1099
+ 'actions-gap': number;
1100
+ offset: number;
1101
+ }
1102
+ interface Color10 {
1103
+ count: string;
1104
+ }
1105
+ interface Typo7 {
1106
+ count: Mobile;
1107
+ }
1108
+ interface Badgeindicator {
1109
+ radius: number;
1110
+ space: Space6;
1111
+ size: Size7;
1112
+ typo: Typo5;
1113
+ color: Color9;
1114
+ }
1115
+ interface Color9 {
1116
+ marker: Marker;
1117
+ }
1118
+ interface Marker {
1119
+ accent: Accent2;
1120
+ 'info-primary': Accent2;
1121
+ 'info-secondary': Accent2;
1122
+ positive: Accent2;
1123
+ warning: Accent2;
1124
+ negative: Accent2;
1125
+ }
1126
+ interface Accent2 {
1127
+ medium: Medium;
1128
+ }
1129
+ interface Medium {
1130
+ bg: string;
1131
+ }
1132
+ interface Size7 {
1133
+ sm: number;
1134
+ md: number;
1135
+ 'marker-sm': number;
1136
+ 'marker-md': number;
1137
+ 'icon-sm': number;
1138
+ 'icon-md': number;
1139
+ }
1140
+ interface Space6 {
1141
+ x: number;
1142
+ }
1143
+ interface Badgedot {
1144
+ color: Color8;
1145
+ space: Actions;
1146
+ size: number;
1147
+ radius: number;
1148
+ 'border-width': number;
1149
+ typo: Typo6;
1150
+ }
1151
+ interface Typo6 {
1152
+ subtle: Mobile;
1153
+ strong: Mobile;
1154
+ }
1155
+ interface Color8 {
1156
+ positive: Positive3;
1157
+ warning: Positive3;
1158
+ negative: Positive3;
1159
+ 'info-primary': Positive3;
1160
+ 'info-secondary': Positive3;
1161
+ }
1162
+ interface Positive3 {
1163
+ bg: string;
1164
+ border: string;
1165
+ text: string;
1166
+ }
1167
+ interface Badge {
1168
+ color: Color7;
1169
+ space: Space5;
1170
+ size: Size6;
1171
+ radius: number;
1172
+ 'border-width': number;
1173
+ typo: Typo5;
1174
+ shadow: None[];
1175
+ }
1176
+ interface Typo5 {
1177
+ sm: Mobile;
1178
+ md: Mobile;
1179
+ }
1180
+ interface Size6 {
1181
+ icon: number;
1182
+ sm: Sm5;
1183
+ md: Sm5;
1184
+ }
1185
+ interface Sm5 {
1186
+ height: number;
1187
+ }
1188
+ interface Space5 {
1189
+ gap: number;
1190
+ x: number;
1191
+ }
1192
+ interface Color7 {
1193
+ positive: Positive2;
1194
+ warning: Positive2;
1195
+ negative: Positive2;
1196
+ 'info-primary': Positive2;
1197
+ 'info-secondary': Positive2;
1198
+ accent: Positive2;
1199
+ }
1200
+ interface Positive2 {
1201
+ strong: Overflow;
1202
+ medium: Overflow;
1203
+ subtle: Overflow;
1204
+ }
1205
+ interface Avatar {
1206
+ size: Size5;
1207
+ color: Color6;
1208
+ typo: Detail;
1209
+ }
1210
+ interface Color6 {
1211
+ border: string;
1212
+ accent: Accent;
1213
+ neutral: Accent;
1214
+ overflow: Overflow;
1215
+ }
1216
+ interface Overflow {
1217
+ bg: string;
1218
+ fg: string;
1219
+ border: string;
1220
+ }
1221
+ interface Accent {
1222
+ bg: string;
1223
+ fg: string;
1224
+ }
1225
+ interface Size5 {
1226
+ xs: number;
1227
+ sm: number;
1228
+ md: number;
1229
+ lg: number;
1230
+ xl: number;
1231
+ icon: Height;
1232
+ }
1233
+ interface Alert2 {
1234
+ color: Color5;
1235
+ space: Space4;
1236
+ radius: Radius2;
1237
+ 'border-width': number;
1238
+ size: Size4;
1239
+ typo: Typo4;
1240
+ shadow: None[];
1241
+ }
1242
+ interface Typo4 {
1243
+ sm: Sm3;
1244
+ md: Sm3;
1245
+ }
1246
+ interface Size4 {
1247
+ sm: Sm4;
1248
+ md: Sm4;
1249
+ }
1250
+ interface Sm4 {
1251
+ icon: number;
1252
+ }
1253
+ interface Radius2 {
1254
+ 'in-page': number;
1255
+ 'full-width': number;
1256
+ }
1257
+ interface Space4 {
1258
+ x: number;
1259
+ y: number;
1260
+ 'sm-y': number;
1261
+ gap: number;
1262
+ 'text-gap': number;
1263
+ actions: Actions;
1264
+ }
1265
+ interface Actions {
1266
+ gap: number;
1267
+ }
1268
+ interface Color5 {
1269
+ positive: Positive;
1270
+ warning: Positive;
1271
+ negative: Positive;
1272
+ 'info-primary': Positive;
1273
+ 'info-secondary': Positive;
1274
+ }
1275
+ interface Positive {
1276
+ bg: string;
1277
+ icon: string;
1278
+ heading: string;
1279
+ body: string;
1280
+ border: string;
1281
+ }
1282
+ interface Actionlist {
1283
+ color: Color4;
1284
+ radius: number;
1285
+ 'radius-indicator': number;
1286
+ size: Size3;
1287
+ space: Space3;
1288
+ typo: Typo3;
1289
+ }
1290
+ interface Typo3 {
1291
+ text: Mobile;
1292
+ 'text-selected': Mobile;
1293
+ 'text-supporting': Mobile;
1294
+ 'text-suffix': Mobile;
1295
+ 'heading-group': Mobile;
1296
+ }
1297
+ interface Space3 {
1298
+ y: number;
1299
+ 'choice-y': number;
1300
+ gap: number;
1301
+ }
1302
+ interface Size3 {
1303
+ height: number;
1304
+ 'state-offset': number;
1305
+ icon: number;
1306
+ choice: number;
1307
+ 'indicator-width': number;
1308
+ }
1309
+ interface Color4 {
1310
+ text: string;
1311
+ 'bg-selected': string;
1312
+ 'text-selected': string;
1313
+ 'text-supporting': string;
1314
+ 'text-suffix': string;
1315
+ heading: string;
1316
+ 'group-heading': string;
1317
+ icon: string;
1318
+ 'icon-selected': string;
1319
+ indicator: string;
1320
+ check: string;
1321
+ divider: string;
1322
+ }
1323
+ interface Accordion {
1324
+ color: Color3;
1325
+ size: Size2;
1326
+ space: Space2;
1327
+ typo: Typo2;
1328
+ }
1329
+ interface Typo2 {
1330
+ sm: Sm3;
1331
+ md: Sm3;
1332
+ lg: Sm3;
1333
+ }
1334
+ interface Sm3 {
1335
+ heading: Mobile;
1336
+ body: Mobile;
1337
+ }
1338
+ interface Space2 {
1339
+ 'header-gap': number;
1340
+ 'content-gap': number;
1341
+ sm: Sm2;
1342
+ md: Sm2;
1343
+ lg: Sm2;
1344
+ }
1345
+ interface Sm2 {
1346
+ 'header-y': number;
1347
+ 'content-bottom': number;
1348
+ }
1349
+ interface Size2 {
1350
+ sm: Sm;
1351
+ md: Sm;
1352
+ lg: Sm;
1353
+ }
1354
+ interface Sm {
1355
+ height: number;
1356
+ icon: number;
1357
+ }
1358
+ interface Color3 {
1359
+ heading: string;
1360
+ body: string;
1361
+ icon: string;
1362
+ divider: string;
1363
+ }
1364
+ interface Dataviz {
1365
+ color: Color2;
1366
+ opacity: Opacity2;
1367
+ }
1368
+ interface Opacity2 {
1369
+ area: number;
1370
+ }
1371
+ interface Color2 {
1372
+ primary: string;
1373
+ neutral: string;
1374
+ border: string;
1375
+ 'border-inverse': string;
1376
+ categorical: Categorical;
1377
+ alert: Alert;
1378
+ sequential: Sequential;
1379
+ diverging: Diverging;
1380
+ }
1381
+ interface Diverging {
1382
+ opt1: Opt12;
1383
+ opt2: Opt12;
1384
+ }
1385
+ interface Opt12 {
1386
+ '10': string;
1387
+ '20': string;
1388
+ '30': string;
1389
+ '40': string;
1390
+ '50': string;
1391
+ '60': string;
1392
+ '70': string;
1393
+ '80': string;
1394
+ '90': string;
1395
+ '100': string;
1396
+ mid: string;
1397
+ }
1398
+ interface Sequential {
1399
+ opt1: Opt1;
1400
+ }
1401
+ interface Opt1 {
1402
+ '10': string;
1403
+ '20': string;
1404
+ '30': string;
1405
+ '40': string;
1406
+ '50': string;
1407
+ '60': string;
1408
+ '70': string;
1409
+ '80': string;
1410
+ }
1411
+ interface Alert {
1412
+ positive: string;
1413
+ 'positive-strong': string;
1414
+ caution: string;
1415
+ 'caution-strong': string;
1416
+ warning: string;
1417
+ 'warning-strong': string;
1418
+ negative: string;
1419
+ 'negative-strong': string;
1420
+ }
1421
+ interface Categorical {
1422
+ '1': string;
1423
+ '2': string;
1424
+ '3': string;
1425
+ '4': string;
1426
+ '5': string;
1427
+ '6': string;
1428
+ '7': string;
1429
+ '8': string;
1430
+ }
1431
+ interface Sem {
1432
+ color: Color;
1433
+ shadow: Shadow;
1434
+ 'border-width': Borderwidth;
1435
+ opacity: Opacity;
1436
+ radius: Radius;
1437
+ size: Size;
1438
+ space: Space;
1439
+ typo: Typo;
1440
+ }
1441
+ interface Typo {
1442
+ heading: Heading;
1443
+ 'heading-alt': Heading;
1444
+ 'heading-code': Headingcode;
1445
+ 'heading-alt-code': Headingcode;
1446
+ body: Body;
1447
+ detail: Detail;
1448
+ label: Body;
1449
+ compact: Compact;
1450
+ }
1451
+ interface Compact {
1452
+ body: Body;
1453
+ label: Body;
1454
+ }
1455
+ interface Detail {
1456
+ xs: Mobile;
1457
+ sm: Mobile;
1458
+ md: Mobile;
1459
+ lg: Mobile;
1460
+ xl: Mobile;
1461
+ }
1462
+ interface Body {
1463
+ xs: Mobile;
1464
+ sm: Mobile;
1465
+ md: Mobile;
1466
+ lg: Mobile;
1467
+ xl: Mobile;
1468
+ '2xl': Mobile;
1469
+ }
1470
+ interface Headingcode {
1471
+ '6xl': Mobile;
1472
+ '5xl': Mobile;
1473
+ '4xl': Mobile;
1474
+ '3xl': Mobile;
1475
+ '2xl': Mobile;
1476
+ xl: Mobile;
1477
+ lg: Mobile;
1478
+ md: Mobile;
1479
+ sm: Mobile;
1480
+ xs: Mobile;
1481
+ }
1482
+ interface Heading {
1483
+ '6xl': _6xl;
1484
+ '5xl': _6xl;
1485
+ '4xl': _6xl;
1486
+ '3xl': _6xl;
1487
+ '2xl': _6xl;
1488
+ xl: Mobile;
1489
+ lg: Mobile;
1490
+ md: Mobile;
1491
+ sm: Mobile;
1492
+ xs: Mobile;
1493
+ }
1494
+ interface _6xl {
1495
+ mobile: Mobile;
1496
+ tablet: Mobile;
1497
+ desktop: Mobile;
1498
+ }
1499
+ interface Mobile {
1500
+ fontFamily: string;
1501
+ fontSize: number;
1502
+ lineHeight: number;
1503
+ letterSpacing: number;
1504
+ textTransform: 'none' | 'uppercase' | 'lowercase' | 'capitalize';
1505
+ textDecorationLine: 'none' | 'underline' | 'line-through' | 'underline line-through';
1506
+ }
1507
+ interface Space {
1508
+ '0': number;
1509
+ '12': number;
1510
+ '25': number;
1511
+ '50': number;
1512
+ '75': number;
1513
+ '100': number;
1514
+ '125': number;
1515
+ '150': number;
1516
+ '200': number;
1517
+ '300': number;
1518
+ '400': number;
1519
+ '500': number;
1520
+ '700': number;
1521
+ '800': number;
1522
+ }
1523
+ interface Size {
1524
+ height: Height;
1525
+ icon: Icon2;
1526
+ 'focus-offset': number;
1527
+ }
1528
+ interface Icon2 {
1529
+ xs: number;
1530
+ sm: number;
1531
+ md: number;
1532
+ lg: number;
1533
+ xl: number;
1534
+ '2xl': number;
1535
+ }
1536
+ interface Height {
1537
+ xs: number;
1538
+ sm: number;
1539
+ md: number;
1540
+ lg: number;
1541
+ xl: number;
1542
+ }
1543
+ interface Radius {
1544
+ none: number;
1545
+ xs: number;
1546
+ sm: number;
1547
+ md: number;
1548
+ lg: number;
1549
+ round: number;
1550
+ action: Action2;
1551
+ input: Input;
1552
+ focus: Input;
1553
+ }
1554
+ interface Input {
1555
+ sm: number;
1556
+ md: number;
1557
+ lg: number;
1558
+ }
1559
+ interface Action2 {
1560
+ default: number;
1561
+ }
1562
+ interface Opacity {
1563
+ 'state-layer': Statelayer2;
1564
+ disabled: number;
1565
+ }
1566
+ interface Statelayer2 {
1567
+ hover: number;
1568
+ active: number;
1569
+ 'hover-strong': number;
1570
+ 'active-strong': number;
1571
+ }
1572
+ interface Borderwidth {
1573
+ none: number;
1574
+ md: number;
1575
+ lg: number;
1576
+ xl: number;
1577
+ focus: number;
1578
+ selected: number;
1579
+ input: number;
1580
+ action: number;
1581
+ }
1582
+ interface Shadow {
1583
+ none: None[];
1584
+ sm: None[];
1585
+ md: None[];
1586
+ lg: None[];
1587
+ overlay: None[];
1588
+ overflow: None[];
1589
+ hover: None[];
1590
+ }
1591
+ interface None {
1592
+ offsetX: number;
1593
+ offsetY: number;
1594
+ blurRadius: number;
1595
+ spreadDistance: number;
1596
+ color: string;
1597
+ }
1598
+ interface Color {
1599
+ surface: Surface;
1600
+ text: Text;
1601
+ icon: Icon;
1602
+ border: Border;
1603
+ link: Link;
1604
+ action: Action;
1605
+ static: Static;
1606
+ overlay: Overlay;
1607
+ 'state-layer': Statelayer;
1608
+ none: string;
1609
+ }
1610
+ interface Statelayer {
1611
+ enabled: string;
1612
+ hover: string;
1613
+ active: string;
1614
+ 'hover-strong': string;
1615
+ 'active-strong': string;
1616
+ 'hover-inverse': string;
1617
+ 'active-inverse': string;
1618
+ }
1619
+ interface Overlay {
1620
+ black: Black;
1621
+ white: Black;
1622
+ }
1623
+ interface Black {
1624
+ '10': string;
1625
+ '20': string;
1626
+ '30': string;
1627
+ '40': string;
1628
+ }
1629
+ interface Static {
1630
+ white: string;
1631
+ black: string;
1632
+ }
1633
+ interface Action {
1634
+ primary: string;
1635
+ 'primary-hover': string;
1636
+ 'primary-active': string;
1637
+ onPrimary: string;
1638
+ secondary: string;
1639
+ neutral: string;
1640
+ 'neutral-subtle': string;
1641
+ destructive: string;
1642
+ }
1643
+ interface Link {
1644
+ primary: string;
1645
+ 'primary-inverse': string;
1646
+ secondary: string;
1647
+ 'secondary-inverse': string;
1648
+ }
1649
+ interface Border {
1650
+ '00': string;
1651
+ '00-alt': string;
1652
+ '01': string;
1653
+ '02': string;
1654
+ '03': string;
1655
+ strong: string;
1656
+ positive: string;
1657
+ warning: string;
1658
+ negative: string;
1659
+ 'info-primary': string;
1660
+ 'info-secondary': string;
1661
+ 'positive-strong': string;
1662
+ 'warning-strong': string;
1663
+ 'negative-strong': string;
1664
+ 'info-primary-strong': string;
1665
+ 'info-secondary-strong': string;
1666
+ selected: string;
1667
+ focus: string;
1668
+ transparent: string;
1669
+ inverse: string;
1670
+ }
1671
+ interface Icon {
1672
+ primary: string;
1673
+ secondary: string;
1674
+ positive: string;
1675
+ warning: string;
1676
+ negative: string;
1677
+ 'info-primary': string;
1678
+ 'info-secondary': string;
1679
+ 'positive-strong': string;
1680
+ 'warning-strong': string;
1681
+ 'negative-strong': string;
1682
+ 'info-primary-strong': string;
1683
+ 'info-secondary-strong': string;
1684
+ selected: string;
1685
+ 'primary-inverse': string;
1686
+ 'secondary-inverse': string;
1687
+ }
1688
+ interface Text {
1689
+ primary: string;
1690
+ secondary: string;
1691
+ positive: string;
1692
+ warning: string;
1693
+ negative: string;
1694
+ 'info-primary': string;
1695
+ 'info-secondary': string;
1696
+ selected: string;
1697
+ 'primary-inverse': string;
1698
+ 'secondary-inverse': string;
1699
+ disabled: string;
1700
+ }
1701
+ interface Surface {
1702
+ '00': string;
1703
+ '00-alt': string;
1704
+ '01': string;
1705
+ '02': string;
1706
+ '03': string;
1707
+ positive: string;
1708
+ warning: string;
1709
+ negative: string;
1710
+ 'info-primary': string;
1711
+ 'info-secondary': string;
1712
+ 'positive-strong': string;
1713
+ 'warning-strong': string;
1714
+ 'negative-strong': string;
1715
+ 'info-primary-strong': string;
1716
+ 'info-secondary-strong': string;
1717
+ selected: string;
1718
+ 'selected-subtle': string;
1719
+ highlight: string;
1720
+ transparent: string;
1721
+ inverse: string;
1722
+ }
1723
+ export {};