@revikornmann/muka-ui 0.19.0 → 0.20.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 (100) hide show
  1. package/dist/cjs/components/ActionSheet/ActionSheet.css +4 -4
  2. package/dist/cjs/components/BottomBar/BottomBar.css +0 -3
  3. package/dist/cjs/components/Breadcrumb/Breadcrumb.css +26 -2
  4. package/dist/cjs/components/Combobox/Combobox.css +2 -2
  5. package/dist/cjs/components/ContextSelect/ContextSelect.css +4 -4
  6. package/dist/cjs/components/DocumentViewer/DocumentViewer.css +2 -2
  7. package/dist/cjs/components/DropdownSelect/DropdownSelect.css +3 -3
  8. package/dist/cjs/components/EmptyState/EmptyState.css +8 -8
  9. package/dist/cjs/components/FAB/FAB.css +1 -1
  10. package/dist/cjs/components/FileUpload/FileUpload.css +10 -10
  11. package/dist/cjs/components/Icon/iconRegistry.js +9 -1
  12. package/dist/cjs/components/Icon/iconRegistry.js.map +1 -1
  13. package/dist/cjs/components/Input/Input.css +2 -2
  14. package/dist/cjs/components/Label/Label.css +1 -1
  15. package/dist/cjs/components/LicensePlateInput/LicensePlateInput.css +1 -1
  16. package/dist/cjs/components/Menu/Menu.css +1 -1
  17. package/dist/cjs/components/Pagination/Pagination.css +15 -15
  18. package/dist/cjs/components/PhotoUploader/PhotoUploader.css +4 -4
  19. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.css +10 -6
  20. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js +27 -16
  21. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
  22. package/dist/cjs/components/SearchInput/SearchInput.css +4 -4
  23. package/dist/cjs/components/Select/Select.css +2 -2
  24. package/dist/cjs/components/SmsOtpField/SmsOtpField.css +2 -2
  25. package/dist/cjs/components/SpecList/SpecList.css +8 -8
  26. package/dist/cjs/components/Spinner/Spinner.css +1 -1
  27. package/dist/cjs/components/SwipeActions/SwipeActions.css +6 -6
  28. package/dist/cjs/components/Table/Table.css +3 -3
  29. package/dist/cjs/components/Table/TablePagination.css +1 -1
  30. package/dist/cjs/components/Tabs/Tabs.css +6 -6
  31. package/dist/cjs/components/Textarea/Textarea.css +2 -2
  32. package/dist/cjs/components/Waveform/Waveform.css +1 -1
  33. package/dist/esm/components/ActionSheet/ActionSheet.css +4 -4
  34. package/dist/esm/components/BottomBar/BottomBar.css +0 -3
  35. package/dist/esm/components/Breadcrumb/Breadcrumb.css +26 -2
  36. package/dist/esm/components/Combobox/Combobox.css +2 -2
  37. package/dist/esm/components/ContextSelect/ContextSelect.css +4 -4
  38. package/dist/esm/components/DocumentViewer/DocumentViewer.css +2 -2
  39. package/dist/esm/components/DropdownSelect/DropdownSelect.css +3 -3
  40. package/dist/esm/components/EmptyState/EmptyState.css +8 -8
  41. package/dist/esm/components/FAB/FAB.css +1 -1
  42. package/dist/esm/components/FileUpload/FileUpload.css +10 -10
  43. package/dist/esm/components/Icon/iconRegistry.js +9 -1
  44. package/dist/esm/components/Icon/iconRegistry.js.map +1 -1
  45. package/dist/esm/components/Input/Input.css +2 -2
  46. package/dist/esm/components/Label/Label.css +1 -1
  47. package/dist/esm/components/LicensePlateInput/LicensePlateInput.css +1 -1
  48. package/dist/esm/components/Menu/Menu.css +1 -1
  49. package/dist/esm/components/Pagination/Pagination.css +15 -15
  50. package/dist/esm/components/PhotoUploader/PhotoUploader.css +4 -4
  51. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css +10 -6
  52. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js +27 -16
  53. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
  54. package/dist/esm/components/SearchInput/SearchInput.css +4 -4
  55. package/dist/esm/components/Select/Select.css +2 -2
  56. package/dist/esm/components/SmsOtpField/SmsOtpField.css +2 -2
  57. package/dist/esm/components/SpecList/SpecList.css +8 -8
  58. package/dist/esm/components/Spinner/Spinner.css +1 -1
  59. package/dist/esm/components/SwipeActions/SwipeActions.css +6 -6
  60. package/dist/esm/components/Table/Table.css +3 -3
  61. package/dist/esm/components/Table/TablePagination.css +1 -1
  62. package/dist/esm/components/Tabs/Tabs.css +6 -6
  63. package/dist/esm/components/Textarea/Textarea.css +2 -2
  64. package/dist/esm/components/Waveform/Waveform.css +1 -1
  65. package/dist/styles/components/ActionSheet.css +4 -4
  66. package/dist/styles/components/BottomBar.css +0 -3
  67. package/dist/styles/components/Breadcrumb.css +26 -2
  68. package/dist/styles/components/Combobox.css +2 -2
  69. package/dist/styles/components/ContextSelect.css +4 -4
  70. package/dist/styles/components/DocumentViewer.css +2 -2
  71. package/dist/styles/components/DropdownSelect.css +3 -3
  72. package/dist/styles/components/EmptyState.css +8 -8
  73. package/dist/styles/components/FAB.css +1 -1
  74. package/dist/styles/components/FileUpload.css +10 -10
  75. package/dist/styles/components/Input.css +2 -2
  76. package/dist/styles/components/Label.css +1 -1
  77. package/dist/styles/components/LicensePlateInput.css +1 -1
  78. package/dist/styles/components/Menu.css +1 -1
  79. package/dist/styles/components/Pagination.css +15 -15
  80. package/dist/styles/components/PhotoUploader.css +4 -4
  81. package/dist/styles/components/ProgressAccordeon.css +10 -6
  82. package/dist/styles/components/SearchInput.css +4 -4
  83. package/dist/styles/components/Select.css +2 -2
  84. package/dist/styles/components/SmsOtpField.css +2 -2
  85. package/dist/styles/components/SpecList.css +8 -8
  86. package/dist/styles/components/Spinner.css +1 -1
  87. package/dist/styles/components/SwipeActions.css +6 -6
  88. package/dist/styles/components/Table.css +3 -3
  89. package/dist/styles/components/Tabs.css +6 -6
  90. package/dist/styles/components/Textarea.css +2 -2
  91. package/dist/styles/components/Waveform.css +1 -1
  92. package/dist/styles/index.css +404 -379
  93. package/dist/styles/muka-dark.css +404 -379
  94. package/dist/styles/muka-light.css +404 -379
  95. package/dist/styles/wireframe-dark.css +404 -379
  96. package/dist/styles/wireframe-light.css +404 -379
  97. package/dist/types/components/Icon/iconRegistry.d.ts.map +1 -1
  98. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts +17 -12
  99. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map +1 -1
  100. package/package.json +2 -1
