@citygross/components 0.16.0 → 0.16.2

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

@@ -38,7 +38,8 @@ var ListImage = styled__default["default"].img(templateObject_6 || (templateObje
             : (_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.listImageMaxHeight, "px");
 });
 var CheckboxContainer = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  display: flex;\n  row-gap: ", "px;\n  margin-top: ", "px;\n  flex-wrap: wrap;\n  column-gap: ", "px;\n"], ["\n  display: flex;\n  row-gap: ", "px;\n  margin-top: ", "px;\n  flex-wrap: wrap;\n  column-gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
+var VisuallyHiddenLegend = styled__default["default"].legend(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n  position: absolute;\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n"], ["\n  position: absolute;\n  width: 0;\n  height: 0;\n  overflow: hidden;\n  clip-path: inset(50%);\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7, templateObject_8;
 
 exports.CheckboxContainer = CheckboxContainer;
 exports.ItemInformationContainer = ItemInformationContainer;
@@ -47,4 +48,5 @@ exports.ListImageContainer = ListImageContainer;
 exports.ListItemContainer = ListItemContainer;
 exports.ListLeft = ListLeft;
 exports.ListRight = ListRight;
+exports.VisuallyHiddenLegend = VisuallyHiddenLegend;
 //# sourceMappingURL=ListItem.styles.js.map

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

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

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

@@ -3,11 +3,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
-var typography = require('@citygross/typography');
 var Skeleton = require('react-loading-skeleton');
+var typography = require('@citygross/typography');
+var index = require('../../../../design-tokens/build/index.js');
 var fallback_grocery = require('../ListItem/assets/fallback_grocery.svg.js');
 var ListItemWithRadio_styles = require('./ListItemWithRadio.styles.js');
-var index = require('../../../../design-tokens/build/index.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

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

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

@@ -10,7 +10,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var MaxHeightTextWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: ", "px;\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", "px;\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.xs; });
-var MaxHeightTextContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"], ["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"])), function (props) { return ((props === null || props === void 0 ? void 0 : props.maxHeight) ? "".concat(props === null || props === void 0 ? void 0 : props.maxHeight, "px") : 'auto'); });
+var MaxHeightTextContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"], ["\n  max-height: ", ";\n  overflow: hidden;\n  position: relative;\n"])), function (props) {
+    return (props === null || props === void 0 ? void 0 : props.maxHeight) ? "".concat(props === null || props === void 0 ? void 0 : props.maxHeight, "px") : 'auto';
+});
 var MaxHeightTextFader = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: ", "px;\n  background: linear-gradient(\n    ", "\n  );\n"], ["\n  position: absolute;\n  left: 0;\n  bottom: 0;\n  width: 100%;\n  height: ", "px;\n  background: linear-gradient(\n    ", "\n  );\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.constants) === null || _b === void 0 ? void 0 : _b.maxHeightFaderHeight; }, function (props) { var _a, _b, _c, _d; return "".concat((_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.transparent, ", ").concat((_d = (_c = props.theme) === null || _c === void 0 ? void 0 : _c.palette) === null || _d === void 0 ? void 0 : _d.lightest); });
 var templateObject_1, templateObject_2, templateObject_3;
 

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

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

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

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

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
 var react = require('motion/react');
+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/MenuListItem/MenuListHeader.js

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

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

@@ -2,9 +2,9 @@
 
 Object.defineProperty(exports, '__esModule', { value: true });
 
+var React = require('react');
 var designTokens = require('@citygross/design-tokens');
 var icons = require('@citygross/icons');
-var React = require('react');
 var MenuListDropdown = require('../MenuListDropdown/MenuListDropdown.js');
 var MenuListItem_styles = require('./MenuListItem.styles.js');
 

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

