krl-alfred 1.74.2 → 1.74.3

package/dist/assets/svg/ArrowRightIcon.js

@@ -13,6 +13,6 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var ArrowRightIcon = function (props) {
-    return ((0, jsx_runtime_1.jsx)("svg", __assign({}, props, { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: (0, jsx_runtime_1.jsx)("path", { d: "M5.66602 3.33268L10.3327 7.99935L5.66602 12.666", stroke: props.color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
+    return ((0, jsx_runtime_1.jsx)("svg", __assign({}, props, { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.66602 3.33268L10.3327 7.99935L5.66602 12.666", stroke: props.color, strokeWidth: "2", strokeLinecap: "round", strokeLinejoin: "round" }) })));
 };
 exports.default = ArrowRightIcon;

package/dist/assets/svg/SpinnerIcon.js

@@ -13,6 +13,6 @@ var __assign = (this && this.__assign) || function () {
 Object.defineProperty(exports, "__esModule", { value: true });
 var jsx_runtime_1 = require("react/jsx-runtime");
 var SpinnerIcon = function (props) {
-    return ((0, jsx_runtime_1.jsxs)("svg", __assign({}, props, { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg", children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "2", r: "2", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.3327 3.66732C13.3327 4.12756 12.9596 4.50065 12.4993 4.50065C12.0391 4.50065 11.666 4.12756 11.666 3.66732C11.666 3.20708 12.0391 2.83398 12.4993 2.83398C12.9596 2.83398 13.3327 3.20708 13.3327 3.66732Z", fill: "white" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "7.99935", cy: "14.6673", rx: "1.33333", ry: "1.33333", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.00065 3.66732C5.00065 4.67984 4.17984 5.50065 3.16732 5.50065C2.1548 5.50065 1.33398 4.67984 1.33398 3.66732C1.33398 2.6548 2.1548 1.83398 3.16732 1.83398C4.17984 1.83398 5.00065 2.6548 5.00065 3.66732Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.33333 8.33268C3.33333 9.25316 2.58714 9.99935 1.66667 9.99935C0.746192 9.99935 0 9.25316 0 8.33268C0 7.41221 0.746192 6.66602 1.66667 6.66602C2.58714 6.66602 3.33333 7.41221 3.33333 8.33268Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.666 8.33398C15.666 8.88627 15.2183 9.33398 14.666 9.33398C14.1137 9.33398 13.666 8.88627 13.666 8.33398C13.666 7.7817 14.1137 7.33398 14.666 7.33398C15.2183 7.33398 15.666 7.7817 15.666 8.33398Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.83398 12.834C4.83398 13.6624 4.16241 14.334 3.33398 14.334C2.50556 14.334 1.83398 13.6624 1.83398 12.834C1.83398 12.0056 2.50556 11.334 3.33398 11.334C4.16241 11.334 4.83398 12.0056 4.83398 12.834Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.8333 12.5007C13.8333 13.145 13.311 13.6673 12.6667 13.6673C12.0223 13.6673 11.5 13.145 11.5 12.5007C11.5 11.8563 12.0223 11.334 12.6667 11.334C13.311 11.334 13.8333 11.8563 13.8333 12.5007Z", fill: "white" })] })));
+    return ((0, jsx_runtime_1.jsxs)("svg", __assign({}, props, { viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, { children: [(0, jsx_runtime_1.jsx)("circle", { cx: "8", cy: "2", r: "2", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.3327 3.66732C13.3327 4.12756 12.9596 4.50065 12.4993 4.50065C12.0391 4.50065 11.666 4.12756 11.666 3.66732C11.666 3.20708 12.0391 2.83398 12.4993 2.83398C12.9596 2.83398 13.3327 3.20708 13.3327 3.66732Z", fill: "white" }), (0, jsx_runtime_1.jsx)("ellipse", { cx: "7.99935", cy: "14.6673", rx: "1.33333", ry: "1.33333", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M5.00065 3.66732C5.00065 4.67984 4.17984 5.50065 3.16732 5.50065C2.1548 5.50065 1.33398 4.67984 1.33398 3.66732C1.33398 2.6548 2.1548 1.83398 3.16732 1.83398C4.17984 1.83398 5.00065 2.6548 5.00065 3.66732Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.33333 8.33268C3.33333 9.25316 2.58714 9.99935 1.66667 9.99935C0.746192 9.99935 0 9.25316 0 8.33268C0 7.41221 0.746192 6.66602 1.66667 6.66602C2.58714 6.66602 3.33333 7.41221 3.33333 8.33268Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.666 8.33398C15.666 8.88627 15.2183 9.33398 14.666 9.33398C14.1137 9.33398 13.666 8.88627 13.666 8.33398C13.666 7.7817 14.1137 7.33398 14.666 7.33398C15.2183 7.33398 15.666 7.7817 15.666 8.33398Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M4.83398 12.834C4.83398 13.6624 4.16241 14.334 3.33398 14.334C2.50556 14.334 1.83398 13.6624 1.83398 12.834C1.83398 12.0056 2.50556 11.334 3.33398 11.334C4.16241 11.334 4.83398 12.0056 4.83398 12.834Z", fill: "white" }), (0, jsx_runtime_1.jsx)("path", { d: "M13.8333 12.5007C13.8333 13.145 13.311 13.6673 12.6667 13.6673C12.0223 13.6673 11.5 13.145 11.5 12.5007C11.5 11.8563 12.0223 11.334 12.6667 11.334C13.311 11.334 13.8333 11.8563 13.8333 12.5007Z", fill: "white" })] })));
 };
 exports.default = SpinnerIcon;

package/dist/components/Accordion/Accordion.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -23,7 +34,7 @@ var Accordion = function (props) {
             }, 800);
         }
     }, [hasScrollOnFocus, activeIndex]);
-    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.AccordionStyled, { children: [title && (0, jsx_runtime_1.jsx)(Accordion_styled_1.AccordionTitle, { size: size, children: title }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.Wrapper, { ref: wrapperRef, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(AccordionItem_1.default, { active: active, setActive: setActive, size: size, collapseAll: collapseAll, index: key, title: item.question, content: item.answer }, key)); }) }), showLink && ((0, jsx_runtime_1.jsx)(Accordion_styled_1.Footer, { className: "body-bold-14-17", children: (0, jsx_runtime_1.jsx)(TextLink_1.default, { onClick: linkOnClick, children: linkText }) }))] }));
+    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.AccordionStyled, { children: [title && (0, jsx_runtime_1.jsx)(Accordion_styled_1.AccordionTitle, __assign({ size: size }, { children: title })), (0, jsx_runtime_1.jsx)(Accordion_styled_1.Wrapper, __assign({ ref: wrapperRef }, { children: data === null || data === void 0 ? void 0 : data.map(function (item, key) { return ((0, jsx_runtime_1.jsx)(AccordionItem_1.default, { active: active, setActive: setActive, size: size, collapseAll: collapseAll, index: key, title: item.question, content: item.answer }, key)); }) })), showLink && ((0, jsx_runtime_1.jsx)(Accordion_styled_1.Footer, __assign({ className: "body-bold-14-17" }, { children: (0, jsx_runtime_1.jsx)(TextLink_1.default, __assign({ onClick: linkOnClick }, { children: linkText })) })))] }));
 };
 Accordion.defaultProps = {};
 exports.default = Accordion;

package/dist/components/Accordion/AccordionItem.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -25,6 +36,6 @@ var AccordionItem = function (props) {
             setActiveItem(false);
         }
     };
-    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.Item, { children: [(0, jsx_runtime_1.jsxs)(Accordion_styled_1.ItemTitle, { size: size, onClick: handleCollapse, children: [(0, jsx_runtime_1.jsx)("div", { children: title }), (0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(Icon_1.default, { name: (active === index || activeItem) ? 'NegativeSmall' : 'PlusSmall', width: "24px", height: "24px" }), " "] })] }), (0, jsx_runtime_1.jsx)(Accordion_styled_1.ItemContent, { size: size, ref: itemRef, style: { height: height }, active: (active === index || activeItem), children: (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: content } }) })] }));
+    return ((0, jsx_runtime_1.jsxs)(Accordion_styled_1.Item, { children: [(0, jsx_runtime_1.jsxs)(Accordion_styled_1.ItemTitle, __assign({ size: size, onClick: handleCollapse }, { children: [(0, jsx_runtime_1.jsx)("div", { children: title }), (0, jsx_runtime_1.jsxs)("div", { children: [" ", (0, jsx_runtime_1.jsx)(Icon_1.default, { name: (active === index || activeItem) ? 'NegativeSmall' : 'PlusSmall', width: "24px", height: "24px" }), " "] })] })), (0, jsx_runtime_1.jsx)(Accordion_styled_1.ItemContent, __assign({ size: size, ref: itemRef, style: { height: height }, active: (active === index || activeItem) }, { children: (0, jsx_runtime_1.jsx)("div", { dangerouslySetInnerHTML: { __html: content } }) }))] }));
 };
 exports.default = AccordionItem;

