react-restyle-components 0.1.15 → 0.1.18

package/README.md

@@ -2,8 +2,6 @@
 
 Easy use restyle components
 
-## Note: In development mode (facing same issue) 🚨
-
 ## Installation
 
 ```
@@ -15,9 +13,23 @@ yarn add react-restyle-components
 ##
 
 ```jsx
-import {List, Form, Buttons, Svg, Icons} from 'react-restyle-components';
+import {Stepper} from 'react-restyle-components';
+
+<Stepper
+  steps={['1', '2', '3']}
+  currentStep={2}
+  onStepClick={(currentStep, step) => {
+    // eslint-disable-next-line no-console
+    console.log({currentStep, step});
+  }}
+  className="mt-4"
+/>;
 ```
 
 ### Outputs
 
+# Storybook
+
+https://appasaheb4.github.io/react-restyle-components
+
 ### More inforamtion watch youtube channel: https://www.youtube.com/tech-abl

package/lib/cjs/App.js

@@ -0,0 +1,20 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const logo_svg_1 = __importDefault(require("./logo.svg"));
+require("./App.css");
+function App() {
+    return (react_1.default.createElement("div", { className: "App" },
+        react_1.default.createElement("header", { className: "App-header" },
+            react_1.default.createElement("img", { src: logo_svg_1.default, className: "App-logo", alt: "logo" }),
+            react_1.default.createElement("p", null,
+                "Edit ",
+                react_1.default.createElement("code", null, "src/App.tsx"),
+                " and save to reload."),
+            react_1.default.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
+}
+exports.default = App;
+//# sourceMappingURL=App.js.map

package/lib/cjs/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,0DAA8B;AAC9B,qBAAmB;AAEnB,SAAS,GAAG;IACV,OAAO,CACL,uCAAK,SAAS,EAAC,KAAK;QAClB,0CAAQ,SAAS,EAAC,YAAY;YAC5B,uCAAK,GAAG,EAAE,kBAAI,EAAE,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM,GAAG;YAClD;;gBACO,0DAAwB;uCAC3B;YACJ,qCACE,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,qBAAqB,EAC1B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,kBAGvB,CACG,CACL,CACP,CAAC;AACJ,CAAC;AAED,kBAAe,GAAG,CAAC"}

package/lib/cjs/App.test.js

@@ -0,0 +1,14 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const App_1 = __importDefault(require("./App"));
+test('renders learn react link', () => {
+    (0, react_2.render)(react_1.default.createElement(App_1.default, null));
+    const linkElement = react_2.screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
+});
+//# sourceMappingURL=App.test.js.map

package/lib/cjs/App.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.test.js","sourceRoot":"","sources":["../../src/App.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,kDAAwD;AACxD,gDAAwB;AAExB,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACpC,IAAA,cAAM,EAAC,8BAAC,aAAG,OAAG,CAAC,CAAC;IAChB,MAAM,WAAW,GAAG,cAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACrD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/stepper/stepper.component.js

@@ -0,0 +1,42 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Stepper = void 0;
+const react_1 = __importDefault(require("react"));
+const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
+    const finalClass = `${className} w-full px-4 sm:px-8`;
+    const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500';
+    const Steps = steps === null || steps === void 0 ? void 0 : steps.map((step, index) => {
+        let stepClass = 'inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center';
+        if (index < currentStep)
+            stepClass +=
+                ' font-medium border border-orange  bg-background-secondary text-gray';
+        else if (index > currentStep)
+            stepClass +=
+                ' font-medium border border-gray-dark-secondary text-gray bg-background-secondary';
+        else if (currentStep === index)
+            stepClass += ' font-medium bg-orange text-white';
+        if (typeof onStepClick === 'function')
+            stepClass += ' cursor-pointer';
+        return (react_1.default.createElement("div", { key: step, style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: "absolute" },
+            react_1.default.createElement("span", { className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`, onClick: () => {
+                    if (typeof onStepClick === 'function')
+                        onStepClick(index + 1, step);
+                } }, step)));
+    });
+    return (react_1.default.createElement("div", { className: finalClass },
+        react_1.default.createElement("div", { className: "w-full relative" },
+            react_1.default.createElement("div", { className: progressClass, style: {
+                    width: `${(currentStep / (steps.length - 1)) * 100}%`,
+                } },
+                react_1.default.createElement("div", { className: "w-3 h-3 bg-orange rounded-full absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2" })),
+            react_1.default.createElement("div", { className: 'absolute h-0.5 my-4 top-1/2 left-0 transform -translate-y-1/2 bg-gray-dark-secondary transition-width ease-in-out duration-500', style: {
+                    marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
+                    width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
+                } })),
+        react_1.default.createElement("div", { className: "relative sm:block" }, Steps)));
+};
+exports.Stepper = Stepper;
+//# sourceMappingURL=stepper.component.js.map

