@revikornmann/muka-ui 0.19.0 → 0.21.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.
- package/dist/cjs/components/ActionSheet/ActionSheet.css +4 -4
- package/dist/cjs/components/BottomBar/BottomBar.css +0 -3
- package/dist/cjs/components/Breadcrumb/Breadcrumb.css +26 -2
- package/dist/cjs/components/Combobox/Combobox.css +2 -2
- package/dist/cjs/components/ContextSelect/ContextSelect.css +4 -4
- package/dist/cjs/components/DocumentViewer/DocumentToolbar.js +1 -1
- package/dist/cjs/components/DocumentViewer/DocumentToolbar.js.map +1 -1
- package/dist/cjs/components/DocumentViewer/DocumentViewer.css +2 -2
- package/dist/cjs/components/DropdownSelect/DropdownSelect.css +3 -3
- package/dist/cjs/components/EmptyState/EmptyState.css +8 -8
- package/dist/cjs/components/FAB/FAB.css +1 -1
- package/dist/cjs/components/FileUpload/FileUpload.css +10 -10
- package/dist/cjs/components/Icon/Icon.js +17 -7
- package/dist/cjs/components/Icon/Icon.js.map +1 -1
- package/dist/cjs/components/Icon/iconRegistry.js +143 -111
- package/dist/cjs/components/Icon/iconRegistry.js.map +1 -1
- package/dist/cjs/components/Icon/index.js +4 -1
- package/dist/cjs/components/Icon/index.js.map +1 -1
- package/dist/cjs/components/Input/Input.css +2 -2
- package/dist/cjs/components/Label/Label.css +1 -1
- package/dist/cjs/components/LicensePlateInput/LicensePlateInput.css +1 -1
- package/dist/cjs/components/Menu/Menu.css +1 -1
- package/dist/cjs/components/Pagination/Pagination.css +15 -15
- package/dist/cjs/components/PhotoUploader/PhotoUploader.css +4 -4
- package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.css +10 -6
- package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js +27 -16
- package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
- package/dist/cjs/components/SearchInput/SearchInput.css +4 -4
- package/dist/cjs/components/Select/Select.css +2 -2
- package/dist/cjs/components/SmsOtpField/SmsOtpField.css +2 -2
- package/dist/cjs/components/SpecList/SpecList.css +8 -8
- package/dist/cjs/components/Spinner/Spinner.css +1 -1
- package/dist/cjs/components/SwipeActions/SwipeActions.css +6 -6
- package/dist/cjs/components/Table/Table.css +3 -3
- package/dist/cjs/components/Table/TablePagination.css +1 -1
- package/dist/cjs/components/Tabs/Tabs.css +6 -6
- package/dist/cjs/components/Textarea/Textarea.css +2 -2
- package/dist/cjs/components/Waveform/Waveform.css +1 -1
- package/dist/cjs/components/index.js +5 -3
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/esm/components/ActionSheet/ActionSheet.css +4 -4
- package/dist/esm/components/BottomBar/BottomBar.css +0 -3
- package/dist/esm/components/Breadcrumb/Breadcrumb.css +26 -2
- package/dist/esm/components/Combobox/Combobox.css +2 -2
- package/dist/esm/components/ContextSelect/ContextSelect.css +4 -4
- package/dist/esm/components/DocumentViewer/DocumentToolbar.js +1 -1
- package/dist/esm/components/DocumentViewer/DocumentToolbar.js.map +1 -1
- package/dist/esm/components/DocumentViewer/DocumentViewer.css +2 -2
- package/dist/esm/components/DropdownSelect/DropdownSelect.css +3 -3
- package/dist/esm/components/EmptyState/EmptyState.css +8 -8
- package/dist/esm/components/FAB/FAB.css +1 -1
- package/dist/esm/components/FileUpload/FileUpload.css +10 -10
- package/dist/esm/components/Icon/Icon.js +14 -7
- package/dist/esm/components/Icon/Icon.js.map +1 -1
- package/dist/esm/components/Icon/iconRegistry.js +141 -78
- package/dist/esm/components/Icon/iconRegistry.js.map +1 -1
- package/dist/esm/components/Icon/index.js +1 -1
- package/dist/esm/components/Icon/index.js.map +1 -1
- package/dist/esm/components/Input/Input.css +2 -2
- package/dist/esm/components/Label/Label.css +1 -1
- package/dist/esm/components/LicensePlateInput/LicensePlateInput.css +1 -1
- package/dist/esm/components/Menu/Menu.css +1 -1
- package/dist/esm/components/Pagination/Pagination.css +15 -15
- package/dist/esm/components/PhotoUploader/PhotoUploader.css +4 -4
- package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css +10 -6
- package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js +27 -16
- package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -1
- package/dist/esm/components/SearchInput/SearchInput.css +4 -4
- package/dist/esm/components/Select/Select.css +2 -2
- package/dist/esm/components/SmsOtpField/SmsOtpField.css +2 -2
- package/dist/esm/components/SpecList/SpecList.css +8 -8
- package/dist/esm/components/Spinner/Spinner.css +1 -1
- package/dist/esm/components/SwipeActions/SwipeActions.css +6 -6
- package/dist/esm/components/Table/Table.css +3 -3
- package/dist/esm/components/Table/TablePagination.css +1 -1
- package/dist/esm/components/Tabs/Tabs.css +6 -6
- package/dist/esm/components/Textarea/Textarea.css +2 -2
- package/dist/esm/components/Waveform/Waveform.css +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/esm/components/index.js.map +1 -1
- package/dist/styles/components/ActionSheet.css +4 -4
- package/dist/styles/components/BottomBar.css +0 -3
- package/dist/styles/components/Breadcrumb.css +26 -2
- package/dist/styles/components/Combobox.css +2 -2
- package/dist/styles/components/ContextSelect.css +4 -4
- package/dist/styles/components/DocumentViewer.css +2 -2
- package/dist/styles/components/DropdownSelect.css +3 -3
- package/dist/styles/components/EmptyState.css +8 -8
- package/dist/styles/components/FAB.css +1 -1
- package/dist/styles/components/FileUpload.css +10 -10
- package/dist/styles/components/Input.css +2 -2
- package/dist/styles/components/Label.css +1 -1
- package/dist/styles/components/LicensePlateInput.css +1 -1
- package/dist/styles/components/Menu.css +1 -1
- package/dist/styles/components/Pagination.css +15 -15
- package/dist/styles/components/PhotoUploader.css +4 -4
- package/dist/styles/components/ProgressAccordeon.css +10 -6
- package/dist/styles/components/SearchInput.css +4 -4
- package/dist/styles/components/Select.css +2 -2
- package/dist/styles/components/SmsOtpField.css +2 -2
- package/dist/styles/components/SpecList.css +8 -8
- package/dist/styles/components/Spinner.css +1 -1
- package/dist/styles/components/SwipeActions.css +6 -6
- package/dist/styles/components/Table.css +3 -3
- package/dist/styles/components/Tabs.css +6 -6
- package/dist/styles/components/Textarea.css +2 -2
- package/dist/styles/components/Waveform.css +1 -1
- package/dist/styles/index.css +1253 -1228
- package/dist/styles/muka-dark.css +1253 -1228
- package/dist/styles/muka-light.css +1253 -1228
- package/dist/styles/wireframe-dark.css +1253 -1228
- package/dist/styles/wireframe-light.css +1253 -1228
- package/dist/types/components/Icon/Icon.d.ts +20 -7
- package/dist/types/components/Icon/Icon.d.ts.map +1 -1
- package/dist/types/components/Icon/iconRegistry.d.ts +109 -14
- package/dist/types/components/Icon/iconRegistry.d.ts.map +1 -1
- package/dist/types/components/Icon/index.d.ts +1 -1
- package/dist/types/components/Icon/index.d.ts.map +1 -1
- package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts +17 -12
- package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +1 -1
- package/dist/types/components/index.d.ts.map +1 -1
- package/package.json +3 -1
- package/skills/figma-to-code/SKILL.md +17 -2
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/Icon/index.ts"],"names":[],"mappings":"AAAA,OAAO,EACL,IAAI,EAKJ,YAAY,EACZ,mBAAmB,EACnB,YAAY,GAEb,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,OAAO,EAAE,MAAM,QAAQ,CAAC"}
|
|
@@ -39,7 +39,7 @@
|
|
|
39
39
|
}
|
|
40
40
|
|
|
41
41
|
.muka-input__required {
|
|
42
|
-
color: var(--color-state-error-
|
|
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-
|
|
248
|
+
color: var(--color-state-error-default);
|
|
249
249
|
margin: 0;
|
|
250
250
|
}
|
|
@@ -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-
|
|
188
|
+
color: var(--color-state-error-default);
|
|
189
189
|
margin: 0;
|
|
190
190
|
}
|
|
@@ -30,9 +30,9 @@
|
|
|
30
30
|
|
|
31
31
|
/* Active page */
|
|
32
32
|
.muka-pagination__button--active {
|
|
33
|
-
background-color: var(--button-color-primary-default
|
|
34
|
-
color: var(--button-color-primary-default
|
|
35
|
-
border-color: var(--button-color-primary-default
|
|
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(--
|
|
67
|
-
height: var(--
|
|
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(--
|
|
73
|
-
height: var(--
|
|
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(--
|
|
79
|
-
height: var(--
|
|
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(--
|
|
85
|
-
height: var(--
|
|
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(--
|
|
91
|
-
height: var(--
|
|
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(--
|
|
97
|
-
height: var(--
|
|
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-
|
|
83
|
-
font-size: var(--text-body-
|
|
84
|
-
font-weight: var(--text-body-
|
|
85
|
-
line-height: var(--text-body-
|
|
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
|
-
/*
|
|
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
|
-
/*
|
|
60
|
-
|
|
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. */
|
|
@@ -16,11 +16,14 @@ import './ProgressAccordeon.css';
|
|
|
16
16
|
* - **past** — dark check indicator, heading, edit + chevron controls; the
|
|
17
17
|
* content slot collapses/expands via `collapsed` + `onToggle`
|
|
18
18
|
* - **current** — accent numbered indicator, heading, content slot, actions
|
|
19
|
-
* - **upcoming** — muted numbered indicator, heading
|
|
19
|
+
* - **upcoming** — muted numbered indicator, heading; optional collapsible
|
|
20
|
+
* content slot (same `collapsed` + `onToggle` as past) for empty-state
|
|
21
|
+
* instructions or picking up a step out of order
|
|
20
22
|
*
|
|
21
23
|
* Content is passed as `children` (an optional slot) and rendered as-is — supply
|
|
22
|
-
* your own `Card` when you want
|
|
23
|
-
* Divider primitives and is fully themed through the Muka
|
|
24
|
+
* your own `Card` or `EmptyState` when you want those surfaces. Composes the
|
|
25
|
+
* Button, Icon and Divider primitives and is fully themed through the Muka
|
|
26
|
+
* design token system.
|
|
24
27
|
*
|
|
25
28
|
* Tokens used:
|
|
26
29
|
* - alias.color.accent.{default|contrast} — step indicator fills
|
|
@@ -39,18 +42,25 @@ import './ProgressAccordeon.css';
|
|
|
39
42
|
export const ProgressAccordeon = ({ state, stepNumber, heading, description, children, divider = true, collapsed = false, onToggle, editLabel = 'Edit', onEdit, primaryAction, secondaryAction, className = '', }) => {
|
|
40
43
|
const isPast = state === 'past';
|
|
41
44
|
const isCurrent = state === 'current';
|
|
42
|
-
const
|
|
43
|
-
|
|
44
|
-
|
|
45
|
-
const
|
|
46
|
-
|
|
47
|
-
|
|
48
|
-
const
|
|
45
|
+
const isUpcoming = state === 'upcoming';
|
|
46
|
+
// Past and upcoming share the collapsible slot pattern so consumers can show
|
|
47
|
+
// empty-state instructions on future steps and pick steps up independently.
|
|
48
|
+
const isCollapsible = isPast || isUpcoming;
|
|
49
|
+
const showToggle = isCollapsible && Boolean(onToggle);
|
|
50
|
+
const showEdit = isPast && !collapsed && Boolean(onEdit);
|
|
51
|
+
const showDescription = Boolean(description) && !(isCollapsible && collapsed);
|
|
52
|
+
// Collapsible steps keep their content mounted regardless of `collapsed` so
|
|
53
|
+
// the collapse/expand can be CSS-animated (you can't animate an unmounted node).
|
|
54
|
+
const hasSlot = (isCollapsible || isCurrent) && Boolean(children);
|
|
49
55
|
const hasActions = isCurrent && Boolean(primaryAction || secondaryAction);
|
|
56
|
+
// Collapse modifiers only when the step can actually collapse — keeps
|
|
57
|
+
// header-only upcoming spacing on the base `--upcoming` gap rule.
|
|
58
|
+
const showCollapseModifiers = isPast || (isUpcoming && (Boolean(children) || Boolean(onToggle)));
|
|
50
59
|
const rootClasses = [
|
|
51
60
|
'muka-progress-accordeon',
|
|
52
61
|
`muka-progress-accordeon--${state}`,
|
|
53
|
-
|
|
62
|
+
showCollapseModifiers &&
|
|
63
|
+
`muka-progress-accordeon--${collapsed ? 'collapsed' : 'expanded'}`,
|
|
54
64
|
className,
|
|
55
65
|
].filter(Boolean).join(' ');
|
|
56
66
|
const indicatorClasses = [
|
|
@@ -59,9 +69,10 @@ export const ProgressAccordeon = ({ state, stepNumber, heading, description, chi
|
|
|
59
69
|
].join(' ');
|
|
60
70
|
const header = (_jsxs("div", { className: "muka-progress-accordeon__header", children: [_jsxs("div", { className: "muka-progress-accordeon__header-row", children: [_jsxs("div", { className: "muka-progress-accordeon__heading-group", children: [_jsx("div", { className: indicatorClasses, "aria-hidden": "true", children: isPast ? (_jsx(Icon, { name: "check", variant: "fill", size: "sm", className: "muka-progress-accordeon__check-icon" })) : (_jsx("span", { className: "muka-progress-accordeon__number", children: stepNumber })) }), _jsx("h3", { className: "muka-progress-accordeon__heading", children: heading })] }), (showEdit || showToggle) && (_jsxs("div", { className: "muka-progress-accordeon__controls", children: [showEdit && (_jsxs(_Fragment, { children: [_jsx(Button, { variant: "tertiary", size: "md", onClick: onEdit, iconLeft: _jsx(Icon, { name: "pencil", variant: "line", size: "md" }), className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--wide", children: editLabel }), _jsx(Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onEdit, className: "muka-progress-accordeon__edit muka-progress-accordeon__edit--narrow", "aria-label": editLabel, children: _jsx(Icon, { name: "pencil", variant: "line", size: "md" }) })] })), showToggle && (_jsx(Button, { variant: "tertiary", size: "md", iconOnly: true, onClick: onToggle, className: "muka-progress-accordeon__toggle", "aria-label": collapsed ? 'Expand' : 'Collapse', "aria-expanded": !collapsed, children: _jsx(Icon, { name: collapsed ? 'arrow-down-s' : 'arrow-up-s', variant: "line", size: "md" }) }))] }))] }), showDescription && (_jsx("div", { className: "muka-progress-accordeon__description", children: description }))] }));
|
|
61
71
|
const slot = hasSlot ? (_jsx("div", { className: "muka-progress-accordeon__slot", children: children })) : null;
|
|
62
|
-
//
|
|
63
|
-
// collapses its height to zero. Marked inert + aria-hidden while
|
|
64
|
-
// the still-mounted content is skipped by keyboard focus and
|
|
72
|
+
// Collapsible steps wrap the (always-mounted) slot in a grid animation
|
|
73
|
+
// container that collapses its height to zero. Marked inert + aria-hidden while
|
|
74
|
+
// collapsed so the still-mounted content is skipped by keyboard focus and
|
|
75
|
+
// assistive tech.
|
|
65
76
|
// `inert` is set imperatively on the DOM node rather than via a React prop:
|
|
66
77
|
// React 18 drops a boolean `inert` prop, while React 19 warns on the string
|
|
67
78
|
// form — toggling the attribute directly works correctly under both.
|
|
@@ -77,8 +88,8 @@ export const ProgressAccordeon = ({ state, stepNumber, heading, description, chi
|
|
|
77
88
|
node.removeAttribute('inert');
|
|
78
89
|
}
|
|
79
90
|
}, [collapsed]);
|
|
80
|
-
const
|
|
81
|
-
return (_jsxs("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [
|
|
91
|
+
const collapsibleSlot = hasSlot ? (_jsx("div", { ref: slotWrapperRef, className: `muka-progress-accordeon__slot-wrapper${collapsed ? ' muka-progress-accordeon__slot-wrapper--collapsed' : ''}`, "aria-hidden": collapsed || undefined, children: _jsx("div", { className: "muka-progress-accordeon__slot-clip", children: slot }) })) : null;
|
|
92
|
+
return (_jsxs("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [isCollapsible ? (_jsxs("div", { className: "muka-progress-accordeon__body", children: [header, collapsibleSlot] })) : (_jsxs(_Fragment, { children: [header, slot] })), hasActions && (_jsxs("div", { className: "muka-progress-accordeon__actions", children: [secondaryAction && (_jsx(Button, { variant: "secondary", size: "md", onClick: secondaryAction.onClick, disabled: secondaryAction.disabled, className: "muka-progress-accordeon__action", children: secondaryAction.label })), primaryAction && (_jsx(Button, { variant: "primary", size: "md", onClick: primaryAction.onClick, disabled: primaryAction.disabled, className: "muka-progress-accordeon__action", children: primaryAction.label }))] })), divider && _jsx(Divider, { className: "muka-progress-accordeon__divider" })] }));
|
|
82
93
|
};
|
|
83
94
|
export default ProgressAccordeon;
|
|
84
95
|
//# sourceMappingURL=ProgressAccordeon.js.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"ProgressAccordeon.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"AAAA,YAAY,CAAC;;AAEb,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,WAAW,CAAC;AACnC,OAAO,EAAE,IAAI,EAAE,MAAM,SAAS,CAAC;AAC/B,OAAO,EAAE,OAAO,EAAE,MAAM,YAAY,CAAC;AACrC,OAAO,yBAAyB,CAAC;
|
|
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-
|
|
84
|
-
font-weight: var(--text-body-
|
|
85
|
-
font-size: var(--text-body-
|
|
86
|
-
line-height: var(--text-body-
|
|
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-
|
|
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-
|
|
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-
|
|
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-
|
|
187
|
+
color: var(--color-state-error-default);
|
|
188
188
|
margin: 0;
|
|
189
189
|
}
|
|
@@ -20,10 +20,10 @@
|
|
|
20
20
|
flex: 0 0 auto;
|
|
21
21
|
margin: 0;
|
|
22
22
|
color: var(--color-text-subtle-default);
|
|
23
|
-
font-family: var(--text-body-
|
|
24
|
-
font-weight: var(--text-body-
|
|
25
|
-
font-size: var(--text-body-
|
|
26
|
-
line-height: var(--text-body-
|
|
23
|
+
font-family: var(--text-body-base-regular-fontFamily);
|
|
24
|
+
font-weight: var(--text-body-base-regular-fontWeight);
|
|
25
|
+
font-size: var(--text-body-base-regular-fontSize);
|
|
26
|
+
line-height: var(--text-body-base-regular-lineHeight);
|
|
27
27
|
overflow: hidden;
|
|
28
28
|
text-overflow: ellipsis;
|
|
29
29
|
white-space: nowrap;
|
|
@@ -41,10 +41,10 @@
|
|
|
41
41
|
}
|
|
42
42
|
|
|
43
43
|
.muka-spec-row__value-text {
|
|
44
|
-
font-family: var(--text-body-
|
|
45
|
-
font-weight: var(--text-body-
|
|
46
|
-
font-size: var(--text-body-
|
|
47
|
-
line-height: var(--text-body-
|
|
44
|
+
font-family: var(--text-body-base-regular-fontFamily);
|
|
45
|
+
font-weight: var(--text-body-base-regular-fontWeight);
|
|
46
|
+
font-size: var(--text-body-base-regular-fontSize);
|
|
47
|
+
line-height: var(--text-body-base-regular-lineHeight);
|
|
48
48
|
}
|
|
49
49
|
|
|
50
50
|
.muka-spec-row__hint {
|
|
@@ -86,20 +86,20 @@
|
|
|
86
86
|
|
|
87
87
|
.muka-swipe-actions__button--primary {
|
|
88
88
|
background-color: var(--color-action-default);
|
|
89
|
-
color: var(--color-text-inverse
|
|
89
|
+
color: var(--color-text-default-inverse);
|
|
90
90
|
}
|
|
91
91
|
|
|
92
92
|
.muka-swipe-actions__button--success {
|
|
93
|
-
background-color: var(--color-state-success-default
|
|
94
|
-
color: var(--color-text-inverse
|
|
93
|
+
background-color: var(--color-state-success-default);
|
|
94
|
+
color: var(--color-text-default-inverse);
|
|
95
95
|
}
|
|
96
96
|
|
|
97
97
|
.muka-swipe-actions__button--warning {
|
|
98
|
-
background-color: var(--color-state-warning-default
|
|
98
|
+
background-color: var(--color-state-warning-default);
|
|
99
99
|
color: var(--color-text-default-default);
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
.muka-swipe-actions__button--destructive {
|
|
103
|
-
background-color: var(--color-state-error-default
|
|
104
|
-
color: var(--color-text-inverse
|
|
103
|
+
background-color: var(--color-state-error-default);
|
|
104
|
+
color: var(--color-text-default-inverse);
|
|
105
105
|
}
|
|
@@ -55,7 +55,7 @@
|
|
|
55
55
|
======================================== */
|
|
56
56
|
|
|
57
57
|
.muka-table__body .muka-table__row {
|
|
58
|
-
border-bottom: var(--border-width-regular) solid var(--color-border-
|
|
58
|
+
border-bottom: var(--border-width-regular) solid var(--color-border-muted);
|
|
59
59
|
}
|
|
60
60
|
|
|
61
61
|
.muka-table__body .muka-table__row:last-child {
|
|
@@ -67,11 +67,11 @@
|
|
|
67
67
|
}
|
|
68
68
|
|
|
69
69
|
.muka-table__body .muka-table__row--selected {
|
|
70
|
-
background-color: var(--table-row-selected-background, var(--color-action-
|
|
70
|
+
background-color: var(--table-row-selected-background, var(--color-action-default));
|
|
71
71
|
}
|
|
72
72
|
|
|
73
73
|
.muka-table__body .muka-table__row--selected:hover {
|
|
74
|
-
background-color: var(--table-row-selected-background, var(--color-action-
|
|
74
|
+
background-color: var(--table-row-selected-background, var(--color-action-default));
|
|
75
75
|
}
|
|
76
76
|
|
|
77
77
|
.muka-table__row--clickable {
|
|
@@ -13,7 +13,7 @@
|
|
|
13
13
|
padding: var(--table-pagination-padding, var(--spacing-3));
|
|
14
14
|
background-color: var(--table-pagination-background, var(--color-surface-level1));
|
|
15
15
|
border-top: var(--border-width-regular) solid var(--table-pagination-border, var(--color-border-default));
|
|
16
|
-
font-family: var(--text-body-
|
|
16
|
+
font-family: var(--text-body-base-regular-fontFamily);
|
|
17
17
|
font-size: var(--text-body-sm-regular-fontSize);
|
|
18
18
|
line-height: var(--text-body-sm-regular-lineHeight);
|
|
19
19
|
color: var(--color-text-default-default);
|
|
@@ -25,7 +25,7 @@
|
|
|
25
25
|
align-items: center;
|
|
26
26
|
position: relative;
|
|
27
27
|
z-index: 2;
|
|
28
|
-
border-bottom: 1px solid var(--color-border
|
|
28
|
+
border-bottom: 1px solid var(--tabs-trigger-color-default-border);
|
|
29
29
|
}
|
|
30
30
|
|
|
31
31
|
/* Tab Trigger — clean underline style */
|
|
@@ -43,7 +43,7 @@
|
|
|
43
43
|
white-space: nowrap;
|
|
44
44
|
position: relative;
|
|
45
45
|
z-index: 2;
|
|
46
|
-
color: var(--
|
|
46
|
+
color: var(--tabs-trigger-color-default-foreground);
|
|
47
47
|
|
|
48
48
|
/* Default MD size values */
|
|
49
49
|
height: 48px;
|
|
@@ -75,12 +75,12 @@
|
|
|
75
75
|
|
|
76
76
|
/* Hover state */
|
|
77
77
|
.muka-tabs__trigger:hover:not(:disabled):not(.muka-tabs__trigger--current) {
|
|
78
|
-
color: var(--color-
|
|
78
|
+
color: var(--tabs-trigger-color-hover-foreground);
|
|
79
79
|
}
|
|
80
80
|
|
|
81
81
|
/* Current tab */
|
|
82
82
|
.muka-tabs__trigger--current {
|
|
83
|
-
color: var(--color-
|
|
83
|
+
color: var(--tabs-trigger-color-current-foreground);
|
|
84
84
|
}
|
|
85
85
|
|
|
86
86
|
/* Active bottom border (underline) */
|
|
@@ -91,7 +91,7 @@
|
|
|
91
91
|
left: 0;
|
|
92
92
|
right: 0;
|
|
93
93
|
height: 3px;
|
|
94
|
-
background-color: var(--color-
|
|
94
|
+
background-color: var(--tabs-trigger-color-current-foreground);
|
|
95
95
|
border-bottom-left-radius: 1px;
|
|
96
96
|
border-bottom-right-radius: 1px;
|
|
97
97
|
border-top-left-radius: 3px;
|
|
@@ -100,7 +100,7 @@
|
|
|
100
100
|
}
|
|
101
101
|
|
|
102
102
|
.muka-tabs__trigger--disabled {
|
|
103
|
-
color: var(--color-
|
|
103
|
+
color: var(--tabs-trigger-color-disabled-foreground);
|
|
104
104
|
cursor: not-allowed;
|
|
105
105
|
}
|
|
106
106
|
|
|
@@ -34,7 +34,7 @@
|
|
|
34
34
|
}
|
|
35
35
|
|
|
36
36
|
.muka-textarea__required {
|
|
37
|
-
color: var(--color-state-error-
|
|
37
|
+
color: var(--color-state-error-default);
|
|
38
38
|
}
|
|
39
39
|
|
|
40
40
|
/* Field container */
|
|
@@ -147,7 +147,7 @@
|
|
|
147
147
|
font-weight: var(--text-label-sm-regular-fontWeight);
|
|
148
148
|
font-size: var(--text-label-sm-regular-fontSize);
|
|
149
149
|
line-height: var(--text-label-sm-regular-lineHeight);
|
|
150
|
-
color: var(--color-state-error-
|
|
150
|
+
color: var(--color-state-error-default);
|
|
151
151
|
margin: 0;
|
|
152
152
|
}
|
|
153
153
|
|
|
@@ -6,7 +6,7 @@ export { Form, useForm, } from './Form';
|
|
|
6
6
|
export { NumberInput } from './NumberInput';
|
|
7
7
|
export { Card } from './Card';
|
|
8
8
|
export { Label } from './Label';
|
|
9
|
-
export { Icon } from './Icon';
|
|
9
|
+
export { Icon, registerIcon, listRegisteredIcons, } from './Icon';
|
|
10
10
|
export { Chip } from './Chip';
|
|
11
11
|
export { Divider } from './Divider';
|
|
12
12
|
export { Select } from './Select';
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"AAAA,gCAAgC;AAChC,OAAO,EAAE,MAAM,EAAoB,MAAM,UAAU,CAAC;AACpD,OAAO,EAAE,QAAQ,EAAsB,MAAM,YAAY,CAAC;AAC1D,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,EACL,IAAI,EAEJ,OAAO,GAMR,MAAM,QAAQ,CAAC;AAChB,OAAO,EAAE,WAAW,EAAyB,MAAM,eAAe,CAAC;AACnE,OAAO,EAAE,IAAI,EAAkB,MAAM,QAAQ,CAAC;AAC9C,OAAO,EAAE,KAAK,EAAmB,MAAM,SAAS,CAAC;AACjD,OAAO,
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../components/index.ts"],"names":[],"mappings":"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"}
|
|
@@ -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-
|
|
60
|
-
font-weight: var(--text-body-
|
|
61
|
-
font-size: var(--text-body-
|
|
62
|
-
line-height: var(--text-body-
|
|
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 */
|