@@ -10,7 +10,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var MenuListItemWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n"], ["\n  width: 100%;\n"])));
-var MainCategoryWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: ", "px;\n  cursor: pointer;\n  background-color: ", ";\n  min-height: ", "px;\n  align-items: center;\n  &:hover {\n    ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  padding: ", "px;\n  cursor: pointer;\n  background-color: ", ";\n  min-height: ", "px;\n  align-items: center;\n  &:hover {\n    ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return props.isOpen ? props.backgroundColor : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl; }, function (props) { return props.hoverBackground && "background:".concat(props.hoverBackground); });
+var MainCategoryWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding: ", "px;\n  cursor: pointer;\n  background-color: ", ";\n  min-height: ", "px;\n  align-items: center;\n  &:hover {\n    ", ";\n  }\n"], ["\n  display: flex;\n  justify-content: space-between;\n  padding: ", "px;\n  cursor: pointer;\n  background-color: ", ";\n  min-height: ", "px;\n  align-items: center;\n  &:hover {\n    ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return props.isOpen ? props.backgroundColor : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl; }, function (props) {
+    return props.hoverBackground && "background:".concat(props.hoverBackground);
+});
 var NestedWrapper = styled__default["default"](MainCategoryWrapper)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding: ", ";\n  display: flex;\n  flex-direction: column;\n  ", "\n"], ["\n  padding: ", ";\n  display: flex;\n  flex-direction: column;\n  ", "\n"])), function (props) { var _a; return (props.nested ? 0 : "".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs, "px")); }, function (props) {
     return props.iconWidth &&
         "* {\n      min-width: ".concat(props.iconWidth, "px;\n    }");

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

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

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

@@ -11,7 +11,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var MobileTable = styled__default["default"].table(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePaddingBottom; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; });
 var MobileTd = styled__default["default"].td(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, 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.size.s2; });
-var MobileLabel = styled__default["default"](MobileTd)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"], ["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPadding; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPaddingMobile; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRightMobile; });
+var MobileLabel = styled__default["default"](MobileTd)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px\n        0;\n      padding-right: ", "px;\n    }\n  }\n"], ["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px\n        0;\n      padding-right: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPadding; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPaddingMobile; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRightMobile; });
 var templateObject_1, templateObject_2, templateObject_3;
 
 exports.MobileLabel = MobileLabel;

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

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

