@citygross/components 0.15.8 → 0.16.1

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

@@ -1,5 +1,5 @@
-import { ButtonSize } from './Button';
 import React from 'react';
+import { ButtonSize } from './Button';
 export declare type TButton = {
     ariaLabel?: string;
     center?: boolean;

package/build/@types/components/Button/IconButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import * as styles from './Button.styles';
 import { TButtonColor } from './Button';
+import * as styles from './Button.styles';
 export declare type TIconButton = styles.TBaseSmallButton & {
     color?: TButtonColor;
     icon: JSX.Element;

package/build/@types/components/Button/NavButton.d.ts

@@ -1,6 +1,6 @@
 import React from 'react';
-import * as styles from './Button.styles';
 import { ButtonSize, TButtonColor } from './Button';
+import * as styles from './Button.styles';
 export declare type TNavButton = styles.TButton & styles.TBaseSmallButton & {
     badgeBackground?: string;
     badgeMinWidth?: number;

package/build/@types/components/Fieldset/Fieldset.d.ts

@@ -1,7 +1,6 @@
 import React from 'react';
 export declare type TFieldset = {
-    children: React.ReactNode;
     gap?: number;
     legend?: string;
-};
+} & React.HTMLAttributes<HTMLFieldSetElement>;
 export declare const Fieldset: ({ children, gap, legend }: TFieldset) => React.JSX.Element;

package/build/@types/components/FormElements/InputOld/InputOld.d.ts

@@ -1,5 +1,5 @@
-import * as styles from './InputOld.styles';
 import React from 'react';
+import * as styles from './InputOld.styles';
 declare type TInputOld = styles.InputProps & {
     icon?: JSX.Element;
     iconOnClick?: () => void;

package/build/@types/components/FormElements/TextArea/TextArea.d.ts

@@ -1,3 +1,3 @@
-import * as styles from './TextArea.styles';
 import React from 'react';
+import * as styles from './TextArea.styles';
 export declare function TextArea({ flexGrow, fontSize, ...props }: styles.TextAreaProps): React.JSX.Element;

package/build/@types/components/ListItem/ListItem.d.ts

@@ -26,6 +26,7 @@ export declare type TListItem = {
     children?: React.ReactNode;
     checkboxes?: TCheckboxOption[];
     fallBackImage?: string;
+    checkboxLegendLabel?: string;
     imageAutoHeight?: boolean;
     item?: TItem;
     isSmall?: boolean;

package/build/@types/components/RadioListItem/RadioListItem.d.ts

@@ -13,4 +13,4 @@ export declare type TRadioListItemProps = styles.TBaseRadioItemInputWrapper & {
     children?: JSX.Element;
     additionalInfo?: JSX.Element;
 };
-export declare function RadioListItem({ onClick, selected, flexGrow, isDisabled, transparent, noPadding, label, value, wrapMobile, additionalInfo, children, }: TRadioListItemProps): React.JSX.Element;
+export declare function RadioListItem({ onClick, selected, flexGrow, isDisabled, transparent, noPadding, label, value, wrapMobile, additionalInfo, children }: TRadioListItemProps): React.JSX.Element;

package/build/@types/helpers/price.d.ts

@@ -1,5 +1,5 @@
-import { EPriceSize, EPriceVariant, TPriceTagSizeAttributes, TPriceVariantAttributes } from '../components/PriceTag/PriceTag.types';
 import { TPriceStripeSizeAttributes } from '../components/PriceStripe/PriceStripe';
+import { EPriceSize, EPriceVariant, TPriceTagSizeAttributes, TPriceVariantAttributes } from '../components/PriceTag/PriceTag.types';
 export declare const getPriceStripeAttributes: (priceSize?: EPriceSize, priceVariant?: EPriceVariant) => {
     sizeAttributes: TPriceStripeSizeAttributes;
     variantAttributes: TPriceVariantAttributes;

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

@@ -18,12 +18,12 @@ require('../Box/Box.styles.js');
 require('../Button/Button.js');
 require('../Button/Button.styles.js');
 require('../Button/NavButton.js');
-require('../CartCard/CartCard.styles.js');
 require('../CgButton/CgButton.js');
+require('../CartCard/CartCard.styles.js');
 require('../CgButton/CgButton.types.js');
 require('../CartCardLabel/CartCardLabel.styles.js');
-require('@citygross/utils');
 require('react-loading-skeleton');
+require('@citygross/utils');
 require('../CartItemSummary/CartItemSummary.styles.js');
 require('../CartSubTotal/CartSubTotal.js');
 require('../../../../design-tokens/build/index.js');
@@ -32,8 +32,8 @@ require('../ToolTipDialog/ToolTipDialog.styles.js');
 require('../CartSummary/CartSummary.styles.js');
 require('../CgButton/ButtonAsLink/ButtonAsLink.styles.js');
 require('../CgButton/CgButton.styles.js');
-require('../Chips/Chip.styles.js');
 require('../Spinner/Spinner.styles.js');
+require('../Chips/Chip.styles.js');
 require('../Collapsable/Collapsable.styles.js');
 require('../CouponCode/CouponCode.js');
 require('../CustomerInfoBlock/CustomerInfoBlock.styles.js');
@@ -58,14 +58,14 @@ require('../FormElements/Switch/Switch.styles.js');
 require('../FormElements/TextArea/TextArea.styles.js');
 require('../FormGroup/FormGroup.styles.js');
 require('../GridContainer/GridContainer.styles.js');
+require('../HeaderLink/HeaderLink.styles.js');
 require('../Logo/Logo.styles.js');
 require('../Header/Header.styles.js');
-require('../HeaderLink/HeaderLink.styles.js');
 require('../MinimalHeader/MinimalHeader.styles.js');
 require('../HighlightBox/HighlightBox.styles.js');
 require('../IconText/IconText.styles.js');
-require('../IconToolTip/IconToolTip.styles.js');
 var Spacer = require('../Spacer/Spacer.js');
+require('../IconToolTip/IconToolTip.styles.js');
 require('../InfoTextBlock/InfoTextBlock.styles.js');
 require('../LayoutBox/LayoutBox.styles.js');
 require('../Links/Link.js');
@@ -98,8 +98,8 @@ require('../SelectButton/SelectButton.styles.js');
 require('../SkipTo/SkipTo.styles.js');
 require('../SideModal/SideModal.js');
 require('../SlideInOutContainer/SlideInOutContainer.styles.js');
-require('../Slider/Slider.styles.js');
 require('react-slick');
+require('../Slider/Slider.styles.js');
 require('../Stepper/Stepper.styles.js');
 require('../ToolTip/ToolTip.styles.js');
 require('../StepperMobile/StepperMobile.styles.js');
@@ -119,27 +119,27 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function AddressBlock(_a) {
     var _b = _a.deliverOption, deliverOption = _b === void 0 ? 'Address' : _b, icon = _a.icon, storeName = _a.storeName, customerName = _a.customerName, street = _a.street, zipCode = _a.zipCode, city = _a.city, doorCode = _a.doorCode, floor = _a.floor, deliveryInstructions = _a.deliveryInstructions, xsSpacing = _a.xsSpacing, lgSpacing = _a.lgSpacing;
-    var spacingsDefined = (xsSpacing || lgSpacing);
+    var spacingsDefined = xsSpacing || lgSpacing;
     return (React__default["default"].createElement(React__default["default"].Fragment, null,
         React__default["default"].createElement(AddressBlock_styles.AddressOption, null,
             icon && icon,
             deliverOption && React__default["default"].createElement(typography.H3, null, deliverOption)),
-        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        spacingsDefined && (React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing })),
         storeName && React__default["default"].createElement(typography.H3, null, storeName),
         customerName && React__default["default"].createElement(typography.BodyText, null, customerName),
-        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        spacingsDefined && (React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing })),
         React__default["default"].createElement(typography.BodyText, null, street),
-        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        spacingsDefined && (React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing })),
         React__default["default"].createElement(typography.BodyText, null,
             zipCode,
             " ",
             city),
-        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        doorCode && (React__default["default"].createElement(typography.BodyText, null, doorCode)),
-        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        floor && (React__default["default"].createElement(typography.BodyText, null, floor)),
-        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        deliveryInstructions && (deliveryInstructions)));
+        spacingsDefined && (React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing })),
+        doorCode && React__default["default"].createElement(typography.BodyText, null, doorCode),
+        spacingsDefined && (React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing })),
+        floor && React__default["default"].createElement(typography.BodyText, null, floor),
+        spacingsDefined && (React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing })),
+        deliveryInstructions && deliveryInstructions));
 }
 
 exports.AddressBlock = AddressBlock;

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var BackButton_styles = require('./BackButton.styles.js');
 var icons = require('@citygross/icons');
 var typography = require('@citygross/typography');
