@dfds-ui/react-components 0.9.9-alpha.431021d1 → 0.9.9-alpha.50687692

package/cjs/index.d.ts

@@ -0,0 +1,42 @@
+export { default as elevation } from './elevation';
+export { default as media } from './media';
+export { GlobalStyles, DfdsFontFace } from './global-styles/GlobalStyles';
+export * from './accordion';
+export * from './app-bar';
+export * from './assertions';
+export * from './badge';
+export * from './button-stack';
+export * from './button';
+export * from './card';
+export * from './chip';
+export * from './common/polymorphic';
+export * from './counter';
+export * from './data-table';
+export * from './date-range-picker';
+export * from './drawer';
+export * from './footer';
+export * from './forms';
+export * from './grid';
+export * from './hero';
+export * from './ie-banner';
+export * from './lists';
+export * from './loader';
+export * from './localization';
+export * from './menu';
+export * from './nav-bar';
+export * from './nav-menu';
+export * from './pagination';
+export * from './popper';
+export * from './progress-bar';
+export * from './side-sheet';
+export * from './schedule';
+export * from './site-layout';
+export * from './social-media-link-list';
+export * from './spinner';
+export * from './styles';
+export * from './tab';
+export * from './table';
+export * from './typography';
+export * from './common/LockBodyScroll';
+export * from './dropdown-menu';
+export * from './skeleton';

package/cjs/layout/LayoutLegacy.d.ts

@@ -0,0 +1 @@
+export declare const Layout: () => JSX.Element;

package/cjs/lists/FeatureList.d.ts

@@ -0,0 +1,24 @@
+import React, { FunctionComponent } from 'react';
+import { FlexBoxProps } from './../flexbox/FlexBox';
+declare type FeatureListProps = {
+    icon: any;
+    items: string[];
+    iconColor?: string;
+    textTag?: React.ElementType;
+    as?: React.ElementType;
+};
+declare type FeatureListComponent = FunctionComponent<FeatureListProps>;
+export declare const ListItem: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & FlexBoxProps & {
+    as?: React.ElementType<any> | undefined;
+} & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
+    iconColor?: string | undefined;
+}, {}, {}>;
+declare const FeatureList: FeatureListComponent;
+export default FeatureList;

package/cjs/lists/ListAddon.d.ts

@@ -0,0 +1,11 @@
+import React from 'react';
+export declare type ListAddonProps = {
+    className?: string;
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    children?: React.ReactNode;
+};
+declare const ListAddon: ({ className, as, children, ...rest }: ListAddonProps) => JSX.Element;
+export default ListAddon;

package/cjs/lists/ListDivider.d.ts

@@ -0,0 +1,4 @@
+import { DividerProps } from '../divider';
+export declare type ListDividerProps = Pick<DividerProps, 'as' | 'indent' | 'margins'>;
+declare const ListDivider: ({ indent, margins, as, ...rest }: ListDividerProps) => JSX.Element;
+export default ListDivider;

package/cjs/lists/ListIcon.d.ts

@@ -0,0 +1,18 @@
+import React from 'react';
+declare type Size = 'small' | 'medium' | 'large' | 'xl';
+declare type ListIconProps = {
+    /**
+     * Choose the needed icon.
+     */
+    icon: React.ElementType;
+    /**
+     * Choose the size of the icon.
+     */
+    size?: Size;
+    /**
+     * Choose the color of the icon.
+     */
+    color?: string;
+};
+declare const ListIcon: ({ icon: Icon, size, color, ...rest }: ListIconProps) => JSX.Element;
+export default ListIcon;

package/cjs/lists/ListItem.d.ts

