@citygross/components 0.7.76 → 0.7.78

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (168) hide show
  1. package/build/@types/components/Timeline/Timeline.d.ts +2 -3
  2. package/build/@types/components/Timeline/Timeline.stories.d.ts +4 -12
  3. package/build/@types/index.d.ts +1 -0
  4. package/build/cjs/_virtual/{index.js_commonjs-exports → index.js} +1 -1
  5. package/build/cjs/_virtual/index.js.map +1 -0
  6. package/build/cjs/_virtual/{index2.js_commonjs-exports → index2.js} +1 -1
  7. package/build/cjs/_virtual/index2.js.map +1 -0
  8. package/build/cjs/components/src/components/AddressBlock/AddressBlock.js +16 -15
  9. package/build/cjs/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
  10. package/build/cjs/components/src/components/AddressBlock/AddressBlock.styles.js +1 -1
  11. package/build/cjs/components/src/components/AlertBox/AlertBox.js +4 -4
  12. package/build/cjs/components/src/components/AlertBox/AlertBox.styles.js +2 -2
  13. package/build/cjs/components/src/components/BackButton/BackButton.js +4 -4
  14. package/build/cjs/components/src/components/BackButton/BackButton.styles.js +2 -2
  15. package/build/cjs/components/src/components/BackgroundImage/BackgroundImage.js +5 -5
  16. package/build/cjs/components/src/components/BackgroundImage/BackgroundImage.styles.js +5 -5
  17. package/build/cjs/components/src/components/Badge/Badge.js +1 -1
  18. package/build/cjs/components/src/components/Badge/Badge.styles.js +1 -1
  19. package/build/cjs/components/src/components/Box/Box.js +3 -3
  20. package/build/cjs/components/src/components/Box/Box.styles.js +1 -1
  21. package/build/cjs/components/src/components/BoxArrow/BoxArrow.js +2 -2
  22. package/build/cjs/components/src/components/BoxArrow/BoxArrow.styles.js +1 -1
  23. package/build/cjs/components/src/components/Button/Button.js +6 -6
  24. package/build/cjs/components/src/components/Button/Button.styles.js +7 -7
  25. package/build/cjs/components/src/components/Button/IconButton.js +5 -5
  26. package/build/cjs/components/src/components/Button/PaginationButton.js +5 -5
  27. package/build/cjs/components/src/components/CartItemSummary/CartItemSummary.js +7 -7
  28. package/build/cjs/components/src/components/CartItemSummary/CartItemSummary.styles.js +4 -4
  29. package/build/cjs/components/src/components/CartSummary/CartSummary.js +35 -35
  30. package/build/cjs/components/src/components/CartSummary/CartSummary.styles.js +7 -7
  31. package/build/cjs/components/src/components/Chips/Chip.js +4 -4
  32. package/build/cjs/components/src/components/Chips/Chip.styles.js +3 -3
  33. package/build/cjs/components/src/components/Collapsable/Collapsable.js +7 -7
  34. package/build/cjs/components/src/components/Collapsable/Collapsable.styles.js +4 -4
  35. package/build/cjs/components/src/components/CustomerInfoBlock/CustomerInfoBlock.js +2 -2
  36. package/build/cjs/components/src/components/CustomerInfoBlock/CustomerInfoBlock.styles.js +1 -1
  37. package/build/cjs/components/src/components/DateBox/DateBox.js +4 -4
  38. package/build/cjs/components/src/components/DateBox/DateBox.styles.js +4 -4
  39. package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.js +8 -8
  40. package/build/cjs/components/src/components/DeliverySlotItem/DeliverySlotItem.styles.js +5 -5
  41. package/build/cjs/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.js +5 -5
  42. package/build/cjs/components/src/components/DeliveryTimeBlock/DeliveryTimeBlock.styles.js +2 -2
  43. package/build/cjs/components/src/components/Divider/Divider.js +1 -1
  44. package/build/cjs/components/src/components/Divider/Divider.styles.js +1 -1
  45. package/build/cjs/components/src/components/DotIndicator/DotIndicator.js +1 -1
  46. package/build/cjs/components/src/components/DotIndicator/DotIndicator.styles.js +1 -1
  47. package/build/cjs/components/src/components/Form/Form.js +2 -2
  48. package/build/cjs/components/src/components/Form/Form.styles.js +2 -2
  49. package/build/cjs/components/src/components/FormControl/FormControl.js +4 -4
  50. package/build/cjs/components/src/components/FormControl/FormControl.styles.js +2 -2
  51. package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.js +4 -4
  52. package/build/cjs/components/src/components/FormElements/Checkbox/Checkbox.styles.js +3 -3
  53. package/build/cjs/components/src/components/FormElements/Input/Input.js +1 -1
  54. package/build/cjs/components/src/components/FormElements/Input/Input.styles.js +1 -1
  55. package/build/cjs/components/src/components/FormElements/Radio/Radio.js +3 -3
  56. package/build/cjs/components/src/components/FormElements/Radio/Radio.styles.js +3 -3
  57. package/build/cjs/components/src/components/FormElements/Switch/Switch.js +4 -4
  58. package/build/cjs/components/src/components/FormElements/Switch/Switch.styles.js +4 -4
  59. package/build/cjs/components/src/components/FormElements/TextArea/TextArea.js +1 -1
  60. package/build/cjs/components/src/components/FormElements/TextArea/TextArea.styles.js +1 -1
  61. package/build/cjs/components/src/components/FormGroup/FormGroup.js +1 -1
  62. package/build/cjs/components/src/components/FormGroup/FormGroup.styles.js +1 -1
  63. package/build/cjs/components/src/components/GridContainer/GridContainer.js +1 -1
  64. package/build/cjs/components/src/components/GridContainer/GridContainer.styles.js +1 -1
  65. package/build/cjs/components/src/components/Header/Header.js +7 -7
  66. package/build/cjs/components/src/components/Header/Header.styles.js +4 -4
  67. package/build/cjs/components/src/components/HeaderLink/HeaderLink.js +3 -3
  68. package/build/cjs/components/src/components/HeaderLink/HeaderLink.styles.js +3 -3
  69. package/build/cjs/components/src/components/HighlightBox/HighlightBox.js +1 -1
  70. package/build/cjs/components/src/components/HighlightBox/HighlightBox.styles.js +1 -1
  71. package/build/cjs/components/src/components/IconToolTip/IconToolTip.js +10 -10
  72. package/build/cjs/components/src/components/IconToolTip/IconToolTip.styles.js +5 -5
  73. package/build/cjs/components/src/components/InfoTextBlock/InfoTextBlock.js +6 -6
  74. package/build/cjs/components/src/components/InfoTextBlock/InfoTextBlock.styles.js +5 -5
  75. package/build/cjs/components/src/components/LayoutBox/LayoutBox.js +1 -1
  76. package/build/cjs/components/src/components/LayoutBox/LayoutBox.styles.js +1 -1
  77. package/build/cjs/components/src/components/Links/Link.js +3 -3
  78. package/build/cjs/components/src/components/Links/Link.styles.js +2 -2
  79. package/build/cjs/components/src/components/ListItem/ListItem.js +10 -10
  80. package/build/cjs/components/src/components/ListItem/ListItem.styles.js +6 -6
  81. package/build/cjs/components/src/components/ListItemWithRadio/ListItemWithRadio.js +14 -14
  82. package/build/cjs/components/src/components/ListItemWithRadio/ListItemWithRadio.styles.js +7 -7
  83. package/build/cjs/components/src/components/Logo/Logo.js +1 -1
  84. package/build/cjs/components/src/components/Logo/Logo.styles.js +1 -1
  85. package/build/cjs/components/src/components/Menu/Menu.js +3 -3
  86. package/build/cjs/components/src/components/Menu/Menu.styles.js +3 -3
  87. package/build/cjs/components/src/components/Menu/MenuItem.js +1 -1
  88. package/build/cjs/components/src/components/MobileTable/MobileTable.styles.js +20 -0
  89. package/build/cjs/components/src/components/MobileTable/MobileTable.styles.js.map +1 -0
  90. package/build/cjs/components/src/components/Modal/Modal.js +14 -14
  91. package/build/cjs/components/src/components/Modal/Modal.styles.js +7 -7
  92. package/build/cjs/components/src/components/Pagination/Pagination.js +7 -7
  93. package/build/cjs/components/src/components/Pagination/Pagination.styles.js +2 -2
  94. package/build/cjs/components/src/components/ProgressBar/ProgressBar.js +2 -2
  95. package/build/cjs/components/src/components/ProgressBar/ProgressBar.styled.js +2 -2
  96. package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.js +9 -11
  97. package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.js.map +1 -1
  98. package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.styles.js +3 -3
  99. package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js +2 -2
  100. package/build/cjs/components/src/components/RadioBox/RadioBoxItem.styles.js +1 -1
  101. package/build/cjs/components/src/components/RadioBox/RadioBoxList.js +8 -8
  102. package/build/cjs/components/src/components/RadioBox/RadioBoxList.styles.js +4 -4
  103. package/build/cjs/components/src/components/RadioGroup/RadioGroup.js +3 -3
  104. package/build/cjs/components/src/components/RadioGroup/RadioGroup.styles.js +2 -2
  105. package/build/cjs/components/src/components/RadioListItem/RadioListItem.js +10 -10
  106. package/build/cjs/components/src/components/RadioListItem/RadioListItem.styles.js +7 -7
  107. package/build/cjs/components/src/components/RippleContainer/RippleContainer.js +1 -1
  108. package/build/cjs/components/src/components/RippleContainer/RippleContainer.styles.js +1 -1
  109. package/build/cjs/components/src/components/Select/Select.js +2 -2
  110. package/build/cjs/components/src/components/Select/Select.styles.js +2 -2
  111. package/build/cjs/components/src/components/Slider/Slider.js +7 -7
  112. package/build/cjs/components/src/components/Slider/Slider.styles.js +5 -5
  113. package/build/cjs/components/src/components/Spacer/Spacer.js +1 -1
  114. package/build/cjs/components/src/components/Spacer/Spacer.styles.js +1 -1
  115. package/build/cjs/components/src/components/Spinner/Spinner.js +1 -1
  116. package/build/cjs/components/src/components/Spinner/Spinner.styles.js +1 -1
  117. package/build/cjs/components/src/components/Stepper/Stepper.styles.js +4 -4
  118. package/build/cjs/components/src/components/Stepper/StepperList.js +4 -4
  119. package/build/cjs/components/src/components/Stepper/StepperListItem.js +6 -6
  120. package/build/cjs/components/src/components/StepperMobile/StepperMobile.js +8 -8
  121. package/build/cjs/components/src/components/StepperMobile/StepperMobile.styles.js +2 -2
  122. package/build/cjs/components/src/components/Table/Table.styles.js +5 -5
  123. package/build/cjs/components/src/components/Timeline/Timeline.js +12 -15
  124. package/build/cjs/components/src/components/Timeline/Timeline.js.map +1 -1
  125. package/build/cjs/components/src/components/Timeline/Timeline.styles.js +4 -4
  126. package/build/cjs/components/src/components/ToolTip/ToolTip.js +3 -3
  127. package/build/cjs/components/src/components/ToolTip/ToolTip.styles.js +2 -2
  128. package/build/cjs/components/src/components/UnorderedList/UnorderedList.styles.js +2 -2
  129. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js +3 -2
  130. package/build/cjs/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  131. package/build/cjs/components/src/components/WarningLabel/WarningLabel.styles.js +1 -1
  132. package/build/cjs/components/src/containers/PageContainer/PageContainer.js +2 -2
  133. package/build/cjs/components/src/containers/PageContainer/PageContainer.styles.js +2 -2
  134. package/build/cjs/components/src/containers/TwoColumnsContainer/TwoColumnsPageContainer.js +4 -4
  135. package/build/cjs/components/src/containers/TwoColumnsContainer/TwoColumnsPageContainer.styles.js +4 -4
  136. package/build/cjs/components/src/index.js +10 -18
  137. package/build/cjs/components/src/index.js.map +1 -1
  138. package/build/cjs/design-tokens/build/index.js +2 -2
  139. package/build/cjs/design-tokens/build/index.js.map +1 -1
  140. package/build/cjs/utils/build/index.js +5 -5
  141. package/build/cjs/utils/build/index.js.map +1 -1
  142. package/build/es/_virtual/index.js +4 -0
  143. package/build/es/_virtual/index.js.map +1 -0
  144. package/build/es/_virtual/index2.js +4 -0
  145. package/build/es/_virtual/index2.js.map +1 -0
  146. package/build/es/components/src/components/AddressBlock/AddressBlock.js +1 -0
  147. package/build/es/components/src/components/AddressBlock/AddressBlock.js.map +1 -1
  148. package/build/es/components/src/components/BoxArrow/BoxArrow.js +1 -1
  149. package/build/es/components/src/components/ListItem/assets/fallback_grocery.svg.js +1 -1
  150. package/build/es/components/src/components/MobileTable/MobileTable.styles.js +10 -0
  151. package/build/es/components/src/components/MobileTable/MobileTable.styles.js.map +1 -0
  152. package/build/es/components/src/components/Timeline/Timeline.js +12 -15
  153. package/build/es/components/src/components/Timeline/Timeline.js.map +1 -1
  154. package/build/es/components/src/components/WarningLabel/WarningLabel.js +1 -0
  155. package/build/es/components/src/components/WarningLabel/WarningLabel.js.map +1 -1
  156. package/build/es/components/src/index.js +1 -0
  157. package/build/es/components/src/index.js.map +1 -1
  158. package/build/es/design-tokens/build/index.js +2 -2
  159. package/build/es/design-tokens/build/index.js.map +1 -1
  160. package/build/es/utils/build/index.js +4 -4
  161. package/build/es/utils/build/index.js.map +1 -1
  162. package/package.json +7 -7
  163. package/build/cjs/_virtual/index.js_commonjs-exports.map +0 -1
  164. package/build/cjs/_virtual/index2.js_commonjs-exports.map +0 -1
  165. package/build/es/_virtual/index.js_commonjs-exports +0 -4
  166. package/build/es/_virtual/index.js_commonjs-exports.map +0 -1
  167. package/build/es/_virtual/index2.js_commonjs-exports +0 -4
  168. package/build/es/_virtual/index2.js_commonjs-exports.map +0 -1