+var BackButton_styles = require('./BackButton.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -14,7 +14,7 @@ var BoxContainer = styled__default["default"].div(templateObject_1 || (templateO
     return props.padding &&
         "\n    @media (min-width: ".concat((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.lg, "px) {\n    padding:  ").concat(props.paddingVertical
             ? props.paddingVertical
-            : (_c = props.padding) !== null && _c !== void 0 ? _c : (_e = (_d = props === null || props === void 0 ? void 0 : props.theme) === null || _d === void 0 ? void 0 : _d.spacings) === null || _e === void 0 ? void 0 : _e.lg, "px ").concat(props.padding ? props.padding : (_g = (_f = props === null || props === void 0 ? void 0 : props.theme) === null || _f === void 0 ? void 0 : _f.spacings) === null || _g === void 0 ? void 0 : _g.lg, "px;\n\n  }\n\n    padding: ").concat(props.paddingVertical ? props.paddingVertical : props.padding, "px ").concat(props.padding, "px");
+            : ((_c = props.padding) !== null && _c !== void 0 ? _c : (_e = (_d = props === null || props === void 0 ? void 0 : props.theme) === null || _d === void 0 ? void 0 : _d.spacings) === null || _e === void 0 ? void 0 : _e.lg), "px ").concat(props.padding ? props.padding : (_g = (_f = props === null || props === void 0 ? void 0 : props.theme) === null || _f === void 0 ? void 0 : _f.spacings) === null || _g === void 0 ? void 0 : _g.lg, "px;\n\n  }\n\n    padding: ").concat(props.paddingVertical ? props.paddingVertical : props.padding, "px ").concat(props.padding, "px");
 });
 var templateObject_1;
 

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

