@amboss/design-system 4.3.0 → 4.3.2-canary.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 (76) hide show
  1. package/build/cjs/components/Content/ContentText/ContentText.js +1 -1
  2. package/build/cjs/components/Layout/-constants.d.ts +4 -0
  3. package/build/cjs/components/Layout/-constants.js +1 -1
  4. package/build/cjs/components/Layout/-types.d.ts +85 -7
  5. package/build/cjs/components/Layout/Layout.d.ts +1 -1
  6. package/build/cjs/components/Layout/Layout.js +1 -1
  7. package/build/cjs/components/Layout/LeftPanel/LeftPanel.js +1 -1
  8. package/build/cjs/components/Layout/index.d.ts +1 -0
  9. package/build/cjs/components/Layout/index.js +1 -1
  10. package/build/cjs/components/Layout/reducer.js +1 -1
  11. package/build/cjs/components/Layout/rules.d.ts +2 -0
  12. package/build/cjs/components/Layout/rules.js +1 -0
  13. package/build/cjs/components/Layout/useLayout.js +1 -1
  14. package/build/cjs/components/Layout/useLayoutRules.d.ts +26 -0
  15. package/build/cjs/components/Layout/useLayoutRules.js +1 -0
  16. package/build/cjs/components/PromptButton/PromptButton.js +1 -1
  17. package/build/cjs/components/PromptButtonGroup/PromptButtonGroup.d.ts +36 -0
  18. package/build/cjs/components/PromptButtonGroup/PromptButtonGroup.js +1 -0
  19. package/build/cjs/components/PromptButtonGroup/PromptButtonGroupOverflowButton.d.ts +6 -0
  20. package/build/cjs/components/PromptButtonGroup/PromptButtonGroupOverflowButton.js +1 -0
  21. package/build/cjs/components/PromptButtonGroup/computeVisibleCount.d.ts +30 -0
  22. package/build/cjs/components/PromptButtonGroup/computeVisibleCount.js +1 -0
  23. package/build/cjs/components/PromptButtonGroup/readMeasurement.d.ts +12 -0
  24. package/build/cjs/components/PromptButtonGroup/readMeasurement.js +1 -0
  25. package/build/cjs/components/PromptButtonGroup/useVisibleCount.d.ts +13 -0
  26. package/build/cjs/components/PromptButtonGroup/useVisibleCount.js +1 -0
  27. package/build/cjs/index.d.ts +1 -0
  28. package/build/cjs/index.js +1 -1
  29. package/build/cjs/shared/intl/translations/de.json +4 -1
  30. package/build/cjs/shared/intl/translations/en.json +4 -1
  31. package/build/cjs/shared/mixins/Button/getPillStyles.d.ts +12 -0
  32. package/build/cjs/shared/mixins/Button/getPillStyles.js +1 -0
  33. package/build/cjs/shared/mixins/index.d.ts +1 -0
  34. package/build/cjs/shared/mixins/index.js +1 -1
  35. package/build/cjs/web-tokens/_sizes.json +62 -52
  36. package/build/cjs/web-tokens/visualConfig.d.ts +3 -0
  37. package/build/cjs/web-tokens/visualConfig.js +1 -1
  38. package/build/esm/components/Content/ContentText/ContentText.js +1 -1
  39. package/build/esm/components/Layout/-constants.d.ts +4 -0
  40. package/build/esm/components/Layout/-constants.js +1 -1
  41. package/build/esm/components/Layout/-types.d.ts +85 -7
  42. package/build/esm/components/Layout/Layout.d.ts +1 -1
  43. package/build/esm/components/Layout/Layout.js +1 -1
  44. package/build/esm/components/Layout/LeftPanel/LeftPanel.js +1 -1
  45. package/build/esm/components/Layout/index.d.ts +1 -0
  46. package/build/esm/components/Layout/index.js +1 -1
  47. package/build/esm/components/Layout/reducer.js +1 -1
  48. package/build/esm/components/Layout/rules.d.ts +2 -0
  49. package/build/esm/components/Layout/rules.js +1 -0
  50. package/build/esm/components/Layout/useLayout.js +1 -1
  51. package/build/esm/components/Layout/useLayoutRules.d.ts +26 -0
  52. package/build/esm/components/Layout/useLayoutRules.js +1 -0
  53. package/build/esm/components/PromptButton/PromptButton.js +1 -1
  54. package/build/esm/components/PromptButtonGroup/PromptButtonGroup.d.ts +36 -0
  55. package/build/esm/components/PromptButtonGroup/PromptButtonGroup.js +1 -0
  56. package/build/esm/components/PromptButtonGroup/PromptButtonGroupOverflowButton.d.ts +6 -0
  57. package/build/esm/components/PromptButtonGroup/PromptButtonGroupOverflowButton.js +1 -0
  58. package/build/esm/components/PromptButtonGroup/computeVisibleCount.d.ts +30 -0
  59. package/build/esm/components/PromptButtonGroup/computeVisibleCount.js +1 -0
  60. package/build/esm/components/PromptButtonGroup/readMeasurement.d.ts +12 -0
  61. package/build/esm/components/PromptButtonGroup/readMeasurement.js +1 -0
  62. package/build/esm/components/PromptButtonGroup/useVisibleCount.d.ts +13 -0
  63. package/build/esm/components/PromptButtonGroup/useVisibleCount.js +1 -0
  64. package/build/esm/index.d.ts +1 -0
  65. package/build/esm/index.js +1 -1
  66. package/build/esm/shared/intl/translations/de.json +4 -1
  67. package/build/esm/shared/intl/translations/en.json +4 -1
  68. package/build/esm/shared/mixins/Button/getPillStyles.d.ts +12 -0
  69. package/build/esm/shared/mixins/Button/getPillStyles.js +1 -0
  70. package/build/esm/shared/mixins/index.d.ts +1 -0
  71. package/build/esm/shared/mixins/index.js +1 -1
  72. package/build/esm/web-tokens/_sizes.json +62 -52
  73. package/build/esm/web-tokens/visualConfig.d.ts +3 -0
  74. package/build/esm/web-tokens/visualConfig.js +1 -1
  75. package/build/scss/_variables.scss +1 -0
  76. package/package.json +2 -2