package/dist/components/ActionButton/ActionButton.js

@@ -45,7 +45,7 @@ var ActionButton = function (props) {
     (0, react_1.useEffect)(function () {
         count();
     }, [props.date]);
-    return (0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "top", children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: props.icon, width: "45px", height: "45px" }) }), (0, jsx_runtime_1.jsx)("strong", { className: "title body-bold-14-17", children: props.title })] }), (0, jsx_runtime_1.jsxs)("div", { className: "bottom", children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", { className: "timer", children: [(0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: days }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: t('day') })] }), (0, jsx_runtime_1.jsx)("div", { className: "dots caption-bold-12-15", children: ":" }), (0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: hours.toString().padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: t('hour') })] }), (0, jsx_runtime_1.jsx)("div", { className: "dots caption-bold-12-15", children: ":" }), (0, jsx_runtime_1.jsxs)("div", { className: "box", children: [(0, jsx_runtime_1.jsx)("div", { className: "title-extra-bold-16-19", children: minutes.toString().padStart(2, '0') }), (0, jsx_runtime_1.jsx)("div", { className: "caption-regular-10-12", children: t('minute') })] })] }), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowMediumRight", variant: "primary" })] })] })] }));
+    return (0, jsx_runtime_1.jsxs)(ActionButton_styled_1.ActionButtonStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "top" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: props.icon, width: "45px", height: "45px" }) })), (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title body-bold-14-17" }, { children: props.title }))] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "bottom" }, { children: [(0, jsx_runtime_1.jsx)("div", {}), (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "timer" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "title-extra-bold-16-19" }, { children: days })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "caption-regular-10-12" }, { children: t('day') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots caption-bold-12-15" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "title-extra-bold-16-19" }, { children: hours.toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "caption-regular-10-12" }, { children: t('hour') }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "dots caption-bold-12-15" }, { children: ":" })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "box" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "title-extra-bold-16-19" }, { children: minutes.toString().padStart(2, '0') })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "caption-regular-10-12" }, { children: t('minute') }))] }))] })), (0, jsx_runtime_1.jsx)(Button_1.default, { size: "xsmall", width: "32px", icon: "ArrowMediumRight", variant: "primary" })] })] }))] }));
 };
 ActionButton.defaultProps = {
     title: "Title",

package/dist/components/Agreement/Agreement.js

@@ -34,9 +34,9 @@ var Agreement = function (props) {
         props.onChange(event);
     };
     var toggleExpand = function () { return setExpanded(function (prevState) { return !prevState; }); };
-    return (0, jsx_runtime_1.jsxs)(Agreement_styled_1.AgreementStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsxs)("div", { className: "agreement", children: [(0, jsx_runtime_1.jsxs)("div", { className: "top", children: [(0, jsx_runtime_1.jsx)(Checkbox_1.default, { label: props.title, name: props.name, valid: !props.hasError, size: "medium", checked: props.checked, disabled: props.disabled, onChange: onCheckBoxChange, value: props.value }), (0, jsx_runtime_1.jsx)("div", { className: "icon", onClick: toggleExpand, children: expanded ? (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "AgreementArrowUp" }) :
-                                    (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "AgreementArrowDown" }) })] }), expanded && (0, jsx_runtime_1.jsx)("div", { className: "content body-regular-14-17", children: props.content ? (0, jsx_runtime_1.jsx)("div", { className: "text", dangerouslySetInnerHTML: { __html: props.content } }) :
-                            (0, jsx_runtime_1.jsx)(Loader_1.default, { variant: "primary", width: "24px", height: "24px" }) })] }), props.hasError && props.errorMessage && (0, jsx_runtime_1.jsxs)("div", { className: "error", children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), " ", (0, jsx_runtime_1.jsx)("p", { className: "caption-semi-bold-11-13", children: props === null || props === void 0 ? void 0 : props.errorMessage })] })] }));
+    return (0, jsx_runtime_1.jsxs)(Agreement_styled_1.AgreementStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "agreement" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "top" }, { children: [(0, jsx_runtime_1.jsx)(Checkbox_1.default, { label: props.title, name: props.name, valid: !props.hasError, size: "medium", checked: props.checked, disabled: props.disabled, onChange: onCheckBoxChange, value: props.value }), (0, jsx_runtime_1.jsx)("div", __assign({ className: "icon", onClick: toggleExpand }, { children: expanded ? (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "AgreementArrowUp" }) :
+                                    (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "AgreementArrowDown" }) }))] })), expanded && (0, jsx_runtime_1.jsx)("div", __assign({ className: "content body-regular-14-17" }, { children: props.content ? (0, jsx_runtime_1.jsx)("div", { className: "text", dangerouslySetInnerHTML: { __html: props.content } }) :
+                            (0, jsx_runtime_1.jsx)(Loader_1.default, { variant: "primary", width: "24px", height: "24px" }) }))] })), props.hasError && props.errorMessage && (0, jsx_runtime_1.jsxs)("div", __assign({ className: "error" }, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ErrorIcon" }), " ", (0, jsx_runtime_1.jsx)("p", __assign({ className: "caption-semi-bold-11-13" }, { children: props === null || props === void 0 ? void 0 : props.errorMessage }))] }))] }));
 };
 Agreement.defaultProps = {
     title: "Title",

package/dist/components/Alert/Alert.js

@@ -19,7 +19,7 @@ var Alert_styled_1 = require("./Alert.styled");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Alert = function (props) {
     var _a, _b;
-    return (props === null || props === void 0 ? void 0 : props.show) && ((0, jsx_runtime_1.jsxs)(Alert_styled_1.AlertStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "left", children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: props === null || props === void 0 ? void 0 : props.icon }) }), (0, jsx_runtime_1.jsxs)("div", { className: "right", children: [(0, jsx_runtime_1.jsx)("h1", { className: "title-semi-bold-16-19", children: props === null || props === void 0 ? void 0 : props.title }), ((_a = props === null || props === void 0 ? void 0 : props.messages) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = props === null || props === void 0 ? void 0 : props.messages) === null || _b === void 0 ? void 0 : _b.map(function (message, index) { return (0, jsx_runtime_1.jsx)("p", { className: "body-medium-14-17", children: message }, index); })), (props === null || props === void 0 ? void 0 : props.children) && (0, jsx_runtime_1.jsx)("div", { className: "body-medium-14-17 description", children: props === null || props === void 0 ? void 0 : props.children })] })] })));
+    return (props === null || props === void 0 ? void 0 : props.show) && ((0, jsx_runtime_1.jsxs)(Alert_styled_1.AlertStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "left" }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: props === null || props === void 0 ? void 0 : props.icon }) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "right" }, { children: [(0, jsx_runtime_1.jsx)("h1", __assign({ className: "title-semi-bold-16-19" }, { children: props === null || props === void 0 ? void 0 : props.title })), ((_a = props === null || props === void 0 ? void 0 : props.messages) === null || _a === void 0 ? void 0 : _a.length) > 0 && ((_b = props === null || props === void 0 ? void 0 : props.messages) === null || _b === void 0 ? void 0 : _b.map(function (message, index) { return (0, jsx_runtime_1.jsx)("p", __assign({ className: "body-medium-14-17" }, { children: message }), index); })), (props === null || props === void 0 ? void 0 : props.children) && (0, jsx_runtime_1.jsx)("div", __assign({ className: "body-medium-14-17 description" }, { children: props === null || props === void 0 ? void 0 : props.children }))] }))] })));
 };
 Alert.defaultProps = {
     title: (0, jsx_runtime_1.jsx)("span", { children: "Bir hata olu\u015Ftu" }),

package/dist/components/Badges/layouts/belt/index.js

@@ -20,7 +20,7 @@ var Icon_1 = __importDefault(require("../../../Icon/Icon"));
 var classnames_1 = __importDefault(require("classnames"));
 var Belt = function (props) {
     var title = props.title, size = props.size;
-    return ((0, jsx_runtime_1.jsxs)(belt_styled_1.BadgesStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Rectangle", width: size === "small" ? "56px" : "90px", height: size === "small" ? "56px" : "90px" }), (0, jsx_runtime_1.jsx)("div", { className: (0, classnames_1.default)("text", (size === "small" ? "caption-bold-10-12" : "body-extra-bold-13-16")), children: title })] })));
+    return ((0, jsx_runtime_1.jsxs)(belt_styled_1.BadgesStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)(Icon_1.default, { name: "Rectangle", width: size === "small" ? "56px" : "90px", height: size === "small" ? "56px" : "90px" }), (0, jsx_runtime_1.jsx)("div", __assign({ className: (0, classnames_1.default)("text", (size === "small" ? "caption-bold-10-12" : "body-extra-bold-13-16")) }, { children: title }))] })));
 };
 Belt.defaultProps = {};
 exports.default = Belt;

