@citygross/components 0.7.77 → 0.7.78

package/build/cjs/components/src/components/ListItemWithRadio/ListItemWithRadio.js

@@ -17,25 +17,25 @@ var Skeleton__default = /*#__PURE__*/_interopDefaultLegacy(Skeleton);
 function ListItemWithRadio(_a) {
     var _b, _c;
     var item = _a.item, loading = _a.loading, rightChildren = _a.rightChildren, radioChildren = _a.radioChildren;
-    return (React__default['default'].createElement(ListItemWithRadio_styles.ListItemContainer, null,
-        React__default['default'].createElement(ListItemWithRadio_styles.ListImageContainer, null,
-            React__default['default'].createElement(ListItemWithRadio_styles.ListImage, { src: (item === null || item === void 0 ? void 0 : item.image) || fallback_grocery, alt: item === null || item === void 0 ? void 0 : item.name })),
-        loading ? (React__default['default'].createElement(React__default['default'].Fragment, null,
-            React__default['default'].createElement(ListItemWithRadio_styles.ListItemHeader, null,
-                React__default['default'].createElement(Skeleton__default['default'], { width: 180 })),
-            React__default['default'].createElement(ListItemWithRadio_styles.RadioWrapper, null,
-                React__default['default'].createElement(Skeleton__default['default'], { width: 140, count: 2, style: {
+    return (React__default["default"].createElement(ListItemWithRadio_styles.ListItemContainer, null,
+        React__default["default"].createElement(ListItemWithRadio_styles.ListImageContainer, null,
+            React__default["default"].createElement(ListItemWithRadio_styles.ListImage, { src: (item === null || item === void 0 ? void 0 : item.image) || fallback_grocery, alt: item === null || item === void 0 ? void 0 : item.name })),
+        loading ? (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(ListItemWithRadio_styles.ListItemHeader, null,
+                React__default["default"].createElement(Skeleton__default["default"], { width: 180 })),
+            React__default["default"].createElement(ListItemWithRadio_styles.RadioWrapper, null,
+                React__default["default"].createElement(Skeleton__default["default"], { width: 140, count: 2, style: {
                         display: 'flex',
                         flexDirection: 'column',
                         marginBottom: ((_b = index.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs) + "px"
-                    } })))) : (React__default['default'].createElement(React__default['default'].Fragment, null,
-            React__default['default'].createElement(ListItemWithRadio_styles.ListItemHeader, null,
-                React__default['default'].createElement(typography.BodyText, { fontWeight: 'semiBold' }, item === null || item === void 0 ? void 0 :
+                    } })))) : (React__default["default"].createElement(React__default["default"].Fragment, null,
+            React__default["default"].createElement(ListItemWithRadio_styles.ListItemHeader, null,
+                React__default["default"].createElement(typography.BodyText, { fontWeight: 'semiBold' }, item === null || item === void 0 ? void 0 :
                     item.name,
                     " "),
-                React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL, color: (_c = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _c === void 0 ? void 0 : _c.dark }, item === null || item === void 0 ? void 0 : item.description)),
-            React__default['default'].createElement(ListItemWithRadio_styles.RadioWrapper, null, radioChildren && radioChildren))),
-        rightChildren && (React__default['default'].createElement(ListItemWithRadio_styles.RightChildWrapper, null, rightChildren))));
+                React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL, color: (_c = index.theme === null || index.theme === void 0 ? void 0 : index.theme.palette) === null || _c === void 0 ? void 0 : _c.dark }, item === null || item === void 0 ? void 0 : item.description)),
+            React__default["default"].createElement(ListItemWithRadio_styles.RadioWrapper, null, radioChildren && radioChildren))),
+        rightChildren && (React__default["default"].createElement(ListItemWithRadio_styles.RightChildWrapper, null, rightChildren))));
 }
 
 exports.ListItemWithRadio = ListItemWithRadio;

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

@@ -9,13 +9,13 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var ListImageContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n  grid-area: img;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n  grid-area: img;\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listImageMaxWidth; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listImageMaxWidth; });
-var ListImage = styled__default['default'].img(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  max-width: 100%;\n  max-height: 100%;\n"], ["\n  max-width: 100%;\n  max-height: 100%;\n"])));
-var ListItemContainer = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header rightChild'\n    'radio radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header rightChild'\n      '. radio .';\n  }\n"], ["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header rightChild'\n    'radio radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header rightChild'\n      '. radio .';\n  }\n"])), 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.listImageMaxWidth; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight) === null || _b === void 0 ? void 0 : _b.m1; });
-var ListItemHeader = styled__default['default'].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
-styled__default['default'].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  flex-direction: column;\n  gap: ", "px;\n"], ["\n  flex-direction: column;\n  gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
-var RadioWrapper = styled__default['default'].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"], ["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
-var RightChildWrapper = styled__default['default'].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  grid-area: rightChild;\n"], ["\n  grid-area: rightChild;\n"])));
+var ListImageContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n  grid-area: img;\n"], ["\n  display: flex;\n  align-items: center;\n  flex-direction: row;\n  width: ", "px;\n  height: ", "px;\n  grid-area: img;\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listImageMaxWidth; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.listImageMaxWidth; });
+var ListImage = styled__default["default"].img(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  max-width: 100%;\n  max-height: 100%;\n"], ["\n  max-width: 100%;\n  max-height: 100%;\n"])));
+var ListItemContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header rightChild'\n    'radio radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header rightChild'\n      '. radio .';\n  }\n"], ["\n  display: grid;\n  flex: 1;\n  gap: ", "px;\n  grid-template-columns: ", "px 1fr;\n  grid-template-areas:\n    'img header rightChild'\n    'radio radio radio';\n\n  @media (min-width: ", "px) {\n    grid-template-rows: ", "px 1fr;\n    grid-template-areas:\n      'img header rightChild'\n      '. radio .';\n  }\n"])), 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.listImageMaxWidth; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a, _b; return (_b = (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.lineHeight) === null || _b === void 0 ? void 0 : _b.m1; });
+var ListItemHeader = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"], ["\n  display: flex;\n  flex-direction: column;\n  gap: 2px;\n  padding-left: ", "px;\n  grid-area: header;\n  @media (min-width: ", "px) {\n    flex-direction: row;\n    gap: ", "px;\n    align-items: center;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  flex-direction: column;\n  gap: ", "px;\n"], ["\n  flex-direction: column;\n  gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
+var RadioWrapper = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"], ["\n  grid-area: radio;\n  @media (min-width: ", "px) {\n    padding-left: ", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
+var RightChildWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  grid-area: rightChild;\n"], ["\n  grid-area: rightChild;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
 exports.ListImage = ListImage;

package/build/cjs/components/src/components/Logo/Logo.js

@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Logo(_a) {
     var logoImage = _a.logoImage;
-    return React__default['default'].createElement(Logo_styles.Logo, null, logoImage);
+    return React__default["default"].createElement(Logo_styles.Logo, null, logoImage);
 }
 
 exports.Logo = Logo;

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var Logo = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n"])));
+var Logo = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  position: relative;\n"], ["\n  display: flex;\n  align-items: center;\n  position: relative;\n"])));
 var templateObject_1;
 
 exports.Logo = Logo;

package/build/cjs/components/src/components/Menu/Menu.js

@@ -13,10 +13,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function Menu(_a) {
     var showFade = _a.showFade, onScroll = _a.onScroll, children = _a.children;
     var isMobile = utils.useDetectDevice().isMobile;
-    return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement(Menu_styles.MenuContainer, { onScroll: onScroll && onScroll }, children),
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(Menu_styles.MenuContainer, { onScroll: onScroll && onScroll }, children),
         ' ',
-        isMobile && React__default['default'].createElement(Menu_styles.Fade, { isVisible: showFade })));
+        isMobile && React__default["default"].createElement(Menu_styles.Fade, { isVisible: showFade })));
 }
 
 exports.Menu = Menu;

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

