@citygross/components 0.14.7 → 0.14.9

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

@@ -5,11 +5,11 @@ import { Container, Header, Chevron, Content } from './Accordion.styles.js';
 
 var Accordion = function (_a) {
     var _b, _c;
-    var children = _a.children, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, id = _a.id, onToggle = _a.onToggle, title = _a.title;
+    var children = _a.children, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, _e = _a.hideBottomBorder, hideBottomBorder = _e === void 0 ? false : _e, id = _a.id, onToggle = _a.onToggle, title = _a.title;
     // isOpen drives animation/state; isCollapsed toggles hidden after close ends.
-    var _e = useState(defaultOpen), isOpen = _e[0], setIsOpen = _e[1];
-    var _f = useState(!defaultOpen), isCollapsed = _f[0], setIsCollapsed = _f[1];
-    var _g = useState(0), contentHeight = _g[0], setContentHeight = _g[1];
+    var _f = useState(defaultOpen), isOpen = _f[0], setIsOpen = _f[1];
+    var _g = useState(!defaultOpen), isCollapsed = _g[0], setIsCollapsed = _g[1];
+    var _h = useState(0), contentHeight = _h[0], setContentHeight = _h[1];
     var contentRef = useRef(null);
     var headerId = "".concat(id, "-header");
     var contentId = "".concat(id, "-content");
@@ -41,7 +41,7 @@ var Accordion = function (_a) {
         else if (isOpen)
             setIsOpen(false);
     }, [defaultOpen]);
