@revikornmann/muka-ui 0.4.0 → 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 (41) 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 +899 -876
  22. package/dist/styles/muka-dark.css +899 -876
  23. package/dist/styles/muka-light.css +899 -876
  24. package/dist/styles/tokens-bouwplan-dark.css +391 -391
  25. package/dist/styles/tokens-bouwplan-light.css +387 -387
  26. package/dist/styles/wireframe-dark.css +899 -876
  27. package/dist/styles/wireframe-light.css +899 -876
  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/dark.json +45 -45
  37. package/tokens/t2-alias/brand/bouwplan/fonts.json +6 -6
  38. package/tokens/t2-alias/brand/bouwplan/light.json +43 -43
  39. package/dist/cjs/components/FormProgressBar/index.js +0 -8
  40. package/dist/esm/components/FormProgressBar/index.js +0 -3
  41. 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.0",
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,58 +6,58 @@
6
6
  "alias": {
7
7
  "color": {
8
8
  "neutral": {
9
- "1": { "$type": "color", "$value": "{color.slateDark.1}" },
10
- "2": { "$type": "color", "$value": "{color.slateDark.2}" },
11
- "3": { "$type": "color", "$value": "{color.slateDark.3}" },
12
- "4": { "$type": "color", "$value": "{color.slateDark.4}" },
13
- "5": { "$type": "color", "$value": "{color.slateDark.5}" },
14
- "6": { "$type": "color", "$value": "{color.slateDark.6}" },
15
- "7": { "$type": "color", "$value": "{color.slateDark.7}" },
16
- "8": { "$type": "color", "$value": "{color.slateDark.8}" },
17
- "9": { "$type": "color", "$value": "{color.slateDark.9}" },
18
- "10": { "$type": "color", "$value": "{color.slateDark.10}" },
19
- "11": { "$type": "color", "$value": "{color.slateDark.11}" },
20
- "12": { "$type": "color", "$value": "{color.slateDark.12}" }
9
+ "1": { "$type": "color", "$value": "{color.sandDark.1}" },
10
+ "2": { "$type": "color", "$value": "{color.sandDark.2}" },
11
+ "3": { "$type": "color", "$value": "{color.sandDark.3}" },
12
+ "4": { "$type": "color", "$value": "{color.sandDark.4}" },
13
+ "5": { "$type": "color", "$value": "{color.sandDark.5}" },
14
+ "6": { "$type": "color", "$value": "{color.sandDark.6}" },
15
+ "7": { "$type": "color", "$value": "{color.sandDark.7}" },
16
+ "8": { "$type": "color", "$value": "{color.sandDark.8}" },
17
+ "9": { "$type": "color", "$value": "{color.sandDark.9}" },
18
+ "10": { "$type": "color", "$value": "{color.sandDark.10}" },
19
+ "11": { "$type": "color", "$value": "{color.sandDark.11}" },
20
+ "12": { "$type": "color", "$value": "{color.sandDark.12}" }
21
21
  },
22
22
  "brand": {
23
23
  "primary": {
24
- "regular": { "$type": "color", "$value": "{color.blueDark.11}" },
25
- "contrast": { "$type": "color", "$value": "{color.blueDark.12}" },
26
- "muted": { "$type": "color", "$value": "{color.blueDark.3}" }
24
+ "regular": { "$type": "color", "$value": "{color.orangeDark.9}" },
25
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.12}" },
26
+ "muted": { "$type": "color", "$value": "{color.orangeDark.3}" }
27
27
  },
28
28
  "secondary": {
29
- "regular": { "$type": "color", "$value": "{color.cyanDark.8}" },
30
- "contrast": { "$type": "color", "$value": "{color.cyanDark.11}" },
31
- "muted": { "$type": "color", "$value": "{color.cyanDark.3}" }
29
+ "regular": { "$type": "color", "$value": "{color.orangeDark.8}" },
30
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.10}" },
31
+ "muted": { "$type": "color", "$value": "{color.orangeDark.3}" }
32
32
  },
33
- "default-deprecated": { "$type": "color", "$value": "{color.blueDark.9}" },
34
- "contrast-deprecated": { "$type": "color", "$value": "{color.blueDark.12}" },
35
- "muted-deprecated": { "$type": "color", "$value": "{color.blueDark.5}" }
33
+ "default-deprecated": { "$type": "color", "$value": "{color.orangeDark.9}" },
34
+ "contrast-deprecated": { "$type": "color", "$value": "{color.orangeDark.12}" },
35
+ "muted-deprecated": { "$type": "color", "$value": "{color.orangeDark.4}" }
36
36
  },