@@ -56,10 +56,10 @@
56
56
  cursor: pointer;
57
57
  text-align: left;
58
58
  color: var(--color-text-default-default);
59
- font-family: var(--text-body-md-regular-fontFamily);
60
- font-weight: var(--text-body-md-regular-fontWeight);
61
- font-size: var(--text-body-md-regular-fontSize);
62
- line-height: var(--text-body-md-regular-lineHeight);
59
+ font-family: var(--text-body-base-regular-fontFamily);
60
+ font-weight: var(--text-body-base-regular-fontWeight);
61
+ font-size: var(--text-body-base-regular-fontSize);
62
+ line-height: var(--text-body-base-regular-lineHeight);
63
63
  -webkit-tap-highlight-color: transparent;
64
64
  transition: background-color 0.12s ease;
65
65
  }
@@ -141,7 +141,6 @@
141
141
  font-weight: var(--text-label-sm-regular-fontWeight);
142
142
  font-size: var(--text-label-sm-regular-fontSize);
143
143
  line-height: var(--text-label-sm-regular-lineHeight);
144
- letter-spacing: var(--text-label-sm-regular-letterSpacing);
145
144
  }
146
145
 
147
146
  /* ─── Floating modifier ───────────────────────────────── */
@@ -227,7 +226,6 @@
227
226
  font-weight: var(--text-label-md-regular-fontWeight);
228
227
  font-size: var(--text-label-md-regular-fontSize);
229
228
  line-height: var(--text-label-md-regular-lineHeight);
230
- letter-spacing: var(--text-label-md-regular-letterSpacing);
231
229
  }
232
230
 
233
231
  /* When floating and sidebar, remove the floating card styles */
@@ -292,7 +290,6 @@
292
290
  font-weight: var(--text-label-md-regular-fontWeight);
293
291
  font-size: var(--text-label-md-regular-fontSize);
294
292
  line-height: var(--text-label-md-regular-lineHeight);
295
- letter-spacing: var(--text-label-md-regular-letterSpacing);
296
293
  }
297
294
 
298
295
  /* When floating and topnav, remove the floating card styles */
@@ -16,19 +16,36 @@
16
16
  gap: var(--spacing-1);
17
17
  }
18
18
 
19
+ .muka-breadcrumb__item:has(.muka-breadcrumb__icon) {
20
+ padding-left: var(--spacing-1);
21
+ }
22
+
19
23
  .muka-breadcrumb__icon {
20
24
  display: inline-flex;
21
25
  align-items: center;
22
26
  color: var(--color-text-subtle-default);
23
27
  }
