@revikornmann/muka-ui 0.4.1 → 0.6.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 (113) hide show
  1. package/cli/commands/brand.js +7 -0
  2. package/cli/commands/init.js +7 -1
  3. package/cli/templates/CLAUDE.md +18 -4
  4. package/cli/templates/muka-ui-guidelines.md +20 -0
  5. package/dist/cjs/components/DataPieChart/DataPieChart.js +1 -1
  6. package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
  7. package/dist/cjs/components/DataTable/DataTable.css +17 -0
  8. package/dist/cjs/components/DataTable/DataTable.js +15 -2
  9. package/dist/cjs/components/DataTable/DataTable.js.map +1 -1
  10. package/dist/cjs/components/ListItem/ListItem.css +10 -4
  11. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.css +207 -0
  12. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js +66 -0
  13. package/dist/cjs/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -0
  14. package/dist/cjs/components/ProgressAccordeon/index.js +11 -0
  15. package/dist/cjs/components/ProgressAccordeon/index.js.map +1 -0
  16. package/dist/cjs/components/{FormProgressBar/FormProgressBar.css → ProgressTracker/ProgressTracker.css} +28 -22
  17. package/dist/cjs/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +20 -20
  18. package/dist/cjs/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
  19. package/dist/cjs/components/ProgressTracker/index.js +8 -0
  20. package/dist/cjs/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
  21. package/dist/cjs/components/index.js +7 -5
  22. package/dist/cjs/components/index.js.map +1 -1
  23. package/dist/esm/components/DataPieChart/DataPieChart.js +1 -1
  24. package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
  25. package/dist/esm/components/DataTable/DataTable.css +17 -0
  26. package/dist/esm/components/DataTable/DataTable.js +15 -2
  27. package/dist/esm/components/DataTable/DataTable.js.map +1 -1
  28. package/dist/esm/components/ListItem/ListItem.css +10 -4
  29. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.css +207 -0
  30. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js +62 -0
  31. package/dist/esm/components/ProgressAccordeon/ProgressAccordeon.js.map +1 -0
  32. package/dist/esm/components/ProgressAccordeon/index.js +3 -0
  33. package/dist/esm/components/ProgressAccordeon/index.js.map +1 -0
  34. package/dist/{styles/components/FormProgressBar.css → esm/components/ProgressTracker/ProgressTracker.css} +28 -22
  35. package/dist/esm/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +18 -18
  36. package/dist/esm/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
  37. package/dist/esm/components/ProgressTracker/index.js +3 -0
  38. package/dist/esm/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
  39. package/dist/esm/components/index.js +2 -1
  40. package/dist/esm/components/index.js.map +1 -1
  41. package/dist/styles/components/DataTable.css +17 -0
  42. package/dist/styles/components/ListItem.css +10 -4
  43. package/dist/styles/components/ProgressAccordeon.css +207 -0
  44. package/dist/{esm/components/FormProgressBar/FormProgressBar.css → styles/components/ProgressTracker.css} +28 -22
  45. package/dist/styles/fonts/funnel-display-latin-wght-normal.woff2 +0 -0
  46. package/dist/styles/fonts/funnel-display.LICENSE.txt +93 -0
  47. package/dist/styles/fonts/funnel-sans-latin-wght-normal.woff2 +0 -0
  48. package/dist/styles/fonts/funnel-sans.LICENSE.txt +93 -0
  49. package/dist/styles/fonts/ibm-plex-sans-latin-wght-normal.woff2 +0 -0
  50. package/dist/styles/fonts/ibm-plex-sans.LICENSE.txt +93 -0
  51. package/dist/styles/fonts/lora-latin-wght-normal.woff2 +0 -0
  52. package/dist/styles/fonts/lora.LICENSE.txt +93 -0
  53. package/dist/styles/fonts/quicksand-latin-wght-normal.woff2 +0 -0
  54. package/dist/styles/fonts/quicksand.LICENSE.txt +93 -0
  55. package/dist/styles/fonts/red-hat-display-latin-wght-normal.woff2 +0 -0
  56. package/dist/styles/fonts/red-hat-display.LICENSE.txt +93 -0
  57. package/dist/styles/fonts/red-hat-text-latin-wght-normal.woff2 +0 -0
  58. package/dist/styles/fonts/red-hat-text.LICENSE.txt +93 -0
  59. package/dist/styles/fonts/yesteryear-latin-400-normal.woff2 +0 -0
  60. package/dist/styles/fonts/yesteryear.LICENSE.txt +93 -0
  61. package/dist/styles/fonts-all.css +75 -0
  62. package/dist/styles/fonts-bouwplan.css +30 -0
  63. package/dist/styles/fonts-fscl.css +21 -0
  64. package/dist/styles/fonts-grip.css +21 -0
  65. package/dist/styles/fonts-muka.css +30 -0
  66. package/dist/styles/fonts-wireframe.css +5 -0
  67. package/dist/styles/index.css +947 -568
  68. package/dist/styles/muka-dark.css +947 -568
  69. package/dist/styles/muka-light.css +947 -568
  70. package/dist/styles/tokens-bouwplan-dark.css +174 -66
  71. package/dist/styles/tokens-bouwplan-light.css +174 -66
  72. package/dist/styles/tokens-fscl-dark.css +113 -5
  73. package/dist/styles/tokens-fscl-light.css +113 -5
  74. package/dist/styles/tokens-grip-dark.css +113 -5
  75. package/dist/styles/tokens-grip-light.css +113 -5
  76. package/dist/styles/tokens-muka-dark.css +113 -5
  77. package/dist/styles/tokens-muka-light.css +113 -5
  78. package/dist/styles/tokens-wireframe-dark.css +113 -5
  79. package/dist/styles/tokens-wireframe-light.css +113 -5
  80. package/dist/styles/wireframe-dark.css +915 -568
  81. package/dist/styles/wireframe-light.css +915 -568
  82. package/dist/types/components/DataPieChart/DataPieChart.d.ts +1 -1
  83. package/dist/types/components/DataPieChart/DataPieChart.d.ts.map +1 -1
  84. package/dist/types/components/DataTable/DataTable.d.ts.map +1 -1
  85. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts +91 -0
  86. package/dist/types/components/ProgressAccordeon/ProgressAccordeon.d.ts.map +1 -0
  87. package/dist/types/components/ProgressAccordeon/index.d.ts +3 -0
  88. package/dist/types/components/ProgressAccordeon/index.d.ts.map +1 -0
  89. package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts → ProgressTracker/ProgressTracker.d.ts} +9 -9
  90. package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts.map → ProgressTracker/ProgressTracker.d.ts.map} +1 -1
  91. package/dist/types/components/ProgressTracker/index.d.ts +3 -0
  92. package/dist/types/components/{FormProgressBar → ProgressTracker}/index.d.ts.map +1 -1
  93. package/dist/types/components/index.d.ts +2 -1
  94. package/dist/types/components/index.d.ts.map +1 -1
  95. package/docs/consumers/setup-instructions.md +22 -3
  96. package/package.json +12 -2
  97. package/scripts/build-fonts.js +248 -0
  98. package/tokens/t1-primitives/color.json +400 -0
  99. package/tokens/t2-alias/brand/bouwplan/dark.json +15 -1
  100. package/tokens/t2-alias/brand/bouwplan/fonts.json +5 -5
  101. package/tokens/t2-alias/brand/bouwplan/light.json +15 -1
  102. package/tokens/t2-alias/brand/fscl/dark.json +15 -1
  103. package/tokens/t2-alias/brand/fscl/light.json +15 -1
  104. package/tokens/t2-alias/brand/grip/dark.json +51 -1
  105. package/tokens/t2-alias/brand/grip/light.json +51 -1
  106. package/tokens/t2-alias/brand/muka/dark.json +51 -1
  107. package/tokens/t2-alias/brand/muka/light.json +51 -1
  108. package/tokens/t2-alias/brand/wireframe/dark.json +51 -1
  109. package/tokens/t2-alias/brand/wireframe/light.json +51 -1
  110. package/tokens/t3-semantics/ui.json +13 -13
  111. package/dist/cjs/components/FormProgressBar/index.js +0 -8
  112. package/dist/esm/components/FormProgressBar/index.js +0 -3
  113. package/dist/types/components/FormProgressBar/index.d.ts +0 -3