@@ -9,8 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var CommonPageWrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"], ["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a, _b; return ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl) + "px " + ((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.md) + "px"; });
13
- var CommonPage = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"])), function (props) { var _a; return props.maxWidth || ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.pageContentMaxWidth); }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.none; });
12
+ var CommonPageWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"], ["\n padding: ", "px 0;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", ";\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a, _b; return ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl) + "px " + ((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.md) + "px"; });
13
+ var CommonPage = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"], ["\n margin-left: auto;\n margin-right: auto;\n max-width: ", "px;\n\n background: ", ";\n"])), function (props) { var _a; return props.maxWidth || ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.pageContentMaxWidth); }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.none; });
14
14
  var templateObject_1, templateObject_2;
15
15
 
16
16
  exports.CommonPage = CommonPage;
@@ -17,10 +17,10 @@ var TwoColumnsPageContainer = function (_a) {
17
17
  var _b, _c;
18
18
  var _d = _a.rightColumnWidth, rightColumnWidth = _d === void 0 ? 30 : _d, leftColumn = _a.leftColumn, rightColumn = _a.rightColumn, containerBackground = _a.containerBackground, rightColumnCollapsebleHeader = _a.rightColumnCollapsebleHeader, hideRightColumnBefore = _a.hideRightColumnBefore, _e = _a.breakpoint, breakpoint = _e === void 0 ? (_b = index.theme.breakpoints) === null || _b === void 0 ? void 0 : _b.xl : _e, _f = _a.noCollapsable, noCollapsable = _f === void 0 ? false : _f, props = _tslib.__rest(_a, ["rightColumnWidth", "leftColumn", "rightColumn", "containerBackground", "rightColumnCollapsebleHeader", "hideRightColumnBefore", "breakpoint", "noCollapsable"]);
19
19
  var width = index$1.useWindowSize().width;
20
- return (React__default['default'].createElement(TwoColumnsPageContainer_styles.Container, _tslib.__assign({ background: containerBackground }, props),
21
- React__default['default'].createElement(TwoColumnsPageContainer_styles.ColumnWraper, { noCollapsable: noCollapsable },
22
- React__default['default'].createElement(TwoColumnsPageContainer_styles.LeftColumn, null, leftColumn),
23
- React__default['default'].createElement(TwoColumnsPageContainer_styles.RightColumn, { columnWidth: rightColumnWidth, hideRightColumnBefore: hideRightColumnBefore }, width > ((breakpoint && breakpoint) || 1060) || noCollapsable ? (React__default['default'].createElement(React__default['default'].Fragment, null, rightColumn)) : (React__default['default'].createElement(Collapsable.Collapsable, { heading: rightColumnCollapsebleHeader, backgroundColor: (_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.white }, rightColumn))))));
20
+ return (React__default["default"].createElement(TwoColumnsPageContainer_styles.Container, _tslib.__assign({ background: containerBackground }, props),
21
+ React__default["default"].createElement(TwoColumnsPageContainer_styles.ColumnWraper, { noCollapsable: noCollapsable },
22
+ React__default["default"].createElement(TwoColumnsPageContainer_styles.LeftColumn, null, leftColumn),
23
+ React__default["default"].createElement(TwoColumnsPageContainer_styles.RightColumn, { columnWidth: rightColumnWidth, hideRightColumnBefore: hideRightColumnBefore }, width > ((breakpoint && breakpoint) || 1060) || noCollapsable ? (React__default["default"].createElement(React__default["default"].Fragment, null, rightColumn)) : (React__default["default"].createElement(Collapsable.Collapsable, { heading: rightColumnCollapsebleHeader, backgroundColor: (_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.white }, rightColumn))))));
24
24
  };
25
25
 
26
26
  exports.TwoColumnsPageContainer = TwoColumnsPageContainer;
@@ -9,12 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
9
9
 
10
10
  var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
11
11
 
12
- var Container = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px 0px;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", "px\n ", "px;\n }\n"], ["\n padding: ", "px 0px;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", "px\n ", "px;\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; });
13
- var ColumnWraper = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n gap: ", "px;\n max-width: ", "px;\n margin: 0 auto;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n gap: ", "px;\n }\n"], ["\n display: flex;\n flex-direction: ", ";\n gap: ", "px;\n max-width: ", "px;\n margin: 0 auto;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n gap: ", "px;\n }\n"])), function (props) {
12
+ var Container = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n padding: ", "px 0px;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", "px\n ", "px;\n }\n"], ["\n padding: ", "px 0px;\n background: ", ";\n\n @media (min-width: ", "px) {\n padding: ", "px\n ", "px;\n }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_a = props.background) !== null && _a !== void 0 ? _a : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.lightest; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xl; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; });
13
+ var ColumnWraper = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n display: flex;\n flex-direction: ", ";\n gap: ", "px;\n max-width: ", "px;\n margin: 0 auto;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n gap: ", "px;\n }\n"], ["\n display: flex;\n flex-direction: ", ";\n gap: ", "px;\n max-width: ", "px;\n margin: 0 auto;\n\n @media (min-width: ", "px) {\n flex-direction: row;\n gap: ", "px;\n }\n"])), function (props) {
14
14
  return props.noCollapsable ? 'column' : 'column-reverse';