package/dist/components/Banner/layouts/layout1/index.js

@@ -28,13 +28,13 @@ var Index = function (props) {
     var settings = __assign({ dots: false, infinite: false, speed: 500, slidesToShow: 1, slidesToScroll: 1, afterChange: function (index) { return setActiveSlide(index); } }, props.carouselSettings);
     var next = function () { return sliderRef.slickNext(); };
     var previous = function () { return sliderRef.slickPrev(); };
-    return ((0, jsx_runtime_1.jsxs)(layout1_styled_1.BannerStyled, { children: [(0, jsx_runtime_1.jsx)("div", { className: "inner", children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
+    return ((0, jsx_runtime_1.jsxs)(layout1_styled_1.BannerStyled, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "inner" }, { children: (0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
                             sliderRef = slider;
-                        }, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
-                            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(layout1_styled_1.BannerItem, { hasDarkTheme: item === null || item === void 0 ? void 0 : item.hasDarkTheme, className: "item", children: [(0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(item === null || item === void 0 ? void 0 : item.title) && (0, jsx_runtime_1.jsx)("strong", { className: "title headline-extra-bold-32-39", children: item === null || item === void 0 ? void 0 : item.title }), (item === null || item === void 0 ? void 0 : item.description) && (0, jsx_runtime_1.jsx)("p", { className: "description title-regular-16-19", children: item === null || item === void 0 ? void 0 : item.description }), (item === null || item === void 0 ? void 0 : item.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, { size: "big", variant: "primary", onClick: item === null || item === void 0 ? void 0 : item.onClick, children: item === null || item === void 0 ? void 0 : item.buttonText })] }), (0, jsx_runtime_1.jsx)("div", { className: "img", children: item === null || item === void 0 ? void 0 : item.img }), (0, jsx_runtime_1.jsxs)("div", { className: "textMobile title-medium-16-19", onClick: item === null || item === void 0 ? void 0 : item.onClick, children: [(0, jsx_runtime_1.jsx)("div", { className: "titleSm", dangerouslySetInnerHTML: { __html: item === null || item === void 0 ? void 0 : item.shortDesc } }), item.hasRightArrow && (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" })] })] }) }, key));
-                        }) })) }) }), props.showThumbnails && ((0, jsx_runtime_1.jsxs)("div", { className: "thumbnailSlider", children: [(0, jsx_runtime_1.jsx)("button", { className: "navigation prev", onClick: previous, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowLeft" }) }), (0, jsx_runtime_1.jsx)("div", { className: "thumbnailInner", children: data.map(function (item, key) {
+                        } }, { children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
+                            return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsxs)(layout1_styled_1.BannerItem, __assign({ hasDarkTheme: item === null || item === void 0 ? void 0 : item.hasDarkTheme, className: "item" }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(item === null || item === void 0 ? void 0 : item.title) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title headline-extra-bold-32-39" }, { children: item === null || item === void 0 ? void 0 : item.title })), (item === null || item === void 0 ? void 0 : item.description) && (0, jsx_runtime_1.jsx)("p", __assign({ className: "description title-regular-16-19" }, { children: item === null || item === void 0 ? void 0 : item.description })), (item === null || item === void 0 ? void 0 : item.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: "primary", onClick: item === null || item === void 0 ? void 0 : item.onClick }, { children: item === null || item === void 0 ? void 0 : item.buttonText }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: item === null || item === void 0 ? void 0 : item.img })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "textMobile title-medium-16-19", onClick: item === null || item === void 0 ? void 0 : item.onClick }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "titleSm", dangerouslySetInnerHTML: { __html: item === null || item === void 0 ? void 0 : item.shortDesc } }), item.hasRightArrow && (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" })] }))] })) }, key));
+                        }) })) }) })), props.showThumbnails && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "thumbnailSlider" }, { children: [(0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation prev", onClick: previous }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowLeft" }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "thumbnailInner" }, { children: data.map(function (item, key) {
                             var _a;
-                            return ((0, jsx_runtime_1.jsx)(layout1_styled_1.ThumbnailItem, { hasDarkTheme: item === null || item === void 0 ? void 0 : item.hasDarkTheme, onClick: function () { return sliderRef.slickGoTo(key); }, className: (0, classnames_1.default)("thumbnailItem", (_a = {}, _a["active"] = key === activeSlide, _a)), children: item === null || item === void 0 ? void 0 : item.thumbnail }, key));
-                        }) }), (0, jsx_runtime_1.jsx)("button", { className: "navigation next", onClick: next, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowRight" }) })] }))] }));
+                            return ((0, jsx_runtime_1.jsx)(layout1_styled_1.ThumbnailItem, __assign({ hasDarkTheme: item === null || item === void 0 ? void 0 : item.hasDarkTheme, onClick: function () { return sliderRef.slickGoTo(key); }, className: (0, classnames_1.default)("thumbnailItem", (_a = {}, _a["active"] = key === activeSlide, _a)) }, { children: item === null || item === void 0 ? void 0 : item.thumbnail }), key));
+                        }) })), (0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation next", onClick: next }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "24px", height: "24px", name: "ArrowRight" }) }))] })))] }));
 };
 exports.default = Index;