37
37
  "accent": {
38
- "default": { "$type": "color", "$value": "{color.blueDark.11}" },
39
- "hover": { "$type": "color", "$value": "{color.blueDark.12}" },
40
- "pressed": { "$type": "color", "$value": "{color.blueDark.10}" },
41
- "contrast": { "$type": "color", "$value": "{color.blueDark.12}" },
42
- "muted": { "$type": "color", "$value": "{color.blueDark.6}" },
38
+ "default": { "$type": "color", "$value": "{color.orangeDark.9}" },
39
+ "hover": { "$type": "color", "$value": "{color.orangeDark.12}" },
40
+ "pressed": { "$type": "color", "$value": "{color.orangeDark.10}" },
41
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.12}" },
42
+ "muted": { "$type": "color", "$value": "{color.orangeDark.7}" },
43
43
  "inverse": {
44
- "default": { "$type": "color", "$value": "{color.blueDark.1}" },
45
- "hover": { "$type": "color", "$value": "{color.blueDark.2}" },
46
- "pressed": { "$type": "color", "$value": "{color.blueDark.2}" },
47
- "contrast": { "$type": "color", "$value": "{color.blueDark.2}" },
48
- "muted": { "$type": "color", "$value": "{color.blueDark.3}" }
44
+ "default": { "$type": "color", "$value": "{color.orangeDark.1}" },
45
+ "hover": { "$type": "color", "$value": "{color.orangeDark.2}" },
46
+ "pressed": { "$type": "color", "$value": "{color.orangeDark.2}" },
47
+ "contrast": { "$type": "color", "$value": "{color.orangeDark.2}" },
48
+ "muted": { "$type": "color", "$value": "{color.orangeDark.3}" }
49
49
  }
50
50
  },
51
51
  "state": {
52
52
  "success": {
53
- "contrast": { "$type": "color", "$value": "{color.greenDark.12}" },
54
- "default": { "$type": "color", "$value": "{color.greenDark.11}" },
55
- "muted": { "$type": "color", "$value": "{color.greenDark.3}" },
53
+ "contrast": { "$type": "color", "$value": "{color.mintDark.12}" },
54
+ "default": { "$type": "color", "$value": "{color.mintDark.11}" },
55
+ "muted": { "$type": "color", "$value": "{color.mintDark.3}" },
56
56
  "surface": {
57
- "level0": { "$type": "color", "$value": "{color.greenDark.2}" },
58
- "level1": { "$type": "color", "$value": "{color.greenDark.3}" },
59
- "level2": { "$type": "color", "$value": "{color.greenDark.4}" },
60
- "level3": { "$type": "color", "$value": "{color.greenDark.5}" }
57
+ "level0": { "$type": "color", "$value": "{color.mintDark.2}" },
58
+ "level1": { "$type": "color", "$value": "{color.mintDark.3}" },
59
+ "level2": { "$type": "color", "$value": "{color.mintDark.4}" },
60
+ "level3": { "$type": "color", "$value": "{color.mintDark.5}" }
61
61
  }
62
62
  },
63
63
  "warning": {
@@ -94,14 +94,14 @@
94
94
  }
95
95
  },
96
96
  "neutral": {
97
- "contrast": { "$type": "color", "$value": "{color.slateDark.11}" },
98
- "default": { "$type": "color", "$value": "{color.slateDark.9}" },
99
- "muted": { "$type": "color", "$value": "{color.slateDark.3}" },
97
+ "contrast": { "$type": "color", "$value": "{color.sandDark.11}" },
98
+ "default": { "$type": "color", "$value": "{color.sandDark.9}" },
99
+ "muted": { "$type": "color", "$value": "{color.sandDark.3}" },
100
100
  "surface": {
101
- "level0": { "$type": "color", "$value": "{color.slateDark.2}" },
102
- "level1": { "$type": "color", "$value": "{color.slateDark.3}" },
103
- "level2": { "$type": "color", "$value": "{color.slateDark.4}" },
104
- "level3": { "$type": "color", "$value": "{color.slateDark.5}" }
101
+ "level0": { "$type": "color", "$value": "{color.sandDark.2}" },
102
+ "level1": { "$type": "color", "$value": "{color.sandDark.3}" },
103
+ "level2": { "$type": "color", "$value": "{color.sandDark.4}" },
104
+ "level3": { "$type": "color", "$value": "{color.sandDark.5}" }
105
105
  }
106
106
  }
