krl-alfred 1.76.5 → 1.76.6

package/dist/components/Breadcrumbs/Breadcrumbs.js

@@ -67,7 +67,7 @@ var Breadcrumbs = function (props) {
     };
     return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsWrapper, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsList, { children: data === null || data === void 0 ? void 0 : data.map(function (breadCrumbItem, key) {
                     var _a;
-                    return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, __assign({ onClick: onClickBackIcon }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallLeft", width: "16px", height: "16px" }) })), ((_a = breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownWrapper, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallDown" })] }), (0, jsx_runtime_1.jsx)(SubMenu, { item: breadCrumbItem, data: breadCrumbItem.children })] })) : ((0, jsx_runtime_1.jsxs)(ButtonLinkComponent, __assign({ item: breadCrumbItem }, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name })] })))] }, key));
+                    return ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListItem, { children: [(0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemBackIconWrapper, __assign({ onClick: onClickBackIcon }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { strokeWidth: "3px", name: "ArrowLeftBig", width: "16px", height: "16px" }) })), ((_a = breadCrumbItem === null || breadCrumbItem === void 0 ? void 0 : breadCrumbItem.children) === null || _a === void 0 ? void 0 : _a.length) > 0 ? ((0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownWrapper, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsxs)(Breadcrumbs_styled_1.BreadcrumbsListDropdownOpener, { children: [breadCrumbItem.name, (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallDown" })] }), (0, jsx_runtime_1.jsx)(SubMenu, { item: breadCrumbItem, data: breadCrumbItem.children })] })) : ((0, jsx_runtime_1.jsxs)(ButtonLinkComponent, __assign({ item: breadCrumbItem }, { children: [key >= 1 && ((0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemIconWrapper, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: "ArrowSmallRightStroke" }) })), (0, jsx_runtime_1.jsx)(Breadcrumbs_styled_1.BreadcrumbsListItemInner, { children: breadCrumbItem.name })] })))] }, key));
                 }) }), (0, jsx_runtime_1.jsx)(SubMenuMobile, {})] }));
 };
 exports.default = Breadcrumbs;

package/dist/components/Button/Button.js