package/lib/cjs/core-components/atoms/stepper/stepper.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AASnB,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,GAAG,CAAC,EACf,WAAW,GACE,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,GAAG,SAAS,sBAAsB,CAAC;IACtD,MAAM,aAAa,GACjB,oHAAoH,CAAC;IACvH,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvC,IAAI,SAAS,GACX,+EAA+E,CAAC;QAClF,IAAI,KAAK,GAAG,WAAW;YACrB,SAAS;gBACP,sEAAsE,CAAC;aACtE,IAAI,KAAK,GAAG,WAAW;YAC1B,SAAS;gBACP,kFAAkF,CAAC;aAClF,IAAI,WAAW,KAAK,KAAK;YAC5B,SAAS,IAAI,mCAAmC,CAAC;QACnD,IAAI,OAAO,WAAW,KAAK,UAAU;YAAE,SAAS,IAAI,iBAAiB,CAAC;QACtE,OAAO,CACL,uCACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,EAAC,EACvD,SAAS,EAAC,UAAU;YAEpB,wCACE,SAAS,EAAE,GAAG,SAAS,+CAA+C,EACtE,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,WAAW,KAAK,UAAU;wBAAE,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;gBACtE,CAAC,IAEA,IAAI,CACA,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,uCAAK,SAAS,EAAE,UAAU;QACxB,uCAAK,SAAS,EAAC,iBAAiB;YAC9B,uCACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBACtD;gBAED,uCAAK,SAAS,EAAC,oGAAoG,GAAG,CAClH;YACN,uCACE,SAAS,EACP,gIAAgI,EAElI,KAAK,EAAE;oBACL,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;oBAC1D,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBAC5D,GACI,CACH;QACN,uCAAK,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC,CAAC;AA9DW,QAAA,OAAO,WA8DlB"}

package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js

@@ -0,0 +1,13 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const react_1 = __importDefault(require("react"));
+const _core_utils_1 = require("@core-utils");
+const stepper_component_1 = require("./stepper.component");
+it('render XB_Stepper correctly', () => {
+    const stepper = (0, _core_utils_1.render)(react_1.default.createElement(stepper_component_1.Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
+    expect(stepper).toMatchSnapshot();
+});
+//# sourceMappingURL=stepper.component.test.js.map

package/lib/cjs/core-components/atoms/stepper/stepper.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.test.tsx"],"names":[],"mappings":";;;;;AAAA,kDAA0B;AAC1B,6CAAmC;AACnC,2DAA4C;AAC5C,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,IAAA,oBAAM,EACpB,8BAAC,2BAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}

package/lib/cjs/core-components/atoms/stepper/stepper.stories.js

@@ -0,0 +1,23 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Primary = void 0;
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable react/jsx-indent-props */
+const react_1 = __importDefault(require("react"));
+const stepper_component_1 = require("./stepper.component");
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+exports.default = {
+    title: 'Atoms/Stepper',
+    component: stepper_component_1.Stepper,
+    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+};
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+const Primary = () => (react_1.default.createElement(stepper_component_1.Stepper, { steps: ['1', '2', '3', '4'], currentStep: 2, onStepClick: (currentStep, step) => { }, className: "mt-4" }));
+exports.Primary = Primary;
+//# sourceMappingURL=stepper.stories.js.map

package/lib/cjs/core-components/atoms/stepper/stepper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.stories.tsx"],"names":[],"mappings":";;;;;;AAAA,sDAAsD;AACtD,2CAA2C;AAC3C,kDAA0B;AAE1B,2DAA4C;AAE5C,0GAA0G;AAC1G,kBAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,2BAAO;IAClB,qEAAqE;IACrE,QAAQ,EAAE;QACR,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC;KACpC;CAC+B,CAAC;AAEnC,2GAA2G;AACpG,MAAM,OAAO,GAAmC,GAAG,EAAE,CAAC,CAC3D,8BAAC,2BAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAE,CAAC,EACtC,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;AAPW,QAAA,OAAO,WAOlB"}

package/lib/cjs/core-components/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./atoms/stepper/stepper.component"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/core-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oEAAkD"}

