@citygross/components 0.7.224 → 0.7.226

package/build/@types/components/HeaderLink/HeaderLink.styles.d.ts

@@ -1,3 +1,4 @@
-export declare const HeaderLinkContainer: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, {}, never>;
+import { Link } from '../Links/Link';
+export declare const HeaderLinkContainer: import("styled-components").StyledComponent<typeof Link, import("styled-components").DefaultTheme, {}, never>;
 export declare const TextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ArrowLeft: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/@types/components/Links/Link.d.ts

@@ -20,6 +20,8 @@ export declare type TLink = {
     icon?: JSX.Element;
     textDecoration?: 'none' | 'underline';
     target?: '_self' | '_blank';
+    borderRadius?: number;
     tabIndex?: number;
+    inverted?: boolean;
 };
-export declare function Link({ center, color, isDisabled, noWrap, onClick, hrefPath, icon, textDecoration, size, target, tabIndex, children }: TLink): JSX.Element;
+export declare function Link({ center, color, isDisabled, noWrap, onClick, hrefPath, icon, textDecoration, size, target, borderRadius, tabIndex, inverted, children, ...props }: TLink): JSX.Element;

package/build/@types/components/Links/Link.styles.d.ts

@@ -1,5 +1,6 @@
 import { TLink } from './Link';
 export declare const BaseLink: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, Omit<TLink, "color"> & {
     color: string;
+    borderRadius?: number | undefined;
 }, never>;
 export declare const IconWrapper: import("styled-components").StyledComponent<"span", import("styled-components").DefaultTheme, {}, never>;

package/build/cjs/components/src/components/HeaderLink/HeaderLink.js