package/build/cjs/components/src/components/NavMainLink/NavMainLink.styled.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var MainLinkContainer = styled__default["default"].a(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  height: 100%;\n  display: inline-flex;\n  cursor: pointer;\n  align-items: center;\n  white-space: nowrap;\n  font-weight: ", ";\n  ", ";\n  &:hover {\n    box-shadow: inset 0 -4px 0 ", ";\n  }\n"], ["\n  height: 100%;\n  display: inline-flex;\n  cursor: pointer;\n  align-items: center;\n  white-space: nowrap;\n  font-weight: ", ";\n  ", ";\n  &:hover {\n    box-shadow: inset 0 -4px 0 ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) {
+var MainLinkContainer = styled__default["default"].a(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  height: 100%;\n  display: inline-flex;\n  cursor: pointer;\n  align-items: center;\n  white-space: nowrap;\n  font-weight: ", ";\n  ", ";\n  &:hover {\n    box-shadow: inset 0 -4px 0\n      ", ";\n  }\n"], ["\n  height: 100%;\n  display: inline-flex;\n  cursor: pointer;\n  align-items: center;\n  white-space: nowrap;\n  font-weight: ", ";\n  ", ";\n  &:hover {\n    box-shadow: inset 0 -4px 0\n      ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) {
     var _a, _b;
     return (props === null || props === void 0 ? void 0 : props.active) &&
         "\n    box-shadow: inset 0 -4px 0 ".concat((_a = props === null || props === void 0 ? void 0 : props.borderColor) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.primary, ";\n  ");

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

@@ -3,9 +3,9 @@
 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 designTokens = require('@citygross/design-tokens');
 var Pagination_styles = require('./Pagination.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

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

@@ -4,9 +4,9 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var price = require('../../helpers/price.js');
+var ScreenReader = require('../ScreenReader/ScreenReader.js');
 var PriceStripe_styles = require('./PriceStripe.styles.js');
 var PriceTag_types = require('../PriceTag/PriceTag.types.js');
-var ScreenReader = require('../ScreenReader/ScreenReader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -4,12 +4,12 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var icons = require('@citygross/icons');
+var utils = require('@citygross/utils');
 var price = require('../../helpers/price.js');
 var PriceStripe = require('../PriceStripe/PriceStripe.js');
+var ScreenReader = require('../ScreenReader/ScreenReader.js');
 var PriceTag_styles = require('./PriceTag.styles.js');
 var PriceTag_types = require('./PriceTag.types.js');
-var utils = require('@citygross/utils');
-var ScreenReader = require('../ScreenReader/ScreenReader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

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

package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.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 ScreenReader = require('../ScreenReader/ScreenReader.js');
 var QuantitySelector_styles = require('./QuantitySelector.styles.js');
-var designTokens = require('@citygross/design-tokens');
 var QuantitySelector_types = require('./QuantitySelector.types.js');
-var ScreenReader = require('../ScreenReader/ScreenReader.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -3,10 +3,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
 var designTokens = require('@citygross/design-tokens');
-var QuantitySelector_types = require('./QuantitySelector.types.js');
+var styled = require('styled-components');
 var quantitySelector = require('../../helpers/quantity-selector.js');
+var QuantitySelector_types = require('./QuantitySelector.types.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -24,13 +24,11 @@ var Container = styled__default["default"].div(templateObject_6 || (templateObje
         : size;
     var _c = quantitySelector.getQuantitySelectorSizeAttributes(resolvedSize), fontSize = _c.fontSize, height = _c.height;
     var largeSize = quantitySelector.getQuantitySelectorSizeAttributes(QuantitySelector_types.EQuantitySelectorSize.large);
-    return styled.css(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n      display: grid;\n      font-size: ", "px;\n      grid-template-columns: ", "px 1fr ", "px;\n      height: ", "px;\n\n      ", "\n    "], ["\n      display: grid;\n      font-size: ", "px;\n      grid-template-columns: ", "px 1fr ", "px;\n      height: ", "px;\n\n      ", "\n    "])), fontSize, height, height, height, size === QuantitySelector_types.EQuantitySelectorSize.dynamic && styled.css(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n          @media (max-width: ", "px) {\n            font-size: ", "px;\n            grid-template-columns: ", "px 1fr ", "px;\n            height: ", "px;\n          }\n        "], ["\n          @media (max-width: ", "px) {\n            font-size: ", "px;\n            grid-template-columns: ", "px 1fr ", "px;\n            height: ", "px;\n          }\n        "])), (_b = designTokens.theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm, largeSize.fontSize, largeSize.height, largeSize.height, largeSize.height));
+    return styled.css(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n      display: grid;\n      font-size: ", "px;\n      grid-template-columns: ", "px 1fr ", "px;\n      height: ", "px;\n\n      ", "\n    "], ["\n      display: grid;\n      font-size: ", "px;\n      grid-template-columns: ", "px 1fr ", "px;\n      height: ", "px;\n\n      ", "\n    "])), fontSize, height, height, height, size === QuantitySelector_types.EQuantitySelectorSize.dynamic && styled.css(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n        @media (max-width: ", "px) {\n          font-size: ", "px;\n          grid-template-columns: ", "px 1fr ", "px;\n          height: ", "px;\n        }\n      "], ["\n        @media (max-width: ", "px) {\n          font-size: ", "px;\n          grid-template-columns: ", "px 1fr ", "px;\n          height: ", "px;\n        }\n      "])), (_b = designTokens.theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm, largeSize.fontSize, largeSize.height, largeSize.height, largeSize.height));
 });
 var StepButton = styled__default["default"].button(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  ", "\n  ", "\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n  }\n"], ["\n  background-color: ", ";\n  ", "\n  ", "\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: center;\n\n  &:hover {\n    background-color: ", ";\n  }\n\n  &:active {\n    background-color: ", ";\n  }\n\n  &:disabled {\n    background-color: ", ";\n    cursor: not-allowed;\n  }\n"])), (_f = designTokens.theme.palette) === null || _f === void 0 ? void 0 : _f.white, border, function (_a) {
     var direction = _a.direction;
-    return direction === 'subtract'
-        ? borderRadiusLeft
-        : borderRadiusRight;
+    return direction === 'subtract' ? borderRadiusLeft : borderRadiusRight;
 }, (_g = designTokens.theme.palette) === null || _g === void 0 ? void 0 : _g.lightest, (_h = designTokens.theme.palette) === null || _h === void 0 ? void 0 : _h.lighter, (_j = designTokens.theme.palette) === null || _j === void 0 ? void 0 : _j.light);
 var Label = styled__default["default"].label(templateObject_8 || (templateObject_8 = _tslib.__makeTemplateObject(["\n  ", "\n  border-radius: 0;\n  cursor: pointer;\n  text-align: center;\n"], ["\n  ", "\n  border-radius: 0;\n  cursor: pointer;\n  text-align: center;\n"])), border);
 var Input = styled__default["default"].input(templateObject_9 || (templateObject_9 = _tslib.__makeTemplateObject(["\n  border: none;\n  height: 100%;\n  ", ";\n  padding: 0;\n  text-align: center;\n  width: ", ";\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n"], ["\n  border: none;\n  height: 100%;\n  ", ";\n  padding: 0;\n  text-align: center;\n  width: ", ";\n\n  &::-webkit-outer-spin-button,\n  &::-webkit-inner-spin-button {\n    -webkit-appearance: none;\n    margin: 0;\n  }\n\n  -moz-appearance: textfield;\n  appearance: textfield;\n"])), function (_a) {

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

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

package/build/cjs/components/src/components/RadioBox/RadioBoxList.js

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

package/build/cjs/components/src/components/RadioBox/RadioBoxList.styles.js

@@ -3,9 +3,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
-var typography = require('@citygross/typography');
 var React = require('react');
+var typography = require('@citygross/typography');
+var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -16,9 +16,13 @@ var BaseRadioBoxList = styled__default["default"].div(templateObject_1 || (templ
     return props.checked &&
         "border-color:".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.border, ";\n    box-shadow: 0px 2px 5px rgba(7, 52, 99, 0.15);");
 });
-var RadioBoxListChildContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height:", ";\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height:", ";\n  ", "\n"])), function (props) { return props.checked ? React.Children.count(props.children) * 184 + 'px' : '0px'; }, function (props) { return props.checked
-    ? 'transition: all 0.4s ease-out'
-    : 'transition: all 0.2s ease-in'; });
+var RadioBoxListChildContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: ", ";\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height: ", ";\n  ", "\n"])), function (props) {
+    return props.checked ? React.Children.count(props.children) * 184 + 'px' : '0px';
+}, function (props) {
+    return props.checked
+        ? 'transition: all 0.4s ease-out'
+        : 'transition: all 0.2s ease-in';
+});
 var DividerPadding = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) { var _a; return "padding: 0px ".concat((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm, "px;"); });
 var RadioBoxListParagraph = styled__default["default"](typography.BodyText)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  padding-top: ", "px;\n"], ["\n  padding-top: ", "px;\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, templateObject_4;