package/dist/components/Banner/layouts/layout2/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,6 +19,6 @@ var layout2_styled_1 = require("./layout2.styled");
 var classnames_1 = __importDefault(require("classnames"));
 var Index = function (props) {
     var data = props.data, isMobile = props.isMobile;
-    return ((0, jsx_runtime_1.jsx)(layout2_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(0, jsx_runtime_1.jsx)("div", { className: "img", children: data === null || data === void 0 ? void 0 : data.img }), (0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('title', (isMobile ? 'headline-extra-bold-20-24' : 'headline-extra-bold-24-29')), children: data === null || data === void 0 ? void 0 : data.title }), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", { className: "description body-regular-14-17", children: data === null || data === void 0 ? void 0 : data.description })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(layout2_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "item" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: data === null || data === void 0 ? void 0 : data.img })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: (0, classnames_1.default)('title', (isMobile ? 'headline-extra-bold-20-24' : 'headline-extra-bold-24-29')) }, { children: data === null || data === void 0 ? void 0 : data.title })), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", __assign({ className: "description body-regular-14-17" }, { children: data === null || data === void 0 ? void 0 : data.description }))] }))] })) }));
 };
 exports.default = Index;

package/dist/components/Banner/layouts/layout3/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -8,6 +19,6 @@ var layout3_styled_1 = require("./layout3.styled");
 var classnames_1 = __importDefault(require("classnames"));
 var Index = function (props) {
     var data = props.data, isMobile = props.isMobile;
-    return ((0, jsx_runtime_1.jsx)(layout3_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(0, jsx_runtime_1.jsx)("div", { className: "img", children: data === null || data === void 0 ? void 0 : data.img }), (0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('title', (isMobile ? 'headline-extra-bold-20-24' : 'headline-extra-bold-32-39')), children: data === null || data === void 0 ? void 0 : data.title }), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", { className: (0, classnames_1.default)('description', (isMobile ? 'body-regular-14-17' : 'title-regular-16-19')), children: data === null || data === void 0 ? void 0 : data.description })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(layout3_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "item" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: data === null || data === void 0 ? void 0 : data.img })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: (0, classnames_1.default)('title', (isMobile ? 'headline-extra-bold-20-24' : 'headline-extra-bold-32-39')) }, { children: data === null || data === void 0 ? void 0 : data.title })), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", __assign({ className: (0, classnames_1.default)('description', (isMobile ? 'body-regular-14-17' : 'title-regular-16-19')) }, { children: data === null || data === void 0 ? void 0 : data.description }))] }))] })) }));
 };
 exports.default = Index;

package/dist/components/Banner/layouts/layout4/index.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -9,6 +20,6 @@ var classnames_1 = __importDefault(require("classnames"));
 var Button_1 = __importDefault(require("../../../Button"));
 var Index = function (props) {
     var data = props.data, isMobile = props.isMobile;
-    return ((0, jsx_runtime_1.jsx)(layout4_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", { className: "item", children: [(data === null || data === void 0 ? void 0 : data.img) && (0, jsx_runtime_1.jsx)("div", { className: "img", children: data === null || data === void 0 ? void 0 : data.img }), (0, jsx_runtime_1.jsxs)("div", { className: "text", children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", { className: (0, classnames_1.default)('title', 'headline-extra-bold-32-39'), children: data === null || data === void 0 ? void 0 : data.title }), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", { className: (0, classnames_1.default)('description', isMobile ? 'body-regular-14-17' : 'title-regular-16-19'), children: data === null || data === void 0 ? void 0 : data.description }), (data === null || data === void 0 ? void 0 : data.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, { size: "big", variant: "primary", onClick: data === null || data === void 0 ? void 0 : data.onClick, children: data === null || data === void 0 ? void 0 : data.buttonText })] })] }) }));
+    return ((0, jsx_runtime_1.jsx)(layout4_styled_1.BannerStyled, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "item" }, { children: [(data === null || data === void 0 ? void 0 : data.img) && (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: data === null || data === void 0 ? void 0 : data.img })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [(data === null || data === void 0 ? void 0 : data.title) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: (0, classnames_1.default)('title', 'headline-extra-bold-32-39') }, { children: data === null || data === void 0 ? void 0 : data.title })), (data === null || data === void 0 ? void 0 : data.description) && (0, jsx_runtime_1.jsx)("p", __assign({ className: (0, classnames_1.default)('description', isMobile ? 'body-regular-14-17' : 'title-regular-16-19') }, { children: data === null || data === void 0 ? void 0 : data.description })), (data === null || data === void 0 ? void 0 : data.buttonText) && (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: "primary", onClick: data === null || data === void 0 ? void 0 : data.onClick }, { children: data === null || data === void 0 ? void 0 : data.buttonText }))] }))] })) }));
 };
 exports.default = Index;

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -21,7 +32,7 @@ var Breadcrumbs = function (props) {
     };
     var ButtonLinkComponent = function (_a) {
         var item = _a.item, children = _a.children;
-        return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", { href: item.slug, children: children }));
+        return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: children })));
     };
     (0, react_1.useEffect)(function () {
         var _a, _b;
@@ -40,23 +51,23 @@ var Breadcrumbs = function (props) {
             rowLength = item.subMenuRowLength;
         var grid = rowLength && Math.ceil(data.length / rowLength);
         var dataWithColumn = (0, refactorColumn_1.default)(data, rowLength || 0);
-        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.DropdownList, { gridTemplateColumns: grid, children: dataWithColumn === null || dataWithColumn === void 0 ? void 0 : dataWithColumn.map(function (childColumn, key) {
+        return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.DropdownList, __assign({ gridTemplateColumns: grid }, { children: dataWithColumn === null || dataWithColumn === void 0 ? void 0 : dataWithColumn.map(function (childColumn, key) {
                     return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItem, { children: (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItemList, { children: childColumn === null || childColumn === void 0 ? void 0 : childColumn.map(function (child) {
-                                return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItemListItem, { isActive: child.isActive, isSeeAll: child.isSeeAll, className: "caption-medium-12-15", children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: child, children: child.name }) }, child.id));
+                                return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItemListItem, __assign({ isActive: child.isActive, isSeeAll: child.isSeeAll, className: "caption-medium-12-15" }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: child }, { children: child.name })) }), child.id));
                             }) }) }, key));
