@revikornmann/muka-ui 0.4.1 → 0.5.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 (39) hide show
  1. package/dist/cjs/components/DataPieChart/DataPieChart.js +1 -1
  2. package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
  3. package/dist/cjs/components/DataTable/DataTable.css +17 -0
  4. package/dist/cjs/components/{FormProgressBar/FormProgressBar.css → ProgressTracker/ProgressTracker.css} +28 -22
  5. package/dist/cjs/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +20 -20
  6. package/dist/cjs/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
  7. package/dist/cjs/components/ProgressTracker/index.js +8 -0
  8. package/dist/cjs/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
  9. package/dist/cjs/components/index.js +3 -3
  10. package/dist/esm/components/DataPieChart/DataPieChart.js +1 -1
  11. package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
  12. package/dist/esm/components/DataTable/DataTable.css +17 -0
  13. package/dist/{styles/components/FormProgressBar.css → esm/components/ProgressTracker/ProgressTracker.css} +28 -22
  14. package/dist/esm/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +18 -18
  15. package/dist/esm/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
  16. package/dist/esm/components/ProgressTracker/index.js +3 -0
  17. package/dist/esm/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
  18. package/dist/esm/components/index.js +1 -1
  19. package/dist/styles/components/DataTable.css +17 -0
  20. package/dist/{esm/components/FormProgressBar/FormProgressBar.css → styles/components/ProgressTracker.css} +28 -22
  21. package/dist/styles/index.css +927 -904
  22. package/dist/styles/muka-dark.css +927 -904
  23. package/dist/styles/muka-light.css +927 -904
  24. package/dist/styles/tokens-bouwplan-dark.css +61 -61
  25. package/dist/styles/tokens-bouwplan-light.css +61 -61
  26. package/dist/styles/wireframe-dark.css +927 -904
  27. package/dist/styles/wireframe-light.css +927 -904
  28. package/dist/types/components/DataPieChart/DataPieChart.d.ts +1 -1
  29. package/dist/types/components/DataPieChart/DataPieChart.d.ts.map +1 -1
  30. package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts → ProgressTracker/ProgressTracker.d.ts} +9 -9
  31. package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts.map → ProgressTracker/ProgressTracker.d.ts.map} +1 -1
  32. package/dist/types/components/ProgressTracker/index.d.ts +3 -0
  33. package/dist/types/components/{FormProgressBar → ProgressTracker}/index.d.ts.map +1 -1
  34. package/dist/types/components/index.d.ts +1 -1
  35. package/package.json +1 -1
  36. package/tokens/t2-alias/brand/bouwplan/fonts.json +5 -5
  37. package/dist/cjs/components/FormProgressBar/index.js +0 -8
  38. package/dist/esm/components/FormProgressBar/index.js +0 -3
  39. package/dist/types/components/FormProgressBar/index.d.ts +0 -3
