@amboss/design-system 1.16.1 → 1.16.2-canary2

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 (105) hide show
  1. package/build/cjs/src/components/PictogramButton/PictogramButton.js +3 -2
  2. package/build/cjs/src/components/RoundButton/RoundButton.js +3 -2
  3. package/build/esm/src/components/PictogramButton/PictogramButton.js +3 -2
  4. package/build/esm/src/components/PictogramButton/PictogramButton.js.map +1 -1
  5. package/build/esm/src/components/RoundButton/RoundButton.js +3 -2
  6. package/build/esm/src/components/RoundButton/RoundButton.js.map +1 -1
  7. package/package.json +4 -2
  8. package/build/cjs/scss/themes/dark.scss +0 -111
  9. package/build/cjs/scss/themes/light.scss +0 -111
  10. package/build/esm/build-tokens/_breakpoints.json +0 -17
  11. package/build/esm/build-tokens/_colors.json +0 -918
  12. package/build/esm/build-tokens/_icon_sizes_map.json +0 -7
  13. package/build/esm/build-tokens/_sizes.json +0 -782
  14. package/build/esm/build-tokens/_subThemeType.d.ts +0 -1
  15. package/build/esm/build-tokens/_zindex.json +0 -17
  16. package/build/esm/build-tokens/assets/icons.json +0 -142
  17. package/build/esm/build-tokens/assets/icons16.json +0 -153
  18. package/build/esm/build-tokens/assets/logo.json +0 -3
  19. package/build/esm/build-tokens/visualConfig.d.ts +0 -767
  20. package/build/esm/scss/themes/dark.scss +0 -111
  21. package/build/esm/scss/themes/light.scss +0 -111
  22. package/build/esm/src/components/Badge/Badge.d.ts +0 -11
  23. package/build/esm/src/components/Box/Box.d.ts +0 -35
  24. package/build/esm/src/components/Button/Button.d.ts +0 -33
  25. package/build/esm/src/components/Callout/Callout.d.ts +0 -14
  26. package/build/esm/src/components/Card/Card.d.ts +0 -16
  27. package/build/esm/src/components/Card/CardBox.d.ts +0 -6
  28. package/build/esm/src/components/Card/CardHeader/CardHeader.d.ts +0 -12
  29. package/build/esm/src/components/Collapsible/Collapsible.d.ts +0 -15
  30. package/build/esm/src/components/Column/Columns.d.ts +0 -45
  31. package/build/esm/src/components/Container/Container.d.ts +0 -14
  32. package/build/esm/src/components/DataTable/DataTable.d.ts +0 -58
  33. package/build/esm/src/components/DataTable/TableBody.d.ts +0 -9
  34. package/build/esm/src/components/DataTable/TableCell.d.ts +0 -15
  35. package/build/esm/src/components/DataTable/TableHeader.d.ts +0 -9
  36. package/build/esm/src/components/DataTable/index.d.ts +0 -4
  37. package/build/esm/src/components/DataTable/types.d.ts +0 -15
  38. package/build/esm/src/components/DataTable/useDataTableSort.d.ts +0 -14
  39. package/build/esm/src/components/Divider/Divider.d.ts +0 -6
  40. package/build/esm/src/components/DropdownMenu/DropdownMenu.d.ts +0 -35
  41. package/build/esm/src/components/DropdownMenu/MenuItem.d.ts +0 -19
  42. package/build/esm/src/components/Form/Checkbox/Checkbox.d.ts +0 -26
  43. package/build/esm/src/components/Form/FormErrorMessages/FormErrorMessages.d.ts +0 -6
  44. package/build/esm/src/components/Form/FormField/FormField.d.ts +0 -15
  45. package/build/esm/src/components/Form/FormFieldGroup/FormFieldGroup.d.ts +0 -11
  46. package/build/esm/src/components/Form/FormLabelText/FormLabelText.d.ts +0 -7
  47. package/build/esm/src/components/Form/Input/Input.d.ts +0 -78
  48. package/build/esm/src/components/Form/Input/index.d.ts +0 -2
  49. package/build/esm/src/components/Form/PasswordInput/PasswordInput.d.ts +0 -76
  50. package/build/esm/src/components/Form/PasswordInput/index.d.ts +0 -2
  51. package/build/esm/src/components/Form/Radio/Radio.d.ts +0 -24
  52. package/build/esm/src/components/Form/RadioButton/RadioButton.d.ts +0 -17
  53. package/build/esm/src/components/Form/SegmentedControl/SegmentedControl.d.ts +0 -31
  54. package/build/esm/src/components/Form/SegmentedControl/SegmentedControlOption.d.ts +0 -8
  55. package/build/esm/src/components/Form/Select/Select.d.ts +0 -23
  56. package/build/esm/src/components/Form/Textarea/Textarea.d.ts +0 -48
  57. package/build/esm/src/components/Form/Toggle/Toggle.d.ts +0 -32
  58. package/build/esm/src/components/Form/ToggleButton/ToggleButton.d.ts +0 -26
  59. package/build/esm/src/components/Icon/Icon.d.ts +0 -22
  60. package/build/esm/src/components/Inline/Inline.d.ts +0 -30
  61. package/build/esm/src/components/Link/Link.d.ts +0 -14
  62. package/build/esm/src/components/LoadingSpinner/LoadingSpinner.d.ts +0 -11
  63. package/build/esm/src/components/Logo/Logo.d.ts +0 -8
  64. package/build/esm/src/components/MediaItem/MediaItem.d.ts +0 -14
  65. package/build/esm/src/components/MediaViewerBar/MediaViewerBar.d.ts +0 -7
  66. package/build/esm/src/components/Notification/ExpandedContent.d.ts +0 -2
  67. package/build/esm/src/components/Notification/Notification.d.ts +0 -16
  68. package/build/esm/src/components/Pagination/Pagination.d.ts +0 -17
  69. package/build/esm/src/components/Patterns/ButtonGroup/ButtonGroup.d.ts +0 -14
  70. package/build/esm/src/components/Patterns/Modal/Modal.d.ts +0 -28
  71. package/build/esm/src/components/PictogramButton/PictogramButton.d.ts +0 -15
  72. package/build/esm/src/components/Portal/Portal.d.ts +0 -7
  73. package/build/esm/src/components/ProgressBar/ProgressBar.d.ts +0 -15
  74. package/build/esm/src/components/RoundButton/RoundButton.d.ts +0 -12
  75. package/build/esm/src/components/SearchResult/SearchResult.d.ts +0 -39
  76. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBar.d.ts +0 -28
  77. package/build/esm/src/components/SegmentedProgressBar/SegmentedProgressBarUtil.d.ts +0 -10
  78. package/build/esm/src/components/ShadowWebComponent/ShadowWebComponent.d.ts +0 -13
  79. package/build/esm/src/components/Stack/Stack.d.ts +0 -20
  80. package/build/esm/src/components/SubThemeProvider/SubThemeProvider.d.ts +0 -8
  81. package/build/esm/src/components/Tabs/Tabs.d.ts +0 -28
  82. package/build/esm/src/components/Tag/Tag.d.ts +0 -19
  83. package/build/esm/src/components/TagGroup/TagGroup.d.ts +0 -17
  84. package/build/esm/src/components/Tooltip/Tooltip.d.ts +0 -23
  85. package/build/esm/src/components/Tooltip/utils.d.ts +0 -11
  86. package/build/esm/src/components/Typography/Header/Header.d.ts +0 -36
  87. package/build/esm/src/components/Typography/StyledText/StyledText.d.ts +0 -11
  88. package/build/esm/src/components/Typography/Text/Text.d.ts +0 -21
  89. package/build/esm/src/components/Typography/TextClamped/TextClamped.d.ts +0 -10
  90. package/build/esm/src/components/VirtualScrollList/VirtualScrollList.d.ts +0 -11
  91. package/build/esm/src/components/VirtualScrollList/VirtualScrollListReducer.d.ts +0 -36
  92. package/build/esm/src/index.d.ts +0 -54
  93. package/build/esm/src/shared/ScreenReaderText.d.ts +0 -5
  94. package/build/esm/src/shared/flattenChildren.d.ts +0 -11
  95. package/build/esm/src/shared/informDeprecation.d.ts +0 -1
  96. package/build/esm/src/shared/mediaQueries.d.ts +0 -14
  97. package/build/esm/src/shared/replaceDeprecated.d.ts +0 -1
  98. package/build/esm/src/shared/useAutoPosition.d.ts +0 -5
  99. package/build/esm/src/shared/useDocument.d.ts +0 -1
  100. package/build/esm/src/shared/useHover.d.ts +0 -2
  101. package/build/esm/src/shared/useKeyboard.d.ts +0 -17
  102. package/build/esm/src/shared/useOnEscapePress.d.ts +0 -2
  103. package/build/esm/src/shared/useOutsideClick.d.ts +0 -11
  104. package/build/esm/src/shared/useWindow.d.ts +0 -1
  105. package/build/esm/src/types/index.d.ts +0 -57