@@ -9,9 +9,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var MenuContainer = styled__default['default'].nav(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  ::-webkit-scrollbar {\n    background: ", ";\n    height: 2px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: ", "px;\n    background-color: ", ";\n  }\n  /* for mozilla */\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n\n  @media (min-width: ", "px) {\n    /* for mozila scroll bar */\n    width: calc(100% - 40px);\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  ::-webkit-scrollbar {\n    background: ", ";\n    height: 2px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: ", "px;\n    background-color: ", ";\n  }\n  /* for mozilla */\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n\n  @media (min-width: ", "px) {\n    /* for mozila scroll bar */\n    width: calc(100% - 40px);\n  }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.default; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.dark; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.dark; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; });
-var MenuItem = styled__default['default'].a(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  flex: 0 0 auto;\n  font-weight: ", ";\n  padding: ", "px 0;\n  display: block;\n  border-bottom: ", "px solid;\n  border-bottom-color: ", ";\n  cursor: pointer;\n  font-size: ", "px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n\n  &:last-child {\n    position: relative;\n    &::after {\n      position: absolute;\n      content: '';\n      right: -", "px;\n      width: ", "px;\n      height: 100%;\n    }\n  }\n  @media (min-width: ", "px) {\n    &:hover {\n      border-bottom-color: ", ";\n    }\n  }\n"], ["\n  flex: 0 0 auto;\n  font-weight: ", ";\n  padding: ", "px 0;\n  display: block;\n  border-bottom: ", "px solid;\n  border-bottom-color: ", ";\n  cursor: pointer;\n  font-size: ", "px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n\n  &:last-child {\n    position: relative;\n    &::after {\n      position: absolute;\n      content: '';\n      right: -", "px;\n      width: ", "px;\n      height: 100%;\n    }\n  }\n  @media (min-width: ", "px) {\n    &:hover {\n      border-bottom-color: ", ";\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableHeaderVerticalPadding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return props.active ? "" + ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.primary) : 'transparent'; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s3; }, function (props) { var _a; return props.isFirstChild ? 0 : (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.menuHorizontalMargin; }, function (props) { var _a; return props.isLastChild ? 0 : (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.menuHorizontalMargin; }, 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.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.palette) === null || _a === void 0 ? void 0 : _a.primary; });
-var Fade = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to right,\n    rgba(255, 255, 255, 0) 80%,\n    rgba(255, 255, 255, 1)\n  );\n  transition: all 0.5s;\n  opacity: ", ";\n"], ["\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to right,\n    rgba(255, 255, 255, 0) 80%,\n    rgba(255, 255, 255, 1)\n  );\n  transition: all 0.5s;\n  opacity: ", ";\n"])), function (props) { return ((props === null || props === void 0 ? void 0 : props.isVisible) ? '1' : '0'); });
+var MenuContainer = styled__default["default"].nav(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  ::-webkit-scrollbar {\n    background: ", ";\n    height: 2px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: ", "px;\n    background-color: ", ";\n  }\n  /* for mozilla */\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n\n  @media (min-width: ", "px) {\n    /* for mozila scroll bar */\n    width: calc(100% - 40px);\n  }\n"], ["\n  position: relative;\n  display: flex;\n  flex-wrap: nowrap;\n  overflow-x: auto;\n  overflow-y: hidden;\n  -webkit-overflow-scrolling: touch;\n  -ms-overflow-style: -ms-autohiding-scrollbar;\n\n  ::-webkit-scrollbar {\n    background: ", ";\n    height: 2px;\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: ", "px;\n    background-color: ", ";\n  }\n  /* for mozilla */\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n\n  @media (min-width: ", "px) {\n    /* for mozila scroll bar */\n    width: calc(100% - 40px);\n  }\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.default; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.dark; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.dark; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xs; });
+var MenuItem = styled__default["default"].a(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  flex: 0 0 auto;\n  font-weight: ", ";\n  padding: ", "px 0;\n  display: block;\n  border-bottom: ", "px solid;\n  border-bottom-color: ", ";\n  cursor: pointer;\n  font-size: ", "px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n\n  &:last-child {\n    position: relative;\n    &::after {\n      position: absolute;\n      content: '';\n      right: -", "px;\n      width: ", "px;\n      height: 100%;\n    }\n  }\n  @media (min-width: ", "px) {\n    &:hover {\n      border-bottom-color: ", ";\n    }\n  }\n"], ["\n  flex: 0 0 auto;\n  font-weight: ", ";\n  padding: ", "px 0;\n  display: block;\n  border-bottom: ", "px solid;\n  border-bottom-color: ", ";\n  cursor: pointer;\n  font-size: ", "px;\n  margin-left: ", "px;\n  margin-right: ", "px;\n\n  &:last-child {\n    position: relative;\n    &::after {\n      position: absolute;\n      content: '';\n      right: -", "px;\n      width: ", "px;\n      height: 100%;\n    }\n  }\n  @media (min-width: ", "px) {\n    &:hover {\n      border-bottom-color: ", ";\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.tableHeaderVerticalPadding; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return props.active ? "" + ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.primary) : 'transparent'; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s3; }, function (props) { var _a; return props.isFirstChild ? 0 : (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.menuHorizontalMargin; }, function (props) { var _a; return props.isLastChild ? 0 : (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.menuHorizontalMargin; }, 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.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.palette) === null || _a === void 0 ? void 0 : _a.primary; });
+var Fade = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to right,\n    rgba(255, 255, 255, 0) 80%,\n    rgba(255, 255, 255, 1)\n  );\n  transition: all 0.5s;\n  opacity: ", ";\n"], ["\n  pointer-events: none;\n  position: absolute;\n  top: 0;\n  right: 0;\n  width: 100%;\n  height: 100%;\n  background: linear-gradient(\n    to right,\n    rgba(255, 255, 255, 0) 80%,\n    rgba(255, 255, 255, 1)\n  );\n  transition: all 0.5s;\n  opacity: ", ";\n"])), function (props) { return ((props === null || props === void 0 ? void 0 : props.isVisible) ? '1' : '0'); });
 var templateObject_1, templateObject_2, templateObject_3;
 
 exports.Fade = Fade;