@@ -9,7 +9,7 @@ export interface DataPieChartProps {
9
9
  variant?: 'donut' | 'pie';
10
10
  /** Diameter in pixels (Figma default: 120) */
11
11
  size?: number;
12
- /** Filled-segment color (any CSS color or var()); defaults to the info state color */
12
+ /** Filled-segment color (any CSS color or var()); defaults to the accent color */
13
13
  color?: string;
14
14
  /** Track (remainder) color; defaults to surface level 0 */
15
15
  trackColor?: string;
@@ -1 +1 @@
1
- {"version":3,"file":"DataPieChart.d.ts","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,sFAAsF;IACtF,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAQD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoEpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
1
+ {"version":3,"file":"DataPieChart.d.ts","sourceRoot":"","sources":["../../../../components/DataPieChart/DataPieChart.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,oBAAoB,CAAC;AAE5B,MAAM,WAAW,iBAAiB;IAChC,mDAAmD;IACnD,KAAK,EAAE,MAAM,CAAC;IAEd,0FAA0F;IAC1F,GAAG,CAAC,EAAE,MAAM,CAAC;IAEb,8CAA8C;IAC9C,OAAO,CAAC,EAAE,OAAO,GAAG,KAAK,CAAC;IAE1B,8CAA8C;IAC9C,IAAI,CAAC,EAAE,MAAM,CAAC;IAEd,kFAAkF;IAClF,KAAK,CAAC,EAAE,MAAM,CAAC;IAEf,2DAA2D;IAC3D,UAAU,CAAC,EAAE,MAAM,CAAC;IAEpB,uDAAuD;IACvD,SAAS,CAAC,EAAE,OAAO,CAAC;IAEpB,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;IAEnB,0DAA0D;IAC1D,YAAY,CAAC,EAAE,MAAM,CAAC;CACvB;AAQD;;;;;;;;GAQG;AACH,eAAO,MAAM,YAAY,EAAE,KAAK,CAAC,EAAE,CAAC,iBAAiB,CAoEpD,CAAC;AAEF,eAAe,YAAY,CAAC"}
@@ -1,15 +1,15 @@
1
1
  import React from 'react';
2
- import './FormProgressBar.css';
3
- export interface FormProgressBarStep {
2
+ import './ProgressTracker.css';
3
+ export interface ProgressTrackerStep {
4
4
  /** Label displayed below the step indicator */
5
5
  label: string;
6
6
  }
7
- export interface FormProgressBarProps {
7
+ export interface ProgressTrackerProps {
8
8
  /**
9
9
  * Array of step configurations (2–5 steps supported).
10
10
  * Each step requires a label.
11
11
  */
12
- steps: FormProgressBarStep[];
12
+ steps: ProgressTrackerStep[];
13
13
  /**
14
14
  * Current active step (1-indexed).
15
15
  * - 0 = not started (all steps upcoming)
@@ -23,7 +23,7 @@ export interface FormProgressBarProps {
23
23
  className?: string;
24
24
  }
25
25
  /**
26
- * FormProgressBar Component
26
+ * ProgressTracker Component
27
27
  *
28
28
  * A horizontal stepper/progress indicator for multi-step forms.
29
29
  * Shows numbered step indicators connected by progress lines.
@@ -36,13 +36,13 @@ export interface FormProgressBarProps {
36
36
  * - Multi-brand theming through design tokens
37
37
  *
38
38
  * Tokens used:
39
- * - alias.color.accent.{default|contrast} — step indicator backgrounds
39
+ * - alias.color.accent.{default|contrast|pressed} — step indicator backgrounds
40
40
  * - color.surface.sunken — upcoming indicator/connector background
41
41
  * - color.text.default.{default|inverse} — indicator/label text
42
42
  * - text.label.{sm|md}.{regular|bold} — typography
43
43
  * - spacing.4, spacing.7 — layout spacing
44
44
  * - border.radius.full — circular indicators
45
45
  */
46
- export declare const FormProgressBar: React.FC<FormProgressBarProps>;
47
- export default FormProgressBar;
48
- //# sourceMappingURL=FormProgressBar.d.ts.map
46
+ export declare const ProgressTracker: React.FC<ProgressTrackerProps>;
47
+ export default ProgressTracker;
48
+ //# sourceMappingURL=ProgressTracker.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"FormProgressBar.d.ts","sourceRoot":"","sources":["../../../../components/FormProgressBar/FormProgressBar.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAE7B;;;;;OAKG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoG1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
1
+ {"version":3,"file":"ProgressTracker.d.ts","sourceRoot":"","sources":["../../../../components/ProgressTracker/ProgressTracker.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,uBAAuB,CAAC;AAG/B,MAAM,WAAW,mBAAmB;IAClC,+CAA+C;IAC/C,KAAK,EAAE,MAAM,CAAC;CACf;AAED,MAAM,WAAW,oBAAoB;IACnC;;;OAGG;IACH,KAAK,EAAE,mBAAmB,EAAE,CAAC;IAE7B;;;;;OAKG;IACH,WAAW,EAAE,MAAM,CAAC;IAEpB,iEAAiE;IACjE,WAAW,CAAC,EAAE,CAAC,SAAS,EAAE,MAAM,KAAK,IAAI,CAAC;IAE1C,6BAA6B;IAC7B,SAAS,CAAC,EAAE,MAAM,CAAC;CACpB;AA8BD;;;;;;;;;;;;;;;;;;;;GAoBG;AACH,eAAO,MAAM,eAAe,EAAE,KAAK,CAAC,EAAE,CAAC,oBAAoB,CAoG1D,CAAC;AAEF,eAAe,eAAe,CAAC"}
@@ -0,0 +1,3 @@
1
+ export { ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStep } from './ProgressTracker';
2
+ export { ProgressTracker as default } from './ProgressTracker';
3
+ //# sourceMappingURL=index.d.ts.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/FormProgressBar/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzG,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/ProgressTracker/index.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,eAAe,EAAE,KAAK,oBAAoB,EAAE,KAAK,mBAAmB,EAAE,MAAM,mBAAmB,CAAC;AACzG,OAAO,EAAE,eAAe,IAAI,OAAO,EAAE,MAAM,mBAAmB,CAAC"}
@@ -18,7 +18,7 @@ export { RadioTile, type RadioTileProps } from './RadioTile';
18
18
  export { Alert, type AlertProps } from './Alert';
19
19
  export { Toast, type ToastProps } from './Toast';
20
20
  export { EmptyState, type EmptyStateProps } from './EmptyState';
21
- export { FormProgressBar, type FormProgressBarProps, type FormProgressBarStep } from './FormProgressBar';
21
+ export { ProgressTracker, type ProgressTrackerProps, type ProgressTrackerStep } from './ProgressTracker';
22
22
  export { TopBar, type TopBarProps, ControlBar, type ControlBarProps } from './TopBar';
23
23
  export { BottomBar, BottomBarTab, type BottomBarProps, type BottomBarTabProps } from './BottomBar';
24
24
  export { Dialog, type DialogProps } from './Dialog';
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@revikornmann/muka-ui",
3
- "version": "0.4.1",
3
+ "version": "0.5.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",
@@ -6,7 +6,7 @@
6
6
  "alias": {
7
7
  "font": {
8
8
  "brand": {
9
- "family": { "$type": "fontFamilies", "$value": "Quicksand" },
9
+ "family": { "$type": "fontFamilies", "$value": "Red Hat Display" },
10
10
  "weight": {
11
11
  "regular": { "$type": "fontWeights", "$value": "400" },
12
12
  "medium": { "$type": "fontWeights", "$value": "500" },
@@ -15,12 +15,12 @@
15
15
  }
16
16
  },
17
17
  "plain": {
18
- "family": { "$type": "fontFamilies", "$value": "Quicksand" },
18
+ "family": { "$type": "fontFamilies", "$value": "Red Hat Text" },
19
19
  "weight": {
20
20
  "regular": { "$type": "fontWeights", "$value": "400" },
21
- "medium": { "$type": "fontWeights", "$value": "500" },
22
- "semibold": { "$type": "fontWeights", "$value": "600" },
23
- "bold": { "$type": "fontWeights", "$value": "700" }
21
+ "medium": { "$type": "fontWeights", "$value": "400" },
22
+ "semibold": { "$type": "fontWeights", "$value": "500" },
23
+ "bold": { "$type": "fontWeights", "$value": "600" }
24
24
  }
25
25
  },
26
26
  "mono": {
@@ -1,8 +0,0 @@
1
- "use strict";
2
- Object.defineProperty(exports, "__esModule", { value: true });
3
- exports.default = exports.FormProgressBar = void 0;
4
- var FormProgressBar_1 = require("./FormProgressBar");
5
- Object.defineProperty(exports, "FormProgressBar", { enumerable: true, get: function () { return FormProgressBar_1.FormProgressBar; } });
6
- var FormProgressBar_2 = require("./FormProgressBar");
7
- Object.defineProperty(exports, "default", { enumerable: true, get: function () { return FormProgressBar_2.FormProgressBar; } });
8
- //# sourceMappingURL=index.js.map
@@ -1,3 +0,0 @@
1
- export { FormProgressBar } from './FormProgressBar';
2
- export { FormProgressBar as default } from './FormProgressBar';
3
- //# sourceMappingURL=index.js.map
@@ -1,3 +0,0 @@
1
- export { FormProgressBar, type FormProgressBarProps, type FormProgressBarStep } from './FormProgressBar';
2
- export { FormProgressBar as default } from './FormProgressBar';
3
- //# sourceMappingURL=index.d.ts.map