@@ -1,767 +0,0 @@
1
- declare type Variables = {
2
- "fontFamily": {
3
- "lato": string;
4
- };
5
- "opacity": {
6
- "button": {
7
- "disabled": number;
8
- };
9
- "form": {
10
- "disabled": string;
11
- };
12
- };
13
- "shadow": {
14
- "card": {
15
- "a": string;
16
- "b": string;
17
- "c": string;
18
- "d": string;
19
- };
20
- };
21
- "size": {
22
- "dimension": {
23
- "checkbox": {
24
- "m": string;
25
- };
26
- "radio": {
27
- "m": string;
28
- };
29
- "radioPoint": {
30
- "m": string;
31
- };
32
- "toggle": {
33
- "height": {
34
- "s": string;
35
- "m": string;
36
- };
37
- "width": {
38
- "s": string;
39
- "m": string;
40
- };
41
- };
42
- "textarea": {
43
- "minHeight": {
44
- "m": string;
45
- };
46
- };
47
- "togglePoint": {
48
- "s": string;
49
- "m": string;
50
- };
51
- "toggleButton": {
52
- "height": {
53
- "m": string;
54
- };
55
- };
56
- "dropdownMenu": {
57
- "width": string;
58
- };
59
- "modal": {
60
- "width": string;
61
- };
62
- "mediaViewerBar": {
63
- "separator": {
64
- "width": string;
65
- };
66
- };
67
- };
68
- "borderRadius": {
69
- "xs": string;
70
- "s": string;
71
- "m": string;
72
- "button": {
73
- "m": string;
74
- };
75
- "container": {
76
- "m": string;
77
- };
78
- "card": {
79
- "m": string;
80
- };
81
- "input": {
82
- "s": string;
83
- };
84
- "textarea": {
85
- "s": string;
86
- };
87
- "dropdown": {
88
- "s": string;
89
- "m": string;
90
- };
91
- "checkbox": {
92
- "m": string;
93
- };
94
- "radio": {
95
- "m": string;
96
- };
97
- "toggle": {
98
- "s": string;
99
- "m": string;
100
- };
101
- "badge": {
102
- "m": string;
103
- };
104
- "toggleButton": {
105
- "m": string;
106
- };
107
- "progressBar": string;
108
- };
109
- "spacing": {
110
- "zero": string;
111
- "xxxs": string;
112
- "xxs": string;
113
- "xs": string;
114
- "s": string;
115
- "m": string;
116
- "l": string;
117
- "xl": string;
118
- "xxl": string;
119
- };
120
- "letterSpacing": {
121
- "badge": {
122
- "m": string;
123
- };
124
- "header": {
125
- "h6": string;
126
- };
127
- };
128
- "font": {
129
- "button": {
130
- "m": string;
131
- };
132
- "icon": {
133
- "s": string;
134
- "m": string;
135
- "l": string;
136
- };
137
- "link": {
138
- "xs": string;
139
- "s": string;
140
- "m": string;
141
- "l": string;
142
- };
143
- "badge": {
144
- "m": string;
145
- };
146
- "toggleButton": {
147
- "m": string;
148
- };
149
- "text": {
150
- "xs": string;
151
- "s": string;
152
- "m": string;
153
- };
154
- "header": {
155
- "xxs": string;
156
- "xs": string;
157
- "s": string;
158
- "m": string;
159
- "l": string;
160
- "xl": string;
161
- };
162
- };
163
- "lineHeight": {
164
- "button": {
165
- "m": string;
166
- };
167
- "callout": {
168
- "s": string;
169
- };
170
- "link": {
171
- "xs": string;
172
- "s": string;
173
- "m": string;
174
- "l": string;
175
- };
176
- "badge": {
177
- "m": string;
178
- };
179
- "toggleButton": {
180
- "m": string;
181
- };
182
- "text": {
183
- "xs": string;
184
- "s": string;
185
- "m": string;
186
- };
187
- "header": {
188
- "xxs": string;
189
- "xs": string;
190
- "s": string;
191
- "m": string;
192
- "l": string;
193
- "xl": string;
194
- };
195
- };
196
- };
197
- "weight": {
198
- "normal": number;
199
- "bold": number;
200
- "black": number;
201
- "inherit": string;
202
- };
203
- };
204
- declare type AmbossTheme = {
205
- "color": {
206
- "canvas": string;
207
- "background": {
208
- "primary": {
209
- "default": string;
210
- };
211
- "secondary": {
212
- "default": string;
213
- "hover": string;
214
- "active": string;
215
- };
216
- "accent": {
217
- "default": string;
218
- "hover": string;
219
- "active": string;
220
- "disabled": string;
221
- };
222
- "onAccent": {
223
- "default": string;
224
- "hover": string;
225
- "active": string;
226
- "disabled": string;
227
- };
228
- "error": {
229
- "default": string;
230
- "hover": string;
231
- "active": string;
232
- "disabled": string;
233
- };
234
- "success": {
235
- "default": string;
236
- };
237
- "info": {
238
- "default": string;
239
- };
240
- "warning": {
241
- "default": string;
242
- };
243
- "accentSubtle": {
244
- "default": string;
245
- };
246
- "errorSubtle": {
247
- "default": string;
248
- };
249
- "successSubtle": {
250
- "default": string;
251
- };
252
- "infoSubtle": {
253
- "default": string;
254
- };
255
- "warningSubtle": {
256
- "default": string;
257
- };
258
- "highlight": {
259
- "default": string;
260
- "hover": string;
261
- };
262
- "contrast": {
263
- "default": string;
264
- };
265
- "transparent": {
266
- "default": string;
267
- "hover": string;
268
- "active": string;
269
- };
270
- "backdrop": {
271
- "default": string;
272
- };
273
- };
274
- "text": {
275
- "primary": {
276
- "default": string;
277
- "hover": string;
278
- };
279
- "secondary": {
280
- "default": string;
281
- "hover": string;
282
- };
283
- "tertiary": {
284
- "default": string;
285
- "disabled": string;
286
- "hover": string;
287
- };
288
- "quaternary": {
289
- "default": string;
290
- };
291
- "accent": {
292
- "default": string;
293
- "hover": string;
294
- };
295
- "onAccent": {
296
- "default": string;
297
- "disabled": string;
298
- };
299
- "info": {
300
- "default": string;
301
- };
302
- "error": {
303
- "default": string;
304
- "disabled": string;
305
- };
306
- "warning": {
307
- "default": string;
308
- };
309
- "success": {
310
- "default": string;
311
- };
312
- };
313
- "icon": {
314
- "primary": string;
315
- "secondary": string;
316
- "tertiary": string;
317
- "quaternary": string;
318
- "accent": string;
319
- "onAccent": string;
320
- "info": string;
321
- "error": string;
322
- "warning": string;
323
- "success": string;
324
- "brand": string;
325
- };
326
- "border": {
327
- "primary": {
328
- "default": string;
329
- "hover": string;
330
- "active": string;
331
- "disabled": string;
332
- };
333
- "secondary": {
334
- "default": string;
335
- };
336
- "accent": {
337
- "default": string;
338
- };
339
- "error": {
340
- "default": string;
341
- };
342
- "accentSubtle": {
343
- "default": string;
344
- };
345
- };
346
- "divider": {
347
- "primary": string;
348
- "secondary": string;
349
- };
350
- "toggle": {
351
- "background": {
352
- "highlight": string;
353
- };
354
- "border": {
355
- "highlight": string;
356
- };
357
- };
358
- "badge": {
359
- "background": {
360
- "default": string;
361
- "green": string;
362
- "blue": string;
363
- "yellow": string;
364
- "brand": string;
365
- "purple": string;
366
- "red": string;
367
- "gray": string;
368
- };
369
- "text": {
370
- "default": string;
371
- "green": string;
372
- "blue": string;
373
- "yellow": string;
374
- "brand": string;
375
- "purple": string;
376
- "red": string;
377
- "gray": string;
378
- };
379
- "border": {
380
- "default": string;
381
- "green": string;
382
- "blue": string;
383
- "yellow": string;
384
- "brand": string;
385
- "purple": string;
386
- "red": string;
387
- "gray": string;
388
- };
389
- };
390
- "segmentedProgressBar": {
391
- "monochrome": string;
392
- "success": string;
393
- "warning": string;
394
- "alert": string;
395
- "inProgress": string;
396
- };
397
- "tag": {
398
- "background": {
399
- "gray": string;
400
- "blue": string;
401
- };
402
- "text": {
403
- "gray": string;
404
- "blue": string;
405
- };
406
- };
407
- "destructiveTertiaryButton": {
408
- "background": {
409
- "hover": string;
410
- "active": string;
411
- };
412
- };
413
- };
414
- "subThemes": {
415
- "dimmed": {
416
- "color": {
417
- "background": {
418
- "primary": {
419
- "default": string;
420
- };
421
- "secondary": {
422
- "default": string;
423
- "hover": string;
424
- };
425
- "accent": {
426
- "default": string;
427
- "hover": string;
428
- "active": string;
429
- "disabled": string;
430
- };
431
- "transparent": {
432
- "hover": string;
433
- };
434
- };
435
- "text": {
436
- "primary": {
437
- "default": string;
438
- "hover": string;
439
- };
440
- "secondary": {
441
- "default": string;
442
- "hover": string;
443
- };
444
- "tertiary": {
445
- "default": string;
446
- "hover": string;
447
- };
448
- "accent": {
449
- "default": string;
450
- "hover": string;
451
- };
452
- "onAccent": {
453
- "default": string;
454
- };
455
- "error": {
456
- "default": string;
457
- };
458
- };
459
- "icon": {
460
- "primary": string;
461
- "secondary": string;
462
- "tertiary": string;
463
- "accent": string;
464
- "onAccent": string;
465
- "error": string;
466
- };
467
- "border": {
468
- "primary": {
469
- "default": string;
470
- "hover": string;
471
- "active": string;
472
- };
473
- "accent": {
474
- "default": string;
475
- };
476
- };
477
- "divider": {
478
- "primary": string;
479
- };
480
- };
481
- };
482
- "error": {
483
- "color": {
484
- "background": {
485
- "primary": {
486
- "default": string;
487
- };
488
- "secondary": {
489
- "default": string;
490
- "hover": string;
491
- };
492
- "accent": {
493
- "default": string;
494
- "hover": string;
495
- "active": string;
496
- "disabled": string;
497
- };
498
- "transparent": {
499
- "hover": string;
500
- };
501
- };
502
- "text": {
503
- "primary": {
504
- "default": string;
505
- "hover": string;
506
- };
507
- "secondary": {
508
- "default": string;
509
- "hover": string;
510
- };
511
- "tertiary": {
512
- "default": string;
513
- "hover": string;
514
- };
515
- "accent": {
516
- "default": string;
517
- "hover": string;
518
- };
519
- "onAccent": {
520
- "default": string;
521
- };
522
- "error": {
523
- "default": string;
524
- };
525
- };
526
- "icon": {
527
- "primary": string;
528
- "secondary": string;
529
- "tertiary": string;
530
- "accent": string;
531
- "onAccent": string;
532
- "error": string;
533
- };
534
- "border": {
535
- "primary": {
536
- "default": string;
537
- "hover": string;
538
- "active": string;
539
- };
540
- "accent": {
541
- "default": string;
542
- };
543
- };
544
- "divider": {
545
- "primary": string;
546
- };
547
- };
548
- };
549
- "info": {
550
- "color": {
551
- "background": {
552
- "primary": {
553
- "default": string;
554
- };
555
- "secondary": {
556
- "default": string;
557
- "hover": string;
558
- };
559
- "accent": {
560
- "default": string;
561
- "hover": string;
562
- "active": string;
563
- "disabled": string;
564
- };
565
- "transparent": {
566
- "hover": string;
567
- };
568
- };
569
- "text": {
570
- "primary": {
571
- "default": string;
572
- "hover": string;
573
- };
574
- "secondary": {
575
- "default": string;
576
- "hover": string;
577
- };
578
- "tertiary": {
579
- "default": string;
580
- "hover": string;
581
- };
582
- "accent": {
583
- "default": string;
584
- "hover": string;
585
- };
586
- "onAccent": {
587
- "default": string;
588
- };
589
- "error": {
590
- "default": string;
591
- };
592
- "info": {
593
- "default": string;
594
- };
595
- };
596
- "icon": {
597
- "primary": string;
598
- "secondary": string;
599
- "tertiary": string;
600
- "accent": string;
601
- "onAccent": string;
602
- "error": string;
603
- "info": string;
604
- };
605
- "border": {
606
- "primary": {
607
- "default": string;
608
- "hover": string;
609
- "active": string;
610
- };
611
- "accent": {
612
- "default": string;
613
- };
614
- };
615
- "divider": {
616
- "primary": string;
617
- };
618
- };
619
- };
620
- "inverted": {
621
- "color": {
622
- "background": {
623
- "primary": {
624
- "default": string;
625
- };
626
- "secondary": {
627
- "default": string;
628
- "hover": string;
629
- };
630
- "accent": {
631
- "default": string;
632
- "hover": string;
633
- "active": string;
634
- "disabled": string;
635
- };
636
- "transparent": {
637
- "hover": string;
638
- };
639
- };
640
- "text": {
641
- "primary": {
642
- "default": string;
643
- "hover": string;
644
- };
645
- "secondary": {
646
- "default": string;
647
- "hover": string;
648
- };
649
- "tertiary": {
650
- "default": string;
651
- "hover": string;
652
- };
653
- "accent": {
654
- "default": string;
655
- "hover": string;
656
- };
657
- "onAccent": {
658
- "default": string;
659
- };
660
- "error": {
661
- "default": string;
662
- };
663
- "info": {
664
- "default": string;
665
- };
666
- };
667
- "icon": {
668
- "primary": string;
669
- "secondary": string;
670
- "tertiary": string;
671
- "accent": string;
672
- "onAccent": string;
673
- "info": string;
674
- "error": string;
675
- };
676
- "border": {
677
- "primary": {
678
- "default": string;
679
- "hover": string;
680
- "active": string;
681
- };
682
- "accent": {
683
- "default": string;
684
- };
685
- };
686
- "divider": {
687
- "primary": string;
688
- };
689
- };
690
- };
691
- "success": {
692
- "color": {
693
- "background": {
694
- "primary": {
695
- "default": string;
696
- };
697
- "secondary": {
698
- "default": string;
699
- "hover": string;
700
- };
701
- "accent": {
702
- "default": string;
703
- "hover": string;
704
- "active": string;
705
- "disabled": string;
706
- };
707
- "transparent": {
708
- "hover": string;
709
- };
710
- };
711
- "text": {
712
- "primary": {
713
- "default": string;
714
- "hover": string;
715
- };
716
- "secondary": {
717
- "default": string;
718
- "hover": string;
719
- };
720
- "tertiary": {
721
- "default": string;
722
- "hover": string;
723
- };
724
- "accent": {
725
- "default": string;
726
- "hover": string;
727
- };
728
- "onAccent": {
729
- "default": string;
730
- };
731
- "error": {
732
- "default": string;
733
- };
734
- };
735
- "icon": {
736
- "primary": string;
737
- "secondary": string;
738
- "tertiary": string;
739
- "accent": string;
740
- "onAccent": string;
741
- "error": string;
742
- };
743
- "border": {
744
- "primary": {
745
- "default": string;
746
- "hover": string;
747
- "active": string;
748
- };
749
- "accent": {
750
- "default": string;
751
- };
752
- };
753
- "divider": {
754
- "primary": string;
755
- };
756
- };
757
- };
758
- };
759
- };
760
- declare type AmbossThemeName = "dark" | "light";
761
- export declare type VisualConfig = {
762
- name: AmbossThemeName;
763
- variables: Variables;
764
- values: AmbossTheme;
765
- };
766
- export declare const ambossVisualConfiguration: Record<string, VisualConfig>;
767
- export {};