krl-alfred 2.17.16 → 2.17.18

package/dist/components/BannerCard/BannerCard.d.ts

@@ -1,3 +1,3 @@
 import { BannerCardProps } from "./props";
-declare const BannerCard: ({ title, img, imgMobile, hasDarkTheme, hasShadow, description, shortDesc, buttonText, onClick, hasRightArrow, }: BannerCardProps) => import("react/jsx-runtime").JSX.Element;
+declare const BannerCard: ({ title, img, imgMobile, hasDarkTheme, hasShadow, description, shortDesc, buttonText, onClick, hasRightArrow, customStyle, }: BannerCardProps) => import("react/jsx-runtime").JSX.Element;
 export default BannerCard;

package/dist/components/BannerCard/BannerCard.js

@@ -20,8 +20,7 @@ var BannerCard_styled_1 = require("./BannerCard.styled");
 var Button_1 = __importDefault(require("../Button"));
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var BannerCard = function (_a) {
-    var _b = _a.title, title = _b === void 0 ? props_1.BannerDefault.title : _b, _c = _a.img, img = _c === void 0 ? props_1.BannerDefault.img : _c, _d = _a.imgMobile, imgMobile = _d === void 0 ? props_1.BannerDefault.imgMobile : _d, _e = _a.hasDarkTheme, hasDarkTheme = _e === void 0 ? props_1.BannerDefault.hasDarkTheme : _e, _f = _a.hasShadow, hasShadow = _f === void 0 ? props_1.BannerDefault.hasShadow : _f, _g = _a.description, description = _g === void 0 ? props_1.BannerDefault.description : _g, _h = _a.shortDesc, shortDesc = _h === void 0 ? props_1.BannerDefault.shortDesc : _h, _j = _a.buttonText, buttonText = _j === void 0 ? props_1.BannerDefault.buttonText : _j, _k = _a.onClick, onClick = _k === void 0 ? props_1.BannerDefault.onClick : _k, _l = _a.hasRightArrow, hasRightArrow = _l === void 0 ? props_1.BannerDefault.hasRightArrow : _l;
-    return ((0, jsx_runtime_1.jsxs)(BannerCard_styled_1.BannerCardStyled, __assign({ "$hasDarkTheme": hasDarkTheme, "$hasShadow": hasShadow }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "mobileLink", onClick: onClick }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [title && (0, jsx_runtime_1.jsx)("strong", { className: "title", dangerouslySetInnerHTML: { __html: title } }), description && (0, jsx_runtime_1.jsx)("p", { className: "description", dangerouslySetInnerHTML: { __html: description } }), buttonText &&
-                        (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: "primary", onClick: onClick }, { children: buttonText }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: img })), imgMobile && (0, jsx_runtime_1.jsx)("div", __assign({ className: "img imgMobile" }, { children: imgMobile })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "textMobile", onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "titleSm", dangerouslySetInnerHTML: { __html: shortDesc } }), hasRightArrow && (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" })] }))] })));
+    var _b = _a.title, title = _b === void 0 ? props_1.BannerDefault.title : _b, _c = _a.img, img = _c === void 0 ? props_1.BannerDefault.img : _c, _d = _a.imgMobile, imgMobile = _d === void 0 ? props_1.BannerDefault.imgMobile : _d, _e = _a.hasDarkTheme, hasDarkTheme = _e === void 0 ? props_1.BannerDefault.hasDarkTheme : _e, _f = _a.hasShadow, hasShadow = _f === void 0 ? props_1.BannerDefault.hasShadow : _f, _g = _a.description, description = _g === void 0 ? props_1.BannerDefault.description : _g, _h = _a.shortDesc, shortDesc = _h === void 0 ? props_1.BannerDefault.shortDesc : _h, _j = _a.buttonText, buttonText = _j === void 0 ? props_1.BannerDefault.buttonText : _j, _k = _a.onClick, onClick = _k === void 0 ? props_1.BannerDefault.onClick : _k, _l = _a.hasRightArrow, hasRightArrow = _l === void 0 ? props_1.BannerDefault.hasRightArrow : _l, _m = _a.customStyle, customStyle = _m === void 0 ? props_1.BannerDefault.customStyle : _m;
+    return ((0, jsx_runtime_1.jsxs)(BannerCard_styled_1.BannerCardStyled, __assign({ "$hasDarkTheme": hasDarkTheme, "$hasShadow": hasShadow, "$customStyle": customStyle }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "mobileLink", onClick: onClick }), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "text" }, { children: [title && (0, jsx_runtime_1.jsx)("strong", { className: "title", dangerouslySetInnerHTML: { __html: title } }), description && (0, jsx_runtime_1.jsx)("p", { className: "description", dangerouslySetInnerHTML: { __html: description } }), buttonText && (0, jsx_runtime_1.jsx)(Button_1.default, __assign({ size: "big", variant: hasDarkTheme ? "secondary" : "primary", onClick: onClick }, { children: buttonText }))] })), (0, jsx_runtime_1.jsx)("div", __assign({ className: "img" }, { children: img })), imgMobile && (0, jsx_runtime_1.jsx)("div", __assign({ className: "img imgMobile" }, { children: imgMobile })), (0, jsx_runtime_1.jsxs)("div", __assign({ className: "textMobile", onClick: onClick }, { children: [(0, jsx_runtime_1.jsx)("div", { className: "titleSm", dangerouslySetInnerHTML: { __html: shortDesc } }), hasRightArrow && (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRightBig" })] }))] })));
 };
 exports.default = BannerCard;

package/dist/components/BannerCard/BannerCard.styled.js

@@ -10,5 +10,5 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.BannerCardStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
 var devices_1 = require("../../constants/devices");
-exports.BannerCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n    ", "\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    background-color: ", ";\n    border-radius: 0.5rem;\n    position: relative;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n      max-width: 478px;\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n        color: ", ";\n        font:var(--headline-extra-bold-32-39);\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n        color: ", ";\n        font:var(--title-regular-16-19);\n      }\n      button{\n        margin-top: 1.5rem;\n      }\n    }\n    .mobileLink{\n        position: absolute;\n        inset: 0;\n        z-index: 5;\n        @media only screen and ", " {\n            display: none;\n        }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 0 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n      border-radius: 0 0 0.5rem 0.5rem;\n      height: 70px;\n      font:var(--title-medium-16-19);\n      svg {\n        margin-left: 1rem;\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n      &:is(.imgMobile){\n          position: absolute;\n          inset: 0;\n          z-index: 1;\n          @media only screen and ", " {\n              display: none;\n          }\n      }\n      *{\n        display: block !important;\n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 0;\n        text-align: center;\n        height: 228px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: ", ";\n        border-radius: 0.5rem;\n        * {\n          height: 174px !important;\n          max-height: 174px !important;\n          width: 100% !important;\n          object-fit: contain !important;\n          object-position: center center !important;\n        }\n      }\n    }\n"], ["\n\n    ", "\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    background-color: ", ";\n    border-radius: 0.5rem;\n    position: relative;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n      max-width: 478px;\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n        color: ", ";\n        font:var(--headline-extra-bold-32-39);\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n        color: ", ";\n        font:var(--title-regular-16-19);\n      }\n      button{\n        margin-top: 1.5rem;\n      }\n    }\n    .mobileLink{\n        position: absolute;\n        inset: 0;\n        z-index: 5;\n        @media only screen and ", " {\n            display: none;\n        }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 0 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n      border-radius: 0 0 0.5rem 0.5rem;\n      height: 70px;\n      font:var(--title-medium-16-19);\n      svg {\n        margin-left: 1rem;\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n      &:is(.imgMobile){\n          position: absolute;\n          inset: 0;\n          z-index: 1;\n          @media only screen and ", " {\n              display: none;\n          }\n      }\n      *{\n        display: block !important;\n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 0;\n        text-align: center;\n        height: 228px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        background-color: ", ";\n        border-radius: 0.5rem;\n        * {\n          height: 174px !important;\n          max-height: 174px !important;\n          width: 100% !important;\n          object-fit: contain !important;\n          object-position: center center !important;\n        }\n      }\n    }\n"])), function (props) { return props.$hasShadow ? "box-shadow: 0 6px 30px 0 var(--box-shadow-color);" : null; }, function (props) { return props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lg, devices_1.devices.lg, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lgUp, devices_1.devices.lg, devices_1.devices.lgUp, devices_1.devices.lg, devices_1.devices.lg, function (props) { return props.$hasDarkTheme ? "var(--dark)" : "#fff"; });
+exports.BannerCardStyled = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n\n    ", "\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    background-color: ", ";\n    ", "\n    border-radius: 0.5rem;\n    position: relative;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n      max-width: 478px;\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n        color: ", ";\n        font:var(--headline-extra-bold-32-39);\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n        color: ", ";\n        font:var(--title-regular-16-19);\n      }\n      button{\n        margin-top: 1.5rem;\n      }\n    }\n    .mobileLink{\n        position: absolute;\n        inset: 0;\n        z-index: 5;\n        @media only screen and ", " {\n            display: none;\n        }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 0 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n      border-radius: 0 0 0.5rem 0.5rem;\n      height: 70px;\n      font:var(--title-medium-16-19);\n      svg {\n        margin-left: 1rem;\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n      &:is(.imgMobile){\n          position: absolute;\n          inset: 0;\n          z-index: 1;\n          @media only screen and ", " {\n              display: none;\n          }\n      }\n      *{\n        display: block !important;\n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 0;\n        text-align: center;\n        height: 228px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 0.5rem;\n        * {\n          height: 174px !important;\n          max-height: 174px !important;\n          width: 100% !important;\n          object-fit: contain !important;\n          object-position: center center !important;\n        }\n      }\n    }\n"], ["\n\n    ", "\n    padding: 0 5rem;\n    display: grid;\n    grid-template-columns: 1fr auto;\n    align-items: center;\n    height: 420px;\n    background-color: ", ";\n    ", "\n    border-radius: 0.5rem;\n    position: relative;\n    @media only screen and ", " {\n      padding: 0;\n      display: block;\n      height: auto;\n    }\n\n    .text {\n      @media only screen and ", " {\n        display: none;\n      }\n      max-width: 478px;\n\n      .title {\n        margin-bottom: 1.5rem;\n        display: block;\n        color: ", ";\n        font:var(--headline-extra-bold-32-39);\n      }\n\n      .description {\n        margin: 0;\n        display: block;\n        color: ", ";\n        font:var(--title-regular-16-19);\n      }\n      button{\n        margin-top: 1.5rem;\n      }\n    }\n    .mobileLink{\n        position: absolute;\n        inset: 0;\n        z-index: 5;\n        @media only screen and ", " {\n            display: none;\n        }\n    }\n\n    .textMobile {\n      display: none;\n      background-color: var(--primary-shades-dark);\n      padding: 0 1rem;\n      color: white;\n      align-items: center;\n      justify-content: space-between;\n      border-radius: 0 0 0.5rem 0.5rem;\n      height: 70px;\n      font:var(--title-medium-16-19);\n      svg {\n        margin-left: 1rem;\n      }\n\n      b {\n        display: block;\n      }\n\n      @media only screen and ", " {\n        display: flex;\n      }\n    }\n\n    .img {\n      text-align: end;\n      &:is(.imgMobile){\n          position: absolute;\n          inset: 0;\n          z-index: 1;\n          @media only screen and ", " {\n              display: none;\n          }\n      }\n      *{\n        display: block !important;\n      }\n      img {\n        max-height: 100%;\n        max-width: 100%;\n        @media only screen and ", " {\n          height: auto;\n        }\n      }\n\n      @media only screen and ", " {\n        padding: 0;\n        text-align: center;\n        height: 228px;\n        display: flex;\n        align-items: center;\n        justify-content: center;\n        border-radius: 0.5rem;\n        * {\n          height: 174px !important;\n          max-height: 174px !important;\n          width: 100% !important;\n          object-fit: contain !important;\n          object-position: center center !important;\n        }\n      }\n    }\n"])), function (props) { return props.$hasShadow ? "box-shadow: 0 6px 30px 0 var(--box-shadow-color);" : null; }, function (props) { return props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, function (props) { return props.$customStyle; }, devices_1.devices.lg, devices_1.devices.lg, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, function (props) { return !props.$hasDarkTheme ? "var(--dark)" : "#fff"; }, devices_1.devices.lgUp, devices_1.devices.lg, devices_1.devices.lgUp, devices_1.devices.lg, devices_1.devices.lg);
 var templateObject_1;

package/dist/components/BannerCard/props.d.ts

@@ -8,12 +8,14 @@ export interface BannerCard {
     description?: string;
     shortDesc?: string;
     buttonText?: string;
+    customStyle?: string;
     onClick?: () => void;
     hasRightArrow?: boolean;
 }
 export interface BannerCardStyledProps {
     $hasDarkTheme?: boolean;
     $hasShadow?: boolean;
+    $customStyle?: string;
 }
 export declare const BannerDefault: BannerCard;
 export type BannerCardProps = typeof BannerDefault;

package/dist/components/BannerCard/props.js

@@ -12,4 +12,5 @@ exports.BannerDefault = {
     buttonText: "",
     onClick: null,
     hasRightArrow: false,
+    customStyle: ""
 };

package/dist/components/BannerCard/stories/BannerCard.stories.d.ts

@@ -3,6 +3,15 @@ declare const _default: {
     component: (props: any) => import("react/jsx-runtime").JSX.Element;
     tags: string[];
     argTypes: {
+        hasDarkTheme: {
+            control: string;
+        };
+        hasShadow: {
+            control: string;
+        };
+        hasRightArrow: {
+            control: string;
+        };
         onClick: {
             action: string;
         };
@@ -23,3 +32,45 @@ export declare const Default: {
         hasDarkTheme: boolean;
     };
 };
+export declare const DarkTheme: {
+    args: {
+        hasDarkTheme: boolean;
+        img: import("react/jsx-runtime").JSX.Element;
+        imgMobile: import("react/jsx-runtime").JSX.Element;
+        title: string;
+        description: string;
+        shortDesc: string;
+        buttonText: string;
+        onClick: () => Window;
+        hasRightArrow: boolean;
+        hasShadow: boolean;
+    };
+};
+export declare const Shadow: {
+    args: {
+        hasShadow: boolean;
+        img: import("react/jsx-runtime").JSX.Element;
+        imgMobile: import("react/jsx-runtime").JSX.Element;
+        title: string;
+        description: string;
+        shortDesc: string;
+        buttonText: string;
+        onClick: () => Window;
+        hasRightArrow: boolean;
+        hasDarkTheme: boolean;
+    };
+};
+export declare const RightArrow: {
+    args: {
+        hasRightArrow: boolean;
+        img: import("react/jsx-runtime").JSX.Element;
+        imgMobile: import("react/jsx-runtime").JSX.Element;
+        title: string;
+        description: string;
+        shortDesc: string;
+        buttonText: string;
+        onClick: () => Window;
+        hasShadow: boolean;
+        hasDarkTheme: boolean;
+    };
+};

package/dist/components/BannerCard/stories/BannerCard.stories.js

@@ -14,7 +14,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Default = void 0;
+exports.RightArrow = exports.Shadow = exports.DarkTheme = exports.Default = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var BannerCard_1 = __importDefault(require("../BannerCard"));
 exports.default = {
@@ -22,6 +22,9 @@ exports.default = {
     component: function (props) { return (0, jsx_runtime_1.jsx)("div", __assign({ style: { maxWidth: '1050px' } }, { children: (0, jsx_runtime_1.jsx)(BannerCard_1.default, __assign({}, props)) })); },
     tags: ['autodocs'],
     argTypes: {
+        hasDarkTheme: { control: 'boolean' },
+        hasShadow: { control: 'boolean' },
+        hasRightArrow: { control: 'boolean' },
         onClick: { action: 'clicked' }
     }
 };
@@ -39,3 +42,12 @@ exports.Default = {
         hasDarkTheme: false,
     },
 };
+exports.DarkTheme = {
+    args: __assign(__assign({}, exports.Default.args), { hasDarkTheme: true }),
+};
+exports.Shadow = {
+    args: __assign(__assign({}, exports.Default.args), { hasShadow: true }),
+};
+exports.RightArrow = {
+    args: __assign(__assign({}, exports.Default.args), { hasRightArrow: true }),
+};

package/dist/components/Button/stories/Button.stories.d.ts

@@ -48,3 +48,76 @@ export declare const Icon: {
         tooltip: string;
     };
 };
+export declare const Primary: {
+    args: {
+        variant: string;
+        size: string;
+        children: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const Secondary: {
+    args: {
+        variant: string;
+        size: string;
+        children: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const Inverted: {
+    args: {
+        variant: string;
+        size: string;
+        children: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const Ghost: {
+    args: {
+        variant: string;
+        size: string;
+        children: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const Success: {
+    args: {
+        variant: string;
+        size: string;
+        children: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+};
+export declare const AllVariants: {
+    args: {
+        variant: string;
+        size: string;
+        children: string;
+        disabled: boolean;
+        isLoading: boolean;
+        width: string;
+        type: string;
+        tooltip: string;
+    };
+    render: (args: any) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/components/Button/stories/Button.stories.js

@@ -14,7 +14,8 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
     return (mod && mod.__esModule) ? mod : { "default": mod };
 };
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.Icon = exports.Default = void 0;
+exports.AllVariants = exports.Success = exports.Ghost = exports.Inverted = exports.Secondary = exports.Primary = exports.Icon = exports.Default = void 0;
+var jsx_runtime_1 = require("react/jsx-runtime");
 var Button_1 = __importDefault(require("../Button"));
 var props_1 = require("../props");
 var iconList_1 = require("../../Icon/iconList");
@@ -44,3 +45,24 @@ exports.Default = {
 exports.Icon = {
     args: __assign(__assign({}, exports.Default.args), { icon: 'ArrowSmallRight', iconSize: "1rem" }),
 };
+// Variant specific stories
+exports.Primary = {
+    args: __assign(__assign({}, exports.Default.args), { variant: 'primary' }),
+};
+exports.Secondary = {
+    args: __assign(__assign({}, exports.Default.args), { variant: 'secondary' }),
+};
+exports.Inverted = {
+    args: __assign(__assign({}, exports.Default.args), { variant: 'inverted' }),
+};
+exports.Ghost = {
+    args: __assign(__assign({}, exports.Default.args), { variant: 'ghost' }),
+};
+exports.Success = {
+    args: __assign(__assign({}, exports.Default.args), { variant: 'success' }),
+};
+// Story displaying all variants together
+exports.AllVariants = {
+    args: __assign({}, exports.Default.args),
+    render: function (args) { return ((0, jsx_runtime_1.jsx)("div", __assign({ style: { display: 'flex', gap: '12px', flexWrap: 'wrap' } }, { children: props_1.variants.map(function (v) { return ((0, jsx_runtime_1.jsx)(Button_1.default, __assign({}, args, { variant: v }, { children: v }), v)); }) }))); },
+};

package/dist/components/CategoryMenu/CategoryMenu.js

@@ -38,7 +38,7 @@ var CategoryMenu = function (_a) {
     };
     var MenuButton = function (_a) {
         var item = __rest(_a, []);
-        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, __assign({ "$hasAnimation": item === null || item === void 0 ? void 0 : item.badgeText }, { children: (item === null || item === void 0 ? void 0 : item.badgeText) ? ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadge, { children: item === null || item === void 0 ? void 0 : item.badgeText })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine", "NewYear"].includes(item.icon) })) })), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
+        return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, __assign({ "$isActiveCategory": item.isActive, "$hasCustomItem": item.hasCustomItem }, { 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, __assign({ "$hasAnimation": item === null || item === void 0 ? void 0 : item.badgeText }, { children: (item === null || item === void 0 ? void 0 : item.badgeText) ? ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonBadge, { children: item === null || item === void 0 ? void 0 : item.badgeText })) : ((0, jsx_runtime_1.jsx)(Icon_1.default, { color: ["ElSatis"].includes(item.icon) ? "var(--primary)" : null, name: item.icon, hasColorChanged: !["CampaignColorful", "Lightning", "Flash", "Valentine", "NewYear"].includes(item.icon) })) })), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { children: item.name })] }) })), item.children] })));
     };
     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)(CategoryMenu_styled_1.SubMenu, { children: (0, jsx_runtime_1.jsx)(OptionMenu_1.default, { hasActiveItem: false, data: item.children, rowLength: item.subMenuRowLength || subMenuRowLength }) })) }), item.id));

