@kubit-ui-web/react-components 1.6.0 → 1.6.1

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 (72) hide show
  1. package/dist/cjs/components/index.js +1 -0
  2. package/dist/cjs/components/index.js.map +1 -1
  3. package/dist/cjs/components/stepperProgress/helpers/currentPercentage.js +10 -0
  4. package/dist/cjs/components/stepperProgress/helpers/currentPercentage.js.map +1 -0
  5. package/dist/cjs/components/stepperProgress/index.js +6 -0
  6. package/dist/cjs/components/stepperProgress/index.js.map +1 -0
  7. package/dist/cjs/components/stepperProgress/stepperProgress.js +41 -0
  8. package/dist/cjs/components/stepperProgress/stepperProgress.js.map +1 -0
  9. package/dist/cjs/components/stepperProgress/stepperProgress.styled.js +33 -0
  10. package/dist/cjs/components/stepperProgress/stepperProgress.styled.js.map +1 -0
  11. package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js +50 -0
  12. package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js.map +1 -0
  13. package/dist/cjs/components/stepperProgress/types/index.js +3 -0
  14. package/dist/cjs/components/stepperProgress/types/index.js.map +1 -0
  15. package/dist/cjs/components/stepperProgress/types/stepperProgress.js +3 -0
  16. package/dist/cjs/components/stepperProgress/types/stepperProgress.js.map +1 -0
  17. package/dist/cjs/components/stepperProgress/types/stepperProgressTheme.js +3 -0
  18. package/dist/cjs/components/stepperProgress/types/stepperProgressTheme.js.map +1 -0
  19. package/dist/cjs/designSystem/kubit/components/stepperProgress/index.js +19 -0
  20. package/dist/cjs/designSystem/kubit/components/stepperProgress/index.js.map +1 -0
  21. package/dist/cjs/designSystem/kubit/components/stepperProgress/styles.js +63 -0
  22. package/dist/cjs/designSystem/kubit/components/stepperProgress/styles.js.map +1 -0
  23. package/dist/cjs/designSystem/kubit/components/stepperProgress/variants.js +9 -0
  24. package/dist/cjs/designSystem/kubit/components/stepperProgress/variants.js.map +1 -0
  25. package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
  26. package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
  27. package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
  28. package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
  29. package/dist/esm/components/index.d.ts +1 -0
  30. package/dist/esm/components/index.js +1 -0
  31. package/dist/esm/components/index.js.map +1 -1
  32. package/dist/esm/components/stepperProgress/helpers/currentPercentage.d.ts +1 -0
  33. package/dist/esm/components/stepperProgress/helpers/currentPercentage.js +6 -0
  34. package/dist/esm/components/stepperProgress/helpers/currentPercentage.js.map +1 -0
  35. package/dist/esm/components/stepperProgress/index.d.ts +2 -0
  36. package/dist/esm/components/stepperProgress/index.js +2 -0
  37. package/dist/esm/components/stepperProgress/index.js.map +1 -0
  38. package/dist/esm/components/stepperProgress/stepperProgress.d.ts +7 -0
  39. package/dist/esm/components/stepperProgress/stepperProgress.js +15 -0
  40. package/dist/esm/components/stepperProgress/stepperProgress.js.map +1 -0
  41. package/dist/esm/components/stepperProgress/stepperProgress.styled.d.ts +5 -0
  42. package/dist/esm/components/stepperProgress/stepperProgress.styled.js +27 -0
  43. package/dist/esm/components/stepperProgress/stepperProgress.styled.js.map +1 -0
  44. package/dist/esm/components/stepperProgress/stepperProgressStandAlone.d.ts +3 -0
  45. package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js +24 -0
  46. package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js.map +1 -0
  47. package/dist/esm/components/stepperProgress/types/index.d.ts +2 -0
  48. package/dist/esm/components/stepperProgress/types/index.js +2 -0
  49. package/dist/esm/components/stepperProgress/types/index.js.map +1 -0
  50. package/dist/esm/components/stepperProgress/types/stepperProgress.d.ts +22 -0
  51. package/dist/esm/components/stepperProgress/types/stepperProgress.js +2 -0
  52. package/dist/esm/components/stepperProgress/types/stepperProgress.js.map +1 -0
  53. package/dist/esm/components/stepperProgress/types/stepperProgressTheme.d.ts +15 -0
  54. package/dist/esm/components/stepperProgress/types/stepperProgressTheme.js +2 -0
  55. package/dist/esm/components/stepperProgress/types/stepperProgressTheme.js.map +1 -0
  56. package/dist/esm/designSystem/kubit/components/stepperProgress/index.d.ts +2 -0
  57. package/dist/esm/designSystem/kubit/components/stepperProgress/index.js +3 -0
  58. package/dist/esm/designSystem/kubit/components/stepperProgress/index.js.map +1 -0
  59. package/dist/esm/designSystem/kubit/components/stepperProgress/styles.d.ts +3 -0
  60. package/dist/esm/designSystem/kubit/components/stepperProgress/styles.js +60 -0
  61. package/dist/esm/designSystem/kubit/components/stepperProgress/styles.js.map +1 -0
  62. package/dist/esm/designSystem/kubit/components/stepperProgress/variants.d.ts +4 -0
  63. package/dist/esm/designSystem/kubit/components/stepperProgress/variants.js +6 -0
  64. package/dist/esm/designSystem/kubit/components/stepperProgress/variants.js.map +1 -0
  65. package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
  66. package/dist/esm/designSystem/kubit/components/styles.js +1 -0
  67. package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
  68. package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
  69. package/dist/esm/designSystem/kubit/components/variants.js +1 -0
  70. package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
  71. package/dist/esm/designSystem/kubit/index.d.ts +2 -0
  72. package/package.json +1 -1
@@ -97,4 +97,5 @@ __exportStar(require("./dropdownSelected"), exports);
97
97
  __exportStar(require("./portal"), exports);
98
98
  __exportStar(require("./tagV2"), exports);
99
99
  __exportStar(require("./selectorBoxFile"), exports);