package/build/esm/web-tokens/_sizes.json CHANGED
@@ -37,7 +37,7 @@
37
37
  "value": "1024px",
38
38
  "original": 1024,
39
39
  "variableName": "$size-dimension-content-max-width",
40
- "isUsed": false
40
+ "isUsed": true
41
41
  },
42
42
  {
43
43
  "category": "size",
@@ -47,7 +47,7 @@
47
47
  "value": "16px",
48
48
  "original": 16,
49
49
  "variableName": "$size-dimension-divider-m",
50
- "isUsed": false
50
+ "isUsed": true
51
51
  },
52
52
  {
53
53
  "category": "size",
@@ -57,7 +57,7 @@
57
57
  "value": "24px",
58
58
  "original": 24,
59
59
  "variableName": "$size-dimension-divider-l",
60
- "isUsed": false
60
+ "isUsed": true
61
61
  },
62
62
  {
63
63
  "category": "size",
@@ -67,7 +67,7 @@
67
67
  "value": "32px",
68
68
  "original": 32,
69
69
  "variableName": "$size-dimension-divider-xl",
70
- "isUsed": false
70
+ "isUsed": true
71
71
  },
72
72
  {
73
73
  "category": "size",
@@ -77,7 +77,7 @@
77
77
  "value": "16px",
78
78
  "original": 16,
79
79
  "variableName": "$size-dimension-checkbox-s",
80
- "isUsed": false
80
+ "isUsed": true
81
81
  },
82
82
  {
83
83
  "category": "size",
@@ -87,7 +87,7 @@
87
87
  "value": "24px",
88
88
  "original": 24,
89
89
  "variableName": "$size-dimension-checkbox-m",
90
- "isUsed": false
90
+ "isUsed": true
91
91
  },
92
92
  {
93
93
  "category": "size",
@@ -97,7 +97,7 @@
97
97
  "value": "16px",
98
98
  "original": 16,
99
99
  "variableName": "$size-dimension-radio-s",
100
- "isUsed": false
100
+ "isUsed": true
101
101
  },
102
102
  {
103
103
  "category": "size",
@@ -107,7 +107,7 @@
107
107
  "value": "24px",
108
108
  "original": 24,
109
109
  "variableName": "$size-dimension-radio-m",
110
- "isUsed": false
110
+ "isUsed": true
111
111
  },
112
112
  {
113
113
  "category": "size",
@@ -117,7 +117,7 @@
117
117
  "value": "6px",
118
118
  "original": 6,
119
119
  "variableName": "$size-dimension-radio-point-s",
120
- "isUsed": false
120
+ "isUsed": true
121
121
  },