package/build/cjs/components/src/components/Menu/MenuItem.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function MenuItem(_a) {
     var active = _a.active, isFirstChild = _a.isFirstChild, isLastChild = _a.isLastChild, children = _a.children, props = _tslib.__rest(_a, ["active", "isFirstChild", "isLastChild", "children"]);
-    return (React__default['default'].createElement(Menu_styles.MenuItem, _tslib.__assign({}, props, { isFirstChild: isFirstChild, isLastChild: isLastChild, active: active }), children));
+    return (React__default["default"].createElement(Menu_styles.MenuItem, _tslib.__assign({}, props, { isFirstChild: isFirstChild, isLastChild: isLastChild, active: active }), children));
 }
 
 exports.MenuItem = MenuItem;

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

@@ -9,9 +9,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var MobileTable = styled__default['default'].table(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePaddingBottom; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; });
-var MobileTd = styled__default['default'].td(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
-var MobileLabel = styled__default['default'](MobileTd)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"], ["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPadding; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPaddingMobile; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRightMobile; });
+var MobileTable = styled__default["default"].table(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"], ["\n  width: 100%;\n  display: flex;\n  justify-content: flex-start;\n  padding: ", "px;\n  padding-bottom: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0 0 0;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePaddingBottom; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileTablePadding; });
+var MobileTd = styled__default["default"].td(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"], ["\n  @media screen and (max-width: ", "px) {\n    & > * {\n      font-size: ", "px;\n    }\n\n    & {\n      font-size: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
+var MobileLabel = styled__default["default"](MobileTd)(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"], ["\n  padding: ", "px 0;\n  font-weight: ", ";\n  padding-right: ", "px;\n\n  @media screen and (max-width: ", "px) {\n    & {\n      padding: ", "px 0;\n      padding-right: ", "px;\n    }\n  }\n"])), function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPadding; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.semiBold; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRight; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.xxs; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelVerticalPaddingMobile; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.mobileLabelPaddingRightMobile; });
 var templateObject_1, templateObject_2, templateObject_3;
 
 exports.MobileLabel = MobileLabel;

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

@@ -19,20 +19,20 @@ var Modal = function (_a) {
     var onBackdropClick = _a.onBackdropClick, children = _a.children, title = _a.title, subTitle = _a.subTitle, hideCancel = _a.hideCancel, isConfirm = _a.isConfirm, maxWidth = _a.maxWidth, _c = _a.background, background = _c === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _c, _d = _a.querySelector, querySelector = _d === void 0 ? '#root' : _d, footer = _a.footer;
     var domSafe = typeof document !== 'undefined';
     return domSafe
-        ? reactDom.createPortal(React__default['default'].createElement(Modal_styles.ModalOverlay, { onClick: onBackdropClick },
-            React__default['default'].createElement(Modal_styles.ModalContainer, { isConfirm: isConfirm || false, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, background: background },
-                title && (React__default['default'].createElement(React__default['default'].Fragment, null,
-                    React__default['default'].createElement(Modal_styles.ModalHeaderContainer, null,
-                        React__default['default'].createElement(Modal_styles.ModalHeader, null,
-                            React__default['default'].createElement(typography.H2, null, title),
-                            !hideCancel && (React__default['default'].createElement(Modal_styles.CloseButtonWrapper, { onClick: onBackdropClick },
-                                React__default['default'].createElement(Icon.Icons.Cross, null)))),
-                        React__default['default'].createElement(typography.BodyText, null, subTitle)))),
-                children && (React__default['default'].createElement(React__default['default'].Fragment, null,
-                    React__default['default'].createElement(Modal_styles.ChildrenWrapper, null, children))),
-                footer && (React__default['default'].createElement(React__default['default'].Fragment, null,
-                    React__default['default'].createElement(Spacer.Spacer, null),
-                    React__default['default'].createElement(Modal_styles.FooterWrapper, null, footer))))), document.querySelector(querySelector) || document.body)
+        ? reactDom.createPortal(React__default["default"].createElement(Modal_styles.ModalOverlay, { onClick: onBackdropClick },
+            React__default["default"].createElement(Modal_styles.ModalContainer, { isConfirm: isConfirm || false, maxWidth: maxWidth, onClick: function (e) { return e.stopPropagation(); }, background: background },
+                title && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement(Modal_styles.ModalHeaderContainer, null,
+                        React__default["default"].createElement(Modal_styles.ModalHeader, null,
+                            React__default["default"].createElement(typography.H2, null, title),
+                            !hideCancel && (React__default["default"].createElement(Modal_styles.CloseButtonWrapper, { onClick: onBackdropClick },
+                                React__default["default"].createElement(Icon.Icons.Cross, null)))),
+                        React__default["default"].createElement(typography.BodyText, null, subTitle)))),
+                children && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement(Modal_styles.ChildrenWrapper, null, children))),
+                footer && (React__default["default"].createElement(React__default["default"].Fragment, null,
+                    React__default["default"].createElement(Spacer.Spacer, null),
+                    React__default["default"].createElement(Modal_styles.FooterWrapper, null, footer))))), document.querySelector(querySelector) || document.body)
         : null;
 };
 

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