package/dist/components/CategoryMenu/CategoryMenu.styled.js

@@ -31,7 +31,7 @@ exports.SubMenu = exports.CategoryItemButtonTitle = exports.CategoryItemButtonBa
 var styled_components_1 = __importStar(require("styled-components"));
 exports.CategoryMenuWrapper = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding:0;\n    margin: 12.5px auto;\n    max-width: 1050px;\n    a {\n      text-decoration:none;\n      &:not([href]){\n        cursor: initial;\n        *{\n          cursor: initial;\n        }\n      }\n    }\n"], ["\n    display: flex;\n    align-items: center;\n    justify-content: space-between;\n    width: 100%;\n    padding:0;\n    margin: 12.5px auto;\n    max-width: 1050px;\n    a {\n      text-decoration:none;\n      &:not([href]){\n        cursor: initial;\n        *{\n          cursor: initial;\n        }\n      }\n    }\n"])));
 var hoverAndActive = (0, styled_components_1.css)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    color: var(--dark);\n    &:before{\n        border-color: var(--grey-10);\n        box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n        color: var(--dark);\n    }\n"], ["\n    color: var(--dark);\n    &:before{\n        border-color: var(--grey-10);\n        box-shadow: 0 6px 30px 0 var(--box-shadow-color);\n        color: var(--dark);\n    }\n"])));
-exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    margin: 0;\n    padding-bottom: 8px;\n    padding-top: 8px;\n    &:not(:last-child):not(:nth-last-child(2)){\n      path, circle, rect {\n        color : var(--dark-opacity-75);\n      }\n    }\n    &:hover{\n      &:not(:last-child):not(:nth-last-child(2)){\n        path , circle, rect {\n          color : var(--dark);\n        }\n      }\n        > ul{\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n            transition-delay: 0.3s;\n        }\n        .componentWrapper {\n            > span{\n                ", "\n            }\n        }\n    }\n      &:last-child , &:nth-last-child(2){\n        ul{\n          left: auto;\n          right: 0;\n        }\n      }\n    ", "\n"], ["\n    display: block;\n    position: relative;\n    margin: 0;\n    padding-bottom: 8px;\n    padding-top: 8px;\n    &:not(:last-child):not(:nth-last-child(2)){\n      path, circle, rect {\n        color : var(--dark-opacity-75);\n      }\n    }\n    &:hover{\n      &:not(:last-child):not(:nth-last-child(2)){\n        path , circle, rect {\n          color : var(--dark);\n        }\n      }\n        > ul{\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n            transition-delay: 0.3s;\n        }\n        .componentWrapper {\n            > span{\n                ", "\n            }\n        }\n    }\n      &:last-child , &:nth-last-child(2){\n        ul{\n          left: auto;\n          right: 0;\n        }\n      }\n    ", "\n"])), hoverAndActive, function (props) { return props.$isActiveCategory ? "\n        .componentWrapper > span{\n            ".concat(hoverAndActive, "\n        }\n    ") : ""; });
+exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n    display: block;\n    position: relative;\n    margin: 0;\n    padding-bottom: 8px;\n    padding-top: 8px;\n    &:not(:last-child):not(:nth-last-child(2)){\n      path, circle, rect {\n        color : var(--dark-opacity-75);\n      }\n    }\n    &:hover{\n      &:not(:last-child):not(:nth-last-child(2)){\n        path , circle, rect {\n          color : var(--dark);\n        }\n      }\n        > ul{\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n            transition-delay: 0.3s;\n        }\n        .componentWrapper {\n            > span{\n                ", "\n            }\n        }\n    }\n      &:last-child , &:nth-last-child(2){\n        ul{\n          left: auto;\n          right: 0;\n        }\n      }\n    ", "\n    ", "\n"], ["\n    display: block;\n    position: relative;\n    margin: 0;\n    padding-bottom: 8px;\n    padding-top: 8px;\n    &:not(:last-child):not(:nth-last-child(2)){\n      path, circle, rect {\n        color : var(--dark-opacity-75);\n      }\n    }\n    &:hover{\n      &:not(:last-child):not(:nth-last-child(2)){\n        path , circle, rect {\n          color : var(--dark);\n        }\n      }\n        > ul{\n            opacity: 1;\n            visibility: visible;\n            transform: translateY(0);\n            transition-delay: 0.3s;\n        }\n        .componentWrapper {\n            > span{\n                ", "\n            }\n        }\n    }\n      &:last-child , &:nth-last-child(2){\n        ul{\n          left: auto;\n          right: 0;\n        }\n      }\n    ", "\n    ", "\n"])), hoverAndActive, function (props) { return props.$isActiveCategory ? "\n        .componentWrapper > span{\n            ".concat(hoverAndActive, "\n        }\n    ") : ""; }, function (props) { return props.$hasCustomItem ? "\n    display: flex;\n    align-items: center;\n    justify-content: center;\n          &:before{\n            content: '';\n            background-color:var(--grey-10);\n            height: 39px;\n            width: 2px;\n            display: block;\n            vertical-align: middle;\n            border-radius: 8px;\n            margin-right: 15px;\n          }\n    " : ""; });
 exports.CategoryItemButtonInner = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n    text-decoration: none;\n    padding: 12px 16px;\n    color: var(--dark-opacity-75);\n    margin: 0;\n    transition: all 0.2s ease-in-out;\n    text-align: center;\n    outline: none;\n    display: block;\n    position: relative;\n    border: 0;\n    background: transparent;\n    outline: 0;\n    width: 100%;\n    font-family:inherit;\n    cursor:pointer;\n    box-sizing: border-box;\n    &:before{\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        border: 1px solid transparent;\n        color: var(--dark-opacity-75);\n        background-color: transparent;\n        border-radius: 0.5rem;\n        z-index: -1;\n        transition: all 0.2s ease-in-out;\n    }\n"], ["\n    text-decoration: none;\n    padding: 12px 16px;\n    color: var(--dark-opacity-75);\n    margin: 0;\n    transition: all 0.2s ease-in-out;\n    text-align: center;\n    outline: none;\n    display: block;\n    position: relative;\n    border: 0;\n    background: transparent;\n    outline: 0;\n    width: 100%;\n    font-family:inherit;\n    cursor:pointer;\n    box-sizing: border-box;\n    &:before{\n        content: \"\";\n        position: absolute;\n        left: 0;\n        top: 0;\n        width: 100%;\n        height: 100%;\n        border: 1px solid transparent;\n        color: var(--dark-opacity-75);\n        background-color: transparent;\n        border-radius: 0.5rem;\n        z-index: -1;\n        transition: all 0.2s ease-in-out;\n    }\n"])));
 exports.CategoryItemButtonIcon = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n    @keyframes tada_category {\n        0% {\n            transform: scaleX(1)\n        }\n\n        10%,20% {\n            transform: rotate(-2deg)\n        }\n\n        30%,50%,70%,90% {\n            transform: rotate(2deg)\n        }\n\n        40%,60%,80% {\n            transform: rotate(-2deg)\n        }\n\n        to {\n            transform: scaleX(1)\n        }\n    }\n\n    ", "\n    height: 24px;\n    display:flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n"], ["\n    @keyframes tada_category {\n        0% {\n            transform: scaleX(1)\n        }\n\n        10%,20% {\n            transform: rotate(-2deg)\n        }\n\n        30%,50%,70%,90% {\n            transform: rotate(2deg)\n        }\n\n        40%,60%,80% {\n            transform: rotate(-2deg)\n        }\n\n        to {\n            transform: scaleX(1)\n        }\n    }\n\n    ", "\n    height: 24px;\n    display:flex;\n    position: relative;\n    align-items: center;\n    justify-content: center;\n"])), function (props) { return props.$hasAnimation ? "\n        animation: tada_category 1.5s infinite;\n        animation-iteration-count: 10;\n    " : ""; });
 exports.CategoryItemButtonBadge = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n    font: var(--caption-bold-10-12);\n    line-height: 17px;\n    border-radius: 3px;\n    background-color: var(--primary);\n    color: white;\n    padding: 0 0.5rem;\n    display: inline-block;\n    margin-top: 2px;\n"], ["\n    font: var(--caption-bold-10-12);\n    line-height: 17px;\n    border-radius: 3px;\n    background-color: var(--primary);\n    color: white;\n    padding: 0 0.5rem;\n    display: inline-block;\n    margin-top: 2px;\n"])));