-    return (React.createElement(Container, null,
+    return (React.createElement(Container, { hideBottomBorder: hideBottomBorder },
         React.createElement(Header, { "aria-controls": contentId, "aria-expanded": isOpen, id: headerId, onClick: function () {
                 if (isOpen) {
                     setIsOpen(false);

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

@@ -1,12 +1,20 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
 
-var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-bottom: 1px solid ", ";\n"], ["\n  border-bottom: 1px solid ", ";\n"])), function (_a) {
+var Container = styled.div(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  border-top: 1px solid ", ";\n  border-bottom: ", ";\n"], ["\n  border-top: 1px solid ", ";\n  border-bottom: ", ";\n"])), function (_a) {
     var _b;
     var theme = _a.theme;
     return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.light;
+}, function (_a) {
+    var _b;
+    var hideBottomBorder = _a.hideBottomBorder, theme = _a.theme;
+    return hideBottomBorder ? 'none' : "1px solid ".concat((_b = theme.palette) === null || _b === void 0 ? void 0 : _b.light);
 });
-var Header = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: ", "px;\n  font-weight: ", ";\n  padding: ", ";\n  text-align: left;\n  width: 100%;\n"], ["\n  background: none;\n  border: 0;\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: ", "px;\n  font-weight: ", ";\n  padding: ", ";\n  text-align: left;\n  width: 100%;\n"])), function (_a) {
+var Header = styled.button(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  background: none;\n  border: 0;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: ", "px;\n  font-weight: ", ";\n  padding: ", "px 0;\n  text-align: left;\n  width: 100%;\n\n  &:hover {\n    text-decoration: underline;\n  }\n"], ["\n  background: none;\n  border: 0;\n  color: ", ";\n  cursor: pointer;\n  display: flex;\n  align-items: center;\n  justify-content: space-between;\n  font-size: ", "px;\n  font-weight: ", ";\n  padding: ", "px 0;\n  text-align: left;\n  width: 100%;\n\n  &:hover {\n    text-decoration: underline;\n  }\n"])), function (_a) {
+    var _b;
+    var theme = _a.theme;
+    return (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.darkest;
+}, function (_a) {
     var _b, _c;
     var theme = _a.theme;
     return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.size) === null || _c === void 0 ? void 0 : _c.s3;
@@ -15,22 +23,18 @@ var Header = styled.button(templateObject_2 || (templateObject_2 = __makeTemplat
     var theme = _a.theme;
     return (_c = (_b = theme.typography) === null || _b === void 0 ? void 0 : _b.weight) === null || _c === void 0 ? void 0 : _c.medium;
 }, function (_a) {
-    var _b, _c;
+    var _b;
     var theme = _a.theme;
-    return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.md, "px");
+    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.sm;
 });
 var Chevron = styled.span(templateObject_3 || (templateObject_3 = __makeTemplateObject(["\n  display: inline-flex;\n  transition: transform 200ms ease;\n\n  &[data-state='open'] {\n    transform: rotate(180deg);\n  }\n"], ["\n  display: inline-flex;\n  transition: transform 200ms ease;\n\n  &[data-state='open'] {\n    transform: rotate(180deg);\n  }\n"])));
-var Content = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-height: ", "px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0 ", "px;\n  transition:\n    max-height 220ms ease,\n    opacity 200ms ease;\n\n  &[data-state='open'] {\n    opacity: 1;\n    padding: ", ";\n  }\n"], ["\n  max-height: ", "px;\n  opacity: 0;\n  overflow: hidden;\n  padding: 0 ", "px;\n  transition:\n    max-height 220ms ease,\n    opacity 200ms ease;\n\n  &[data-state='open'] {\n    opacity: 1;\n    padding: ", ";\n  }\n"])), function (_a) {
+var Content = styled.div(templateObject_4 || (templateObject_4 = __makeTemplateObject(["\n  max-height: ", "px;\n  opacity: 0;\n  overflow: hidden;\n  transition:\n    max-height 220ms ease,\n    opacity 200ms ease;\n\n  &[data-state='open'] {\n    opacity: 1;\n    padding: ", ";\n  }\n"], ["\n  max-height: ", "px;\n  opacity: 0;\n  overflow: hidden;\n  transition:\n    max-height 220ms ease,\n    opacity 200ms ease;\n\n  &[data-state='open'] {\n    opacity: 1;\n    padding: ", ";\n  }\n"])), function (_a) {
     var maxHeight = _a.maxHeight;
     return maxHeight;
-}, function (_a) {
-    var _b;
-    var theme = _a.theme;
-    return (_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.md;
 }, function (_a) {
     var _b, _c, _d;
     var theme = _a.theme;
-    return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.md, "px ").concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md, "px");
+    return "".concat((_b = theme.spacings) === null || _b === void 0 ? void 0 : _b.xxxs, "px ").concat((_c = theme.spacings) === null || _c === void 0 ? void 0 : _c.xxxs, "px ").concat((_d = theme.spacings) === null || _d === void 0 ? void 0 : _d.md, "px");
 });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 

package/build/es/components/src/components/Accordion/Accordion.styles.js.map

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

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

@@ -4,16 +4,21 @@ import { BasePrimaryButton, Loading, LoadingContainer, LoadingSpinner, ButtonChi
 import { BodyText } from '@citygross/typography';
 
 var SaveButton = function (_a) {
-    var _b, _c;
-    var afterSaveText = _a.afterSaveText, ariaLabel = _a.ariaLabel, beforeSaveText = _a.beforeSaveText, _d = _a.childGap, childGap = _d === void 0 ? 4 : _d, _e = _a.color, color = _e === void 0 ? (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.secondary) !== null && _c !== void 0 ? _c : '' : _e, fullWidth = _a.fullWidth, icon = _a.icon, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onAnimationComplete = _a.onAnimationComplete, onClick = _a.onClick, _f = _a.onSavedColor, onSavedColor = _f === void 0 ? 'alertGreen' : _f, saved = _a.saved, _g = _a.size, size = _g === void 0 ? 'large' : _g, xsSize = _a.xsSize;
+    var _b, _c, _d;
+    var afterSaveText = _a.afterSaveText, ariaLabel = _a.ariaLabel, beforeSaveText = _a.beforeSaveText, _e = _a.childGap, childGap = _e === void 0 ? 4 : _e, _f = _a.color, color = _f === void 0 ? (_c = (_b = theme.palette) === null || _b === void 0 ? void 0 : _b.secondary) !== null && _c !== void 0 ? _c : '' : _f, fullWidth = _a.fullWidth, icon = _a.icon, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onAnimationComplete = _a.onAnimationComplete, onClick = _a.onClick, _g = _a.onSavedColor, onSavedColor = _g === void 0 ? 'alertGreen' : _g, saved = _a.saved, _h = _a.size, size = _h === void 0 ? 'large' : _h, xsSize = _a.xsSize;
     useEffect(function () {
         var _a;
+        var timeoutId;
         if (!loading && saved) {
-            setTimeout(function () {
+            timeoutId = setTimeout(function () {
                 onAnimationComplete();
             }, (_a = theme === null || theme === void 0 ? void 0 : theme.animations) === null || _a === void 0 ? void 0 : _a.saveButtonAnimationComplete);
         }
-    }, [saved]);
+        return function () {
+            if (timeoutId)
+                clearTimeout(timeoutId);
+        };
+    }, [saved, loading, (_d = theme === null || theme === void 0 ? void 0 : theme.animations) === null || _d === void 0 ? void 0 : _d.saveButtonAnimationComplete]);
     return (React.createElement(BasePrimaryButton, { "aria-label": ariaLabel, color: saved ? onSavedColor : color, disabled: loading || isDisabled, fullWidth: fullWidth, icon: icon, isDisabled: loading || isDisabled, loading: loading || null, noWrap: noWrap, onClick: saved ? function () { } : function (e) { return onClick(e); }, size: size },
         loading && (React.createElement(Loading, null,
             React.createElement(LoadingContainer, { xsSize: xsSize, size: size },

package/build/es/components/src/components/Button/SaveButton.js.map

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

package/build/es/components/src/components/FormElements/Switch/Switch.styles.js

@@ -1,5 +1,5 @@
 import { __makeTemplateObject } from '../../../../../_virtual/_tslib.js';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import styled from 'styled-components';
 
 var SwitchWrapper = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 42px;\n  height: 22px;\n  min-width: 42px;\n  position: relative;\n"], ["\n  width: 42px;\n  height: 22px;\n  min-width: 42px;\n  position: relative;\n"])));

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

@@ -3,14 +3,15 @@ import { DropdownContainer, DropdownHeader, DropdownChildContainer } from './Men
 
 var MenuListDropdown = function (_a) {
     var children = _a.children, dropdownHeader = _a.dropdownHeader, isOpen = _a.isOpen, onClick = _a.onClick;
+    var easing = [0.04, 0.62, 0.23, 0.98];
     var variants = {
         closed: {
             height: 0,
-            transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }
+            transition: { duration: 0.3, ease: easing }
         },
         open: {
             height: 'auto',
-            transition: { duration: 0.3, ease: [0.04, 0.62, 0.23, 0.98] }
+            transition: { duration: 0.3, ease: easing }
         }
     };
     return (React.createElement(DropdownContainer, null,

package/build/es/components/src/components/MenuListDropdown/MenuListDropdown.js.map

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

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

@@ -1,6 +1,6 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
 import styled from 'styled-components';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 
 var DropdownContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject([""], [""])));
 var DropdownHeader = styled(motion.div)(templateObject_2 || (templateObject_2 = __makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));

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 'framer-motion';
+import { motion } from 'motion/react';
 
 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/SideModal/SideModal.js

@@ -1,6 +1,6 @@
 import { __rest, __assign } from '../../../../_virtual/_tslib.js';
 import React, { forwardRef } from 'react';
-import { AnimatePresence } from 'framer-motion';
+import { AnimatePresence } from 'motion/react';
 import { createPortal } from 'react-dom';
 import { SideModalOverlay, SideModalContainer } from './SideModal.styles.js';
 import { theme } from '@citygross/design-tokens';
@@ -15,9 +15,9 @@ var SideModal = forwardRef(function (_a, ref) {
                     onBackdropClick();
                 }
             }, overlayBackground: overlayBackground, ref: ref, transition: {
-                type: 'just'
+                duration: 0
             } },
-            React.createElement(SideModalContainer, __assign({ animate: { x: 0 }, "aria-modal": "true", background: background, exit: { x: slideFrom === 'left' ? '-100%' : '100%' }, initial: { x: slideFrom === 'left' ? '-100%' : '100%' }, maxHeight: maxHeight, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, role: "dialog", slideFrom: slideFrom, transition: { type: 'just' }, width: width }, props), children)))), document.querySelector(querySelector) || document.body)
+            React.createElement(SideModalContainer, __assign({ animate: { x: 0 }, "aria-modal": "true", background: background, exit: { x: slideFrom === 'left' ? '-100%' : '100%' }, initial: { x: slideFrom === 'left' ? '-100%' : '100%' }, maxHeight: maxHeight, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, role: "dialog", slideFrom: slideFrom, transition: { duration: 0 }, width: width }, props), children)))), document.querySelector(querySelector) || document.body)
         : null;
 });
 SideModal.displayName = 'SideModal';

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 'framer-motion';
+import { motion } from 'motion/react';
 
 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/SlideInOutContainer/SlideInOutContainer.styles.js

@@ -1,5 +1,5 @@
 import { __makeTemplateObject } from '../../../../_virtual/_tslib.js';
-import { motion } from 'framer-motion';
+import { motion } from 'motion/react';
 import styled from 'styled-components';
 
 var SideModalContainer = styled(motion.div)(templateObject_1 || (templateObject_1 = __makeTemplateObject(["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n  ", "\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"], ["\n  width: 100%;\n  ", ";\n  position: absolute;\n  ", ";\n  top: 0;\n  ", "\n  overflow: auto;\n  -ms-overflow-style: none;\n  scrollbar-width: none;\n  &::-webkit-scrollbar {\n    display: none;\n  }\n"])), function (_a) {

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

@@ -148,6 +148,7 @@ var palette = {
     greenLight: '#F2FDF2',
     greenMedium: '#BEE5BE',
     redLight: '#FCE9E9',
+    redLighter: '#FDF2F2',
     priceTagRed: '#C80700',
     // recipeTags
     recipeVego: '#65DB69',

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

@@ -1 +1 @@
-{"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n    borderRadius: {\n        extraSmall: 2,\n        small: 5,\n        default: 10,\n        big: 20,\n        rounded: 100,\n        circle: '50%'\n    },\n    boxShadow: {\n        small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n        hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n        buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n        buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n        iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n        layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n        layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n        layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n        stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n        highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n        focusVisible: '0 0 0 2px #000'\n    },\n    zIndex: {\n        modal: 5,\n        footer: 4,\n        high: 3,\n        middle: 2,\n        low: 1\n    },\n    transition: {\n        t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n        inputTransition: 'box-shadow 250ms ease'\n    }\n};\n\nvar breakpoints = {\n    xxs: 360,\n    xs: 480,\n    sm: 576,\n    md: 768,\n    lg: 960,\n    xl: 1060,\n    xxl: 1280,\n    xxxl: 1400\n};\n\nvar constants = {\n    BackgroundOverlayOpacity: 0.3,\n    buttonBadgeFontSize: 11,\n    buttonBadgePadding: 6,\n    buttonBadgePaddingSmall: 2,\n    buttonBadgeRightPosition: -4,\n    buttonBadgeTopPosition: -3,\n    buttonChildExtraSmallGap: 4,\n    buttonChildGap: 12,\n    buttonChildSmallGap: 8,\n    buttonWrapperMinWidth: 120,\n    cartCardImageSize: 48,\n    cartListItemDescriptionSize: 11,\n    chipCheckBox: 12,\n    couponButtonContainer: 102,\n    dateBoxHorizontalPadding: 12,\n    deliverySlotArrowOffset: 42,\n    deliverySlotItemHeight: 91,\n    deliverySlotItemWidth: 130,\n    deliverySlotItemWidthDesktop: 146,\n    headerBreakpoint: 991,\n    headerScrollFadeRange: 50,\n    headerWrapperVerticalPadding: 20,\n    iconToolTipArrowLeft: 2.5,\n    iconToolTipArrowTop: 32,\n    iconToolTipBoxWidth: 300,\n    iconToolTipTop: 36,\n    infoBlockBorderWidth: 4,\n    infoBlockImageMaxWidthDesktop: 100,\n    InputWithIconPaddingRight: 45,\n    itemGap: 2,\n    listImageMaxHeight: 50,\n    listImageMaxHeightSmall: 32,\n    listImageMaxWidth: 64,\n    listImageMaxWidthSmall: 32,\n    listItemFlexGap: 20,\n    MarkingWrapperGridGap: 2,\n    maxHeightFaderHeight: 50,\n    menuHorizontalMargin: 12,\n    menuListItemIconSize: 16,\n    mobileLabelPaddingRight: 35,\n    mobileLabelPaddingRightMobile: 20,\n    mobileLabelVerticalPadding: 10,\n    mobileLabelVerticalPaddingMobile: 8,\n    mobileTablePadding: 12,\n    mobileTablePaddingBottom: 6,\n    modalConfirmMaxWidth: 480,\n    modalContainerMaxWidth: 615,\n    navHeaderHeight: 81,\n    navHeaderHeightSmall: 64,\n    navMainLinkWidth: 105,\n    pageContainerMaxWidth: 776,\n    pageContentMaxWidth: 1232,\n    paginationButtonWidth: 44,\n    priceBaseLetterSpacing: -0.03,\n    priceIndicatorRotate: 1,\n    priceRotate: 2.5,\n    priceSplashHorizontalPadding: 10,\n    priceVariantBadgeSize: 48,\n    quantitySelectorWidthLarge: 140,\n    quantitySelectorWidthSmall: 123,\n    searchListItemGridTemplateColumns: 25,\n    searchModalZIndex: 900,\n    selectButtonWidth: 169,\n    selectMobileWidth: 175,\n    selectPadding: 2,\n    selectWidth: 225,\n    tableHeaderVerticalPadding: 12,\n    tableRowHorizontalPadding: 14,\n    tableRowVerticalPadding: 16,\n    toolTipArrowBorderWidth: 5,\n    toolTipArrowMarginTop: -5,\n    toolTipBackground: 'rgba(0,0,0,.7)',\n    toolTipCloseSize: 20,\n    tooltipMinWidth: 80,\n    toolTipTop: 35,\n    twoColumnsContainerMaxWidth: 1024,\n    zipCodeInputSize: 48,\n    zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n    // pallette same as brand colors\n    primary: '#FFDF43',\n    secondary: '#0071B9',\n    // brand colors\n    brandYellow: '#FFDF43',\n    brandBlue: '#0071B9',\n    brandPurple: '#A71680',\n    brandPrio: '#a80073',\n    // shades\n    yellowLighter: '#FFFBE7',\n    yellowLight: '#FFF7D1',\n    blueLight: '#ECF7FE',\n    blueLighter: '#D3EDFD',\n    blueMedium: '#92B9D3',\n    greenLight: '#F2FDF2',\n    greenMedium: '#BEE5BE',\n    redLight: '#FCE9E9',\n    priceTagRed: '#C80700',\n    // recipeTags\n    recipeVego: '#65DB69',\n    recipeLactose: '#8CCDF0',\n    recipeGluten: '#D5642A',\n    // link same as alert blue\n    link: '#0072BB',\n    // black / white\n    white: '#FFFFFF',\n    black: '#000000',\n    // grayscale\n    lightest: '#F7F7F7',\n    lighter: '#F1F1F1',\n    light: '#E8E8E8',\n    medium: '#DBDBDB',\n    mediumDark: '#6C6C6C',\n    dark: '#979797',\n    darker: '#4A4A4A',\n    darkest: '#333333',\n    buttonGray: '#E5E4E5',\n    disabledGray: '#B8B8B8',\n    disabledDarkGray: '#5c5c5c',\n    placeholder: '#8f8f8f',\n    border: '#0069AE',\n    grayMuted: '#797575',\n    grayNeutral: '#D6D6D6',\n    boxShadow: '#E1E1E1',\n    boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n    // Alerts\n    alertRed: '#E02721',\n    alertBlue: '#0072BB',\n    alertGreen: '#3F9A3C',\n    // overlay\n    darkOverlay: 'rgba(0, 0, 0, 0.6)',\n    // transparent\n    transparent: '#ffffff00',\n    // hover\n    brandBlueHover: '#005C99',\n    brandYellowHover: '#F5D800',\n    brandPrioHover: '#90136F',\n    brandBlueActive: '#004D80',\n    brandYellowActive: '#DBC100',\n    brandPrioActive: '#7A105E',\n    none: 'none'\n};\n\nvar spacings = {\n    xxxs: 2,\n    xxs: 4,\n    xxs2: 6,\n    xs: 8,\n    xs1: 10,\n    xs2: 12,\n    xs3: 14,\n    sm: 16,\n    sm1: 18,\n    sm2: 20,\n    md: 24,\n    lg: 32,\n    xl: 40,\n    xl2: 48,\n    xxl: 56\n    // More in figma, but talk with Johan to generalize it more.\n    // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n    type: {\n        primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n        display: '\"Dom Casual\"',\n        code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n    },\n    weight: {\n        regular: '400',\n        medium: '500',\n        semiBold: '600',\n        bold: '700',\n        extraBold: '800'\n    },\n    size: {\n        // xs all from 0-10\n        xs: 10,\n        // s all from 11-20\n        s0: 11,\n        s1: 12,\n        s2: 13,\n        s3: 15,\n        s4: 18,\n        // m all from 21-40\n        m1: 24,\n        m2: 30,\n        // l all from 41 >\n        l1: 41,\n        code: 90\n    },\n    lineHeight: {\n        // xs all from 0-15\n        xs: 15,\n        // s all from 16-20\n        s1: 18,\n        s2: 19,\n        // m all from 21-40\n        m1: 22,\n        m2: 27,\n        m3: 36,\n        // l all from 41 >\n        l1: 45\n    }\n};\n\nvar animations = {\n    tapScale: 0.9,\n    hoverScale: 1.1,\n    buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n    rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n    saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n    var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n    return ({\n        palette: palette,\n        typography: typography,\n        attributes: attributes,\n        breakpoints: breakpoints,\n        spacings: spacings,\n        constants: constants,\n        animations: animations\n    });\n};\nvar theme = createTheme({\n    palette: palette,\n    typography: typography,\n    attributes: attributes,\n    breakpoints: breakpoints,\n    spacings: spacings,\n    constants: constants,\n    animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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"}
+{"version":3,"file":"index.js","sources":["../../../../../design-tokens/build/index.js"],"sourcesContent":["'use strict';\n\nObject.defineProperty(exports, '__esModule', { value: true });\n\nvar attributes = {\n    borderRadius: {\n        extraSmall: 2,\n        small: 5,\n        default: 10,\n        big: 20,\n        rounded: 100,\n        circle: '50%'\n    },\n    boxShadow: {\n        small: '0 0 46px 0 rgba(0, 0, 0, 0.13)',\n        hover: '0 0 15px 0 rgba(0, 0, 0, 0.13)',\n        buttonHover: '0 1px 5px rgba(0, 0, 0, 0.35)',\n        buttonActive: 'inset 0 0px 5px rgba(0, 0, 0, 0.15)',\n        iconButtonHover: '0 1px 8px rgba(0, 0, 0, 0.35)',\n        layoutShadow: '0 1px 0 rgba(0, 0, 0, 0.15)',\n        layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n        layoutShadowInsetMedium: 'inset 0 -2px 0 rgba(0, 0, 0, 0.15)',\n        stepperShadow: '0px -5px 20px rgba(0, 0, 0, 0.04), 0px -2px 6px rgba(0, 0, 0, 0.04), 0px 0px 1px rgba(0, 0, 0, 0.04)',\n        highlightBoxShadow: '0 2px 5px 0 rgba(7,52,99,0.15)',\n        focusVisible: '0 0 0 2px #000'\n    },\n    zIndex: {\n        modal: 5,\n        footer: 4,\n        high: 3,\n        middle: 2,\n        low: 1\n    },\n    transition: {\n        t1: '550ms cubic-bezier(0.19, 1, 0.22, 1)',\n        inputTransition: 'box-shadow 250ms ease'\n    }\n};\n\nvar breakpoints = {\n    xxs: 360,\n    xs: 480,\n    sm: 576,\n    md: 768,\n    lg: 960,\n    xl: 1060,\n    xxl: 1280,\n    xxxl: 1400\n};\n\nvar constants = {\n    BackgroundOverlayOpacity: 0.3,\n    buttonBadgeFontSize: 11,\n    buttonBadgePadding: 6,\n    buttonBadgePaddingSmall: 2,\n    buttonBadgeRightPosition: -4,\n    buttonBadgeTopPosition: -3,\n    buttonChildExtraSmallGap: 4,\n    buttonChildGap: 12,\n    buttonChildSmallGap: 8,\n    buttonWrapperMinWidth: 120,\n    cartCardImageSize: 48,\n    cartListItemDescriptionSize: 11,\n    chipCheckBox: 12,\n    couponButtonContainer: 102,\n    dateBoxHorizontalPadding: 12,\n    deliverySlotArrowOffset: 42,\n    deliverySlotItemHeight: 91,\n    deliverySlotItemWidth: 130,\n    deliverySlotItemWidthDesktop: 146,\n    headerBreakpoint: 991,\n    headerScrollFadeRange: 50,\n    headerWrapperVerticalPadding: 20,\n    iconToolTipArrowLeft: 2.5,\n    iconToolTipArrowTop: 32,\n    iconToolTipBoxWidth: 300,\n    iconToolTipTop: 36,\n    infoBlockBorderWidth: 4,\n    infoBlockImageMaxWidthDesktop: 100,\n    InputWithIconPaddingRight: 45,\n    itemGap: 2,\n    listImageMaxHeight: 50,\n    listImageMaxHeightSmall: 32,\n    listImageMaxWidth: 64,\n    listImageMaxWidthSmall: 32,\n    listItemFlexGap: 20,\n    MarkingWrapperGridGap: 2,\n    maxHeightFaderHeight: 50,\n    menuHorizontalMargin: 12,\n    menuListItemIconSize: 16,\n    mobileLabelPaddingRight: 35,\n    mobileLabelPaddingRightMobile: 20,\n    mobileLabelVerticalPadding: 10,\n    mobileLabelVerticalPaddingMobile: 8,\n    mobileTablePadding: 12,\n    mobileTablePaddingBottom: 6,\n    modalConfirmMaxWidth: 480,\n    modalContainerMaxWidth: 615,\n    navHeaderHeight: 81,\n    navHeaderHeightSmall: 64,\n    navMainLinkWidth: 105,\n    pageContainerMaxWidth: 776,\n    pageContentMaxWidth: 1232,\n    paginationButtonWidth: 44,\n    priceBaseLetterSpacing: -0.03,\n    priceIndicatorRotate: 1,\n    priceRotate: 2.5,\n    priceSplashHorizontalPadding: 10,\n    priceVariantBadgeSize: 48,\n    quantitySelectorWidthLarge: 140,\n    quantitySelectorWidthSmall: 123,\n    searchListItemGridTemplateColumns: 25,\n    searchModalZIndex: 900,\n    selectButtonWidth: 169,\n    selectMobileWidth: 175,\n    selectPadding: 2,\n    selectWidth: 225,\n    tableHeaderVerticalPadding: 12,\n    tableRowHorizontalPadding: 14,\n    tableRowVerticalPadding: 16,\n    toolTipArrowBorderWidth: 5,\n    toolTipArrowMarginTop: -5,\n    toolTipBackground: 'rgba(0,0,0,.7)',\n    toolTipCloseSize: 20,\n    tooltipMinWidth: 80,\n    toolTipTop: 35,\n    twoColumnsContainerMaxWidth: 1024,\n    zipCodeInputSize: 48,\n    zipCodeInputSizeSmall: 40\n};\n\nvar palette = {\n    // pallette same as brand colors\n    primary: '#FFDF43',\n    secondary: '#0071B9',\n    // brand colors\n    brandYellow: '#FFDF43',\n    brandBlue: '#0071B9',\n    brandPurple: '#A71680',\n    brandPrio: '#a80073',\n    // shades\n    yellowLighter: '#FFFBE7',\n    yellowLight: '#FFF7D1',\n    blueLight: '#ECF7FE',\n    blueLighter: '#D3EDFD',\n    blueMedium: '#92B9D3',\n    greenLight: '#F2FDF2',\n    greenMedium: '#BEE5BE',\n    redLight: '#FCE9E9',\n    redLighter: '#FDF2F2',\n    priceTagRed: '#C80700',\n    // recipeTags\n    recipeVego: '#65DB69',\n    recipeLactose: '#8CCDF0',\n    recipeGluten: '#D5642A',\n    // link same as alert blue\n    link: '#0072BB',\n    // black / white\n    white: '#FFFFFF',\n    black: '#000000',\n    // grayscale\n    lightest: '#F7F7F7',\n    lighter: '#F1F1F1',\n    light: '#E8E8E8',\n    medium: '#DBDBDB',\n    mediumDark: '#6C6C6C',\n    dark: '#979797',\n    darker: '#4A4A4A',\n    darkest: '#333333',\n    buttonGray: '#E5E4E5',\n    disabledGray: '#B8B8B8',\n    disabledDarkGray: '#5c5c5c',\n    placeholder: '#8f8f8f',\n    border: '#0069AE',\n    grayMuted: '#797575',\n    grayNeutral: '#D6D6D6',\n    boxShadow: '#E1E1E1',\n    boxShadowActive: 'rgba(7, 52, 99, 0.15)',\n    // Alerts\n    alertRed: '#E02721',\n    alertBlue: '#0072BB',\n    alertGreen: '#3F9A3C',\n    // overlay\n    darkOverlay: 'rgba(0, 0, 0, 0.6)',\n    // transparent\n    transparent: '#ffffff00',\n    // hover\n    brandBlueHover: '#005C99',\n    brandYellowHover: '#F5D800',\n    brandPrioHover: '#90136F',\n    brandBlueActive: '#004D80',\n    brandYellowActive: '#DBC100',\n    brandPrioActive: '#7A105E',\n    none: 'none'\n};\n\nvar spacings = {\n    xxxs: 2,\n    xxs: 4,\n    xxs2: 6,\n    xs: 8,\n    xs1: 10,\n    xs2: 12,\n    xs3: 14,\n    sm: 16,\n    sm1: 18,\n    sm2: 20,\n    md: 24,\n    lg: 32,\n    xl: 40,\n    xl2: 48,\n    xxl: 56\n    // More in figma, but talk with Johan to generalize it more.\n    // xxx: 72, 88, 120, 152 ?\n};\n\nvar typography = {\n    type: {\n        primary: '\"Poppins\", \"Helvetica Neue\", Helvetica, Arial, sans-serif',\n        display: '\"Dom Casual\"',\n        code: '\"SFMono-Regular\", Consolas, \"Liberation Mono\", Menlo, Courier, monospace'\n    },\n    weight: {\n        regular: '400',\n        medium: '500',\n        semiBold: '600',\n        bold: '700',\n        extraBold: '800'\n    },\n    size: {\n        // xs all from 0-10\n        xs: 10,\n        // s all from 11-20\n        s0: 11,\n        s1: 12,\n        s2: 13,\n        s3: 15,\n        s4: 18,\n        // m all from 21-40\n        m1: 24,\n        m2: 30,\n        // l all from 41 >\n        l1: 41,\n        code: 90\n    },\n    lineHeight: {\n        // xs all from 0-15\n        xs: 15,\n        // s all from 16-20\n        s1: 18,\n        s2: 19,\n        // m all from 21-40\n        m1: 22,\n        m2: 27,\n        m3: 36,\n        // l all from 41 >\n        l1: 45\n    }\n};\n\nvar animations = {\n    tapScale: 0.9,\n    hoverScale: 1.1,\n    buttonTransition: 'all 250ms cubic-bezier(0.165, 0.84, 0.44, 1)',\n    rippleTransition: '750ms cubic-bezier(0.19, 1, 0.22, 1)',\n    saveButtonAnimationComplete: 600\n};\n\nvar createTheme = function (_a) {\n    var palette = _a.palette, typography = _a.typography, attributes = _a.attributes, breakpoints = _a.breakpoints, spacings = _a.spacings, constants = _a.constants, animations = _a.animations;\n    return ({\n        palette: palette,\n        typography: typography,\n        attributes: attributes,\n        breakpoints: breakpoints,\n        spacings: spacings,\n        constants: constants,\n        animations: animations\n    });\n};\nvar theme = createTheme({\n    palette: palette,\n    typography: typography,\n    attributes: attributes,\n    breakpoints: breakpoints,\n    spacings: spacings,\n    constants: constants,\n    animations: animations\n});\n\nexports.animations = animations;\nexports.attributes = attributes;\nexports.breakpoints = breakpoints;\nexports.constants = constants;\nexports.palette = palette;\nexports.spacings = spacings;\nexports.theme = theme;\nexports.typography = typography;\n//# sourceMappingURL=index.js.map\n"],"names":[],"mappings":"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"}

package/build/es/utils/build/index.js

@@ -370,7 +370,15 @@ var useFixedModalScroll = function (active, querySelector) {
     React.useEffect(function () {
         var pos = window === null || window === void 0 ? void 0 : window.scrollY;
         var selector = querySelector || (document === null || document === void 0 ? void 0 : document.body);
-        if (active && selector) {
+        if (!selector)
+            return;
+        var savedStyles = {
+            top: selector.style.top,
+            overflowY: selector.style.overflowY,
+            position: selector.style.position,
+            scrollY: pos
+        };
+        if (active) {
             setPrevPosition(pos);
             selector.style.overflowY = 'scroll';
             selector.style.position = 'fixed';
@@ -384,6 +392,28 @@ var useFixedModalScroll = function (active, querySelector) {
                 window.scrollTo(0, prevPosition);
             }
         }
+        return function () {
+            if (selector) {
+                if (savedStyles.top) {
+                    selector.style.top = savedStyles.top;
+                }
+                else {
+                    selector.style.removeProperty('top');
+                }
+                if (savedStyles.overflowY) {
+                    selector.style.overflowY = savedStyles.overflowY;
+                }
+                else {
+                    selector.style.overflowY = 'auto';
+                }
+                if (savedStyles.position) {
+                    selector.style.position = savedStyles.position;
+                }
+                else {
+                    selector.style.position = 'relative';
+                }
+            }
+        };
     }, [active, querySelector]);
 };