@@ -9,8 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var ModalOverlay = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__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  justify-content: center;\n  align-items: center;\n\n  @media (min-width: ", "px) {\n    padding: ", "px;\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  justify-content: center;\n  align-items: center;\n\n  @media (min-width: ", "px) {\n    padding: ", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkOverlay; }, 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.lg; });
-var ModalContainer = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  ", ";\n  max-width: 100%;\n  max-height: 100vh;\n  padding: ", "px;\n  @media (min-width: ", "px) {\n    padding: ", "px;\n    width: 100%;\n    max-width: ", ";\n    max-height: 90vh;\n  }\n"], ["\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  ", ";\n  max-width: 100%;\n  max-height: 100vh;\n  padding: ", "px;\n  @media (min-width: ", "px) {\n    padding: ", "px;\n    width: 100%;\n    max-width: ", ";\n    max-height: 90vh;\n  }\n"])), function (props) { return props.background && "background: " + props.background; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.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.lg; }, function (props) {
+var ModalOverlay = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__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  justify-content: center;\n  align-items: center;\n\n  @media (min-width: ", "px) {\n    padding: ", "px;\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  justify-content: center;\n  align-items: center;\n\n  @media (min-width: ", "px) {\n    padding: ", "px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.zIndex.modal; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.darkOverlay; }, 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.lg; });
+var ModalContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  ", ";\n  max-width: 100%;\n  max-height: 100vh;\n  padding: ", "px;\n  @media (min-width: ", "px) {\n    padding: ", "px;\n    width: 100%;\n    max-width: ", ";\n    max-height: 90vh;\n  }\n"], ["\n  overflow: auto;\n  display: flex;\n  flex-direction: column;\n  ", ";\n  max-width: 100%;\n  max-height: 100vh;\n  padding: ", "px;\n  @media (min-width: ", "px) {\n    padding: ", "px;\n    width: 100%;\n    max-width: ", ";\n    max-height: 90vh;\n  }\n"])), function (props) { return props.background && "background: " + props.background; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.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.lg; }, function (props) {
     var _a, _b;
     return props.maxWidth
         ? props.maxWidth
@@ -18,11 +18,11 @@ var ModalContainer = styled__default['default'].div(templateObject_2 || (templat
             ? ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.modalConfirmMaxWidth) + 'px'
             : ((_b = props.theme.constants) === null || _b === void 0 ? void 0 : _b.modalContainerMaxWidth) + 'px';
 });
-var ModalHeaderContainer = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding-bottom: ", "px;\n  @media (min-width: ", "px) {\n    padding-top: 8px;\n  }\n"], ["\n  padding-bottom: ", "px;\n  @media (min-width: ", "px) {\n    padding-top: 8px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; });
-var ModalHeader = styled__default['default'].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", "px;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", "px;\n  align-items: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
-var CloseButtonWrapper = styled__default['default'].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
-var ChildrenWrapper = styled__default['default'].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow-y: scroll;\n  min-height: 64px;\n  gap: ", "px;\n  padding: ", "px 0;\n\n  @media (min-width: ", "px) {\n    padding: ", "px 0;\n  }\n\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n\n  ::-webkit-scrollbar {\n    width: 6px;\n    background: ", ";\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: ", ";\n  }\n\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow-y: scroll;\n  min-height: 64px;\n  gap: ", "px;\n  padding: ", "px 0;\n\n  @media (min-width: ", "px) {\n    padding: ", "px 0;\n  }\n\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n\n  ::-webkit-scrollbar {\n    width: 6px;\n    background: ", ";\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: ", ";\n  }\n\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; });
-var FooterWrapper = styled__default['default'].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n"], ["\n  display: flex;\n  gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+var ModalHeaderContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding-bottom: ", "px;\n  @media (min-width: ", "px) {\n    padding-top: 8px;\n  }\n"], ["\n  padding-bottom: ", "px;\n  @media (min-width: ", "px) {\n    padding-top: 8px;\n  }\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; });
+var ModalHeader = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", "px;\n  align-items: center;\n"], ["\n  display: flex;\n  justify-content: space-between;\n  padding-bottom: ", "px;\n  align-items: center;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
+var CloseButtonWrapper = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  cursor: pointer;\n"], ["\n  cursor: pointer;\n"])));
+var ChildrenWrapper = styled__default["default"].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow-y: scroll;\n  min-height: 64px;\n  gap: ", "px;\n  padding: ", "px 0;\n\n  @media (min-width: ", "px) {\n    padding: ", "px 0;\n  }\n\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n\n  ::-webkit-scrollbar {\n    width: 6px;\n    background: ", ";\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: ", ";\n  }\n\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow-y: scroll;\n  min-height: 64px;\n  gap: ", "px;\n  padding: ", "px 0;\n\n  @media (min-width: ", "px) {\n    padding: ", "px 0;\n  }\n\n  border-bottom: 1px solid ", ";\n  border-top: 1px solid ", ";\n\n  ::-webkit-scrollbar {\n    width: 6px;\n    background: ", ";\n  }\n\n  ::-webkit-scrollbar-thumb {\n    border-radius: 10px;\n    background-color: ", ";\n  }\n\n  scrollbar-width: thin;\n  scrollbar-color: ", ";\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md; }, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.lg; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; });
+var FooterWrapper = styled__default["default"].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  display: flex;\n  gap: ", "px;\n"], ["\n  display: flex;\n  gap: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
 exports.ChildrenWrapper = ChildrenWrapper;