24
28
 
29
+ .muka-breadcrumb__icon .muka-icon {
30
+ color: inherit;
31
+ }
32
+
33
+ .muka-breadcrumb__item:has(.muka-breadcrumb__current) .muka-breadcrumb__icon {
34
+ color: var(--color-text-default-default);
35
+ }
36
+
37
+ .muka-breadcrumb__item:has(.muka-breadcrumb__link:hover) .muka-breadcrumb__icon {
38
+ color: var(--color-text-action-default);
39
+ }
40
+
25
41
  /* Link styles */
26
42
  .muka-breadcrumb__link {
27
43
  color: var(--color-text-subtle-default);
28
44
  text-decoration: none;
29
45
  border: none;
30
46
  background: none;
31
- padding: 0;
47
+ padding-inline: var(--spacing-2);
48
+ padding-block: 0;
32
49
  cursor: pointer;
33
50
  font: inherit;
34
51
  transition: color 0.15s ease;
@@ -39,10 +56,17 @@
39
56
  text-decoration: underline;
40
57
  }
41
58
 
42
- /* Current page (last item) */
59
+ /* Tighter gap after leading icon */
60
+ .muka-breadcrumb__item:has(.muka-breadcrumb__icon) .muka-breadcrumb__link,
61
+ .muka-breadcrumb__item:has(.muka-breadcrumb__icon) .muka-breadcrumb__current {
62
+ padding-left: var(--spacing-1);
63
+ }
64
+
65
+ /* Current page (last item, no context switcher) */
43
66
  .muka-breadcrumb__current {
44
67
  color: var(--color-text-default-default);
45
68
  font-weight: 600;
69
+ padding-inline: var(--spacing-2);
46
70
  }
47
71
 
48
72
  /* Separator */
@@ -84,7 +84,7 @@
84
84
  }
85
85
 
86
86
  .muka-combobox__field--error:not(.muka-combobox__field--disabled) {
87
- border-color: var(--color-state-error-border, var(--color-state-error-foreground));
87
+ border-color: var(--color-state-error-contrast);
88
88
  }
89
89
 
90
90
  .muka-combobox__field--disabled {
@@ -141,7 +141,7 @@
141
141
 
142
142
  .muka-combobox__error {
143
143
  margin: 0;
144
- color: var(--color-state-error-foreground);
144
+ color: var(--color-state-error-default);
145
145
  font-family: var(--text-label-sm-regular-fontFamily);
146
146
  font-size: var(--text-label-sm-regular-fontSize);
147
147
  font-weight: var(--text-label-sm-regular-fontWeight);
@@ -71,10 +71,10 @@
71
71
  }
72
72
 
73
73
  .muka-context-select__label {
74
- font-family: var(--text-label-sm-regular-font-family);
75
- font-size: var(--text-label-sm-regular-font-size);
76
- font-weight: var(--text-label-sm-regular-font-weight);
77
- line-height: var(--text-label-sm-regular-line-height);
74
+ font-family: var(--text-label-sm-regular-fontFamily);
75
+ font-size: var(--text-label-sm-regular-fontSize);
76
+ font-weight: var(--text-label-sm-regular-fontWeight);
77
+ line-height: var(--text-label-sm-regular-lineHeight);
78
78
  white-space: nowrap;
79
79
  }
80
80
 
@@ -65,7 +65,7 @@
65
65
  line-height: var(--text-label-sm-lineHeight);
66
66
  border: 1px solid var(--color-border-default);
67
67
  border-radius: var(--border-radius-md);
68
- background-color: var(--color-surface-default);
68
+ background-color: var(--color-surface-level0);
69
69
  color: var(--color-text-default-default);
70
70
  }
71
71
 
@@ -210,7 +210,7 @@
210
210
 
211
211
  .muka-documentviewer__thumbnail-label {
212
212
  font-family: var(--alias-font-brand-family);
213
- font-size: var(--text-label-xs-fontSize);
213
+ font-size: var(--text-label-xs-regular-fontSize);
214
214
  color: var(--color-text-default-default);
215
215
  font-weight: var(--alias-font-brand-weight-medium);
216
216
  }
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  .muka-dropdown-select__required {
41
- color: var(--color-state-error-foreground);
41
+ color: var(--color-state-error-default);
42
42
  }
43
43
 
44
44
  .muka-dropdown-select__field {
@@ -98,7 +98,7 @@
98
98
  }
99
99
 
100
100
  .muka-dropdown-select__field--error:not(.muka-dropdown-select__field--disabled) {
101
- border-color: var(--color-state-error-border, var(--color-state-error-foreground));
101
+ border-color: var(--color-state-error-contrast);
102
102
  }
103
103
 