122
122
  {
123
123
  "category": "size",
@@ -127,7 +127,7 @@
127
127
  "value": "10px",
128
128
  "original": 10,
129
129
  "variableName": "$size-dimension-radio-point-m",
130
- "isUsed": false
130
+ "isUsed": true
131
131
  },
132
132
  {
133
133
  "category": "size",
@@ -137,7 +137,7 @@
137
137
  "value": "16px",
138
138
  "original": 16,
139
139
  "variableName": "$size-dimension-toggle-height-s",
140
- "isUsed": false
140
+ "isUsed": true
141
141
  },
142
142
  {
143
143
  "category": "size",
@@ -147,7 +147,7 @@
147
147
  "value": "24px",
148
148
  "original": 24,
149
149
  "variableName": "$size-dimension-toggle-height-m",
150
- "isUsed": false
150
+ "isUsed": true
151
151
  },
152
152
  {
153
153
  "category": "size",
@@ -157,7 +157,7 @@
157
157
  "value": "28px",
158
158
  "original": 28,
159
159
  "variableName": "$size-dimension-toggle-width-s",
160
- "isUsed": false
160
+ "isUsed": true
161
161
  },
162
162
  {
163
163
  "category": "size",
@@ -167,7 +167,7 @@
167
167
  "value": "40px",
168
168
  "original": 40,
169
169
  "variableName": "$size-dimension-toggle-width-m",
170
- "isUsed": false
170
+ "isUsed": true
171
171
  },
172
172
  {
173
173
  "category": "size",
@@ -177,7 +177,7 @@
177
177
  "value": "36px",
178
178
  "original": 36,
179
179
  "variableName": "$size-dimension-textarea-min-height-m",
180
- "isUsed": false
180
+ "isUsed": true
181
181
  },
182
182
  {
183
183
  "category": "size",
@@ -187,7 +187,7 @@
187
187
  "value": "8px",
188
188
  "original": 8,
189
189
  "variableName": "$size-dimension-toggle-point-s",
190
- "isUsed": false
190
+ "isUsed": true
191
191
  },
192
192
  {
193
193
  "category": "size",
@@ -197,7 +197,7 @@
197
197
  "value": "16px",
198
198
  "original": 16,
199
199
  "variableName": "$size-dimension-toggle-point-m",
200
- "isUsed": false
200
+ "isUsed": true
201
201
  },
202
202
  {
203
203
  "category": "size",
@@ -207,7 +207,7 @@
207
207
  "value": "32px",
208
208
  "original": 32,
209
209
  "variableName": "$size-dimension-toggle-button-height-m",
210
- "isUsed": false
210
+ "isUsed": true
211
211
  },
212
212
  {
213
213
  "category": "size",
@@ -217,7 +217,17 @@
217
217
  "value": "120px",
218
218
  "original": 120,
219
219
  "variableName": "$size-dimension-dropdown-menu-width",
220
- "isUsed": false
220
+ "isUsed": true
221
+ },
222
+ {
223
+ "category": "size",
224
+ "type": "dimension",
225
+ "name": "dimension promptButtonGroupPopover",
226
+ "subitemName": "promptButtonGroupPopover minWidth",
227
+ "value": "320px",
228
+ "original": 320,
229
+ "variableName": "$size-dimension-prompt-button-group-popover-min-width",
230
+ "isUsed": true
221
231
  },
222
232
  {
223
233
  "category": "size",
@@ -227,7 +237,7 @@
227
237
  "value": "560px",
228
238
  "original": 560,
229
239
  "variableName": "$size-dimension-modal-width-m",
230
- "isUsed": false
240
+ "isUsed": true
231
241
  },
232
242
  {
233
243
  "category": "size",
@@ -237,7 +247,7 @@
237
247
  "value": "720px",
238
248
  "original": 720,
239
249
  "variableName": "$size-dimension-modal-width-l",
240
- "isUsed": false
250
+ "isUsed": true
241
251
  },
242
252
  {
243
253
  "category": "size",
@@ -247,7 +257,7 @@
247
257
  "value": "800px",
248
258
  "original": 800,
249
259
  "variableName": "$size-dimension-modal-max-height-l",
250
- "isUsed": false
260
+ "isUsed": true
251
261
  },
252
262
  {
253
263
  "category": "size",
@@ -257,7 +267,7 @@
257
267
  "value": "40px",
258
268
  "original": 40,
259
269
  "variableName": "$size-dimension-modal-margin-l",
260
- "isUsed": false
270
+ "isUsed": true
261
271
  },