package/build/cjs/components/src/components/Pagination/Pagination.js

@@ -41,13 +41,13 @@ function Pagination(_a) {
     var totalItems = _a.totalItems, currentPage = _a.currentPage, fetchItems = _a.fetchItems, itemsPerPage = _a.itemsPerPage;
     var _b = React.useState(Math.floor((currentPage - 1) / 4)), currentIndex = _b[0], setIndex = _b[1];
     var pagination = createPagination(totalItems, itemsPerPage);
-    return (React__default['default'].createElement(Box.Box, null, pagination && pagination.length > 0 && (React__default['default'].createElement(Pagination_styles.Flex, null,
-        currentIndex > 0 && (React__default['default'].createElement(Pagination_styles.PaginationButtonWrapper, null,
-            React__default['default'].createElement(PaginationButton.PaginationButton, { color: 'white', onClick: function () { return setIndex(currentIndex - 1); }, width: 36, height: 36 }, '...'))),
-        pagination[currentIndex].map(function (page) { return (React__default['default'].createElement(Pagination_styles.PaginationButtonWrapper, { key: page },
-            React__default['default'].createElement(PaginationButton.PaginationButton, { color: currentPage === page + 1 ? 'primary' : 'white', width: 36, height: 36, onClick: function () { return fetchItems(page + 1); } }, page + 1))); }),
-        pagination.length > 1 && currentIndex < pagination.length - 1 && (React__default['default'].createElement(Pagination_styles.PaginationButtonWrapper, null,
-            React__default['default'].createElement(PaginationButton.PaginationButton, { color: 'white', onClick: function () { return setIndex(currentIndex + 1); }, width: 36, height: 36 }, '...')))))));
+    return (React__default["default"].createElement(Box.Box, null, pagination && pagination.length > 0 && (React__default["default"].createElement(Pagination_styles.Flex, null,
+        currentIndex > 0 && (React__default["default"].createElement(Pagination_styles.PaginationButtonWrapper, null,
+            React__default["default"].createElement(PaginationButton.PaginationButton, { color: 'white', onClick: function () { return setIndex(currentIndex - 1); }, width: 36, height: 36 }, '...'))),
+        pagination[currentIndex].map(function (page) { return (React__default["default"].createElement(Pagination_styles.PaginationButtonWrapper, { key: page },
+            React__default["default"].createElement(PaginationButton.PaginationButton, { color: currentPage === page + 1 ? 'primary' : 'white', width: 36, height: 36, onClick: function () { return fetchItems(page + 1); } }, page + 1))); }),
+        pagination.length > 1 && currentIndex < pagination.length - 1 && (React__default["default"].createElement(Pagination_styles.PaginationButtonWrapper, null,
+            React__default["default"].createElement(PaginationButton.PaginationButton, { color: 'white', onClick: function () { return setIndex(currentIndex + 1); }, width: 36, height: 36 }, '...')))))));
 }
 
 exports.Pagination = Pagination;

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

@@ -9,8 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var PaginationButtonWrapper = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: 0 ", "px;\n"], ["\n  padding: 0 ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
-var Flex = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n"])));
+var PaginationButtonWrapper = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: 0 ", "px;\n"], ["\n  padding: 0 ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
+var Flex = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n"], ["\n  display: flex;\n  align-items: flex-start;\n  justify-content: center;\n"])));
 var templateObject_1, templateObject_2;
 
 exports.Flex = Flex;

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

@@ -14,8 +14,8 @@ function ProgressBar(_a) {
     var _b, _c;
     var maxValue = _a.maxValue, currentValue = _a.currentValue, _d = _a.background, background = _d === void 0 ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _d, _e = _a.color, color = _e === void 0 ? (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e;
     var progress = (currentValue / maxValue) * 100;
-    return (React__default['default'].createElement(ProgressBar_styled.BarContainer, { color: background },
-        React__default['default'].createElement(ProgressBar_styled.Progress, { width: progress, color: color })));
+    return (React__default["default"].createElement(ProgressBar_styled.BarContainer, { color: background },
+        React__default["default"].createElement(ProgressBar_styled.Progress, { width: progress, color: color })));
 }
 
 exports.ProgressBar = ProgressBar;

package/build/cjs/components/src/components/ProgressBar/ProgressBar.styled.js

@@ -9,8 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BarContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.default; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
-var Progress = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"], ["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"])), function (props) { return props.width || 0; }, function (props) { return props.color; });
+var BarContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"], ["\n  background: ", ";\n  border-radius: ", "px;\n  height: ", "px;\n  overflow: hidden;\n"])), function (props) { return props.color; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.default; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+var Progress = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"], ["\n  width: ", "%;\n  background: ", ";\n  height: 100%;\n"])), function (props) { return props.width || 0; }, function (props) { return props.color; });
 var templateObject_1, templateObject_2;
 
 exports.BarContainer = BarContainer;

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