100
+ __exportStar(require("./stepperProgress"), exports);
100
101
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,wDAAsC;AACtC,2CAAyB;AACzB,6CAA2B;AAC3B,sDAAoC;AACpC,wCAAsB;AACtB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,4CAA0B;AAC1B,wCAAsB;AACtB,yCAAuB;AACvB,2CAAyB;AACzB,yCAAuB;AACvB,2CAAyB;AACzB,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,kDAAgC;AAChC,2CAAyB;AACzB,iDAA+B;AAC/B,0DAAwC;AACxC,qDAAmC;AACnC,gDAA8B;AAC9B,mDAAiC;AACjC,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,gDAA8B;AAC9B,sDAAoC;AACpC,2CAAyB;AACzB,+CAA6B;AAC7B,iDAA+B;AAC/B,4CAA0B;AAC1B,0CAAwB;AACxB,8CAA4B;AAC5B,iDAA+B;AAC/B,yCAAuB;AACvB,6CAA2B;AAC3B,kDAAgC;AAChC,6CAA2B;AAC3B,oDAAkC;AAClC,mDAAiC;AACjC,gDAA8B;AAC9B,8CAA4B;AAC5B,0CAAwB;AACxB,iDAA+B;AAC/B,kDAAgC;AAChC,kDAAgC;AAChC,+CAA6B;AAC7B,8CAA4B;AAC5B,kDAAgC;AAChC,gDAA8B;AAC9B,qDAAmC;AACnC,mDAAiC;AACjC,gDAA8B;AAC9B,wDAAsC;AACtC,wDAAsC;AACtC,6CAA2B;AAC3B,sDAAoC;AACpC,6CAA2B;AAC3B,2CAAyB;AACzB,oDAAkC;AAClC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,2CAAyB;AACzB,2CAAyB;AACzB,oDAAkC;AAClC,yCAAuB;AACvB,qDAAmC;AACnC,8CAA4B;AAC5B,qDAAmC;AACnC,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,8CAA4B;AAC5B,wDAAsC;AACtC,2CAAyB;AACzB,6CAA2B;AAC3B,sDAAoC;AACpC,wCAAsB;AACtB,yCAAuB;AACvB,0CAAwB;AACxB,0CAAwB;AACxB,yCAAuB;AACvB,yCAAuB;AACvB,4CAA0B;AAC1B,wCAAsB;AACtB,yCAAuB;AACvB,2CAAyB;AACzB,yCAAuB;AACvB,2CAAyB;AACzB,iDAA+B;AAC/B,kDAAgC;AAChC,0CAAwB;AACxB,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,6CAA2B;AAC3B,4CAA0B;AAC1B,kDAAgC;AAChC,2CAAyB;AACzB,iDAA+B;AAC/B,0DAAwC;AACxC,qDAAmC;AACnC,gDAA8B;AAC9B,mDAAiC;AACjC,8CAA4B;AAC5B,2CAAyB;AACzB,8CAA4B;AAC5B,gDAA8B;AAC9B,sDAAoC;AACpC,2CAAyB;AACzB,+CAA6B;AAC7B,iDAA+B;AAC/B,4CAA0B;AAC1B,0CAAwB;AACxB,8CAA4B;AAC5B,iDAA+B;AAC/B,yCAAuB;AACvB,6CAA2B;AAC3B,kDAAgC;AAChC,6CAA2B;AAC3B,oDAAkC;AAClC,mDAAiC;AACjC,gDAA8B;AAC9B,8CAA4B;AAC5B,0CAAwB;AACxB,iDAA+B;AAC/B,kDAAgC;AAChC,kDAAgC;AAChC,+CAA6B;AAC7B,8CAA4B;AAC5B,kDAAgC;AAChC,gDAA8B;AAC9B,qDAAmC;AACnC,mDAAiC;AACjC,gDAA8B;AAC9B,wDAAsC;AACtC,wDAAsC;AACtC,6CAA2B;AAC3B,sDAAoC;AACpC,6CAA2B;AAC3B,2CAAyB;AACzB,oDAAkC;AAClC,oDAAkC;AAClC,qDAAmC;AACnC,0DAAwC;AACxC,2CAAyB;AACzB,2CAAyB;AACzB,oDAAkC;AAClC,yCAAuB;AACvB,qDAAmC;AACnC,8CAA4B;AAC5B,qDAAmC;AACnC,2CAAyB;AACzB,0CAAwB;AACxB,oDAAkC;AAClC,oDAAkC"}
@@ -0,0 +1,10 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.currentPercentage = void 0;
4
+ const currentPercentage = (currentStep, initialStep, maxSteps) => {
5
+ const scaledValue = (currentStep - initialStep) / (maxSteps - initialStep);
6
+ const percentage = 100 * scaledValue;
7
+ return Math.round(percentage);
8
+ };
9
+ exports.currentPercentage = currentPercentage;
10
+ //# sourceMappingURL=currentPercentage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"currentPercentage.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/helpers/currentPercentage.ts"],"names":[],"mappings":";;;AAAO,MAAM,iBAAiB,GAAG,CAC/B,WAAmB,EACnB,WAAmB,EACnB,QAAgB,EACR,EAAE;IACV,MAAM,WAAW,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,GAAG,WAAW,CAAC;IACrC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AAChC,CAAC,CAAC;AARW,QAAA,iBAAiB,qBAQ5B"}
@@ -0,0 +1,6 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.StepperProgress = void 0;
4
+ var stepperProgress_1 = require("./stepperProgress");
5
+ Object.defineProperty(exports, "StepperProgress", { enumerable: true, get: function () { return stepperProgress_1.StepperProgress; } });
6
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/index.ts"],"names":[],"mappings":";;;AAQA,qDAAoD;AAA3C,kHAAA,eAAe,OAAA"}
@@ -0,0 +1,41 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.StepperProgress = void 0;
27
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
+ const React = __importStar(require("react"));
29
+ const constants_1 = require("../../constants");
30
+ const useStyles_1 = require("../../hooks/useStyles/useStyles");
31
+ const errorBoundary_1 = require("../../provider/errorBoundary");
32
+ const stepperProgressStandAlone_1 = require("./stepperProgressStandAlone");
33
+ const StepperProgressComponent = React.forwardRef(({ initialStep = 0, ctv, ...props }, ref) => {
34
+ const styles = (0, useStyles_1.useStyles)(constants_1.STYLES_NAME.STEPPER_PROGRESS, props.variant, ctv);
35
+ return ((0, jsx_runtime_1.jsx)(stepperProgressStandAlone_1.StepperProgressStandAlone, { ref: ref, initialStep: initialStep, styles: styles, ...props }));
36
+ });
37
+ StepperProgressComponent.displayName = 'StepperProgressComponent';
38
+ const StepperProgressBoundary = (props, ref) => ((0, jsx_runtime_1.jsx)(errorBoundary_1.ErrorBoundary, { fallBackComponent: (0, jsx_runtime_1.jsx)(errorBoundary_1.FallbackComponent, { children: (0, jsx_runtime_1.jsx)(stepperProgressStandAlone_1.StepperProgressStandAlone, { ...props, ref: ref }) }), children: (0, jsx_runtime_1.jsx)(StepperProgressComponent, { ...props, ref: ref }) }));
39
+ const StepperProgress = React.forwardRef(StepperProgressBoundary);
40
+ exports.StepperProgress = StepperProgress;
41
+ //# sourceMappingURL=stepperProgress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgress.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/stepperProgress.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,2CAA0C;AAC1C,2DAAwD;AACxD,4DAA4E;AAE5E,2EAAwE;AAGxE,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAuB,EACvD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,IAAA,qBAAS,EACtB,uBAAW,CAAC,gBAAgB,EAC5B,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IAEF,OAAO,CACL,uBAAC,qDAAyB,IAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAC7F,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,uBAAuB,GAAG,CAC9B,KAA0B,EAC1B,GAA0D,EAC7C,EAAE,CAAC,CAChB,uBAAC,6BAAa,IACZ,iBAAiB,EACf,uBAAC,iCAAiB,cAChB,uBAAC,qDAAyB,OACnB,KAA+C,EACpD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,uBAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAIjB,CAAC;AAEvC,0CAAe"}
@@ -0,0 +1,33 @@
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.StepperProgressHelpText = exports.StepperProgressStyled = exports.StepperProgressContainerStyled = void 0;
7
+ const styled_components_1 = __importDefault(require("styled-components"));
8
+ const utils_1 = require("../../utils");
9
+ exports.StepperProgressContainerStyled = styled_components_1.default.div `
10
+ ${({ styles }) => (0, utils_1.getStyles)(styles.container)};
11
+ `;
12
+ exports.StepperProgressStyled = styled_components_1.default.progress `
13
+ appearance: none;
14
+ -webkit-appearance: none;
15
+ -moz-appearance: none;
16
+ ${({ styles }) => (0, utils_1.getStyles)(styles.progress)};
17
+
18
+ &::-webkit-progress-bar {
19
+ ${({ styles }) => (0, utils_1.getStyles)(styles.progress?.webkitProgressBar)};
20
+ }
21
+
22
+ &::-webkit-progress-value {
23
+ ${({ styles }) => (0, utils_1.getStyles)(styles.progress?.webkitProgressValue)};
24
+ }
25
+
26
+ ::-moz-progress-bar {
27
+ ${({ styles }) => (0, utils_1.getStyles)(styles.progress?.mozProgressBar)};
28
+ }
29
+ `;
30
+ exports.StepperProgressHelpText = styled_components_1.default.div `
31
+ ${({ styles }) => (0, utils_1.getStyles)(styles.helpTextContainer)};
32
+ `;
33
+ //# sourceMappingURL=stepperProgress.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgress.styled.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/stepperProgress.styled.ts"],"names":[],"mappings":";;;;;;AAAA,0EAAuC;AAEvC,mCAAoC;AAIvB,QAAA,8BAA8B,GAAG,2BAAM,CAAC,GAAG,CAAwB;IAC5E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEW,QAAA,qBAAqB,GAAG,2BAAM,CAAC,QAAQ,CAAwB;;;;IAIxE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,QAAQ,CAAC;;;MAGxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC;;;;MAI7D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,QAAQ,EAAE,mBAAmB,CAAC;;;;MAI/D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC;;CAE/D,CAAC;AAEW,QAAA,uBAAuB,GAAG,2BAAM,CAAC,GAAG,CAAwB;IACrE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,IAAA,iBAAS,EAAC,MAAM,CAAC,iBAAiB,CAAC;CACtD,CAAC"}
@@ -0,0 +1,50 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
14
+ Object.defineProperty(o, "default", { enumerable: true, value: v });
15
+ }) : function(o, v) {
16
+ o["default"] = v;
17
+ });
18
+ var __importStar = (this && this.__importStar) || function (mod) {
19
+ if (mod && mod.__esModule) return mod;
20
+ var result = {};
21
+ if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
22
+ __setModuleDefault(result, mod);
23
+ return result;
24
+ };
25
+ Object.defineProperty(exports, "__esModule", { value: true });
26
+ exports.StepperProgressStandAlone = void 0;
27
+ const jsx_runtime_1 = require("react/jsx-runtime");
28
+ const React = __importStar(require("react"));
29
+ const text_1 = require("../../components/text");
30
+ const hooks_1 = require("../../hooks");
31
+ const types_1 = require("../../types");
32
+ // helpers
33
+ const currentPercentage_1 = require("./helpers/currentPercentage");
34
+ // styles
35
+ const stepperProgress_styled_1 = require("./stepperProgress.styled");
36
+ const maxProgress = 100;
37
+ const StepperProgressStandAloneComponent = ({ dataTestId, id, styles, initialStep, maxSteps, currentStep, prefixAriaLabel = {
38
+ step: 'step',
39
+ of: 'of',
40
+ completed: 'completed',
41
+ }, }, ref) => {
42
+ const _currentStep = Math.min(Math.max(currentStep, initialStep), maxSteps);
43
+ const currentProgress = (0, currentPercentage_1.currentPercentage)(_currentStep, initialStep, maxSteps);
44
+ const uniqueId = (0, hooks_1.useId)('stepperProgress');
45
+ const stepperProgressId = id ?? uniqueId;
46
+ prefixAriaLabel.step = _currentStep === 1 ? 'step' : 'steps';
47
+ return ((0, jsx_runtime_1.jsxs)(stepperProgress_styled_1.StepperProgressContainerStyled, { ref: ref, styles: styles, children: [(0, jsx_runtime_1.jsx)(stepperProgress_styled_1.StepperProgressStyled, { "aria-hidden": true, "data-testid": dataTestId, id: stepperProgressId, max: maxProgress, styles: styles, value: currentProgress }), (0, jsx_runtime_1.jsx)(stepperProgress_styled_1.StepperProgressHelpText, { "aria-describedby": stepperProgressId, "aria-live": types_1.AriaLiveOptionType.POLITE, "data-testid": dataTestId + 'HelpText', styles: styles, children: (0, jsx_runtime_1.jsxs)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: styles.currentStep, children: [`${_currentStep} ${prefixAriaLabel?.step} `, (0, jsx_runtime_1.jsx)(text_1.Text, { component: text_1.TextComponentType.SPAN, customTypography: styles.maxStep, children: `${prefixAriaLabel?.of} ${maxSteps} ${prefixAriaLabel?.completed}` })] }) })] }));
48
+ };
49
+ exports.StepperProgressStandAlone = React.forwardRef(StepperProgressStandAloneComponent);
50
+ //# sourceMappingURL=stepperProgressStandAlone.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgressStandAlone.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/stepperProgressStandAlone.tsx"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;AAAA,6CAA+B;AAE/B,4CAA4D;AAC5D,mCAAgC;AAChC,mCAA6C;AAE7C,UAAU;AACV,mEAAgE;AAChE,SAAS;AACT,qEAIkC;AAGlC,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,MAAM,kCAAkC,GAAG,CACzC,EACE,UAAU,EACV,EAAE,EACF,MAAM,EACN,WAAW,EACX,QAAQ,EACR,WAAW,EACX,eAAe,GAAG;IAChB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,SAAS,EAAE,WAAW;CACvB,GAC0B,EAC7B,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC5E,MAAM,eAAe,GAAG,IAAA,qCAAiB,EAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC/E,MAAM,QAAQ,GAAG,IAAA,aAAK,EAAC,iBAAiB,CAAC,CAAC;IAC1C,MAAM,iBAAiB,GAAG,EAAE,IAAI,QAAQ,CAAC;IAEzC,eAAe,CAAC,IAAI,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7D,OAAO,CACL,wBAAC,uDAA8B,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,aACtD,uBAAC,8CAAqB,wCAEP,UAAU,EACvB,EAAE,EAAE,iBAAiB,EACrB,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,eAAe,GACtB,EACF,uBAAC,gDAAuB,wBACJ,iBAAiB,eACxB,0BAAkB,CAAC,MAAM,iBACvB,UAAU,GAAG,UAAU,EACpC,MAAM,EAAE,MAAM,YAEd,wBAAC,WAAI,IAAC,SAAS,EAAE,wBAAiB,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,CAAC,WAAW,aAC1E,GAAG,YAAY,IAAI,eAAe,EAAE,IAAI,GAAG,EAC5C,uBAAC,WAAI,IAAC,SAAS,EAAE,wBAAiB,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,CAAC,OAAO,YACtE,GAAG,eAAe,EAAE,EAAE,IAAI,QAAQ,IAAI,eAAe,EAAE,SAAS,EAAE,GAC9D,IACF,GACiB,IACK,CAClC,CAAC;AACJ,CAAC,CAAC;AAEW,QAAA,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=stepperProgress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgress.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/stepperProgress.ts"],"names":[],"mappings":""}
@@ -0,0 +1,3 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ //# sourceMappingURL=stepperProgressTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgressTheme.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/stepperProgressTheme.ts"],"names":[],"mappings":""}
@@ -0,0 +1,19 @@
1
+ "use strict";
2
+ var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
3
+ if (k2 === undefined) k2 = k;
4
+ var desc = Object.getOwnPropertyDescriptor(m, k);
5
+ if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
6
+ desc = { enumerable: true, get: function() { return m[k]; } };
7
+ }
8
+ Object.defineProperty(o, k2, desc);
9
+ }) : (function(o, m, k, k2) {
10
+ if (k2 === undefined) k2 = k;
11
+ o[k2] = m[k];
12
+ }));
13
+ var __exportStar = (this && this.__exportStar) || function(m, exports) {
14
+ for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
15
+ };
16
+ Object.defineProperty(exports, "__esModule", { value: true });
17
+ __exportStar(require("./styles"), exports);
18
+ __exportStar(require("./variants"), exports);
19
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,2CAAyB;AACzB,6CAA2B"}
@@ -0,0 +1,63 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.STEPPER_PROGRESS_STYLES = void 0;
4
+ const foundations_1 = require("../../foundations");
5
+ const text_1 = require("../text");
6
+ const variants_1 = require("./variants");
7
+ const commonProps = {
8
+ container: {
9
+ display: 'flex',
10
+ flex_direction: 'column',
11
+ width: 'auto',
12
+ },
13
+ progress: {
14
+ width: '100%',
15
+ height: foundations_1.SPACINGS.spacing_100,
16
+ border_style: 'none',
17
+ webkitProgressBar: {
18
+ background_color: foundations_1.COLORS.NEUTRAL.color_neutral_border_200,
19
+ border_style: 'none',
20
+ },
21
+ webkitProgressValue: {
22
+ background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
23
+ border_style: 'none',
24
+ },
25
+ mozProgressBar: {
26
+ background_color: foundations_1.COLORS.ACCENT.color_accent_default_bg_100,
27
+ border_style: 'none',
28
+ },
29
+ },
30
+ helpTextContainer: {
31
+ width: 'fit-content',
32
+ margin_top: foundations_1.SPACINGS.spacing_150,
33
+ },
34
+ };
35
+ exports.STEPPER_PROGRESS_STYLES = {
36
+ [variants_1.StepperProgressVariants.DEFAULT]: {
37
+ ...commonProps,
38
+ currentStep: {
39
+ font_variant: text_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
40
+ font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
41
+ color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
42
+ },
43
+ maxStep: {
44
+ font_variant: text_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
45
+ font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
46
+ color: foundations_1.COLORS.NEUTRAL.color_neutral_font_50,
47
+ },
48
+ },
49
+ [variants_1.StepperProgressVariants.ALTERNATIVE]: {
50
+ ...commonProps,
51
+ currentStep: {
52
+ font_variant: text_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
53
+ font_weight: foundations_1.FONT_WEIGHT.font_weight_600,
54
+ color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
55
+ },
56
+ maxStep: {
57
+ font_variant: text_1.TextVariantType.PARAGRAPH_SMALL_EXTENDED,
58
+ font_weight: foundations_1.FONT_WEIGHT.font_weight_400,
59
+ color: foundations_1.COLORS.NEUTRAL.color_neutral_font_250,
60
+ },
61
+ },
62
+ };
63
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/styles.ts"],"names":[],"mappings":";;;AAEA,mDAAkE;AAClE,kCAA0C;AAC1C,yCAAqD;AAErD,MAAM,WAAW,GAA+B;IAC9C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,sBAAQ,CAAC,WAAW;QAC5B,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE;YACjB,gBAAgB,EAAE,oBAAM,CAAC,OAAO,CAAC,wBAAwB;YACzD,YAAY,EAAE,MAAM;SACrB;QACD,mBAAmB,EAAE;YACnB,gBAAgB,EAAE,oBAAM,CAAC,MAAM,CAAC,2BAA2B;YAC3D,YAAY,EAAE,MAAM;SACrB;QACD,cAAc,EAAE;YACd,gBAAgB,EAAE,oBAAM,CAAC,MAAM,CAAC,2BAA2B;YAC3D,YAAY,EAAE,MAAM;SACrB;KACF;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,sBAAQ,CAAC,WAAW;KACjC;CACF,CAAC;AAEW,QAAA,uBAAuB,GAAuD;IACzF,CAAC,kCAAuB,CAAC,OAAO,CAAC,EAAE;QACjC,GAAG,WAAW;QACd,WAAW,EAAE;YACX,YAAY,EAAE,sBAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,yBAAW,CAAC,eAAe;YACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;SAC5C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,sBAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,yBAAW,CAAC,eAAe;YACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,qBAAqB;SAC5C;KACF;IAED,CAAC,kCAAuB,CAAC,WAAW,CAAC,EAAE;QACrC,GAAG,WAAW;QACd,WAAW,EAAE;YACX,YAAY,EAAE,sBAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,yBAAW,CAAC,eAAe;YACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;SAC7C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,sBAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,yBAAW,CAAC,eAAe;YACxC,KAAK,EAAE,oBAAM,CAAC,OAAO,CAAC,sBAAsB;SAC7C;KACF;CACF,CAAC"}
@@ -0,0 +1,9 @@
1
+ "use strict";
2
+ Object.defineProperty(exports, "__esModule", { value: true });
3
+ exports.StepperProgressVariants = void 0;
4
+ var StepperProgressVariants;
5
+ (function (StepperProgressVariants) {
6
+ StepperProgressVariants["DEFAULT"] = "DEFAULT";
7
+ StepperProgressVariants["ALTERNATIVE"] = "ALTERNATIVE";
8
+ })(StepperProgressVariants || (exports.StepperProgressVariants = StepperProgressVariants = {}));
9
+ //# sourceMappingURL=variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/variants.ts"],"names":[],"mappings":";;;AAAA,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAmB,CAAA;IACnB,sDAA2B,CAAA;AAC7B,CAAC,EAHW,uBAAuB,uCAAvB,uBAAuB,QAGlC"}
@@ -84,4 +84,5 @@ __exportStar(require("./thirdPartyAnimation/styles"), exports);
84
84
  __exportStar(require("./textArea/styles"), exports);