@@ -4,6 +4,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var HeaderLink_styles = require('./HeaderLink.styles.js');
+var typography = require('@citygross/typography');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -11,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function HeaderLink(_a) {
     var linkHref = _a.linkHref, icon = _a.icon, linkLabel = _a.linkLabel;
-    return (React__default["default"].createElement(HeaderLink_styles.HeaderLinkContainer, { href: linkHref },
+    return (React__default["default"].createElement(HeaderLink_styles.HeaderLinkContainer, { hrefPath: linkHref, size: typography.TextTypes.TextSize.SMALL, borderRadius: 0, inverted: true },
         React__default["default"].createElement(HeaderLink_styles.TextContainer, null,
             React__default["default"].createElement(HeaderLink_styles.ArrowLeft, null, icon),
             linkLabel)));

package/build/cjs/components/src/components/HeaderLink/HeaderLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeaderLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/HeaderLink/HeaderLink.styles.js

@@ -4,12 +4,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
 var styled = require('styled-components');
+var Link = require('../Links/Link.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var HeaderLinkContainer = styled__default["default"].a(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  text-decoration: none;\n  line-height: ", "px;\n"], ["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  text-decoration: none;\n  line-height: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darker; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.md, "px"); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2; });
+var HeaderLinkContainer = styled__default["default"](Link.Link)(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  line-height: ", "px;\n"], ["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  line-height: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darker; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.md, "px"); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2; });
 var TextContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 var ArrowLeft = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  margin-right: ", "px;\n  align-self: center;\n"], ["\n  display: flex;\n  margin-right: ", "px;\n  align-self: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
 var templateObject_1, templateObject_2, templateObject_3;

package/build/cjs/components/src/components/HeaderLink/HeaderLink.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLink.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"HeaderLink.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/Links/Link.js

@@ -2,6 +2,7 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var _tslib = require('../../../../_virtual/_tslib.js');
 var React = require('react');
 var designTokens = require('@citygross/design-tokens');
 var typography = require('@citygross/typography');
@@ -22,8 +23,8 @@ exports.LinkColors = void 0;
     LinkColors[LinkColors["black"] = 1] = "black";
 })(exports.LinkColors || (exports.LinkColors = {}));
 function Link(_a) {
-    var _b = _a.center, center = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'link' : _c, isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _d = _a.textDecoration, textDecoration = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? typography.TextTypes.TextSize.REGULAR : _e, _f = _a.target, target = _f === void 0 ? '_self' : _f, _g = _a.tabIndex, tabIndex = _g === void 0 ? 0 : _g, children = _a.children;
-    return (React__default["default"].createElement(Link_styles.BaseLink, { center: center, tabIndex: isDisabled ? -1 : tabIndex, color: designTokens.theme && designTokens.theme.palette ? designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, size: size, icon: icon, target: target },
+    var _b = _a.center, center = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'link' : _c, isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _d = _a.textDecoration, textDecoration = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? typography.TextTypes.TextSize.REGULAR : _e, _f = _a.target, target = _f === void 0 ? '_self' : _f, borderRadius = _a.borderRadius, _g = _a.tabIndex, tabIndex = _g === void 0 ? 0 : _g, _h = _a.inverted, inverted = _h === void 0 ? false : _h, children = _a.children, props = _tslib.__rest(_a, ["center", "color", "isDisabled", "noWrap", "onClick", "hrefPath", "icon", "textDecoration", "size", "target", "borderRadius", "tabIndex", "inverted", "children"]);
+    return (React__default["default"].createElement(Link_styles.BaseLink, _tslib.__assign({ center: center, tabIndex: isDisabled ? -1 : tabIndex, color: designTokens.theme && designTokens.theme.palette ? designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted, target: target }, props),
         React__default["default"].createElement(typography.LinkText, { size: size }, children),
         icon && React__default["default"].createElement(Link_styles.IconWrapper, null, icon)));
 }

package/build/cjs/components/src/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/cjs/components/src/components/Links/Link.styles.js

@@ -9,7 +9,18 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BaseLink = styled__default["default"].a(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus {\n    outline: 3px solid ", ";\n  }\n"], ["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus {\n    outline: 3px solid ", ";\n  }\n"])), function (props) { return props.isDisabled && 'none'; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.textDecoration; }, function (props) { var _a; return props.isDisabled ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium : props.color; }, function (props) {
+var BaseLink = styled__default["default"].a(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus-visible {\n    outline: 3px solid ", ";\n  }\n"], ["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus-visible {\n    outline: 3px solid ", ";\n  }\n"])), function (props) { return props.isDisabled && 'none'; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.textDecoration; }, function (props) {
+    var _a, _b, _c, _d;
+    return props.inverted
+        ? (props === null || props === void 0 ? void 0 : props.isDisabled)
+            ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledGray
+            : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.white
+        : (props === null || props === void 0 ? void 0 : props.isDisabled)
+            ? props.color === 'link'
+                ? (_c = props.theme.palette) === null || _c === void 0 ? void 0 : _c.blueMedium
+                : (_d = props.theme.palette) === null || _d === void 0 ? void 0 : _d.disabledGray
+            : props.color;
+}, function (props) {
     var _a, _b;
     return props.size === 'small'
         ? ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2) + 'px'
@@ -23,7 +34,12 @@ var BaseLink = styled__default["default"].a(templateObject_1 || (templateObject_
         : props.textDecoration === 'underline'
             ? 'none'
             : 'underline';
-}, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium; });
+}, function (props) {
+    var _a;
+    return (props === null || props === void 0 ? void 0 : props.borderRadius) || (props === null || props === void 0 ? void 0 : props.borderRadius) === 0
+        ? props.borderRadius
+        : (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small;
+}, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium; });
 var IconWrapper = styled__default["default"].span(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n"], ["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n"])));
 var templateObject_1, templateObject_2;
 

package/build/cjs/components/src/components/Links/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Link.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/HeaderLink/HeaderLink.js

@@ -1,9 +1,10 @@
 import React from 'react';
 import { HeaderLinkContainer, TextContainer, ArrowLeft } from './HeaderLink.styles.js';
+import { TextTypes } from '@citygross/typography';
 
 function HeaderLink(_a) {
     var linkHref = _a.linkHref, icon = _a.icon, linkLabel = _a.linkLabel;
-    return (React.createElement(HeaderLinkContainer, { href: linkHref },
+    return (React.createElement(HeaderLinkContainer, { hrefPath: linkHref, size: TextTypes.TextSize.SMALL, borderRadius: 0, inverted: true },
         React.createElement(TextContainer, null,
             React.createElement(ArrowLeft, null, icon),
             linkLabel)));

package/build/es/components/src/components/HeaderLink/HeaderLink.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;"}
+{"version":3,"file":"HeaderLink.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;"}

package/build/es/components/src/components/HeaderLink/HeaderLink.styles.js

@@ -1,7 +1,8 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
+import { Link } from '../Links/Link.js';
 
-var HeaderLinkContainer = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  text-decoration: none;\n  line-height: ", "px;\n"], ["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  text-decoration: none;\n  line-height: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darker; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.md, "px"); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2; });
+var HeaderLinkContainer = styled(Link)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  line-height: ", "px;\n"], ["\n  display: block;\n  background: ", ";\n  color: ", ";\n  padding: ", ";\n  font-size: ", "px;\n  line-height: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darker; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a, _b; return "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.md, "px"); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2; });
 var TextContainer = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n"], ["\n  display: flex;\n  align-items: center;\n"])));
 var ArrowLeft = styled.div(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: flex;\n  margin-right: ", "px;\n  align-self: center;\n"], ["\n  display: flex;\n  margin-right: ", "px;\n  align-self: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
 var templateObject_1, templateObject_2, templateObject_3;

package/build/es/components/src/components/HeaderLink/HeaderLink.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"HeaderLink.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;"}
+{"version":3,"file":"HeaderLink.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;"}

package/build/es/components/src/components/Links/Link.js

@@ -1,3 +1,4 @@
+import { __rest, __assign } from '../../../../_virtual/_tslib.js';
 import React from 'react';
 import { theme } from '@citygross/design-tokens';
 import { TextTypes, LinkText } from '@citygross/typography';
@@ -14,8 +15,8 @@ var LinkColors;
     LinkColors[LinkColors["black"] = 1] = "black";
 })(LinkColors || (LinkColors = {}));
 function Link(_a) {
-    var _b = _a.center, center = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'link' : _c, isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _d = _a.textDecoration, textDecoration = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? TextTypes.TextSize.REGULAR : _e, _f = _a.target, target = _f === void 0 ? '_self' : _f, _g = _a.tabIndex, tabIndex = _g === void 0 ? 0 : _g, children = _a.children;
-    return (React.createElement(BaseLink, { center: center, tabIndex: isDisabled ? -1 : tabIndex, color: theme && theme.palette ? theme === null || theme === void 0 ? void 0 : theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, size: size, icon: icon, target: target },
+    var _b = _a.center, center = _b === void 0 ? true : _b, _c = _a.color, color = _c === void 0 ? 'link' : _c, isDisabled = _a.isDisabled, noWrap = _a.noWrap, onClick = _a.onClick, hrefPath = _a.hrefPath, icon = _a.icon, _d = _a.textDecoration, textDecoration = _d === void 0 ? 'none' : _d, _e = _a.size, size = _e === void 0 ? TextTypes.TextSize.REGULAR : _e, _f = _a.target, target = _f === void 0 ? '_self' : _f, borderRadius = _a.borderRadius, _g = _a.tabIndex, tabIndex = _g === void 0 ? 0 : _g, _h = _a.inverted, inverted = _h === void 0 ? false : _h, children = _a.children, props = __rest(_a, ["center", "color", "isDisabled", "noWrap", "onClick", "hrefPath", "icon", "textDecoration", "size", "target", "borderRadius", "tabIndex", "inverted", "children"]);
+    return (React.createElement(BaseLink, __assign({ center: center, tabIndex: isDisabled ? -1 : tabIndex, color: theme && theme.palette ? theme === null || theme === void 0 ? void 0 : theme.palette[color] : 'black', href: hrefPath, isDisabled: isDisabled, textDecoration: textDecoration, noWrap: noWrap, onClick: onClick, size: size, icon: icon, borderRadius: borderRadius, inverted: inverted, target: target }, props),
         React.createElement(LinkText, { size: size }, children),
         icon && React.createElement(IconWrapper, null, icon)));
 }

package/build/es/components/src/components/Links/Link.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Link.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;"}

package/build/es/components/src/components/Links/Link.styles.js

@@ -1,7 +1,18 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
 
-var BaseLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus {\n    outline: 3px solid ", ";\n  }\n"], ["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus {\n    outline: 3px solid ", ";\n  }\n"])), function (props) { return props.isDisabled && 'none'; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.textDecoration; }, function (props) { var _a; return props.isDisabled ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium : props.color; }, function (props) {
+var BaseLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus-visible {\n    outline: 3px solid ", ";\n  }\n"], ["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  &:hover {\n    text-decoration: ", ";\n  }\n  border-radius: ", "px;\n  &:focus-visible {\n    outline: 3px solid ", ";\n  }\n"])), function (props) { return props.isDisabled && 'none'; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.textDecoration; }, function (props) {
+    var _a, _b, _c, _d;
+    return props.inverted
+        ? (props === null || props === void 0 ? void 0 : props.isDisabled)
+            ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledGray
+            : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.white
+        : (props === null || props === void 0 ? void 0 : props.isDisabled)
+            ? props.color === 'link'
+                ? (_c = props.theme.palette) === null || _c === void 0 ? void 0 : _c.blueMedium
+                : (_d = props.theme.palette) === null || _d === void 0 ? void 0 : _d.disabledGray
+            : props.color;
+}, function (props) {
     var _a, _b;
     return props.size === 'small'
         ? ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2) + 'px'
@@ -15,7 +26,12 @@ var BaseLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateOb
         : props.textDecoration === 'underline'
             ? 'none'
             : 'underline';
-}, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium; });
+}, function (props) {
+    var _a;
+    return (props === null || props === void 0 ? void 0 : props.borderRadius) || (props === null || props === void 0 ? void 0 : props.borderRadius) === 0
+        ? props.borderRadius
+        : (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small;
+}, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueMedium; });
 var IconWrapper = styled.span(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n"], ["\n  display: flex;\n  flex: 1;\n  justify-content: flex-end;\n"])));
 var templateObject_1, templateObject_2;
 

package/build/es/components/src/components/Links/Link.styles.js.map

@@ -1 +1 @@
-{"version":3,"file":"Link.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;"}
+{"version":3,"file":"Link.styles.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@citygross/components",
-  "version": "0.7.224",
+  "version": "0.7.226",
   "license": "ISC",
   "sideEffects": false,
   "main": "./build/cjs/components/src/index.js",
@@ -74,5 +74,5 @@
     "react-slick": "^0.30.1",
     "slick-carousel": "^1.8.1"
   },
-  "gitHead": "312f26673d6d9aaa68cbf82541dd4bd059932cf2"
+  "gitHead": "a52c00135abce03a6e8ee82b390e26b618adcdc3"
 }