@@ -1,7 +1,7 @@
 'use strict';
 
-var icons = require('@citygross/icons');
 var React = require('react');
+var icons = require('@citygross/icons');
 var BoxArrow_styles = require('./BoxArrow.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -65,7 +65,7 @@ var SpinnerSize = function (size) {
             return '26px';
     }
 };
-var BaseButton = styled__default["default"].button(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  /* reset */\n  border: none;\n  backface-visibility: hidden;\n  cursor: pointer;\n  border-radius: ", "px;\n  pointer-events: ", ";\n  -webkit-font-smoothing: antialiased;\n  user-select: ", ";\n\n  position: relative;\n\n  /* typography */\n\n  font-family: ", ";\n  font-weight: ", ";\n  text-align: ", ";\n  white-space: ", ";\n\n  /* colors */\n\n  background: ", ";\n\n  color: ", ";\n\n  /* Width & Height */\n\n  width: ", ";\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  /* Hover Effect */\n\n  &:hover {\n    ::after {\n      opacity: ", ";\n    }\n    ", ";\n  }\n  &:active {\n    ::before {\n      opacity: ", ";\n    }\n    ::after {\n      opacity: 0;\n    }\n  }\n    ", "\n  /* Media Queries */\n\n  @media (max-width: ", "px) {\n    align-self: ", ";\n  }\n"], ["\n  /* reset */\n  border: none;\n  backface-visibility: hidden;\n  cursor: pointer;\n  border-radius: ", "px;\n  pointer-events: ", ";\n  -webkit-font-smoothing: antialiased;\n  user-select: ", ";\n\n  position: relative;\n\n  /* typography */\n\n  font-family: ", ";\n  font-weight: ", ";\n  text-align: ", ";\n  white-space: ", ";\n\n  /* colors */\n\n  background: ", ";\n\n  color: ", ";\n\n  /* Width & Height */\n\n  width: ", ";\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  /* Hover Effect */\n\n  &:hover {\n    ::after {\n      opacity: ", ";\n    }\n    ", ";\n  }\n  &:active {\n    ::before {\n      opacity: ", ";\n    }\n    ::after {\n      opacity: 0;\n    }\n  }\n    ", "\n  /* Media Queries */\n\n  @media (max-width: ", "px) {\n    align-self: ", ";\n  }\n"])), function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.isDisabled && 'none'; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.type.primary; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.weight.medium; }, function (props) { return (props.center ? 'center' : 'initial'); }, function (props) { return (props.noWrap ? 'nowrap' : 'normal'); }, function (props) { var _a, _b; return props.isDisabled ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium : props.color; }, function (props) {
+var BaseButton = styled__default["default"].button(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  /* reset */\n  border: none;\n  backface-visibility: hidden;\n  cursor: pointer;\n  border-radius: ", "px;\n  pointer-events: ", ";\n  -webkit-font-smoothing: antialiased;\n  user-select: ", ";\n\n  position: relative;\n\n  /* typography */\n\n  font-family: ", ";\n  font-weight: ", ";\n  text-align: ", ";\n  white-space: ", ";\n\n  /* colors */\n\n  background: ", ";\n\n  color: ", ";\n\n  /* Width & Height */\n\n  width: ", ";\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  /* Hover Effect */\n\n  &:hover {\n    ::after {\n      opacity: ", ";\n    }\n    ", ";\n  }\n  &:active {\n    ::before {\n      opacity: ", ";\n    }\n    ::after {\n      opacity: 0;\n    }\n  }\n  ", "\n  /* Media Queries */\n\n  @media (max-width: ", "px) {\n    align-self: ", ";\n  }\n"], ["\n  /* reset */\n  border: none;\n  backface-visibility: hidden;\n  cursor: pointer;\n  border-radius: ", "px;\n  pointer-events: ", ";\n  -webkit-font-smoothing: antialiased;\n  user-select: ", ";\n\n  position: relative;\n\n  /* typography */\n\n  font-family: ", ";\n  font-weight: ", ";\n  text-align: ", ";\n  white-space: ", ";\n\n  /* colors */\n\n  background: ", ";\n\n  color: ", ";\n\n  /* Width & Height */\n\n  width: ", ";\n\n  &::after {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  &::before {\n    content: '';\n    position: absolute;\n    width: 100%;\n    height: 100%;\n    border-radius: ", "px;\n    top: 0;\n    left: 0;\n    box-shadow: ", ";\n    opacity: 0;\n    -webkit-transition: ", ";\n    transition: ", ";\n  }\n\n  /* Hover Effect */\n\n  &:hover {\n    ::after {\n      opacity: ", ";\n    }\n    ", ";\n  }\n  &:active {\n    ::before {\n      opacity: ", ";\n    }\n    ::after {\n      opacity: 0;\n    }\n  }\n  ", "\n  /* Media Queries */\n\n  @media (max-width: ", "px) {\n    align-self: ", ";\n  }\n"])), function (props) { var _a, _b; return (_a = props.borderRadius) !== null && _a !== void 0 ? _a : (_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) { return props.isDisabled && 'none'; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.type.primary; }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.typography) === null || _b === void 0 ? void 0 : _b.weight.medium; }, function (props) { return (props.center ? 'center' : 'initial'); }, function (props) { return (props.noWrap ? 'nowrap' : 'normal'); }, function (props) { var _a, _b; return props.isDisabled ? (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.medium : props.color; }, function (props) {
     var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m;
     return props.color === ((_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.secondary) ||
         props.color === ((_d = (_c = props === null || props === void 0 ? void 0 : props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.darkest) ||
@@ -79,7 +79,7 @@ var BaseButton = styled__default["default"].button(templateObject_1 || (template
         props.hoverBackground &&
         "background: ".concat(props.hoverBackground);
 }, function (props) { return ((props === null || props === void 0 ? void 0 : props.noShadow) ? 0 : 1); }, global_styles.focusVisible, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { return (props.center ? 'center' : 'initial'); });
-var BasePrimaryCSS = styled.css(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  font-size: ", ";\n  line-height: ", ";\n\n  /* shadow */\n", "\n\n  /* Padding */\n\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    font-size: ", ";\n\n    padding: ", ";\n    ", ";\n  }\n"], ["\n  font-size: ", ";\n  line-height: ", ";\n\n  /* shadow */\n", "\n\n  /* Padding */\n\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    font-size: ", ";\n\n    padding: ", ";\n    ", ";\n  }\n"])), function (props) { return ButtonFontSize(props.xsSize || props.size); }, function (props) {
+var BasePrimaryCSS = styled.css(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  font-size: ", ";\n  line-height: ", ";\n\n  /* shadow */\n  ", "\n\n  /* Padding */\n\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    font-size: ", ";\n\n    padding: ", ";\n    ", ";\n  }\n"], ["\n  font-size: ", ";\n  line-height: ", ";\n\n  /* shadow */\n  ", "\n\n  /* Padding */\n\n  padding: ", ";\n\n  @media (min-width: ", "px) {\n    font-size: ", ";\n\n    padding: ", ";\n    ", ";\n  }\n"])), function (props) { return ButtonFontSize(props.xsSize || props.size); }, function (props) {
     var _a, _b;
     return props.size === 'small'
         ? "".concat((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2, "px")
@@ -167,7 +167,7 @@ var ButtonBadge = styled__default["default"].div(templateObject_14 || (templateO
 }, function (props) { var _a; return (_a = props.background) !== null && _a !== void 0 ? _a : 'black'; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.buttonBadgeFontSize; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight) === null || _b === void 0 ? void 0 : _b.xs; }, function (props) { return props.minWidth && "min-width: ".concat(props.minWidth, "px"); });
 var NavButton = styled__default["default"](BaseButton)(templateObject_15 || (templateObject_15 = _tslib.__makeTemplateObject(["\n  @media (max-width: ", "px) {\n    ", "\n  }\n\n  @media (min-width: ", "px) {\n    ", "\n  }\n  ", ";\n"], ["\n  @media (max-width: ", "px) {\n    ", "\n  }\n\n  @media (min-width: ", "px) {\n    ", "\n  }\n  ", ";\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; }, function (props) { return (props.keepLabel ? BasePrimaryCSS : BaseIconButtonCSS); }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; }, BasePrimaryCSS, function (props) { return props.minWidth && "min-width: ".concat(props.minWidth, "px"); });
 var NavButtonIcon = styled__default["default"].div(templateObject_16 || (templateObject_16 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  @media (min-width: ", "px) {\n    display: none;\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.headerBreakpoint; });
-var NavButtonChild = styled__default["default"].div(templateObject_17 || (templateObject_17 = _tslib.__makeTemplateObject(["\n  ", "\n      @media (min-width: ", "px) {\n          ", "\n        }\n"], ["\n  ", "\n      @media (min-width: ", "px) {\n          ", "\n        }\n"])), function (props) {
+var NavButtonChild = styled__default["default"].div(templateObject_17 || (templateObject_17 = _tslib.__makeTemplateObject(["\n  ", "\n  @media (min-width: ", "px) {\n    ", "\n  }\n"], ["\n  ", "\n  @media (min-width: ", "px) {\n    ", "\n  }\n"])), function (props) {
     return props.keepLabel
         ? ButtonChildContainerCSS
         : "display: none;\n      ";

package/build/cjs/components/src/components/Button/NavButton.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
 var React = require('react');
-var Button_styles = require('./Button.styles.js');
 var designTokens = require('@citygross/design-tokens');
+var Button_styles = require('./Button.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/components/src/components/Button/SaveButton.js

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var designTokens = require('@citygross/design-tokens');
-var Button_styles = require('./Button.styles.js');
 var typography = require('@citygross/typography');
+var Button_styles = require('./Button.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var fallback_grocery = require('./assets/fallback_grocery.svg.js');
-var CartCard_styles = require('./CartCard.styles.js');
 var icons = require('@citygross/icons');
 var CgButton = require('../CgButton/CgButton.js');
+var fallback_grocery = require('./assets/fallback_grocery.svg.js');
+var CartCard_styles = require('./CartCard.styles.js');
 var CgButton_types = require('../CgButton/CgButton.types.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var Skeleton = require('react-loading-skeleton');
 var typography = require('@citygross/typography');
 var utils = require('@citygross/utils');
-var Skeleton = require('react-loading-skeleton');
 var CartItemSummary_styles = require('./CartItemSummary.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -14,7 +14,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var Skeleton__default = /*#__PURE__*/_interopDefaultLegacy(Skeleton);
 
 function CartItemSummary(_a) {
-    var product = _a.product, withParenthesis = _a.withParenthesis, _b = _a.unit, unit = _b === void 0 ? "st" : _b;
+    var product = _a.product, withParenthesis = _a.withParenthesis, _b = _a.unit, unit = _b === void 0 ? 'st' : _b;
     return (React__default["default"].createElement(CartItemSummary_styles.CartItemSummaryWrapper, null,
         product &&
             (product.amount === 0 || product.amount) &&

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
 var React = require('react');
-var CgButton_styles = require('./CgButton.styles.js');
+var designTokens = require('@citygross/design-tokens');
+var button = require('../../helpers/button.js');
 var Spinner = require('../Spinner/Spinner.js');
+var CgButton_styles = require('./CgButton.styles.js');
 var CgButton_types = require('./CgButton.types.js');
-var button = require('../../helpers/button.js');
-var designTokens = require('@citygross/design-tokens');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/components/src/components/CgButton/DivAsButton/DivAsButton.js

@@ -5,8 +5,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var _tslib = require('../../../../../_virtual/_tslib.js');
 var React = require('react');
 var button = require('../../../helpers/button.js');
-var CgButton_types = require('../CgButton.types.js');
 var CgButton_styles = require('../CgButton.styles.js');
+var CgButton_types = require('../CgButton.types.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/components/src/components/Chips/Chip.js

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var designTokens = require('@citygross/design-tokens');
 var icons = require('@citygross/icons');
 var typography = require('@citygross/typography');
-var Chip_styles = require('./Chip.styles.js');
-var designTokens = require('@citygross/design-tokens');
 var Spinner = require('../Spinner/Spinner.js');
+var Chip_styles = require('./Chip.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/components/src/components/Chips/Chip.styles.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
 var typography = require('@citygross/typography');
+var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var Box = require('../Box/Box.js');
 var icons = require('@citygross/icons');
 var typography = require('@citygross/typography');
+var Box = require('../Box/Box.js');
 var Collapsable_styles = require('./Collapsable.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var CouponCode_styles = require('./CouponCode.styles.js');
-var CgButton = require('../CgButton/CgButton.js');
-var CgButton_types = require('../CgButton/CgButton.types.js');
-var icons = require('@citygross/icons');
 var designTokens = require('@citygross/design-tokens');
-var Link = require('../Links/Link.js');
+var icons = require('@citygross/icons');
 var typography = require('@citygross/typography');
-var Input = require('../FormElements/Input/Input.js');
+var CgButton = require('../CgButton/CgButton.js');
 var Flex_styles = require('../Flex/Flex.styles.js');
+var Input = require('../FormElements/Input/Input.js');
+var Link = require('../Links/Link.js');
+var CouponCode_styles = require('./CouponCode.styles.js');
+var CgButton_types = require('../CgButton/CgButton.types.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@citygross/utils');
 var typography = require('@citygross/typography');
+var utils = require('@citygross/utils');
 var DeliverySlotItem_styles = require('./DeliverySlotItem.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@citygross/utils');
 var typography = require('@citygross/typography');
+var utils = require('@citygross/utils');
 var DeliveryTimeBlock_styles = require('./DeliveryTimeBlock.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js

@@ -22,7 +22,7 @@ var Checkbox = function (_a) {
         React__default["default"].createElement(FormElement_styles.HiddenInput, _tslib.__assign({ checked: checked, disabled: disabled, type: "checkbox" }, props)),
         React__default["default"].createElement(Checkbox_styles.CheckboxContainer, { attributes: attributes },
             React__default["default"].createElement(Checkbox_styles.IconContainer, null,
-                React__default["default"].createElement(icons.Icons.CheckMark, { color: iconColor }))),
+                React__default["default"].createElement(icons.Icons.CheckMark, { color: iconColor, "aria-hidden": "true" }))),
         hideLabel ? (React__default["default"].createElement(ScreenReader.ScreenReader, { string: label })) : (React__default["default"].createElement(typography.BodyText, { color: labelColor }, label))));
 };
 

package/build/cjs/components/src/components/FormElements/InputOld/InputOld.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.js');
-var InputOld_styles = require('./InputOld.styles.js');
 var React = require('react');
+var InputOld_styles = require('./InputOld.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/build/cjs/components/src/components/FormElements/Radio/Radio.styles.js

@@ -41,7 +41,7 @@ var RadioContainer = styled__default["default"].div(templateObject_5 || (templat
     return !disabled && styled.css(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n        background-color: ", ";\n        border-radius: ", ";\n        content: '';\n        height: 70%;\n        width: 70%;\n        position: absolute;\n        top: 15%;\n        left: 15%;\n      "], ["\n        background-color: ", ";\n        border-radius: ", ";\n        content: '';\n        height: 70%;\n        width: 70%;\n        position: absolute;\n        top: 15%;\n        left: 15%;\n      "])), attributes.backgroundColor, (_c = (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius) === null || _c === void 0 ? void 0 : _c.circle);
 }, function (_a) {
     var disabled = _a.disabled, attributes = _a.attributes, checked = _a.checked;
-    return !disabled && styled.css(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n        background-color: ", ";\n\n        ", "\n      "], ["\n        background-color: ", ";\n\n        ", "\n      "])), attributes.hoverBackgroundColor, !checked && styled.css(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n            height: 100%;\n            width: 100%;\n            top: 0;\n            left: 0;\n          "], ["\n            height: 100%;\n            width: 100%;\n            top: 0;\n            left: 0;\n          "]))));
+    return !disabled && styled.css(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n        background-color: ", ";\n\n        ", "\n      "], ["\n        background-color: ", ";\n\n        ", "\n      "])), attributes.hoverBackgroundColor, !checked && styled.css(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n          height: 100%;\n          width: 100%;\n          top: 0;\n          left: 0;\n        "], ["\n          height: 100%;\n          width: 100%;\n          top: 0;\n          left: 0;\n        "]))));
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 

package/build/cjs/components/src/components/FormElements/TextArea/TextArea.js

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../../_virtual/_tslib.js');
-var TextArea_styles = require('./TextArea.styles.js');
 var React = require('react');
+var TextArea_styles = require('./TextArea.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -3,13 +3,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var utils = require('@citygross/utils');
 var designTokens = require('@citygross/design-tokens');
 var icons = require('@citygross/icons');
+var utils = require('@citygross/utils');
+var CgButton = require('../CgButton/CgButton.js');
+var HeaderLink = require('../HeaderLink/HeaderLink.js');
 var Logo = require('../Logo/Logo.js');
 var Header_styles = require('./Header.styles.js');
-var HeaderLink = require('../HeaderLink/HeaderLink.js');
-var CgButton = require('../CgButton/CgButton.js');
 var CgButton_types = require('../CgButton/CgButton.types.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var HeaderLink_styles = require('./HeaderLink.styles.js');
 var typography = require('@citygross/typography');
+var HeaderLink_styles = require('./HeaderLink.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var icons = require('@citygross/icons');
-var IconToolTip_styles = require('./IconToolTip.styles.js');
-var Spacer = require('../Spacer/Spacer.js');
 var index = require('../../../../design-tokens/build/index.js');
+var Spacer = require('../Spacer/Spacer.js');
+var IconToolTip_styles = require('./IconToolTip.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var IconToolTipContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: inline-flex;\n  cursor: pointer;\n  position: relative;\n"], ["\n  display: inline-flex;\n  cursor: pointer;\n  position: relative;\n"])));
-var ArrowUp = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n  width: 0;\n  left: ", "px;\n  height: 0;\n  border-left: ", "px solid\n    transparent;\n  border-right: ", "px solid\n    transparent;\n  border-bottom: ", "px solid\n    ", ";\n"], ["\n  position: absolute;\n  top: ", "px;\n  width: 0;\n  left: ", "px;\n  height: 0;\n  border-left: ", "px solid\n    transparent;\n  border-right: ", "px solid\n    transparent;\n  border-bottom: ", "px solid\n    ", ";\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.iconToolTipArrowTop; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.iconToolTipArrowLeft; }, function (props) { var _a, _b; return (_b = (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius) === null || _b === void 0 ? void 0 : _b.small; }, function (props) { var _a, _b; return (_b = (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius) === null || _b === void 0 ? void 0 : _b.small; }, function (props) { var _a, _b; return (_b = (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius) === null || _b === void 0 ? void 0 : _b.small; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkest; });
+var ArrowUp = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n  width: 0;\n  left: ", "px;\n  height: 0;\n  border-left: ", "px solid\n    transparent;\n  border-right: ", "px\n    solid transparent;\n  border-bottom: ", "px\n    solid ", ";\n"], ["\n  position: absolute;\n  top: ", "px;\n  width: 0;\n  left: ", "px;\n  height: 0;\n  border-left: ", "px solid\n    transparent;\n  border-right: ", "px\n    solid transparent;\n  border-bottom: ", "px\n    solid ", ";\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.iconToolTipArrowTop; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.iconToolTipArrowLeft; }, function (props) { var _a, _b; return (_b = (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius) === null || _b === void 0 ? void 0 : _b.small; }, function (props) { var _a, _b; return (_b = (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius) === null || _b === void 0 ? void 0 : _b.small; }, function (props) { var _a, _b; return (_b = (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius) === null || _b === void 0 ? void 0 : _b.small; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkest; });
 var ToolTipBox = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  position: absolute;\n  top: ", "px;\n  ", ";\n  width: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  padding: ", "px;\n  z-index: 99;\n"], ["\n  position: absolute;\n  top: ", "px;\n  ", ";\n  width: ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  padding: ", "px;\n  z-index: 99;\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.iconToolTipTop; }, function (props) {
     return props.right
         ? "right: ".concat(props.right, "px")

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

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
+var designTokens = require('@citygross/design-tokens');
 var Button = require('../Button/Button.js');
 require('../../../../_virtual/_tslib.js');
-var designTokens = require('@citygross/design-tokens');
 require('../Button/Button.styles.js');
 require('@citygross/typography');
 require('../Button/NavButton.js');

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var InfoBlock = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: ", "px;\n  position: relative;\n  background: ", ";\n  padding: ", ";\n  @media (min-width: ", "px) {\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: space-between;\n  } ;\n"], ["\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: ", "px;\n  position: relative;\n  background: ", ";\n  padding: ", ";\n  @media (min-width: ", "px) {\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: space-between;\n  } ;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return props.background; }, function (props) {
+var InfoBlock = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: ", "px;\n  position: relative;\n  background: ", ";\n  padding: ", ";\n  @media (min-width: ", "px) {\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n"], ["\n  display: flex;\n  flex: 1;\n  flex-wrap: wrap;\n  gap: ", "px;\n  position: relative;\n  background: ", ";\n  padding: ", ";\n  @media (min-width: ", "px) {\n    flex-wrap: nowrap;\n    align-items: center;\n    justify-content: space-between;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return props.background; }, function (props) {
     var _a, _b, _c;
     return props.hasImage
         ? "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md, "px")

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

@@ -4,8 +4,8 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
 var styled = require('styled-components');
-var Link = require('./Link.js');
 var global_styles = require('../../shared/global.styles.js');
+var Link = require('./Link.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -60,7 +60,7 @@ var mapToType = function (type) {
             return PrimaryLink;
     }
 };
-var LinkStyle = styled.css(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  /* typography */\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  border-radius: ", "px;\n\n", "\n  ", "\n"], ["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  /* typography */\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  border-radius: ", "px;\n\n", "\n  ", "\n"])), function (props) { return props.isDisabled && 'none'; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) {
+var LinkStyle = styled.css(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  /* typography */\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  border-radius: ", "px;\n\n  ", "\n  ", "\n"], ["\n  user-select: ", ";\n  pointer-events: ", ";\n  cursor: pointer;\n  /* typography */\n  line-height: ", ";\n  white-space: ", ";\n  ", "\n\n  border-radius: ", "px;\n\n  ", "\n  ", "\n"])), function (props) { return props.isDisabled && 'none'; }, function (props) { return (props.isDisabled ? 'none' : 'all'); }, function (props) {
     var _a, _b;
     return props.size === 'small'
         ? ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.s2) + 'px'