15
15
  }, 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.constants) === null || _a === void 0 ? void 0 : _a.pageContentMaxWidth; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xl; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; });
16
- var LeftColumn = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
17
- var RightColumn = styled__default['default'].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n width: 100%;\n ", "\n\n @media (min-width: ", "px) {\n width: ", "%;\n }\n"], ["\n width: 100%;\n ", "\n\n @media (min-width: ", "px) {\n width: ", "%;\n }\n"])), function (props) {
16
+ var LeftColumn = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n flex-grow: 1;\n"], ["\n flex-grow: 1;\n"])));
17
+ var RightColumn = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n width: 100%;\n ", "\n\n @media (min-width: ", "px) {\n width: ", "%;\n }\n"], ["\n width: 100%;\n ", "\n\n @media (min-width: ", "px) {\n width: ", "%;\n }\n"])), function (props) {
18
18
  return props.hideRightColumnBefore &&
19
19
  "display: none;\n\n @media(min-width: " + props.hideRightColumnBefore + "px){\n display:block;\n };\n ";
20
20
  }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xl; }, function (props) { return props.columnWidth; });
@@ -63,6 +63,7 @@ var PageContainer = require('./containers/PageContainer/PageContainer.js');
63
63
  var TwoColumnsPageContainer = require('./containers/TwoColumnsContainer/TwoColumnsPageContainer.js');
