krl-alfred 1.6.0 → 1.7.0

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (16) hide show
  1. package/dist/components/Breadcrumbs/Breadcrumbs.js +9 -9
  2. package/dist/components/Breadcrumbs/Breadcrumbs.styled.js +3 -3
  3. package/dist/components/Breadcrumbs/stories/Breadcrumbs.stories.js +1 -0
  4. package/dist/components/CategoryMenu/CategoryMenu.js +10 -5
  5. package/dist/components/Icon/ArrowSmallDown.js +1 -1
  6. package/dist/components/Icon/ArrowSmallUp.js +1 -1
  7. package/dist/components/Icon/Baby.js +1 -1
  8. package/dist/components/Icon/Call.js +1 -1
  9. package/dist/components/Icon/Campaign.js +1 -1
  10. package/dist/components/Icon/Discovery.js +1 -1
  11. package/dist/components/Icon/Game.js +1 -1
  12. package/dist/components/Icon/Heart.js +1 -1
  13. package/dist/components/Icon/House.js +1 -1
  14. package/dist/components/Icon/Laptop.js +1 -1
  15. package/dist/components/Icon/Watch.js +1 -1
  16. package/package.json +1 -1
package/dist/components/Breadcrumbs/Breadcrumbs.js CHANGED
@@ -4,15 +4,15 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
4
4
  };
5
5
  Object.defineProperty(exports, "__esModule", { value: true });
6
6
  var jsx_runtime_1 = require("react/jsx-runtime");
7
- var react_1 = __importDefault(require("react"));
7
+ var react_1 = require("react");
8
8
  var prop_types_1 = __importDefault(require("prop-types"));
9
9
  var Breadcrumbs_styled_1 = require("./Breadcrumbs.styled");
10
10
  var Icon_1 = __importDefault(require("../Icon/Icon"));
11
11
  var refactorColumn_1 = __importDefault(require("./../../utils/refactorColumn"));
12
12
  var Breadcrumbs = function (props) {
13
- var data = props.data, subMenuRowLength = props.subMenuRowLength;
14
- var _a = react_1.default.useState(false), showDropdown = _a[0], setShowDropdown = _a[1];
15
- var breadcrumbSmRef = react_1.default.useRef(null);
13
+ var data = props.data, subMenuRowLength = props.subMenuRowLength, onClickBackIcon = props.onClickBackIcon;
14
+ var _a = (0, react_1.useState)(false), showDropdown = _a[0], setShowDropdown = _a[1];
15
+ var breadcrumbSmRef = (0, react_1.useRef)(null);
16
16
  var getSubData = function () {
17
17
  var _a;
18
18
  // active menu on mobile is fixed to the first place.
@@ -32,29 +32,29 @@ var Breadcrumbs = function (props) {
32
32
  var item = _a.item, children = _a.children;
33
33
  return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", { href: item.slug, children: children }));
34
34
  };
35
- react_1.default.useEffect(function () {
35
+ (0, react_1.useEffect)(function () {
36
36
  if (breadcrumbSmRef && breadcrumbSmRef.current)
37
37
  breadcrumbSmRef.current.scrollLeft = 0;
38
38
  }, [data]);
39
39
  var SubMenu = function (_a) {
40
- var data = _a.data;
40
+ var data = _a.data, item = _a.item;
41
41
  var grid = subMenuRowLength && Math.ceil(data.length / subMenuRowLength);
42
42
  var dataWithColumn = (0, refactorColumn_1.default)(data, subMenuRowLength || 0);
43
43
  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) {
44
44
  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) {
45
- 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 }) }));
45
+ return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubCategoryItemListItem, { isActive: child.isActive, isSeeAll: child.isSeeAll, className: "caption-medium-12-15", onClick: function () { return setShowDropdown(false); }, children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: child, children: child.name }) }));
46
46
  }) }) }));
47
47
  }) }) }));
48
48
  };
49
49
  var SubMenuMobile = function () {
50
50
  var _a;
51
51
  return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, { ref: breadcrumbSmRef, children: (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.map(function (item) {
52
- return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, { isActive: item.isActive, className: "caption-bold-12-15", children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: item, children: item.name }) }));
52
+ return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, { isActive: item.isActive, className: "caption-bold-12-15", children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: item, onClick: function () { return setShowDropdown(false); }, children: item.name }) }));
53
53
  }) }));
54
54
  };