package/dist/components/CategoryMenu/props.d.ts

@@ -2,11 +2,13 @@ export interface CategoryMenu {
     subMenuRowLength?: number;
     data?: object[];
     isActiveCategory?: boolean;
+    hasCustomItem?: boolean;
 }
 export interface CategoryMenuStyled {
     $subMenuRowLength?: number;
     $isActiveCategory?: boolean;
     $hasAnimation?: boolean;
+    $hasCustomItem?: boolean;
 }
 export declare const CategoryMenuDefault: CategoryMenu;
 export type CategoryMenuProps = typeof CategoryMenuDefault;

package/dist/components/CategoryMenu/props.js

@@ -5,4 +5,5 @@ exports.CategoryMenuDefault = {
     subMenuRowLength: 7,
     data: [],
     isActiveCategory: false,
+    hasCustomItem: false,
 };

package/dist/components/CategoryMenu/stories/CategoryMenu.stories.d.ts

@@ -38,6 +38,7 @@ export declare const Default: {
             isActive: boolean;
             component?: undefined;
             badgeText?: undefined;
+            hasCustomItem?: undefined;
         } | {
             id: number;
             parentId: number;
@@ -88,6 +89,7 @@ export declare const Default: {
             isActive?: undefined;
             component?: undefined;
             badgeText?: undefined;
+            hasCustomItem?: undefined;
         } | {
             id: number;
             parentId: number;
@@ -116,6 +118,7 @@ export declare const Default: {
             }[];
             isActive?: undefined;
             badgeText?: undefined;
+            hasCustomItem?: undefined;
         } | {
             id: number;
             parentId: number;
@@ -131,6 +134,23 @@ export declare const Default: {
             badgeText: string;
             isActive?: undefined;
             component?: undefined;
+            hasCustomItem?: undefined;
+        } | {
+            id: number;
+            parentId: number;
+            name: string;
+            filterName: any;
+            isShowHeader: boolean;
+            slug: string;
+            productCount: number;
+            headerMediaUrl: any;
+            medias: any[];
+            icon: string;
+            children: any[];
+            hasCustomItem: boolean;
+            isActive?: undefined;
+            component?: undefined;
+            badgeText?: undefined;
         })[];
     };
 };

package/dist/components/Icon/iconList/DownloadMini.d.ts