64
64
  var UnorderedList_styles = require('./components/UnorderedList/UnorderedList.styles.js');
65
65
  var WarningLabel = require('./components/WarningLabel/WarningLabel.js');
66
+ var MobileTable_styles = require('./components/MobileTable/MobileTable.styles.js');
66
67
 
67
68
 
68
69
 
@@ -71,15 +72,11 @@ exports.AlertBox = AlertBox.AlertBox;
71
72
  exports.Button = Button.Button;
72
73
  Object.defineProperty(exports, 'ButtonColor', {
73
74
  enumerable: true,
74
- get: function () {
75
- return Button.ButtonColor;
76
- }
75
+ get: function () { return Button.ButtonColor; }
77
76
  });
78
77
  Object.defineProperty(exports, 'ButtonSize', {
79
78
  enumerable: true,
80
- get: function () {
81
- return Button.ButtonSize;
82
- }
79
+ get: function () { return Button.ButtonSize; }
83
80
  });
84
81
  exports.Header = Header.Header;
85
82
  exports.BackgroundImage = BackgroundImage.BackgroundImage;
@@ -105,9 +102,7 @@ exports.Form = Form.Form;
105
102
  exports.FormControl = FormControl.FormControl;
106
103
  Object.defineProperty(exports, 'TScreenWidth', {
107
104
  enumerable: true,
108
- get: function () {
109
- return FormControl.TScreenWidth;
110
- }
105
+ get: function () { return FormControl.TScreenWidth; }
111
106
  });
