@citygross/components 0.7.41 → 0.7.45

package/build/@types/components/BackgroundImage/BackgroundImage.d.ts

@@ -0,0 +1,8 @@
+export declare type TBackgroundImage = {
+    image?: JSX.Element;
+    children?: JSX.Element;
+    height?: number;
+    width?: number;
+    onClick?: () => void;
+};
+export declare function BackgroundImage({ image, height, width, onClick, children }: TBackgroundImage): JSX.Element;

package/build/@types/components/BackgroundImage/BackgroundImage.stories.d.ts

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import { BackgroundImage, TBackgroundImage } from './BackgroundImage';
+declare const _default: {
+    component: typeof BackgroundImage;
+    title: string;
+};
+export default _default;
+export declare const Default: Story<TBackgroundImage>;
+export declare const withDate: Story<TBackgroundImage>;

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

@@ -0,0 +1,7 @@
+export declare type TBackgroundContainer = {
+    height?: number;
+    width?: number;
+    onClick?: () => void;
+};
+export declare const BackgroundContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TBackgroundContainer, never>;
+export declare const BackgroundImgContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/@types/components/DateBox/DateBox.d.ts

@@ -0,0 +1,5 @@
+export declare type TDateBox = {
+    dateHeader?: string;
+    dateText?: string;
+};
+export declare function DateBox({ dateHeader, dateText }: TDateBox): JSX.Element;

package/build/@types/components/DateBox/DateBox.stories.d.ts

@@ -0,0 +1,8 @@
+import { Story } from '@storybook/react';
+import { DateBox, TDateBox } from './DateBox';
+declare const _default: {
+    component: typeof DateBox;
+    title: string;
+};
+export default _default;
+export declare const Default: Story<TDateBox>;

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

@@ -0,0 +1,3 @@
+export declare const StyledDateBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const WeekBox: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const WeekNumber: import("styled-components").StyledComponent<"p", import("styled-components").DefaultTheme, {}, never>;

package/build/@types/components/DeliverySlotItem/DeliverySlotItem.d.ts

@@ -1,8 +1,9 @@
+import React from 'react';
 export declare type TDeliverySlotItem = {
     date: string;
     selected: boolean;
-    disabledLabel?: string;
-    showWarningIndicator?: boolean;
+    disabled: boolean;
+    children: React.ReactNode;
     onSelect: () => void;
 };
-export declare function DeliverySlotItem({ date, disabledLabel, showWarningIndicator, selected, onSelect }: TDeliverySlotItem): JSX.Element;
+export declare function DeliverySlotItem({ date, selected, disabled, children, onSelect }: TDeliverySlotItem): JSX.Element;

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

@@ -8,6 +8,4 @@ export declare const DeliverySlotHeaderContainer: import("styled-components").St
 export declare const DeliverySlotHeaderText: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TDeliverySlotItem, never>;
 export declare const DeliverySlotContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TDeliverySlotItem, never>;
 export declare const DeliverySlotBody: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TDeliverySlotItem, never>;
-export declare const DisabledLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
-export declare const DotContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

package/build/@types/components/HighlightBox/HighlighBox.stories.d.ts

@@ -0,0 +1,8 @@
+import React from 'react';
+import { HighlightBox, THighlightBox } from './HighlightBox';
+declare const _default: {
+    component: typeof HighlightBox;
+    title: string;
+};
+export default _default;
+export declare const Default: React.FC<THighlightBox>;

package/build/@types/components/HighlightBox/HighlightBox.d.ts

@@ -0,0 +1,5 @@
+import * as styles from './HighlightBox.styles';
+export declare type THighlightBox = styles.THighlightBoxContainer & {
+    children: JSX.Element;
+};
+export declare function HighlightBox({ cancelled, size, isLastChild, children }: THighlightBox): JSX.Element;

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

@@ -0,0 +1,6 @@
+export declare type THighlightBoxContainer = {
+    size?: 'small' | 'large';
+    isLastChild?: boolean;
+    cancelled?: boolean;
+};
+export declare const HighlightBoxContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, THighlightBoxContainer, never>;

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