262
272
  {
263
273
  "category": "size",
@@ -267,7 +277,7 @@
267
277
  "value": "1280px",
268
278
  "original": 1280,
269
279
  "variableName": "$size-dimension-modal-full-screen-content-width",
270
- "isUsed": false
280
+ "isUsed": true
271
281
  },
272
282
  {
273
283
  "category": "size",
@@ -277,7 +287,7 @@
277
287
  "value": "1px",
278
288
  "original": 1,
279
289
  "variableName": "$size-dimension-media-viewer-bar-separator-width",
280
- "isUsed": false
290
+ "isUsed": true
281
291
  },
282
292
  {
283
293
  "category": "size",
@@ -287,7 +297,7 @@
287
297
  "value": "12px",
288
298
  "original": 12,
289
299
  "variableName": "$size-dimension-legend-key-width",
290
- "isUsed": false
300
+ "isUsed": true
291
301
  },
292
302
  {
293
303
  "category": "size",
@@ -297,7 +307,7 @@
297
307
  "value": "0px",
298
308
  "original": 0,
299
309
  "variableName": "$size-letter-spacing-none",
300
- "isUsed": false
310
+ "isUsed": true
301
311
  },
302
312
  {
303
313
  "category": "size",
@@ -307,7 +317,7 @@
307
317
  "value": "0.5px",
308
318
  "original": 0.5,
309
319
  "variableName": "$size-letter-spacing-s",
310
- "isUsed": false
320
+ "isUsed": true
311
321
  },
312
322
  {
313
323
  "category": "size",
@@ -317,7 +327,7 @@
317
327
  "value": "1px",
318
328
  "original": 1,
319
329
  "variableName": "$size-letter-spacing-m",
320
- "isUsed": false
330
+ "isUsed": true
321
331
  },
322
332
  {
323
333
  "category": "size",
@@ -327,7 +337,7 @@
327
337
  "value": "10px",
328
338
  "original": 10,
329
339
  "variableName": "$size-font-xxs",
330
- "isUsed": false
340
+ "isUsed": true
331
341
  },
332
342
  {
333
343
  "category": "size",
@@ -337,7 +347,7 @@
337
347
  "value": "12px",
338
348
  "original": 12,
339
349
  "variableName": "$size-font-xs",
340
- "isUsed": false
350
+ "isUsed": true
341
351
  },
342
352
  {
343
353
  "category": "size",
@@ -347,7 +357,7 @@
347
357
  "value": "14px",
348
358
  "original": 14,
349
359
  "variableName": "$size-font-s",
350
- "isUsed": false
360
+ "isUsed": true
351
361
  },
352
362
  {
353
363
  "category": "size",
@@ -357,7 +367,7 @@
357
367
  "value": "16px",
358
368
  "original": 16,
359
369
  "variableName": "$size-font-m",
360
- "isUsed": false
370
+ "isUsed": true
361
371
  },
362
372
  {
363
373
  "category": "size",
@@ -367,7 +377,7 @@
367
377
  "value": "18px",
368
378
  "original": 18,
369
379
  "variableName": "$size-font-l",
370
- "isUsed": false
380
+ "isUsed": true
371
381
  },
372
382
  {
373
383
  "category": "size",
@@ -377,7 +387,7 @@
377
387
  "value": "20px",
378
388
  "original": 20,
379
389
  "variableName": "$size-font-xl",
380
- "isUsed": false
390
+ "isUsed": true
381
391
  },
382
392
  {
383
393
  "category": "size",
@@ -387,7 +397,7 @@
387
397
  "value": "24px",
388
398
  "original": 24,
389
399
  "variableName": "$size-font-xxl",
390
- "isUsed": false
400
+ "isUsed": true
391
401
  },
392
402
  {
393
403
  "category": "size",
@@ -397,7 +407,7 @@
397
407
  "value": "26px",
398
408
  "original": 26,
399
409
  "variableName": "$size-font-xxxl",
400
- "isUsed": false
410
+ "isUsed": true
401
411
  },
402
412
  {
403
413
  "category": "size",
@@ -417,7 +427,7 @@
417
427
  "value": "2px",
418
428
  "original": 2,
419
429
  "variableName": "$size-spacing-xxxs",
420
- "isUsed": false
430
+ "isUsed": true
421
431
  },