55
55
  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) {
56
56
  var _a;
57
- return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowLeft" }) }), ((_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: "ArrowRight" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { onClick: function () { return setShowDropdown(!showDropdown); }, className: "caption-bold-12-15", children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { stroke: "#9763F6", name: !showDropdown ? "ArrowSmallDown" : "ArrowSmallUp" })] }), showDropdown && (0, jsx_runtime_1.jsx)(SubMenu, { 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: "ArrowRight" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { className: "caption-bold-12-15", children: breadCrumbItem.name })] }))] }, breadCrumbItem.id));
57
+ 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: "ArrowLeft" }) }), ((_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: "ArrowRight" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { onClick: function () { return setShowDropdown(!showDropdown); }, className: "caption-bold-12-15", children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { stroke: "#9763F6", name: !showDropdown ? "ArrowSmallDown" : "ArrowSmallUp" })] }), showDropdown && (0, jsx_runtime_1.jsx)(SubMenu, { item: breadCrumbItem, data: breadCrumbItem.children })] })) : ((0, jsx_runtime_1.jsxs)(ButtonLinkComponent, { item: breadCrumbItem, onClick: function () { return setShowDropdown(false); }, children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowRight" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { className: "caption-bold-12-15", children: breadCrumbItem.name })] }))] }, breadCrumbItem.id));
58
58
  }) }), (0, jsx_runtime_1.jsx)(SubMenuMobile, {})] }));
59
59
  };
60
60
  exports.default = Breadcrumbs;
package/dist/components/Breadcrumbs/Breadcrumbs.styled.js CHANGED
@@ -13,7 +13,7 @@ var devices_1 = require("../../constants/devices");
13
13
  exports.BreadcrumbsWrapper = styled_components_1.default.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display:block;\n a {\n text-decoration: none;\n color: inherit;\n }\n"], ["\n display:block;\n a {\n text-decoration: none;\n color: inherit;\n }\n"])));
14
14
  exports.BreadcrumbsList = styled_components_1.default.ul(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n padding: 0;\n margin:0;\n"], ["\n display: flex;\n align-items: center;\n justify-content: flex-start;\n width: 100%;\n padding: 0;\n margin:0;\n"])));
15
15
  exports.BreadcrumbsListItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n position: relative;\n margin: 0 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n &:not(:nth-last-child(2)) {\n display: none;\n }\n }\n > a {\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: inherit;\n }\n"], ["\n position: relative;\n margin: 0 0;\n padding: 0;\n display: flex;\n align-items: center;\n justify-content: center;\n @media only screen and ", " {\n &:not(:nth-last-child(2)) {\n display: none;\n }\n }\n > a {\n display: flex;\n align-items: center;\n justify-content: center;\n font-family: inherit;\n }\n"])), devices_1.devices.md);