104
104
  .muka-dropdown-select__field--disabled {
@@ -213,7 +213,7 @@
213
213
 
214
214
  .muka-dropdown-select__error {
215
215
  margin: 0;
216
- color: var(--color-state-error-foreground);
216
+ color: var(--color-state-error-default);
217
217
  font-family: var(--text-label-sm-regular-fontFamily);
218
218
  font-size: var(--text-label-sm-regular-fontSize);
219
219
  font-weight: var(--text-label-sm-regular-fontWeight);
@@ -80,10 +80,10 @@
80
80
  .muka-emptystate__title {
81
81
  color: var(--emptystate-title-color);
82
82
  margin: 0;
83
- font-family: var(--text-heading-h4-fontFamily);
84
- font-weight: var(--text-heading-h4-fontWeight);
85
- font-size: var(--text-heading-h4-fontSize);
86
- line-height: var(--text-heading-h4-lineHeight);
83
+ font-family: var(--text-heading-sm-fontFamily);
84
+ font-weight: var(--text-heading-sm-fontWeight);
85
+ font-size: var(--text-heading-sm-fontSize);
86
+ line-height: var(--text-heading-sm-lineHeight);
87
87
  }
88
88
 
89
89
  .muka-emptystate--sm .muka-emptystate__title {
@@ -94,10 +94,10 @@
94
94
  }
95
95
 
96
96
  .muka-emptystate--lg .muka-emptystate__title {
97
- font-family: var(--text-heading-h3-fontFamily);
98
- font-weight: var(--text-heading-h3-fontWeight);
99
- font-size: var(--text-heading-h3-fontSize);
100
- line-height: var(--text-heading-h3-lineHeight);
97
+ font-family: var(--text-heading-md-fontFamily);
98
+ font-weight: var(--text-heading-md-fontWeight);
99
+ font-size: var(--text-heading-md-fontSize);
100
+ line-height: var(--text-heading-md-lineHeight);
101
101
  }
102
102
 
103
103
  /* Description */
@@ -38,7 +38,7 @@
38
38
 
39
39
  .muka-fab--primary {
40
40
  background-color: var(--color-action-default);
41
- color: var(--color-text-inverse-default);
41
+ color: var(--color-text-default-inverse);
42
42
  }
43
43
 
44
44
  .muka-fab--primary:hover:not(:disabled) {
@@ -118,10 +118,10 @@
118
118
 
119
119
  /* Text */
120
120
  .muka-fileupload__text {
121
- font-family: var(--text-body-md-regular-fontFamily);
122
- font-size: var(--text-body-md-regular-fontSize);
123
- font-weight: var(--text-body-md-regular-fontWeight);
124
- line-height: var(--text-body-md-regular-lineHeight);
121
+ font-family: var(--text-body-base-regular-fontFamily);
122
+ font-size: var(--text-body-base-regular-fontSize);
123
+ font-weight: var(--text-body-base-regular-fontWeight);
124
+ line-height: var(--text-body-base-regular-lineHeight);
125
125
  color: var(--color-text-default-default);
126
126
  }
127
127
 
@@ -204,10 +204,10 @@
204
204
  }
205
205
 
206
206
  .muka-fileupload-item__name {
207
- font-family: var(--text-body-sm-medium-fontFamily);
208
- font-size: var(--text-body-sm-medium-fontSize);
209
- font-weight: var(--text-body-sm-medium-fontWeight);
210
- line-height: var(--text-body-sm-medium-lineHeight);
207
+ font-family: var(--text-body-sm-regular-fontFamily);
208
+ font-size: var(--text-body-sm-regular-fontSize);
209
+ font-weight: var(--text-body-sm-regular-fontWeight);
210
+ line-height: var(--text-body-sm-regular-lineHeight);
211
211
  color: var(--fileupload-item-color-default-foreground);
212
212
  white-space: nowrap;
213
213
  overflow: hidden;
@@ -243,11 +243,11 @@
243
243
  }
244
244
 
245
245
  .muka-fileupload-item__status-icon--success {
246
- color: var(--color-state-success-foreground);
246
+ color: var(--fileupload-item-color-success-foreground);
247
247
  }
248
248
 
249
249
  .muka-fileupload-item__status-icon--error {
250
- color: var(--color-state-error-foreground);
250
+ color: var(--fileupload-item-color-error-foreground);
251
251
  }
252
252
 
253
253
  .muka-fileupload-item__remove {
@@ -40,12 +40,13 @@ const ArrowDropUpDownIcon_1 = require("./custom/ArrowDropUpDownIcon");
40
40
  const ArrowReturnIcon_1 = require("./custom/ArrowReturnIcon");
41
41
  /**
42
42
  * Convert PascalCase to kebab-case
43
- * e.g., "ArrowLeftS" -> "arrow-left-s"
43
+ * e.g., "ArrowLeftS" -> "arrow-left-s", "Home4" -> "home-4"
44
44
  */
45
45
  function toKebabCase(str) {
46
46
  return str
47
47
  .replace(/([a-z0-9])([A-Z])/g, '$1-$2')
48
48
  .replace(/([A-Z])([A-Z][a-z])/g, '$1-$2')
49
+ .replace(/([a-zA-Z])(\d+)/g, '$1-$2')
49
50
  .toLowerCase();
50
51
  }
51
52
  const NullComponent = function NullIcon() {
@@ -122,6 +123,13 @@ exports.iconRegistry['arrow-return'] = {
122
123
  line: ArrowReturnIcon_1.ArrowReturnIcon,
123
124
  fill: ArrowReturnIcon_1.ArrowReturnIcon,
124
125
  };
126
+ // Alias digit-hyphen names without the hyphen (home-4 → home4) for older call sites
127
+ for (const key of Object.keys(exports.iconRegistry)) {
128
+ const compact = key.replace(/-(\d+)/g, '$1');
129
+ if (compact !== key && !exports.iconRegistry[compact]) {
130
+ exports.iconRegistry[compact] = exports.iconRegistry[key];
131
+ }
132
+ }
125
133
  function getIconComponent(name, variant) {
126
134
  const entry = exports.iconRegistry[name];
127
135
  if (!entry)
@@ -1 +1 @@
1
- {"version":3,"file":"iconRegistry.js","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"iconRegistry.js","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"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"}
@@ -39,7 +39,7 @@
39
39
  }
40
40
 
41
41
  .muka-input__required {
42
- color: var(--color-state-error-foreground);
42
+ color: var(--color-state-error-default);
43
43
  }
44
44
 
45
45
  .muka-input__label--sm + .muka-input__field--disabled,
@@ -245,6 +245,6 @@
245
245
  font-weight: var(--text-label-sm-regular-fontWeight);
246
246
  font-size: var(--text-label-sm-regular-fontSize);
247
247
  line-height: var(--text-label-sm-regular-lineHeight);
248
- color: var(--color-state-error-foreground);
248
+ color: var(--color-state-error-default);
249
249
  margin: 0;
250
250
  }
@@ -34,5 +34,5 @@
34
34
  }
35
35
 
36
36
  .muka-label__required {
37
- color: var(--color-state-error-foreground);
37
+ color: var(--color-state-error-default);
38
38
  }
@@ -185,6 +185,6 @@
185
185
  font-weight: var(--text-label-sm-regular-fontWeight);
186
186
  font-size: var(--text-label-sm-regular-fontSize);
187
187
  line-height: var(--text-label-sm-regular-lineHeight);
188
- color: var(--color-state-error-foreground);
188
+ color: var(--color-state-error-default);
189
189
  margin: 0;
190
190
  }
@@ -138,7 +138,7 @@
138
138
  }
