@citygross/components 0.15.5 → 0.15.7

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

@@ -2,7 +2,7 @@ import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import { H3, BodyText } from '@citygross/typography';
 import styled from 'styled-components';
 
-var BaseRadioListItemContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", "px;\n  align-items: center;\n  cursor: ", ";\n  flex-wrap: wrap;\n  border-radius: ", "px;\n  width: 100%;\n  background: ", ";\n  border: 1px solid\n    ", ";\n  > p:first-of-type {\n    margin-left: ", "px;\n  }\n  &:hover {\n    ", ";\n  }\n  &:active {\n    ", ";\n  }\n"], ["\n  padding: ", "px;\n  align-items: center;\n  cursor: ", ";\n  flex-wrap: wrap;\n  border-radius: ", "px;\n  width: 100%;\n  background: ", ";\n  border: 1px solid\n    ", ";\n  > p:first-of-type {\n    margin-left: ", "px;\n  }\n  &:hover {\n    ", ";\n  }\n  &:active {\n    ", ";\n  }\n"])), function (props) { var _a; return (props.noPadding ? 0 : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs2); }, function (props) { return (props.isDisabled ? 'cursor' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) {
+var BaseRadioListItemContainer = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  padding: ", "px;\n  align-items: center;\n  cursor: ", ";\n  flex-wrap: wrap;\n  border-radius: ", "px;\n  width: 100%;\n  background: ", ";\n  border: 1px solid\n    ", ";\n  > p:first-of-type {\n    margin-left: ", "px;\n  }\n  &:hover {\n    ", ";\n  }\n  &:active {\n    ", ";\n  }\n"], ["\n  padding: ", "px;\n  align-items: center;\n  cursor: ", ";\n  flex-wrap: wrap;\n  border-radius: ", "px;\n  width: 100%;\n  background: ", ";\n  border: 1px solid\n    ", ";\n  > p:first-of-type {\n    margin-left: ", "px;\n  }\n  &:hover {\n    ", ";\n  }\n  &:active {\n    ", ";\n  }\n"])), function (props) { var _a; return (props.noPadding ? 0 : (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs2); }, function (props) { return (props.isDisabled ? 'not-allowed' : 'pointer'); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.small; }, function (props) {
     var _a, _b, _c, _d;
     return props.isDisabled
         ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest
@@ -27,7 +27,7 @@ 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: pointer;\n  white-space: nowrap;\n  display: block;\n  line-height: ", "px;\n  ", ";\n"], ["\n  cursor: pointer;\n  white-space: nowrap;\n  display: block;\n  line-height: ", "px;\n  ", ";\n"])), 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/utils/build/index.js

@@ -471,11 +471,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) {
@@ -484,7 +484,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];
@@ -510,6 +510,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) {
@@ -18912,6 +18945,7 @@ build.capitalizedAllWords = capitalizedAllWords;
 build.comparisonTypes = comparisonTypes;
 build.emailRegex = emailRegex;
 build.focusTrap = focusTrap;
+build.focusableSelectors = focusableSelectors;
 build.formatDateToLocale = formatDateToLocale;
 build.formatLeadingZero = formatLeadingZero;
 build.formatPostalCode = formatPostalCode;
@@ -18925,6 +18959,7 @@ build.makeCateringPortionsString = makeCateringPortionsString;
 build.moment = moment;
 build.nameRegex = nameRegex;
 build.phoneRegex = phoneRegex;
+build.toggleInert = toggleInert;
 build.useDetectDevice = useDetectDevice;
 build.useFixedModalScroll = useFixedModalScroll;
 build.useOutsideClick = useOutsideClick;