@@ -19,14 +19,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -35,13 +33,13 @@ var Icon__namespace = /*#__PURE__*/_interopNamespace(Icon);
 
 function QuantitySelector(_a) {
     var onIncrement = _a.onIncrement, onDecrement = _a.onDecrement, _b = _a.currentValue, currentValue = _b === void 0 ? 0 : _b, incrementDisabled = _a.incrementDisabled, decrementDisabled = _a.decrementDisabled;
-    return (React__default['default'].createElement(QuantitySelector_styles.QuantitySelectorContainer, null,
-        React__default['default'].createElement(QuantitySelector_styles.IconButtonContainer, null,
-            React__default['default'].createElement(IconButton.IconButton, { height: 28, width: 28, icon: React__default['default'].createElement(Icon__namespace.Icons.Minus, null), color: 'white', onClick: onDecrement, isDisabled: decrementDisabled })),
-        React__default['default'].createElement(QuantitySelector_styles.QuantityContainer, null,
-            React__default['default'].createElement(typography.H3, null, currentValue)),
-        React__default['default'].createElement(QuantitySelector_styles.IconButtonContainer, null,
-            React__default['default'].createElement(IconButton.IconButton, { height: 28, width: 28, icon: React__default['default'].createElement(Icon__namespace.Icons.Plus, null), color: 'white', onClick: onIncrement, isDisabled: incrementDisabled }))));
+    return (React__default["default"].createElement(QuantitySelector_styles.QuantitySelectorContainer, null,
+        React__default["default"].createElement(QuantitySelector_styles.IconButtonContainer, null,
+            React__default["default"].createElement(IconButton.IconButton, { height: 28, width: 28, icon: React__default["default"].createElement(Icon__namespace.Icons.Minus, null), color: 'white', onClick: onDecrement, isDisabled: decrementDisabled })),
+        React__default["default"].createElement(QuantitySelector_styles.QuantityContainer, null,
+            React__default["default"].createElement(typography.H3, null, currentValue)),
+        React__default["default"].createElement(QuantitySelector_styles.IconButtonContainer, null,
+            React__default["default"].createElement(IconButton.IconButton, { height: 28, width: 28, icon: React__default["default"].createElement(Icon__namespace.Icons.Plus, null), color: 'white', onClick: onIncrement, isDisabled: incrementDisabled }))));
 }
 
 exports.QuantitySelector = QuantitySelector;

package/build/cjs/components/src/components/QuantitySelector/QuantitySelector.js.map

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

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

@@ -9,9 +9,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var QuantitySelectorContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  background: ", ";\n  width: fit-content;\n  border-radius: 20px;\n"], ["\n  display: flex;\n  background: ", ";\n  width: fit-content;\n  border-radius: 20px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; });
-var QuantityContainer = styled__default['default'].p(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  width: 50px;\n  padding: 0px ", "px;\n"], ["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  width: 50px;\n  padding: 0px ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
-var IconButtonContainer = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  padding: ", "px;\n"], ["\n  display: flex;\n  padding: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
+var QuantitySelectorContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  background: ", ";\n  width: fit-content;\n  border-radius: 20px;\n"], ["\n  display: flex;\n  background: ", ";\n  width: fit-content;\n  border-radius: 20px;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lighter; });
+var QuantityContainer = styled__default["default"].p(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  width: 50px;\n  padding: 0px ", "px;\n"], ["\n  display: flex;\n  align-self: center;\n  justify-content: center;\n  width: 50px;\n  padding: 0px ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; });
+var IconButtonContainer = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  display: flex;\n  padding: ", "px;\n"], ["\n  display: flex;\n  padding: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
 var templateObject_1, templateObject_2, templateObject_3;
 
 exports.IconButtonContainer = IconButtonContainer;

package/build/cjs/components/src/components/RadioBox/RadioBoxItem.js