112
107
  exports.Checkbox = Checkbox.Checkbox;
113
108
  exports.Input = Input.Input;
@@ -124,15 +119,11 @@ exports.ListItemWithRadio = ListItemWithRadio.ListItemWithRadio;
124
119
  exports.Link = Link.Link;
125
120
  Object.defineProperty(exports, 'LinkColors', {
126
121
  enumerable: true,
127
- get: function () {
128
- return Link.LinkColors;
129
- }
122
+ get: function () { return Link.LinkColors; }
130
123
  });
131
124
  Object.defineProperty(exports, 'LinkSize', {
132
125
  enumerable: true,
133
- get: function () {
134
- return Link.LinkSize;
135
- }
126
+ get: function () { return Link.LinkSize; }
136
127
  });
137
128
  exports.Modal = Modal.Modal;
138
129
  exports.RadioBoxItem = RadioBoxItem.RadioBoxItem;
@@ -150,9 +141,7 @@ exports.StepperMobile = StepperMobile.StepperMobile;
150
141
  exports.TextArea = TextArea.TextArea;
151
142
  Object.defineProperty(exports, 'BorderPosition', {
152
143
  enumerable: true,
153
- get: function () {
154
- return Table_styles.BorderPosition;
155
- }
144
+ get: function () { return Table_styles.BorderPosition; }
156
145
  });
