@citygross/components 0.15.6 → 0.15.8

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

@@ -2,4 +2,4 @@
 export declare const CartItemSummaryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const CancelledWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const ItemInformationContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const AmountText: import("styled-components").StyledComponent<({ children, lineThrough, color, fontWeight, ...props }: import("@citygross/typography/build/headers/h3/h3").TH3) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;
+export declare const AmountText: import("styled-components").StyledComponent<({ children, color, fontWeight, size, textAlign, ...props }: import("@citygross/typography/build/bodyText/bodyText").TBodyText) => import("react").JSX.Element, import("styled-components").DefaultTheme, {}, never>;

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

@@ -13,7 +13,7 @@ var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 var CartItemSummaryWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 20px;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; });
 var CancelledWrapper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"])));
 var ItemInformationContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: flex-end;\n"])));
-var AmountText = styled__default["default"](typography.H3)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  white-space: nowrap;\n"], ["\n  white-space: nowrap;\n"])));
+var AmountText = styled__default["default"](typography.BodyText)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  white-space: nowrap;\n"], ["\n  white-space: nowrap;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
 exports.AmountText = AmountText;

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

@@ -18,7 +18,7 @@ var ListLeft = styled__default["default"].div(templateObject_3 || (templateObjec
 var ListRight = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: row;\n  align-items: ", ";\n  justify-content: space-between;\n  text-align: right;\n"], ["\n  display: flex;\n  flex-direction: row;\n  align-items: ", ";\n  justify-content: space-between;\n  text-align: right;\n"])), function (props) {
     return props.alignment === ListItem.EListItemAlignment.TOP ? 'flex-start' : 'center';
 });