16
- exports.BreadcrumbsListItemInner = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: relative;\n margin: 0;\n display: block;\n color: var(--dark-opacity-50);\n"], ["\n position: relative;\n margin: 0;\n display: block;\n color: var(--dark-opacity-50);\n"])));
16
+ exports.BreadcrumbsListItemInner = styled_components_1.default.span(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n position: relative;\n margin: 0;\n display: block;\n color: var(--dark-opacity-50);\n max-width: 150px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"], ["\n position: relative;\n margin: 0;\n display: block;\n color: var(--dark-opacity-50);\n max-width: 150px;\n white-space: nowrap;\n overflow: hidden;\n text-overflow: ellipsis;\n"])));
17
17
  exports.BreadcrumbsListItemIconWrapper = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n display: block;\n margin-left: 16px;\n margin-right: 16px;\n\n @media only screen and ", " {\n display: none;\n }\n svg {\n display: block;\n }\n"], ["\n display: block;\n margin-left: 16px;\n margin-right: 16px;\n\n @media only screen and ", " {\n display: none;\n }\n svg {\n display: block;\n }\n"])), devices_1.devices.md);
18
18
  exports.BreadcrumbsListItemBackIconWrapper = styled_components_1.default.span(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n display: block;\n margin-left: 0;\n margin-right: 16px;\n display: none;\n @media only screen and ", " {\n display: block;\n }\n svg {\n display: block;\n }\n"], ["\n display: block;\n margin-left: 0;\n margin-right: 16px;\n display: none;\n @media only screen and ", " {\n display: block;\n }\n svg {\n display: block;\n }\n"])), devices_1.devices.md);
19
19
  exports.BreadcrumbsListDropdownWrapper = styled_components_1.default.div(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n position: relative;\n"])));
@@ -23,6 +23,6 @@ exports.SubCategoryItem = styled_components_1.default.li(templateObject_10 || (t
23
23
  exports.SubCategoryItemList = styled_components_1.default.ul(templateObject_11 || (templateObject_11 = __makeTemplateObject(["\n display: grid;\n padding: 0;\n gap: 4px 0;\n"], ["\n display: grid;\n padding: 0;\n gap: 4px 0;\n"])));
24
24
  exports.SubCategoryItemListItem = styled_components_1.default.li(templateObject_12 || (templateObject_12 = __makeTemplateObject(["\n display: block;\n padding: 0;\n > a {\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n display: block;\n ", "\n background-color : var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 700;\n ", "\n ", "\n }\n"], ["\n display: block;\n padding: 0;\n > a {\n text-decoration: none;\n color: var(--dark);\n padding: 8px;\n border-radius: 5px;\n display: block;\n ", "\n background-color : var(--primary-opacity-10);\n color: var(--primary);\n font-weight: 700;\n ", "\n ", "\n }\n"])), function (props) { return (props.isActive ? "" : "&:hover{"); }, function (props) { return (props.isActive ? "" : "}"); }, function (props) { return (props.isSeeAll ? "font-weight: 700;" : ""); });
25
25
  exports.BreadcrumbsListDropdownListItem = styled_components_1.default.li(templateObject_13 || (templateObject_13 = __makeTemplateObject([""], [""])));
26
- exports.SubMenuMobileWrapper = styled_components_1.default.ul(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n position: relative;\n overflow: auto;\n padding: 0;\n white-space: nowrap;\n gap: 8px;\n width: 100%;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding-bottom: 30px;\n margin-bottom: 0;\n margin-top: 24px;\n display: none;\n &::-webkit-scrollbar {\n display: none;\n }\n @media only screen and ", " {\n display: flex;\n }\n"], ["\n display: flex;\n position: relative;\n overflow: auto;\n padding: 0;\n white-space: nowrap;\n gap: 8px;\n width: 100%;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding-bottom: 30px;\n margin-bottom: 0;\n margin-top: 24px;\n display: none;\n &::-webkit-scrollbar {\n display: none;\n }\n @media only screen and ", " {\n display: flex;\n }\n"])), devices_1.devices.md);
27
- exports.SubMenuMobileItem = styled_components_1.default.li(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n a {\n display: block;\n padding: 10px 24px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0px 6px 30px #eae9f0;\n border-radius: 4px;\n text-align: center;\n color: ", ";\n }\n"], ["\n display: block;\n a {\n display: block;\n padding: 10px 24px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0px 6px 30px #eae9f0;\n border-radius: 4px;\n text-align: center;\n color: ", ";\n }\n"])), function (props) { return (props.isActive ? "var(--primary)" : "var(--grey-10)"); }, function (props) { return (props.isActive ? "var(--primary)" : "var(--dark-opacity-75)"); });
26
+ exports.SubMenuMobileWrapper = styled_components_1.default.ul(templateObject_14 || (templateObject_14 = __makeTemplateObject(["\n display: flex;\n position: relative;\n overflow: auto;\n padding: 0;\n white-space: nowrap;\n gap: 8px;\n width: 100%;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 24px 0 30px 0;\n margin-bottom: 0;\n display: none;\n margin-top:0;\n &::-webkit-scrollbar {\n display: none;\n }\n @media only screen and ", " {\n display: flex;\n }\n"], ["\n display: flex;\n position: relative;\n overflow: auto;\n padding: 0;\n white-space: nowrap;\n gap: 8px;\n width: 100%;\n scroll-snap-type: x proximity;\n -webkit-overflow-scrolling: touch;\n scrollbar-width: none;\n overflow-x: scroll;\n padding: 24px 0 30px 0;\n margin-bottom: 0;\n display: none;\n margin-top:0;\n &::-webkit-scrollbar {\n display: none;\n }\n @media only screen and ", " {\n display: flex;\n }\n"])), devices_1.devices.md);
27
+ exports.SubMenuMobileItem = styled_components_1.default.li(templateObject_15 || (templateObject_15 = __makeTemplateObject(["\n display: block;\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0px 6px 30px #eae9f0;\n border-radius: 4px;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"], ["\n display: block;\n a {\n display: block;\n padding: 0 24px;\n height:40px;\n line-height:38px;\n background: #ffffff;\n border: 1px solid ", ";\n box-shadow: 0px 6px 30px #eae9f0;\n border-radius: 4px;\n text-align: center;\n box-sizing:border-box;\n color: ", ";\n }\n"])), function (props) { return (props.isActive ? "var(--primary)" : "var(--grey-10)"); }, function (props) { return (props.isActive ? "var(--primary)" : "var(--dark-opacity-75)"); });
28
28
  var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8, templateObject_9, templateObject_10, templateObject_11, templateObject_12, templateObject_13, templateObject_14, templateObject_15;
package/dist/components/Breadcrumbs/stories/Breadcrumbs.stories.js CHANGED
@@ -13,6 +13,7 @@ exports.default = {
13
13
  argTypes: {
14
14
  subMenuRowLength: { control: "number" },
15
15
  data: { control: "disabled" },
16
+ onClickBackIcon: { control: "disabled" },
16
17
  },
17
18
  };
18
19
  exports.Default = {
package/dist/components/CategoryMenu/CategoryMenu.js CHANGED
@@ -26,6 +26,7 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
26
26
  };
27
27
  Object.defineProperty(exports, "__esModule", { value: true });
28
28
  var jsx_runtime_1 = require("react/jsx-runtime");
29
+ var react_1 = require("react");
29
30
  var prop_types_1 = __importDefault(require("prop-types"));
30
31
  var CategoryMenu_styled_1 = require("./CategoryMenu.styled");
31
32
  var refactorColumn_1 = __importDefault(require("./../../utils/refactorColumn"));
@@ -38,18 +39,22 @@ var CategoryMenu = function (props) {
38
39
  };
39
40
  var MenuButton = function (_a) {
40
41
  var item = __rest(_a, []);
41
- 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] }));
42
+ var _b = (0, react_1.useState)("#474C6D"), menuIconColor = _b[0], setMenuIconColor = _b[1];
43
+ return ((0, jsx_runtime_1.jsxs)(CategoryMenu_styled_1.CategoryItem, { isActiveCategory: item.isActive, onMouseEnter: function () { return setMenuIconColor("#0A103D"); }, onMouseLeave: function () { return setMenuIconColor("#474C6D"); }, 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, stroke: menuIconColor }) }), (0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryItemButtonTitle, { className: "caption-semi-bold-12-15", children: item.name })] }) }), item.children] }));
42
44
  };