139
139
 
140
140
  .muka-menu__match {
141
- font-weight: var(--font-weight-bold, 700);
141
+ font-weight: var(--text-label-md-bold-fontWeight);
142
142
  }
143
143
 
144
144
  .muka-menu__content--scrollbar {
@@ -30,9 +30,9 @@
30
30
 
31
31
  /* Active page */
32
32
  .muka-pagination__button--active {
33
- background-color: var(--button-color-primary-default-background);
34
- color: var(--button-color-primary-default-foreground);
35
- border-color: var(--button-color-primary-default-background);
33
+ background-color: var(--button-color-primary-background-default);
34
+ color: var(--button-color-primary-foreground-default);
35
+ border-color: var(--button-color-primary-background-default);
36
36
  font-weight: 600;
37
37
  }
38
38
 
@@ -63,37 +63,37 @@
63
63
 
64
64
  /* Size variants */
65
65
  .muka-pagination--sm .muka-pagination__button {
66
- min-width: var(--button-height-sm);
67
- height: var(--button-height-sm);
66
+ min-width: var(--size-2xl);
67
+ height: var(--size-2xl);
68
68
  font-size: var(--text-label-sm-regular-fontSize);
69
69
  }
70
70
 
71
71
  .muka-pagination--sm .muka-pagination__ellipsis {
72
- min-width: var(--button-height-sm);
73
- height: var(--button-height-sm);
72
+ min-width: var(--size-2xl);
73
+ height: var(--size-2xl);
74
74
  font-size: var(--text-label-sm-regular-fontSize);
75
75
  }
76
76
 
77
77
  .muka-pagination--md .muka-pagination__button {
78
- min-width: var(--button-height-default);
79
- height: var(--button-height-default);
78
+ min-width: var(--size-3xl);
79
+ height: var(--size-3xl);
80
80
  font-size: var(--text-label-md-regular-fontSize);
81
81
  }
82
82
 
83
83
  .muka-pagination--md .muka-pagination__ellipsis {
84
- min-width: var(--button-height-default);
85
- height: var(--button-height-default);
84
+ min-width: var(--size-3xl);
85
+ height: var(--size-3xl);
86
86
  font-size: var(--text-label-md-regular-fontSize);
87
87
  }
88
88
 
89
89
  .muka-pagination--lg .muka-pagination__button {
90
- min-width: var(--button-height-lg);
91
- height: var(--button-height-lg);
90
+ min-width: var(--size-4xl);
91
+ height: var(--size-4xl);
92
92
  font-size: var(--text-label-lg-regular-fontSize);
93
93
  }
94
94
 
95
95
  .muka-pagination--lg .muka-pagination__ellipsis {
96
- min-width: var(--button-height-lg);
97
- height: var(--button-height-lg);
96
+ min-width: var(--size-4xl);
97
+ height: var(--size-4xl);
98
98
  font-size: var(--text-label-lg-regular-fontSize);
99
99
  }
@@ -79,10 +79,10 @@
79
79
  }
