@citygross/components 0.7.221 → 0.7.223

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

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

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

@@ -18,7 +18,7 @@ function DeliveryTimeBlock(_a) {
         React__default["default"].createElement(DeliveryTimeBlock_styles.DeliverOption, null,
             icon && icon,
             deliverOption && React__default["default"].createElement(typography.H3, null, deliverOption)),
-        React__default["default"].createElement(typography.BodyText, null, (_c = (_b = utils.moment(deliveryDate)) === null || _b === void 0 ? void 0 : _b.format('dddd D MMM')) === null || _c === void 0 ? void 0 :
+        React__default["default"].createElement(typography.BodyText, null, (_c = (_b = utils.moment(deliveryDate)) === null || _b === void 0 ? void 0 : _b.format('dddd D MMMM')) === null || _c === void 0 ? void 0 :
             _c.toLocaleLowerCase(),
             ' ',
             deliveryFromTime && deliveryToTime && (React__default["default"].createElement("span", { style: { whiteSpace: 'nowrap' } }, "".concat(localTimeVar, " ").concat(deliveryFromTime, " - ").concat(deliveryToTime)))),

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

@@ -22,8 +22,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, children = _a.children;
-    return (React__default["default"].createElement(Link_styles.BaseLink, { center: center, 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, _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 },
         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.styles.js

@@ -9,7 +9,7 @@ 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  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\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 {\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 _a, _b;
     return props.size === 'small'
         ? ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2) + 'px'
@@ -17,7 +17,13 @@ var BaseLink = styled__default["default"].a(templateObject_1 || (templateObject_
 }, function (props) { return (props.noWrap ? 'nowrap' : 'normal'); }, function (props) {
     return props.icon &&
         "\n      display:flex;\n      align-items: center;\n    ";
-});
+}, function (props) {
+    return props.isDisabled
+        ? 'none'
+        : 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; });
 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/DeliveryTimeBlock/DeliveryTimeBlock.js

@@ -10,7 +10,7 @@ function DeliveryTimeBlock(_a) {
         React.createElement(DeliverOption, null,
             icon && icon,
             deliverOption && React.createElement(H3, null, deliverOption)),
-        React.createElement(BodyText, null, (_c = (_b = moment(deliveryDate)) === null || _b === void 0 ? void 0 : _b.format('dddd D MMM')) === null || _c === void 0 ? void 0 :
+        React.createElement(BodyText, null, (_c = (_b = moment(deliveryDate)) === null || _b === void 0 ? void 0 : _b.format('dddd D MMMM')) === null || _c === void 0 ? void 0 :
             _c.toLocaleLowerCase(),
             ' ',
             deliveryFromTime && deliveryToTime && (React.createElement("span", { style: { whiteSpace: 'nowrap' } }, "".concat(localTimeVar, " ").concat(deliveryFromTime, " - ").concat(deliveryToTime)))),

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

@@ -14,8 +14,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, children = _a.children;
-    return (React.createElement(BaseLink, { center: center, 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, _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 },
         React.createElement(LinkText, { size: size }, children),
         icon && React.createElement(IconWrapper, null, icon)));
 }

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

@@ -1,7 +1,7 @@
 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  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  text-decoration: ", ";\n\n  /* typography */\n  color: ", ";\n  line-height: ", ";\n  white-space: ", ";\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 {\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 _a, _b;
     return props.size === 'small'
         ? ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2) + 'px'
@@ -9,7 +9,13 @@ var BaseLink = styled.a(templateObject_1 || (templateObject_1 = __makeTemplateOb
 }, function (props) { return (props.noWrap ? 'nowrap' : 'normal'); }, function (props) {
     return props.icon &&
         "\n      display:flex;\n      align-items: center;\n    ";
-});
+}, function (props) {
+    return props.isDisabled
+        ? 'none'
+        : 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; });
 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.221",
+  "version": "0.7.223",
   "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": "74d6d8b454c86c480a7c68236cc780934b40407e"
+  "gitHead": "c2fb0669640e43f743e9a9d521d06aae8675d922"
 }