-                }) }) }));
+                }) })) }));
     };
     var SubMenuMobile = function () {
         var _a;
-        return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, { className: "breadcrumbSm", children: (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.map(function (item) {
-                return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, { isActive: item.isActive, className: (0, classnames_1.default)("caption-bold-12-15", {
+        return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, __assign({ className: "breadcrumbSm" }, { children: (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.map(function (item) {
+                return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, __assign({ isActive: item.isActive, className: (0, classnames_1.default)("caption-bold-12-15", {
                         "active": item.isActive,
-                    }), children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: item, children: item.name }) }, item.id));
-            }) }));
+                    }) }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: item.name })) }), item.id));
+            }) })));
     };
     return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsWrapper, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsList, { children: data === null || data === void 0 ? void 0 : data.map(function (breadCrumbItem, key) {
                     var _a;
-                    return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, { onClick: onClickBackIcon, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallLeft", width: "16px", height: "16px" }) }), ((_a = breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownWrapper, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { className: "caption-bold-12-15", children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { stroke: "#9763F6", name: "ArrowSmallDown" })] }), (0, jsx_runtime_1.jsx)(SubMenu, { item: breadCrumbItem, data: breadCrumbItem.children })] })) : ((0, jsx_runtime_1.jsxs)(ButtonLinkComponent, { item: breadCrumbItem, children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { className: "caption-bold-12-15", children: breadCrumbItem.name })] }))] }, key));
+                    return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, __assign({ onClick: onClickBackIcon }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallLeft", width: "16px", height: "16px" }) })), ((_a = breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownWrapper, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, __assign({ className: "caption-bold-12-15" }, { children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { stroke: "#9763F6", name: "ArrowSmallDown" })] })), (0, jsx_runtime_1.jsx)(SubMenu, { item: breadCrumbItem, data: breadCrumbItem.children })] })) : ((0, jsx_runtime_1.jsxs)(ButtonLinkComponent, __assign({ item: breadCrumbItem }, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, __assign({ className: "caption-bold-12-15" }, { children: breadCrumbItem.name }))] })))] }, key));
                 }) }), (0, jsx_runtime_1.jsx)(SubMenuMobile, {})] }));
 };
 exports.default = Breadcrumbs;

package/dist/components/Button/Button.js

@@ -21,12 +21,12 @@ var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Loader_1 = __importDefault(require("../Loader"));
 var Children = function (props) {
     var children = props.children, icon = props.icon;
-    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { className: "children", children: children }), icon && (0, jsx_runtime_1.jsx)(Button_styled_1.IconStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: icon, width: "16px", height: "16px" }) }))] });
+    return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "children" }, { children: children })), icon && (0, jsx_runtime_1.jsx)(Button_styled_1.IconStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: icon, width: "16px", height: "16px" }) }))] });
 };
 var Button = function (props) {
     var _a, _b, _c, _d, _e, _f;
     var type = props.type, isLoading = props.isLoading, onClick = props.onClick, disabled = props.disabled, size = props.size, variant = props.variant, width = props.width, icon = props.icon, children = props.children;
-    return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, { className: (0, classnames_1.default)((_a = {}, _a["loading"] = isLoading, _a), (_b = {}, _b["caption-bold-12-15"] = size === 'xsmall' && variant !== 'ghost', _b), (_c = {}, _c["body-bold-13-16"] = size === 'xsmall' && variant === 'ghost', _c), (_d = {}, _d["body-bold-13-16"] = size === 'small', _d), (_e = {}, _e["body-bold-14-17"] = size === 'big', _e), (_f = {}, _f["body-bold-14-17"] = size === 'medium', _f)), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, type: type, children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' }) :
-            (0, jsx_runtime_1.jsx)(Children, { icon: icon, children: children }) }));
+    return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, __assign({ className: (0, classnames_1.default)((_a = {}, _a["loading"] = isLoading, _a), (_b = {}, _b["caption-bold-12-15"] = size === 'xsmall' && variant !== 'ghost', _b), (_c = {}, _c["body-bold-13-16"] = size === 'xsmall' && variant === 'ghost', _c), (_d = {}, _d["body-bold-13-16"] = size === 'small', _d), (_e = {}, _e["body-bold-14-17"] = size === 'big', _e), (_f = {}, _f["body-bold-14-17"] = size === 'medium', _f)), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, type: type }, { children: isLoading ? (0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' }) :
+            (0, jsx_runtime_1.jsx)(Children, __assign({ icon: icon }, { children: children })) })));
 };
 exports.default = Button;

package/dist/components/CampaignCard/CampaignCard.js

@@ -19,7 +19,7 @@ var CampaignCard_styled_1 = require("./CampaignCard.styled");
 var Badges_1 = __importDefault(require("../Badges"));
 var InlineProgress_1 = __importDefault(require("../InlineProgress"));
 var CampaignCard = function (props) {
-    return ((0, jsx_runtime_1.jsxs)(CampaignCard_styled_1.CampaignCardStyled, __assign({}, props, { children: [props.hasDelivery && (0, jsx_runtime_1.jsx)("div", { className: "cartBadge", children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "belt", title: props === null || props === void 0 ? void 0 : props.deliveryText }) }), (0, jsx_runtime_1.jsx)("div", { className: "img", children: props.image }), (0, jsx_runtime_1.jsx)("strong", { className: "title", children: props === null || props === void 0 ? void 0 : props.title }), (props === null || props === void 0 ? void 0 : props.progressTitle) && (0, jsx_runtime_1.jsx)("strong", { className: "progressTitle", children: props === null || props === void 0 ? void 0 : props.progressTitle }), !(props === null || props === void 0 ? void 0 : props.isProgressComplete) && (props === null || props === void 0 ? void 0 : props.activeStep) > 0 && ((0, jsx_runtime_1.jsx)("div", { className: "progressBar", children: (0, jsx_runtime_1.jsx)(InlineProgress_1.default, { activeStep: props === null || props === void 0 ? void 0 : props.activeStep, totalStep: props === null || props === void 0 ? void 0 : props.totalStep }) }))] })));
+    return ((0, jsx_runtime_1.jsxs)(CampaignCard_styled_1.CampaignCardStyled, __assign({}, props, { children: [props.hasDelivery && (0, jsx_runtime_1.jsx)("div", __assign({ className: "cartBadge" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { layout: "belt", title: props === null || props === void 0 ? void 0 : props.deliveryText }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: props.image })), (0, jsx_runtime_1.jsx)("strong", __assign({ className: "title" }, { children: props === null || props === void 0 ? void 0 : props.title })), (props === null || props === void 0 ? void 0 : props.progressTitle) && (0, jsx_runtime_1.jsx)("strong", __assign({ className: "progressTitle" }, { children: props === null || props === void 0 ? void 0 : props.progressTitle })), !(props === null || props === void 0 ? void 0 : props.isProgressComplete) && (props === null || props === void 0 ? void 0 : props.activeStep) > 0 && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "progressBar" }, { children: (0, jsx_runtime_1.jsx)(InlineProgress_1.default, { activeStep: props === null || props === void 0 ? void 0 : props.activeStep, totalStep: props === null || props === void 0 ? void 0 : props.totalStep }) })))] })));
 };
 CampaignCard.defaultProps = {};
 exports.default = CampaignCard;