80
80
 
81
81
  .muka-photo-uploader__dropzone-text {
82
- font-family: var(--text-body-md-regular-fontFamily);
83
- font-size: var(--text-body-md-regular-fontSize);
84
- font-weight: var(--text-body-md-regular-fontWeight);
85
- line-height: var(--text-body-md-regular-lineHeight);
82
+ font-family: var(--text-body-base-regular-fontFamily);
83
+ font-size: var(--text-body-base-regular-fontSize);
84
+ font-weight: var(--text-body-base-regular-fontWeight);
85
+ line-height: var(--text-body-base-regular-lineHeight);
86
86
  color: var(--color-text-subtle-default);
87
87
  }
88
88
 
@@ -13,16 +13,18 @@
13
13
 
14
14
  /* Per-state gap: content-bearing steps are tighter, header-only steps looser */
15
15
  .muka-progress-accordeon--current,
16
- .muka-progress-accordeon--past.muka-progress-accordeon--expanded {
16
+ .muka-progress-accordeon--past.muka-progress-accordeon--expanded,
17
+ .muka-progress-accordeon--upcoming.muka-progress-accordeon--expanded {
17
18
  gap: var(--spacing-6);
18
19
  }
19
20
 
20
21
  .muka-progress-accordeon--upcoming,
21
- .muka-progress-accordeon--past.muka-progress-accordeon--collapsed {
22
+ .muka-progress-accordeon--past.muka-progress-accordeon--collapsed,
23
+ .muka-progress-accordeon--upcoming.muka-progress-accordeon--collapsed {
22
24
  gap: var(--spacing-8);
23
25
  }
24
26
 
25
- /* Past steps group header + slot. The header↔content gap lives inside the
27
+ /* Collapsible steps group header + slot. The header↔content gap lives inside the
26
28
  collapsing slot (as padding-top) so it collapses with the content, so the
27
29
  body gap itself is 0. */
28
30
  .muka-progress-accordeon__body {
@@ -56,8 +58,10 @@
56
58
  gap: var(--spacing-4);
57
59
  }
58
60
 
59
- /* Past steps carry 40px controls; nudge the heading to vertically centre it */
60
- .muka-progress-accordeon--past .muka-progress-accordeon__heading-group {
61
+ /* Steps with header controls (edit / chevron) are 40px tall; nudge the heading
62
+ so a single line centres against the indicator + controls row. */
63
+ .muka-progress-accordeon:has(.muka-progress-accordeon__controls)
64
+ .muka-progress-accordeon__heading-group {
61
65
  padding-top: var(--spacing-1);
62
66
  }
63
67
 
@@ -161,7 +165,7 @@
161
165
  width: 100%;
162
166
  }
163
167
 
164
- /* ─── Collapse/expand animation (past steps) ─────────────────
168
+ /* ─── Collapse/expand animation (past & upcoming steps) ──────
165
169
  The grid-template-rows 1fr → 0fr technique animates the content to/from its
166
170
  intrinsic (auto) height with no magic max-height. Under prefers-reduced-motion
167
171
  --motion-duration-view resolves to 0ms, so the toggle stays instant. */
@@ -22,11 +22,14 @@ require("./ProgressAccordeon.css");
22
22
  * - **past** — dark check indicator, heading, edit + chevron controls; the
23
23
  * content slot collapses/expands via `collapsed` + `onToggle`
24
24
  * - **current** — accent numbered indicator, heading, content slot, actions
25
- * - **upcoming** — muted numbered indicator, heading only
25
+ * - **upcoming** — muted numbered indicator, heading; optional collapsible
26
+ * content slot (same `collapsed` + `onToggle` as past) for empty-state
27
+ * instructions or picking up a step out of order
26
28
  *
27
29
  * Content is passed as `children` (an optional slot) and rendered as-is — supply
28
- * your own `Card` when you want a card surface. Composes the Button, Icon and
29
- * Divider primitives and is fully themed through the Muka design token system.
30
+ * your own `Card` or `EmptyState` when you want those surfaces. Composes the
31
+ * Button, Icon and Divider primitives and is fully themed through the Muka
32
+ * design token system.
30
33
  *
31
34
  * Tokens used:
32
35
  * - alias.color.accent.{default|contrast} — step indicator fills
@@ -45,18 +48,25 @@ require("./ProgressAccordeon.css");
45
48
  const ProgressAccordeon = ({ state, stepNumber, heading, description, children, divider = true, collapsed = false, onToggle, editLabel = 'Edit', onEdit, primaryAction, secondaryAction, className = '', }) => {
46
49
  const isPast = state === 'past';
47
50
  const isCurrent = state === 'current';
48
- const isExpanded = isPast && !collapsed;
49
- const showToggle = isPast && Boolean(onToggle);
50
- const showEdit = isExpanded && Boolean(onEdit);
51
- const showDescription = Boolean(description) && !collapsed;
52
- // Past steps keep their content mounted regardless of `collapsed` so the
53
- // collapse/expand can be CSS-animated (you can't animate an unmounted node).
54
- const hasSlot = (isPast || isCurrent) && Boolean(children);
51
+ const isUpcoming = state === 'upcoming';
52
+ // Past and upcoming share the collapsible slot pattern so consumers can show
53
+ // empty-state instructions on future steps and pick steps up independently.
54
+ const isCollapsible = isPast || isUpcoming;
55
+ const showToggle = isCollapsible && Boolean(onToggle);
56
+ const showEdit = isPast && !collapsed && Boolean(onEdit);
57
+ const showDescription = Boolean(description) && !(isCollapsible && collapsed);
58
+ // Collapsible steps keep their content mounted regardless of `collapsed` so
59
+ // the collapse/expand can be CSS-animated (you can't animate an unmounted node).
60
+ const hasSlot = (isCollapsible || isCurrent) && Boolean(children);
55
61
  const hasActions = isCurrent && Boolean(primaryAction || secondaryAction);
62
+ // Collapse modifiers only when the step can actually collapse — keeps
63
+ // header-only upcoming spacing on the base `--upcoming` gap rule.
64
+ const showCollapseModifiers = isPast || (isUpcoming && (Boolean(children) || Boolean(onToggle)));
56
65
  const rootClasses = [
57
66
  'muka-progress-accordeon',
58
67
  `muka-progress-accordeon--${state}`,
59
- isPast && `muka-progress-accordeon--${collapsed ? 'collapsed' : 'expanded'}`,
68
+ showCollapseModifiers &&
69
+ `muka-progress-accordeon--${collapsed ? 'collapsed' : 'expanded'}`,
60
70
  className,
61
71
  ].filter(Boolean).join(' ');
62
72
  const indicatorClasses = [
@@ -65,9 +75,10 @@ const ProgressAccordeon = ({ state, stepNumber, heading, description, children,
65
75
  ].join(' ');
66
76
  const header = ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__header", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__header-row", children: [(0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__heading-group", children: [(0, jsx_runtime_1.jsx)("div", { className: indicatorClasses, "aria-hidden": "true", children: isPast ? ((0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-accordeon__check-icon" })) : ((0, jsx_runtime_1.jsx)("span", { className: "muka-progress-accordeon__number", children: stepNumber })) }), (0, jsx_runtime_1.jsx)("h3", { className: "muka-progress-accordeon__heading", children: heading })] }), (showEdit || showToggle) && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__controls", children: [showEdit && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", onClick: onEdit, iconLeft: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "pencil", variant: "line", size: "md" }), className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--wide", children: editLabel }), (0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onEdit, className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--narrow", "aria-label": editLabel, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: "pencil", variant: "line", size: "md" }) })] })), showToggle && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onToggle, className: "muka-progress-accordeon__toggle", "aria-label": collapsed ? 'Expand' : 'Collapse', "aria-expanded": !collapsed, children: (0, jsx_runtime_1.jsx)(Icon_1.Icon, { name: collapsed ? 'arrow-down-s' : 'arrow-up-s', variant: "line", size: "md" }) }))] }))] }), showDescription && ((0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__description", children: description }))] }));
67
77
  const slot = hasSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__slot", children: children })) : null;
68
- // Past steps wrap the (always-mounted) slot in a grid animation container that
69
- // collapses its height to zero. Marked inert + aria-hidden while collapsed so
70
- // the still-mounted content is skipped by keyboard focus and assistive tech.
78
+ // Collapsible steps wrap the (always-mounted) slot in a grid animation
79
+ // container that collapses its height to zero. Marked inert + aria-hidden while
80
+ // collapsed so the still-mounted content is skipped by keyboard focus and
81
+ // assistive tech.
71
82
  // `inert` is set imperatively on the DOM node rather than via a React prop:
72
83
  // React 18 drops a boolean `inert` prop, while React 19 warns on the string
73
84
  // form — toggling the attribute directly works correctly under both.
@@ -83,8 +94,8 @@ const ProgressAccordeon = ({ state, stepNumber, heading, description, children,
83
94
  node.removeAttribute('inert');
84
95
  }
85
96
  }, [collapsed]);
86
- const pastSlot = hasSlot ? ((0, jsx_runtime_1.jsx)("div", { ref: slotWrapperRef, className: `muka-progress-accordeon__slot-wrapper${collapsed ? ' muka-progress-accordeon__slot-wrapper--collapsed' : ''}`, "aria-hidden": collapsed || undefined, children: (0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__slot-clip", children: slot }) })) : null;
87
- return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [isPast ? ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__body", children: [header, pastSlot] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [header, slot] })), hasActions && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__actions", children: [secondaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: "md", onClick: secondaryAction.onClick, disabled: secondaryAction.disabled, className: "muka-progress-accordeon__action", children: secondaryAction.label })), primaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: primaryAction.onClick, disabled: primaryAction.disabled, className: "muka-progress-accordeon__action", children: primaryAction.label }))] })), divider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, { className: "muka-progress-accordeon__divider" })] }));
97
+ const collapsibleSlot = hasSlot ? ((0, jsx_runtime_1.jsx)("div", { ref: slotWrapperRef, className: `muka-progress-accordeon__slot-wrapper${collapsed ? ' muka-progress-accordeon__slot-wrapper--collapsed' : ''}`, "aria-hidden": collapsed || undefined, children: (0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__slot-clip", children: slot }) })) : null;
98
+ return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [isCollapsible ? ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__body", children: [header, collapsibleSlot] })) : ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [header, slot] })), hasActions && ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__actions", children: [secondaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "secondary", size: "md", onClick: secondaryAction.onClick, disabled: secondaryAction.disabled, className: "muka-progress-accordeon__action", children: secondaryAction.label })), primaryAction && ((0, jsx_runtime_1.jsx)(Button_1.Button, { variant: "primary", size: "md", onClick: primaryAction.onClick, disabled: primaryAction.disabled, className: "muka-progress-accordeon__action", children: primaryAction.label }))] })), divider && (0, jsx_runtime_1.jsx)(Divider_1.Divider, { className: "muka-progress-accordeon__divider" })] }));
88
99
  };
