krl-alfred 1.71.9 → 1.71.10

package/dist/components/TextLink/TextLink.js

@@ -18,12 +18,13 @@ 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;
-    return ((0, jsx_runtime_1.jsx)(TextLink_styled_1.TextLinkStyled, __assign({ 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;
+    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] }) })));
 };
 TextLink.defaultProps = {
     iconWidth: "24px",
     iconHeight: "24px",
     variant: "primary",
+    size: "small",
 };
 exports.default = TextLink;

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

@@ -9,7 +9,16 @@ var __importDefault = (this && this.__importDefault) || function (mod) {
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Inner = exports.IconStyled = exports.TextLinkStyled = void 0;
 var styled_components_1 = __importDefault(require("styled-components"));
-exports.TextLinkStyled = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  display: inline-block;\n  text-decoration: none;\n  cursor: pointer;\n  svg{\n    display: block;\n    path, rect{\n      stroke : ", ";\n    }\n    circle{\n      fill : ", ";\n      ~ path{\n        stroke : white;\n      }\n    }\n  }\n  &:hover , :focus , :active {\n    color: ", ";\n    svg{\n      display: block;\n      path, rect{\n        stroke : ", ";\n      }\n      circle{\n        fill : ", ";\n        ~ path{\n          stroke : white;\n        }\n      }\n    }\n  }\n"], ["\n  color: ", ";\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  display: inline-block;\n  text-decoration: none;\n  cursor: pointer;\n  svg{\n    display: block;\n    path, rect{\n      stroke : ", ";\n    }\n    circle{\n      fill : ", ";\n      ~ path{\n        stroke : white;\n      }\n    }\n  }\n  &:hover , :focus , :active {\n    color: ", ";\n    svg{\n      display: block;\n      path, rect{\n        stroke : ", ";\n      }\n      circle{\n        fill : ", ";\n        ~ path{\n          stroke : white;\n        }\n      }\n    }\n  }\n"])), 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)" : "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.TextLinkStyled = styled_components_1.default.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  color: ", ";\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  display: inline-block;\n  text-decoration: none;\n  cursor: pointer;\n  padding: ", ";\n  svg{\n    display: block;\n    path, rect{\n      stroke : ", ";\n    }\n    circle{\n      fill : ", ";\n      ~ path{\n        stroke : white;\n      }\n    }\n  }\n  &:hover , :focus , :active {\n    color: ", ";\n    svg{\n      display: block;\n      path, rect{\n        stroke : ", ";\n      }\n      circle{\n        fill : ", ";\n        ~ path{\n          stroke : white;\n        }\n      }\n    }\n  }\n"], ["\n  color: ", ";\n  font-size: inherit;\n  font-family: inherit;\n  font-weight: inherit;\n  display: inline-block;\n  text-decoration: none;\n  cursor: pointer;\n  padding: ", ";\n  svg{\n    display: block;\n    path, rect{\n      stroke : ", ";\n    }\n    circle{\n      fill : ", ";\n      ~ path{\n        stroke : white;\n      }\n    }\n  }\n  &:hover , :focus , :active {\n    color: ", ";\n    svg{\n      display: block;\n      path, rect{\n        stroke : ", ";\n      }\n      circle{\n        fill : ", ";\n        ~ path{\n          stroke : white;\n        }\n      }\n    }\n  }\n"])), function (props) { return props.variant === "primary" ? "var(--primary)" : "var(--grey-50)"; }, function (props) {
+    switch (props.size) {
+        case 'small':
+            return "0";
+        case 'medium':
+            return "0.5rem 0 0.5rem 0";
+        default:
+            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"])));
 var templateObject_1, templateObject_2, templateObject_3;

package/dist/components/TextLink/props.js

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

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

@@ -13,6 +13,7 @@ exports.default = {
     tags: ['autodocs'],
     argTypes: {
         variant: { control: 'select', options: props_1.variants },
+        size: { control: 'select', options: props_1.sizes },
         icon: { control: 'select', options: Object.keys(Icon_1.iconList) },
     }
 };
@@ -20,5 +21,6 @@ exports.Default = {
     args: {
         children: "Text Link",
         variant: "primary",
+        size: "small",
     },
 };

package/package.json

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