@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.
- package/dist/cjs/components/index.js +1 -0
- package/dist/cjs/components/index.js.map +1 -1
- package/dist/cjs/components/stepperProgress/helpers/currentPercentage.js +10 -0
- package/dist/cjs/components/stepperProgress/helpers/currentPercentage.js.map +1 -0
- package/dist/cjs/components/stepperProgress/index.js +6 -0
- package/dist/cjs/components/stepperProgress/index.js.map +1 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.js +41 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.js.map +1 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.styled.js +33 -0
- package/dist/cjs/components/stepperProgress/stepperProgress.styled.js.map +1 -0
- package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js +50 -0
- package/dist/cjs/components/stepperProgress/stepperProgressStandAlone.js.map +1 -0
- package/dist/cjs/components/stepperProgress/types/index.js +3 -0
- package/dist/cjs/components/stepperProgress/types/index.js.map +1 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgress.js +3 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgress.js.map +1 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgressTheme.js +3 -0
- package/dist/cjs/components/stepperProgress/types/stepperProgressTheme.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/index.js +19 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/index.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/styles.js +63 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/styles.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/variants.js +9 -0
- package/dist/cjs/designSystem/kubit/components/stepperProgress/variants.js.map +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js +1 -0
- package/dist/cjs/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/cjs/designSystem/kubit/components/variants.js +1 -0
- package/dist/cjs/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/components/index.d.ts +1 -0
- package/dist/esm/components/index.js +1 -0
- package/dist/esm/components/index.js.map +1 -1
- package/dist/esm/components/stepperProgress/helpers/currentPercentage.d.ts +1 -0
- package/dist/esm/components/stepperProgress/helpers/currentPercentage.js +6 -0
- package/dist/esm/components/stepperProgress/helpers/currentPercentage.js.map +1 -0
- package/dist/esm/components/stepperProgress/index.d.ts +2 -0
- package/dist/esm/components/stepperProgress/index.js +2 -0
- package/dist/esm/components/stepperProgress/index.js.map +1 -0
- package/dist/esm/components/stepperProgress/stepperProgress.d.ts +7 -0
- package/dist/esm/components/stepperProgress/stepperProgress.js +15 -0
- package/dist/esm/components/stepperProgress/stepperProgress.js.map +1 -0
- package/dist/esm/components/stepperProgress/stepperProgress.styled.d.ts +5 -0
- package/dist/esm/components/stepperProgress/stepperProgress.styled.js +27 -0
- package/dist/esm/components/stepperProgress/stepperProgress.styled.js.map +1 -0
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.d.ts +3 -0
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js +24 -0
- package/dist/esm/components/stepperProgress/stepperProgressStandAlone.js.map +1 -0
- package/dist/esm/components/stepperProgress/types/index.d.ts +2 -0
- package/dist/esm/components/stepperProgress/types/index.js +2 -0
- package/dist/esm/components/stepperProgress/types/index.js.map +1 -0
- package/dist/esm/components/stepperProgress/types/stepperProgress.d.ts +22 -0
- package/dist/esm/components/stepperProgress/types/stepperProgress.js +2 -0
- package/dist/esm/components/stepperProgress/types/stepperProgress.js.map +1 -0
- package/dist/esm/components/stepperProgress/types/stepperProgressTheme.d.ts +15 -0
- package/dist/esm/components/stepperProgress/types/stepperProgressTheme.js +2 -0
- package/dist/esm/components/stepperProgress/types/stepperProgressTheme.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/index.d.ts +2 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/index.js +3 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/index.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/styles.d.ts +3 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/styles.js +60 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/styles.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/variants.d.ts +4 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/variants.js +6 -0
- package/dist/esm/designSystem/kubit/components/stepperProgress/variants.js.map +1 -0
- package/dist/esm/designSystem/kubit/components/styles.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js +1 -0
- package/dist/esm/designSystem/kubit/components/styles.js.map +1 -1
- package/dist/esm/designSystem/kubit/components/variants.d.ts +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js +1 -0
- package/dist/esm/designSystem/kubit/components/variants.js.map +1 -1
- package/dist/esm/designSystem/kubit/index.d.ts +2 -0
- 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 @@
|
|
|
1
|
+
{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/index.ts"],"names":[],"mappings":""}
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
{"version":3,"file":"stepperProgress.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/stepperProgress.ts"],"names":[],"mappings":""}
|
|
@@ -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"}
|
|
@@ -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 @@
|
|
|
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,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 @@
|
|
|
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 @@
|
|
|
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 @@
|
|
|
1
|
+
{"version":3,"file":"stepperProgressTheme.js","sourceRoot":"","sources":["../../../../../src/components/stepperProgress/types/stepperProgressTheme.ts"],"names":[],"mappings":""}
|
|
@@ -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,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,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"}
|
|
@@ -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"}
|
|
@@ -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.
|
|
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",
|