85
85
  __exportStar(require("./loadingState/styles"), exports);
86
86
  __exportStar(require("./selectorBoxFile/styles"), exports);
87
+ __exportStar(require("./stepperProgress/styles"), exports);
87
88
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,gDAA8B;AAC9B,wDAAsC;AACtC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,oDAAkC;AAClC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,2DAAyC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,kDAAgC;AAChC,oDAAkC;AAClC,6DAA2C;AAC3C,gDAA8B;AAC9B,qDAAmC;AACnC,yDAAuC;AACvC,gDAA8B;AAC9B,kDAAgC;AAChC,mDAAiC;AACjC,mDAAiC;AACjC,+CAA6B;AAC7B,gDAA8B;AAC9B,6DAA2C;AAC3C,qDAAmC;AACnC,uDAAqC;AACrC,oDAAkC;AAClC,+DAA6C;AAC7C,kDAAgC;AAChC,sDAAoC;AACpC,kDAAgC;AAChC,2DAAyC;AACzC,iDAA+B;AAC/B,wDAAsC;AACtC,yDAAuC;AACvC,qDAAmC;AACnC,yDAAuC;AACvC,yDAAuC;AACvC,sDAAoC;AACpC,uDAAqC;AACrC,uDAAqC;AACrC,4DAA0C;AAC1C,mDAAiC;AACjC,iDAA+B;AAC/B,uDAAqC;AACrC,gDAA8B;AAC9B,oDAAkC;AAClC,0DAAwC;AACxC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,qDAAmC;AACnC,kDAAgC;AAChC,mDAAiC;AACjC,+CAA6B;AAC7B,iEAA+C;AAC/C,uDAAqC;AACrC,0DAAwC;AACxC,qDAAmC;AACnC,2DAAyC;AACzC,+DAA6C;AAC7C,gDAA8B;AAC9B,wDAAsC;AACtC,4DAA0C;AAC1C,iDAA+B;AAC/B,qDAAmC;AACnC,kDAAgC;AAChC,2DAAyC;AACzC,mDAAiC;AACjC,oDAAkC;AAClC,qDAAmC;AACnC,kDAAgC;AAChC,4DAA0C;AAC1C,kDAAgC;AAChC,2DAAyC;AACzC,oDAAkC;AAClC,yDAAuC;AACvC,+DAA6C;AAC7C,oDAAkC;AAClC,wDAAsC;AACtC,2DAAyC;AACzC,2DAAyC"}
@@ -84,4 +84,5 @@ __exportStar(require("./textArea/variants"), exports);
84
84
  __exportStar(require("./loadingState/variants"), exports);
