@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.
- package/dist/cjs/components/DataPieChart/DataPieChart.js +1 -1
- package/dist/cjs/components/DataPieChart/DataPieChart.js.map +1 -1
- package/dist/cjs/components/DataTable/DataTable.css +17 -0
- package/dist/cjs/components/{FormProgressBar/FormProgressBar.css → ProgressTracker/ProgressTracker.css} +28 -22
- package/dist/cjs/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +20 -20
- package/dist/cjs/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
- package/dist/cjs/components/ProgressTracker/index.js +8 -0
- package/dist/cjs/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
- package/dist/cjs/components/index.js +3 -3
- package/dist/esm/components/DataPieChart/DataPieChart.js +1 -1
- package/dist/esm/components/DataPieChart/DataPieChart.js.map +1 -1
- package/dist/esm/components/DataTable/DataTable.css +17 -0
- package/dist/{styles/components/FormProgressBar.css → esm/components/ProgressTracker/ProgressTracker.css} +28 -22
- package/dist/esm/components/{FormProgressBar/FormProgressBar.js → ProgressTracker/ProgressTracker.js} +18 -18
- package/dist/esm/components/{FormProgressBar/FormProgressBar.js.map → ProgressTracker/ProgressTracker.js.map} +1 -1
- package/dist/esm/components/ProgressTracker/index.js +3 -0
- package/dist/esm/components/{FormProgressBar → ProgressTracker}/index.js.map +1 -1
- package/dist/esm/components/index.js +1 -1
- package/dist/styles/components/DataTable.css +17 -0
- package/dist/{esm/components/FormProgressBar/FormProgressBar.css → styles/components/ProgressTracker.css} +28 -22
- package/dist/styles/index.css +927 -904
- package/dist/styles/muka-dark.css +927 -904
- package/dist/styles/muka-light.css +927 -904
- package/dist/styles/tokens-bouwplan-dark.css +61 -61
- package/dist/styles/tokens-bouwplan-light.css +61 -61
- package/dist/styles/wireframe-dark.css +927 -904
- package/dist/styles/wireframe-light.css +927 -904
- package/dist/types/components/DataPieChart/DataPieChart.d.ts +1 -1
- package/dist/types/components/DataPieChart/DataPieChart.d.ts.map +1 -1
- package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts → ProgressTracker/ProgressTracker.d.ts} +9 -9
- package/dist/types/components/{FormProgressBar/FormProgressBar.d.ts.map → ProgressTracker/ProgressTracker.d.ts.map} +1 -1
- package/dist/types/components/ProgressTracker/index.d.ts +3 -0
- package/dist/types/components/{FormProgressBar → ProgressTracker}/index.d.ts.map +1 -1
- package/dist/types/components/index.d.ts +1 -1
- package/package.json +1 -1
- package/tokens/t2-alias/brand/bouwplan/fonts.json +5 -5
- package/dist/cjs/components/FormProgressBar/index.js +0 -8
- package/dist/esm/components/FormProgressBar/index.js +0 -3
- 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
|
|
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,
|
|
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 './
|
|
3
|
-
export interface
|
|
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
|
|
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:
|
|
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
|
-
*
|
|
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
|
|
47
|
-
export default
|
|
48
|
-
//# sourceMappingURL=
|
|
46
|
+
export declare const ProgressTracker: React.FC<ProgressTrackerProps>;
|
|
47
|
+
export default ProgressTracker;
|
|
48
|
+
//# sourceMappingURL=ProgressTracker.d.ts.map
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"
|
|
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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../components/
|
|
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 {
|
|
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
|
@@ -6,7 +6,7 @@
|
|
|
6
6
|
"alias": {
|
|
7
7
|
"font": {
|
|
8
8
|
"brand": {
|
|
9
|
-
"family": { "$type": "fontFamilies", "$value": "
|
|
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": "
|
|
18
|
+
"family": { "$type": "fontFamilies", "$value": "Red Hat Text" },
|
|
19
19
|
"weight": {
|
|
20
20
|
"regular": { "$type": "fontWeights", "$value": "400" },
|
|
21
|
-
"medium": { "$type": "fontWeights", "$value": "
|
|
22
|
-
"semibold": { "$type": "fontWeights", "$value": "
|
|
23
|
-
"bold": { "$type": "fontWeights", "$value": "
|
|
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
|