package/dist/components/CampaignCard/stories/CampaignCard.stories.js

@@ -20,7 +20,7 @@ var CampaignCard_1 = __importDefault(require("../CampaignCard"));
 var props_1 = require("../props");
 exports.default = {
     title: 'Components/CampaignCard',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: '375px' }, children: (0, jsx_runtime_1.jsx)(CampaignCard_1.default, __assign({}, props)) }); },
+    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '375px' } }, { children: (0, jsx_runtime_1.jsx)(CampaignCard_1.default, __assign({}, props)) })); },
     tags: ['autodocs'],
     argTypes: {
         size: { control: 'select', options: props_1.sizes },

package/dist/components/Carousel/Carousel.js

@@ -30,14 +30,14 @@ var Carousel = function (props) {
     var settings = __assign({ dots: false, infinite: false, speed: 500, slidesToShow: 1, autoplay: true, autoplaySpeed: 2500, slidesToScroll: 1, afterChange: function (index) { return setActiveSlide(index); } }, carouselSettings);
     var next = function () { return sliderRef.slickNext(); };
     var previous = function () { return sliderRef.slickPrev(); };
-    return ((0, jsx_runtime_1.jsxs)(Carousel_styled_1.CarouselStyled, { children: [hasDiscount && (0, jsx_runtime_1.jsx)("div", { className: "carouselBadge", children: (0, jsx_runtime_1.jsx)(Badges_1.default, { size: "medium", title: t("discount") }) }), (0, jsx_runtime_1.jsx)("div", { className: "inner", children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", { className: "navigation prev", onClick: previous, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "16px", height: "16px", name: "ArrowSmallLeft" }) }), (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
+    return ((0, jsx_runtime_1.jsxs)(Carousel_styled_1.CarouselStyled, { children: [hasDiscount && (0, jsx_runtime_1.jsx)("div", __assign({ className: "carouselBadge" }, { children: (0, jsx_runtime_1.jsx)(Badges_1.default, { size: "medium", title: t("discount") }) })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "inner" }, { children: (0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation prev", onClick: previous }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "16px", height: "16px", name: "ArrowSmallLeft" }) })), (0, jsx_runtime_1.jsx)(react_slick_1.default, __assign({}, settings, { ref: function (slider) {
                                 sliderRef = slider;
-                            }, children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
-                                return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", { className: "item", children: (0, jsx_runtime_1.jsx)("div", { className: "img", children: item === null || item === void 0 ? void 0 : item.img }) }) }, key));
-                            }) })), (0, jsx_runtime_1.jsx)("button", { className: "navigation next", onClick: next, children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "16px", height: "16px", name: "ArrowSmallRight" }) })] }) }), props.showThumbnails && ((0, jsx_runtime_1.jsx)("div", { className: "thumbnailSlider", children: (0, jsx_runtime_1.jsx)("div", { className: "thumbnailInner", children: data.map(function (item, key) {
+                            } }, { children: data === null || data === void 0 ? void 0 : data.map(function (item, key) {
+                                return ((0, jsx_runtime_1.jsx)("div", { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "item" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: item === null || item === void 0 ? void 0 : item.img })) })) }, key));
+                            }) })), (0, jsx_runtime_1.jsx)("button", __assign({ className: "navigation next", onClick: next }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { width: "16px", height: "16px", name: "ArrowSmallRight" }) }))] }) })), props.showThumbnails && ((0, jsx_runtime_1.jsx)("div", __assign({ className: "thumbnailSlider" }, { children: (0, jsx_runtime_1.jsx)("div", __assign({ className: "thumbnailInner" }, { children: data.map(function (item, key) {
                         var _a;
-                        return ((0, jsx_runtime_1.jsx)("div", { onClick: function () { return sliderRef.slickGoTo(key); }, className: (0, classnames_1.default)("thumbnailItem", (_a = {}, _a["active"] = key === activeSlide, _a)), children: item === null || item === void 0 ? void 0 : item.thumbnail }, key));
-                    }) }) }))] }));
+                        return ((0, jsx_runtime_1.jsx)("div", __assign({ onClick: function () { return sliderRef.slickGoTo(key); }, className: (0, classnames_1.default)("thumbnailItem", (_a = {}, _a["active"] = key === activeSlide, _a)) }, { children: item === null || item === void 0 ? void 0 : item.thumbnail }), key));
+                    }) })) })))] }));
 };
 Carousel.defaultProps = {
     showThumbnails: true

package/dist/components/Carousel/stories/Carousel.stories.js

@@ -20,7 +20,7 @@ var Carousel_1 = __importDefault(require("../Carousel"));
 var carousel_1 = __importDefault(require("./../../../jsons/carousel"));
 exports.default = {
     title: 'Components/Carousel',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { maxWidth: "456px" }, children: (0, jsx_runtime_1.jsx)(Carousel_1.default, __assign({}, props)) }); },