@@ -14,8 +14,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function RadioBoxItem(_a) {
     var _b, _c;
     var _d = _a.radioColor, radioColor = _d === void 0 ? 'alertGreen' : _d, checked = _a.checked, isDisabled = _a.isDisabled, name = _a.name, _e = _a.align, align = _e === void 0 ? 'flex-start' : _e, setActive = _a.setActive, _f = _a.background, background = _f === void 0 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white : _f, _g = _a.border, border = _g === void 0 ? (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.border : _g, _h = _a.boxShadow, boxShadow = _h === void 0 ? true : _h, children = _a.children;
-    return (React__default['default'].createElement(RadioBoxItem_styles.BaseRadioBox, { align: align, checked: checked, isDisabled: isDisabled, onClick: !isDisabled ? setActive : function () { }, background: background, border: border, boxShadow: boxShadow },
-        React__default['default'].createElement(Radio.Radio, { customColor: radioColor, checked: checked, disabled: isDisabled, name: name, onChange: function () { return setActive; } }),
+    return (React__default["default"].createElement(RadioBoxItem_styles.BaseRadioBox, { align: align, checked: checked, isDisabled: isDisabled, onClick: !isDisabled ? setActive : function () { }, background: background, border: border, boxShadow: boxShadow },
+        React__default["default"].createElement(Radio.Radio, { customColor: radioColor, checked: checked, disabled: isDisabled, name: name, onChange: function () { return setActive; } }),
         children));
 }
 

package/build/cjs/components/src/components/RadioBox/RadioBoxItem.styles.js

@@ -14,7 +14,7 @@ exports.Alignment = void 0;
     Alignment[Alignment["flex-start"] = 0] = "flex-start";
     Alignment[Alignment["center"] = 1] = "center";
 })(exports.Alignment || (exports.Alignment = {}));
-var BaseRadioBox = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-basis: 100%;\n  padding: ", ";\n  align-items: ", ";\n  gap: ", "px;\n  cursor: ", ";\n  ", ";\n\n  background: ", ";\n  border: solid 1px ", ";\n  ", ";\n  border-radius: 5px;\n  ", ";\n  -webkit-transition: background-color 400ms linear;\n  -ms-transition: background-color 400ms linear;\n  transition: background-color 400ms linear;\n"], ["\n  display: flex;\n  flex-basis: 100%;\n  padding: ", ";\n  align-items: ", ";\n  gap: ", "px;\n  cursor: ", ";\n  ", ";\n\n  background: ", ";\n  border: solid 1px ", ";\n  ", ";\n  border-radius: 5px;\n  ", ";\n  -webkit-transition: background-color 400ms linear;\n  -ms-transition: background-color 400ms linear;\n  transition: background-color 400ms linear;\n"])), function (props) { var _a; return ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md) + "px "; }, function (props) { return props.align; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return (props.isDisabled ? 'default' : 'pointer'); }, function (props) { return props.isDisabled && 'opacity: 0.4'; }, function (props) { var _a; return props.checked ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight : props.background; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
+var BaseRadioBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-basis: 100%;\n  padding: ", ";\n  align-items: ", ";\n  gap: ", "px;\n  cursor: ", ";\n  ", ";\n\n  background: ", ";\n  border: solid 1px ", ";\n  ", ";\n  border-radius: 5px;\n  ", ";\n  -webkit-transition: background-color 400ms linear;\n  -ms-transition: background-color 400ms linear;\n  transition: background-color 400ms linear;\n"], ["\n  display: flex;\n  flex-basis: 100%;\n  padding: ", ";\n  align-items: ", ";\n  gap: ", "px;\n  cursor: ", ";\n  ", ";\n\n  background: ", ";\n  border: solid 1px ", ";\n  ", ";\n  border-radius: 5px;\n  ", ";\n  -webkit-transition: background-color 400ms linear;\n  -ms-transition: background-color 400ms linear;\n  transition: background-color 400ms linear;\n"])), function (props) { var _a; return ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md) + "px "; }, function (props) { return props.align; }, function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) { return (props.isDisabled ? 'default' : 'pointer'); }, function (props) { return props.isDisabled && 'opacity: 0.4'; }, function (props) { var _a; return props.checked ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight : props.background; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.medium; }, function (props) {
     return props.checked &&
         props.border &&
         "border: 1px solid " + (props.border && props.border);

package/build/cjs/components/src/components/RadioBox/RadioBoxList.js

@@ -16,14 +16,14 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function RadioBoxList(_a) {
     var _b, _c, _d;
     var _e = _a.radioColor, radioColor = _e === void 0 ? 'alertBlue' : _e, isDisabled = _a.isDisabled, name = _a.name, _f = _a.align, align = _f === void 0 ? 'flex-start' : _f, setActive = _a.setActive, title = _a.title, text = _a.text, checked = _a.checked, children = _a.children;
-    return (React__default['default'].createElement(RadioBoxList_styles.BaseRadioBoxList, { checked: checked },
-        React__default['default'].createElement(RadioBoxItem.RadioBoxItem, { radioColor: radioColor, checked: checked, align: align, isDisabled: isDisabled, border: (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.none, boxShadow: false, setActive: setActive, name: name },
-            React__default['default'].createElement("div", null,
-                React__default['default'].createElement(typography.H3, null, title),
-                React__default['default'].createElement(RadioBoxList_styles.RadioBoxListParagraph, null, text))),
-        React__default['default'].createElement(RadioBoxList_styles.RadioBoxListChildContainer, { checked: checked },
-            children && (React__default['default'].createElement(RadioBoxList_styles.DividerPadding, null,
-                React__default['default'].createElement(Divider.Divider, { xsSpacing: (_c = designTokens.theme.spacings) === null || _c === void 0 ? void 0 : _c.xs, lgSpacing: (_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.xs }))),
+    return (React__default["default"].createElement(RadioBoxList_styles.BaseRadioBoxList, { checked: checked },
+        React__default["default"].createElement(RadioBoxItem.RadioBoxItem, { radioColor: radioColor, checked: checked, align: align, isDisabled: isDisabled, border: (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.none, boxShadow: false, setActive: setActive, name: name },
+            React__default["default"].createElement("div", null,
+                React__default["default"].createElement(typography.H3, null, title),
+                React__default["default"].createElement(RadioBoxList_styles.RadioBoxListParagraph, null, text))),
+        React__default["default"].createElement(RadioBoxList_styles.RadioBoxListChildContainer, { checked: checked },
+            children && (React__default["default"].createElement(RadioBoxList_styles.DividerPadding, null,
+                React__default["default"].createElement(Divider.Divider, { xsSpacing: (_c = designTokens.theme.spacings) === null || _c === void 0 ? void 0 : _c.xs, lgSpacing: (_d = designTokens.theme.spacings) === null || _d === void 0 ? void 0 : _d.xs }))),
             children)));
 }
 

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

@@ -11,16 +11,16 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BaseRadioBoxList = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ", ";\n  ", ";\n  border-radius: 5px;\n  transition: border 0.4s linear;\n"], ["\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ", ";\n  ", ";\n  border-radius: 5px;\n  transition: border 0.4s linear;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.transparent; }, function (props) {
+var BaseRadioBoxList = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ", ";\n  ", ";\n  border-radius: 5px;\n  transition: border 0.4s linear;\n"], ["\n  display: flex;\n  flex-direction: column;\n  border: 1px solid ", ";\n  ", ";\n  border-radius: 5px;\n  transition: border 0.4s linear;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.transparent; }, function (props) {
     var _a;
     return props.checked &&
         "border-color:" + ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.border) + ";\n    box-shadow: 0px 2px 5px rgba(7, 52, 99, 0.15);";
 });
-var RadioBoxListChildContainer = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height:", ";\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height:", ";\n  ", "\n"])), function (props) { return props.checked ? React.Children.count(props.children) * 184 + 'px' : '0px'; }, function (props) { return props.checked
+var RadioBoxListChildContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height:", ";\n  ", "\n"], ["\n  display: flex;\n  flex-direction: column;\n  overflow: hidden;\n  max-height:", ";\n  ", "\n"])), function (props) { return props.checked ? React.Children.count(props.children) * 184 + 'px' : '0px'; }, function (props) { return props.checked
     ? 'transition: all 0.4s ease-out'
     : 'transition: all 0.2s ease-in'; });
-var DividerPadding = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) { var _a; return "padding: 0px " + ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm) + "px;"; });
-var RadioBoxListParagraph = styled__default['default'](typography.BodyText)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  padding-top: ", "px;\n"], ["\n  padding-top: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+var DividerPadding = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) { var _a; return "padding: 0px " + ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.sm) + "px;"; });
+var RadioBoxListParagraph = styled__default["default"](typography.BodyText)(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  padding-top: ", "px;\n"], ["\n  padding-top: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4;
 
 exports.BaseRadioBoxList = BaseRadioBoxList;

package/build/cjs/components/src/components/RadioGroup/RadioGroup.js

@@ -12,9 +12,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function RadioGroup(_a) {
     var header = _a.header, children = _a.children;
-    return (React__default['default'].createElement(RadioGroup_styles.StyledDiv, { rounded: true },
-        React__default['default'].createElement(RadioGroup_styles.BaseRadioGroup, { header: header },
-            header && React__default['default'].createElement(typography.H1, null, header),
+    return (React__default["default"].createElement(RadioGroup_styles.StyledDiv, { rounded: true },
+        React__default["default"].createElement(RadioGroup_styles.BaseRadioGroup, { header: header },
+            header && React__default["default"].createElement(typography.H1, null, header),
             children)));
 }
 

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

@@ -9,12 +9,12 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BaseRadioGroup = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
+var BaseRadioGroup = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  ", "\n"], ["\n  ", "\n"])), function (props) {
     var _a;
     return props.header &&
         "\n  > :first-child{\n    margin-bottom: " + ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md) + "px;\n    text-align: initial;\n  }\n  ";
 });
-var StyledDiv = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", ";\n"], ["\n  background: ", ";\n  border-radius: ", ";\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.white; }, function (props) { return (props.rounded ? '5px' : '0'); });
+var StyledDiv = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-radius: ", ";\n"], ["\n  background: ", ";\n  border-radius: ", ";\n"])), function (props) { var _a, _b; return (_b = (_a = props.theme) === null || _a === void 0 ? void 0 : _a.palette) === null || _b === void 0 ? void 0 : _b.white; }, function (props) { return (props.rounded ? '5px' : '0'); });
 var templateObject_1, templateObject_2;
 
 exports.BaseRadioGroup = BaseRadioGroup;

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