package/lib/cjs/core-utils/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./unit-test.utils"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/core-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

package/lib/cjs/core-utils/unit-test.utils.js

@@ -0,0 +1,17 @@
+"use strict";
+var __importDefault = (this && this.__importDefault) || function (mod) {
+    return (mod && mod.__esModule) ? mod : { "default": mod };
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.Providers = exports.render = void 0;
+const react_1 = __importDefault(require("react"));
+const react_2 = require("@testing-library/react");
+const Providers = ({ children }) => {
+    return react_1.default.createElement("div", null, children);
+};
+exports.Providers = Providers;
+const render = (Component) => {
+    return (0, react_2.render)(Component, { wrapper: Providers });
+};
+exports.render = render;
+//# sourceMappingURL=unit-test.utils.js.map

package/lib/cjs/core-utils/unit-test.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-test.utils.js","sourceRoot":"","sources":["../../../src/core-utils/unit-test.utils.tsx"],"names":[],"mappings":";;;;;;AAAA,kDAA0B;AAC1B,kDAAiE;AAEjE,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAM,EAAE,EAAE;IACpC,OAAO,2CAAM,QAAQ,CAAO,CAAC;AAC/B,CAAC,CAAC;AAMc,8BAAS;AAJzB,MAAM,MAAM,GAAG,CAAC,SAAsB,EAAE,EAAE;IACxC,OAAO,IAAA,cAAe,EAAC,SAAS,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEM,wBAAM"}

package/lib/cjs/index.js

@@ -0,0 +1,18 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __exportStar = (this && this.__exportStar) || function(m, exports) {
+    for (var p in m) if (p !== "default" && !Object.prototype.hasOwnProperty.call(exports, p)) __createBinding(exports, m, p);
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+__exportStar(require("./core-components"), exports);
+//# sourceMappingURL=index.js.map

package/lib/cjs/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;AAAA,oDAAkC"}

package/lib/cjs/reportWebVitals.js

@@ -0,0 +1,38 @@
+"use strict";
+var __createBinding = (this && this.__createBinding) || (Object.create ? (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    var desc = Object.getOwnPropertyDescriptor(m, k);
+    if (!desc || ("get" in desc ? !m.__esModule : desc.writable || desc.configurable)) {
+      desc = { enumerable: true, get: function() { return m[k]; } };
+    }
+    Object.defineProperty(o, k2, desc);
+}) : (function(o, m, k, k2) {
+    if (k2 === undefined) k2 = k;
+    o[k2] = m[k];
+}));
+var __setModuleDefault = (this && this.__setModuleDefault) || (Object.create ? (function(o, v) {
+    Object.defineProperty(o, "default", { enumerable: true, value: v });
+}) : function(o, v) {
+    o["default"] = v;
+});
+var __importStar = (this && this.__importStar) || function (mod) {
+    if (mod && mod.__esModule) return mod;
+    var result = {};
+    if (mod != null) for (var k in mod) if (k !== "default" && Object.prototype.hasOwnProperty.call(mod, k)) __createBinding(result, mod, k);
+    __setModuleDefault(result, mod);
+    return result;
+};
+Object.defineProperty(exports, "__esModule", { value: true });
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        Promise.resolve().then(() => __importStar(require('web-vitals'))).then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+exports.default = reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/cjs/reportWebVitals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.js","sourceRoot":"","sources":["../../src/reportWebVitals.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAEA,MAAM,eAAe,GAAG,CAAC,WAA2B,EAAE,EAAE;IACtD,IAAI,WAAW,IAAI,WAAW,YAAY,QAAQ,EAAE;QAClD,kDAAO,YAAY,IAAE,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;YACxE,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,OAAO,CAAC,WAAW,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;KACJ;AACH,CAAC,CAAC;AAEF,kBAAe,eAAe,CAAC"}

package/lib/cjs/setupTests.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+require("@testing-library/jest-dom");
+//# sourceMappingURL=setupTests.js.map

package/lib/cjs/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":";;AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,qCAAmC"}

package/lib/esm/App.js

@@ -0,0 +1,15 @@
+import React from 'react';
+import logo from './logo.svg';
+import './App.css';
+function App() {
+    return (React.createElement("div", { className: "App" },
+        React.createElement("header", { className: "App-header" },
+            React.createElement("img", { src: logo, className: "App-logo", alt: "logo" }),
+            React.createElement("p", null,
+                "Edit ",
+                React.createElement("code", null, "src/App.tsx"),
+                " and save to reload."),
+            React.createElement("a", { className: "App-link", href: "https://reactjs.org", target: "_blank", rel: "noopener noreferrer" }, "Learn React"))));
+}
+export default App;
+//# sourceMappingURL=App.js.map

package/lib/esm/App.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.js","sourceRoot":"","sources":["../../src/App.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,IAAI,MAAM,YAAY,CAAC;AAC9B,OAAO,WAAW,CAAC;AAEnB,SAAS,GAAG;IACV,OAAO,CACL,6BAAK,SAAS,EAAC,KAAK;QAClB,gCAAQ,SAAS,EAAC,YAAY;YAC5B,6BAAK,GAAG,EAAE,IAAI,EAAE,SAAS,EAAC,UAAU,EAAC,GAAG,EAAC,MAAM,GAAG;YAClD;;gBACO,gDAAwB;uCAC3B;YACJ,2BACE,SAAS,EAAC,UAAU,EACpB,IAAI,EAAC,qBAAqB,EAC1B,MAAM,EAAC,QAAQ,EACf,GAAG,EAAC,qBAAqB,kBAGvB,CACG,CACL,CACP,CAAC;AACJ,CAAC;AAED,eAAe,GAAG,CAAC"}

package/lib/esm/App.test.js

@@ -0,0 +1,9 @@
+import React from 'react';
+import { render, screen } from '@testing-library/react';
+import App from './App';
+test('renders learn react link', () => {
+    render(React.createElement(App, null));
+    const linkElement = screen.getByText(/learn react/i);
+    expect(linkElement).toBeInTheDocument();
+});
+//# sourceMappingURL=App.test.js.map

package/lib/esm/App.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"App.test.js","sourceRoot":"","sources":["../../src/App.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,wBAAwB,CAAC;AACxD,OAAO,GAAG,MAAM,OAAO,CAAC;AAExB,IAAI,CAAC,0BAA0B,EAAE,GAAG,EAAE;IACpC,MAAM,CAAC,oBAAC,GAAG,OAAG,CAAC,CAAC;IAChB,MAAM,WAAW,GAAG,MAAM,CAAC,SAAS,CAAC,cAAc,CAAC,CAAC;IACrD,MAAM,CAAC,WAAW,CAAC,CAAC,iBAAiB,EAAE,CAAC;AAC1C,CAAC,CAAC,CAAC"}

package/lib/esm/core-components/atoms/stepper/stepper.component.js

@@ -0,0 +1,35 @@
+import React from 'react';
+export const Stepper = ({ className = '', steps, currentStep = 1, onStepClick, }) => {
+    const finalClass = `${className} w-full px-4 sm:px-8`;
+    const progressClass = 'absolute my-4 top-1/2 left-0 h-0.5  transform -translate-y-1/2 bg-orange transition-width ease-in-out duration-500';
+    const Steps = steps === null || steps === void 0 ? void 0 : steps.map((step, index) => {
+        let stepClass = 'inline-block transform -translate-x-1/2 pt-1 w-8 h-8 rounded-full text-center';
+        if (index < currentStep)
+            stepClass +=
+                ' font-medium border border-orange  bg-background-secondary text-gray';
+        else if (index > currentStep)
+            stepClass +=
+                ' font-medium border border-gray-dark-secondary text-gray bg-background-secondary';
+        else if (currentStep === index)
+            stepClass += ' font-medium bg-orange text-white';
+        if (typeof onStepClick === 'function')
+            stepClass += ' cursor-pointer';
+        return (React.createElement("div", { key: step, style: { left: `${(index / (steps.length - 1)) * 100}%` }, className: "absolute" },
+            React.createElement("span", { className: `${stepClass} font-nunitoSansRegular  text-4xs text-center`, onClick: () => {
+                    if (typeof onStepClick === 'function')
+                        onStepClick(index + 1, step);
+                } }, step)));
+    });
+    return (React.createElement("div", { className: finalClass },
+        React.createElement("div", { className: "w-full relative" },
+            React.createElement("div", { className: progressClass, style: {
+                    width: `${(currentStep / (steps.length - 1)) * 100}%`,
+                } },
+                React.createElement("div", { className: "w-3 h-3 bg-orange rounded-full absolute right-0 top-1/2 transform translate-x-1/2 -translate-y-1/2" })),
+            React.createElement("div", { className: 'absolute h-0.5 my-4 top-1/2 left-0 transform -translate-y-1/2 bg-gray-dark-secondary transition-width ease-in-out duration-500', style: {
+                    marginLeft: `${(currentStep / (steps.length - 1)) * 100}%`,
+                    width: `${100 - (currentStep / (steps.length - 1)) * 100}%`,
+                } })),
+        React.createElement("div", { className: "relative sm:block" }, Steps)));
+};
+//# sourceMappingURL=stepper.component.js.map

package/lib/esm/core-components/atoms/stepper/stepper.component.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAS1B,MAAM,CAAC,MAAM,OAAO,GAAG,CAAC,EACtB,SAAS,GAAG,EAAE,EACd,KAAK,EACL,WAAW,GAAG,CAAC,EACf,WAAW,GACE,EAAE,EAAE;IACjB,MAAM,UAAU,GAAG,GAAG,SAAS,sBAAsB,CAAC;IACtD,MAAM,aAAa,GACjB,oHAAoH,CAAC;IACvH,MAAM,KAAK,GAAG,KAAK,aAAL,KAAK,uBAAL,KAAK,CAAE,GAAG,CAAC,CAAC,IAAI,EAAE,KAAK,EAAE,EAAE;QACvC,IAAI,SAAS,GACX,+EAA+E,CAAC;QAClF,IAAI,KAAK,GAAG,WAAW;YACrB,SAAS;gBACP,sEAAsE,CAAC;aACtE,IAAI,KAAK,GAAG,WAAW;YAC1B,SAAS;gBACP,kFAAkF,CAAC;aAClF,IAAI,WAAW,KAAK,KAAK;YAC5B,SAAS,IAAI,mCAAmC,CAAC;QACnD,IAAI,OAAO,WAAW,KAAK,UAAU;YAAE,SAAS,IAAI,iBAAiB,CAAC;QACtE,OAAO,CACL,6BACE,GAAG,EAAE,IAAI,EACT,KAAK,EAAE,EAAC,IAAI,EAAE,GAAG,CAAC,KAAK,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG,EAAC,EACvD,SAAS,EAAC,UAAU;YAEpB,8BACE,SAAS,EAAE,GAAG,SAAS,+CAA+C,EACtE,OAAO,EAAE,GAAG,EAAE;oBACZ,IAAI,OAAO,WAAW,KAAK,UAAU;wBAAE,WAAW,CAAC,KAAK,GAAG,CAAC,EAAE,IAAI,CAAC,CAAC;gBACtE,CAAC,IAEA,IAAI,CACA,CACH,CACP,CAAC;IACJ,CAAC,CAAC,CAAC;IACH,OAAO,CACL,6BAAK,SAAS,EAAE,UAAU;QACxB,6BAAK,SAAS,EAAC,iBAAiB;YAC9B,6BACE,SAAS,EAAE,aAAa,EACxB,KAAK,EAAE;oBACL,KAAK,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBACtD;gBAED,6BAAK,SAAS,EAAC,oGAAoG,GAAG,CAClH;YACN,6BACE,SAAS,EACP,gIAAgI,EAElI,KAAK,EAAE;oBACL,UAAU,EAAE,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;oBAC1D,KAAK,EAAE,GAAG,GAAG,GAAG,CAAC,WAAW,GAAG,CAAC,KAAK,CAAC,MAAM,GAAG,CAAC,CAAC,CAAC,GAAG,GAAG,GAAG;iBAC5D,GACI,CACH;QACN,6BAAK,SAAS,EAAC,mBAAmB,IAAE,KAAK,CAAO,CAC5C,CACP,CAAC;AACJ,CAAC,CAAC"}

package/lib/esm/core-components/atoms/stepper/stepper.component.test.js

@@ -0,0 +1,8 @@
+import React from 'react';
+import { render } from '@core-utils';
+import { Stepper } from './stepper.component';
+it('render XB_Stepper correctly', () => {
+    const stepper = render(React.createElement(Stepper, { steps: ['1', '2', '3', '4'], currentStep: 3, onStepClick: () => jest.fn(), className: "mt-4" }));
+    expect(stepper).toMatchSnapshot();
+});
+//# sourceMappingURL=stepper.component.test.js.map

package/lib/esm/core-components/atoms/stepper/stepper.component.test.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.component.test.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.component.test.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,EAAC,MAAM,aAAa,CAAC;AACnC,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAC5C,EAAE,CAAC,6BAA6B,EAAE,GAAG,EAAE;IACrC,MAAM,OAAO,GAAG,MAAM,CACpB,oBAAC,OAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,GAAG,EAAE,CAAC,IAAI,CAAC,EAAE,EAAE,EAC5B,SAAS,EAAC,MAAM,GAChB,CACH,CAAC;IACF,MAAM,CAAC,OAAO,CAAC,CAAC,eAAe,EAAE,CAAC;AACpC,CAAC,CAAC,CAAC"}

package/lib/esm/core-components/atoms/stepper/stepper.stories.js

@@ -0,0 +1,16 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+/* eslint-disable react/jsx-indent-props */
+import React from 'react';
+import { Stepper } from './stepper.component';
+// More on default export: https://storybook.js.org/docs/react/writing-stories/introduction#default-export
+export default {
+    title: 'Atoms/Stepper',
+    component: Stepper,
+    // More on argTypes: https://storybook.js.org/docs/react/api/argtypes
+    argTypes: {
+        backgroundColor: { control: 'color' },
+    },
+};
+// More on component templates: https://storybook.js.org/docs/react/writing-stories/introduction#using-args
+export const Primary = () => (React.createElement(Stepper, { steps: ['1', '2', '3', '4'], currentStep: 2, onStepClick: (currentStep, step) => { }, className: "mt-4" }));
+//# sourceMappingURL=stepper.stories.js.map

package/lib/esm/core-components/atoms/stepper/stepper.stories.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"stepper.stories.js","sourceRoot":"","sources":["../../../../../src/core-components/atoms/stepper/stepper.stories.tsx"],"names":[],"mappings":"AAAA,sDAAsD;AACtD,2CAA2C;AAC3C,OAAO,KAAK,MAAM,OAAO,CAAC;AAE1B,OAAO,EAAC,OAAO,EAAC,MAAM,qBAAqB,CAAC;AAE5C,0GAA0G;AAC1G,eAAe;IACb,KAAK,EAAE,eAAe;IACtB,SAAS,EAAE,OAAO;IAClB,qEAAqE;IACrE,QAAQ,EAAE;QACR,eAAe,EAAE,EAAC,OAAO,EAAE,OAAO,EAAC;KACpC;CAC+B,CAAC;AAEnC,2GAA2G;AAC3G,MAAM,CAAC,MAAM,OAAO,GAAmC,GAAG,EAAE,CAAC,CAC3D,oBAAC,OAAO,IACN,KAAK,EAAE,CAAC,GAAG,EAAE,GAAG,EAAE,GAAG,EAAE,GAAG,CAAC,EAC3B,WAAW,EAAE,CAAC,EACd,WAAW,EAAE,CAAC,WAAW,EAAE,IAAI,EAAE,EAAE,GAAE,CAAC,EACtC,SAAS,EAAC,MAAM,GAChB,CACH,CAAC"}