@@ -0,0 +1,2 @@
+export default SvgDownloadMini;
+declare function SvgDownloadMini(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/iconList/DownloadMini.js

@@ -0,0 +1,40 @@
+"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 __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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var SvgDownloadMini = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 17, height: 16, viewBox: "0 0 17 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M8.58122 10.291L8.58122 2.26367", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.5254 8.33789L8.58139 10.2899L6.63739 8.33789", stroke: "currentColor", strokeWidth: 1.5, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M11.67 5.41797H12.292C13.6487 5.41797 14.748 6.5173 14.748 7.87464L14.748 11.1306C14.748 12.484 13.6514 13.5806 12.298 13.5806L4.87138 13.5806C3.51471 13.5806 2.41471 12.4806 2.41471 11.124L2.41471 7.8673C2.41471 6.51464 3.51205 5.41797 4.86471 5.41797H5.49271", stroke: "currentColor", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
+exports.default = SvgDownloadMini;

package/dist/components/Icon/iconList/ElSatis.d.ts

@@ -0,0 +1,2 @@
+export default SvgElSatis;
+declare function SvgElSatis(props: any): import("react/jsx-runtime").JSX.Element;

package/dist/components/Icon/iconList/ElSatis.js

@@ -0,0 +1,40 @@
+"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 __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 });
+var jsx_runtime_1 = require("react/jsx-runtime");
+var React = __importStar(require("react"));
+var SvgElSatis = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 68, height: 14, viewBox: "0 0 68 14", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M1.14915 10.321C0.596864 10.321 0.149148 9.87331 0.149148 9.32102V9.00473C0.149148 8.71647 0.273543 8.44223 0.490429 8.25234L3.86293 5.29972C4.14134 5.04782 4.37831 4.81747 4.57386 4.60866C4.76941 4.39654 4.91856 4.18442 5.02131 3.9723C5.12405 3.75687 5.17543 3.5232 5.17543 3.27131C5.17543 2.98958 5.11411 2.74929 4.99148 2.55043C4.86884 2.34825 4.69981 2.19247 4.48438 2.0831C4.26894 1.97372 4.02202 1.91903 3.74361 1.91903C3.46188 1.91903 3.21496 1.97704 3.00284 2.09304C2.79072 2.20573 2.625 2.36979 2.50568 2.58523C2.29285 2.98048 1.96776 3.37074 1.51885 3.37074H1C0.447716 3.37074 -0.020293 2.91461 0.122488 2.3811C0.200332 2.09023 0.315279 1.82186 0.46733 1.57599C0.778883 1.07221 1.21638 0.684422 1.77983 0.412642C2.34659 0.137547 3.0045 0 3.75355 0C4.5258 0 5.19697 0.129261 5.76705 0.387784C6.33712 0.646307 6.77794 1.00758 7.08949 1.47159C7.40436 1.93229 7.56179 2.46757 7.56179 3.07742C7.56179 3.4652 7.4839 3.84967 7.32812 4.23082C7.17235 4.61198 6.89228 5.03291 6.48793 5.49361C6.08688 5.95431 5.51681 6.50616 4.7777 7.14915L3.57413 8.25938C3.56491 8.26789 3.55966 8.27987 3.55966 8.29241C3.55966 8.31724 3.57978 8.33736 3.6046 8.33736H6.69425C7.24202 8.33736 7.68608 8.78142 7.68608 9.32919C7.68608 9.87696 7.24202 10.321 6.69425 10.321H1.14915Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.9201 10.4652C10.5621 10.4652 10.2556 10.3393 10.0004 10.0874C9.74846 9.83546 9.62417 9.53054 9.62749 9.17259C9.62417 8.82126 9.74846 8.52131 10.0004 8.27273C10.2556 8.02083 10.5621 7.89489 10.9201 7.89489C11.2582 7.89489 11.5565 8.02083 11.815 8.27273C12.0768 8.52131 12.2094 8.82126 12.2127 9.17259C12.2094 9.41122 12.1464 9.62831 12.0238 9.82386C11.9045 10.0194 11.747 10.1752 11.5515 10.2912C11.3593 10.4072 11.1488 10.4652 10.9201 10.4652Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.4205 10.321C18.8682 10.321 18.4205 9.87331 18.4205 9.32102V1.1392C18.4205 0.586919 18.8682 0.139205 19.4205 0.139205H24.5207C25.0726 0.139205 25.52 0.586602 25.52 1.13849C25.52 1.69039 25.0726 2.13778 24.5207 2.13778H21.8815C21.3292 2.13778 20.8815 2.5855 20.8815 3.13778V3.22585C20.8815 3.77814 21.3292 4.22585 21.8815 4.22585H24.157C24.7093 4.22585 25.157 4.67534 25.157 5.22763C25.157 5.77991 24.7093 6.2294 24.157 6.2294H21.8815C21.3292 6.2294 20.8815 6.67712 20.8815 7.2294V7.32244C20.8815 7.87473 21.3292 8.32244 21.8815 8.32244H24.5207C25.0726 8.32244 25.52 8.76984 25.52 9.32173C25.52 9.87363 25.0726 10.321 24.5207 10.321H19.4205Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M28.4923 0.139205C29.0445 0.139205 29.4923 0.58692 29.4923 1.1392V9.32102C29.4923 9.87331 29.0445 10.321 28.4923 10.321H28.0612C27.5089 10.321 27.0612 9.87331 27.0612 9.32102V1.1392C27.0612 0.586919 27.5089 0.139205 28.0612 0.139205H28.4923Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M40.4642 3.19176C39.947 3.19176 39.555 2.73013 39.1662 2.38904C39.1476 2.37276 39.1284 2.35696 39.1086 2.34162C38.85 2.13613 38.4805 2.03338 37.9999 2.03338C37.6817 2.03338 37.4166 2.07481 37.2044 2.15767C36.9923 2.24053 36.8332 2.35488 36.7272 2.50071C36.6211 2.64323 36.5664 2.80729 36.5631 2.9929C36.5565 3.14536 36.5863 3.27959 36.6526 3.3956C36.7222 3.5116 36.8216 3.61435 36.9509 3.70384C37.0835 3.79001 37.2426 3.86624 37.4282 3.93253C37.6138 3.99882 37.8226 4.05682 38.0546 4.10653L38.9296 4.3054C39.4334 4.41477 39.8775 4.56061 40.262 4.7429C40.6497 4.92519 40.9746 5.14228 41.2364 5.39418C41.5016 5.64607 41.7021 5.93608 41.838 6.2642C41.9739 6.59233 42.0435 6.96023 42.0468 7.3679C42.0435 8.01089 41.881 8.56274 41.5596 9.02344C41.2381 9.48414 40.7757 9.83712 40.1725 10.0824C39.5726 10.3277 38.8484 10.4503 37.9999 10.4503C37.1481 10.4503 36.4057 10.3227 35.7726 10.0675C35.1396 9.81226 34.6474 9.42448 34.2961 8.90412C34.1051 8.62127 33.9646 8.29777 33.8744 7.93364C33.7406 7.39278 34.2096 6.9304 34.7667 6.9304H35.2376C35.7281 6.9304 36.0897 7.35117 36.3742 7.75071C36.53 7.96946 36.7437 8.13518 37.0155 8.24787C37.2906 8.36056 37.6088 8.4169 37.9701 8.4169C38.3015 8.4169 38.5832 8.37216 38.8152 8.28267C39.0506 8.19318 39.2312 8.06889 39.3571 7.9098C39.4831 7.75071 39.5477 7.56842 39.551 7.36293C39.5477 7.17069 39.4881 7.00663 39.3721 6.87074C39.2561 6.73153 39.0771 6.61222 38.8351 6.51278C38.5965 6.41004 38.2916 6.31558 37.9203 6.2294L36.8564 5.98082C35.9748 5.77865 35.2804 5.45218 34.7733 5.00142C34.2662 4.54735 34.0143 3.93419 34.0177 3.16193C34.0143 2.5322 34.1834 1.98035 34.5248 1.50639C34.8661 1.03243 35.3384 0.662879 35.9417 0.397728C36.5449 0.132576 37.2326 0 38.0049 0C38.7937 0 39.4781 0.134233 40.0581 0.402699C40.6415 0.66785 41.0939 1.04072 41.4154 1.52131C41.5565 1.73223 41.6673 1.95784 41.7477 2.19813C41.9243 2.72573 41.4534 3.19176 40.897 3.19176H40.4642Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M45.4424 10.4503C44.9552 10.4503 44.5226 10.3691 44.1448 10.2067C43.7703 10.041 43.4736 9.79238 43.2549 9.46094C43.0394 9.12618 42.9317 8.70691 42.9317 8.20312C42.9317 7.77888 43.0063 7.42093 43.1554 7.12926C43.3046 6.83759 43.5101 6.60062 43.7719 6.41832C44.0337 6.23603 44.3354 6.09848 44.6767 6.00568C45.0181 5.90956 45.3827 5.84493 45.7705 5.81179C46.2047 5.77202 46.5543 5.73059 46.8195 5.6875C47.0846 5.6411 47.2769 5.57647 47.3962 5.49361C47.5188 5.40743 47.5802 5.28646 47.5802 5.13068V5.10582C47.5802 4.85062 47.4923 4.65341 47.3167 4.5142C47.141 4.375 46.904 4.3054 46.6057 4.3054C46.2842 4.3054 46.0257 4.375 45.8302 4.5142C45.4984 4.75034 45.1611 5.0804 44.7542 5.06597L44.3269 5.05081C43.733 5.02974 43.2747 4.47676 43.5878 3.97165C43.6309 3.90229 43.6773 3.83456 43.7272 3.76847C44.0056 3.40057 44.3867 3.11222 44.8706 2.90341C45.3578 2.69129 45.9428 2.58523 46.6256 2.58523C47.1128 2.58523 47.5619 2.64323 47.9729 2.75923C48.3839 2.87192 48.7418 3.03764 49.0468 3.25639C49.3517 3.47183 49.587 3.73698 49.7527 4.05185C49.9218 4.36671 50.0063 4.72633 50.0063 5.13068V9.32102C50.0063 9.87331 49.5586 10.321 49.0063 10.321H48.2513C47.9575 10.321 47.7194 10.0829 47.7194 9.78906V9.29429C47.7194 9.27375 47.7027 9.2571 47.6822 9.2571C47.6683 9.2571 47.6557 9.26478 47.6491 9.27695C47.5148 9.52684 47.3444 9.73897 47.1377 9.91335C46.9289 10.0923 46.6819 10.2266 46.3969 10.3161C46.1152 10.4055 45.797 10.4503 45.4424 10.4503ZM46.1931 8.85938C46.4549 8.85938 46.6902 8.80634 46.899 8.70028C47.1112 8.59422 47.2802 8.44839 47.4061 8.26278C47.5321 8.07386 47.5951 7.85511 47.5951 7.60653V7.15344C47.5951 7.02939 47.4603 6.94447 47.3415 6.98011C47.2454 7.00994 47.1393 7.03812 47.0233 7.06463C46.9073 7.09115 46.788 7.11435 46.6654 7.13423C46.5427 7.15412 46.4251 7.17235 46.3124 7.18892C46.0837 7.22538 45.8882 7.28172 45.7257 7.35795C45.5667 7.43419 45.444 7.53362 45.3578 7.65625C45.275 7.77557 45.2336 7.91809 45.2336 8.08381C45.2336 8.3357 45.323 8.52794 45.502 8.66051C45.6843 8.79309 45.9147 8.85938 46.1931 8.85938Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M54.9083 2.68466C55.4025 2.68466 55.8032 3.08531 55.8032 3.57955C55.8032 4.07378 55.4025 4.47443 54.9083 4.47443H51.8806C51.3863 4.47443 50.9857 4.07378 50.9857 3.57955C50.9857 3.08531 51.3863 2.68466 51.8806 2.68466H54.9083ZM51.9949 1.85511C51.9949 1.30283 52.4426 0.855114 52.9949 0.855114H53.426C53.9783 0.855114 54.426 1.30283 54.426 1.85511V7.91974C54.426 8.06889 54.4492 8.18987 54.4956 8.28267C54.5453 8.37216 54.6166 8.43679 54.7094 8.47656C54.8022 8.51302 54.9132 8.53125 55.0425 8.53125C55.1353 8.53125 55.2331 8.52296 55.3358 8.50639C55.4667 8.48186 55.5972 8.56501 55.6245 8.69528L55.8382 9.71477C55.8969 9.99476 55.7287 10.2707 55.4502 10.3359C55.2414 10.3857 54.9911 10.4171 54.6995 10.4304C54.1294 10.4569 53.6405 10.3906 53.2328 10.2315C52.8285 10.0691 52.5186 9.81724 52.3032 9.47585C52.091 9.13447 51.9883 8.70526 51.9949 8.18821V1.85511Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M58.0436 10.321C57.4913 10.321 57.0436 9.87331 57.0436 9.32102V3.68466C57.0436 3.13237 57.4913 2.68466 58.0436 2.68466H58.4747C59.027 2.68466 59.4747 3.13237 59.4747 3.68466V9.32102C59.4747 9.87331 59.027 10.321 58.4747 10.321H58.0436Z", fill: "currentColor" }), (0, jsx_runtime_1.jsx)("path", { d: "M67.3962 4.00783C67.6745 4.51038 67.2055 5.02926 66.6313 5.0446L65.9256 5.06346C65.6582 5.07061 65.4396 4.85847 65.2678 4.65341C65.1651 4.52746 65.0308 4.42969 64.8651 4.36009C64.7027 4.28717 64.5138 4.25071 64.2984 4.25071C64.0166 4.25071 63.7764 4.30706 63.5775 4.41974C63.3819 4.53243 63.2858 4.6849 63.2891 4.87713C63.2858 5.02628 63.3455 5.15554 63.4681 5.26491C63.5941 5.37429 63.8178 5.46212 64.1393 5.52841L65.6109 5.80682C66.3732 5.95265 66.9399 6.1946 67.3111 6.53267C67.6857 6.87074 67.8746 7.31818 67.8779 7.875C67.8746 8.39867 67.7188 8.8544 67.4106 9.24219C67.1057 9.62997 66.688 9.93158 66.1577 10.147C65.6274 10.3591 65.0209 10.4652 64.3381 10.4652C63.2477 10.4652 62.3876 10.2415 61.7579 9.79403C61.4496 9.57223 61.2064 9.31352 61.0282 9.01789C60.7241 8.51349 61.1925 7.97174 61.7813 7.95711L62.305 7.9441C62.7551 7.93292 63.1216 8.31395 63.4979 8.56108C63.72 8.70691 64.0034 8.77983 64.3481 8.77983C64.6596 8.77983 64.9132 8.72183 65.1087 8.60582C65.3043 8.48982 65.4037 8.3357 65.407 8.14347C65.4037 7.97112 65.3275 7.83357 65.1783 7.73082C65.0292 7.62476 64.7955 7.5419 64.4773 7.48224L63.145 7.22869C62.3793 7.08949 61.8093 6.83262 61.4347 6.4581C61.0602 6.08026 60.8746 5.59967 60.8779 5.01634C60.8746 4.50592 61.0105 4.07008 61.2856 3.70881C61.5607 3.34422 61.9518 3.06581 62.4589 2.87358C62.966 2.68134 63.5642 2.58523 64.2536 2.58523C65.2877 2.58523 66.1031 2.80232 66.6996 3.23651C66.999 3.45272 67.2312 3.70983 67.3962 4.00783ZM63.784 10.6618C63.8348 10.4392 64.0328 10.2812 64.2611 10.2812H64.6015C64.7286 10.2812 64.8248 10.3961 64.8026 10.5212C64.7824 10.6347 64.8606 10.7412 64.9725 10.7691C65.2423 10.8363 65.465 10.9537 65.6407 11.1214C65.8594 11.3336 65.9705 11.6087 65.9738 11.9467C65.9771 12.4638 65.7302 12.8714 65.233 13.1697C64.8356 13.4124 64.3127 13.5575 63.6642 13.6049C63.3909 13.6249 63.1676 13.4015 63.1649 13.1275C63.1621 12.8496 63.3875 12.6285 63.6636 12.5973C63.8831 12.5725 64.0665 12.5296 64.2139 12.4688C64.4624 12.366 64.5917 12.2102 64.6016 12.0014C64.6116 11.8092 64.537 11.6551 64.3779 11.5391C64.334 11.5079 64.2833 11.4795 64.2259 11.4536C63.9282 11.3196 63.7 11.0298 63.7727 10.7114L63.784 10.6618Z", fill: "currentColor" })] }))); };
+exports.default = SvgElSatis;

package/dist/components/Icon/iconList/index.d.ts

@@ -251,6 +251,9 @@ export namespace iconList {
     function Download({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
+    function DownloadMini({ ...props }: {
+        [x: string]: any;
+    }): import("react/jsx-runtime").JSX.Element;
     function Dublearrrowrightbig({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
@@ -260,6 +263,9 @@ export namespace iconList {
     function EditSquare({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
+    function ElSatis({ ...props }: {
+        [x: string]: any;
+    }): import("react/jsx-runtime").JSX.Element;
     function Facebook({ ...props }: {
         [x: string]: any;
     }): import("react/jsx-runtime").JSX.Element;
@@ -813,9 +819,11 @@ import { default as Dislike } from "./Dislike";
 import { default as DislikeLg } from "./DislikeLg";
 import { default as Document } from "./Document";
 import { default as Download } from "./Download";
+import { default as DownloadMini } from "./DownloadMini";
 import { default as Dublearrrowrightbig } from "./Dublearrrowrightbig";
 import { default as Edit } from "./Edit";
 import { default as EditSquare } from "./EditSquare";
+import { default as ElSatis } from "./ElSatis";
 import { default as Facebook } from "./Facebook";
 import { default as Filter } from "./Filter";
 import { default as Filter2 } from "./Filter2";
@@ -972,4 +980,4 @@ import { default as UserPlus } from "./UserPlus";
 import { default as Wphk } from "./Wphk";
 import { default as Youtubehk } from "./Youtubehk";
 import { default as Youtubewithfooter } from "./Youtubewithfooter";
-export { Activity, Announcement, ArrowDown, ArrowDownAnimate, ArrowDownBig, ArrowDownCircle, ArrowDownSquare, ArrowGoSmall, ArrowLeft, ArrowLeftAnimate, ArrowLeftBig, ArrowLeftCircle, ArrowLeftSquare, ArrowRight, ArrowRightAnimate, ArrowRightBig, ArrowRightCircle, ArrowRightSquare, ArrowShare, ArrowSharemini, ArrowSmallDown, ArrowSmallDownStroke, ArrowSmallLeft, ArrowSmallLeftStroke, ArrowSmallRight, ArrowSmallRightBackground, ArrowSmallRightStroke, ArrowSmallUp, ArrowUp, ArrowUpAnimate, ArrowUpBig, ArrowUpCircle, ArrowUpSquare, AskedQuestions, Baby, BackCargo2, BackCargosmall, Backcargo, Bag2, Bag, BagStar, Bookmark, Box, Buy, BuyXl, Calendar, CalenderArrowleftsmall, Calenderarrowrightsmall, Call, CallMissed, CallSilent, Calling, Camera, Campaign, CampaignColorful, CarbonNautral, Cargo, Cargo2, Category, Chart, Chat, CheckMark, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Completed, Copy, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, Dublearrrowrightbig, Edit, EditSquare, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, Game, Gift, Graph, Heart, HeartLg, Hide, Home, House, Image, InfoCircle, InfoSquare, InfoSquareSmall, Instagram, InstagramNegative, Instagramwithfooter, Keyboard, KeyboardClose, Language2, Laptop, Like, LikeV1, Likesmall, Link, LinkSm, LinkedIn, Loading, LoadingDefault, Loadingsmall, Location, Lock, Login, Logout, MasterCard, Message, Minus, Money, MoreCircle, MoreSquare, NegativeBig, NegativeSmall, Notification, NotificationBigwith16, NotificationBigwith24, NotificationSmallwith16, NotificationSmallwith24, Operation, OrderProgressIcons, Paper, PaperDownload, PaperFail, PaperNegative, PaperPlus, PaperUpload, Password, Pause, PlusBig, PlusCircle, PlusSmall, PlusSquare, PriceTag, Profile, RadioButtonElementChecked, RadioButtonElementDisabled, RadioButtonElementInvalid, RadioButtonElementUnchecked, Rectangle, Sandwatch, Scan, Search, Searchsmall, Security, Send, Setting, SettingCircle, ShieldDone, ShieldFail, Show, ShufflePlay, SignLanguage, Star, StarCircle, Starfull, StarfullSmall, StarfullXSmall, Swap, SwitchPassive, Tamamlarsin, Tick, TickSquare, TicketStar, Ticket, TimeCircle, TimeSquare, Trash, Twitter, TwitterFilled, Twitterhk, Twitterwithfooter, Unlock, Upload, User2, User3, Valentine, Video, Visa, Voice, Voice2, VolumeDown, VolumeOff, VolumeOffSm, VolumeUp, VolumeUpSm, Wallet, Wallet2, Watch, WaveArrowDown, WaveArrowUp, Whatsapp, Work, Wp, Wpfooter, Youtube, CircleFilled, Clab1, ClabFilled, ClabHands, Dislikesmall, Dublearrowleftbig, Facebookhk, Facebookwithfooter, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, TextLoading, Tiktok, UserPlus, Wphk, Youtubehk, Youtubewithfooter };
+export { Activity, Announcement, ArrowDown, ArrowDownAnimate, ArrowDownBig, ArrowDownCircle, ArrowDownSquare, ArrowGoSmall, ArrowLeft, ArrowLeftAnimate, ArrowLeftBig, ArrowLeftCircle, ArrowLeftSquare, ArrowRight, ArrowRightAnimate, ArrowRightBig, ArrowRightCircle, ArrowRightSquare, ArrowShare, ArrowSharemini, ArrowSmallDown, ArrowSmallDownStroke, ArrowSmallLeft, ArrowSmallLeftStroke, ArrowSmallRight, ArrowSmallRightBackground, ArrowSmallRightStroke, ArrowSmallUp, ArrowUp, ArrowUpAnimate, ArrowUpBig, ArrowUpCircle, ArrowUpSquare, AskedQuestions, Baby, BackCargo2, BackCargosmall, Backcargo, Bag2, Bag, BagStar, Bookmark, Box, Buy, BuyXl, Calendar, CalenderArrowleftsmall, Calenderarrowrightsmall, Call, CallMissed, CallSilent, Calling, Camera, Campaign, CampaignColorful, CarbonNautral, Cargo, Cargo2, Category, Chart, Chat, CheckMark, CheckboxElementChecked, CheckboxElementDisabled, CheckboxElementInvalid, CheckboxElementUncheck, CihazTeslimAlindi, ClickOnclick, CloseMedium, CloseSmall, CloseSquare, Closebig, Completed, Copy, Danger, DarkBadge, Delete, DeleteSmall, Discount, Discovery, Dislike, DislikeLg, Document, Download, DownloadMini, Dublearrrowrightbig, Edit, EditSquare, ElSatis, Facebook, Filter, Filter2, FilterDown, FilterSmall, FilterUp, Flash, Folder, Game, Gift, Graph, Heart, HeartLg, Hide, Home, House, Image, InfoCircle, InfoSquare, InfoSquareSmall, Instagram, InstagramNegative, Instagramwithfooter, Keyboard, KeyboardClose, Language2, Laptop, Like, LikeV1, Likesmall, Link, LinkSm, LinkedIn, Loading, LoadingDefault, Loadingsmall, Location, Lock, Login, Logout, MasterCard, Message, Minus, Money, MoreCircle, MoreSquare, NegativeBig, NegativeSmall, Notification, NotificationBigwith16, NotificationBigwith24, NotificationSmallwith16, NotificationSmallwith24, Operation, OrderProgressIcons, Paper, PaperDownload, PaperFail, PaperNegative, PaperPlus, PaperUpload, Password, Pause, PlusBig, PlusCircle, PlusSmall, PlusSquare, PriceTag, Profile, RadioButtonElementChecked, RadioButtonElementDisabled, RadioButtonElementInvalid, RadioButtonElementUnchecked, Rectangle, Sandwatch, Scan, Search, Searchsmall, Security, Send, Setting, SettingCircle, ShieldDone, ShieldFail, Show, ShufflePlay, SignLanguage, Star, StarCircle, Starfull, StarfullSmall, StarfullXSmall, Swap, SwitchPassive, Tamamlarsin, Tick, TickSquare, TicketStar, Ticket, TimeCircle, TimeSquare, Trash, Twitter, TwitterFilled, Twitterhk, Twitterwithfooter, Unlock, Upload, User2, User3, Valentine, Video, Visa, Voice, Voice2, VolumeDown, VolumeOff, VolumeOffSm, VolumeUp, VolumeUpSm, Wallet, Wallet2, Watch, WaveArrowDown, WaveArrowUp, Whatsapp, Work, Wp, Wpfooter, Youtube, CircleFilled, Clab1, ClabFilled, ClabHands, Dislikesmall, Dublearrowleftbig, Facebookhk, Facebookwithfooter, Grid, Instagramhk, Konfeti, Konfeti2, Linkedinhk, Linkedinwithfooter, List, Live, More, NewYear, Play, RotateRight, TextLoading, Tiktok, UserPlus, Wphk, Youtubehk, Youtubewithfooter };

package/dist/components/Icon/iconList/index.js

@@ -26,10 +26,10 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 };
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.CallMissed = exports.Call = exports.Calenderarrowrightsmall = exports.CalenderArrowleftsmall = exports.Calendar = exports.BuyXl = exports.Buy = exports.Box = exports.Bookmark = exports.BagStar = exports.Bag = exports.Bag2 = exports.Backcargo = exports.BackCargosmall = exports.BackCargo2 = exports.Baby = exports.AskedQuestions = exports.ArrowUpSquare = exports.ArrowUpCircle = exports.ArrowUpBig = exports.ArrowUpAnimate = exports.ArrowUp = exports.ArrowSmallUp = exports.ArrowSmallRightStroke = exports.ArrowSmallRightBackground = exports.ArrowSmallRight = exports.ArrowSmallLeftStroke = exports.ArrowSmallLeft = exports.ArrowSmallDownStroke = exports.ArrowSmallDown = exports.ArrowSharemini = exports.ArrowShare = exports.ArrowRightSquare = exports.ArrowRightCircle = exports.ArrowRightBig = exports.ArrowRightAnimate = exports.ArrowRight = exports.ArrowLeftSquare = exports.ArrowLeftCircle = exports.ArrowLeftBig = exports.ArrowLeftAnimate = exports.ArrowLeft = exports.ArrowGoSmall = exports.ArrowDownSquare = exports.ArrowDownCircle = exports.ArrowDownBig = exports.ArrowDownAnimate = exports.ArrowDown = exports.Announcement = exports.Activity = void 0;
-exports.HeartLg = exports.Heart = exports.Graph = exports.Gift = exports.Game = exports.Folder = exports.Flash = exports.FilterUp = exports.FilterSmall = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.EditSquare = exports.Edit = exports.Dublearrrowrightbig = exports.Download = exports.Document = exports.DislikeLg = exports.Dislike = exports.Discovery = exports.Discount = exports.DeleteSmall = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.Completed = exports.Closebig = exports.CloseSquare = exports.CloseSmall = exports.CloseMedium = exports.ClickOnclick = exports.CihazTeslimAlindi = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.CarbonNautral = exports.CampaignColorful = exports.Campaign = exports.Camera = exports.Calling = exports.CallSilent = void 0;
-exports.Pause = exports.Password = exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.Operation = exports.NotificationSmallwith24 = exports.NotificationSmallwith16 = exports.NotificationBigwith24 = exports.NotificationBigwith16 = exports.Notification = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.Money = exports.Minus = exports.Message = exports.MasterCard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loadingsmall = exports.LoadingDefault = exports.Loading = exports.LinkedIn = exports.LinkSm = exports.Link = exports.Likesmall = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.Instagramwithfooter = exports.InstagramNegative = exports.Instagram = exports.InfoSquareSmall = exports.InfoSquare = exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = void 0;
-exports.Visa = exports.Video = exports.Valentine = exports.User3 = exports.User2 = exports.Upload = exports.Unlock = exports.Twitterwithfooter = exports.Twitterhk = exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.Ticket = exports.TicketStar = exports.TickSquare = exports.Tick = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.StarfullXSmall = exports.StarfullSmall = exports.Starfull = exports.StarCircle = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.SettingCircle = exports.Setting = exports.Send = exports.Security = exports.Searchsmall = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.PriceTag = exports.PlusSquare = exports.PlusSmall = exports.PlusCircle = exports.PlusBig = void 0;
-exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.RotateRight = exports.Play = exports.NewYear = exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = exports.Facebookwithfooter = exports.Facebookhk = exports.Dublearrowleftbig = exports.Dislikesmall = exports.ClabHands = exports.ClabFilled = exports.Clab1 = exports.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = exports.VolumeUpSm = exports.VolumeUp = exports.VolumeOffSm = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = void 0;
+exports.Graph = exports.Gift = exports.Game = exports.Folder = exports.Flash = exports.FilterUp = exports.FilterSmall = exports.FilterDown = exports.Filter2 = exports.Filter = exports.Facebook = exports.ElSatis = exports.EditSquare = exports.Edit = exports.Dublearrrowrightbig = exports.DownloadMini = exports.Download = exports.Document = exports.DislikeLg = exports.Dislike = exports.Discovery = exports.Discount = exports.DeleteSmall = exports.Delete = exports.DarkBadge = exports.Danger = exports.Copy = exports.Completed = exports.Closebig = exports.CloseSquare = exports.CloseSmall = exports.CloseMedium = exports.ClickOnclick = exports.CihazTeslimAlindi = exports.CheckboxElementUncheck = exports.CheckboxElementInvalid = exports.CheckboxElementDisabled = exports.CheckboxElementChecked = exports.CheckMark = exports.Chat = exports.Chart = exports.Category = exports.Cargo2 = exports.Cargo = exports.CarbonNautral = exports.CampaignColorful = exports.Campaign = exports.Camera = exports.Calling = exports.CallSilent = void 0;
+exports.PaperUpload = exports.PaperPlus = exports.PaperNegative = exports.PaperFail = exports.PaperDownload = exports.Paper = exports.OrderProgressIcons = exports.Operation = exports.NotificationSmallwith24 = exports.NotificationSmallwith16 = exports.NotificationBigwith24 = exports.NotificationBigwith16 = exports.Notification = exports.NegativeSmall = exports.NegativeBig = exports.MoreSquare = exports.MoreCircle = exports.Money = exports.Minus = exports.Message = exports.MasterCard = exports.Logout = exports.Login = exports.Lock = exports.Location = exports.Loadingsmall = exports.LoadingDefault = exports.Loading = exports.LinkedIn = exports.LinkSm = exports.Link = exports.Likesmall = exports.LikeV1 = exports.Like = exports.Laptop = exports.Language2 = exports.KeyboardClose = exports.Keyboard = exports.Instagramwithfooter = exports.InstagramNegative = exports.Instagram = exports.InfoSquareSmall = exports.InfoSquare = exports.InfoCircle = exports.Image = exports.House = exports.Home = exports.Hide = exports.HeartLg = exports.Heart = void 0;
+exports.Valentine = exports.User3 = exports.User2 = exports.Upload = exports.Unlock = exports.Twitterwithfooter = exports.Twitterhk = exports.TwitterFilled = exports.Twitter = exports.Trash = exports.TimeSquare = exports.TimeCircle = exports.Ticket = exports.TicketStar = exports.TickSquare = exports.Tick = exports.Tamamlarsin = exports.SwitchPassive = exports.Swap = exports.StarfullXSmall = exports.StarfullSmall = exports.Starfull = exports.StarCircle = exports.Star = exports.SignLanguage = exports.ShufflePlay = exports.Show = exports.ShieldFail = exports.ShieldDone = exports.SettingCircle = exports.Setting = exports.Send = exports.Security = exports.Searchsmall = exports.Search = exports.Scan = exports.Sandwatch = exports.Rectangle = exports.RadioButtonElementUnchecked = exports.RadioButtonElementInvalid = exports.RadioButtonElementDisabled = exports.RadioButtonElementChecked = exports.Profile = exports.PriceTag = exports.PlusSquare = exports.PlusSmall = exports.PlusCircle = exports.PlusBig = exports.Pause = exports.Password = void 0;
+exports.iconList = exports.Youtubewithfooter = exports.Youtubehk = exports.Wphk = exports.UserPlus = exports.Tiktok = exports.TextLoading = exports.RotateRight = exports.Play = exports.NewYear = exports.More = exports.Live = exports.List = exports.Linkedinwithfooter = exports.Linkedinhk = exports.Konfeti2 = exports.Konfeti = exports.Instagramhk = exports.Grid = exports.Facebookwithfooter = exports.Facebookhk = exports.Dublearrowleftbig = exports.Dislikesmall = exports.ClabHands = exports.ClabFilled = exports.Clab1 = exports.CircleFilled = exports.Youtube = exports.Wpfooter = exports.Wp = exports.Work = exports.Whatsapp = exports.WaveArrowUp = exports.WaveArrowDown = exports.Watch = exports.Wallet2 = exports.Wallet = exports.VolumeUpSm = exports.VolumeUp = exports.VolumeOffSm = exports.VolumeOff = exports.VolumeDown = exports.Voice2 = exports.Voice = exports.Visa = exports.Video = void 0;
 var jsx_runtime_1 = require("react/jsx-runtime");
 var Activity_1 = __importDefault(require("./Activity"));
 Object.defineProperty(exports, "Activity", { enumerable: true, get: function () { return Activity_1.default; } });
@@ -199,12 +199,16 @@ var Document_1 = __importDefault(require("./Document"));
 Object.defineProperty(exports, "Document", { enumerable: true, get: function () { return Document_1.default; } });
 var Download_1 = __importDefault(require("./Download"));
 Object.defineProperty(exports, "Download", { enumerable: true, get: function () { return Download_1.default; } });
+var DownloadMini_1 = __importDefault(require("./DownloadMini"));
+Object.defineProperty(exports, "DownloadMini", { enumerable: true, get: function () { return DownloadMini_1.default; } });
 var Dublearrrowrightbig_1 = __importDefault(require("./Dublearrrowrightbig"));
 Object.defineProperty(exports, "Dublearrrowrightbig", { enumerable: true, get: function () { return Dublearrrowrightbig_1.default; } });
 var Edit_1 = __importDefault(require("./Edit"));
 Object.defineProperty(exports, "Edit", { enumerable: true, get: function () { return Edit_1.default; } });
 var EditSquare_1 = __importDefault(require("./EditSquare"));
 Object.defineProperty(exports, "EditSquare", { enumerable: true, get: function () { return EditSquare_1.default; } });
+var ElSatis_1 = __importDefault(require("./ElSatis"));
+Object.defineProperty(exports, "ElSatis", { enumerable: true, get: function () { return ElSatis_1.default; } });
 var Facebook_1 = __importDefault(require("./Facebook"));
 Object.defineProperty(exports, "Facebook", { enumerable: true, get: function () { return Facebook_1.default; } });
 var Filter_1 = __importDefault(require("./Filter"));
@@ -854,6 +858,10 @@ exports.iconList = {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(Download_1.default, __assign({}, props));
     },
+    DownloadMini: function (_a) {
+        var props = __rest(_a, []);
+        return (0, jsx_runtime_1.jsx)(DownloadMini_1.default, __assign({}, props));
+    },
     Dublearrrowrightbig: function (_a) {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(Dublearrrowrightbig_1.default, __assign({}, props));
@@ -866,6 +874,10 @@ exports.iconList = {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(EditSquare_1.default, __assign({}, props));
     },
+    ElSatis: function (_a) {
+        var props = __rest(_a, []);
+        return (0, jsx_runtime_1.jsx)(ElSatis_1.default, __assign({}, props));
+    },
     Facebook: function (_a) {
         var props = __rest(_a, []);
         return (0, jsx_runtime_1.jsx)(Facebook_1.default, __assign({}, props));