89
100
  exports.ProgressAccordeon = ProgressAccordeon;
90
101
  exports.default = exports.ProgressAccordeon;
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressAccordeon.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"ProgressAccordeon.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"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"}
@@ -80,10 +80,10 @@
80
80
  outline: none;
81
81
  padding: 0;
82
82
  color: var(--color-text-default-default);
83
- font-family: var(--text-body-md-regular-fontFamily);
84
- font-weight: var(--text-body-md-regular-fontWeight);
85
- font-size: var(--text-body-md-regular-fontSize);
86
- line-height: var(--text-body-md-regular-lineHeight);
83
+ font-family: var(--text-body-base-regular-fontFamily);
84
+ font-weight: var(--text-body-base-regular-fontWeight);
85
+ font-size: var(--text-body-base-regular-fontSize);
86
+ line-height: var(--text-body-base-regular-lineHeight);
87
87
  appearance: none;
88
88
  -webkit-appearance: none;
89
89
  }
@@ -38,7 +38,7 @@
38
38
  }
39
39
 
40
40
  .muka-select__required {
41
- color: var(--color-state-error-foreground);
41
+ color: var(--color-state-error-default);
42
42
  }
43
43
 
44
44
  .muka-select__label--sm + .muka-select__field--disabled,
@@ -186,6 +186,6 @@
186
186
  font-weight: var(--text-label-sm-regular-fontWeight);
187
187
  font-size: var(--text-label-sm-regular-fontSize);
188
188
  line-height: var(--text-label-sm-regular-lineHeight);
189
- color: var(--color-state-error-foreground);
189
+ color: var(--color-state-error-default);
190
190
  margin: 0;
191
191
  }
@@ -35,7 +35,7 @@
35
35
  }
36
36
 
37
37
  .muka-sms-otp-field__required {
38
- color: var(--color-state-error-foreground);
38
+ color: var(--color-state-error-default);
39
39
  }
40
40
 
41
41
  /* Hidden input for browser autofill */
@@ -184,6 +184,6 @@
184
184
  font-weight: var(--text-label-sm-regular-fontWeight);
185
185
  font-size: var(--text-label-sm-regular-fontSize);
186
186
  line-height: var(--text-label-sm-regular-lineHeight);
187
- color: var(--color-state-error-foreground);
187
+ color: var(--color-state-error-default);
188
188
  margin: 0;
189
189
  }