43
45
  var CategorySubMenu = function (_a) {
44
- var data = _a.data;
45
- var grid = subMenuRowLength && Math.ceil(data.length / subMenuRowLength);
46
- var dataWithColumn = (0, refactorColumn_1.default)(data, subMenuRowLength || 0);
46
+ var item = _a.item, children = _a.children;
47
+ var rowLength = subMenuRowLength;
48
+ if (item.subMenuRowLength)
49
+ rowLength = item.subMenuRowLength;
50
+ var grid = rowLength && Math.ceil(children.length / rowLength);
51
+ var dataWithColumn = (0, refactorColumn_1.default)(children, rowLength || 0);
47
52
  return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.SubMenu, { gridTemplateColumns: grid, children: dataWithColumn.map(function (item, key) {
48
53
  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));
49
54
  }) }));
50
55
  };
51
56
  return ((0, jsx_runtime_1.jsx)(CategoryMenu_styled_1.CategoryMenuWrapper, { children: data === null || data === void 0 ? void 0 : data.map(function (item) {
52
- return ((0, jsx_runtime_1.jsx)(MenuButton, __assign({}, item, { children: item.children.length > 0 && ((0, jsx_runtime_1.jsx)(CategorySubMenu, { data: item.children })) }), item.id));
57
+ 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));
53
58
  }) }));
54
59
  };
55
60
  exports.default = CategoryMenu;
package/dist/components/Icon/ArrowSmallDown.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgArrowSmallDown = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M16 10L12 14L8 10", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
39
+ var SvgArrowSmallDown = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M10.668 6.66797L8.0013 9.33464L5.33464 6.66797", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
40
40
  exports.default = SvgArrowSmallDown;
package/dist/components/Icon/ArrowSmallUp.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgArrowSmallUp = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.33203 9.33203L7.9987 6.66536L10.6654 9.33203", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
39
+ var SvgArrowSmallUp = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 16, height: 16, viewBox: "0 0 16 16", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M5.33398 9.33594L8.00065 6.66927L10.6673 9.33594", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
40
40
  exports.default = SvgArrowSmallUp;