package/build/cjs/components/src/components/RadioBox/RadioBoxList.styles.js.map

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

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

@@ -35,7 +35,9 @@ var BaseRadioListItemContainer = styled__default["default"].div(templateObject_1
         "background: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter));
 });
 var BaseRadioItemLeftWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex: 5;\n  align-items: flex-start;\n  ", ";\n"], ["\n  display: flex;\n  flex: 5;\n  align-items: flex-start;\n  ", ";\n"])), function (props) { return props.flexGrow && "flex-grow: ".concat(props.flexGrow); });
-var StyledH3 = styled__default["default"](typography.H3).attrs({ as: 'span' })(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  cursor: ", ";\n  white-space: nowrap;\n  display: block;\n  line-height: ", "px;\n  ", ";\n"], ["\n  cursor: ", ";\n  white-space: nowrap;\n  display: block;\n  line-height: ", "px;\n  ", ";\n"])), function (props) { return (props.isDisabled ? 'not-allowed' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m1; }, function (props) {
+var StyledH3 = styled__default["default"](typography.H3).attrs({
+    as: 'span'
+})(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  cursor: ", ";\n  white-space: nowrap;\n  display: block;\n  line-height: ", "px;\n  ", ";\n"], ["\n  cursor: ", ";\n  white-space: nowrap;\n  display: block;\n  line-height: ", "px;\n  ", ";\n"])), function (props) { return (props.isDisabled ? 'not-allowed' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight.m1; }, function (props) {
     var _a;
     return props.isDisabled &&
         "\n      color: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray, ";\n      text-decoration: line-through;\n    ");

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

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

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
 var react = require('motion/react');
+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/SearchSuggestionChip/SearchSuggestionChip.styles.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var SearchSuggestionChipWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", " 0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", " 0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s1; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; }, 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.xxs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px"); }, 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.xs, "px"); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { return (props.disabled ? 'default' : 'pointer'); }, function (props) { return (props.disabled ? 'none' : 'all'); }, function (props) {
+var SearchSuggestionChipWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", "\n    0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"], ["\n  display: flex;\n  font-size: ", "px;\n  border: 1px solid ", ";\n  background-color: ", ";\n  padding: ", ";\n  margin: 0\n    ", "\n    0;\n  border-radius: ", "px;\n  cursor: ", ";\n  pointer-events: ", ";\n\n  :hover {\n    background-color: ", ";\n    border-color: ", ";\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s1; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light; }, 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.xxs, "px ").concat((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs, "px"); }, 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.xs, "px"); }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { return (props.disabled ? 'default' : 'pointer'); }, function (props) { return (props.disabled ? 'none' : 'all'); }, function (props) {
     var _a;
     return props.hoverBackgroundColor
         ? props.hoverBackgroundColor

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

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

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

@@ -3,8 +3,8 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
 var react = require('motion/react');
+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/SkipTo/SkipTo.styles.js

@@ -3,15 +3,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
-var styled = require('styled-components');
 var designTokens = require('@citygross/design-tokens');
+var styled = require('styled-components');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-var SkipLink = styled__default["default"].a(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: 100%;\n  overflow: hidden;\n  position: absolute;\n  left: -999px;\n  top: auto;\n  white-space: nowrap;\n  width: 1px;\n  height: 1px;\n\n  &:focus {\n    box-shadow: 0 0 0 ", "px ", ",\n      0 0 0 ", "px ", ";\n    outline: none;\n    padding: ", "px ", "px;\n    top: ", "px;\n    left: ", "px;\n    width: auto;\n    height: auto;\n    text-decoration: none;\n    z-index: ", ";\n  }\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: 100%;\n  overflow: hidden;\n  position: absolute;\n  left: -999px;\n  top: auto;\n  white-space: nowrap;\n  width: 1px;\n  height: 1px;\n\n  &:focus {\n    box-shadow: 0 0 0 ", "px ", ",\n      0 0 0 ", "px ", ";\n    outline: none;\n    padding: ", "px ", "px;\n    top: ", "px;\n    left: ", "px;\n    width: auto;\n    height: auto;\n    text-decoration: none;\n    z-index: ", ";\n  }\n"])), (_a = designTokens.theme.palette) === null || _a === void 0 ? void 0 : _a.black, (_b = designTokens.theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.white, (_d = designTokens.theme.typography) === null || _d === void 0 ? void 0 : _d.size.s3, (_e = designTokens.theme.typography) === null || _e === void 0 ? void 0 : _e.weight.medium, (_f = designTokens.theme.spacings) === null || _f === void 0 ? void 0 : _f.xxxs, (_g = designTokens.theme.palette) === null || _g === void 0 ? void 0 : _g.white, (_h = designTokens.theme.spacings) === null || _h === void 0 ? void 0 : _h.xxs, (_j = designTokens.theme.palette) === null || _j === void 0 ? void 0 : _j.black, (_k = designTokens.theme.spacings) === null || _k === void 0 ? void 0 : _k.xs, (_l = designTokens.theme.spacings) === null || _l === void 0 ? void 0 : _l.sm, (_m = designTokens.theme.spacings) === null || _m === void 0 ? void 0 : _m.xs2, (_o = designTokens.theme.spacings) === null || _o === void 0 ? void 0 : _o.xs2, (_p = designTokens.theme.attributes) === null || _p === void 0 ? void 0 : _p.zIndex.high);
+var SkipLink = styled__default["default"].a(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: 100%;\n  overflow: hidden;\n  position: absolute;\n  left: -999px;\n  top: auto;\n  white-space: nowrap;\n  width: 1px;\n  height: 1px;\n\n  &:focus {\n    box-shadow:\n      0 0 0 ", "px ", ",\n      0 0 0 ", "px ", ";\n    outline: none;\n    padding: ", "px ", "px;\n    top: ", "px;\n    left: ", "px;\n    width: auto;\n    height: auto;\n    text-decoration: none;\n    z-index: ", ";\n  }\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  line-height: 100%;\n  overflow: hidden;\n  position: absolute;\n  left: -999px;\n  top: auto;\n  white-space: nowrap;\n  width: 1px;\n  height: 1px;\n\n  &:focus {\n    box-shadow:\n      0 0 0 ", "px ", ",\n      0 0 0 ", "px ", ";\n    outline: none;\n    padding: ", "px ", "px;\n    top: ", "px;\n    left: ", "px;\n    width: auto;\n    height: auto;\n    text-decoration: none;\n    z-index: ", ";\n  }\n"])), (_a = designTokens.theme.palette) === null || _a === void 0 ? void 0 : _a.black, (_b = designTokens.theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.white, (_d = designTokens.theme.typography) === null || _d === void 0 ? void 0 : _d.size.s3, (_e = designTokens.theme.typography) === null || _e === void 0 ? void 0 : _e.weight.medium, (_f = designTokens.theme.spacings) === null || _f === void 0 ? void 0 : _f.xxxs, (_g = designTokens.theme.palette) === null || _g === void 0 ? void 0 : _g.white, (_h = designTokens.theme.spacings) === null || _h === void 0 ? void 0 : _h.xxs, (_j = designTokens.theme.palette) === null || _j === void 0 ? void 0 : _j.black, (_k = designTokens.theme.spacings) === null || _k === void 0 ? void 0 : _k.xs, (_l = designTokens.theme.spacings) === null || _l === void 0 ? void 0 : _l.sm, (_m = designTokens.theme.spacings) === null || _m === void 0 ? void 0 : _m.xs2, (_o = designTokens.theme.spacings) === null || _o === void 0 ? void 0 : _o.xs2, (_p = designTokens.theme.attributes) === null || _p === void 0 ? void 0 : _p.zIndex.high);
 var templateObject_1;
 
 exports.SkipLink = SkipLink;

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

@@ -4,11 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var _tslib = require('../../../../_virtual/_tslib.js');
 var React = require('react');
-var Slider_styles = require('./Slider.styles.js');
-var IconButton = require('../Button/IconButton.js');
-var icons = require('@citygross/icons');
 var SlickSlider = require('react-slick');
+var icons = require('@citygross/icons');
 var utils = require('@citygross/utils');
+var IconButton = require('../Button/IconButton.js');
+var Slider_styles = require('./Slider.styles.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

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

@@ -9,7 +9,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Spacer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  margin-bottom: ", "px;\n\n  @media (min-width: ", "px) {\n    margin-bottom: ", "px;\n  }\n"], ["\n  width: 100%;\n  margin-bottom: ", "px;\n\n  @media (min-width: ", "px) {\n    margin-bottom: ", "px;\n  }\n"])), function (props) { return props.theme.spacings ? props.theme.spacings[props.xsSpacing] : 0; }, 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.theme.spacings ? props.theme.spacings[props.lgSpacing] : 0; });
+var Spacer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  margin-bottom: ", "px;\n\n  @media (min-width: ", "px) {\n    margin-bottom: ", "px;\n  }\n"], ["\n  width: 100%;\n  margin-bottom: ", "px;\n\n  @media (min-width: ", "px) {\n    margin-bottom: ", "px;\n  }\n"])), function (props) {
+    return props.theme.spacings ? props.theme.spacings[props.xsSpacing] : 0;
+}, 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.theme.spacings ? props.theme.spacings[props.lgSpacing] : 0;
+});
 var templateObject_1;
 
 exports.Spacer = Spacer;

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

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

package/build/cjs/components/src/components/Stepper/StepperList.js

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

package/build/cjs/components/src/components/Stepper/StepperListItem.js

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

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

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

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

@@ -21,31 +21,33 @@ var Thead = styled__default["default"].thead(templateObject_2 || (templateObject
 var Th = styled__default["default"].th(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  position: relative;\n  padding: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  text-align: left;\n  &:last-child {\n    text-align: right;\n  }\n  &:first-child {\n    text-align: start;\n  }\n"], ["\n  position: relative;\n  padding: ", ";\n  font-size: ", "px;\n  font-weight: ", ";\n  text-align: left;\n  &:last-child {\n    text-align: right;\n  }\n  &:first-child {\n    text-align: start;\n  }\n"])), function (props) { var _a, _b; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableHeaderVerticalPadding, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.tableRowHorizontalPadding, "px"); }, function (props) { var _a; return props.fontSize || ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s3); }, function (props) { var _a; return props.weight || ((_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.regular); });
 var Tr = styled__default["default"].tr(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  border-bottom: ", ";\n  border-top: ", ";\n\n  cursor: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"], ["\n  border-bottom: ", ";\n  border-top: ", ";\n\n  cursor: ", ";\n  &:hover {\n    background-color: ", ";\n  }\n"])), function (props) {
     var _a;
-    return (props.borderPosition === exports.BorderPosition.Bottom
-        || props.borderPosition === exports.BorderPosition.TopAndBottom)
+    return props.borderPosition === exports.BorderPosition.Bottom ||
+        props.borderPosition === exports.BorderPosition.TopAndBottom
         ? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
         : 0;
 }, function (props) {
     var _a;
-    return (props.borderPosition === exports.BorderPosition.Top
-        || props.borderPosition === exports.BorderPosition.TopAndBottom)
+    return props.borderPosition === exports.BorderPosition.Top ||
+        props.borderPosition === exports.BorderPosition.TopAndBottom
         ? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
         : 0;
-}, function (props) { return props.disableHover ? 0 : 'pointer'; }, function (props) { var _a; return props.disableHover ? 0 : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest; });
+}, function (props) { return (props.disableHover ? 0 : 'pointer'); }, function (props) { var _a; return props.disableHover ? 0 : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest; });
 var Td = styled__default["default"].td(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  padding: ", ";\n  font-size: ", "px;\n  text-align: left;\n\n  border-bottom: ", ";\n  border-top: ", ";\n\n  &:last-child {\n    text-align: right;\n  }\n  &:first-child {\n    text-align: start;\n  }\n  text-decoration: ", ";\n  color: ", ";\n"], ["\n  padding: ", ";\n  font-size: ", "px;\n  text-align: left;\n\n  border-bottom: ", ";\n  border-top: ", ";\n\n  &:last-child {\n    text-align: right;\n  }\n  &:first-child {\n    text-align: start;\n  }\n  text-decoration: ", ";\n  color: ", ";\n"])), function (props) { var _a, _b; return "".concat((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableRowVerticalPadding, "px ").concat((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.tableRowHorizontalPadding, "px"); }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s3; }, function (props) {
     var _a;
-    return (!props.borderPosition
-        || props.borderPosition === exports.BorderPosition.Bottom
-        || props.borderPosition === exports.BorderPosition.TopAndBottom)
+    return !props.borderPosition ||
+        props.borderPosition === exports.BorderPosition.Bottom ||
+        props.borderPosition === exports.BorderPosition.TopAndBottom
         ? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
         : 0;
 }, function (props) {
     var _a;
-    return (props.borderPosition === exports.BorderPosition.Top
-        || props.borderPosition === exports.BorderPosition.TopAndBottom)
+    return props.borderPosition === exports.BorderPosition.Top ||
+        props.borderPosition === exports.BorderPosition.TopAndBottom
         ? "1px solid ".concat(props.borderColor || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light))
         : 0;
-}, function (props) { return (props.strikeThrough ? 'line-through' : 'none'); }, function (props) {
+}, function (props) {
+    return props.strikeThrough ? 'line-through' : 'none';
+}, function (props) {
     var _a, _b;
     return props.strikeThrough
         ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.dark

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

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