@@ -1,6 +1,8 @@
 export declare const MenuContainer: import("styled-components").StyledComponent<"nav", import("styled-components").DefaultTheme, {}, never>;
 export declare type TMenuItem = {
     active?: boolean;
+    isFirstChild?: boolean;
+    isLastChild?: boolean;
 };
 export declare type FadeProps = {
     readonly isVisible?: boolean;

package/build/@types/components/Menu/MenuItem.d.ts

@@ -2,5 +2,7 @@ import React, { AnchorHTMLAttributes } from 'react';
 export declare type TMenuItem = AnchorHTMLAttributes<HTMLAnchorElement> & {
     children: React.ReactNode;
     active?: boolean;
+    isFirstChild?: boolean;
+    isLastChild?: boolean;
 };
-export declare function MenuItem({ active, children, ...props }: TMenuItem): JSX.Element;
+export declare function MenuItem({ active, isFirstChild, isLastChild, children, ...props }: TMenuItem): JSX.Element;

package/build/@types/components/RadioListItem/RadioListItem.d.ts

@@ -16,5 +16,6 @@ export declare type TRadioListItemProps = styles.TBaseRadioItemInputWrapper & {
     disabledText?: string;
     textOnSelected?: string;
     value: string | number;
+    children?: JSX.Element;
 };
-export declare function RadioListItem({ onClick, selected, name, radioColor, defaultDisabledString, flexGrow, isDisabled, dotIndicator, transparent, noPadding, label, secondaryLabel, disabledText, textOnSelected, value }: TRadioListItemProps): JSX.Element;
+export declare function RadioListItem({ onClick, selected, name, radioColor, defaultDisabledString, flexGrow, isDisabled, dotIndicator, transparent, noPadding, label, disabledText, secondaryLabel, textOnSelected, value, children }: TRadioListItemProps): JSX.Element;

package/build/@types/components/RadioListItem/RadioListItem.stories.d.ts

@@ -17,3 +17,4 @@ export default _default;
 export declare const Default: Story<TRadioListItemProps>;
 export declare const Selected: Story<TRadioListItemProps>;
 export declare const Disabled: Story<TRadioListItemProps>;
+export declare const withChildren: Story<TRadioListItemProps>;

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

@@ -14,3 +14,5 @@ export declare const StyledH3: import("styled-components").StyledComponent<({ ch
     as: string;
 }, "as">;
 export declare const RadioSecondaryWrapper: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const RadioFlex: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SecondaryColumn: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;

package/build/@types/index.d.ts

@@ -2,6 +2,7 @@ export * from './components/AddressBlock/AddressBlock';
 export * from './components/AlertBox/AlertBox';
 export * from './components/Button/Button';
 export * from './components/Header/Header';
+export * from './components/BackgroundImage/BackgroundImage';
 export * from './components/Badge/Badge';
 export * from './components/Box/Box';
 export * from './components/Button';
@@ -15,6 +16,7 @@ export * from './components/Slider/Slider';
 export * from './components/DeliveryTimeBlock/DeliveryTimeBlock';
 export * from './components/Menu/Menu';
 export * from './components/Menu/MenuItem';
+export * from './components/DateBox/DateBox';
 export * from './components/Divider/Divider';
 export * from './components/DotIndicator/DotIndicator';
 export * from './components/Form/Form';
@@ -25,6 +27,7 @@ export * from './components/FormElements/Radio/Radio';
 export * from './components/FormElements/Switch/Switch';
 export * from './components/FormGroup/FormGroup';
 export * from './components/GridContainer/GridContainer';
+export * from './components/HighlightBox/HighlightBox';
 export * from './components/Header/Header';
 export * from './components/IconToolTip/IconToolTip';
 export * from './components/InfoTextBlock/InfoTextBlock';

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var BackgroundImage_styles = require('./BackgroundImage.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function BackgroundImage(_a) {
+    var image = _a.image, height = _a.height, width = _a.width, onClick = _a.onClick, children = _a.children;
+    return (React__default['default'].createElement(BackgroundImage_styles.BackgroundContainer, { height: height, width: width, onClick: onClick },
+        React__default['default'].createElement(BackgroundImage_styles.BackgroundImgContainer, null, image),
+        children));
+}
+
+exports.BackgroundImage = BackgroundImage;
+//# sourceMappingURL=BackgroundImage.js.map

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

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

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

@@ -0,0 +1,22 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var BackgroundContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  position: relative;\n  height: ", ";\n  width: ", ";\n  border-radius: ", "px;\n  overflow: hidden;\n  box-shadow: ", ";\n  display: flex;\n  align-items: center;\n  ", "\n"], ["\n  position: relative;\n  height: ", ";\n  width: ", ";\n  border-radius: ", "px;\n  overflow: hidden;\n  box-shadow: ", ";\n  display: flex;\n  align-items: center;\n  ", "\n"])), function (props) { return (props.height ? props.height + "px" : 'auto'); }, function (props) { return (props.height ? props.width + "px" : 'auto'); }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, function (props) {
+    var _a;
+    return props.onClick &&
+        " \n    cursor: pointer;\n    &:hover {\n        box-shadow: " + ((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.buttonHover) + ";\n        }";
+});
+var BackgroundImgContainer = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: -1;\n"], ["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n  z-index: -1;\n"])));
+var templateObject_1, templateObject_2;
+
+exports.BackgroundContainer = BackgroundContainer;
+exports.BackgroundImgContainer = BackgroundImgContainer;
+//# sourceMappingURL=BackgroundImage.styles.js.map

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

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

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

@@ -0,0 +1,24 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var typography = require('@citygross/typography');
+var DateBox_styles = require('./DateBox.styles.js');
+var index = require('../../../../design-tokens/build/index.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function DateBox(_a) {
+    var _b;
+    var _c = _a.dateHeader, dateHeader = _c === void 0 ? 'vecka' : _c, dateText = _a.dateText;
+    return (React__default['default'].createElement(DateBox_styles.StyledDateBox, null,
+        React__default['default'].createElement(DateBox_styles.WeekBox, null,
+            React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.EXTRASMALL, color: (_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.white, fontWeight: 'semiBold' }, dateHeader)),
+        React__default['default'].createElement(DateBox_styles.WeekNumber, null, dateText)));
+}
+
+exports.DateBox = DateBox;
+//# sourceMappingURL=DateBox.js.map

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

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

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