@@ -0,0 +1,46 @@
+import React from 'react';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+import { PolymorphicComponentProps } from '../common/polymorphic';
+export declare type ListItemProps = {
+    /**
+     * Will render the `ListItem` with a greater `min-height` and should be used when displaying multiple lines of text.
+     */
+    multiline?: boolean;
+    /**
+     * Indicates that the `ListItem` is selected.
+     */
+    selected?: boolean;
+    /**
+     * Render the 'ListItem` without min-height.
+     */
+    condensed?: boolean;
+    /**
+     * Indicates that the `ListItem` can be focused.
+     */
+    tabIndex?: number;
+    /**
+     * Add interactive styles to the `ListItem`.
+     */
+    clickable?: boolean;
+    /**
+     * Add a divider to the `ListItem`. This will apply a border on the the `ListItem` only. If you need the indent/margin variants use
+     * the `ListDivider` component instead.
+     */
+    divider?: boolean;
+    /**
+     * Invoke the provided callback when the `ListItem` is clicked.
+     */
+    onClick?: () => void;
+    /**
+     * Props controlling the flexbox.
+     */
+    flexBoxProps?: FlexBoxProps;
+    /**
+     * className to be assigned to component.
+     */
+    className?: string;
+    children?: React.ReactNode;
+} & PolymorphicComponentProps;
+export declare const listItemStyles: ({ multiline, selected, clickable, condensed, flexBoxProps, divider, }: Partial<ListItemProps>) => import("@emotion/react").SerializedStyles;
+declare const ListItem: ({ children, multiline, condensed, selected, tabIndex, clickable, divider, onClick, as, flexBoxProps, ...rest }: ListItemProps) => JSX.Element;
+export default ListItem;

package/cjs/lists/ListText.d.ts

@@ -0,0 +1,39 @@
+import React from 'react';
+import { theme } from '@dfds-ui/theme';
+import { typography } from '@dfds-ui/typography';
+declare type FontFamily = keyof typeof theme.fontFamilies;
+declare type StyledAs = keyof Pick<typeof typography, 'body' | 'bodyBold' | 'action' | 'actionBold' | 'label' | 'labelBold' | 'labelSmall' | 'caption' | 'sectionHeadline' | 'subHeadline' | 'smallHeadline'>;
+export declare type ListTextProps = {
+    /**
+     * Set the style of the text.
+     */
+    styledAs?: StyledAs;
+    /**
+     * Override the default color from `styledAs`.
+     */
+    color?: string;
+    children?: React.ReactNode;
+    /**
+     * *DEPRECATED* use `styledAs` instead or override size with `css` prop or `className`.
+     *
+     * Choose the font size.
+     * @deprecated
+     */
+    size?: string;
+    /**
+     * *DEPRECATED* use `styledAs` instead or override fontWeight with `css` prop or `className`.
+     *
+     * Choose the font weight.
+     * @deprecated
+     */
+    fontWeight?: number;
+    /**
+     * *DEPRECATED* use `styledAs` instead or override fontFamily with `css` prop or `className`.
+     *
+     * Choose the font family.
+     * @deprecated
+     */
+    fontFamily?: FontFamily;
+};
+declare const ListText: ({ styledAs, color, fontWeight, size, fontFamily, ...rest }: ListTextProps) => JSX.Element;
+export default ListText;

package/cjs/lists/ListTextGroup.d.ts

@@ -0,0 +1,15 @@
+import React from 'react';
+import { FlexBoxProps } from '../flexbox/FlexBox';
+export declare type ListTextGroupProps = {
+    /**
+     * Props controlling the flexbox.
+     */
+    flexBoxProps?: FlexBoxProps;
+    /**
+     * HTML tag or custom component being rendered.
+     */
+    as?: React.ElementType;
+    children?: React.ReactNode;
+};
+declare const ListTextGroup: ({ flexBoxProps, as, ...rest }: ListTextGroupProps) => JSX.Element;
+export default ListTextGroup;

package/cjs/lists/ListTitle.d.ts

@@ -0,0 +1,3 @@
+import { ListItemProps } from './ListItem';
+declare const ListTitle: ({ as, ...rest }: ListItemProps) => JSX.Element;
+export default ListTitle;

