@citygross/components 0.7.77 → 0.7.79

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

@@ -18,5 +18,6 @@ export declare type TBaseButton = styles.TButton & {
     xsSize?: keyof typeof ButtonSize;
     children: React.ReactNode;
     color?: TButtonColor;
+    buttonBadge?: string;
 };
-export declare function Button({ center, color, fullWidth, flexReverse, icon, selected, isDisabled, loading, noWrap, onClick, size, xsSize, children }: TBaseButton): JSX.Element;
+export declare function Button({ center, color, fullWidth, flexReverse, icon, selected, isDisabled, loading, noWrap, onClick, size, xsSize, borderRadius, childGap, buttonBadge, children }: TBaseButton): JSX.Element;

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

@@ -47,3 +47,4 @@ export declare const WithIconButton: Story<TBaseButton>;
 export declare const paginationButton: Story<TPaginationButton>;
 export declare const iconButton: Story<TIconButton>;
 export declare const SelectButton: Story<TBaseButton>;
+export declare const ButtonWithBadge: Story<TBaseButton>;

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

@@ -9,9 +9,16 @@ export declare type TButton = {
     isDisabled?: boolean;
     loading?: boolean | null;
     noWrap?: boolean;
+    borderRadius?: number;
+    childGap?: number;
     onClick?: (e: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
 };
 declare type TButtonSize = keyof typeof ButtonSize;
+declare type TBasePrimaryButton = TButton & {
+    color: string;
+    size: TButtonSize;
+    xsSize?: TButtonSize;
+};
 export declare type TBaseSmallButton = Omit<TButton, 'size' | 'flexReverse' | 'fullWidth' | 'center'> & {
     width?: number;
     height?: number;
@@ -23,12 +30,14 @@ export declare type TButtonLoadingSpinner = {
     size?: TButtonSize;
     xsSize?: TButtonSize;
 };
+export declare type TButtonChildContainer = Pick<TBasePrimaryButton, 'childGap' | 'flexReverse' | 'noWrap' | 'size'>;
 export declare const BaseButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, TButton, never>;
 export declare const BasePrimaryButton: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, TButton & {
     color: string;
     size: TButtonSize;
     xsSize?: "small" | "medium" | "large" | undefined;
 }, never>;
+export declare const ButtonChildContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TButtonChildContainer, never>;
 export declare const Loading: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export declare const LoadingContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TButtonLoadingSpinner, never>;
 export declare const LoadingSpinner: import("styled-components").StyledComponent<({ spinnerColor, borderColor, animationSpeedMs, size, ...props }: import("../../components/Spinner/Spinner").TSpinner) => JSX.Element, import("styled-components").DefaultTheme, {}, never>;
@@ -46,4 +55,5 @@ export declare const BasePaginationButton: import("styled-components").StyledCom
     border?: string | undefined;
     shadow?: boolean | undefined;
 }, never>;
+export declare const ButtonBadge: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
 export {};

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

@@ -0,0 +1,9 @@
+import React from 'react';
+export declare type TIconText = {
+    icon?: React.ReactNode;
+    children?: React.ReactNode;
+    showOnlyIcon?: boolean;
+    spacing?: number;
+};
+declare const IconText: ({ icon, spacing, children, showOnlyIcon }: TIconText) => JSX.Element;
+export default IconText;

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

@@ -0,0 +1,9 @@
+import { Story } from '@storybook/react';
+import { TIconText } from './IconText';
+declare const _default: {
+    component: ({ icon, spacing, children, showOnlyIcon }: TIconText) => JSX.Element;
+    title: string;
+    argTypes: {};
+};
+export default _default;
+export declare const Default: Story<TIconText>;

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

@@ -0,0 +1,5 @@
+declare type TIconTextContainer = {
+    spacing?: number;
+};
+export declare const IconTextContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TIconTextContainer, never>;
+export {};

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

@@ -0,0 +1,20 @@
+import React, { ChangeEventHandler } from 'react';
+import { TNavMainLink } from '../NavMainLink/NavMainLink';
+export declare type TNav = {
+    logo: React.ReactNode;
+    maxWidth?: number;
+    height?: number;
+    topPosition?: number;
+    mainLinks?: TNavMainLink[];
+    mainLinksBorderColor?: string;
+    rightContent?: React.ReactNode;
+    searchResultElement?: React.ReactNode;
+    searchPlaceHolder?: string;
+    searchCancelLabel?: React.ReactNode;
+    searchIcon?: React.ReactNode;
+    searchOnChange?: ChangeEventHandler<HTMLInputElement>;
+    searchValue?: string;
+    onSearchClick?: () => void;
+};
+declare const Nav: ({ logo, maxWidth, height, topPosition, mainLinks, mainLinksBorderColor, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, onSearchClick }: TNav) => JSX.Element;
+export default Nav;

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

@@ -0,0 +1,14 @@
+import { Story } from '@storybook/react';
+import { TNav } from './Nav';
+declare const _default: {
+    component: ({ logo, maxWidth, height, topPosition, mainLinks, mainLinksBorderColor, rightContent, searchResultElement, searchCancelLabel, searchIcon, searchPlaceHolder, searchOnChange, searchValue, onSearchClick }: TNav) => JSX.Element;
+    title: string;
+    argTypes: {
+        onScroll: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: Story<TNav>;
+export declare const mobileNav: Story<TNav>;

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

@@ -0,0 +1,19 @@
+declare type TNav = {
+    background?: string;
+    topPosition?: number;
+    height?: number;
+};
+declare type TNavContainer = {
+    maxWidth?: number;
+};
+declare type TNavSearchOverlay = {
+    show?: boolean;
+};
+export declare const Nav: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TNav, never>;
+export declare const NavContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TNavContainer, never>;
+export declare const NavChildContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavMainLinks: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavDummySearchContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const NavSearchContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export declare const SearchResultOverlay: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, TNavSearchOverlay, never>;
+export {};

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

@@ -0,0 +1,9 @@
+export declare type TNavMainLink = {
+    text: string;
+    href?: string;
+    active?: boolean;
+    target?: '_blank' | '_self';
+    borderColor?: string;
+};
+declare const NavMainLink: ({ text, href, target, active, borderColor }: TNavMainLink) => JSX.Element;
+export default NavMainLink;

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

@@ -0,0 +1,8 @@
+import { Story } from '@storybook/react';
+import { TNavMainLink } from './NavMainLink';
+declare const _default: {
+    component: ({ text, href, target, active, borderColor }: TNavMainLink) => JSX.Element;
+    title: string;
+};
+export default _default;
+export declare const Default: Story<TNavMainLink>;

package/build/@types/components/NavMainLink/NavMainLink.styled.d.ts

@@ -0,0 +1,6 @@
+declare type TMainLinkContainer = {
+    borderColor?: string;
+    active?: boolean;
+};
+export declare const MainLinkContainer: import("styled-components").StyledComponent<"a", import("styled-components").DefaultTheme, TMainLinkContainer, never>;
+export {};

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

@@ -3,5 +3,6 @@ export declare type TPagination = {
     fetchItems: (page: number) => void;
     currentPage: number;
     itemsPerPage?: number;
+    setPage?: (page: number) => void;
 };
-export declare function Pagination({ totalItems, currentPage, fetchItems, itemsPerPage }: TPagination): JSX.Element;
+export declare function Pagination({ totalItems, currentPage, fetchItems, itemsPerPage, setPage }: TPagination): JSX.Element;

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

@@ -0,0 +1,13 @@
+import React from 'react';
+import * as styles from './SearchBar.styles';
+export declare type TSearchBar = styles.SearchInputProps & {
+    cancelLabel?: React.ReactNode;
+    icon?: React.ReactNode;
+    resultBoxTopPosition?: string;
+    inputRef?: React.RefObject<HTMLInputElement>;
+    onCancelClick?: () => void;
+    isOpen?: boolean;
+    children?: React.ReactNode;
+};
+declare const SearchBar: ({ flexGrow, isValid, inputSize, activeBorderColor, cancelLabel, icon, value, resultBoxTopPosition, children, inputRef, isOpen, onCancelClick, ...props }: TSearchBar) => JSX.Element;
+export default SearchBar;

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

@@ -0,0 +1,23 @@
+import { Story } from '@storybook/react';
+declare const _default: {
+    component: ({ flexGrow, isValid, inputSize, activeBorderColor, cancelLabel, icon, value, resultBoxTopPosition, children, inputRef, isOpen, onCancelClick, ...props }: import("./SearchBar").TSearchBar) => JSX.Element;
+    title: string;
+    args: {
+        placeholder: string;
+    };
+    argTypes: {
+        disabled: {
+            control: {
+                type: string;
+            };
+        };
+        placeholder: {
+            control: {
+                type: string;
+            };
+        };
+    };
+};
+export default _default;
+export declare const Default: Story;
+export declare const WithRightIcon: Story;

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

@@ -0,0 +1,19 @@
+import { InputHTMLAttributes } from 'react';
+export interface SearchInputProps extends InputHTMLAttributes<HTMLInputElement> {
+    readonly isValid?: boolean;
+    flexGrow?: number;
+    inputSize?: 'small' | 'medium';
+    isOpen?: boolean;
+    activeBorderColor?: string;
+}
+declare type SearchResultContainerProps = {
+    background?: string;
+    topPosition?: string;
+    isOpen?: boolean;
+};
+export declare const SearchResultContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SearchResultContainerProps, never>;
+export declare const SearchRightLabel: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, Pick<SearchResultContainerProps, "isOpen">, never>;
+export declare const SearchBarContainer: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, SearchInputProps, never>;
+export declare const SearchInput: import("styled-components").StyledComponent<"input", import("styled-components").DefaultTheme, SearchInputProps, never>;
+export declare const SearchLeftIcon: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {}, never>;
+export {};

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

@@ -5,11 +5,10 @@ export declare type TTimelineItem = {
     tiernaryText?: string;
 };
 export declare type TTimeline = {
-    background?: string;
     items: TTimelineItem[];
     title?: string;
     mobileTitle?: string;
-    current: TTimelineItem;
+    current: number;
     dotColor?: string;
     dotActiveColor?: string;
     dotShadow?: string;
@@ -18,4 +17,4 @@ export declare type TTimeline = {
     completedColor?: string;
     color?: string;
 };
-export declare function Timeline({ background, items, title, mobileTitle, current, dotColor, dotActiveColor, dotShadow, borderStyle, borderColor, color, completedColor }: TTimeline): JSX.Element;
+export declare function Timeline({ items, title, mobileTitle, current, dotColor, dotActiveColor, dotShadow, borderStyle, borderColor, color, completedColor }: TTimeline): JSX.Element;

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

@@ -5,29 +5,21 @@ declare const _default: {
     title: string;
     args: {
         items: TTimelineItem[];
-        background: string | undefined;
     };
     argTypes: {
         current: {
             defaultValue: number;
             options: number[];
             mapping: {
-                0: TTimelineItem;
-                1: TTimelineItem;
-                2: TTimelineItem;
-                3: TTimelineItem;
+                0: number;
+                1: number;
+                2: number;
+                3: number;
             };
             control: {
                 type: string;
             };
         };
-        background: {
-            options: string[];
-            mapping: import("@citygross/design-tokens").Palette | never[];
-            control: {
-                type: string;
-            };
-        };
         dotColor: {
             options: string[];
             mapping: import("@citygross/design-tokens").Palette | never[];

package/build/cjs/_virtual/{index.js_commonjs-exports → index.js}

@@ -5,4 +5,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var build = {};
 
 exports.__exports = build;
-//# sourceMappingURL=index.js_commonjs-exports.map
+//# sourceMappingURL=index.js.map

package/build/cjs/_virtual/index.js.map

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

package/build/cjs/_virtual/{index2.js_commonjs-exports → index2.js}

@@ -5,4 +5,4 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var build = {};
 
 exports.__exports = build;
-//# sourceMappingURL=index2.js_commonjs-exports.map
+//# sourceMappingURL=index2.js.map

package/build/cjs/_virtual/index2.js.map

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

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

@@ -81,25 +81,25 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function AddressBlock(_a) {
     var _b = _a.deliverOption, deliverOption = _b === void 0 ? 'Address' : _b, icon = _a.icon, storeName = _a.storeName, customerName = _a.customerName, street = _a.street, zipCode = _a.zipCode, city = _a.city, doorCode = _a.doorCode, floor = _a.floor, deliveryInstructions = _a.deliveryInstructions, xsSpacing = _a.xsSpacing, lgSpacing = _a.lgSpacing;
     var spacingsDefined = (xsSpacing || lgSpacing);
-    return (React__default['default'].createElement(React__default['default'].Fragment, null,
-        React__default['default'].createElement(AddressBlock_styles.AddressOption, null,
+    return (React__default["default"].createElement(React__default["default"].Fragment, null,
+        React__default["default"].createElement(AddressBlock_styles.AddressOption, null,
             icon && icon,
-            deliverOption && React__default['default'].createElement(typography.H3, null, deliverOption)),
-        spacingsDefined && React__default['default'].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        storeName && React__default['default'].createElement(typography.H3, null, storeName),
-        customerName && React__default['default'].createElement(typography.BodyText, null, customerName),
-        spacingsDefined && React__default['default'].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        React__default['default'].createElement(typography.BodyText, null, street),
-        spacingsDefined && React__default['default'].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        React__default['default'].createElement(typography.BodyText, null,
+            deliverOption && React__default["default"].createElement(typography.H3, null, deliverOption)),
+        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        storeName && React__default["default"].createElement(typography.H3, null, storeName),
+        customerName && React__default["default"].createElement(typography.BodyText, null, customerName),
+        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        React__default["default"].createElement(typography.BodyText, null, street),
+        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        React__default["default"].createElement(typography.BodyText, null,
             zipCode,
             " ",
             city),
-        spacingsDefined && React__default['default'].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        doorCode && (React__default['default'].createElement(typography.BodyText, null, doorCode)),
-        spacingsDefined && React__default['default'].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
-        floor && (React__default['default'].createElement(typography.BodyText, null, floor)),
-        spacingsDefined && React__default['default'].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        doorCode && (React__default["default"].createElement(typography.BodyText, null, doorCode)),
+        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
+        floor && (React__default["default"].createElement(typography.BodyText, null, floor)),
+        spacingsDefined && React__default["default"].createElement(Spacer.Spacer, { xsSpacing: xsSpacing, lgSpacing: lgSpacing }),
         deliveryInstructions && (deliveryInstructions)));
 }
 

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

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

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

@@ -14,10 +14,10 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 function AlertBox(_a) {
     var _b, _c;
     var _d = _a.background, background = _d === void 0 ? (_b = index.theme.palette) === null || _b === void 0 ? void 0 : _b.blueLight : _d, _e = _a.borderColor, borderColor = _e === void 0 ? (_c = index.theme.palette) === null || _c === void 0 ? void 0 : _c.alertBlue : _e, icon = _a.icon, _f = _a.iconMinWidth, iconMinWidth = _f === void 0 ? 24 : _f, withArrow = _a.withArrow, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, children = _a.children;
-    return (React__default['default'].createElement("div", null,
-        withArrow && (React__default['default'].createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
-        React__default['default'].createElement(AlertBox_styles.AlertBox, { background: background, borderColor: borderColor },
-            icon && (React__default['default'].createElement(AlertBox_styles.IconContainer, { minWidth: iconMinWidth }, icon)),
+    return (React__default["default"].createElement("div", null,
+        withArrow && (React__default["default"].createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
+        React__default["default"].createElement(AlertBox_styles.AlertBox, { background: background, borderColor: borderColor },
+            icon && (React__default["default"].createElement(AlertBox_styles.IconContainer, { minWidth: iconMinWidth }, icon)),
             children)));
 }
 

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

@@ -9,8 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var AlertBox = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-left: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: ", "px;\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n"], ["\n  background: ", ";\n  border-left: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: ", "px;\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth) + "px solid " + props.borderColor; }, function (props) { var _a, _b; return ((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall) + "px 0 0 " + ((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall) + "px"; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, 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; });
-var IconContainer = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  min-width: ", "px;\n  display: flex;\n  align-items: center;\n"], ["\n  min-width: ", "px;\n  display: flex;\n  align-items: center;\n"])), function (props) { var _a; return props.minWidth || ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md); });
+var AlertBox = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  background: ", ";\n  border-left: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: ", "px;\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n"], ["\n  background: ", ";\n  border-left: ", ";\n  border-radius: ", ";\n  box-shadow: ", ";\n  padding: ", "px;\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n"])), function (props) { var _a; return props.background || ((_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.blueLight); }, function (props) { var _a; return ((_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.infoBlockBorderWidth) + "px solid " + props.borderColor; }, function (props) { var _a, _b; return ((_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.borderRadius.extraSmall) + "px 0 0 " + ((_b = props.theme.attributes) === null || _b === void 0 ? void 0 : _b.borderRadius.extraSmall) + "px"; }, function (props) { var _a; return (_a = props.theme.attributes) === null || _a === void 0 ? void 0 : _a.boxShadow.layoutShadow; }, 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; });
+var IconContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  min-width: ", "px;\n  display: flex;\n  align-items: center;\n"], ["\n  min-width: ", "px;\n  display: flex;\n  align-items: center;\n"])), function (props) { var _a; return props.minWidth || ((_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.md); });
 var templateObject_1, templateObject_2;
 
 exports.AlertBox = AlertBox;

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

@@ -12,11 +12,11 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function BackButton(_a) {
-    var label = _a.label, color = _a.color, _b = _a.icon, icon = _b === void 0 ? React__default['default'].createElement(Icon.Icons.ChevronLeft, null) : _b, onClick = _a.onClick, children = _a.children;
-    return (React__default['default'].createElement(BackButton_styles.BackButtonFlex, { onClick: onClick },
+    var label = _a.label, color = _a.color, _b = _a.icon, icon = _b === void 0 ? React__default["default"].createElement(Icon.Icons.ChevronLeft, null) : _b, onClick = _a.onClick, children = _a.children;
+    return (React__default["default"].createElement(BackButton_styles.BackButtonFlex, { onClick: onClick },
         icon,
-        React__default['default'].createElement(BackButton_styles.BackText, null,
-            label && React__default['default'].createElement(typography.BodyText, { color: color }, label),
+        React__default["default"].createElement(BackButton_styles.BackText, null,
+            label && React__default["default"].createElement(typography.BodyText, { color: color }, label),
             children)));
 }
 

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

@@ -9,8 +9,8 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BackButtonFlex = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  cursor: pointer;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
-var BackText = styled__default['default'].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  margin-top: 2px;\n"], ["\n  margin-top: 2px;\n"])));
+var BackButtonFlex = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  cursor: pointer;\n"], ["\n  display: flex;\n  align-items: center;\n  gap: ", "px;\n  cursor: pointer;\n"])), function (props) { var _a; return (_a = props.theme.spacings) === null || _a === void 0 ? void 0 : _a.xs; });
+var BackText = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  margin-top: 2px;\n"], ["\n  margin-top: 2px;\n"])));
 var templateObject_1, templateObject_2;
 
 exports.BackButtonFlex = BackButtonFlex;

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

@@ -11,11 +11,11 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function BackgroundImage(_a) {
     var image = _a.image, height = _a.height, width = _a.width, onClick = _a.onClick, _b = _a.showBackdrop, showBackdrop = _b === void 0 ? true : _b, 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,
-            React__default['default'].createElement(BackgroundImage_styles.NextImagecontainer, null, image),
-            showBackdrop && React__default['default'].createElement(BackgroundImage_styles.BackgroundGradient, null)),
-        React__default['default'].createElement(BackgroundImage_styles.ChildrenWrapper, null, children)));
+    return (React__default["default"].createElement(BackgroundImage_styles.BackgroundContainer, { height: height, width: width, onClick: onClick },
+        React__default["default"].createElement(BackgroundImage_styles.BackgroundImgContainer, null,
+            React__default["default"].createElement(BackgroundImage_styles.NextImagecontainer, null, image),
+            showBackdrop && React__default["default"].createElement(BackgroundImage_styles.BackgroundGradient, null)),
+        React__default["default"].createElement(BackgroundImage_styles.ChildrenWrapper, null, children)));
 }
 
 exports.BackgroundImage = BackgroundImage;

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

@@ -9,15 +9,15 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 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 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"], ["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n"])));
-var BackgroundGradient = styled__default['default'].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  opacity: ", ";\n  z-index: 1;\n  position: absolute;\n  top: 0;\n"], ["\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  opacity: ", ";\n  z-index: 1;\n  position: absolute;\n  top: 0;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.black; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.BackgroundOverlayOpacity; });
-var ChildrenWrapper = styled__default['default'].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n"], ["\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n"])));
-var NextImagecontainer = styled__default['default'].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"])));
+var BackgroundImgContainer = styled__default["default"].div(templateObject_2 || (templateObject_2 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n"], ["\n  width: 100%;\n  height: 100%;\n  position: absolute;\n"])));
+var BackgroundGradient = styled__default["default"].div(templateObject_3 || (templateObject_3 = _tslib.__makeTemplateObject(["\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  opacity: ", ";\n  z-index: 1;\n  position: absolute;\n  top: 0;\n"], ["\n  width: 100%;\n  height: 100%;\n  background-color: ", ";\n  opacity: ", ";\n  z-index: 1;\n  position: absolute;\n  top: 0;\n"])), function (props) { var _a; return (_a = props.theme.palette) === null || _a === void 0 ? void 0 : _a.black; }, function (props) { var _a; return (_a = props.theme.constants) === null || _a === void 0 ? void 0 : _a.BackgroundOverlayOpacity; });
+var ChildrenWrapper = styled__default["default"].div(templateObject_4 || (templateObject_4 = _tslib.__makeTemplateObject(["\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n"], ["\n  z-index: 1;\n  width: 100%;\n  height: 100%;\n"])));
+var NextImagecontainer = styled__default["default"].div(templateObject_5 || (templateObject_5 = _tslib.__makeTemplateObject(["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"], ["\n  position: relative;\n  width: 100%;\n  height: 100%;\n"])));
 var templateObject_1, templateObject_2, templateObject_3, templateObject_4, templateObject_5;
 
 exports.BackgroundContainer = BackgroundContainer;

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

@@ -11,7 +11,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Badge(_a) {
     var _b = _a.color, color = _b === void 0 ? 'black' : _b, _c = _a.background, background = _c === void 0 ? 'white' : _c, _d = _a.height, height = _d === void 0 ? '30px' : _d, _e = _a.width, width = _e === void 0 ? '30px' : _e, borderColor = _a.borderColor, children = _a.children;
-    return (React__default['default'].createElement(Badge_styles.BaseBadge, { color: color || 'black', background: background || 'white', height: height, width: width, borderColor: borderColor || 'none' }, children));
+    return (React__default["default"].createElement(Badge_styles.BaseBadge, { color: color || 'black', background: background || 'white', height: height, width: width, borderColor: borderColor || 'none' }, children));
 }
 
 exports.Badge = Badge;

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BaseBadge = styled__default['default'].span(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: ", ";\n  width: ", ";\n  min-width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  font-size: ", "px;\n  padding-top: 2px;\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: ", ";\n  width: ", ";\n  min-width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  font-size: ", "px;\n  padding-top: 2px;\n"])), function (props) {
+var BaseBadge = styled__default["default"].span(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: ", ";\n  width: ", ";\n  min-width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  font-size: ", "px;\n  padding-top: 2px;\n"], ["\n  display: inline-flex;\n  justify-content: center;\n  align-items: center;\n  border-radius: 50%;\n  border: ", ";\n  width: ", ";\n  min-width: ", ";\n  height: ", ";\n  background-color: ", ";\n  color: ", ";\n  font-size: ", "px;\n  padding-top: 2px;\n"])), function (props) {
     var _a, _b, _c, _d;
     return props.borderColor && props.borderColor !== 'none'
         ? "1px solid " + props.borderColor

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

@@ -13,9 +13,9 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 function Box(_a) {
     var background = _a.background, _b = _a.rounded, rounded = _b === void 0 ? true : _b, padding = _a.padding, arrowSpacing = _a.arrowSpacing, arrowPlacement = _a.arrowPlacement, withArrow = _a.withArrow, children = _a.children, props = _tslib.__rest(_a, ["background", "rounded", "padding", "arrowSpacing", "arrowPlacement", "withArrow", "children"]);
-    return (React__default['default'].createElement("div", _tslib.__assign({}, props),
-        withArrow && (React__default['default'].createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
-        React__default['default'].createElement(Box_styles.BoxContainer, { background: background || 'transparent', rounded: rounded, padding: padding }, children)));
+    return (React__default["default"].createElement("div", _tslib.__assign({}, props),
+        withArrow && (React__default["default"].createElement(BoxArrow, { arrowPlacement: arrowPlacement, arrowSpacing: arrowSpacing, background: background })),
+        React__default["default"].createElement(Box_styles.BoxContainer, { background: background || 'transparent', rounded: rounded, padding: padding }, children)));
 }
 
 exports.Box = Box;

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BoxContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: ", "px;\n  background: ", ";\n  border-radius: ", ";\n  @media (min-width: ", "px) {\n    padding: ", "px;\n  }\n\n  ", ";\n"], ["\n  padding: ", "px;\n  background: ", ";\n  border-radius: ", ";\n  @media (min-width: ", "px) {\n    padding: ", "px;\n  }\n\n  ", ";\n"])), function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.md; }, function (props) { return props.background; }, function (props) { return (props.rounded ? '5px' : '0'); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.lg; }, function (props) { var _a, _b; return props.padding ? props.padding : (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.lg; }, function (props) { return props.padding && "padding: " + props.padding + "px"; });
+var BoxContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  padding: ", "px;\n  background: ", ";\n  border-radius: ", ";\n  @media (min-width: ", "px) {\n    padding: ", "px;\n  }\n\n  ", ";\n"], ["\n  padding: ", "px;\n  background: ", ";\n  border-radius: ", ";\n  @media (min-width: ", "px) {\n    padding: ", "px;\n  }\n\n  ", ";\n"])), function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.md; }, function (props) { return props.background; }, function (props) { return (props.rounded ? '5px' : '0'); }, function (props) { var _a, _b; return (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.breakpoints) === null || _b === void 0 ? void 0 : _b.lg; }, function (props) { var _a, _b; return props.padding ? props.padding : (_b = (_a = props === null || props === void 0 ? void 0 : props.theme) === null || _a === void 0 ? void 0 : _a.spacings) === null || _b === void 0 ? void 0 : _b.lg; }, function (props) { return props.padding && "padding: " + props.padding + "px"; });
 var templateObject_1;
 
 exports.BoxContainer = BoxContainer;

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

@@ -10,8 +10,8 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var BoxArrow = function (_a) {
     var arrowPlacement = _a.arrowPlacement, arrowSpacing = _a.arrowSpacing, background = _a.background;
-    return (React__default['default'].createElement(BoxArrow_styles.BoxArrowContainer, { margin: arrowSpacing, placement: arrowPlacement },
-        React__default['default'].createElement(Icon.Icons.BoxArrow, { width: 17, height: 8, color: background })));
+    return (React__default["default"].createElement(BoxArrow_styles.BoxArrowContainer, { margin: arrowSpacing, placement: arrowPlacement },
+        React__default["default"].createElement(Icon.Icons.BoxArrow, { width: 17, height: 8, color: background })));
 };
 
 module.exports = BoxArrow;

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

@@ -9,7 +9,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var styled__default = /*#__PURE__*/_interopDefaultLegacy(styled);
 
-var BoxArrowContainer = styled__default['default'].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  margin-bottom: -1px;\n  justify-content: ", ";\n  ", "\n"], ["\n  display: flex;\n  margin-bottom: -1px;\n  justify-content: ", ";\n  ", "\n"])), function (props) {
+var BoxArrowContainer = styled__default["default"].div(templateObject_1 || (templateObject_1 = _tslib.__makeTemplateObject(["\n  display: flex;\n  margin-bottom: -1px;\n  justify-content: ", ";\n  ", "\n"], ["\n  display: flex;\n  margin-bottom: -1px;\n  justify-content: ", ";\n  ", "\n"])), function (props) {
     return props.placement === 'right' ? 'flex-end' : 'flex-start';
 }, function (props) {
     return props.placement && props.placement === 'right'

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

@@ -26,19 +26,20 @@ exports.ButtonColor = void 0;
 })(exports.ButtonColor || (exports.ButtonColor = {}));
 function Button(_a) {
     var _b;
-    var _c = _a.center, center = _c === void 0 ? true : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, fullWidth = _a.fullWidth, flexReverse = _a.flexReverse, icon = _a.icon, selected = _a.selected, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 'large' : _e, xsSize = _a.xsSize, children = _a.children;
-    return (React__default['default'].createElement(Button_styles.BasePrimaryButton, { center: center, color: designTokens.theme && designTokens.theme.palette
+    var _c = _a.center, center = _c === void 0 ? true : _c, _d = _a.color, color = _d === void 0 ? 'primary' : _d, fullWidth = _a.fullWidth, flexReverse = _a.flexReverse, icon = _a.icon, selected = _a.selected, isDisabled = _a.isDisabled, loading = _a.loading, noWrap = _a.noWrap, onClick = _a.onClick, _e = _a.size, size = _e === void 0 ? 'large' : _e, xsSize = _a.xsSize, borderRadius = _a.borderRadius, _f = _a.childGap, childGap = _f === void 0 ? 4 : _f, buttonBadge = _a.buttonBadge, children = _a.children;
+    return (React__default["default"].createElement(Button_styles.BasePrimaryButton, { center: center, color: designTokens.theme && designTokens.theme.palette
             ? selected
                 ? (_b = designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette) === null || _b === void 0 ? void 0 : _b.white
                 : designTokens.theme === null || designTokens.theme === void 0 ? void 0 : designTokens.theme.palette[color]
-            : 'white', fullWidth: fullWidth, flexReverse: flexReverse, icon: icon, selected: selected, isDisabled: loading || isDisabled, loading: loading || null, noWrap: noWrap, size: size, xsSize: xsSize, onClick: function (e) { return onClick && onClick(e); } },
-        loading && (React__default['default'].createElement(Button_styles.Loading, null,
-            React__default['default'].createElement(Button_styles.LoadingContainer, { xsSize: xsSize, size: size },
-                React__default['default'].createElement(Button_styles.LoadingSpinner, null)))),
-        icon ? (React__default['default'].createElement("div", null,
+            : 'white', fullWidth: fullWidth, flexReverse: flexReverse, icon: icon, selected: selected, isDisabled: loading || isDisabled, loading: loading || null, noWrap: noWrap, size: size, xsSize: xsSize, onClick: function (e) { return onClick && onClick(e); }, borderRadius: borderRadius, childGap: childGap },
+        loading && (React__default["default"].createElement(Button_styles.Loading, null,
+            React__default["default"].createElement(Button_styles.LoadingContainer, { xsSize: xsSize, size: size },
+                React__default["default"].createElement(Button_styles.LoadingSpinner, null)))),
+        icon ? (React__default["default"].createElement(Button_styles.ButtonChildContainer, { size: size, flexReverse: flexReverse, noWrap: noWrap, childGap: childGap },
             icon,
             children)) : (children),
-        React__default['default'].createElement("span", { className: "ripple" })));
+        React__default["default"].createElement("span", { className: "ripple" }),
+        buttonBadge && React__default["default"].createElement(Button_styles.ButtonBadge, null, buttonBadge)));
 }
 
 exports.Button = Button;

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

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