85
85
  __exportStar(require("./textCount/variants"), exports);
86
86
  __exportStar(require("./selectorBoxFile/variants"), exports);
87
+ __exportStar(require("./stepperProgress/variants"), exports);
87
88
  //# sourceMappingURL=variants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,8DAA4C;AAC5C,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,kDAAgC;AAChC,sDAAoC;AACpC,4DAA0C;AAC1C,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,yDAAuC;AACvC,4DAA0C;AAC1C,uDAAqC;AACrC,6DAA2C;AAC3C,iEAA+C;AAC/C,kDAAgC;AAChC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,sDAAoC;AACpC,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,6DAA2C"}
1
+ {"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC;AAClC,sDAAoC;AACpC,+DAA6C;AAC7C,kDAAgC;AAChC,uDAAqC;AACrC,2DAAyC;AACzC,kDAAgC;AAChC,oDAAkC;AAClC,qDAAmC;AACnC,qDAAmC;AACnC,iDAA+B;AAC/B,kDAAgC;AAChC,+DAA6C;AAC7C,uDAAqC;AACrC,yDAAuC;AACvC,sDAAoC;AACpC,iEAA+C;AAC/C,oDAAkC;AAClC,wDAAsC;AACtC,oDAAkC;AAClC,6DAA2C;AAC3C,mDAAiC;AACjC,0DAAwC;AACxC,2DAAyC;AACzC,uDAAqC;AACrC,2DAAyC;AACzC,2DAAyC;AACzC,wDAAsC;AACtC,yDAAuC;AACvC,yDAAuC;AACvC,8DAA4C;AAC5C,qDAAmC;AACnC,mDAAiC;AACjC,yDAAuC;AACvC,kDAAgC;AAChC,sDAAoC;AACpC,4DAA0C;AAC1C,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,uDAAqC;AACrC,oDAAkC;AAClC,qDAAmC;AACnC,iDAA+B;AAC/B,mEAAiD;AACjD,yDAAuC;AACvC,4DAA0C;AAC1C,uDAAqC;AACrC,6DAA2C;AAC3C,iEAA+C;AAC/C,kDAAgC;AAChC,0DAAwC;AACxC,8DAA4C;AAC5C,mDAAiC;AACjC,oDAAkC;AAClC,6DAA2C;AAC3C,qDAAmC;AACnC,sDAAoC;AACpC,uDAAqC;AACrC,oDAAkC;AAClC,8DAA4C;AAC5C,oDAAkC;AAClC,6DAA2C;AAC3C,sDAAoC;AACpC,2DAAyC;AACzC,iEAA+C;AAC/C,sDAAoC;AACpC,0DAAwC;AACxC,uDAAqC;AACrC,6DAA2C;AAC3C,6DAA2C"}
@@ -81,3 +81,4 @@ export * from './dropdownSelected';
81
81
  export * from './portal';
82
82
  export * from './tagV2';
83
83
  export * from './selectorBoxFile';
84
+ export * from './stepperProgress';
@@ -81,4 +81,5 @@ export * from './dropdownSelected';
81
81
  export * from './portal';
82
82
  export * from './tagV2';