package/cjs/lists/index.d.ts

@@ -0,0 +1,8 @@
+export { default as ListItem } from './ListItem';
+export { default as ListTitle } from './ListTitle';
+export { default as ListText } from './ListText';
+export { default as ListTextGroup } from './ListTextGroup';
+export { default as ListIcon } from './ListIcon';
+export { default as ListAddon } from './ListAddon';
+export { default as ListDivider } from './ListDivider';
+export { default as FeatureList } from './FeatureList';

package/cjs/loader/DfdsLoader.d.ts

@@ -0,0 +1,9 @@
+import React from 'react';
+interface Props {
+    label?: string;
+    showMenu?: boolean;
+    iconColor?: string;
+    waveColor?: string;
+}
+declare const DfdsLoader: React.FC<Props>;
+export default DfdsLoader;

package/cjs/loader/DfdsLoader.js

@@ -13,12 +13,12 @@ var _icons = require("@dfds-ui/icons");
 
 var _typography = require("@dfds-ui/typography");
 
-var _reactComponents = require("@dfds-ui/react-components");
-
 var _theme = require("@dfds-ui/theme");
 
 var _flexbox = require("../flexbox");
 
+var _LockBodyScroll = _interopRequireDefault(require("../common/LockBodyScroll"));
+
 function _interopRequireDefault(obj) { return obj && obj.__esModule ? obj : { default: obj }; }
 
 function _EMOTION_STRINGIFIED_CSS_ERROR__() { return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop)."; }
@@ -40,7 +40,7 @@ var _ref = process.env.NODE_ENV === "production" ? {
 } : {
   name: "1w2dfgd-DfdsLoader",
   styles: "height:100%;label:DfdsLoader;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbCcpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMjBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgIXNob3dNZW51ICYmICctMTBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICc0MnB4J307XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdsJylgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBa0RrQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */",
   toString: _EMOTION_STRINGIFIED_CSS_ERROR__
 };
 