+    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: "456px" } }, { children: (0, jsx_runtime_1.jsx)(Carousel_1.default, __assign({}, props)) })); },
     tags: ['autodocs'],
     argTypes: {
         hasDiscount: { control: 'boolean' },

package/dist/components/CategoryMenu/CategoryMenu.js

@@ -34,11 +34,11 @@ var CategoryMenu = function (props) {
     var data = props.data, subMenuRowLength = props.subMenuRowLength;
     var ButtonLinkComponent = function (_a) {
         var item = _a.item, children = _a.children;
-        return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", { href: item.slug, children: children }));
+        return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", __assign({ href: item.slug }, { children: children })));
     };
     var MenuButton = function (_a) {
         var item = __rest(_a, []);
-        return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, { isActiveCategory: item.isActive, children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: item, children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { className: "caption-semi-bold-12-15", children: item.name })] }) }), item.children] }));
+        return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ isActiveCategory: item.isActive }, { children: [(0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: item }, { children: (0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItemButtonInner, { children: [(0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonIcon, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, __assign({ className: "caption-semi-bold-12-15" }, { children: item.name }))] }) })), item.children] })));
     };
     var CategorySubMenu = function (_a) {
         var item = _a.item, children = _a.children;
@@ -47,9 +47,9 @@ var CategoryMenu = function (props) {
             rowLength = item.subMenuRowLength;
         var grid = rowLength && Math.ceil(children.length / rowLength);
         var dataWithColumn = (0, refactorColumn_1.default)(children, rowLength || 0);
-        return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, { gridTemplateColumns: grid, children: dataWithColumn.map(function (item, key) {
-                return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryItem, { children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInner, { children: item.map(function (subItem, subKey) { return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItem, { isSeeAll: subItem.isSeeAll, children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: subItem, children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItemButtonInner, { className: "caption-medium-12-15", children: subItem.name }) }) }, subItem.id)); }) }) }, key));
-            }) }));
+        return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, __assign({ gridTemplateColumns: grid }, { children: dataWithColumn.map(function (item, key) {
+                return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryItem, { children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInner, { children: item.map(function (subItem, subKey) { return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItem, __assign({ isSeeAll: subItem.isSeeAll }, { children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, __assign({ item: subItem }, { children: (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubCategoryInnerItemButtonInner, __assign({ className: "caption-medium-12-15" }, { children: subItem.name })) })) }), subItem.id)); }) }) }, key));
+            }) })));
     };
     return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryMenuWrapper, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
             return ((0, jsx_runtime_1.jsx)(MenuButton, __assign({}, item, { children: item.children.length > 0 && ((0, jsx_runtime_1.jsx)(CategorySubMenu, { children: item.children, item: item })) }), item.id));

package/dist/components/Checkbox/Checkbox.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -10,7 +21,7 @@ var classnames_1 = __importDefault(require("classnames"));
 var Checkbox = function (props) {
     var _a, _b, _c;
     var value = props.value, checked = props.checked, onChange = props.onChange, name = props.name, id = props.id, label = props.label, disabled = props.disabled, size = props.size, description = props.description, valid = props.valid;
-    return ((0, jsx_runtime_1.jsxs)(Checkbox_styled_1.CheckboxStyled, { htmlFor: id, disabled: disabled, checked: checked, size: size, valid: valid, children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", { className: "labelsWrapper", children: [label && ((0, jsx_runtime_1.jsx)("label", { className: (0, classnames_1.default)("label", (_a = {}, _a["caption-semi-bold-12-15"] = size === "small", _a), (_b = {}, _b["body-semi-bold-13-16"] = size === "medium", _b), (_c = {}, _c["body-semi-bold-14-17"] = size === "large", _c)), htmlFor: id, children: label })), description && ((0, jsx_runtime_1.jsx)("label", { className: (0, classnames_1.default)("description", "body-regular-13-16"), htmlFor: id, children: description }))] }))] }));
+    return ((0, jsx_runtime_1.jsxs)(Checkbox_styled_1.CheckboxStyled, __assign({ htmlFor: id, disabled: disabled, checked: checked, size: size, valid: valid }, { children: [(0, jsx_runtime_1.jsx)("input", { id: id, type: "checkbox", name: name, value: value, disabled: disabled, checked: checked, onChange: onChange }), (0, jsx_runtime_1.jsx)("div", { className: "indicator" }), (label || description) && ((0, jsx_runtime_1.jsxs)("div", __assign({ className: "labelsWrapper" }, { children: [label && ((0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)("label", (_a = {}, _a["caption-semi-bold-12-15"] = size === "small", _a), (_b = {}, _b["body-semi-bold-13-16"] = size === "medium", _b), (_c = {}, _c["body-semi-bold-14-17"] = size === "large", _c)), htmlFor: id }, { children: label }))), description && ((0, jsx_runtime_1.jsx)("label", __assign({ className: (0, classnames_1.default)("description", "body-regular-13-16"), htmlFor: id }, { children: description })))] })))] })));
 };
 exports.default = Checkbox;
 Checkbox.propTypes = {

package/dist/components/CircleProgress/CircleProgress.js

@@ -16,10 +16,10 @@ var CircleProgress_styled_1 = require("./CircleProgress.styled");
 var react_circular_progressbar_1 = require("react-circular-progressbar");
 var CircleProgress = function (props) {
     var currentStep = props.steps.find(function (p) { return p.index === props.activeStep; });
-    return (0, jsx_runtime_1.jsxs)(CircleProgress_styled_1.CircleProgressStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", { className: "icon", children: (0, jsx_runtime_1.jsx)(react_circular_progressbar_1.CircularProgressbarWithChildren, { styles: (0, react_circular_progressbar_1.buildStyles)({
+    return (0, jsx_runtime_1.jsxs)(CircleProgress_styled_1.CircleProgressStyled, __assign({}, props, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "icon" }, { children: (0, jsx_runtime_1.jsx)(react_circular_progressbar_1.CircularProgressbarWithChildren, __assign({ styles: (0, react_circular_progressbar_1.buildStyles)({
                         pathColor: "var(--primary)",
                         trailColor: "var(--dark-opacity-5)"
-                    }), strokeWidth: 12, value: props.activeStep / props.steps.length * 100, children: (0, jsx_runtime_1.jsxs)("div", { className: "text body-bold-14-17", children: [(0, jsx_runtime_1.jsxs)("span", { className: "title-bold-16-19", children: [props.activeStep, "/"] }), props.steps.length] }) }) }), (0, jsx_runtime_1.jsxs)("div", { className: "info", children: [(0, jsx_runtime_1.jsx)("h1", { className: "title-bold-16-19", children: currentStep === null || currentStep === void 0 ? void 0 : currentStep.text }), (0, jsx_runtime_1.jsx)("p", { className: "body-regular-13-16", children: currentStep === null || currentStep === void 0 ? void 0 : currentStep.textSm })] })] }));
+                    }), strokeWidth: 12, value: props.activeStep / props.steps.length * 100 }, { children: (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text body-bold-14-17" }, { children: [(0, jsx_runtime_1.jsxs)("span", __assign({ className: "title-bold-16-19" }, { children: [props.activeStep, "/"] })), props.steps.length] })) })) })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "info" }, { children: [(0, jsx_runtime_1.jsx)("h1", __assign({ className: "title-bold-16-19" }, { children: currentStep === null || currentStep === void 0 ? void 0 : currentStep.text })), (0, jsx_runtime_1.jsx)("p", __assign({ className: "body-regular-13-16" }, { children: currentStep === null || currentStep === void 0 ? void 0 : currentStep.textSm }))] }))] }));
 };
 CircleProgress.defaultProps = {
     steps: [],

package/dist/components/ColorPalette/ColorPalette.js

@@ -1,4 +1,15 @@
 "use strict";
+var __assign = (this && this.__assign) || function () {
+    __assign = Object.assign || function(t) {
+        for (var s, i = 1, n = arguments.length; i < n; i++) {
+            s = arguments[i];
+            for (var p in s) if (Object.prototype.hasOwnProperty.call(s, p))
+                t[p] = s[p];
+        }
+        return t;
+    };
+    return __assign.apply(this, arguments);
+};
 var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
@@ -11,14 +22,14 @@ var ColorPalette = function (props) {
         var _b = _a.gradient, gradient = _b === void 0 ? props.gradient : _b, _c = _a.data, data = _c === void 0 ? props.data : _c;
         return ((0, jsx_runtime_1.jsxs)(ColorPalette_styled_1.ColorItem, { children: [(0, jsx_runtime_1.jsx)(ColorPalette_styled_1.Bg, { gradient: gradient, data: data }), (0, jsx_runtime_1.jsx)(ColorPalette_styled_1.Text, { children: Object.entries(data).map(function (_a) {
                         var key4 = _a[0], value4 = _a[1];
-                        return ((0, jsx_runtime_1.jsxs)(ColorPalette_styled_1.ValueListWrapper, { children: [(0, jsx_runtime_1.jsx)(ColorPalette_styled_1.Title, { className: "caption-bold-12-15", children: key4 }), (0, jsx_runtime_1.jsx)(ColorPalette_styled_1.Value, { className: "caption-regular-12-15", children: value4 })] }, key4));
+                        return ((0, jsx_runtime_1.jsxs)(ColorPalette_styled_1.ValueListWrapper, { children: [(0, jsx_runtime_1.jsx)(ColorPalette_styled_1.Title, __assign({ className: "caption-bold-12-15" }, { children: key4 })), (0, jsx_runtime_1.jsx)(ColorPalette_styled_1.Value, __assign({ className: "caption-regular-12-15" }, { children: value4 }))] }, key4));
                     }) })] }));
     };
     return ((0, jsx_runtime_1.jsx)(jsx_runtime_1.Fragment, { children: colors_json_1.default.map(function (value, key) {
             var _a;
-            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "headline-bold-24-29", children: value.name }), (0, jsx_runtime_1.jsx)("div", { children: (_a = value === null || value === void 0 ? void 0 : value.children) === null || _a === void 0 ? void 0 : _a.map(function (value2, key2) {
+            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", __assign({ className: "headline-bold-24-29" }, { children: value.name })), (0, jsx_runtime_1.jsx)("div", { children: (_a = value === null || value === void 0 ? void 0 : value.children) === null || _a === void 0 ? void 0 : _a.map(function (value2, key2) {
                             var _a;
-                            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", { className: "headline-medium-18-22", children: value2.name }), (0, jsx_runtime_1.jsx)(ColorPalette_styled_1.ColorPaletteStyled, { children: (_a = value2 === null || value2 === void 0 ? void 0 : value2.variants) === null || _a === void 0 ? void 0 : _a.map(function (value3, key3) {
+                            return ((0, jsx_runtime_1.jsxs)("div", { children: [(0, jsx_runtime_1.jsx)("h1", __assign({ className: "headline-medium-18-22" }, { children: value2.name })), (0, jsx_runtime_1.jsx)(ColorPalette_styled_1.ColorPaletteStyled, { children: (_a = value2 === null || value2 === void 0 ? void 0 : value2.variants) === null || _a === void 0 ? void 0 : _a.map(function (value3, key3) {
                                             return ((0, jsx_runtime_1.jsx)(Item, { gradient: value3 === null || value3 === void 0 ? void 0 : value3.gradient, data: value3.data }, key3));
                                         }) })] }, key2));
                         }) })] }, key));

package/dist/components/CouponCode/CouponCode.js

@@ -29,7 +29,7 @@ var CouponCode = function (props) {
         setExpanded(props.expanded);
     }, [props.expanded]);
     var toggleExpand = function () { return setExpanded(function (prevState) { return !prevState; }); };