83
83
  export * from './selectorBoxFile';
84
+ export * from './stepperProgress';
84
85
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC"}
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/components/index.ts"],"names":[],"mappings":"AAAA,cAAc,aAAa,CAAC;AAC5B,cAAc,uBAAuB,CAAC;AACtC,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,SAAS,CAAC;AACxB,cAAc,SAAS,CAAC;AACxB,cAAc,QAAQ,CAAC;AACvB,cAAc,QAAQ,CAAC;AACvB,cAAc,WAAW,CAAC;AAC1B,cAAc,OAAO,CAAC;AACtB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,QAAQ,CAAC;AACvB,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,SAAS,CAAC;AACxB,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,YAAY,CAAC;AAC3B,cAAc,WAAW,CAAC;AAC1B,cAAc,iBAAiB,CAAC;AAChC,cAAc,UAAU,CAAC;AACzB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,eAAe,CAAC;AAC9B,cAAc,kBAAkB,CAAC;AACjC,cAAc,aAAa,CAAC;AAC5B,cAAc,UAAU,CAAC;AACzB,cAAc,aAAa,CAAC;AAC5B,cAAc,eAAe,CAAC;AAC9B,cAAc,qBAAqB,CAAC;AACpC,cAAc,UAAU,CAAC;AACzB,cAAc,cAAc,CAAC;AAC7B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,WAAW,CAAC;AAC1B,cAAc,SAAS,CAAC;AACxB,cAAc,aAAa,CAAC;AAC5B,cAAc,gBAAgB,CAAC;AAC/B,cAAc,QAAQ,CAAC;AACvB,cAAc,YAAY,CAAC;AAC3B,cAAc,iBAAiB,CAAC;AAChC,cAAc,YAAY,CAAC;AAC3B,cAAc,mBAAmB,CAAC;AAClC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,aAAa,CAAC;AAC5B,cAAc,SAAS,CAAC;AACxB,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,iBAAiB,CAAC;AAChC,cAAc,cAAc,CAAC;AAC7B,cAAc,aAAa,CAAC;AAC5B,cAAc,iBAAiB,CAAC;AAChC,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,uBAAuB,CAAC;AACtC,cAAc,YAAY,CAAC;AAC3B,cAAc,qBAAqB,CAAC;AACpC,cAAc,YAAY,CAAC;AAC3B,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,yBAAyB,CAAC;AACxC,cAAc,UAAU,CAAC;AACzB,cAAc,UAAU,CAAC;AACzB,cAAc,mBAAmB,CAAC;AAClC,cAAc,QAAQ,CAAC;AACvB,cAAc,oBAAoB,CAAC;AACnC,cAAc,aAAa,CAAC;AAC5B,cAAc,oBAAoB,CAAC;AACnC,cAAc,UAAU,CAAC;AACzB,cAAc,SAAS,CAAC;AACxB,cAAc,mBAAmB,CAAC;AAClC,cAAc,mBAAmB,CAAC"}
@@ -0,0 +1 @@
1
+ export declare const currentPercentage: (currentStep: number, initialStep: number, maxSteps: number) => number;
@@ -0,0 +1,6 @@
1
+ export const currentPercentage = (currentStep, initialStep, maxSteps) => {
2
+ const scaledValue = (currentStep - initialStep) / (maxSteps - initialStep);
3
+ const percentage = 100 * scaledValue;
4
+ return Math.round(percentage);
5
+ };
6
+ //# sourceMappingURL=currentPercentage.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"currentPercentage.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/helpers/currentPercentage.ts"],"names":[],"mappings":"AAAA,MAAM,CAAC,MAAM,iBAAiB,GAAG,CAC/B,WAAmB,EACnB,WAAmB,EACnB,QAAgB,EACR,EAAE;IACV,MAAM,WAAW,GAAG,CAAC,WAAW,GAAG,WAAW,CAAC,GAAG,CAAC,QAAQ,GAAG,WAAW,CAAC,CAAC;IAC3E,MAAM,UAAU,GAAG,GAAG,GAAG,WAAW,CAAC;IACrC,OAAO,IAAI,CAAC,KAAK,CAAC,UAAU,CAAC,CAAC;AAChC,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export type { IStepperProgressStyled, IStepperProgressStandAlone, IStepperProgress, StepperProgressCommonProps, StepperProgressStylesType, } from './types';
2
+ export { StepperProgress } from './stepperProgress';
@@ -0,0 +1,2 @@
1
+ export { StepperProgress } from './stepperProgress';
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/index.ts"],"names":[],"mappings":"AAQA,OAAO,EAAE,eAAe,EAAE,MAAM,mBAAmB,CAAC"}
@@ -0,0 +1,7 @@
1
+ import * as React from 'react';
2
+ import { IStepperProgress } from './types';
3
+ declare const StepperProgressBoundary: <V extends unknown>(props: IStepperProgress<V>, ref: React.ForwardedRef<HTMLDivElement> | undefined | null) => JSX.Element;
4
+ declare const StepperProgress: <V extends unknown>(props: React.PropsWithChildren<IStepperProgress<V>> & {
5
+ ref?: React.ForwardedRef<HTMLDivElement> | undefined | null;
6
+ }) => ReturnType<typeof StepperProgressBoundary>;
7
+ export { StepperProgress };
@@ -0,0 +1,15 @@
1
+ import { jsx as _jsx } from "react/jsx-runtime";
2
+ import * as React from 'react';
3
+ import { STYLES_NAME } from '../../constants';
4
+ import { useStyles } from '../../hooks/useStyles/useStyles';
5
+ import { ErrorBoundary, FallbackComponent } from '../../provider/errorBoundary';
6
+ import { StepperProgressStandAlone } from './stepperProgressStandAlone';
7
+ const StepperProgressComponent = React.forwardRef(({ initialStep = 0, ctv, ...props }, ref) => {
8
+ const styles = useStyles(STYLES_NAME.STEPPER_PROGRESS, props.variant, ctv);
9
+ return (_jsx(StepperProgressStandAlone, { ref: ref, initialStep: initialStep, styles: styles, ...props }));
10
+ });
11
+ StepperProgressComponent.displayName = 'StepperProgressComponent';
12
+ const StepperProgressBoundary = (props, ref) => (_jsx(ErrorBoundary, { fallBackComponent: _jsx(FallbackComponent, { children: _jsx(StepperProgressStandAlone, { ...props, ref: ref }) }), children: _jsx(StepperProgressComponent, { ...props, ref: ref }) }));
13
+ const StepperProgress = React.forwardRef(StepperProgressBoundary);
14
+ export { StepperProgress };
15
+ //# sourceMappingURL=stepperProgress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgress.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/stepperProgress.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,WAAW,EAAE,MAAM,aAAa,CAAC;AAC1C,OAAO,EAAE,SAAS,EAAE,MAAM,6BAA6B,CAAC;AACxD,OAAO,EAAE,aAAa,EAAE,iBAAiB,EAAE,MAAM,0BAA0B,CAAC;AAE5E,OAAO,EAAE,yBAAyB,EAAE,MAAM,6BAA6B,CAAC;AAGxE,MAAM,wBAAwB,GAAG,KAAK,CAAC,UAAU,CAC/C,CACE,EAAE,WAAW,GAAG,CAAC,EAAE,GAAG,EAAE,GAAG,KAAK,EAAuB,EACvD,GAA0D,EAC7C,EAAE;IACf,MAAM,MAAM,GAAG,SAAS,CACtB,WAAW,CAAC,gBAAgB,EAC5B,KAAK,CAAC,OAAO,EACb,GAAG,CACJ,CAAC;IAEF,OAAO,CACL,KAAC,yBAAyB,IAAC,GAAG,EAAE,GAAG,EAAE,WAAW,EAAE,WAAW,EAAE,MAAM,EAAE,MAAM,KAAM,KAAK,GAAI,CAC7F,CAAC;AACJ,CAAC,CACF,CAAC;AACF,wBAAwB,CAAC,WAAW,GAAG,0BAA0B,CAAC;AAElE,MAAM,uBAAuB,GAAG,CAC9B,KAA0B,EAC1B,GAA0D,EAC7C,EAAE,CAAC,CAChB,KAAC,aAAa,IACZ,iBAAiB,EACf,KAAC,iBAAiB,cAChB,KAAC,yBAAyB,OACnB,KAA+C,EACpD,GAAG,EAAE,GAAG,GACR,GACgB,YAGtB,KAAC,wBAAwB,OAAK,KAAK,EAAE,GAAG,EAAE,GAAG,GAAI,GACnC,CACjB,CAAC;AAEF,MAAM,eAAe,GAAG,KAAK,CAAC,UAAU,CAAC,uBAAuB,CAIjB,CAAC;AAEhD,OAAO,EAAE,eAAe,EAAE,CAAC"}
@@ -0,0 +1,5 @@
1
+ /// <reference types="react" />
2
+ import { IStepperProgressStyled } from './types';
3
+ export declare const StepperProgressContainerStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStepperProgressStyled>>;
4
+ export declare const StepperProgressStyled: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").ProgressHTMLAttributes<HTMLProgressElement>, HTMLProgressElement>, IStepperProgressStyled>>;
5
+ export declare const StepperProgressHelpText: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, IStepperProgressStyled>>;
@@ -0,0 +1,27 @@
1
+ import styled from 'styled-components';
2
+ import { getStyles } from '../../utils';
3
+ export const StepperProgressContainerStyled = styled.div `
4
+ ${({ styles }) => getStyles(styles.container)};
5
+ `;
6
+ export const StepperProgressStyled = styled.progress `
7
+ appearance: none;
8
+ -webkit-appearance: none;
9
+ -moz-appearance: none;
10
+ ${({ styles }) => getStyles(styles.progress)};
11
+
12
+ &::-webkit-progress-bar {
13
+ ${({ styles }) => getStyles(styles.progress?.webkitProgressBar)};
14
+ }
15
+
16
+ &::-webkit-progress-value {
17
+ ${({ styles }) => getStyles(styles.progress?.webkitProgressValue)};
18
+ }
19
+
20
+ ::-moz-progress-bar {
21
+ ${({ styles }) => getStyles(styles.progress?.mozProgressBar)};
22
+ }
23
+ `;
24
+ export const StepperProgressHelpText = styled.div `
25
+ ${({ styles }) => getStyles(styles.helpTextContainer)};
26
+ `;
27
+ //# sourceMappingURL=stepperProgress.styled.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgress.styled.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/stepperProgress.styled.ts"],"names":[],"mappings":"AAAA,OAAO,MAAM,MAAM,mBAAmB,CAAC;AAEvC,OAAO,EAAE,SAAS,EAAE,MAAM,SAAS,CAAC;AAIpC,MAAM,CAAC,MAAM,8BAA8B,GAAG,MAAM,CAAC,GAAG,CAAwB;IAC5E,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,SAAS,CAAC;CAC9C,CAAC;AAEF,MAAM,CAAC,MAAM,qBAAqB,GAAG,MAAM,CAAC,QAAQ,CAAwB;;;;IAIxE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,CAAC;;;MAGxC,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,iBAAiB,CAAC;;;;MAI7D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,mBAAmB,CAAC;;;;MAI/D,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,QAAQ,EAAE,cAAc,CAAC;;CAE/D,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAG,MAAM,CAAC,GAAG,CAAwB;IACrE,CAAC,EAAE,MAAM,EAAE,EAAE,EAAE,CAAC,SAAS,CAAC,MAAM,CAAC,iBAAiB,CAAC;CACtD,CAAC"}
@@ -0,0 +1,3 @@
1
+ import * as React from 'react';
2
+ import { IStepperProgressStandAlone } from './types/stepperProgress';
3
+ export declare const StepperProgressStandAlone: React.ForwardRefExoticComponent<IStepperProgressStandAlone & React.RefAttributes<HTMLDivElement>>;
@@ -0,0 +1,24 @@
1
+ import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
2
+ import * as React from 'react';
3
+ import { Text, TextComponentType } from '../../components/text';
4
+ import { useId } from '../../hooks';
5
+ import { AriaLiveOptionType } from '../../types';
6
+ // helpers
7
+ import { currentPercentage } from './helpers/currentPercentage';
8
+ // styles
9
+ import { StepperProgressContainerStyled, StepperProgressHelpText, StepperProgressStyled, } from './stepperProgress.styled';
10
+ const maxProgress = 100;
11
+ const StepperProgressStandAloneComponent = ({ dataTestId, id, styles, initialStep, maxSteps, currentStep, prefixAriaLabel = {
12
+ step: 'step',
13
+ of: 'of',
14
+ completed: 'completed',
15
+ }, }, ref) => {
16
+ const _currentStep = Math.min(Math.max(currentStep, initialStep), maxSteps);
17
+ const currentProgress = currentPercentage(_currentStep, initialStep, maxSteps);
18
+ const uniqueId = useId('stepperProgress');
19
+ const stepperProgressId = id ?? uniqueId;
20
+ prefixAriaLabel.step = _currentStep === 1 ? 'step' : 'steps';
21
+ return (_jsxs(StepperProgressContainerStyled, { ref: ref, styles: styles, children: [_jsx(StepperProgressStyled, { "aria-hidden": true, "data-testid": dataTestId, id: stepperProgressId, max: maxProgress, styles: styles, value: currentProgress }), _jsx(StepperProgressHelpText, { "aria-describedby": stepperProgressId, "aria-live": AriaLiveOptionType.POLITE, "data-testid": dataTestId + 'HelpText', styles: styles, children: _jsxs(Text, { component: TextComponentType.SPAN, customTypography: styles.currentStep, children: [`${_currentStep} ${prefixAriaLabel?.step} `, _jsx(Text, { component: TextComponentType.SPAN, customTypography: styles.maxStep, children: `${prefixAriaLabel?.of} ${maxSteps} ${prefixAriaLabel?.completed}` })] }) })] }));
22
+ };
23
+ export const StepperProgressStandAlone = React.forwardRef(StepperProgressStandAloneComponent);
24
+ //# sourceMappingURL=stepperProgressStandAlone.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgressStandAlone.js","sourceRoot":"","sources":["../../../../src/components/stepperProgress/stepperProgressStandAlone.tsx"],"names":[],"mappings":";AAAA,OAAO,KAAK,KAAK,MAAM,OAAO,CAAC;AAE/B,OAAO,EAAE,IAAI,EAAE,iBAAiB,EAAE,MAAM,mBAAmB,CAAC;AAC5D,OAAO,EAAE,KAAK,EAAE,MAAM,SAAS,CAAC;AAChC,OAAO,EAAE,kBAAkB,EAAE,MAAM,SAAS,CAAC;AAE7C,UAAU;AACV,OAAO,EAAE,iBAAiB,EAAE,MAAM,6BAA6B,CAAC;AAChE,SAAS;AACT,OAAO,EACL,8BAA8B,EAC9B,uBAAuB,EACvB,qBAAqB,GACtB,MAAM,0BAA0B,CAAC;AAGlC,MAAM,WAAW,GAAG,GAAG,CAAC;AAExB,MAAM,kCAAkC,GAAG,CACzC,EACE,UAAU,EACV,EAAE,EACF,MAAM,EACN,WAAW,EACX,QAAQ,EACR,WAAW,EACX,eAAe,GAAG;IAChB,IAAI,EAAE,MAAM;IACZ,EAAE,EAAE,IAAI;IACR,SAAS,EAAE,WAAW;CACvB,GAC0B,EAC7B,GAA0D,EAC7C,EAAE;IACf,MAAM,YAAY,GAAG,IAAI,CAAC,GAAG,CAAC,IAAI,CAAC,GAAG,CAAC,WAAW,EAAE,WAAW,CAAC,EAAE,QAAQ,CAAC,CAAC;IAC5E,MAAM,eAAe,GAAG,iBAAiB,CAAC,YAAY,EAAE,WAAW,EAAE,QAAQ,CAAC,CAAC;IAC/E,MAAM,QAAQ,GAAG,KAAK,CAAC,iBAAiB,CAAC,CAAC;IAC1C,MAAM,iBAAiB,GAAG,EAAE,IAAI,QAAQ,CAAC;IAEzC,eAAe,CAAC,IAAI,GAAG,YAAY,KAAK,CAAC,CAAC,CAAC,CAAC,MAAM,CAAC,CAAC,CAAC,OAAO,CAAC;IAE7D,OAAO,CACL,MAAC,8BAA8B,IAAC,GAAG,EAAE,GAAG,EAAE,MAAM,EAAE,MAAM,aACtD,KAAC,qBAAqB,wCAEP,UAAU,EACvB,EAAE,EAAE,iBAAiB,EACrB,GAAG,EAAE,WAAW,EAChB,MAAM,EAAE,MAAM,EACd,KAAK,EAAE,eAAe,GACtB,EACF,KAAC,uBAAuB,wBACJ,iBAAiB,eACxB,kBAAkB,CAAC,MAAM,iBACvB,UAAU,GAAG,UAAU,EACpC,MAAM,EAAE,MAAM,YAEd,MAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,CAAC,WAAW,aAC1E,GAAG,YAAY,IAAI,eAAe,EAAE,IAAI,GAAG,EAC5C,KAAC,IAAI,IAAC,SAAS,EAAE,iBAAiB,CAAC,IAAI,EAAE,gBAAgB,EAAE,MAAM,CAAC,OAAO,YACtE,GAAG,eAAe,EAAE,EAAE,IAAI,QAAQ,IAAI,eAAe,EAAE,SAAS,EAAE,GAC9D,IACF,GACiB,IACK,CAClC,CAAC;AACJ,CAAC,CAAC;AAEF,MAAM,CAAC,MAAM,yBAAyB,GAAG,KAAK,CAAC,UAAU,CAAC,kCAAkC,CAAC,CAAC"}
@@ -0,0 +1,2 @@
1
+ export type { IStepperProgressStyled, IStepperProgressStandAlone, IStepperProgress, } from './stepperProgress';
2
+ export type { StepperProgressCommonProps, StepperProgressStylesType } from './stepperProgressTheme';
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/index.ts"],"names":[],"mappings":""}
@@ -0,0 +1,22 @@
1
+ import { CustomTokenTypes } from '../../../types';
2
+ import { StepperProgressCommonProps } from './stepperProgressTheme';
3
+ export interface IStepperProgressStyled {
4
+ styles: StepperProgressCommonProps;
5
+ }
6
+ export interface IStepperProgressStandAlone extends IStepperProgressStyled {
7
+ dataTestId?: string;
8
+ id?: string;
9
+ ariaLabel?: string;
10
+ initialStep: number;
11
+ maxSteps: number;
12
+ prefixAriaLabel?: {
13
+ step: string;
14
+ of: string;
15
+ completed?: 'completed';
16
+ };
17
+ currentStep: number;
18
+ }
19
+ export interface IStepperProgress<V = undefined extends string ? unknown : string> extends Omit<IStepperProgressStandAlone, 'styles' | 'initialStep'>, Omit<CustomTokenTypes<StepperProgressCommonProps>, 'cts' | 'extraCt'> {
20
+ variant: V;
21
+ initialStep?: number;
22
+ }
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=stepperProgress.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgress.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/stepperProgress.ts"],"names":[],"mappings":""}
@@ -0,0 +1,15 @@
1
+ import { CommonStyleType, TypographyTypes } from '../../../types';
2
+ export type StepperProgressCommonProps = {
3
+ container?: CommonStyleType;
4
+ progress?: CommonStyleType & {
5
+ webkitProgressBar?: CommonStyleType;
6
+ webkitProgressValue?: CommonStyleType;
7
+ mozProgressBar?: CommonStyleType;
8
+ };
9
+ helpTextContainer?: CommonStyleType;
10
+ currentStep?: TypographyTypes;
11
+ maxStep?: TypographyTypes;
12
+ };
13
+ export type StepperProgressStylesType<P extends string | number | symbol> = {
14
+ [key in P]?: StepperProgressCommonProps;
15
+ };
@@ -0,0 +1,2 @@
1
+ export {};
2
+ //# sourceMappingURL=stepperProgressTheme.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"stepperProgressTheme.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/stepperProgressTheme.ts"],"names":[],"mappings":""}
@@ -0,0 +1,2 @@
1
+ export * from './styles';
2
+ export * from './variants';
@@ -0,0 +1,3 @@
1
+ export * from './styles';
2
+ export * from './variants';
3
+ //# sourceMappingURL=index.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/index.ts"],"names":[],"mappings":"AAAA,cAAc,UAAU,CAAC;AACzB,cAAc,YAAY,CAAC"}
@@ -0,0 +1,3 @@
1
+ import { StepperProgressStylesType } from '../../../../components';
2
+ import { StepperProgressVariants } from './variants';
3
+ export declare const STEPPER_PROGRESS_STYLES: StepperProgressStylesType<StepperProgressVariants>;
@@ -0,0 +1,60 @@
1
+ import { COLORS, FONT_WEIGHT, SPACINGS } from '../../foundations';
2
+ import { TextVariantType } from '../text';
3
+ import { StepperProgressVariants } from './variants';
4
+ const commonProps = {
5
+ container: {
6
+ display: 'flex',
7
+ flex_direction: 'column',
8
+ width: 'auto',
9
+ },
10
+ progress: {
11
+ width: '100%',
12
+ height: SPACINGS.spacing_100,
13
+ border_style: 'none',
14
+ webkitProgressBar: {
15
+ background_color: COLORS.NEUTRAL.color_neutral_border_200,
16
+ border_style: 'none',
17
+ },
18
+ webkitProgressValue: {
19
+ background_color: COLORS.ACCENT.color_accent_default_bg_100,
20
+ border_style: 'none',
21
+ },
22
+ mozProgressBar: {
23
+ background_color: COLORS.ACCENT.color_accent_default_bg_100,
24
+ border_style: 'none',
25
+ },
26
+ },
27
+ helpTextContainer: {
28
+ width: 'fit-content',
29
+ margin_top: SPACINGS.spacing_150,
30
+ },
31
+ };
32
+ export const STEPPER_PROGRESS_STYLES = {
33
+ [StepperProgressVariants.DEFAULT]: {
34
+ ...commonProps,
35
+ currentStep: {
36
+ font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
37
+ font_weight: FONT_WEIGHT.font_weight_600,
38
+ color: COLORS.NEUTRAL.color_neutral_font_50,
39
+ },
40
+ maxStep: {
41
+ font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
42
+ font_weight: FONT_WEIGHT.font_weight_400,
43
+ color: COLORS.NEUTRAL.color_neutral_font_50,
44
+ },
45
+ },
46
+ [StepperProgressVariants.ALTERNATIVE]: {
47
+ ...commonProps,
48
+ currentStep: {
49
+ font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
50
+ font_weight: FONT_WEIGHT.font_weight_600,
51
+ color: COLORS.NEUTRAL.color_neutral_font_250,
52
+ },
53
+ maxStep: {
54
+ font_variant: TextVariantType.PARAGRAPH_SMALL_EXTENDED,
55
+ font_weight: FONT_WEIGHT.font_weight_400,
56
+ color: COLORS.NEUTRAL.color_neutral_font_250,
57
+ },
58
+ },
59
+ };
60
+ //# sourceMappingURL=styles.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/styles.ts"],"names":[],"mappings":"AAEA,OAAO,EAAE,MAAM,EAAE,WAAW,EAAE,QAAQ,EAAE,MAAM,mBAAmB,CAAC;AAClE,OAAO,EAAE,eAAe,EAAE,MAAM,SAAS,CAAC;AAC1C,OAAO,EAAE,uBAAuB,EAAE,MAAM,YAAY,CAAC;AAErD,MAAM,WAAW,GAA+B;IAC9C,SAAS,EAAE;QACT,OAAO,EAAE,MAAM;QACf,cAAc,EAAE,QAAQ;QACxB,KAAK,EAAE,MAAM;KACd;IACD,QAAQ,EAAE;QACR,KAAK,EAAE,MAAM;QACb,MAAM,EAAE,QAAQ,CAAC,WAAW;QAC5B,YAAY,EAAE,MAAM;QACpB,iBAAiB,EAAE;YACjB,gBAAgB,EAAE,MAAM,CAAC,OAAO,CAAC,wBAAwB;YACzD,YAAY,EAAE,MAAM;SACrB;QACD,mBAAmB,EAAE;YACnB,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;YAC3D,YAAY,EAAE,MAAM;SACrB;QACD,cAAc,EAAE;YACd,gBAAgB,EAAE,MAAM,CAAC,MAAM,CAAC,2BAA2B;YAC3D,YAAY,EAAE,MAAM;SACrB;KACF;IACD,iBAAiB,EAAE;QACjB,KAAK,EAAE,aAAa;QACpB,UAAU,EAAE,QAAQ,CAAC,WAAW;KACjC;CACF,CAAC;AAEF,MAAM,CAAC,MAAM,uBAAuB,GAAuD;IACzF,CAAC,uBAAuB,CAAC,OAAO,CAAC,EAAE;QACjC,GAAG,WAAW;QACd,WAAW,EAAE;YACX,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;SAC5C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,qBAAqB;SAC5C;KACF;IAED,CAAC,uBAAuB,CAAC,WAAW,CAAC,EAAE;QACrC,GAAG,WAAW;QACd,WAAW,EAAE;YACX,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,sBAAsB;SAC7C;QACD,OAAO,EAAE;YACP,YAAY,EAAE,eAAe,CAAC,wBAAwB;YACtD,WAAW,EAAE,WAAW,CAAC,eAAe;YACxC,KAAK,EAAE,MAAM,CAAC,OAAO,CAAC,sBAAsB;SAC7C;KACF;CACF,CAAC"}
@@ -0,0 +1,4 @@
1
+ export declare enum StepperProgressVariants {
2
+ DEFAULT = "DEFAULT",
3
+ ALTERNATIVE = "ALTERNATIVE"
4
+ }
@@ -0,0 +1,6 @@
1
+ export var StepperProgressVariants;
2
+ (function (StepperProgressVariants) {
3
+ StepperProgressVariants["DEFAULT"] = "DEFAULT";
4
+ StepperProgressVariants["ALTERNATIVE"] = "ALTERNATIVE";
5
+ })(StepperProgressVariants || (StepperProgressVariants = {}));
6
+ //# sourceMappingURL=variants.js.map
@@ -0,0 +1 @@
1
+ {"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../../src/designSystem/kubit/components/stepperProgress/variants.ts"],"names":[],"mappings":"AAAA,MAAM,CAAN,IAAY,uBAGX;AAHD,WAAY,uBAAuB;IACjC,8CAAmB,CAAA;IACnB,sDAA2B,CAAA;AAC7B,CAAC,EAHW,uBAAuB,KAAvB,uBAAuB,QAGlC"}
@@ -68,3 +68,4 @@ export * from './thirdPartyAnimation/styles';
68
68
  export * from './textArea/styles';