@@ -50,33 +50,30 @@ const DfdsLoader = ({
   waveColor,
   showMenu
 }) => {
-  const ref = _react.default.useRef(null);
-
-  return (0, _react2.jsx)(_reactComponents.LockBodyScroll, {
+  return (0, _react2.jsx)(_LockBodyScroll.default, {
     enabled: true,
     bodyClassNameApplied: "Modal__Body--open",
-    htmlClassNameApplied: "Modal__Html--open",
-    ref: ref
+    htmlClassNameApplied: "Modal__Html--open"
   }, (0, _react2.jsx)("div", {
-    css: /*#__PURE__*/(0, _react2.css)("background-color:", _theme.theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", _theme.media.lessThanEqual('l')`
+    css: /*#__PURE__*/(0, _react2.css)("padding-left:calc(100vw - 100%);background-color:", _theme.theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", _theme.media.lessThanEqual(1218)`
             top: ${showMenu ? '48px' : '0'};
-        `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBc0NnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbCcpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMjBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgIXNob3dNZW51ICYmICctMTBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICc0MnB4J307XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdsJylgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+         `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBK0JnQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
   }, (0, _react2.jsx)(_flexbox.FlexBox, {
     directionColumn: true,
     justifyCenter: true,
     itemsCenter: true,
     css: _ref
   }, (0, _react2.jsx)(_flexbox.FlexBox, null, (0, _react2.jsx)(_icons.Ship, {
-    css: /*#__PURE__*/(0, _react2.css)("width:70px;height:70px;color:", iconColor !== null && iconColor !== void 0 ? iconColor : _theme.theme.colors.primary.main, ";z-index:5000;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBOERzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbCcpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMjBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgIXNob3dNZW51ICYmICctMTBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICc0MnB4J307XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdsJylgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+    css: /*#__PURE__*/(0, _react2.css)("width:70px;height:70px;color:", iconColor !== null && iconColor !== void 0 ? iconColor : _theme.theme.colors.primary.main, ";z-index:5000;animation:", sail, " 0.58s ease-in-out alternate infinite;" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBd0RzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
   }), (0, _react2.jsx)(_icons.Waves, {
-    css: /*#__PURE__*/(0, _react2.css)("top:50%;left:50%;width:146px;height:20px;color:", waveColor !== null && waveColor !== void 0 ? waveColor : _theme.theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:13px;margin-top:", label && showMenu && '20px', ";margin-top:", label && !showMenu && '-10px', ";margin-top:", !label && showMenu && '42px', ";animation:", wave, " 0.8s linear infinite;", _theme.media.lessThanEqual('l')`
+    css: /*#__PURE__*/(0, _react2.css)("top:50%;left:50%;width:146px;height:20px;color:", waveColor !== null && waveColor !== void 0 ? waveColor : _theme.theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:13px;margin-top:", label && showMenu && '20px', ";margin-top:", label && !showMenu && '-10px', ";margin-top:", !label && showMenu && '42px', ";animation:", wave, " 0.8s linear infinite;", _theme.media.lessThanEqual(1218)`
                   margin-top: 13px;
                   margin-top: ${label && showMenu && '12px'};
                   margin-top: ${label && !showMenu && '-10px'};
                   margin-top: ${!label && showMenu && '35px'};
-                `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBdUVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbCcpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMjBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgIXNob3dNZW51ICYmICctMTBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICc0MnB4J307XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdsJylgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
+                `, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUVzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
   })), label && (0, _react2.jsx)(_typography.Text, {
-    css: /*#__PURE__*/(0, _react2.css)("margin-top:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBaUdzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IExvY2tCb2R5U2Nyb2xsLCBMb2NrQm9keVNjcm9sbFJlc3VsdCB9IGZyb20gJ0BkZmRzLXVpL3JlYWN0LWNvbXBvbmVudHMnXG5pbXBvcnQgeyBtZWRpYSwgdGhlbWUgfSBmcm9tICdAZGZkcy11aS90aGVtZSdcbmltcG9ydCB7IEZsZXhCb3ggfSBmcm9tICcuLi9mbGV4Ym94J1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICBjb25zdCByZWYgPSBSZWFjdC51c2VSZWY8TG9ja0JvZHlTY3JvbGxSZXN1bHQ+KG51bGwpXG5cbiAgcmV0dXJuIChcbiAgICA8TG9ja0JvZHlTY3JvbGxcbiAgICAgIGVuYWJsZWQ9e3RydWV9XG4gICAgICBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCJcbiAgICAgIGh0bWxDbGFzc05hbWVBcHBsaWVkPVwiTW9kYWxfX0h0bWwtLW9wZW5cIlxuICAgICAgcmVmPXtyZWZ9XG4gICAgPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbCcpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgICAgYH1cbiAgICAgID5cbiAgICAgICAgPEZsZXhCb3hcbiAgICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAgICBqdXN0aWZ5Q2VudGVyXG4gICAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgIGhlaWdodDogMTAwJTtcbiAgICAgICAgICBgfVxuICAgICAgICA+XG4gICAgICAgICAgPEZsZXhCb3g+XG4gICAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB3aWR0aDogNzBweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7aWNvbkNvbG9yID8/IHRoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3NhaWx9IDAuNThzIGVhc2UtaW4tb3V0IGFsdGVybmF0ZSBpbmZpbml0ZTtcbiAgICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIC8+XG4gICAgICAgICAgICA8V2F2ZXNcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgICAgbGVmdDogNTAlO1xuICAgICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgICAgY29sb3I6ICR7d2F2ZUNvbG9yID8/IHRoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6IDEzcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMjBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7bGFiZWwgJiYgIXNob3dNZW51ICYmICctMTBweCd9O1xuICAgICAgICAgICAgICAgIG1hcmdpbi10b3A6ICR7IWxhYmVsICYmIHNob3dNZW51ICYmICc0MnB4J307XG4gICAgICAgICAgICAgICAgYW5pbWF0aW9uOiAke3dhdmV9IDAuOHMgbGluZWFyIGluZmluaXRlO1xuXG4gICAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdsJylgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */"),
+    css: /*#__PURE__*/(0, _react2.css)("margin-top:", _theme.theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uLy4uL3NyYy9sb2FkZXIvRGZkc0xvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkZzQiIsImZpbGUiOiIuLi8uLi8uLi9zcmMvbG9hZGVyL0RmZHNMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5pbXBvcnQgTG9ja0JvZHlTY3JvbGwgZnJvbSAnLi4vY29tbW9uL0xvY2tCb2R5U2Nyb2xsJ1xuXG5jb25zdCBzYWlsID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVZKC0zcHgpO1xuICB9XG5gXG5cbmNvbnN0IHdhdmUgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVgoLTMwcHgpO1xuICB9XG5gXG5cbmludGVyZmFjZSBQcm9wcyB7XG4gIGxhYmVsPzogc3RyaW5nXG4gIHNob3dNZW51PzogYm9vbGVhblxuICBpY29uQ29sb3I/OiBzdHJpbmdcbiAgd2F2ZUNvbG9yPzogc3RyaW5nXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBpY29uQ29sb3IsIHdhdmVDb2xvciwgc2hvd01lbnUgfSkgPT4ge1xuICByZXR1cm4gKFxuICAgIDxMb2NrQm9keVNjcm9sbCBlbmFibGVkPXt0cnVlfSBib2R5Q2xhc3NOYW1lQXBwbGllZD1cIk1vZGFsX19Cb2R5LS1vcGVuXCIgaHRtbENsYXNzTmFtZUFwcGxpZWQ9XCJNb2RhbF9fSHRtbC0tb3BlblwiPlxuICAgICAgPGRpdlxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBwYWRkaW5nLWxlZnQ6IGNhbGMoMTAwdncgLSAxMDAlKTtcbiAgICAgICAgICBiYWNrZ3JvdW5kLWNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICAgIGxlZnQ6IDA7XG4gICAgICAgICAgcmlnaHQ6IDA7XG4gICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgICBib3R0b206IDA7XG4gICAgICAgICAgei1pbmRleDogNDk5OTtcblxuICAgICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgxMjE4KWBcbiAgICAgICAgICAgIHRvcDogJHtzaG93TWVudSA/ICc0OHB4JyA6ICcwJ307XG4gICAgICAgICBgfVxuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveFxuICAgICAgICAgIGRpcmVjdGlvbkNvbHVtblxuICAgICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICAgIGB9XG4gICAgICAgID5cbiAgICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHtpY29uQ29sb3IgPz8gdGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMDtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgLz5cbiAgICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgICB0b3A6IDUwJTtcbiAgICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICAgIGhlaWdodDogMjBweDtcbiAgICAgICAgICAgICAgICBjb2xvcjogJHt3YXZlQ29sb3IgPz8gdGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgICBtYXJnaW4tbGVmdDogLTczcHg7XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogMTNweDtcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke2xhYmVsICYmIHNob3dNZW51ICYmICcyMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHshbGFiZWwgJiYgc2hvd01lbnUgJiYgJzQycHgnfTtcbiAgICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoMTIxOClgXG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAxM3B4O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiBzaG93TWVudSAmJiAnMTJweCd9O1xuICAgICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtsYWJlbCAmJiAhc2hvd01lbnUgJiYgJy0xMHB4J307XG4gICAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAkeyFsYWJlbCAmJiBzaG93TWVudSAmJiAnMzVweCd9O1xuICAgICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAgIGB9XG4gICAgICAgICAgICAvPlxuICAgICAgICAgIDwvRmxleEJveD5cbiAgICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgICAgPFRleHRcbiAgICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgICBgfVxuICAgICAgICAgICAgICBhcz1cImRpdlwiXG4gICAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgICAgPlxuICAgICAgICAgICAgICB7bGFiZWx9XG4gICAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICAgKX1cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgPC9kaXY+XG4gICAgPC9Mb2NrQm9keVNjcm9sbD5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */"),
     as: "div",
     styledAs: "label"
   }, label))));

package/cjs/loader/Loader.d.ts

@@ -0,0 +1,5 @@
+declare type Props = {
+    label?: string;
+};
+declare function Loader(props: Props): JSX.Element;
+export default Loader;

package/cjs/loader/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Loader } from './Loader';
+export { default as DfdsLoader } from './DfdsLoader';

package/cjs/localization/LocaleFlag.d.ts

@@ -0,0 +1,13 @@
+import { ComponentPropsWithoutRef } from 'react';
+import { Locale } from './locales';
+export declare type LocaleFlagProps = {
+    /**
+     * The locale specifying which flag will be rendered.
+     */
+    locale: Locale;
+    /**
+     * The size of the flag icon.
+     */
+    size?: 's' | 'm' | 'l' | 'xl';
+} & ComponentPropsWithoutRef<'svg'>;
+export declare const LocaleFlag: ({ locale, size, ...rest }: LocaleFlagProps) => JSX.Element;

package/cjs/localization/index.d.ts

@@ -0,0 +1,2 @@
+export * from './locales';
+export * from './LocaleFlag';

package/cjs/localization/locales.d.ts

@@ -0,0 +1,34 @@
+import * as flags from '@dfds-ui/icons/flags';
+export declare const locales: readonly ["en", "nl-BE", "bg-BG", "pt-BR", "en-CA", "zh-CN", "cs-CZ", "da-DK", "et-EE", "fi-FI", "fr-BE", "fr-FR", "de-DE", "hu-HU", "it-IT", "ja-JP", "lv-LV", "lt-LT", "nl-NL", "nb-NO", "pl-PL", "ro-RO", "ru-RU", "sk-SK", "ko-KR", "es-ES", "sv-SE", "tr-TR", "en-GB", "en-US"];
+export declare type Locale = typeof locales[number];
+export declare type LocaleInfo = {
+    /**
+     * Name of the country
+     */
+    name: string;
+    /**
+     * Country (and occasionally the language) expressed in native language.
+     */
+    nativeName: string;
+    /**
+     * Country calling code
+     */
+    callingCode: string;
+    /**
+     * Dialing trunk prefix
+     */
+    callingTrunkPrefix?: string;
+    /**
+     * Key of flag icon component
+     */
+    flagIcon: keyof typeof flags;
+};
+export declare const localeData: {
+    [k in Locale]: LocaleInfo;
+};
+/**
+ * Returns an array of locales where each country only appears once.
+ *
+ * @return {Locale[]}
+ */
+export declare function uniqueCountryLocales(): Locale[];

package/cjs/logo/Logo.d.ts

@@ -0,0 +1,10 @@
+export declare type LogoProps = {
+    className?: string;
+    title?: string;
+    width?: string | number;
+    height?: string | number;
+    logoContainerProps?: any;
+};
+declare const Logo: ({ logoContainerProps, ...rest }: LogoProps) => JSX.Element;
+export { Logo };
+export default Logo;

package/cjs/logo/index.d.ts

@@ -0,0 +1 @@
+export * from './Logo';

package/cjs/media/index.d.ts

@@ -0,0 +1,2 @@
+import { media } from '@dfds-ui/theme';
+export default media;

package/cjs/menu/Menu.d.ts

@@ -0,0 +1,7 @@
+import React from 'react';
+export declare type MenuItemProps = React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement> & {
+    children?: React.ReactNode;
+    onClick: React.MouseEventHandler<HTMLDivElement>;
+};
+declare const menu: any;
+export default menu;

package/cjs/menu/index.d.ts

@@ -0,0 +1,2 @@
+export { default as Menu } from './Menu';
+export * from './Menu';

package/cjs/nav-bar/NavBar.d.ts

@@ -0,0 +1,35 @@
+import React from 'react';
+declare type ItemAlignment = 'left' | 'right';
+declare type NavBarProps = {
+    className?: string;
+    showLogo?: boolean;
+    href?: string;
+};
+declare type ItemProps = {
+    href?: string;
+    className?: string;
+    alignment?: ItemAlignment;
+    selected?: boolean;
+    as?: React.ElementType;
+};
+declare const NavBar: React.FunctionComponent<NavBarProps>;
+export declare const NavBarItem: React.FunctionComponent<ItemProps>;
+declare type NavBarIconProps = React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement> & //  React.AnchorHTMLAttributes<HTMLAnchorElement> &
+ItemProps & {
+    menu?: React.ReactNode;
+    onClick?: React.MouseEventHandler<HTMLAnchorElement>;
+    closeMenuOnClick?: boolean;
+};
+export declare const NavBarIconAnchor: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
+    menuShown: boolean;
+    className?: string | undefined;
+}, React.DetailedHTMLProps<React.AnchorHTMLAttributes<HTMLAnchorElement>, HTMLAnchorElement>, {}>;
+export declare const NavBarIcon: React.FunctionComponent<NavBarIconProps>;
+export declare const NavBarDropdown: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export default NavBar;

package/cjs/nav-bar/index.d.ts

@@ -0,0 +1,2 @@
+export { default as NavBar } from './NavBar';
+export * from './NavBar';

package/cjs/nav-menu/NavMenuItem.d.ts

@@ -0,0 +1,10 @@
+import React from 'react';
+declare type NavMenuItemProps = {
+    isActive?: boolean;
+    leftIcon?: React.ElementType;
+    rightIcon?: React.ElementType;
+    as?: React.ElementType;
+    children: React.ReactNode;
+};
+declare const NavMenuItem: React.FunctionComponent<NavMenuItemProps>;
+export default NavMenuItem;

package/cjs/nav-menu/index.d.ts

@@ -0,0 +1 @@
+export { default as NavMenuItem } from './NavMenuItem';

package/cjs/pagination/Pagination.d.ts

@@ -0,0 +1,44 @@
+import React from 'react';
+declare type Option = {
+    disabled?: boolean;
+    label: string;
+    value: number;
+};
+export declare type PaginationProps = {
+    /**
+     * The current page.
+     */
+    currentPage?: number;
+    /**
+     * The current offset
+     */
+    offset?: number;
+    /**
+     * Callback when the page is changed.
+     */
+    onChangePageLimit?: (e: any) => void;
+    /**
+     * Callback when the page is changed.
+     */
+    onPageChange?: (event: React.ChangeEvent<unknown>, page: number) => void;
+    /**
+     * Options passed to the PageLimitSelector
+     */
+    options?: Option[] | null;
+    /**
+     * Number of records per page.
+     */
+    pageLimit: number;
+    /**
+     * Total number of records.
+     */
+    totalRecords: number;
+    /**
+     * Returns the content of the overview.
+     *
+     * Use this if you need to localize the overview being rendered.
+     */
+    renderOverview?: (rangeShown: string, totalRecords: number) => React.ReactNode;
+};
+export declare const Pagination: ({ currentPage, offset, onChangePageLimit, onPageChange, options, pageLimit, totalRecords, renderOverview, }: PaginationProps) => JSX.Element;
+export default Pagination;

package/cjs/pagination/Pagination.styles.d.ts

@@ -0,0 +1,2 @@
+export declare const paginationItemStyles: import("@emotion/react").SerializedStyles;
+export declare const wrapperStyles: import("@emotion/react").SerializedStyles;

package/cjs/pagination/index.d.ts

@@ -0,0 +1 @@
+export * from './Pagination';