@@ -0,0 +1,20 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var StyledDateBox = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: inline-block;\n  background-color: ", ";\n"], ["\n  display: inline-block;\n  background-color: ", ";\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; });
+var WeekBox = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  background-color: ", ";\n  color: ", ";\n  padding: ", ";\n  text-align: center;\n"], ["\n  background-color: ", ";\n  color: ", ";\n  padding: ", ";\n  text-align: center;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.brandBlue; }, function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.white; }, function (props) { var _a, _b; return ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs) + "px " + ((_b = props.theme.spacings) === null || _b === void 0 ? void 0 : _b.xs) + "px"; });
+var WeekNumber = styled__default['default'].p(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  padding: ", "px 0;\n  text-align: center;\n  font-size: ", "px;\n  font-weight: ", ";\n  font-family: 'Poppins';\n"], ["\n  padding: ", "px 0;\n  text-align: center;\n  font-size: ", "px;\n  font-weight: ", ";\n  font-family: 'Poppins';\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s4; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.weight.bold; });
+var templateObject_1, templateObject_2, templateObject_3;
+
+exports.StyledDateBox = StyledDateBox;
+exports.WeekBox = WeekBox;
+exports.WeekNumber = WeekNumber;
+//# sourceMappingURL=DateBox.styles.js.map

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

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

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

@@ -7,23 +7,21 @@ var designTokens = require('@citygross/design-tokens');
 var utils = require('@citygross/utils');
 var typography = require('@citygross/typography');
 var DeliverySlotItem_styles = require('./DeliverySlotItem.styles.js');