package/dist/components/Icon/Baby.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgBaby = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M9 12H9.01M15 12H15.01", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.0005 6.3C19.9065 7.43567 20.524 8.77378 20.8005 10.2C21.1386 10.3638 21.4238 10.6195 21.6233 10.9378C21.8229 11.2562 21.9287 11.6243 21.9287 12C21.9287 12.3757 21.8229 12.7438 21.6233 13.0622C21.4238 13.3805 21.1386 13.6362 20.8005 13.8C20.3688 15.8135 19.2597 17.618 17.6582 18.9125C16.0567 20.207 14.0597 20.9132 12.0005 20.9132C9.94124 20.9132 7.94428 20.207 6.3428 18.9125C4.74132 17.618 3.63219 15.8135 3.20049 13.8C2.86234 13.6362 2.57717 13.3805 2.37763 13.0622C2.1781 12.7438 2.07227 12.3757 2.07227 12C2.07227 11.6243 2.1781 11.2562 2.37763 10.9378C2.57717 10.6195 2.86234 10.3638 3.20049 10.2C3.61475 8.1705 4.71638 6.34602 6.31951 5.03437C7.92264 3.72271 9.92915 3.00418 12.0005 3C14.0005 3 15.5005 4.1 15.5005 5.5C15.5005 6.9 14.6005 8 13.5005 8C12.7005 8 12.0005 7.6 12.0005 7", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 15V15C10.6846 16.643 12.9532 16.7944 13.8501 15.257L14 15", stroke: "#474C6D", strokeWidth: 1.5, strokeLinecap: "round" })] }))); };
39
+ var SvgBaby = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M9 12H9.01M15 12H15.01", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M19.0005 6.3C19.9065 7.43567 20.524 8.77378 20.8005 10.2C21.1386 10.3638 21.4238 10.6195 21.6233 10.9378C21.8229 11.2562 21.9287 11.6243 21.9287 12C21.9287 12.3757 21.8229 12.7438 21.6233 13.0622C21.4238 13.3805 21.1386 13.6362 20.8005 13.8C20.3688 15.8135 19.2597 17.618 17.6582 18.9125C16.0567 20.207 14.0597 20.9132 12.0005 20.9132C9.94124 20.9132 7.94428 20.207 6.3428 18.9125C4.74132 17.618 3.63219 15.8135 3.20049 13.8C2.86234 13.6362 2.57717 13.3805 2.37763 13.0622C2.1781 12.7438 2.07227 12.3757 2.07227 12C2.07227 11.6243 2.1781 11.2562 2.37763 10.9378C2.57717 10.6195 2.86234 10.3638 3.20049 10.2C3.61475 8.1705 4.71638 6.34602 6.31951 5.03437C7.92264 3.72271 9.92915 3.00418 12.0005 3C14.0005 3 15.5005 4.1 15.5005 5.5C15.5005 6.9 14.6005 8 13.5005 8C12.7005 8 12.0005 7.6 12.0005 7", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10 15V15C10.6846 16.643 12.9532 16.7944 13.8501 15.257L14 15", stroke: props.stroke, strokeWidth: 1.5, strokeLinecap: "round" })] }))); };
40
40
  exports.default = SvgBaby;
package/dist/components/Icon/Call.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgCall = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.99033 4.87254C3.30665 4.34878 5.0495 2.44376 6.29322 2.50127C6.665 2.53208 6.99364 2.75699 7.26067 3.01784C7.87379 3.61656 9.62897 5.88101 9.72859 6.35753C9.97096 7.52621 8.57833 8.1999 9.00454 9.37783C10.0911 12.0366 11.9634 13.9088 14.6233 14.9943C15.8003 15.4205 16.474 14.0279 17.6428 14.2713C18.1183 14.3709 20.3839 16.126 20.9826 16.7391C21.2425 17.0051 21.4684 17.3347 21.4992 17.7065C21.5454 19.0159 19.5222 20.7833 19.1278 21.0092C18.1974 21.6747 16.9834 21.6634 15.5035 20.9753C11.3739 19.2572 4.77426 12.7822 3.02422 8.49669C2.35461 7.02505 2.30839 5.80297 2.99033 4.87254Z", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
39
+ var SvgCall = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M2.99033 4.87254C3.30665 4.34878 5.0495 2.44376 6.29322 2.50127C6.665 2.53208 6.99364 2.75699 7.26067 3.01784C7.87379 3.61656 9.62897 5.88101 9.72859 6.35753C9.97096 7.52621 8.57833 8.1999 9.00454 9.37783C10.0911 12.0366 11.9634 13.9088 14.6233 14.9943C15.8003 15.4205 16.474 14.0279 17.6428 14.2713C18.1183 14.3709 20.3839 16.126 20.9826 16.7391C21.2425 17.0051 21.4684 17.3347 21.4992 17.7065C21.5454 19.0159 19.5222 20.7833 19.1278 21.0092C18.1974 21.6747 16.9834 21.6634 15.5035 20.9753C11.3739 19.2572 4.77426 12.7822 3.02422 8.49669C2.35461 7.02505 2.30839 5.80297 2.99033 4.87254Z", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
40
40
  exports.default = SvgCall;