@@ -16,22 +16,22 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function RadioListItem(_a) {
     var _b, _c, _d, _e;
     var onClick = _a.onClick, selected = _a.selected, name = _a.name, _f = _a.radioColor, radioColor = _f === void 0 ? 'alertBlue' : _f, defaultDisabledString = _a.defaultDisabledString, _g = _a.flexGrow, flexGrow = _g === void 0 ? 1 : _g, isDisabled = _a.isDisabled, dotIndicator = _a.dotIndicator, transparent = _a.transparent, noPadding = _a.noPadding, label = _a.label, disabledText = _a.disabledText, secondaryLabel = _a.secondaryLabel, textOnSelected = _a.textOnSelected, value = _a.value, wrapMobile = _a.wrapMobile, children = _a.children;
-    return (React__default['default'].createElement(RadioListItem_styles.BaseRadioListItemContainer, { background: transparent
+    return (React__default["default"].createElement(RadioListItem_styles.BaseRadioListItemContainer, { background: transparent
             ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.transparent
             : designTokens.theme && designTokens.theme.palette
                 ? selected
                     ? (_c = designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.blueLight
                     : (_d = designTokens.theme.palette) === null || _d === void 0 ? void 0 : _d.white
                 : 'white', noPadding: noPadding, onClick: isDisabled ? function () { } : function () { return onClick(value); } },
-        React__default['default'].createElement(RadioListItem_styles.RadioFlex, { wrapMobile: wrapMobile },
-            React__default['default'].createElement(RadioListItem_styles.BaseRadioItemLeftWrapper, { isDisabled: isDisabled, flexGrow: flexGrow, center: !textOnSelected },
-                React__default['default'].createElement(Radio.Radio, { customColor: radioColor, checked: selected, disabled: isDisabled, name: name, onChange: function () { return onClick(value); }, value: value }),
-                React__default['default'].createElement("div", null,
-                    React__default['default'].createElement(RadioListItem_styles.StyledH3, { lineThrough: isDisabled }, label),
-                    textOnSelected && selected && (React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL, color: (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.dark }, textOnSelected)))),
-            React__default['default'].createElement(RadioListItem_styles.RadioSecondaryWrapper, null,
-                React__default['default'].createElement("span", null, dotIndicator && selected && (React__default['default'].createElement(DotIndicator.Dot, { color: dotIndicator.color, shadow: dotIndicator.shadow }))),
-                isDisabled ? (React__default['default'].createElement(RadioListItem_styles.DisableText, null, disabledText || defaultDisabledString)) : (children || secondaryLabel)))));
+        React__default["default"].createElement(RadioListItem_styles.RadioFlex, { wrapMobile: wrapMobile },
+            React__default["default"].createElement(RadioListItem_styles.BaseRadioItemLeftWrapper, { isDisabled: isDisabled, flexGrow: flexGrow, center: !textOnSelected },
+                React__default["default"].createElement(Radio.Radio, { customColor: radioColor, checked: selected, disabled: isDisabled, name: name, onChange: function () { return onClick(value); }, value: value }),
+                React__default["default"].createElement("div", null,
+                    React__default["default"].createElement(RadioListItem_styles.StyledH3, { lineThrough: isDisabled }, label),
+                    textOnSelected && selected && (React__default["default"].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.SMALL, color: (_e = designTokens.theme.palette) === null || _e === void 0 ? void 0 : _e.dark }, textOnSelected)))),
+            React__default["default"].createElement(RadioListItem_styles.RadioSecondaryWrapper, null,
+                React__default["default"].createElement("span", null, dotIndicator && selected && (React__default["default"].createElement(DotIndicator.Dot, { color: dotIndicator.color, shadow: dotIndicator.shadow }))),
+                isDisabled ? (React__default["default"].createElement(RadioListItem_styles.DisableText, null, disabledText || defaultDisabledString)) : (children || secondaryLabel)))));
 }
 
 exports.RadioListItem = RadioListItem;