157
146
  exports.Table = Table_styles.Table;
158
147
  exports.Td = Table_styles.Td;
@@ -168,4 +157,7 @@ exports.TwoColumnsPageContainer = TwoColumnsPageContainer.TwoColumnsPageContaine
168
157
  exports.UnorderedList = UnorderedList_styles.UnorderedList;
169
158
  exports.UnorderedListItem = UnorderedList_styles.UnorderedListItem;
170
159
  exports.WarningLabel = WarningLabel.WarningLabel;
160
+ exports.MobileLabel = MobileTable_styles.MobileLabel;
161
+ exports.MobileTable = MobileTable_styles.MobileTable;
162
+ exports.MobileTd = MobileTable_styles.MobileTd;
171
163
  //# sourceMappingURL=index.js.map
@@ -1 +1 @@
1
- {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
1
+ {"version":3,"file":"index.js","sources":[],"sourcesContent":[],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;;"}
@@ -2,7 +2,7 @@
2
2
 
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
- var index = require('../../_virtual/index.js_commonjs-exports');
5
+ var index = require('../../_virtual/index.js');
6
6
 
7
7
  Object.defineProperty(index.__exports, '__esModule', { value: true });
8
8
 
@@ -226,6 +226,6 @@ index.__exports.spacings = spacings;
226
226
  var theme_1 = index.__exports.theme = theme;
227
227
  index.__exports.typography = typography;
228
228
 
229
- exports.default = index.__exports;
229
+ exports["default"] = index.__exports;
230
230
  exports.theme = theme_1;
231
231
  //# sourceMappingURL=index.js.map
@@ -1 +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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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 },\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 headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 80,\n deliverySlotItemWidthDesktop: 120,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n border: '#0069AE',\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 none: 'none'\n};\n\nvar spacings = {\n xxs: 4,\n xs: 8,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\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 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 },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\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 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};\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":["build"],"mappings":"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"}
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 },\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 layoutShadowInset: 'inset 0 -1px 0 rgba(0, 0, 0, 0.15)',\n layoutShadow: '0 1px 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 },\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 headerScrollFadeRange: 50,\n modalContainerMaxWidth: 615,\n modalConfirmMaxWidth: 480,\n pageContainerMaxWidth: 776,\n twoColumnsContainerMaxWidth: 1024,\n deliverySlotItemWidth: 80,\n deliverySlotItemWidthDesktop: 120,\n itemGap: 2,\n listImageMaxWidth: 64,\n listImageMaxHeight: 50,\n listImageMaxWidthSmall: 32,\n listImageMaxHeightSmall: 32,\n listItemFlexGap: 20,\n infoBlockImageMaxWidthDesktop: 100,\n chipCheckBox: 12,\n pageContentMaxWidth: 1232,\n infoBlockBorderWidth: 4,\n tableRowVerticalPadding: 16,\n tableRowHorizontalPadding: 14,\n tableHeaderVerticalPadding: 12,\n menuHorizontalMargin: 12,\n headerWrapperVerticalPadding: 20,\n iconToolTipArrowLeft: 2.5,\n iconToolTipArrowTop: 32,\n iconToolTipBoxWidth: 300,\n iconToolTipTop: 36,\n dateBoxHorizontalPadding: 12,\n BackgroundOverlayOpacity: 0.3,\n selectWidth: 225,\n selectMobileWidth: 175,\n selectPadding: 2,\n cartListItemDescriptionSize: 11,\n mobileTablePadding: 12,\n mobileTablePaddingBottom: 6,\n mobileLabelVerticalPadding: 10,\n mobileLabelPaddingRight: 35,\n mobileLabelVerticalPaddingMobile: 8,\n mobileLabelPaddingRightMobile: 20,\n};\n\nvar palette = {\n // pallette same as brand colors\n primary: '#FFE522',\n secondary: '#0069AE',\n // brand colors\n brandYellow: '#FFE522',\n brandBlue: '#0069AE',\n brandPurple: '#A71680',\n // shades\n yellowLighter: '#FFFBE7',\n yellowLight: '#FFF7D1',\n blueLight: '#ECF7FE',\n blueMedium: '#92B9D3',\n greenLight: '#F2FDF2',\n greenMedium: '#BEE5BE',\n redLight: '#FCE9E9',\n // recipeTags\n recipeVego: '#237039',\n recipeLactose: '#5bc5f2',\n recipeGluten: '#c74f07',\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 dark: '#979797',\n darker: '#4A4A4A',\n darkest: '#333333',\n border: '#0069AE',\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 none: 'none'\n};\n\nvar spacings = {\n xxs: 4,\n xs: 8,\n sm: 16,\n md: 24,\n lg: 32,\n xl: 40,\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 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 },\n size: {\n // xs all from 0-10\n xs: 10,\n // s all from 11-20\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 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};\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":["build"],"mappings":"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"}
@@ -3,7 +3,7 @@
3
3
  Object.defineProperty(exports, '__esModule', { value: true });