package/lib/esm/core-components/index.js

@@ -0,0 +1,2 @@
+export * from './atoms/stepper/stepper.component';
+//# sourceMappingURL=index.js.map

package/lib/esm/core-components/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-components/index.ts"],"names":[],"mappings":"AAAA,cAAc,mCAAmC,CAAC"}

package/lib/esm/core-utils/index.js

@@ -0,0 +1,2 @@
+export * from './unit-test.utils';
+//# sourceMappingURL=index.js.map

package/lib/esm/core-utils/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../../src/core-utils/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/esm/core-utils/unit-test.utils.js

@@ -0,0 +1,10 @@
+import React from 'react';
+import { render as renderComponent } from '@testing-library/react';
+const Providers = ({ children }) => {
+    return React.createElement("div", null, children);
+};
+const render = (Component) => {
+    return renderComponent(Component, { wrapper: Providers });
+};
+export { render, Providers };
+//# sourceMappingURL=unit-test.utils.js.map

package/lib/esm/core-utils/unit-test.utils.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"unit-test.utils.js","sourceRoot":"","sources":["../../../src/core-utils/unit-test.utils.tsx"],"names":[],"mappings":"AAAA,OAAO,KAAK,MAAM,OAAO,CAAC;AAC1B,OAAO,EAAC,MAAM,IAAI,eAAe,EAAC,MAAM,wBAAwB,CAAC;AAEjE,MAAM,SAAS,GAAG,CAAC,EAAC,QAAQ,EAAM,EAAE,EAAE;IACpC,OAAO,iCAAM,QAAQ,CAAO,CAAC;AAC/B,CAAC,CAAC;AAEF,MAAM,MAAM,GAAG,CAAC,SAAsB,EAAE,EAAE;IACxC,OAAO,eAAe,CAAC,SAAS,EAAE,EAAC,OAAO,EAAE,SAAS,EAAC,CAAC,CAAC;AAC1D,CAAC,CAAC;AAEF,OAAO,EAAC,MAAM,EAAE,SAAS,EAAC,CAAC"}