-var ListImageContainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n\n  @media (max-width: ", "px) {\n    width: ", "px;\n    height: ", "px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n\n  @media (max-width: ", "px) {\n    width: ", "px;\n    height: ", "px;\n  }\n"])), function (props) {
+var ListImageContainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  flex-shrink: 0;\n  width: ", "px;\n  height: ", "px;\n\n  @media (max-width: ", "px) {\n    width: ", "px;\n    height: ", "px;\n  }\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: center;\n  flex-direction: row;\n  flex-shrink: 0;\n  width: ", "px;\n  height: ", "px;\n\n  @media (max-width: ", "px) {\n    width: ", "px;\n    height: ", "px;\n  }\n"])), function (props) {
     var _a, _b;
     return (props === null || props === void 0 ? void 0 : props.isSmall)
         ? (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listImageMaxWidthSmall
@@ -37,7 +37,7 @@ var ListImage = styled__default["default"].img(templateObject_6 || (templateObje
             ? (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listImageMaxHeightSmall
             : (_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  flex-direction: column;\n  gap: ", "px;\n  margin-top: ", "px;\n\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: ", "px;\n  margin-top: ", "px;\n\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n  }\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.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; });
+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;
 
 exports.CheckboxContainer = CheckboxContainer;

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

@@ -37,7 +37,7 @@ var HeaderContainer = styled__default["default"].div(templateObject_3 || (templa
     return (_b = theme.constants) === null || _b === void 0 ? void 0 : _b.minimalHeaderMaxWidth;
 });
 var LogoContainer = styled__default["default"].a(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"], ["\n  display: flex;\n  align-items: center;\n  justify-content: flex-start;\n"])));
-var HeaderLink = styled__default["default"].a(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", "px;\n  text-decoration: underline;\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 1px;\n  }\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", "px;\n  text-decoration: underline;\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 1px;\n  }\n"])), function (_a) {
+var HeaderLink = styled__default["default"].a(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", "px;\n  text-decoration: underline;\n  text-align: right;\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 1px;\n  }\n"], ["\n  color: ", ";\n  font-family: ", ";\n  font-size: ", "px;\n  text-decoration: underline;\n  text-align: right;\n\n  &:focus-visible {\n    outline: 2px solid ", ";\n    outline-offset: 1px;\n  }\n"])), function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.brandBlue;

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

@@ -37,12 +37,13 @@ var BaseRadioListItemContainer = styled__default["default"].div(templateObject_1
 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 _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  ");
+    return props.isDisabled &&
+        "\n      color: ".concat((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.disabledDarkGray, ";\n      text-decoration: line-through;\n    ");
 });
 var RadioRightWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n  justify-content: flex-end;\n  text-align: right;\n  font-size: ", "px;\n"], ["\n  display: flex;\n  gap: ", "px;\n  justify-content: flex-end;\n  text-align: right;\n  font-size: ", "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.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
 styled__default["default"](typography.BodyText)(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  font-size: ", "px;\n  color: ", ";\n  ", "\n  @media (min-width: ", "px) {\n    font-size: ", "px;\n    text-align: inherit;\n  }\n"], ["\n  font-size: ", "px;\n  color: ", ";\n  ", "\n  @media (min-width: ", "px) {\n    font-size: ", "px;\n    text-align: inherit;\n  }\n"])), 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.palette) === null || _a === void 0 ? void 0 : _a.darkest; }, function (props) {
     return (props === null || props === void 0 ? void 0 : props.wrapMobile) &&
-        "\n  text-align: left;\n \n";
+        "\n      text-align: left;\n    ";
 }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s3; });
 var RadioFlex = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n  ", "\n"], ["\n  display: flex;\n  gap: ", "px;\n  ", "\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) {
     var _a;

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/ToolTipDialog/ToolTipDialog.styles.js

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var DialogContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: ", "px;\n  font-size: ", "px;\n  padding: ", "px;\n  position: absolute;\n\n  ", "\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: ", "px;\n  font-size: ", "px;\n  padding: ", "px;\n  position: absolute;\n\n  ", "\n"])), function (_a) {
+var DialogContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: ", "px;\n  font-size: ", "px;\n  padding: ", "px;\n  position: absolute;\n  z-index: ", ";\n\n  ", "\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  color: ", ";\n  display: flex;\n  align-items: flex-start;\n  gap: ", "px;\n  font-size: ", "px;\n  padding: ", "px;\n  position: absolute;\n  z-index: ", ";\n\n  ", "\n"])), function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.black;
@@ -33,6 +33,10 @@ var DialogContainer = styled__default["default"].div(templateObject_1 || (templa
     var _b;
     var theme = _a.theme;
     return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xs2;
+}, function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.attributes) === null || _b === void 0 ? void 0 : _b.zIndex.low;
 }, function (_a) {
     var _b, _c;
     var onBottom = _a.onBottom, theme = _a.theme;

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

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

package/build/cjs/utils/build/index.js

@@ -478,11 +478,11 @@ var makeCateringPortionsString = function (variant, cartItem, unit) {
     return qString;
 };
 
+var focusableSelectors = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
 var focusTrap = function (_a) {
     var _b;
     var exitFunction = _a.exitFunction, ref = _a.ref;
-    var elements = 'button:not([disabled]), [href]:not([disabled]), input:not([disabled]), select:not([disabled]), textarea:not([disabled]), [tabindex]:not([tabindex="-1"])';
-    var focusableElements = (_b = ref.current) === null || _b === void 0 ? void 0 : _b.querySelectorAll(elements);
+    var focusableElements = (_b = ref.current) === null || _b === void 0 ? void 0 : _b.querySelectorAll(focusableSelectors);
     if (focusableElements &&
         focusableElements.length > 0 &&
         focusableElements[0] instanceof HTMLElement) {
@@ -491,7 +491,7 @@ var focusTrap = function (_a) {
     var handleKeyDown = function (e) {
         if (!ref.current)
             return;
-        var focusable = Array.from(ref.current.querySelectorAll(elements));
+        var focusable = Array.from(ref.current.querySelectorAll(focusableSelectors));
         if (focusable.length === 0)
             return;
         var firstElement = focusable[0];
@@ -517,6 +517,39 @@ var focusTrap = function (_a) {
     };
 };
 
+var toggleInert = function (_a) {
+    var elements = _a.elements, isInert = _a.isInert;
+    var snapshots = elements
+        .filter(function (element) { return Boolean(element); })
+        .map(function (element) { return ({
+        element: element,
+        hadInert: element.hasAttribute('inert')
+    }); });
+    snapshots.forEach(function (_a) {
+        var element = _a.element, hadInert = _a.hadInert;
+        if (isInert) {
+            if (!hadInert) {
+                element.setAttribute('inert', '');
+            }
+            return;
+        }
+        if (!hadInert) {
+            element.removeAttribute('inert');
+        }
+    });
+    return function () {
+        snapshots.forEach(function (_a) {
+            var element = _a.element, hadInert = _a.hadInert;
+            if (hadInert) {
+                element.setAttribute('inert', '');
+            }
+            else {
+                element.removeAttribute('inert');
+            }
+        });
+    };
+};
+
 var formatLeadingZero = function (day) { return day.replace(/^0+/, ''); };
 
 var formatPostalCode = function (postalCode, spaceIndex) {
@@ -18919,6 +18952,7 @@ index.__exports.capitalizedAllWords = capitalizedAllWords;
 index.__exports.comparisonTypes = comparisonTypes;
 index.__exports.emailRegex = emailRegex;
 index.__exports.focusTrap = focusTrap;
+index.__exports.focusableSelectors = focusableSelectors;
 index.__exports.formatDateToLocale = formatDateToLocale;
 index.__exports.formatLeadingZero = formatLeadingZero;
 index.__exports.formatPostalCode = formatPostalCode;
@@ -18932,6 +18966,7 @@ index.__exports.makeCateringPortionsString = makeCateringPortionsString;
 index.__exports.moment = moment;
 index.__exports.nameRegex = nameRegex;
 index.__exports.phoneRegex = phoneRegex;
+index.__exports.toggleInert = toggleInert;
 index.__exports.useDetectDevice = useDetectDevice;
 index.__exports.useFixedModalScroll = useFixedModalScroll;
 index.__exports.useOutsideClick = useOutsideClick;