package/dist/components/Icon/Campaign.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgCampaign = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8.58605 13.2871L14.5705 15.8116C14.9313 16.0356 15.4672 16.2068 15.8479 16.1999C16.6506 16.2172 17.3944 15.7883 17.6788 15.087C17.8575 14.595 17.881 14.1194 17.9609 13.6361C18.0226 13.2721 18.0604 13.0226 18.0823 12.0003M8.58605 13.2871V5.91306M8.58605 13.2871H7.46884M8.58605 5.91306H5.20251C4.07317 5.91306 3.31048 6.55379 3.15653 7.36659C2.95793 8.54342 2.93795 10.6273 3.15653 11.7808C3.31048 12.7181 4.07317 13.2871 5.20251 13.2871H7.46884M8.58605 5.91306L14.4835 3.43284C14.8443 3.20716 15.4672 2.99445 15.8479 3.0005C16.6506 2.98321 17.3944 3.41296 17.6788 4.11335C17.8375 4.56125 17.881 5.08179 17.9609 5.56515C17.996 5.77221 17.9386 6.13638 17.9609 6.6001M7.46884 13.2871L9.70326 21H6.35163L4.11721 13.0661M17.9609 6.6001C18.0209 7.85219 18.1161 10.43 18.0823 12.0003M17.9609 6.6001C21.9926 6.6001 21.9926 12.0003 18.0823 12.0003", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
39
+ var SvgCampaign = function (props) { return ((0, jsx_runtime_1.jsx)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: (0, jsx_runtime_1.jsx)("path", { d: "M8.58605 13.2871L14.5705 15.8116C14.9313 16.0356 15.4672 16.2068 15.8479 16.1999C16.6506 16.2172 17.3944 15.7883 17.6788 15.087C17.8575 14.595 17.881 14.1194 17.9609 13.6361C18.0226 13.2721 18.0604 13.0226 18.0823 12.0003M8.58605 13.2871V5.91306M8.58605 13.2871H7.46884M8.58605 5.91306H5.20251C4.07317 5.91306 3.31048 6.55379 3.15653 7.36659C2.95793 8.54342 2.93795 10.6273 3.15653 11.7808C3.31048 12.7181 4.07317 13.2871 5.20251 13.2871H7.46884M8.58605 5.91306L14.4835 3.43284C14.8443 3.20716 15.4672 2.99445 15.8479 3.0005C16.6506 2.98321 17.3944 3.41296 17.6788 4.11335C17.8375 4.56125 17.881 5.08179 17.9609 5.56515C17.996 5.77221 17.9386 6.13638 17.9609 6.6001M7.46884 13.2871L9.70326 21H6.35163L4.11721 13.0661M17.9609 6.6001C18.0209 7.85219 18.1161 10.43 18.0823 12.0003M17.9609 6.6001C21.9926 6.6001 21.9926 12.0003 18.0823 12.0003", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }) }))); };
40
40
  exports.default = SvgCampaign;
package/dist/components/Icon/Discovery.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgDiscovery = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.27051 14.9515L9.86319 9.86221L14.9524 8.26953L13.3598 13.3588L8.27051 14.9515Z", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: 11.611, cy: 11.611, r: 9.61098, stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
39
+ var SvgDiscovery = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M8.27051 14.9515L9.86319 9.86221L14.9524 8.26953L13.3598 13.3588L8.27051 14.9515Z", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("circle", { cx: 11.611, cy: 11.611, r: 9.61098, stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
40
40
  exports.default = SvgDiscovery;
package/dist/components/Icon/Game.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgGame = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M8.84819 12.3125V16.0575", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.7586 14.1872H6.9375", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.3665 12.4294H15.2595", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M17.179 16.0036H17.072", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.07227 2C8.07227 2.74048 8.68475 3.34076 9.44029 3.34076H10.4968C11.6624 3.34492 12.6065 4.27026 12.6118 5.41266V6.08771", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.4283 21.9642C13.4231 22.0151 10.473 22.013 7.57275 21.9642C4.3535 21.9642 2 19.668 2 16.5129V11.8633C2 8.70822 4.3535 6.412 7.57275 6.412C10.4889 6.36215 13.4411 6.36319 16.4283 6.412C19.6476 6.412 22 8.70926 22 11.8633V16.5129C22 19.668 19.6476 21.9642 16.4283 21.9642Z", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
39
+ var SvgGame = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M8.84819 12.3125V16.0575", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M10.7586 14.1872H6.9375", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M15.3665 12.4294H15.2595", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M17.179 16.0036H17.072", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.07227 2C8.07227 2.74048 8.68475 3.34076 9.44029 3.34076H10.4968C11.6624 3.34492 12.6065 4.27026 12.6118 5.41266V6.08771", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M16.4283 21.9642C13.4231 22.0151 10.473 22.013 7.57275 21.9642C4.3535 21.9642 2 19.668 2 16.5129V11.8633C2 8.70822 4.3535 6.412 7.57275 6.412C10.4889 6.36215 13.4411 6.36319 16.4283 6.412C19.6476 6.412 22 8.70926 22 11.8633V16.5129C22 19.668 19.6476 21.9642 16.4283 21.9642Z", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
40
40
  exports.default = SvgGame;