package/lib/esm/index.js

@@ -0,0 +1,2 @@
+export * from './core-components';
+//# sourceMappingURL=index.js.map

package/lib/esm/index.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.js","sourceRoot":"","sources":["../../src/index.ts"],"names":[],"mappings":"AAAA,cAAc,mBAAmB,CAAC"}

package/lib/esm/reportWebVitals.js

@@ -0,0 +1,13 @@
+const reportWebVitals = (onPerfEntry) => {
+    if (onPerfEntry && onPerfEntry instanceof Function) {
+        import('web-vitals').then(({ getCLS, getFID, getFCP, getLCP, getTTFB }) => {
+            getCLS(onPerfEntry);
+            getFID(onPerfEntry);
+            getFCP(onPerfEntry);
+            getLCP(onPerfEntry);
+            getTTFB(onPerfEntry);
+        });
+    }
+};
+export default reportWebVitals;
+//# sourceMappingURL=reportWebVitals.js.map

package/lib/esm/reportWebVitals.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"reportWebVitals.js","sourceRoot":"","sources":["../../src/reportWebVitals.ts"],"names":[],"mappings":"AAEA,MAAM,eAAe,GAAG,CAAC,WAA2B,EAAE,EAAE;IACtD,IAAI,WAAW,IAAI,WAAW,YAAY,QAAQ,EAAE;QAClD,MAAM,CAAC,YAAY,CAAC,CAAC,IAAI,CAAC,CAAC,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,MAAM,EAAE,OAAO,EAAE,EAAE,EAAE;YACxE,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,MAAM,CAAC,WAAW,CAAC,CAAC;YACpB,OAAO,CAAC,WAAW,CAAC,CAAC;QACvB,CAAC,CAAC,CAAC;KACJ;AACH,CAAC,CAAC;AAEF,eAAe,eAAe,CAAC"}