-var DotIndicator = require('../DotIndicator/DotIndicator.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function DeliverySlotItem(_a) {
-    var _b, _c;
-    var date = _a.date, disabledLabel = _a.disabledLabel, showWarningIndicator = _a.showWarningIndicator, selected = _a.selected, onSelect = _a.onSelect;
+    var _b;
+    var date = _a.date, selected = _a.selected, disabled = _a.disabled, children = _a.children, onSelect = _a.onSelect;
     var momentDate = utils.moment(date);
     var width = utils.useWindowSize().width;
-    var _d = React.useState(momentDate
+    var _c = React.useState(momentDate
         .format(width < (((_b = designTokens.theme.breakpoints) === null || _b === void 0 ? void 0 : _b.md) || 768) ? 'ddd' : 'dddd')
-        .toLocaleLowerCase()), weekDay = _d[0], setWeekDay = _d[1];
+        .toLocaleLowerCase()), weekDay = _c[0], setWeekDay = _c[1];
     var dayNumber = momentDate.format('D');
     var month = momentDate.format('MMM').toLocaleLowerCase();
-    var disabled = disabledLabel !== undefined;
     React.useEffect(function () {
         var _a;
         setWeekDay(momentDate
@@ -31,7 +29,7 @@ function DeliverySlotItem(_a) {
             .toLocaleLowerCase());
     }, [width]);
     var slotRef = React.useRef(null);
-    var _e = React.useState(true), isVisible = _e[0], setIsVisible = _e[1];
+    var _d = React.useState(true), isVisible = _d[0], setIsVisible = _d[1];
     var callbackFn = function (entries) {
         var entry = entries[0];
         // gets zoom level
@@ -83,10 +81,7 @@ function DeliverySlotItem(_a) {
             React__default['default'].createElement(DeliverySlotItem_styles.DeliverySlotBody, { disabled: disabled },
                 React__default['default'].createElement(typography.H2, { color: 'darkest' }, removeLeadingZero(dayNumber)),
                 React__default['default'].createElement(typography.BodyText, { color: 'darker' }, utils.capitalizeFirstLetter(month))),
-            disabledLabel && (React__default['default'].createElement(DeliverySlotItem_styles.DisabledLabel, null,
-                React__default['default'].createElement(typography.BodyText, { size: typography.TextTypes.TextSize.EXTRASMALL }, disabledLabel))),
-            !disabledLabel && showWarningIndicator && (React__default['default'].createElement(DeliverySlotItem_styles.DotContainer, null,
-                React__default['default'].createElement(DotIndicator.Dot, { color: (_c = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _c === void 0 ? void 0 : _c.alertRed }))))));
+            children)));
 }
 
 exports.DeliverySlotItem = DeliverySlotItem;

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

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

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

@@ -29,15 +29,11 @@ var DeliverySlotContainer = styled__default['default'].div(templateObject_4 || (
         : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.white;
 });
 var DeliverySlotBody = styled__default['default'].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  ", ";\n"], ["\n  display: flex;\n  flex-direction: column;\n  align-items: center;\n  ", ";\n"])), function (props) { return props.disabled && 'opacity: 0.4'; });
-var DisabledLabel = styled__default['default'].div(templateObject_6 || (templateObject_6 = _tslib.__makeTemplateObject(["\n  display: flex;\n  justify-content: center;\n  padding: ", "px 0;\n"], ["\n  display: flex;\n  justify-content: center;\n  padding: ", "px 0;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xxs; });
-var DotContainer = styled__default['default'].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  justify-content: center;\n  display: flex;\n  padding: ", "px 0;\n"], ["\n  justify-content: center;\n  display: flex;\n  padding: ", "px 0;\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;
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 
 exports.DeliverySlotBody = DeliverySlotBody;
 exports.DeliverySlotContainer = DeliverySlotContainer;
 exports.DeliverySlotHeaderContainer = DeliverySlotHeaderContainer;
 exports.DeliverySlotHeaderText = DeliverySlotHeaderText;
 exports.DeliverySlotItemContainer = DeliverySlotItemContainer;
-exports.DisabledLabel = DisabledLabel;
-exports.DotContainer = DotContainer;
 //# sourceMappingURL=DeliverySlotItem.styles.js.map

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

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

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

@@ -0,0 +1,18 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var React = require('react');
+var HighlightBox_styles = require('./HighlightBox.styles.js');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
+
+function HighlightBox(_a) {
+    var cancelled = _a.cancelled, _b = _a.size, size = _b === void 0 ? 'small' : _b, isLastChild = _a.isLastChild, children = _a.children;
+    return (React__default['default'].createElement(HighlightBox_styles.HighlightBoxContainer, { cancelled: cancelled, size: size, isLastChild: isLastChild }, children));
+}
+
+exports.HighlightBox = HighlightBox;
+//# sourceMappingURL=HighlightBox.js.map

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

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

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

@@ -0,0 +1,31 @@
+'use strict';
+
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var _tslib = require('../../../../_virtual/_tslib.js');
+var styled = require('styled-components');
+
+function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
+
+var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
+
+var HighlightBoxContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-wrap: ", ";\n  width: ", "px;\n  margin-right: ", "px;\n  align-items: center;\n  padding: ", "px;\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n\n  @media (min-width: ", "px) {\n    width: ", ";\n    margin-right: 0;\n  }\n"], ["\n  display: flex;\n  flex-wrap: ", ";\n  width: ", "px;\n  margin-right: ", "px;\n  align-items: center;\n  padding: ", "px;\n  background-color: ", ";\n  border: 1px solid;\n  border-color: ", ";\n  border-radius: ", "px;\n  box-shadow: ", ";\n\n  @media (min-width: ", "px) {\n    width: ", ";\n    margin-right: 0;\n  }\n"])), function (props) { return (props.size === 'small' ? 'unset' : 'wrap'); }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.highlightBoxWidth; }, function (props) { var _a; return props.isLastChild ? 0 : (_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 props.cancelled ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.lightest : 'inherit'; }, function (props) {
+    var _a, _b;
+    return props.cancelled
+        ? (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.light
+        : (_b = props.theme.palette) === null || _b === void 0 ? void 0 : _b.blueMedium;
+}, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall; }, function (props) {
+    var _a;
+    return props.cancelled
+        ? ''
+        : (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.highlightBoxShadow;
+}, function (props) { var _a; return (_a = props.theme.breakpoints) === null || _a === void 0 ? void 0 : _a.sm; }, function (props) {
+    var _a;
+    return props.size === 'small'
+        ? ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.highlightBoxWidth) + "px"
+        : 'auto';
+});
+var templateObject_1;
+
+exports.HighlightBoxContainer = HighlightBoxContainer;
+//# sourceMappingURL=HighlightBox.styles.js.map

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

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

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

@@ -9,8 +9,8 @@ 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  gap: ", "px;\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  gap: ", "px;\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.spacings) === null || _a === void 0 ? void 0 : _a.md; }, 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\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\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.bold; }, 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 (_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 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.bold; }, 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;
 

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