package/dist/components/Icon/Heart.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgHeart = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.261 21.8538C10.0904 20.5179 8.07111 18.9456 6.23929 17.1652C4.95144 15.8829 3.97101 14.3198 3.3731 12.5954C2.29714 9.25031 3.55393 5.42083 7.07112 4.28752C8.91961 3.69243 10.9384 4.03255 12.4961 5.20148C14.0543 4.03398 16.0725 3.69398 17.9211 4.28752C21.4383 5.42083 22.7041 9.25031 21.6281 12.5954C21.0302 14.3198 20.0498 15.8829 18.7619 17.1652C16.9301 18.9456 14.9108 20.5179 12.7402 21.8538L12.5051 22L12.261 21.8538Z", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.2393 8.05469C17.3046 8.39499 18.0615 9.35139 18.1561 10.4767", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
39
+ var SvgHeart = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { fillRule: "evenodd", clipRule: "evenodd", d: "M12.261 21.8538C10.0904 20.5179 8.07111 18.9456 6.23929 17.1652C4.95144 15.8829 3.97101 14.3198 3.3731 12.5954C2.29714 9.25031 3.55393 5.42083 7.07112 4.28752C8.91961 3.69243 10.9384 4.03255 12.4961 5.20148C14.0543 4.03398 16.0725 3.69398 17.9211 4.28752C21.4383 5.42083 22.7041 9.25031 21.6281 12.5954C21.0302 14.3198 20.0498 15.8829 18.7619 17.1652C16.9301 18.9456 14.9108 20.5179 12.7402 21.8538L12.5051 22L12.261 21.8538Z", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M16.2393 8.05469C17.3046 8.39499 18.0615 9.35139 18.1561 10.4767", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round", strokeLinejoin: "round" })] }))); };
40
40
  exports.default = SvgHeart;
package/dist/components/Icon/House.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgHouse = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M3 22V11.6636C3 11.1263 3.21619 10.6116 3.59986 10.2354L12 2", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M21 22V11.6636C21 11.1263 20.7838 10.6116 20.4001 10.2354L12 2", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 22L23 22", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 21.3V16C9 15.4477 9.44772 15 10 15H14C14.5523 15 15 15.4477 15 16V22", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round" })] }))); };
39
+ var SvgHouse = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M3 22V11.6636C3 11.1263 3.21619 10.6116 3.59986 10.2354L12 2", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M21 22V11.6636C21 11.1263 20.7838 10.6116 20.4001 10.2354L12 2", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M1 22L23 22", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M9 21.3V16C9 15.4477 9.44772 15 10 15H14C14.5523 15 15 15.4477 15 16V22", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round" })] }))); };
40
40
  exports.default = SvgHouse;