package/lib/esm/setupTests.js

@@ -0,0 +1,6 @@
+// jest-dom adds custom jest matchers for asserting on DOM nodes.
+// allows you to do things like:
+// expect(element).toHaveTextContent(/react/i)
+// learn more: https://github.com/testing-library/jest-dom
+import '@testing-library/jest-dom';
+//# sourceMappingURL=setupTests.js.map

package/lib/esm/setupTests.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"setupTests.js","sourceRoot":"","sources":["../../src/setupTests.ts"],"names":[],"mappings":"AAAA,iEAAiE;AACjE,gCAAgC;AAChC,8CAA8C;AAC9C,0DAA0D;AAC1D,OAAO,2BAA2B,CAAC"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "react-restyle-components",
-  "version": "0.1.15",
+  "version": "0.1.18",
   "private": false,
   "description": "Easy use restyle components",
   "types": "lib/index.d.ts",
@@ -17,7 +17,7 @@
     "@testing-library/react": "^13.1.1",
     "@testing-library/user-event": "^13.5.0",
     "@types/jest": "^27.4.1",
-    "@types/node": "^16.11.27",
+    "@types/node": "^17.0.25",
     "@types/react": "^18.0.5",
     "@types/react-dom": "^18.0.1",
     "react": "^18.0.0",
@@ -36,7 +36,8 @@
     "test": "react-scripts test",
     "eject": "react-scripts eject",
     "storybook": "start-storybook -p 6006 -s public",
-    "build-storybook": "build-storybook -s public"
+    "build-storybook": "build-storybook -o docs-build",
+    "deploy-storybook": "gh-pages -d docs-build"
   },
   "files": [
     "lib/"
@@ -82,6 +83,7 @@
     "@storybook/react": "^6.4.22",
     "@storybook/testing-library": "^0.0.10",
     "craco-alias": "^3.0.1",
+    "node": "^17.7.2",
     "webpack": "^5.72.0"
   },
   "keywords": [