422
432
  {
423
433
  "category": "size",
@@ -497,7 +507,7 @@
497
507
  "value": "0px",
498
508
  "original": 0,
499
509
  "variableName": "$size-border-radius-none",
500
- "isUsed": false
510
+ "isUsed": true
501
511
  },
502
512
  {
503
513
  "category": "size",
@@ -507,7 +517,7 @@
507
517
  "value": "4px",
508
518
  "original": 4,
509
519
  "variableName": "$size-border-radius-xs",
510
- "isUsed": false
520
+ "isUsed": true
511
521
  },
512
522
  {
513
523
  "category": "size",
@@ -517,7 +527,7 @@
517
527
  "value": "8px",
518
528
  "original": 8,
519
529
  "variableName": "$size-border-radius-s",
520
- "isUsed": false
530
+ "isUsed": true
521
531
  },
522
532
  {
523
533
  "category": "size",
@@ -527,7 +537,7 @@
527
537
  "value": "12px",
528
538
  "original": 12,
529
539
  "variableName": "$size-border-radius-m",
530
- "isUsed": false
540
+ "isUsed": true
531
541
  },
532
542
  {
533
543
  "category": "size",
@@ -537,7 +547,7 @@
537
547
  "value": "16px",
538
548
  "original": 16,
539
549
  "variableName": "$size-border-radius-l",
540
- "isUsed": false
550
+ "isUsed": true
541
551
  },
542
552
  {
543
553
  "category": "size",
@@ -547,7 +557,7 @@
547
557
  "value": "24px",
548
558
  "original": 24,
549
559
  "variableName": "$size-border-radius-xl",
550
- "isUsed": false
560
+ "isUsed": true
551
561
  },
552
562
  {
553
563
  "category": "size",
@@ -557,7 +567,7 @@
557
567
  "value": "9999px",
558
568
  "original": 9999,
559
569
  "variableName": "$size-border-radius-full",
560
- "isUsed": false
570
+ "isUsed": true
561
571
  },
562
572
  {
563
573
  "category": "size",
@@ -567,7 +577,7 @@
567
577
  "value": 1.1428571429,
568
578
  "original": 1.1428571429,
569
579
  "variableName": "$size-line-height-xs",
570
- "isUsed": false
580
+ "isUsed": true
571
581
  },
572
582
  {
573
583
  "category": "size",
@@ -577,7 +587,7 @@
577
587
  "value": 1.25,
578
588
  "original": 1.25,
579
589
  "variableName": "$size-line-height-s",
580
- "isUsed": false
590
+ "isUsed": true
581
591
  },
582
592
  {
583
593
  "category": "size",
@@ -587,7 +597,7 @@
587
597
  "value": 1.3333333,
588
598
  "original": 1.3333333,
589
599
  "variableName": "$size-line-height-m",
590
- "isUsed": false
600
+ "isUsed": true
591
601
  },
592
602
  {
593
603
  "category": "size",
@@ -597,7 +607,7 @@
597
607
  "value": 1.4285714286,
598
608
  "original": 1.4285714286,
599
609
  "variableName": "$size-line-height-l",
600
- "isUsed": false
610
+ "isUsed": true
601
611
  },
602
612
  {
603
613
  "category": "size",
@@ -607,7 +617,7 @@
607
617
  "value": 1.5,
608
618
  "original": 1.5,
609
619
  "variableName": "$size-line-height-xl",
610
- "isUsed": false
620
+ "isUsed": true
611
621
  },
612
622
  {
613
623
  "category": "size",
@@ -617,7 +627,7 @@
617
627
  "value": 1.625,
618
628
  "original": 1.625,
619
629
  "variableName": "$size-line-height-xxl",
620
- "isUsed": false
630
+ "isUsed": true
621
631
  },
622
632
  {
623
633
  "category": "size",
@@ -627,6 +637,6 @@
627
637
  "value": 1.714286,
628
638
  "original": 1.714286,
629
639
  "variableName": "$size-line-height-xxxl",
630
- "isUsed": false
640
+ "isUsed": true
631
641
  }
632
642
  ]
package/build/esm/web-tokens/visualConfig.d.ts CHANGED
@@ -53,6 +53,9 @@ type Variables = {
53
53
  "dropdownMenu": {
54
54
  "width": string;
55
55
  };
56
+ "promptButtonGroupPopover": {
57
+ "minWidth": string;
58
+ };
56
59
  "modal": {
57
60
  "width": {
58
61
  "m": string;