@@ -11,8 +11,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function MenuItem(_a) {
-    var active = _a.active, children = _a.children, props = _tslib.__rest(_a, ["active", "children"]);
-    return (React__default['default'].createElement(Menu_styles.MenuItem, _tslib.__assign({}, props, { active: active }), children));
+    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));
 }
 
 exports.MenuItem = MenuItem;

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

@@ -15,7 +15,7 @@ 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, secondaryLabel = _a.secondaryLabel, disabledText = _a.disabledText, textOnSelected = _a.textOnSelected, value = _a.value;
+    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, children = _a.children;
     var checked = value === selected;
     return (React__default['default'].createElement(RadioListItem_styles.BaseRadioListItemContainer, { background: transparent
             ? (_b = designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.transparent
@@ -24,16 +24,13 @@ function RadioListItem(_a) {
                     ? (_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("div", { style: { display: 'flex' } },
+        React__default['default'].createElement(RadioListItem_styles.RadioFlex, null,
             React__default['default'].createElement(RadioListItem_styles.BaseRadioItemLeftWrapper, { isDisabled: isDisabled, flexGrow: flexGrow },
                 React__default['default'].createElement(Radio.Radio, { customColor: radioColor, checked: checked, disabled: isDisabled, name: name, onChange: function () { return onClick(value); }, value: value }),
                 React__default['default'].createElement(RadioListItem_styles.StyledH3, { lineThrough: isDisabled }, label)),
             React__default['default'].createElement(RadioListItem_styles.RadioSecondaryWrapper, null,
-                React__default['default'].createElement("p", null,
-                    React__default['default'].createElement("span", { style: { marginRight: '8px' } }, dotIndicator && checked && (React__default['default'].createElement(DotIndicator.Dot, { color: dotIndicator.color, shadow: dotIndicator.shadow }))),
-                    isDisabled
-                        ? disabledText || defaultDisabledString
-                        : secondaryLabel))),
+                React__default['default'].createElement("span", null, dotIndicator && checked && (React__default['default'].createElement(DotIndicator.Dot, { color: dotIndicator.color, shadow: dotIndicator.shadow }))),
+                isDisabled ? (React__default['default'].createElement(typography.BodyText, null, disabledText || defaultDisabledString)) : (children || secondaryLabel))),
         textOnSelected && checked && (React__default['default'].createElement(RadioListItem_styles.ExtraTextContainer, null,
             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)))));
 }

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

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

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

@@ -15,11 +15,14 @@ var BaseRadioItemLeftWrapper = styled__default['default'].div(templateObject_2 |
 var ExtraTextContainer = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  margin-left: ", "px;\n  margin-top: ", "px;\n"], ["\n  margin-left: ", "px;\n  margin-top: ", "px;\n"])), 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.xs; });
 var StyledH3 = styled__default['default'](typography.H3).attrs({ as: 'label' })(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  cursor: pointer;\n  white-space: nowrap;\n"], ["\n  cursor: pointer;\n  white-space: nowrap;\n"])));
 var RadioSecondaryWrapper = styled__default['default'].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  justify-content: flex-end;\n  text-align: right;\n  font-size: ", "px;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  justify-content: flex-end;\n  text-align: right;\n  font-size: ", "px;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; }, function (props) { var _a; return (_a = props.theme.typography) === null || _a === void 0 ? void 0 : _a.size.s2; });
-var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
+var RadioFlex = styled__default['default'].div(templateObject_6 || (templateObject_6 = _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; });
+styled__default['default'].div(templateObject_7 || (templateObject_7 = _tslib.__makeTemplateObject(["\n  display: flex;\n  flex-direction: column;\n"], ["\n  display: flex;\n  flex-direction: column;\n"])));
+var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5, templateObject_6, templateObject_7;
 
 exports.BaseRadioItemLeftWrapper = BaseRadioItemLeftWrapper;
 exports.BaseRadioListItemContainer = BaseRadioListItemContainer;
 exports.ExtraTextContainer = ExtraTextContainer;
+exports.RadioFlex = RadioFlex;
 exports.RadioSecondaryWrapper = RadioSecondaryWrapper;
 exports.StyledH3 = StyledH3;
 //# sourceMappingURL=RadioListItem.styles.js.map

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

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

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

@@ -6,6 +6,7 @@ var AddressBlock = require('./components/AddressBlock/AddressBlock.js');
 var AlertBox = require('./components/AlertBox/AlertBox.js');
 var Button = require('./components/Button/Button.js');
 var Header = require('./components/Header/Header.js');
+var BackgroundImage = require('./components/BackgroundImage/BackgroundImage.js');
 var Badge = require('./components/Badge/Badge.js');
 var Box = require('./components/Box/Box.js');
 var IconButton = require('./components/Button/IconButton.js');
@@ -20,6 +21,7 @@ var Slider = require('./components/Slider/Slider.js');
 var DeliveryTimeBlock = require('./components/DeliveryTimeBlock/DeliveryTimeBlock.js');
 var Menu = require('./components/Menu/Menu.js');
 var MenuItem = require('./components/Menu/MenuItem.js');
+var DateBox = require('./components/DateBox/DateBox.js');
 var Divider = require('./components/Divider/Divider.js');
 var DotIndicator = require('./components/DotIndicator/DotIndicator.js');
 var Form = require('./components/Form/Form.js');
@@ -30,6 +32,7 @@ var Radio = require('./components/FormElements/Radio/Radio.js');
 var Switch = require('./components/FormElements/Switch/Switch.js');
 var FormGroup = require('./components/FormGroup/FormGroup.js');
 var GridContainer = require('./components/GridContainer/GridContainer.js');
+var HighlightBox = require('./components/HighlightBox/HighlightBox.js');
 var IconToolTip = require('./components/IconToolTip/IconToolTip.js');
 var InfoTextBlock = require('./components/InfoTextBlock/InfoTextBlock.js');
 var LayoutBox = require('./components/LayoutBox/LayoutBox.js');
@@ -75,6 +78,7 @@ Object.defineProperty(exports, 'ButtonSize', {
 	}
 });
 exports.Header = Header.Header;
+exports.BackgroundImage = BackgroundImage.BackgroundImage;
 exports.Badge = Badge.Badge;
 exports.Box = Box.Box;
 exports.IconButton = IconButton.IconButton;
@@ -89,6 +93,7 @@ exports.Slider = Slider.Slider;
 exports.DeliveryTimeBlock = DeliveryTimeBlock.DeliveryTimeBlock;
 exports.Menu = Menu.Menu;
 exports.MenuItem = MenuItem.MenuItem;
+exports.DateBox = DateBox.DateBox;
 exports.Divider = Divider.Divider;
 exports.Dot = DotIndicator.Dot;
 exports.Form = Form.Form;
@@ -105,6 +110,7 @@ exports.Radio = Radio.Radio;
 exports.Switch = Switch.Switch;
 exports.FormGroup = FormGroup.FormGroup;
 exports.GridContainer = GridContainer.GridContainer;
+exports.HighlightBox = HighlightBox.HighlightBox;
 exports.IconToolTip = IconToolTip.IconToolTip;
 exports.InfoWithButtonBlock = InfoTextBlock.InfoWithButtonBlock;
 exports.LayoutBox = LayoutBox.LayoutBox;

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

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