4
4
 
5
5
  var _commonjsHelpers = require('../../_virtual/_commonjsHelpers.js');
6
- var index = require('../../_virtual/index2.js_commonjs-exports');
6
+ var index = require('../../_virtual/index2.js');
7
7
  var React$1 = require('react');
8
8
 
9
9
  function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -12,7 +12,7 @@ var React__default$1 = /*#__PURE__*/_interopDefaultLegacy(React$1);
12
12
 
13
13
  Object.defineProperty(index.__exports, '__esModule', { value: true });
14
14
 
15
- var React = React__default$1['default'];
15
+ var React = React__default$1["default"];
16
16
 
17
17
  function _interopDefaultLegacy$1 (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
18
18
 
@@ -38,8 +38,8 @@ var capitalizeFirstLetter = function (string) {
38
38
  };
39
39
 
40
40
  var useDetectDevice = function () {
41
- var _a = React__default['default'].useState(false), isMobile = _a[0], setMobile = _a[1];
42
- React__default['default'].useEffect(function () {
41
+ var _a = React__default["default"].useState(false), isMobile = _a[0], setMobile = _a[1];
42
+ React__default["default"].useEffect(function () {
43
43
  var userAgent = typeof window.navigator === 'undefined' ? '' : navigator.userAgent;
44
44
  var mobile = Boolean(userAgent.match(/Android|BlackBerry|iPhone|iPod|Opera Mini|IEMobile|WPDesktop/i) || window.screen.width < 1024);
45
45
  setMobile(mobile);
@@ -18196,6 +18196,6 @@ var useWindowSize_1 = index.__exports.useWindowSize = useWindowSize;
18196
18196
  index.__exports.validateInput = validateInput;
18197
18197
  index.__exports.zipRegex = zipRegex;
18198
18198
 
18199
- exports.default = index.__exports;
18199
+ exports["default"] = index.__exports;
18200
18200
  exports.useWindowSize = useWindowSize_1;
18201
18201
  //# sourceMappingURL=index.js.map