69
69
  export * from './loadingState/styles';
70
70
  export * from './selectorBoxFile/styles';
71
+ export * from './stepperProgress/styles';
@@ -68,4 +68,5 @@ export * from './thirdPartyAnimation/styles';
68
68
  export * from './textArea/styles';
69
69
  export * from './loadingState/styles';
70
70
  export * from './selectorBoxFile/styles';
71
+ export * from './stepperProgress/styles';
71
72
  //# sourceMappingURL=styles.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC"}
1
+ {"version":3,"file":"styles.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/styles.ts"],"names":[],"mappings":"AAAA,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,eAAe,CAAC;AAC9B,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,eAAe,CAAC;AAC9B,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,eAAe,CAAC;AAC9B,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,oBAAoB,CAAC;AACnC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,sBAAsB,CAAC;AACrC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,kBAAkB,CAAC;AACjC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,sBAAsB,CAAC;AACrC,cAAc,eAAe,CAAC;AAC9B,cAAc,mBAAmB,CAAC;AAClC,cAAc,yBAAyB,CAAC;AACxC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,kBAAkB,CAAC;AACjC,cAAc,cAAc,CAAC;AAC7B,cAAc,gCAAgC,CAAC;AAC/C,cAAc,sBAAsB,CAAC;AACrC,cAAc,yBAAyB,CAAC;AACxC,cAAc,oBAAoB,CAAC;AACnC,cAAc,0BAA0B,CAAC;AACzC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,eAAe,CAAC;AAC9B,cAAc,uBAAuB,CAAC;AACtC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,gBAAgB,CAAC;AAC/B,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,iBAAiB,CAAC;AAChC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,iBAAiB,CAAC;AAChC,cAAc,0BAA0B,CAAC;AACzC,cAAc,mBAAmB,CAAC;AAClC,cAAc,wBAAwB,CAAC;AACvC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC"}
@@ -68,3 +68,4 @@ export * from './textArea/variants';
68
68
  export * from './loadingState/variants';
