@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
@@ -1 +1 @@
1
- {"version":3,"file":"iconRegistry.d.ts","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAiBF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAC;AAoElE,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7C"}
1
+ {"version":3,"file":"iconRegistry.d.ts","sourceRoot":"","sources":["../../../../components/Icon/iconRegistry.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAK1B,MAAM,MAAM,iBAAiB,GAAG;IAC9B,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;IAClD,IAAI,EAAE,KAAK,CAAC,aAAa,CAAC;QAAE,SAAS,CAAC,EAAE,MAAM,CAAA;KAAE,CAAC,CAAC;CACnD,CAAC;AAkBF;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,MAAM,CAAC,MAAM,EAAE,iBAAiB,CAAM,CAAC;AA4ElE,MAAM,MAAM,QAAQ,GAAG,MAAM,CAAC;AAE9B,wBAAgB,gBAAgB,CAC9B,IAAI,EAAE,QAAQ,EACd,OAAO,EAAE,MAAM,GAAG,MAAM,GACvB,KAAK,CAAC,aAAa,CAAC;IAAE,SAAS,CAAC,EAAE,MAAM,CAAA;CAAE,CAAC,CAI7C"}
@@ -14,7 +14,8 @@ export interface ProgressAccordeonProps {
14
14
  * Step state:
15
15
  * - `past` — completed step (check indicator, editable, collapsible content)
16
16
  * - `current` — active step (numbered accent indicator, content, actions)
17
- * - `upcoming` — future step (numbered muted indicator, header only)
17
+ * - `upcoming` — future step (numbered muted indicator; optional collapsible
18
+ * slot for empty-state instructions or independent step pickup)
18
19
  */
19
20
  state: ProgressAccordeonState;
20
21
  /** Step number shown in the indicator for `current` and `upcoming` states (1-indexed) */
@@ -23,25 +24,26 @@ export interface ProgressAccordeonProps {
23
24
  heading: string;
24
25
  /**
25
26
  * Optional supporting description rendered below the heading (aligned under the
26
- * heading text). Hidden while a `past` step is collapsed.
27
+ * heading text). Hidden while a collapsible (`past` / `upcoming`) step is collapsed.
27
28
  */
28
29
  description?: React.ReactNode;
29
30
  /**
30
- * Slot content — rendered directly for `past` (when expanded) and `current`
31
- * states. Optional: supply your own `Card` (or any node) as the content.
31
+ * Slot content — rendered for `past` and `upcoming` (when expanded) and for
32
+ * `current`. Optional: supply your own `Card`, `EmptyState`, or any node.
32
33
  */
33
34
  children?: React.ReactNode;
34
35
  /** Show the trailing divider (default: true) */
35
36
  divider?: boolean;
36
37
  /**
37
- * Collapsed state for the `past` step (default: false). When collapsed the
38
- * content slot is hidden and the toggle shows a down-chevron. Ignored for
39
- * `current` and `upcoming`.
38
+ * Collapsed state for collapsible steps (`past` and `upcoming`; default: false).
39
+ * When collapsed the content slot is hidden and the toggle shows a down-chevron.
40
+ * Ignored for `current`.
40
41
  */
41
42
  collapsed?: boolean;
42
43
  /**
43
- * Toggle handler for the `past` step. When provided, renders a chevron
44
- * button that expands/collapses the step (controlled via `collapsed`).
44
+ * Toggle handler for collapsible steps (`past` and `upcoming`). When provided,
45
+ * renders a chevron button that expands/collapses the step (controlled via
46
+ * `collapsed`).
45
47
  */
46
48
  onToggle?: () => void;
47
49
  /** Label for the edit button shown in the expanded `past` state (default: "Edit") */
@@ -66,11 +68,14 @@ export interface ProgressAccordeonProps {
66
68
  * - **past** — dark check indicator, heading, edit + chevron controls; the
67
69
  * content slot collapses/expands via `collapsed` + `onToggle`
68
70
  * - **current** — accent numbered indicator, heading, content slot, actions
69
- * - **upcoming** — muted numbered indicator, heading only
71
+ * - **upcoming** — muted numbered indicator, heading; optional collapsible
72
+ * content slot (same `collapsed` + `onToggle` as past) for empty-state
73
+ * instructions or picking up a step out of order
70
74
  *
71
75
  * Content is passed as `children` (an optional slot) and rendered as-is — supply
72
- * your own `Card` when you want a card surface. Composes the Button, Icon and
73
- * Divider primitives and is fully themed through the Muka design token system.
76
+ * your own `Card` or `EmptyState` when you want those surfaces. Composes the
77
+ * Button, Icon and Divider primitives and is fully themed through the Muka
78
+ * design token system.
74
79
  *
75
80
  * Tokens used:
76
81
  * - alias.color.accent.{default|contrast} — step indicator fills
@@ -1 +1 @@
1
- {"version":3,"file":"ProgressAccordeon.d.ts","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;OAKG;IACH,KAAK,EAAE,sBAAsB,CAAC;IAE9B,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IAEnB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;OAGG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAE1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GA8BG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAyM9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
1
+ {"version":3,"file":"ProgressAccordeon.d.ts","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"AAEA,OAAO,KAAK,MAAM,OAAO,CAAC;AAI1B,OAAO,yBAAyB,CAAC;AAEjC,MAAM,MAAM,sBAAsB,GAAG,MAAM,GAAG,SAAS,GAAG,UAAU,CAAC;AAErE,MAAM,WAAW,uBAAuB;IACtC,mBAAmB;IACnB,KAAK,EAAE,MAAM,CAAC;IACd,oBAAoB;IACpB,OAAO,CAAC,EAAE,MAAM,IAAI,CAAC;IACrB,qBAAqB;IACrB,QAAQ,CAAC,EAAE,OAAO,CAAC;CACpB;AAED,MAAM,WAAW,sBAAsB;IACrC;;;;;;OAMG;IACH,KAAK,EAAE,sBAAsB,CAAC;IAE9B,yFAAyF;IACzF,UAAU,EAAE,MAAM,CAAC;IAEnB,wBAAwB;IACxB,OAAO,EAAE,MAAM,CAAC;IAEhB;;;OAGG;IACH,WAAW,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE9B;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAC;IAE3B,gDAAgD;IAChD,OAAO,CAAC,EAAE,OAAO,CAAC;IAElB;;;;OAIG;IACH,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB;;;;OAIG;IACH,QAAQ,CAAC,EAAE,MAAM,IAAI,CAAC;IAEtB,qFAAqF;IACrF,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,wFAAwF;IACxF,MAAM,CAAC,EAAE,MAAM,IAAI,CAAC;IAEpB,2EAA2E;IAC3E,aAAa,CAAC,EAAE,uBAAuB,CAAC;IAExC,6EAA6E;IAC7E,eAAe,CAAC,EAAE,uBAAuB,CAAC;IAE1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AAED;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;GAiCG;AACH,eAAO,MAAM,iBAAiB,EAAE,KAAK,CAAC,EAAE,CAAC,sBAAsB,CAiN9D,CAAC;AAEF,eAAe,iBAAiB,CAAC"}
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revikornmann/muka-ui",
3
- "version": "0.19.0",
3
+ "version": "0.20.0",
4
4
  "description": "Muka Design System - Multi-brand design tokens and React components",
5
5
  "main": "dist/cjs/components/index.js",
6
6
  "module": "dist/esm/components/index.js",
@@ -62,6 +62,7 @@
62
62
  "figma:connect:publish": "figma-code-connect --publish",
63
63
  "typecheck": "tsc --project tsconfig.typecheck.json",
64
64
  "check:docs": "node scripts/check-doc-sync.js",
65
+ "check:tokens-used": "node scripts/check-tokens-used.js",
65
66
  "lint": "eslint .",
66
67
  "lint:rsc": "eslint --config eslint.rsc.mjs \"components/**/*.{ts,tsx}\"",
67
68
  "validate:tokens": "node scripts/validate-tokens.js",