-    return ((0, jsx_runtime_1.jsxs)(CouponCode_styled_1.CouponCodeStyled, __assign({}, props, { expanded: expanded, children: [(0, jsx_runtime_1.jsxs)("div", { onClick: toggleExpand, className: "header", children: [(0, jsx_runtime_1.jsx)("div", { className: "title body-bold-14-17", children: props.title }), (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallDown", width: "24px", height: "24px" })] }), (0, jsx_runtime_1.jsxs)("div", { className: "body", children: [(0, jsx_runtime_1.jsx)(Input_1.default, { disabled: props.isInputDisabled, name: props.name, onChange: props.onChange, hasError: props.hasError, errorMessage: props.errorMessage, value: props.value, autofocus: props.autoFocus, label: "", width: "auto", placeholder: props.placeholder, hasCopyButton: false }), (0, jsx_runtime_1.jsx)(Button_1.default, { width: props.buttonWidth, isLoading: props.isButtonLoading, disabled: props.buttonDisabled, size: "big", variant: props.buttonVariant, children: props.buttonText })] })] })));
+    return ((0, jsx_runtime_1.jsxs)(CouponCode_styled_1.CouponCodeStyled, __assign({}, props, { expanded: expanded }, { children: [(0, jsx_runtime_1.jsxs)("div", __assign({ onClick: toggleExpand, className: "header" }, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "title body-bold-14-17" }, { children: props.title })), (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallDown", width: "24px", height: "24px" })] })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "body" }, { children: [(0, jsx_runtime_1.jsx)(Input_1.default, { disabled: props.isInputDisabled, name: props.name, onChange: props.onChange, hasError: props.hasError, errorMessage: props.errorMessage, value: props.value, autofocus: props.autoFocus, label: "", width: "auto", placeholder: props.placeholder, hasCopyButton: false }), (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ width: props.buttonWidth, isLoading: props.isButtonLoading, disabled: props.buttonDisabled, size: "big", variant: props.buttonVariant }, { children: props.buttonText }))] }))] })));
 };
 CouponCode.defaultProps = {
     title: "Title",

package/dist/components/CouponCode/stories/CouponCode.stories.js

@@ -20,7 +20,7 @@ var CouponCode_1 = __importDefault(require("../CouponCode"));
 var props_1 = require("../../Button/props");
 exports.default = {
     title: 'components/Coupon Code',
-    component: function (props) { return (0, jsx_runtime_1.jsx)("div", { style: { width: "343px" }, children: (0, jsx_runtime_1.jsx)(CouponCode_1.default, __assign({}, props)) }); },
+    component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { width: "343px" } }, { children: (0, jsx_runtime_1.jsx)(CouponCode_1.default, __assign({}, props)) })); },
     tags: ['autodocs'],
     argTypes: {
         buttonVariant: { control: 'select', options: props_1.variants },

package/dist/components/Divider/Divider.js

@@ -22,7 +22,7 @@ var Divider = function (props) {
     var type = props.type, text = props.text, hasText = props.hasText;
     switch (type) {
         case 'horizontal':
-            return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsxs)(Divider_styled_1.Horizontal, __assign({}, props, { className: "caption-medium-12-15", children: [(0, jsx_runtime_1.jsx)("div", {}), hasText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: text }), (0, jsx_runtime_1.jsx)("div", {})] }))] })) }));
+            return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsxs)(Divider_styled_1.Horizontal, __assign({}, props, { className: "caption-medium-12-15" }, { children: [(0, jsx_runtime_1.jsx)("div", {}), hasText && ((0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", { children: text }), (0, jsx_runtime_1.jsx)("div", {})] }))] })) }));
         case 'waveArrowUp':
             return ((0, jsx_runtime_1.jsx)(Divider_styled_1.DividerStyled, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "WaveArrowUp", width: "97px", height: "53px" }) }));
         case 'waveArrowDown':