krl-alfred 1.75.2 → 1.75.3

package/dist/components/TextLink/TextLink.js

@@ -18,13 +18,14 @@ 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;
-    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, { children: [icon && ((0, jsx_runtime_1.jsx)(TextLink_styled_1.IconStyled, { 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;
+    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] })) })));
 };
 TextLink.defaultProps = {
     iconWidth: "24px",
     iconHeight: "24px",
     variant: "primary",
     size: "small",
+    iconDirection: "left",
 };
 exports.default = TextLink;

package/dist/components/TextLink/TextLink.styled.js

@@ -19,6 +19,6 @@ exports.TextLinkStyled = styled_components_1.default.a(templateObject_1 || (temp
             return "0";
     }
 }, function (props) { return props.variant === "primary" ? "var(--primary)" : "var(--grey-50)"; }, function (props) { return props.variant === "primary" ? "var(--primary)" : "var(--grey-50)"; }, function (props) { return props.variant === "primary" ? "var(--primary-hover)" : "var(--grey-50)"; }, function (props) { return props.variant === "primary" ? "var(--primary-hover)" : "var(--grey-50)"; }, function (props) { return props.variant === "primary" ? "var(--primary-hover)" : "var(--grey-50)"; });
-exports.IconStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  margin-right: 0.5rem;\n"], ["\n  margin-right: 0.5rem;\n"])));
-exports.Inner = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"])));
+exports.IconStyled = styled_components_1.default.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n    ", ";\n"], ["\n    ", ";\n"])), function (props) { return props.iconDirection === 'right' ? "margin-left: 0.5rem;" : 'margin-right: 0.5rem;'; });
+exports.Inner = styled_components_1.default.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction:", ";\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n  flex-direction:", ";\n"])), function (props) { return props.iconDirection === 'right' ? "row-reverse" : 'row'; });
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/TextLink/props.js

@@ -1,7 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.iconNames = exports.sizes = exports.variants = void 0;
+exports.iconNames = exports.iconDirections = exports.sizes = exports.variants = void 0;
 var Icon_1 = require("../Icon");
 exports.variants = ['primary', 'secondary'];
 exports.sizes = ['small', 'medium'];
+exports.iconDirections = ['left', 'right'];
 exports.iconNames = Object.keys(Icon_1.iconList);

package/dist/components/TextLink/stories/TextLink.stories.js

@@ -14,6 +14,7 @@ exports.default = {
     argTypes: {
         variant: { control: 'select', options: props_1.variants },
         size: { control: 'select', options: props_1.sizes },
+        iconDirection: { control: 'select', options: props_1.iconDirections },
         icon: { control: 'select', options: Object.keys(Icon_1.iconList) },
     }
 };
@@ -22,5 +23,6 @@ exports.Default = {
         children: "Text Link",
         variant: "primary",
         size: "small",
+        iconDirection: "left",
     },
 };

package/package.json

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