@citygross/components 0.16.0 → 0.16.1

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

@@ -3,7 +3,7 @@ import styled from 'styled-components';
 
 var MobileTable = styled.table(templateObject_1 || (templateObject_1 = __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.td(templateObject_2 || (templateObject_2 = __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(MobileTd)(templateObject_3 || (templateObject_3 = __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(MobileTd)(templateObject_3 || (templateObject_3 = __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;
 
 export { MobileLabel, MobileTable, MobileTd };

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

@@ -1,10 +1,10 @@
 import React, { forwardRef, Fragment } from 'react';
 import { createPortal } from 'react-dom';
-import { H2, BodyText } from '@citygross/typography';
-import { ModalOverlay, ModalContainer, ModalHeaderContainer, ModalHeader, CloseButtonWrapper, ChildrenWrapper, FooterWrapper } from './Modal.styles.js';
-import { Icons } from '@citygross/icons';
 import { theme } from '@citygross/design-tokens';
+import { Icons } from '@citygross/icons';
+import { H2, BodyText } from '@citygross/typography';
 import { Spacer } from '../Spacer/Spacer.js';
+import { ModalOverlay, ModalContainer, ModalHeaderContainer, ModalHeader, CloseButtonWrapper, ChildrenWrapper, FooterWrapper } from './Modal.styles.js';
 
 var Modal = forwardRef(function (_a, ref) {
     var _b;

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

@@ -1,7 +1,7 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
 
-var MainLinkContainer = styled.a(templateObject_1 || (templateObject_1 = __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.a(templateObject_1 || (templateObject_1 = __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/es/components/src/components/Pagination/Pagination.js

@@ -1,7 +1,7 @@
 import React from 'react';
+import { theme } from '@citygross/design-tokens';
 import { Icons } from '@citygross/icons';
 import { BodyText } from '@citygross/typography';
-import { theme } from '@citygross/design-tokens';
 import { PaginationContainer, ArrowButton, PageInfo } from './Pagination.styles.js';
 
 function Pagination(_a) {

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

@@ -1,8 +1,8 @@
 import React, { Fragment } from 'react';
 import { getPriceStripeAttributes } from '../../helpers/price.js';
+import { ScreenReader } from '../ScreenReader/ScreenReader.js';
 import { PriceStripe as PriceStripe$1 } from './PriceStripe.styles.js';
 import { EPriceSize, EPriceVariant } from '../PriceTag/PriceTag.types.js';
-import { ScreenReader } from '../ScreenReader/ScreenReader.js';
 
 var PriceStripe = function (_a) {
     var multiPrice = _a.multiPrice, _b = _a.size, size = _b === void 0 ? EPriceSize.MEDIUM : _b, unit = _a.unit, variant = _a.variant;

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

@@ -1,11 +1,11 @@
 import React from 'react';
 import { Icons } from '@citygross/icons';
+import { formatPrice } from '@citygross/utils';
 import { getPriceTagAttributes } from '../../helpers/price.js';
 import { PriceStripe } from '../PriceStripe/PriceStripe.js';
+import { ScreenReader } from '../ScreenReader/ScreenReader.js';
 import { PriceTagWrapper, PriceStripeContainer, PriceTagContainer, PriceTag as PriceTag$1, PriceBase, PriceDetails, PriceIndicatorContainer, PriceDecimals, PriceUnit } from './PriceTag.styles.js';
 import { EPriceVariant, EPriceSize } from './PriceTag.types.js';
-import { formatPrice } from '@citygross/utils';
-import { ScreenReader } from '../ScreenReader/ScreenReader.js';
 
 var PriceTag = function (_a) {
     var _b = _a.multiPrice, multiPrice = _b === void 0 ? 0 : _b, _c = _a.pant, pant = _c === void 0 ? false : _c, price = _a.price, _d = _a.variant, variant = _d === void 0 ? EPriceVariant.REGULAR : _d, _e = _a.size, size = _e === void 0 ? EPriceSize.MEDIUM : _e, unit = _a.unit;

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

@@ -1,5 +1,5 @@
-import { theme } from '@citygross/design-tokens';
 import React from 'react';
+import { theme } from '@citygross/design-tokens';
 import { BarContainer, Progress } from './ProgressBar.styled.js';
 
 function ProgressBar(_a) {

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

@@ -1,9 +1,9 @@
 import React, { useState } from 'react';
+import { theme } from '@citygross/design-tokens';
 import { Icons } from '@citygross/icons';
+import { ScreenReader } from '../ScreenReader/ScreenReader.js';
 import { Container, StepButton, Label, Input } from './QuantitySelector.styles.js';
-import { theme } from '@citygross/design-tokens';
 import { EQuantitySelectorSize } from './QuantitySelector.types.js';
-import { ScreenReader } from '../ScreenReader/ScreenReader.js';
 
 var QuantitySelector = function (_a) {
     var _b, _c, _d, _e;

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

@@ -1,8 +1,8 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled, { css } from 'styled-components';
 import { theme } from '@citygross/design-tokens';
-import { EQuantitySelectorSize } from './QuantitySelector.types.js';
+import styled, { css } from 'styled-components';
 import { getQuantitySelectorSizeAttributes } from '../../helpers/quantity-selector.js';
+import { EQuantitySelectorSize } from './QuantitySelector.types.js';
 
 var _a, _b, _c, _d, _e, _f, _g, _h, _j;
 var border = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border: 1px solid ", ";\n"], ["\n  border: 1px solid ", ";\n"])), (_a = theme.palette) === null || _a === void 0 ? void 0 : _a.placeholder);
@@ -16,13 +16,11 @@ var Container = styled.div(templateObject_6 || (templateObject_6 = __makeTemplat
         : size;
     var _c = getQuantitySelectorSizeAttributes(resolvedSize), fontSize = _c.fontSize, height = _c.height;
     var largeSize = getQuantitySelectorSizeAttributes(EQuantitySelectorSize.large);
-    return css(templateObject_5 || (templateObject_5 = __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 === EQuantitySelectorSize.dynamic && css(templateObject_4 || (templateObject_4 = __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 = theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm, largeSize.fontSize, largeSize.height, largeSize.height, largeSize.height));
+    return css(templateObject_5 || (templateObject_5 = __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 === EQuantitySelectorSize.dynamic && css(templateObject_4 || (templateObject_4 = __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 = theme.breakpoints) === null || _b === void 0 ? void 0 : _b.sm, largeSize.fontSize, largeSize.height, largeSize.height, largeSize.height));
 });
 var StepButton = styled.button(templateObject_7 || (templateObject_7 = __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 = 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 = theme.palette) === null || _g === void 0 ? void 0 : _g.lightest, (_h = theme.palette) === null || _h === void 0 ? void 0 : _h.lighter, (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.light);
 var Label = styled.label(templateObject_8 || (templateObject_8 = __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.input(templateObject_9 || (templateObject_9 = __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/es/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/es/components/src/components/RadioBox/RadioBoxList.js

@@ -1,8 +1,8 @@
 import React from 'react';
-import { RadioBoxItem } from './RadioBoxItem.js';
-import { Divider } from '../Divider/Divider.js';
-import { H3 } from '@citygross/typography';
 import { theme } from '@citygross/design-tokens';
+import { H3 } from '@citygross/typography';
+import { Divider } from '../Divider/Divider.js';
+import { RadioBoxItem } from './RadioBoxItem.js';
 import { BaseRadioBoxList, RadioBoxListParagraph, RadioBoxListChildContainer, DividerPadding } from './RadioBoxList.styles.js';
 
 function RadioBoxList(_a) {

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

@@ -1,16 +1,20 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled from 'styled-components';
-import { BodyText } from '@citygross/typography';
 import { Children } from 'react';
+import { BodyText } from '@citygross/typography';
+import styled from 'styled-components';
 
 var BaseRadioBoxList = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ", ";\n  ", ";\n  border-radius: 5px;\n  transition: border 0.4s linear;\n"], ["\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ", ";\n  ", ";\n  border-radius: 5px;\n  transition: border 0.4s linear;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.transparent; }, function (props) {
     var _a;
     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.div(templateObject_2 || (templateObject_2 = __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 ? 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.div(templateObject_2 || (templateObject_2 = __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 ? 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.div(templateObject_3 || (templateObject_3 = __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(BodyText)(templateObject_4 || (templateObject_4 = __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/es/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/es/components/src/components/RadioListItem/RadioListItem.styles.js

@@ -27,7 +27,9 @@ var BaseRadioListItemContainer = styled.div(templateObject_1 || (templateObject_
         "background: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter));
 });
 var BaseRadioItemLeftWrapper = styled.div(templateObject_2 || (templateObject_2 = __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(H3).attrs({ as: 'span' })(templateObject_3 || (templateObject_3 = __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(H3).attrs({
+    as: 'span'
+})(templateObject_3 || (templateObject_3 = __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/es/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/es/components/src/components/RippleContainer/RippleContainer.styles.js

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled, { keyframes } from 'styled-components';
 import { motion } from 'motion/react';
+import styled, { keyframes } from 'styled-components';
 
 var slide = keyframes(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  0% { left: -100% }\n  100% { left: 120% }\n"], ["\n  0% { left: -100% }\n  100% { left: 120% }\n"])));
 var RippleContainer = styled(motion.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n\n  &:after {\n    background: ", ";\n    content: '';\n    height: 200%;\n    left: -100%;\n    opacity: 0.2;\n    position: absolute;\n    top: -30%;\n    transform: rotate(35deg);\n    width: 50px;\n  }\n\n  &:hover {\n    &:after {\n      animation: ", "\n        ", " forwards;\n    }\n  }\n"], ["\n  position: relative;\n  overflow: hidden;\n  cursor: pointer;\n\n  &:after {\n    background: ", ";\n    content: '';\n    height: 200%;\n    left: -100%;\n    opacity: 0.2;\n    position: absolute;\n    top: -30%;\n    transform: rotate(35deg);\n    width: 50px;\n  }\n\n  &:hover {\n    &:after {\n      animation: ", "\n        ", " forwards;\n    }\n  }\n"])), function (props) { var _a; return props.color ? props.color : (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, slide, function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.animations) === null || _b === void 0 ? void 0 : _b.rippleTransition; });

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

@@ -1,7 +1,7 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
 
-var SearchSuggestionChipWrapper = styled.div(templateObject_1 || (templateObject_1 = __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.div(templateObject_1 || (templateObject_1 = __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/es/components/src/components/SelectButton/SelectButton.js

@@ -1,6 +1,6 @@
 import React from 'react';
-import { SelectButtonContainer, SelectButton as SelectButton$1 } from './SelectButton.styles.js';
 import { constants } from '@citygross/design-tokens';
+import { SelectButtonContainer, SelectButton as SelectButton$1 } from './SelectButton.styles.js';
 
 var SelectButton = function (_a) {
     var items = _a.items, selected = _a.selected, _b = _a.width, width = _b === void 0 ? constants.selectButtonWidth : _b;

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

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled from 'styled-components';
 import { motion } from 'motion/react';
+import styled from 'styled-components';
 
 var SideModalOverlay = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  z-index: ", ";\n  background: ", ";\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  ", ";\n  justify-content: center;\n  align-items: center;\n  overscroll-behavior: none;\n  @media (min-width: ", "px) {\n    padding: ", "px;\n    max-height: unset;\n  }\n"], ["\n  display: flex;\n  z-index: ", ";\n  background: ", ";\n  position: fixed;\n  top: 0;\n  bottom: 0;\n  left: 0;\n  right: 0;\n  height: 100%;\n  ", ";\n  justify-content: center;\n  align-items: center;\n  overscroll-behavior: none;\n  @media (min-width: ", "px) {\n    padding: ", "px;\n    max-height: unset;\n  }\n"])), function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) { return props.overlayBackground; }, function (props) {
     return props.maxHeight &&

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

@@ -1,9 +1,9 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled from 'styled-components';
 import { theme } from '@citygross/design-tokens';
+import styled from 'styled-components';
 
 var _a, _b, _c, _d, _e, _f, _g, _h, _j, _k, _l, _m, _o, _p;
-var SkipLink = styled.a(templateObject_1 || (templateObject_1 = __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 = theme.palette) === null || _a === void 0 ? void 0 : _a.black, (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.white, (_d = theme.typography) === null || _d === void 0 ? void 0 : _d.size.s3, (_e = theme.typography) === null || _e === void 0 ? void 0 : _e.weight.medium, (_f = theme.spacings) === null || _f === void 0 ? void 0 : _f.xxxs, (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.white, (_h = theme.spacings) === null || _h === void 0 ? void 0 : _h.xxs, (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.black, (_k = theme.spacings) === null || _k === void 0 ? void 0 : _k.xs, (_l = theme.spacings) === null || _l === void 0 ? void 0 : _l.sm, (_m = theme.spacings) === null || _m === void 0 ? void 0 : _m.xs2, (_o = theme.spacings) === null || _o === void 0 ? void 0 : _o.xs2, (_p = theme.attributes) === null || _p === void 0 ? void 0 : _p.zIndex.high);
+var SkipLink = styled.a(templateObject_1 || (templateObject_1 = __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 = theme.palette) === null || _a === void 0 ? void 0 : _a.black, (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, (_c = theme.palette) === null || _c === void 0 ? void 0 : _c.white, (_d = theme.typography) === null || _d === void 0 ? void 0 : _d.size.s3, (_e = theme.typography) === null || _e === void 0 ? void 0 : _e.weight.medium, (_f = theme.spacings) === null || _f === void 0 ? void 0 : _f.xxxs, (_g = theme.palette) === null || _g === void 0 ? void 0 : _g.white, (_h = theme.spacings) === null || _h === void 0 ? void 0 : _h.xxs, (_j = theme.palette) === null || _j === void 0 ? void 0 : _j.black, (_k = theme.spacings) === null || _k === void 0 ? void 0 : _k.xs, (_l = theme.spacings) === null || _l === void 0 ? void 0 : _l.sm, (_m = theme.spacings) === null || _m === void 0 ? void 0 : _m.xs2, (_o = theme.spacings) === null || _o === void 0 ? void 0 : _o.xs2, (_p = theme.attributes) === null || _p === void 0 ? void 0 : _p.zIndex.high);
 var templateObject_1;
 
 export { SkipLink };

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

@@ -1,10 +1,10 @@
 import { __assign } from '../../../../_virtual/_tslib.js';
 import React, { useState, useRef, useMemo, useEffect } from 'react';
-import { Container, LeftIconButtonContainer, RightIconButtonContainer } from './Slider.styles.js';
-import { IconButton } from '../Button/IconButton.js';
-import { Icons } from '@citygross/icons';
 import SlickSlider from 'react-slick';
+import { Icons } from '@citygross/icons';
 import { useWindowSize } from '@citygross/utils';
+import { IconButton } from '../Button/IconButton.js';
+import { Container, LeftIconButtonContainer, RightIconButtonContainer } from './Slider.styles.js';
 
 var defaultSlides = 5;
 var Slider = function (_a) {

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

@@ -1,7 +1,11 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
 
-var Spacer = styled.div(templateObject_1 || (templateObject_1 = __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.div(templateObject_1 || (templateObject_1 = __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;
 
 export { Spacer };

package/build/es/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/es/components/src/components/Stepper/StepperList.js

@@ -1,7 +1,7 @@
 import React from 'react';
-import { StepperListItem } from './StepperListItem.js';
-import { BaseStepperList, MaxWidthContainer, ButtonContainer } from './Stepper.styles.js';
 import { theme } from '@citygross/design-tokens';
+import { BaseStepperList, MaxWidthContainer, ButtonContainer } from './Stepper.styles.js';
+import { StepperListItem } from './StepperListItem.js';
 
 function StepperList(_a) {
     var _b;

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

@@ -1,10 +1,10 @@
 import React, { useState, Fragment } from 'react';
-import { BaseStepperItem } from './Stepper.styles.js';
-import { Badge } from '../Badge/Badge.js';
-import { ToolTip } from '../ToolTip/ToolTip.js';
+import { theme } from '@citygross/design-tokens';
 import { Icons, FillType } from '@citygross/icons';
 import { BodyText } from '@citygross/typography';
-import { theme } from '@citygross/design-tokens';
+import { Badge } from '../Badge/Badge.js';
+import { ToolTip } from '../ToolTip/ToolTip.js';
+import { BaseStepperItem } from './Stepper.styles.js';
 
 function StepperListItem(_a) {
     var _b, _c, _d, _e, _f, _g, _h, _j, _k;

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

@@ -1,10 +1,10 @@
 import React from 'react';
-import { PaginationButton } from '../Button/PaginationButton.js';
-import { BodyText, TextTypes, H3 } from '@citygross/typography';
-import { Icons } from '@citygross/icons';
-import { MobileStepperContainer, Leftside } from './StepperMobile.styles.js';
 import { theme } from '@citygross/design-tokens';
+import { Icons } from '@citygross/icons';
+import { BodyText, TextTypes, H3 } from '@citygross/typography';
+import { PaginationButton } from '../Button/PaginationButton.js';
 import { CgButton } from '../CgButton/CgButton.js';
+import { MobileStepperContainer, Leftside } from './StepperMobile.styles.js';
 
 var StepperMobile = function (_a) {
     var _b, _c;

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

@@ -13,31 +13,33 @@ var Thead = styled.thead(templateObject_2 || (templateObject_2 = __makeTemplateO
 var Th = styled.th(templateObject_3 || (templateObject_3 = __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.tr(templateObject_4 || (templateObject_4 = __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 === BorderPosition.Bottom
-        || props.borderPosition === BorderPosition.TopAndBottom)
+    return props.borderPosition === BorderPosition.Bottom ||
+        props.borderPosition === 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 === BorderPosition.Top
-        || props.borderPosition === BorderPosition.TopAndBottom)
+    return props.borderPosition === BorderPosition.Top ||
+        props.borderPosition === 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.td(templateObject_5 || (templateObject_5 = __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 === BorderPosition.Bottom
-        || props.borderPosition === BorderPosition.TopAndBottom)
+    return !props.borderPosition ||
+        props.borderPosition === BorderPosition.Bottom ||
+        props.borderPosition === 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 === BorderPosition.Top
-        || props.borderPosition === BorderPosition.TopAndBottom)
+    return props.borderPosition === BorderPosition.Top ||
+        props.borderPosition === 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/es/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":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}

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

@@ -1,7 +1,7 @@
 import React from 'react';
-import { useDetectDevice } from '@citygross/utils';
-import { H3, BodyText } from '@citygross/typography';
 import { theme } from '@citygross/design-tokens';
+import { H3, BodyText } from '@citygross/typography';
+import { useDetectDevice } from '@citygross/utils';
 import { Dot } from '../DotIndicator/DotIndicator.js';
 import { BaseTimeline, TimeLineH3, BaseTimelineList, BaseTimelineItem } from './Timeline.styles.js';
 

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

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled from 'styled-components';
 import { H3 } from '@citygross/typography';
+import styled from 'styled-components';
 
 var BaseTimelineItem = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n  align-items: center;\n  padding: ", "px 0;\n  position: relative;\n  > * {\n    &:nth-child(2) {\n      flex-grow: 1;\n    }\n  }\n"], ["\n  display: flex;\n  gap: ", "px;\n  align-items: center;\n  padding: ", "px 0;\n  position: relative;\n  > * {\n    &:nth-child(2) {\n      flex-grow: 1;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
 var BaseTimeline = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));

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

@@ -1,7 +1,7 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
 
-var BaseToolTip = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: white;\n  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 10px;\n  position: relative;\n  padding: ", "px;\n  text-align: initial;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    width: 17px;\n    height: 17px;\n    border-radius: 0 0 2px 0;\n    transform: rotate(45deg) translate(-8px, 50%);\n    background: linear-gradient(-45deg, white 50%, transparent 50%);\n  }\n"], ["\n  background: white;\n  box-shadow: 0px 16px 24px rgba(0, 0, 0, 0.06), 0px 2px 6px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 10px;\n  position: relative;\n  padding: ", "px;\n  text-align: initial;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    width: 17px;\n    height: 17px;\n    border-radius: 0 0 2px 0;\n    transform: rotate(45deg) translate(-8px, 50%);\n    background: linear-gradient(-45deg, white 50%, transparent 50%);\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
+var BaseToolTip = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  background: white;\n  box-shadow:\n    0px 16px 24px rgba(0, 0, 0, 0.06),\n    0px 2px 6px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 10px;\n  position: relative;\n  padding: ", "px;\n  text-align: initial;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    width: 17px;\n    height: 17px;\n    border-radius: 0 0 2px 0;\n    transform: rotate(45deg) translate(-8px, 50%);\n    background: linear-gradient(-45deg, white 50%, transparent 50%);\n  }\n"], ["\n  background: white;\n  box-shadow:\n    0px 16px 24px rgba(0, 0, 0, 0.06),\n    0px 2px 6px rgba(0, 0, 0, 0.04),\n    0px 0px 1px rgba(0, 0, 0, 0.04);\n  border-radius: 10px;\n  position: relative;\n  padding: ", "px;\n  text-align: initial;\n\n  &::after {\n    content: '';\n    position: absolute;\n    bottom: -8px;\n    left: 50%;\n    width: 17px;\n    height: 17px;\n    border-radius: 0 0 2px 0;\n    transform: rotate(45deg) translate(-8px, 50%);\n    background: linear-gradient(-45deg, white 50%, transparent 50%);\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
 var ToolTipWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  position: absolute;\n  bottom: 130%;\n  width: ", ";\n  ", "\n"], ["\n  position: absolute;\n  bottom: 130%;\n  width: ", ";\n  ", "\n"])), function (props) { return props.width; }, function (props) {
     return props.align === 'left'
         ? 'left: 0'

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

@@ -1,11 +1,11 @@
 import React from 'react';
-import { WarningIndicator, IconWrapper, BodyTextStyled } from './WarningLabel.styles.js';
 import { TextTypes } from '@citygross/typography';
+import { WarningIndicator, IconWrapper, BodyTextStyled } from './WarningLabel.styles.js';
 
 function WarningLabel(_a) {
     var text = _a.text, background = _a.background, icon = _a.icon;
     return (React.createElement(WarningIndicator, { background: background },
-        icon && (React.createElement(IconWrapper, null, icon)),
+        icon && React.createElement(IconWrapper, null, icon),
         React.createElement(BodyTextStyled, { size: TextTypes.TextSize.TINY }, text)));
 }
 

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

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import styled from 'styled-components';
 import { BodyText } from '@citygross/typography';
+import styled from 'styled-components';
 
 var WarningIndicator = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  width: fit-content;\n"], ["\n  padding: ", "px\n    ", "px;\n  background-color: ", ";\n  border-radius: ", "px;\n  position: relative;\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  width: fit-content;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { return props.background; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.big; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
 var IconWrapper = styled.div(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-shrink: 0;\n"])));

package/build/es/components/src/shared/global.styles.js

@@ -1,7 +1,7 @@
 import { __makeTemplateObject } from '../../../_virtual/_tslib.js';
 import { css } from 'styled-components';
 
-var focusVisible = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px #fff,0 0 0 4px #000,0 0 0 6px #fff;\n    transition: all 0.1s ease-in-out;\n  }\n"], ["\n  &:focus-visible {\n    outline: none;\n    box-shadow: 0 0 0 2px #fff,0 0 0 4px #000,0 0 0 6px #fff;\n    transition: all 0.1s ease-in-out;\n  }\n"])));
+var focusVisible = css(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  &:focus-visible {\n    outline: none;\n    box-shadow:\n      0 0 0 2px #fff,\n      0 0 0 4px #000,\n      0 0 0 6px #fff;\n    transition: all 0.1s ease-in-out;\n  }\n"], ["\n  &:focus-visible {\n    outline: none;\n    box-shadow:\n      0 0 0 2px #fff,\n      0 0 0 4px #000,\n      0 0 0 6px #fff;\n    transition: all 0.1s ease-in-out;\n  }\n"])));
 var templateObject_1;
 
 export { focusVisible };

package/build/es/design-tokens/build/index.js

@@ -216,6 +216,14 @@ var spacings = {
     // xxx: 72, 88, 120, 152 ?
 };
 
+var animations = {
+    tapScale: 0.9,
+    hoverScale: 1.1,
+    buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',
+    rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',
+    saveButtonAnimationComplete: 600
+};
+
 var typography = {
     type: {
         primary: '"Poppins", "Helvetica Neue", Helvetica, Arial, sans-serif',
@@ -260,14 +268,6 @@ var typography = {
     }
 };
 
-var animations = {
-    tapScale: 0.9,
-    hoverScale: 1.1,
-    buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',
-    rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',
-    saveButtonAnimationComplete: 600
-};
-
 var createTheme = function (_a) {
     var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;
     return ({