package/dist/components/Icon/Laptop.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgLaptop = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsxs)("g", { clipPath: "url(#clip0_14221_100226)", children: [(0, jsx_runtime_1.jsx)("rect", { width: 24, height: 24, transform: "translate(0.5)" }), (0, jsx_runtime_1.jsx)("path", { d: "M3.41304 16.3636V6C3.41304 4.89543 4.30848 4 5.41305 4H19.587C20.6915 4 21.587 4.89543 21.587 6V16.3636M3.41304 16.3636H21.587M3.41304 16.3636H2.45652V16.3636C1.92825 16.3636 1.5 16.7919 1.5 17.3202V18.5C1.5 19.3284 2.17157 20 3 20H12.5H22C22.8284 20 23.5 19.3284 23.5 18.5V17.8636C23.5 17.0352 22.8284 16.3636 22 16.3636H21.587M10.5 7H14.3913", stroke: "#474C6D", strokeWidth: 2, strokeLinecap: "round" })] }), (0, jsx_runtime_1.jsx)("defs", { children: (0, jsx_runtime_1.jsx)("clipPath", { id: "clip0_14221_100226", children: (0, jsx_runtime_1.jsx)("rect", { width: 24, height: 24, fill: "white", transform: "translate(0.5)" }) }) })] }))); };
39
+ var SvgLaptop = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 25, height: 24, viewBox: "0 0 25 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("g", { children: (0, jsx_runtime_1.jsx)("path", { d: "M3.41304 16.3636V6C3.41304 4.89543 4.30848 4 5.41305 4H19.587C20.6915 4 21.587 4.89543 21.587 6V16.3636M3.41304 16.3636H21.587M3.41304 16.3636H2.45652V16.3636C1.92825 16.3636 1.5 16.7919 1.5 17.3202V18.5C1.5 19.3284 2.17157 20 3 20H12.5H22C22.8284 20 23.5 19.3284 23.5 18.5V17.8636C23.5 17.0352 22.8284 16.3636 22 16.3636H21.587M10.5 7H14.3913", stroke: props.stroke, strokeWidth: 2, strokeLinecap: "round" }) }), (0, jsx_runtime_1.jsx)("defs", {})] }))); };
40
40
  exports.default = SvgLaptop;
package/dist/components/Icon/Watch.js CHANGED
@@ -36,5 +36,5 @@ var __importStar = (this && this.__importStar) || function (mod) {
36
36
  Object.defineProperty(exports, "__esModule", { value: true });
37
37
  var jsx_runtime_1 = require("react/jsx-runtime");
38
38
  var React = __importStar(require("react"));
39
- var SvgWatch = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M15.75 5.25H8.25C6.59315 5.25 5.25 6.59315 5.25 8.25V15.75C5.25 17.4069 6.59315 18.75 8.25 18.75H15.75C17.4069 18.75 18.75 17.4069 18.75 15.75V8.25C18.75 6.59315 17.4069 5.25 15.75 5.25Z", stroke: "#474C6D", strokeWidth: 2, strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.25 5.25V1.875C8.25 1.77554 8.28951 1.68016 8.35983 1.60984C8.43016 1.53951 8.52554 1.5 8.625 1.5H15.375C15.4745 1.5 15.5698 1.53951 15.6402 1.60984C15.7105 1.68016 15.75 1.77554 15.75 1.875V5.25M15.75 18.75V22.125C15.75 22.2245 15.7105 22.3198 15.6402 22.3902C15.5698 22.4605 15.4745 22.5 15.375 22.5H8.625C8.52554 22.5 8.43016 22.4605 8.35983 22.3902C8.28951 22.3198 8.25 22.2245 8.25 22.125V18.75", stroke: "#474C6D", strokeWidth: 2, strokeLinejoin: "round" })] }))); };
39
+ var SvgWatch = function (props) { return ((0, jsx_runtime_1.jsxs)("svg", __assign({ width: 24, height: 24, viewBox: "0 0 24 24", fill: "none", xmlns: "http://www.w3.org/2000/svg" }, props, { children: [(0, jsx_runtime_1.jsx)("path", { d: "M15.75 5.25H8.25C6.59315 5.25 5.25 6.59315 5.25 8.25V15.75C5.25 17.4069 6.59315 18.75 8.25 18.75H15.75C17.4069 18.75 18.75 17.4069 18.75 15.75V8.25C18.75 6.59315 17.4069 5.25 15.75 5.25Z", stroke: props.stroke, strokeWidth: 2, strokeLinejoin: "round" }), (0, jsx_runtime_1.jsx)("path", { d: "M8.25 5.25V1.875C8.25 1.77554 8.28951 1.68016 8.35983 1.60984C8.43016 1.53951 8.52554 1.5 8.625 1.5H15.375C15.4745 1.5 15.5698 1.53951 15.6402 1.60984C15.7105 1.68016 15.75 1.77554 15.75 1.875V5.25M15.75 18.75V22.125C15.75 22.2245 15.7105 22.3198 15.6402 22.3902C15.5698 22.4605 15.4745 22.5 15.375 22.5H8.625C8.52554 22.5 8.43016 22.4605 8.35983 22.3902C8.28951 22.3198 8.25 22.2245 8.25 22.125V18.75", stroke: props.stroke, strokeWidth: 2, strokeLinejoin: "round" })] }))); };
40
40
  exports.default = SvgWatch;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "krl-alfred",
3
- "version": "1.6.0",
3
+ "version": "1.7.0",
4
4
  "files": [
5
5
  "dist"
6
6
  ],