@@ -21,12 +21,12 @@ var Icon_1 = __importDefault(require("../Icon/Icon"));
 var Loader_1 = __importDefault(require("../Loader"));
 var prop_types_1 = __importDefault(require("prop-types"));
 var Children = function (props) {
-    var children = props.children, icon = props.icon, variant = props.variant, iconStrokeWidth = props.iconStrokeWidth;
+    var children = props.children, icon = props.icon, iconStrokeWidth = props.iconStrokeWidth;
     return (0, jsx_runtime_1.jsxs)(jsx_runtime_1.Fragment, { children: [(0, jsx_runtime_1.jsx)("div", __assign({ className: "children" }, { children: children })), icon && ((0, jsx_runtime_1.jsx)(Button_styled_1.IconStyled, __assign({}, props, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { strokeWidth: iconStrokeWidth, name: icon, width: "16px", height: "16px" }) })))] });
 };
 var Button = function (props) {
     var type = props.type, isLoading = props.isLoading, onClick = props.onClick, disabled = props.disabled, size = props.size, variant = props.variant, width = props.width, icon = props.icon, children = props.children, iconStrokeWidth = props.iconStrokeWidth;
-    return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, __assign({ className: (0, classnames_1.default)({ "loading": isLoading }), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, type: type }, { children: isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' })) : (0, jsx_runtime_1.jsx)(Children, __assign({ iconStrokeWidth: iconStrokeWidth, icon: icon, variant: variant }, { children: children })) })));
+    return ((0, jsx_runtime_1.jsx)(Button_styled_1.ButtonStyled, __assign({ className: (0, classnames_1.default)({ "loading": isLoading }), onClick: onClick, disabled: disabled || isLoading, size: size, variant: variant, width: width, icon: icon, type: type }, { children: isLoading ? ((0, jsx_runtime_1.jsx)(Loader_1.default, { width: size === "big" ? "24px" : "16px", height: size === "big" ? "24px" : "16px", variant: variant === 'primary' ? 'secondary' : 'primary' })) : (0, jsx_runtime_1.jsx)(Children, __assign({ iconStrokeWidth: iconStrokeWidth, icon: icon }, { children: children })) })));
 };
 Button.propTypes = {
     iconStrokeWidth: prop_types_1.default.string,

package/dist/components/Loader/Loader.styled.js

@@ -31,6 +31,6 @@ exports.WaveStyled = exports.SpinnerStyled = void 0;
 var styled_components_1 = __importStar(require("styled-components"));
 var spin = (0, styled_components_1.keyframes)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  from {\n    transform:rotate(0deg);\n  }\n  to {\n    transform:rotate(360deg);\n  }\n"], ["\n  from {\n    transform:rotate(0deg);\n  }\n  to {\n    transform:rotate(360deg);\n  }\n"])));
 var wave = (0, styled_components_1.keyframes)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  0% {\n    transform: scale(0.5);\n  }\n  50% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.5);\n  }\n"], ["\n  0% {\n    transform: scale(0.5);\n  }\n  50% {\n    transform: scale(1);\n  }\n  100% {\n    transform: scale(0.5);\n  }\n"])));
-exports.SpinnerStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  display: block;\n  div{\n    display: block;\n  }\n  svg {\n    animation-name: ", ";\n    animation-duration: 500ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear; \n  }\n"], ["\n  width: ", ";\n  height: ", ";\n  display: block;\n  div{\n    display: block;\n  }\n  svg {\n    animation-name: ", ";\n    animation-duration: 500ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear; \n  }\n"])), function (props) { return props.width; }, function (props) { return props.height; }, spin);
+exports.SpinnerStyled = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  width: ", ";\n  height: ", ";\n  display: block;\n  div{\n    display: block;\n  }\n  svg {\n    animation-name: ", ";\n    animation-duration: 800ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear; \n  }\n"], ["\n  width: ", ";\n  height: ", ";\n  display: block;\n  div{\n    display: block;\n  }\n  svg {\n    animation-name: ", ";\n    animation-duration: 800ms;\n    animation-iteration-count: infinite;\n    animation-timing-function: linear; \n  }\n"])), function (props) { return props.width; }, function (props) { return props.height; }, spin);
 exports.WaveStyled = styled_components_1.default.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  span {\n    border-radius: 50%;\n    display: inline-block;\n    margin: 0 1px;\n    vertical-align: middle;\n    width: 7px;\n    height: 7px;\n    &:first-child {\n      background-color: var(--primary-opacity-50);\n      animation: ", " 0.9s 0.2s linear infinite;\n    }\n    &:nth-child(2) {\n      background-color: var(--primary-opacity-75);\n      animation: ", " 0.9s 0.4s linear infinite;\n    }\n    &:nth-child(3) {\n      background-color: var(--primary);\n      animation: ", " 0.9s 0.6s linear infinite;\n    }\n  }\n"], ["\n  span {\n    border-radius: 50%;\n    display: inline-block;\n    margin: 0 1px;\n    vertical-align: middle;\n    width: 7px;\n    height: 7px;\n    &:first-child {\n      background-color: var(--primary-opacity-50);\n      animation: ", " 0.9s 0.2s linear infinite;\n    }\n    &:nth-child(2) {\n      background-color: var(--primary-opacity-75);\n      animation: ", " 0.9s 0.4s linear infinite;\n    }\n    &:nth-child(3) {\n      background-color: var(--primary);\n      animation: ", " 0.9s 0.6s linear infinite;\n    }\n  }\n"])), wave, wave, wave);
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;

package/dist/components/TextLink/TextLink.js

@@ -18,8 +18,8 @@ var jsx_runtime_1 = require("react/jsx-runtime");
 var TextLink_styled_1 = require("./TextLink.styled");
 var Icon_1 = __importDefault(require("../Icon/Icon"));
 var TextLink = function (props) {
-    var onClick = props.onClick, children = props.children, href = props.href, target = props.target, icon = props.icon, iconWidth = props.iconWidth, iconHeight = props.iconHeight, size = props.size, iconDirection = props.iconDirection;
-    return ((0, jsx_runtime_1.jsx)(TextLink_styled_1.TextLinkStyled, __assign({ size: size, href: href, target: target, onClick: onClick }, props, { children: (0, jsx_runtime_1.jsxs)(TextLink_styled_1.Inner, __assign({ iconDirection: iconDirection }, { children: [icon && ((0, jsx_runtime_1.jsx)(TextLink_styled_1.IconStyled, __assign({ iconDirection: iconDirection }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { name: icon, width: iconWidth, height: iconHeight }) }))), children] })) })));
+    var onClick = props.onClick, children = props.children, href = props.href, target = props.target, icon = props.icon, iconWidth = props.iconWidth, iconHeight = props.iconHeight, size = props.size, iconDirection = props.iconDirection, iconStrokeWidth = props.iconStrokeWidth;
+    return ((0, jsx_runtime_1.jsx)(TextLink_styled_1.TextLinkStyled, __assign({ size: size, href: href, target: target, onClick: onClick }, props, { children: (0, jsx_runtime_1.jsxs)(TextLink_styled_1.Inner, __assign({ iconDirection: iconDirection }, { children: [icon && ((0, jsx_runtime_1.jsx)(TextLink_styled_1.IconStyled, __assign({ iconDirection: iconDirection }, { children: (0, jsx_runtime_1.jsx)(Icon_1.default, { strokeWidth: iconStrokeWidth, name: icon, width: iconWidth, height: iconHeight }) }))), children] })) })));
 };
 TextLink.defaultProps = {
     iconWidth: "24px",
@@ -27,5 +27,6 @@ TextLink.defaultProps = {
     variant: "primary",
     size: "small",
     iconDirection: "left",
+    iconStrokeWidth: "2px",
 };
 exports.default = TextLink;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "krl-alfred",
-  "version": "1.76.5",
+  "version": "1.76.6",
   "files": [
     "dist"
   ],