krl-alfred 1.9.0 → 1.10.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.
|
@@ -23,9 +23,9 @@ var Breadcrumbs = function (props) {
|
|
|
23
23
|
return item.component ? ((0, jsx_runtime_1.jsx)(item.component, { children: children })) : ((0, jsx_runtime_1.jsx)("a", { href: item.slug, children: children }));
|
|
24
24
|
};
|
|
25
25
|
setTimeout(function () {
|
|
26
|
-
var elem = document.querySelector(
|
|
27
|
-
var activeItem = document.querySelector(
|
|
28
|
-
if (activeItem) {
|
|
26
|
+
var elem = document === null || document === void 0 ? void 0 : document.querySelector(".breadcrumbSm");
|
|
27
|
+
var activeItem = document === null || document === void 0 ? void 0 : document.querySelector(".breadcrumbSm li.active");
|
|
28
|
+
if (activeItem && elem) {
|
|
29
29
|
elem.scrollLeft = activeItem.offsetLeft;
|
|
30
30
|
}
|
|
31
31
|
}, 100);
|
|
@@ -43,7 +43,9 @@ var Breadcrumbs = function (props) {
|
|
|
43
43
|
var _a;
|
|
44
44
|
return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileWrapper, { className: "breadcrumbSm", children: (_a = getSubData()) === null || _a === void 0 ? void 0 : _a.map(function (item) {
|
|
45
45
|
var _a;
|
|
46
|
-
return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, { isActive: item.isActive, className: (0, classnames_1.default)("caption-bold-12-15", (_a = {},
|
|
46
|
+
return ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.SubMenuMobileItem, { isActive: item.isActive, className: (0, classnames_1.default)("caption-bold-12-15", (_a = {},
|
|
47
|
+
_a["active"] = item.isActive,
|
|
48
|
+
_a)), children: (0, jsx_runtime_1.jsx)(ButtonLinkComponent, { item: item, children: item.name }) }));
|
|
47
49
|
}) }));
|
|
48
50
|
};
|
|
49
51
|
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) {
|
|
@@ -31,11 +31,11 @@ exports.SubCategoryInnerItemButtonInner = exports.SubCategoryInnerItem = exports
|
|
|
31
31
|
var styled_components_1 = __importStar(require("styled-components"));
|
|
32
32
|
exports.CategoryMenuWrapper = styled_components_1.default.ul(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding:0;\n margin: 11px 0;\n a {\n text-decoration:none\n }\n"], ["\n display: flex;\n align-items: center;\n justify-content: center;\n width: 100%;\n padding:0;\n margin: 11px 0;\n a {\n text-decoration:none\n }\n"])));
|
|
33
33
|
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: 0px 6px 30px 0px #EAE9F0;\n }\n"], ["\n color: var(--dark);\n &:before{\n border-color: var(--grey-10);\n box-shadow: 0px 6px 30px 0px #EAE9F0;\n }\n"])));
|
|
34
|
-
exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n position: relative;\n margin: 0 8.5px;\n padding-bottom: 8px;\n padding-top: 8px;\n path, circle {\n stroke : var(--dark-opacity-75)\n }\n &:hover{\n path , circle {\n stroke : var(--dark);\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n > a {\n > span{\n ", "\n }\n }\n }\n ", "\n"], ["\n display: block;\n position: relative;\n margin: 0 8.5px;\n padding-bottom: 8px;\n padding-top: 8px;\n path, circle {\n stroke : var(--dark-opacity-75)\n }\n &:hover{\n path , circle {\n stroke : var(--dark);\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n }\n > a {\n > span{\n ", "\n }\n }\n }\n ", "\n"])), hoverAndActive, function (props) { return props.isActiveCategory ? "\n > a > span{\n ".concat(hoverAndActive, "\n }\n ") : ""; });
|
|
34
|
+
exports.CategoryItem = styled_components_1.default.li(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n display: block;\n position: relative;\n margin: 0 8.5px;\n padding-bottom: 8px;\n padding-top: 8px;\n path, circle {\n stroke : var(--dark-opacity-75)\n }\n &:hover{\n path , circle {\n stroke : var(--dark);\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n ", "\n"], ["\n display: block;\n position: relative;\n margin: 0 8.5px;\n padding-bottom: 8px;\n padding-top: 8px;\n path, circle {\n stroke : var(--dark-opacity-75)\n }\n &:hover{\n path , circle {\n stroke : var(--dark);\n }\n > ul{\n opacity: 1;\n visibility: visible;\n transform: translateY(0);\n transition-delay: 0.3s;\n }\n > a {\n > span{\n ", "\n }\n }\n }\n ", "\n"])), hoverAndActive, function (props) { return props.isActiveCategory ? "\n > a > span{\n ".concat(hoverAndActive, "\n }\n ") : ""; });
|
|
35
35
|
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 white;\n color: var(--dark-opacity-75);\n background-color: white;\n border-radius: 8px;\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 white;\n color: var(--dark-opacity-75);\n background-color: white;\n border-radius: 8px;\n z-index: -1;\n transition: all 0.2s ease-in-out;\n }\n"])));
|
|
36
36
|
exports.CategoryItemButtonIcon = styled_components_1.default.span(templateObject_5 || (templateObject_5 = __makeTemplateObject(["\n height: 24px;\n display:block;\n"], ["\n height: 24px;\n display:block;\n"])));
|
|
37
37
|
exports.CategoryItemButtonTitle = styled_components_1.default.strong(templateObject_6 || (templateObject_6 = __makeTemplateObject(["\n margin-top: 8px;\n display:block;\n"], ["\n margin-top: 8px;\n display:block;\n"])));
|
|
38
|
-
exports.SubMenu = styled_components_1.default.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n position: absolute;\n left: 0;\n border-radius: 8px;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", 154px)
|
|
38
|
+
exports.SubMenu = styled_components_1.default.ul(templateObject_7 || (templateObject_7 = __makeTemplateObject(["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n position: absolute;\n left: 0;\n border-radius: 8px;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", 154px);\n transition-delay: 0s;\n"], ["\n padding: 8px;\n border: 1px solid var(--grey-10);\n background-color: white;\n position: absolute;\n left: 0;\n border-radius: 8px;\n top: 100%;\n transition: all 0.2s ease-in-out;\n opacity: 0;\n visibility: hidden;\n transform: translateY(10px);\n display: grid;\n gap: 0 16px;\n grid-template-columns: repeat(", ", 154px);\n transition-delay: 0s;\n"])), function (props) { return props.gridTemplateColumns || '3'; });
|
|
39
39
|
exports.SubCategoryItem = styled_components_1.default.li(templateObject_8 || (templateObject_8 = __makeTemplateObject(["\n display: block;\n padding: 0;\n"], ["\n display: block;\n padding: 0;\n"])));
|
|
40
40
|
exports.SubCategoryInner = styled_components_1.default.ul(templateObject_9 || (templateObject_9 = __makeTemplateObject(["\n padding: 0;\n display: grid;\n gap:4px 0;\n"], ["\n padding: 0;\n display: grid;\n gap:4px 0;\n"])));
|
|
41
41
|
exports.SubCategoryInnerItem = styled_components_1.default.li(templateObject_10 || (templateObject_10 = __makeTemplateObject(["\n padding: 0;\n display: block;\n a > span {\n font-weight: ", ";\n }\n"], ["\n padding: 0;\n display: block;\n a > span {\n font-weight: ", ";\n }\n"])), function (props) { return props.isSeeAll ? '600' : '500'; });
|