107
107
  }
@@ -6,7 +6,7 @@
6
6
  "alias": {
7
7
  "font": {
8
8
  "brand": {
9
- "family": { "$type": "fontFamilies", "$value": "Manrope" },
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,16 +15,16 @@
15
15
  }
16
16
  },
17
17
  "plain": {
18
- "family": { "$type": "fontFamilies", "$value": "Manrope" },
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": {
27
- "family": { "$type": "fontFamilies", "$value": "JetBrains Mono" },
27
+ "family": { "$type": "fontFamilies", "$value": "Menlo" },
28
28
  "weight": {
29
29
  "regular": { "$type": "fontWeights", "$value": "Regular" },
30
30
  "bold": { "$type": "fontWeights", "$value": "Bold" }
@@ -6,58 +6,58 @@
6
6
  "alias": {
7
7
  "color": {
8
8
  "neutral": {
9
- "1": { "$type": "color", "$value": "{color.slate.1}" },
10
- "2": { "$type": "color", "$value": "{color.slate.2}" },
11
- "3": { "$type": "color", "$value": "{color.slate.3}" },
12
- "4": { "$type": "color", "$value": "{color.slate.4}" },
13
- "5": { "$type": "color", "$value": "{color.slate.5}" },
14
- "6": { "$type": "color", "$value": "{color.slate.6}" },
15
- "7": { "$type": "color", "$value": "{color.slate.7}" },
16
- "8": { "$type": "color", "$value": "{color.slate.8}" },
17
- "9": { "$type": "color", "$value": "{color.slate.9}" },
18
- "10": { "$type": "color", "$value": "{color.slate.10}" },
19
- "11": { "$type": "color", "$value": "{color.slate.11}" },
20
- "12": { "$type": "color", "$value": "{color.slate.12}" }
9
+ "1": { "$type": "color", "$value": "{color.sand.1}" },
10
+ "2": { "$type": "color", "$value": "{color.sand.2}" },
11
+ "3": { "$type": "color", "$value": "{color.sand.3}" },
12
+ "4": { "$type": "color", "$value": "{color.sand.4}" },
13
+ "5": { "$type": "color", "$value": "{color.sand.5}" },
14
+ "6": { "$type": "color", "$value": "{color.sand.6}" },
15
+ "7": { "$type": "color", "$value": "{color.sand.7}" },
16
+ "8": { "$type": "color", "$value": "{color.sand.8}" },
17
+ "9": { "$type": "color", "$value": "{color.sand.9}" },
18
+ "10": { "$type": "color", "$value": "{color.sand.10}" },
19
+ "11": { "$type": "color", "$value": "{color.sand.11}" },
20
+ "12": { "$type": "color", "$value": "{color.sand.12}" }
21
21
  },
22
22
  "brand": {
23
23
  "primary": {
24
- "regular": { "$type": "color", "$value": "{color.blue.11}" },
25
- "contrast": { "$type": "color", "$value": "{color.blue.12}" },
26
- "muted": { "$type": "color", "$value": "{color.blue.3}" }
24
+ "regular": { "$type": "color", "$value": "{color.orange.11}" },
25
+ "contrast": { "$type": "color", "$value": "{color.orange.12}" },
26
+ "muted": { "$type": "color", "$value": "{color.orange.3}" }
27
27
  },
28
28
  "secondary": {
29
- "regular": { "$type": "color", "$value": "{color.cyan.8}" },
30
- "contrast": { "$type": "color", "$value": "{color.cyan.11}" },
31
- "muted": { "$type": "color", "$value": "{color.cyan.3}" }
29
+ "regular": { "$type": "color", "$value": "{color.orange.8}" },
30
+ "contrast": { "$type": "color", "$value": "{color.orange.11}" },
31
+ "muted": { "$type": "color", "$value": "{color.orange.3}" }
32
32
  },
33
- "default-deprecated": { "$type": "color", "$value": "{color.blue.9}" },
34
- "contrast-deprecated": { "$type": "color", "$value": "{color.blue.12}" },
35
- "muted-deprecated": { "$type": "color", "$value": "{color.blue.5}" }
33
+ "default-deprecated": { "$type": "color", "$value": "{color.orange.9}" },
34
+ "contrast-deprecated": { "$type": "color", "$value": "{color.orange.12}" },
35
+ "muted-deprecated": { "$type": "color", "$value": "{color.orange.5}" }
36
36
  },
37
37
  "accent": {
38
- "default": { "$type": "color", "$value": "{color.blue.9}" },
39
- "hover": { "$type": "color", "$value": "{color.blue.10}" },
40
- "pressed": { "$type": "color", "$value": "{color.blue.11}" },
41
- "contrast": { "$type": "color", "$value": "{color.blue.12}" },
42
- "muted": { "$type": "color", "$value": "{color.blue.8}" },
38
+ "default": { "$type": "color", "$value": "{color.orange.9}" },
39
+ "hover": { "$type": "color", "$value": "{color.orange.10}" },
40
+ "pressed": { "$type": "color", "$value": "{color.orange.11}" },
41
+ "contrast": { "$type": "color", "$value": "{color.orange.12}" },
42
+ "muted": { "$type": "color", "$value": "{color.orange.8}" },
43
43
  "inverse": {
44
- "default": { "$type": "color", "$value": "{color.blue.1}" },
44
+ "default": { "$type": "color", "$value": "{color.orange.1}" },
45
45
  "hover": { "$type": "color", "$value": "{color.white}" },
46
- "pressed": { "$type": "color", "$value": "{color.blue.2}" },
46
+ "pressed": { "$type": "color", "$value": "{color.orange.2}" },
47
47
  "contrast": { "$type": "color", "$value": "{color.white}" },
48
- "muted": { "$type": "color", "$value": "{color.blue.3}" }
48
+ "muted": { "$type": "color", "$value": "{color.orange.3}" }
49
49
  }
50
50
  },
51
51
  "state": {
52
52
  "success": {
53
- "contrast": { "$type": "color", "$value": "{color.green.12}" },
54
- "default": { "$type": "color", "$value": "{color.green.9}" },
55
- "muted": { "$type": "color", "$value": "{color.green.3}" },
53
+ "contrast": { "$type": "color", "$value": "{color.mint.12}" },
54
+ "default": { "$type": "color", "$value": "{color.mint.11}" },
55
+ "muted": { "$type": "color", "$value": "{color.mint.3}" },
56
56
  "surface": {
57
- "level0": { "$type": "color", "$value": "{color.green.2}" },
58
- "level1": { "$type": "color", "$value": "{color.green.3}" },
59
- "level2": { "$type": "color", "$value": "{color.green.4}" },
60
- "level3": { "$type": "color", "$value": "{color.green.5}" }
57
+ "level0": { "$type": "color", "$value": "{color.mint.2}" },
58
+ "level1": { "$type": "color", "$value": "{color.mint.3}" },
59
+ "level2": { "$type": "color", "$value": "{color.mint.4}" },
60
+ "level3": { "$type": "color", "$value": "{color.mint.5}" }
61
61
  }
62
62
  },
63
63
  "warning": {
@@ -94,14 +94,14 @@
94
94
  }
95
95
  },
96
96
  "neutral": {
97
- "contrast": { "$type": "color", "$value": "{color.slate.11}" },
98
- "default": { "$type": "color", "$value": "{color.slate.9}" },
99
- "muted": { "$type": "color", "$value": "{color.slate.3}" },
97
+ "contrast": { "$type": "color", "$value": "{color.sand.11}" },
98
+ "default": { "$type": "color", "$value": "{color.sand.9}" },
99
+ "muted": { "$type": "color", "$value": "{color.sand.3}" },
100
100
  "surface": {
101
- "level0": { "$type": "color", "$value": "{color.slate.2}" },
102
- "level1": { "$type": "color", "$value": "{color.slate.3}" },
103
- "level2": { "$type": "color", "$value": "{color.slate.4}" },
104
- "level3": { "$type": "color", "$value": "{color.slate.5}" }
101
+ "level0": { "$type": "color", "$value": "{color.sand.2}" },
102
+ "level1": { "$type": "color", "$value": "{color.sand.3}" },
103
+ "level2": { "$type": "color", "$value": "{color.sand.4}" },
104
+ "level3": { "$type": "color", "$value": "{color.sand.5}" }
105
105
  }
106
106
  }
107
107
  }
@@ -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