69
69
  export * from './textCount/variants';
70
70
  export * from './selectorBoxFile/variants';
71
+ export * from './stepperProgress/variants';
@@ -68,4 +68,5 @@ export * from './textArea/variants';
68
68
  export * from './loadingState/variants';
69
69
  export * from './textCount/variants';
70
70
  export * from './selectorBoxFile/variants';
71
+ export * from './stepperProgress/variants';
71
72
  //# sourceMappingURL=variants.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC"}
1
+ {"version":3,"file":"variants.js","sourceRoot":"","sources":["../../../../../src/designSystem/kubit/components/variants.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC;AAClC,cAAc,qBAAqB,CAAC;AACpC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,iBAAiB,CAAC;AAChC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,iBAAiB,CAAC;AAChC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,iBAAiB,CAAC;AAChC,cAAc,8BAA8B,CAAC;AAC7C,cAAc,sBAAsB,CAAC;AACrC,cAAc,wBAAwB,CAAC;AACvC,cAAc,qBAAqB,CAAC;AACpC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,mBAAmB,CAAC;AAClC,cAAc,uBAAuB,CAAC;AACtC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,kBAAkB,CAAC;AACjC,cAAc,yBAAyB,CAAC;AACxC,cAAc,0BAA0B,CAAC;AACzC,cAAc,sBAAsB,CAAC;AACrC,cAAc,0BAA0B,CAAC;AACzC,cAAc,0BAA0B,CAAC;AACzC,cAAc,uBAAuB,CAAC;AACtC,cAAc,wBAAwB,CAAC;AACvC,cAAc,wBAAwB,CAAC;AACvC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,oBAAoB,CAAC;AACnC,cAAc,kBAAkB,CAAC;AACjC,cAAc,wBAAwB,CAAC;AACvC,cAAc,iBAAiB,CAAC;AAChC,cAAc,qBAAqB,CAAC;AACpC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,oBAAoB,CAAC;AACnC,cAAc,gBAAgB,CAAC;AAC/B,cAAc,kCAAkC,CAAC;AACjD,cAAc,wBAAwB,CAAC;AACvC,cAAc,2BAA2B,CAAC;AAC1C,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,gCAAgC,CAAC;AAC/C,cAAc,iBAAiB,CAAC;AAChC,cAAc,yBAAyB,CAAC;AACxC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,kBAAkB,CAAC;AACjC,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,oBAAoB,CAAC;AACnC,cAAc,qBAAqB,CAAC;AACpC,cAAc,sBAAsB,CAAC;AACrC,cAAc,mBAAmB,CAAC;AAClC,cAAc,6BAA6B,CAAC;AAC5C,cAAc,mBAAmB,CAAC;AAClC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,qBAAqB,CAAC;AACpC,cAAc,0BAA0B,CAAC;AACzC,cAAc,gCAAgC,CAAC;AAC/C,cAAc,qBAAqB,CAAC;AACpC,cAAc,yBAAyB,CAAC;AACxC,cAAc,sBAAsB,CAAC;AACrC,cAAc,4BAA4B,CAAC;AAC3C,cAAc,4BAA4B,CAAC"}
@@ -410,6 +410,7 @@ export declare const KUBIT_STYLES: {
410
410
  TEXT_AREA_STYLES: import("../../components").TextAreaStylesType<VARIANTS.TextAreaVariantType>;
411
411
  LOADING_STATE_STYLES: import("../../components").LoadingStateStylesType<VARIANTS.LoadingStateVariant>;
412
412
  SELECTOR_BOX_FILE_STYLES: import("../../components").SelectorBoxFileStylesType<VARIANTS.SelectorBoxFileVariantType>;
413
+ STEPPER_PROGRESS_STYLES: import("../../components").StepperProgressStylesType<VARIANTS.StepperProgressVariants>;
413
414
  BREAKPOINTS: {
414
415
  readonly ZERO: 0;
415
416
  readonly S: 22.5;
@@ -900,4 +901,5 @@ export declare const KUBIT_VARIANTS: {
900
901
  LoadingStateVariant: typeof VARIANTS.LoadingStateVariant;
901
902
  TextCountVariantType: typeof VARIANTS.TextCountVariantType;
902
903
  SelectorBoxFileVariantType: typeof VARIANTS.SelectorBoxFileVariantType;
904
+ StepperProgressVariants: typeof VARIANTS.StepperProgressVariants;
903
905
  };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@kubit-ui-web/react-components",
3
- "version": "1.6.0",
3
+ "version": "1.6.1",
4
4
  "description": "Kubit React Components is a customizable, accessible library of React web components, designed to enhance your application's user experience",
5
5
  "author": {
6
6
  "name": "Kubit",