@@ -187,6 +187,13 @@ async function brand(args) {
187
187
  console.log(`3. Link the generated CSS in your HTML:`);
188
188
  console.log(` <link rel="stylesheet" href="/styles/tokens-${brandName}-light.css" />`);
189
189
  console.log('');
190
+ console.log('4. Fonts: the family names in brand/fonts.json must be loaded somewhere.');
191
+ console.log(' - Reusing a font Muka already ships? Import its fonts file, e.g.');
192
+ console.log(" import '@revikornmann/muka-ui/styles/fonts-muka.css';");
193
+ console.log(' - Introducing your own font? Self-host it with your own @font-face');
194
+ console.log(' under the exact family name you put in fonts.json (do NOT use a');
195
+ console.log(' Google Fonts <link> in production — it breaks offline installs).');
196
+ console.log('');
190
197
  console.log('Token reference guide:');
191
198
  console.log(' Colors use T1 primitives like {color.gray.9}, {color.indigo.11}');
192
199
  console.log(' Available palettes: gray, mauve, sand, indigo, iris, mint, jade,');
@@ -149,7 +149,13 @@ async function init(args) {
149
149
  console.log('Setup complete!\n');
150
150
  console.log('Next steps:');
151
151
  console.log('1. Import styles in your app root:');
152
- console.log(` import '${manifest.package_name}/styles';`);
152
+ console.log(` import '${manifest.package_name}/styles'; // muka-light + muka fonts included`);
153
+ console.log(' Fonts are self-hosted by Muka (offline-ready). The default /styles');
154
+ console.log(' bundle already includes muka fonts. For another brand loaded via its');
155
+ console.log(' raw token file, also import its fonts, e.g.:');
156
+ console.log(` import '${manifest.package_name}/styles/fonts-bouwplan.css';`);
157
+ console.log(' Do NOT load fonts via next/font or Google Fonts, and do NOT override');
158
+ console.log(' the --*-fontFamily tokens.');
153
159
  console.log('');
154
160
  console.log('2. Import components:');
155
161
  console.log(` import { Button, Card } from '${manifest.package_name}';`);
@@ -32,12 +32,26 @@
32
32
  // Import components
33
33
  import { Button, Card, Input, Chip } from '{{PACKAGE_NAME}}';
34
34
 
35
- // Import styles (choose one theme)
36
- import '{{PACKAGE_NAME}}/styles'; // Default theme (muka-light)
37
- import '{{PACKAGE_NAME}}/styles/muka-dark.css'; // Dark theme
38
- import '{{PACKAGE_NAME}}/styles/wireframe-light.css'; // Wireframe brand
35
+ // Import styles (choose one theme) — these bundles include the brand's fonts
36
+ import '{{PACKAGE_NAME}}/styles'; // Default muka-light + muka fonts
37
+ import '{{PACKAGE_NAME}}/styles/muka-dark.css'; // muka-dark + muka fonts
38
+ import '{{PACKAGE_NAME}}/styles/wireframe-light.css'; // wireframe (system fonts)
39
+
40
+ // For a brand loaded via its raw token file (e.g. bouwplan/grip/fscl), also import fonts:
41
+ import '{{PACKAGE_NAME}}/styles/tokens-bouwplan-light.css';
42
+ import '{{PACKAGE_NAME}}/styles/fonts-bouwplan.css';
39
43
  ```
40
44
 
45
+ ### Fonts come from Muka — never load them yourself
46
+
47
+ - Muka self-hosts every brand's fonts as `@font-face` (offline-ready, no CDN). The
48
+ default `/styles` bundle and the `/styles/muka-*.css` + `/styles/wireframe-*.css`
49
+ bundles already include them; only a brand loaded via a raw `tokens-<brand>-<mode>.css`
50
+ file needs a separate `{{PACKAGE_NAME}}/styles/fonts-<brand>.css` import.
51
+ - Do NOT load these fonts via `next/font` or a Google Fonts `<link>`.
52
+ - Do NOT override the `--*-fontFamily` / `--alias-font-*-family` tokens — their
53
+ values are the exact `@font-face` family names.
54
+
41
55
  ### Acceptable Styling Patterns
42
56
 
43
57
  ```tsx
@@ -49,6 +49,26 @@ import '{{PACKAGE_NAME}}/styles/wireframe-light.css';
49
49
  import '{{PACKAGE_NAME}}/styles/wireframe-dark.css';
50
50
  ```
51
51
 
52
+ ### Fonts (self-hosted — zero wiring)
53
+
54
+ Muka ships every brand's fonts as self-hosted `@font-face` (bundled WOFF2, so they
55
+ render offline with no CDN). The `/styles` default bundle and the pre-bundled
56
+ `/styles/muka-*.css` + `/styles/wireframe-*.css` files already include their brand's
57
+ fonts — nothing else to do.
58
+
59
+ If you load a brand via its raw token file (bouwplan/grip/fscl), also import that
60
+ brand's fonts file:
61
+
62
+ ```tsx
63
+ import '{{PACKAGE_NAME}}/styles/tokens-bouwplan-light.css';
64
+ import '{{PACKAGE_NAME}}/styles/fonts-bouwplan.css';
65
+ ```
66
+
67
+ - **Do not** load these fonts via `next/font`, a Google Fonts `<link>`, or any other
68
+ loader — that duplicates the bytes and risks a family-name mismatch.
69
+ - **Do not** override the `--*-fontFamily` / `--alias-font-*-family` tokens — their
70
+ values are the exact `@font-face` family names Muka registers.
71
+
52
72
  ### Theme Switching
53
73
 
54
74
  To support dynamic theme switching, import all themes and toggle via a CSS class or attribute:
@@ -17,7 +17,7 @@ const GEOMETRY = {
17
17
  *
18
18
  * Variants: donut (default), pie
19
19
  */
20
- const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color = 'var(--color-state-info-default)', trackColor = 'var(--color-surface-level0)', showValue = false, className = '', 'aria-label': ariaLabel, ...props }) => {
20
+ const DataPieChart = ({ value, max = 100, variant = 'donut', size = 120, color = 'var(--color-action-default)', trackColor = 'var(--color-surface-level0)', showValue = false, className = '', 'aria-label': ariaLabel, ...props }) => {
21
21
  const { radius, strokeWidth } = GEOMETRY[variant];
22
22
  const circumference = 2 * Math.PI * radius;
23
23
  const safeMax = max > 0 ? max : 1;
@@ -1 +1 @@
1
- {"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":";;;;AACA,8BAA4B;AA+B5B,4EAA4E;AAC5E,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IACtC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;CAC5B,CAAC;AAEX;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,iCAAiC,EACzC,UAAU,GAAG,6BAA6B,EAC1C,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAE3C,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;IAE3C,MAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,wBAAwB,OAAO,EAAE;QACjC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,SAAS,IAAI,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,WAAW,OAAO,GAAG,CAAC;IAEzF,OAAO,CACL,iCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EACpC,IAAI,EAAC,KAAK,gBACE,KAAK,KACb,KAAK,aAET,iCAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAC,aAAa,iBAAa,MAAM,aAEhF,mCACE,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,UAAU,GAClB,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,mCACE,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,EACb,eAAe,EAAE,GAAG,SAAS,IAAI,aAAa,GAAG,SAAS,EAAE,EAC5D,gBAAgB,EAAE,CAAC,GACnB,CACH,IACG,EACL,SAAS,IAAI,OAAO,KAAK,OAAO,IAAI,CACnC,kCAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,aAC5D,OAAO,SACH,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,YAAY,gBAoEvB;AAEF,kBAAe,oBAAY,CAAC"}
1
+ {"version":3,"file":"DataPieChart.js","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":";;;;AACA,8BAA4B;AA+B5B,4EAA4E;AAC5E,MAAM,QAAQ,GAAG;IACf,KAAK,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;IACtC,GAAG,EAAE,EAAE,MAAM,EAAE,EAAE,EAAE,WAAW,EAAE,EAAE,EAAE;CAC5B,CAAC;AAEX;;;;;;;;GAQG;AACI,MAAM,YAAY,GAAgC,CAAC,EACxD,KAAK,EACL,GAAG,GAAG,GAAG,EACT,OAAO,GAAG,OAAO,EACjB,IAAI,GAAG,GAAG,EACV,KAAK,GAAG,6BAA6B,EACrC,UAAU,GAAG,6BAA6B,EAC1C,SAAS,GAAG,KAAK,EACjB,SAAS,GAAG,EAAE,EACd,YAAY,EAAE,SAAS,EACvB,GAAG,KAAK,EACT,EAAE,EAAE;IACH,MAAM,EAAE,MAAM,EAAE,WAAW,EAAE,GAAG,QAAQ,CAAC,OAAO,CAAC,CAAC;IAClD,MAAM,aAAa,GAAG,CAAC,GAAG,IAAI,CAAC,EAAE,GAAG,MAAM,CAAC;IAE3C,MAAM,OAAO,GAAG,GAAG,GAAG,CAAC,CAAC,CAAC,CAAC,GAAG,CAAC,CAAC,CAAC,CAAC,CAAC;IAClC,MAAM,QAAQ,GAAG,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,IAAI,CAAC,GAAG,CAAC,CAAC,EAAE,KAAK,GAAG,OAAO,CAAC,CAAC,CAAC;IAC3D,MAAM,OAAO,GAAG,IAAI,CAAC,KAAK,CAAC,QAAQ,GAAG,GAAG,CAAC,CAAC;IAC3C,MAAM,SAAS,GAAG,QAAQ,GAAG,aAAa,CAAC;IAE3C,MAAM,YAAY,GAAG;QACnB,qBAAqB;QACrB,wBAAwB,OAAO,EAAE;QACjC,SAAS;KACV;SACE,MAAM,CAAC,OAAO,CAAC;SACf,IAAI,CAAC,GAAG,CAAC,CAAC;IAEb,MAAM,KAAK,GAAG,SAAS,IAAI,GAAG,OAAO,KAAK,OAAO,CAAC,CAAC,CAAC,OAAO,CAAC,CAAC,CAAC,KAAK,WAAW,OAAO,GAAG,CAAC;IAEzF,OAAO,CACL,iCACE,SAAS,EAAE,YAAY,EACvB,KAAK,EAAE,EAAE,KAAK,EAAE,IAAI,EAAE,MAAM,EAAE,IAAI,EAAE,EACpC,IAAI,EAAC,KAAK,gBACE,KAAK,KACb,KAAK,aAET,iCAAK,SAAS,EAAC,0BAA0B,EAAC,OAAO,EAAC,aAAa,iBAAa,MAAM,aAEhF,mCACE,SAAS,EAAC,4BAA4B,EACtC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,UAAU,GAClB,EACD,QAAQ,GAAG,CAAC,IAAI,CACf,mCACE,SAAS,EAAC,8BAA8B,EACxC,EAAE,EAAE,EAAE,EACN,EAAE,EAAE,EAAE,EACN,CAAC,EAAE,MAAM,EACT,WAAW,EAAE,WAAW,EACxB,MAAM,EAAE,KAAK,EACb,eAAe,EAAE,GAAG,SAAS,IAAI,aAAa,GAAG,SAAS,EAAE,EAC5D,gBAAgB,EAAE,CAAC,GACnB,CACH,IACG,EACL,SAAS,IAAI,OAAO,KAAK,OAAO,IAAI,CACnC,kCAAM,SAAS,EAAC,4BAA4B,iBAAa,MAAM,aAC5D,OAAO,SACH,CACR,IACG,CACP,CAAC;AACJ,CAAC,CAAC;AApEW,QAAA,YAAY,gBAoEvB;AAEF,kBAAe,oBAAY,CAAC"}
@@ -341,6 +341,10 @@
341
341
  min-content, collapsing the flexible (1fr) stack track to 0. */
342
342
  .muka-data-table--responsive {
343
343
  display: block;
344
+ /* Collapsed cards always use md cell padding regardless of the table's `size`
345
+ — sm is too tight and lg wastes horizontal room, forcing the name to wrap. */
346
+ --dt-pad-x: var(--datatable-cell-padding-x-md);
347
+ --dt-pad-y: var(--datatable-cell-padding-y-md);
344
348
  }
345
349
 
346
350
  .muka-data-table--responsive .muka-data-table__body {
@@ -384,6 +388,11 @@
384
388
  .muka-data-table--responsive .muka-data-table__td--m-secondary {
385
389
  display: block;
386
390
  grid-column: 2;
391
+ /* Hug the widest secondary content (e.g. a status badge). The desktop column's
392
+ min/max-width are inline styles, so `!important` is required to drop them and
393
+ let the `auto` grid track shrink to the badge — freeing space for the name. */
394
+ min-width: 0 !important;
395
+ max-width: none !important;
387
396
  }
388
397
 
389
398
  .muka-data-table--responsive .muka-data-table__td--action {
@@ -401,6 +410,14 @@
401
410
  justify-content: flex-end;
402
411
  }
403
412
 
413
+ /* Utility for cell content: hide a sub-element in the collapsed card. Use it to
414
+ drop a redundant text label next to a compact visual (e.g. the "75%" beside a
415
+ donut) so only the visual shows and the secondary column hugs to its width.
416
+ `display: none` also collapses any surrounding flex `gap`, leaving no gutter. */
417
+ .muka-data-table--responsive .muka-data-table__mobile-hidden {
418
+ display: none;
419
+ }
420
+
404
421
  /* Stacked primary column: first field is the title, the rest are subtitle lines. */
405
422
  .muka-data-table__stack {
406
423
  display: flex;
@@ -40,6 +40,7 @@ const react_1 = __importStar(require("react"));
40
40
  require("./DataTable.css");
41
41
  const Icon_1 = require("../Icon");
42
42
  const Checkbox_1 = require("../Checkbox");
43
+ const PriceTag_1 = require("../PriceTag");
43
44
  /** Default comparator: numbers compare numerically, everything else as strings. */
44
45
  function compareValues(a, b) {
45
46
  if (a == null && b == null)
@@ -52,6 +53,18 @@ function compareValues(a, b) {
52
53
  return a - b;
53
54
  return String(a).localeCompare(String(b), undefined, { numeric: true });
54
55
  }
56
+ /**
57
+ * Force any `PriceTag` cell content to the compact `sm` variant, so prices stay
58
+ * consistent with the table's row density however the column renders them. Only
59
+ * the top-level element is coerced — the common case where a cell's value *is* a
60
+ * PriceTag. This always wins, overriding any `size` set on the element.
61
+ */
62
+ function coercePriceTagSize(content) {
63
+ if (react_1.default.isValidElement(content) && content.type === PriceTag_1.PriceTag) {
64
+ return react_1.default.cloneElement(content, { size: 'sm' });
65
+ }
66
+ return content;
67
+ }
55
68
  /** number → px, string passes through */
56
69
  function resolveSize(value) {
57
70
  if (value == null)
@@ -124,9 +137,9 @@ function DataTable({ columns, data, size = 'md', sortKey, sortDirection = 'asc',
124
137
  process.env.NODE_ENV !== 'production') {
125
138
  console.warn('[DataTable] Only one column may set mobile: "secondary"; using the first and ignoring the rest.');
126
139
  }
127
- const renderCellContent = (column, row, rowIndex) => column.render
140
+ const renderCellContent = (column, row, rowIndex) => coercePriceTagSize(column.render
128
141
  ? column.render(row, rowIndex)
129
- : (row[column.key] ?? null);
142
+ : (row[column.key] ?? null));
130
143
  // Per-cell role class on mobile: primary/hidden are display:none (their values
131
144
  // live in the stack cell), secondary becomes the second grid column.
132
145
  const mobileCellClass = (column) => {
@@ -1 +1 @@
1
- {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../components/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
1
+ {"version":3,"file":"DataTable.js","sourceRoot":"","sources":["../../../../components/DataTable/DataTable.tsx"],"names":[],"mappings":"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"}
@@ -19,7 +19,7 @@
19
19
  position: relative;
20
20
 
21
21
  /* Interaction - only apply if interactive */
22
- transition: background-color 0.2s ease;
22
+ transition: background-color 0.2s ease, box-shadow 0.2s ease;
23
23
  }
24
24
 
25
25
  /* Interactive state */
@@ -27,13 +27,19 @@
27
27
  cursor: pointer;
28
28
  }
29
29
 
30
+ /*
31
+ * surface.hover / surface.pressed are theme-adaptive translucent tints, so they
32
+ * are layered on top of the item's base surface via an inset box-shadow overlay
33
+ * rather than replacing background-color. This preserves the base level (level3,
34
+ * or level2 when selected) and lets the tint read correctly on any surface.
35
+ */
30
36
  .muka-listitem--interactive:hover:not(:disabled):not(.muka-listitem--disabled) {
31
- background-color: var(--color-surface-hover);
37
+ box-shadow: inset 0 0 0 9999px var(--color-surface-hover);
32
38
  }
33
39
 
34
40
  .muka-listitem--interactive:active:not(:disabled):not(.muka-listitem--disabled),
35
41
  .muka-listitem--interactive.muka-listitem--pressed:not(:disabled):not(.muka-listitem--disabled) {
36
- background-color: var(--color-surface-pressed);
42
+ box-shadow: inset 0 0 0 9999px var(--color-surface-pressed);
37
43
  }
38
44
 
39
45
  /* Focus styles for accessibility */
@@ -59,7 +65,7 @@
59
65
  }
60
66
 
61
67
  .muka-listitem--selected:hover {
62
- background-color: var(--color-surface-hover);
68
+ box-shadow: inset 0 0 0 9999px var(--color-surface-hover);
63
69
  }
64
70
 
65
71
  /* No divider modifier */
@@ -0,0 +1,207 @@
1
+ /* ProgressAccordeon Component Styles — Using Muka Design Tokens */
2
+
3
+ /* ─── Root ──────────────────────────────────────────────── */
4
+ .muka-progress-accordeon {
5
+ container-type: inline-size;
6
+ display: flex;
7
+ flex-direction: column;
8
+ align-items: stretch;
9
+ width: 100%;
10
+ /* Top padding provides the vertical rhythm between stacked steps */
11
+ padding-top: var(--spacing-8);
12
+ }
13
+
14
+ /* Per-state gap: content-bearing steps are tighter, header-only steps looser */
15
+ .muka-progress-accordeon--current,
16
+ .muka-progress-accordeon--past.muka-progress-accordeon--expanded {
17
+ gap: var(--spacing-6);
18
+ }
19
+
20
+ .muka-progress-accordeon--upcoming,
21
+ .muka-progress-accordeon--past.muka-progress-accordeon--collapsed {
22
+ gap: var(--spacing-8);
23
+ }
24
+
25
+ /* Past-expanded groups header + slot with a tighter internal gap */
26
+ .muka-progress-accordeon__body {
27
+ display: flex;
28
+ flex-direction: column;
29
+ gap: var(--spacing-4);
30
+ width: 100%;
31
+ }
32
+
33
+ /* ─── Header ─────────────────────────────────────────────── */
34
+ .muka-progress-accordeon__header {
35
+ display: flex;
36
+ flex-direction: column;
37
+ gap: var(--spacing-3);
38
+ width: 100%;
39
+ }
40
+
41
+ .muka-progress-accordeon__header-row {
42
+ display: flex;
43
+ align-items: flex-start;
44
+ gap: var(--spacing-3);
45
+ width: 100%;
46
+ min-height: 40px;
47
+ }
48
+
49
+ .muka-progress-accordeon__heading-group {
50
+ display: flex;
51
+ flex: 1 0 0;
52
+ min-width: 0;
53
+ align-items: flex-start;
54
+ gap: var(--spacing-4);
55
+ }
56
+
57
+ /* Past steps carry 40px controls; nudge the heading to vertically centre it */
58
+ .muka-progress-accordeon--past .muka-progress-accordeon__heading-group {
59
+ padding-top: var(--spacing-1);
60
+ }
61
+
62
+ .muka-progress-accordeon__controls {
63
+ display: flex;
64
+ flex-shrink: 0;
65
+ align-items: center;
66
+ gap: var(--spacing-3);
67
+ }
68
+
69
+ /* ─── Step indicator (circle) ───────────────────────────── */
70
+ .muka-progress-accordeon__indicator {
71
+ width: 32px;
72
+ height: 32px;
73
+ flex-shrink: 0;
74
+ border-radius: var(--border-radius-full);
75
+ display: flex;
76
+ align-items: center;
77
+ justify-content: center;
78
+ }
79
+
80
+ /* Past: dark accent-contrast circle with inverse checkmark */
81
+ .muka-progress-accordeon__indicator--past {
82
+ background-color: var(--alias-color-accent-contrast);
83
+ color: var(--color-text-default-inverse);
84
+ }
85
+
86
+ /* Current: accent circle with inverse bold number */
87
+ .muka-progress-accordeon__indicator--current {
88
+ background-color: var(--alias-color-accent-default);
89
+ color: var(--color-text-default-inverse);
90
+ }
91
+
92
+ /* Upcoming: sunken/muted circle with default-color number */
93
+ .muka-progress-accordeon__indicator--upcoming {
94
+ background-color: var(--color-surface-sunken);
95
+ color: var(--color-text-default-default);
96
+ }
97
+
98
+ .muka-progress-accordeon__check-icon {
99
+ width: 20px;
100
+ height: 20px;
101
+ color: var(--color-text-default-inverse);
102
+ }
103
+
104
+ .muka-progress-accordeon__number {
105
+ font-family: var(--text-label-md-bold-fontFamily);
106
+ font-weight: var(--text-label-md-bold-fontWeight);
107
+ font-size: var(--text-label-md-bold-fontSize);
108
+ line-height: var(--text-label-md-bold-lineHeight);
109
+ text-align: center;
110
+ user-select: none;
111
+ }
112
+
113
+ /* Upcoming number is semibold (not bold) per Figma */
114
+ .muka-progress-accordeon__indicator--upcoming .muka-progress-accordeon__number {
115
+ font-family: var(--text-label-md-semibold-fontFamily);
116
+ font-weight: var(--text-label-md-semibold-fontWeight);
117
+ }
118
+
119
+ /* ─── Heading (responsive: heading/md on wide, heading/sm on narrow) ─────── */
120
+ .muka-progress-accordeon__heading {
121
+ flex: 1 0 0;
122
+ min-width: 0;
123
+ margin: 0;
124
+ font-family: var(--text-heading-md-fontFamily);
125
+ font-weight: var(--text-heading-md-fontWeight);
126
+ font-size: var(--text-heading-md-fontSize);
127
+ line-height: var(--text-heading-md-lineHeight);
128
+ letter-spacing: var(--text-heading-md-letterSpacing);
129
+ color: var(--color-text-default-default);
130
+ }
131
+
132
+ /* ─── Description ────────────────────────────────────────── */
133
+ /* Indented 48px (32px indicator + 16px gap) to align under the heading text */
134
+ .muka-progress-accordeon__description {
135
+ width: 100%;
136
+ padding-left: 48px;
137
+ font-family: var(--text-body-base-regular-fontFamily);
138
+ font-weight: var(--text-body-base-regular-fontWeight);
139
+ font-size: var(--text-body-base-regular-fontSize);
140
+ line-height: var(--text-body-base-regular-lineHeight);
141
+ color: var(--color-text-default-default);
142
+ }
143
+
144
+ /* ─── Edit button ────────────────────────────────────────── */
145
+ .muka-progress-accordeon__edit {
146
+ flex-shrink: 0;
147
+ }
148
+
149
+ /* Wide container shows the labelled button; the icon-only one is hidden */
150
+ .muka-progress-accordeon__edit--narrow {
151
+ display: none;
152
+ }
153
+
154
+ /* ─── Content slot ───────────────────────────────────────── */
155
+ .muka-progress-accordeon__slot {
156
+ display: flex;
157
+ flex-direction: column;
158
+ align-items: stretch;
159
+ width: 100%;
160
+ }
161
+
162
+ /* ─── Action buttons (current state) ─────────────────────── */
163
+ .muka-progress-accordeon__actions {
164
+ display: flex;
165
+ justify-content: flex-end;
166
+ gap: var(--spacing-4);
167
+ width: 100%;
168
+ }
169
+
170
+ .muka-progress-accordeon__action {
171
+ min-width: 160px;
172
+ }
173
+
174
+ /* ─── Divider ────────────────────────────────────────────── */
175
+ .muka-progress-accordeon__divider {
176
+ width: 100%;
177
+ }
178
+
179
+ /* ─── Responsive (narrow container) ──────────────────────── */
180
+ @container (max-width: 480px) {
181
+ /* Heading steps down to heading/sm. The 24px line-height is shorter than the
182
+ 32px step indicator, so nudge the text down to keep a single line centred. */
183
+ .muka-progress-accordeon__heading {
184
+ font-size: var(--text-heading-sm-fontSize);
185
+ line-height: var(--text-heading-sm-lineHeight);
186
+ padding-top: var(--spacing-1);
187
+ }
188
+
189
+ /* Edit button swaps to the icon-only variant */
190
+ .muka-progress-accordeon__edit--wide {
191
+ display: none;
192
+ }
193
+
194
+ .muka-progress-accordeon__edit--narrow {
195
+ display: inline-flex;
196
+ }
197
+
198
+ /* Action buttons stretch to fill the row */
199
+ .muka-progress-accordeon__actions {
200
+ justify-content: stretch;
201
+ }
202
+
203
+ .muka-progress-accordeon__action {
204
+ flex: 1 0 0;
205
+ min-width: 0;
206
+ }
207
+ }
@@ -0,0 +1,66 @@
1
+ "use strict";
2
+ 'use client';
3
+ Object.defineProperty(exports, "__esModule", { value: true });
4
+ exports.ProgressAccordeon = void 0;
5
+ const jsx_runtime_1 = require("react/jsx-runtime");
6
+ const Button_1 = require("../Button");
7
+ const Icon_1 = require("../Icon");
8
+ const Divider_1 = require("../Divider");
9
+ require("./ProgressAccordeon.css");
10
+ /**
11
+ * ProgressAccordeon Component
12
+ *
13
+ * A single step in a vertical, progress-driven accordion flow. Each step
14
+ * combines a numbered/checked step indicator with a heading and an optional
15
+ * content slot — visualising both progress and the work for a step.
16
+ *
17
+ * States:
18
+ * - **past** — dark check indicator, heading, edit + chevron controls; the
19
+ * content slot collapses/expands via `collapsed` + `onToggle`
20
+ * - **current** — accent numbered indicator, heading, content slot, actions
21
+ * - **upcoming** — muted numbered indicator, heading only
22
+ *
23
+ * Content is passed as `children` (an optional slot) and rendered as-is — supply
24
+ * your own `Card` when you want a card surface. Composes the Button, Icon and
25
+ * Divider primitives and is fully themed through the Muka design token system.
26
+ *
27
+ * Tokens used:
28
+ * - alias.color.accent.{default|contrast} — step indicator fills
29
+ * - color.surface.sunken — upcoming indicator fill
30
+ * - color.text.default.{default|inverse} — indicator glyphs
31
+ * - text.heading.{md|sm} — step heading (responsive)
32
+ * - text.body.base.regular — supporting description
33
+ * - text.label.md.{bold|semibold} — indicator number
34
+ * - spacing.{1|4|6|8} — vertical rhythm and gaps
35
+ *
36
+ * @accessibility
37
+ * - Renders each step as a labelled group with `aria-current="step"` on the
38
+ * active (current) step.
39
+ * - The chevron toggle exposes `aria-expanded`.
40
+ */
41
+ const ProgressAccordeon = ({ state, stepNumber, heading, description, children, divider = true, collapsed = false, onToggle, editLabel = 'Edit', onEdit, primaryAction, secondaryAction, className = '', }) => {
42
+ const isPast = state === 'past';
43
+ const isCurrent = state === 'current';
44
+ const isExpanded = isPast && !collapsed;
45
+ const showToggle = isPast && Boolean(onToggle);
46
+ const showEdit = isExpanded && Boolean(onEdit);
47
+ const showDescription = Boolean(description) && !collapsed;
48
+ const hasSlot = (isExpanded || isCurrent) && Boolean(children);
49
+ const hasActions = isCurrent && Boolean(primaryAction || secondaryAction);
50
+ const rootClasses = [
51
+ 'muka-progress-accordeon',
52
+ `muka-progress-accordeon--${state}`,
53
+ isPast && `muka-progress-accordeon--${collapsed ? 'collapsed' : 'expanded'}`,
54
+ className,
55
+ ].filter(Boolean).join(' ');
56
+ const indicatorClasses = [
57
+ 'muka-progress-accordeon__indicator',
58
+ `muka-progress-accordeon__indicator--${state}`,
59
+ ].join(' ');
60
+ 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 }))] }));
61
+ const slot = hasSlot ? ((0, jsx_runtime_1.jsx)("div", { className: "muka-progress-accordeon__slot", children: children })) : null;
62
+ return ((0, jsx_runtime_1.jsxs)("div", { className: rootClasses, role: "group", "aria-label": `Step ${stepNumber}: ${heading}`, "aria-current": isCurrent ? 'step' : undefined, children: [isExpanded ? ((0, jsx_runtime_1.jsxs)("div", { className: "muka-progress-accordeon__body", children: [header, slot] })) : ((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" })] }));
63
+ };
64
+ exports.ProgressAccordeon = ProgressAccordeon;
65
+ exports.default = exports.ProgressAccordeon;
66
+ //# sourceMappingURL=ProgressAccordeon.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"ProgressAccordeon.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/ProgressAccordeon.tsx"],"names":[],"mappings":"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"}
@@ -0,0 +1,11 @@
1
+ "use strict";
2
+ var __importDefault = (this && this.__importDefault) || function (mod) {
3
+ return (mod && mod.__esModule) ? mod : { "default": mod };
4
+ };
5
+ Object.defineProperty(exports, "__esModule", { value: true });
6
+ exports.default = exports.ProgressAccordeon = void 0;
7
+ var ProgressAccordeon_1 = require("./ProgressAccordeon");
8
+ Object.defineProperty(exports, "ProgressAccordeon", { enumerable: true, get: function () { return ProgressAccordeon_1.ProgressAccordeon; } });
9
+ var ProgressAccordeon_2 = require("./ProgressAccordeon");
10
+ Object.defineProperty(exports, "default", { enumerable: true, get: function () { return __importDefault(ProgressAccordeon_2).default; } });
11
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../components/ProgressAccordeon/index.ts"],"names":[],"mappings":";;;;;;AAAA,yDAK6B;AAJ3B,sHAAA,iBAAiB,OAAA;AAKnB,yDAA8C;AAArC,6HAAA,OAAO,OAAA"}