@dfds-ui/react-components 0.9.9-alpha.8b9bb3de → 0.9.9-alpha.acd1615d

package/cjs/spinner/index.d.ts

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

package/cjs/stepper/Step.d.ts

@@ -1,9 +0,0 @@
-import React, { ReactNode } from 'react';
-import { ListItemProps } from './../lists/ListItem';
-declare type StepProps = {
-    label: ReactNode;
-    children: ReactNode;
-    listItemProps?: ListItemProps;
-};
-declare const _default: React.NamedExoticComponent<StepProps>;
-export default _default;

package/cjs/stepper/Stepper.d.ts

@@ -1,15 +0,0 @@
-import React, { SetStateAction, Dispatch, ReactNode } from 'react';
-declare type StepperProps = {
-    children: ReactNode;
-    initialStep?: number;
-};
-export declare const useStepperContext: () => {
-    activeStep: string;
-    setStep: (id: string) => void;
-    setNext: () => Dispatch<SetStateAction<number>> | void;
-    setBack: () => Dispatch<SetStateAction<number>> | void;
-    setReset: () => Dispatch<SetStateAction<number>> | void;
-    setActiveIndex: Dispatch<SetStateAction<number>>;
-};
-declare const _default: React.NamedExoticComponent<StepperProps>;
-export default _default;

package/cjs/stepper/index.d.ts

@@ -1,2 +0,0 @@
-export { default as Step } from './Step';
-export { default as Stepper, useStepperContext } from './Stepper';

package/cjs/styles/index.d.ts

@@ -1,3 +0,0 @@
-export { default as legacyMedia, legacyGenerateMedia } from './media';
-export { default as theme } from './theme';
-export { visuallyHidden } from './style-helpers';

package/cjs/styles/media.d.ts

@@ -1,21 +0,0 @@
-declare const defaultBreakPoints: {
-    xl: number;
-    lg: number;
-    md: number;
-    sm: number;
-    xs: number;
-};
-declare type BreakPoint = keyof typeof defaultBreakPoints | number;
-export declare function legacyGenerateMedia(breakPoints: typeof defaultBreakPoints): {
-    lt: (breakPoint: BreakPoint) => string;
-    gt: (breakPoint: BreakPoint) => string;
-    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
-    tablet: () => string;
-};
-export declare const legacyMedia: {
-    lt: (breakPoint: BreakPoint) => string;
-    gt: (breakPoint: BreakPoint) => string;
-    bt: (firstBreakpoint: BreakPoint, secondBreakpoint: BreakPoint) => string;
-    tablet: () => string;
-};
-export default legacyMedia;

package/cjs/styles/rem.d.ts

@@ -1 +0,0 @@
-export declare const rem: (targetPixelValue: number, base?: number) => string;

package/cjs/styles/style-helpers.d.ts

@@ -1 +0,0 @@
-export declare const visuallyHidden: () => import("@emotion/react").SerializedStyles;

package/cjs/styles/theme.d.ts

@@ -1,39 +0,0 @@
-export declare const theme: {
-    colors: {
-        yesGreen: string;
-        cautionAmber: string;
-        noRed: string;
-        linkBlue: string;
-        linkHover: string;
-        actionBlue: string;
-        actionHover: string;
-        actionMedium: string;
-        actionLight: string;
-        primaryOrange: string;
-        primaryHover: string;
-        uiEnabled: string;
-        uiDisabled: string;
-        textGrey: string;
-        textMedium: string;
-        textLight: string;
-        groupBlue: string;
-        groupMedium: string;
-        groupLight: string;
-        backgroundGrey: string;
-        white: string;
-        whiteHover: string;
-    };
-    fontFamily: string;
-    spacing: {
-        xxs: string;
-        xs: string;
-        s: string;
-        m: string;
-        l: string;
-        xl: string;
-        xxl: string;
-    };
-    uiRoundness: string;
-};
-export declare type ThemeInterface = typeof theme;
-export default theme;

package/cjs/surface/Surface.d.ts

@@ -1,30 +0,0 @@
-import React from 'react';
-import { theme } from '@dfds-ui/theme';
-export declare type SurfaceType = keyof typeof theme.colors.surface;
-export declare type SurfaceContextType = {
-    surface: SurfaceType;
-    backgroundColor: string;
-    textColors: {
-        primary: string;
-        secondary: string;
-        disabled: string;
-    };
-};
-export declare function getTextColors(surface: SurfaceType): {
-    primary: string;
-    secondary: string;
-    disabled: string;
-};
-export declare function getBackgroundColor(surface: SurfaceType): string;
-export declare const SurfaceContext: React.Context<SurfaceContextType | undefined>;
-export declare const SurfaceProvider: React.FC<{
-    surface: SurfaceType;
-}>;
-export declare function MaybeSurfaceProvider({ surface, ...rest }: React.PropsWithChildren<{
-    surface?: SurfaceType;
-}>): JSX.Element;
-export declare const useSurfaceContext: (surface?: "main" | "dark" | "primary" | "secondary" | "inverted" | "tertiary" | undefined) => SurfaceContextType;
-export declare const Surface: React.FC<{
-    surface: SurfaceType;
-    className?: string;
-}>;

package/cjs/surface/index.d.ts

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

package/cjs/tab/Tab.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-export declare type Index = number | string;
-export declare type TabProps = {
-    active?: boolean;
-    disabled?: boolean;
-    transparent?: boolean;
-    index: Index;
-    onClick?: React.MouseEventHandler<HTMLButtonElement>;
-};
-declare const Tab: React.FC<TabProps>;
-export default Tab;

package/cjs/tab/TabPanel.d.ts

@@ -1,7 +0,0 @@
-import React from 'react';
-declare type TabPanelProps = {
-    index: number | string;
-    children: React.ReactNode;
-};
-declare const TabPanel: React.FC<TabPanelProps>;
-export default TabPanel;

package/cjs/tab/Tabs.d.ts

@@ -1,11 +0,0 @@
-import React from 'react';
-declare type TabsLabels = {
-    scrollLeft: string;
-    scrollRight: string;
-};
-declare type TabsProps = {
-    tabsLabels?: TabsLabels;
-    children?: any;
-};
-declare const Tabs: React.FC<TabsProps>;
-export default Tabs;

package/cjs/tab/TabsContext.d.ts

@@ -1,14 +0,0 @@
-import React from 'react';
-import { Index } from './Tab';
-export declare type TabsContextProps = {
-    transparent?: boolean;
-    onChange?: (index: any) => void;
-    size?: 's' | 'm';
-    activeTab?: Index | undefined;
-};
-export declare const TabsContext: React.Context<TabsContextProps>;
-export declare const TabsContextProvider: React.FC<{
-    value: TabsContextProps;
-}>;
-export declare const useTabsContext: () => TabsContextProps;
-export default useTabsContext;

package/cjs/tab/index.d.ts

@@ -1,4 +0,0 @@
-export * from './TabsContext';
-export { default as Tabs } from './Tabs';
-export { default as Tab } from './Tab';
-export { default as TabPanel } from './TabPanel';

package/cjs/table/Table.d.ts

@@ -1,22 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableProps = {
-    /**
-     * Table content
-     */
-    children?: ReactNode;
-    /**
-     * Enables interaction effect on table rows
-     */
-    isInteractive?: boolean;
-    /**
-     * Makes table header sticky when scrolling (no IE 11 support)
-     */
-    isHeaderSticky?: boolean;
-} & ComponentPropsWithRef<'table'>;
-export declare type TableContextProps = {
-    isInteractive: boolean;
-    isHeaderSticky: boolean;
-};
-export declare const useTable: () => TableContextProps;
-export declare const Table: React.ForwardRefExoticComponent<Pick<TableProps, "key" | "css" | keyof React.TableHTMLAttributes<HTMLTableElement> | "isHeaderSticky" | "isInteractive"> & React.RefAttributes<HTMLTableElement>>;
-export default Table;

package/cjs/table/TableBody.d.ts

@@ -1,9 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableBodyProps = {
-    /**
-     * Table body content
-     */
-    children: ReactNode;
-} & ComponentPropsWithRef<'tbody'>;
-export declare const TableBody: React.ForwardRefExoticComponent<Pick<TableBodyProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
-export default TableBody;

package/cjs/table/TableDataCell.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-import { Alignment } from './TableHeaderCell';
-export declare type TableDataCellProps = {
-    /**
-     * Sets alignment for the content in the tag
-     */
-    align?: Alignment;
-    /**
-     * Table cell content
-     */
-    children: ReactNode;
-} & ComponentPropsWithRef<'td'>;
-export declare const TableDataCell: React.ForwardRefExoticComponent<Pick<TableDataCellProps, "key" | "css" | keyof React.TdHTMLAttributes<HTMLTableDataCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
-export default TableDataCell;

package/cjs/table/TableHead.d.ts

@@ -1,14 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableHeadProps = {
-    /**
-     * Table header content
-     */
-    children: ReactNode;
-    /**
-     * Classes applied on the thead tag
-     */
-    className?: string;
-} & ComponentPropsWithRef<'thead'>;
-export declare const tableHeadStyle: import("@emotion/react").SerializedStyles;
-export declare const TableHead: React.ForwardRefExoticComponent<Pick<TableHeadProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableSectionElement>> & React.RefAttributes<HTMLTableSectionElement>>;
-export default TableHead;

package/cjs/table/TableHeaderCell.d.ts

@@ -1,15 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type Alignment = 'left' | 'center' | 'right' | 'justify' | 'char';
-export declare type TableHeaderCellProps = {
-    /**
-     * Sets alignment for the content in the tag
-     */
-    align?: Alignment;
-    /**
-     * Table cell content
-     */
-    children: ReactNode;
-} & ComponentPropsWithRef<'th'>;
-export declare const getTableCellStyle: (align?: Alignment) => import("@emotion/react").SerializedStyles;
-export declare const TableHeaderCell: React.ForwardRefExoticComponent<Pick<TableHeaderCellProps, "key" | "css" | keyof React.ThHTMLAttributes<HTMLTableHeaderCellElement>> & React.RefAttributes<HTMLTableCellElement>>;
-export default TableHeaderCell;

package/cjs/table/TableRow.d.ts

@@ -1,17 +0,0 @@
-import React, { ComponentPropsWithRef, ReactNode } from 'react';
-export declare type TableRowProps = {
-    /**
-     * Table row content
-     */
-    children: ReactNode;
-    /**
-     * Classes applied on the tr tag
-     */
-    className?: string;
-    /**
-     * Applies Selected state styling to the row
-     */
-    isSelected?: boolean;
-} & ComponentPropsWithRef<'tr'>;
-export declare const TableRow: React.ForwardRefExoticComponent<Pick<TableRowProps, "key" | "css" | keyof React.HTMLAttributes<HTMLTableRowElement> | "isSelected"> & React.RefAttributes<HTMLTableRowElement>>;
-export default TableRow;

package/cjs/table/index.d.ts

@@ -1,6 +0,0 @@
-export * from './Table';
-export * from './TableHead';
-export * from './TableBody';
-export * from './TableRow';
-export * from './TableHeaderCell';
-export * from './TableDataCell';

package/cjs/test/Test.d.ts

@@ -1,8 +0,0 @@
-import { FC } from 'react';
-export interface TestProps {
-    /** Test name. */
-    name: string;
-    description?: string;
-}
-export declare const Test: FC<TestProps>;
-export default Test;

package/cjs/tooltip/Tooltip.d.ts

@@ -1,22 +0,0 @@
-import React from 'react';
-import { TippyProps } from '@tippy.js/react';
-declare type Placement = 'top' | 'right' | 'bottom' | 'left';
-declare type TooltipProps = {
-    content: string;
-    placement?: Placement;
-    offset?: number;
-    delay?: [number, number] | false;
-    containerProps?: any;
-    tabIndex?: number;
-};
-declare const Tooltip: React.FC<TooltipProps>;
-/**
- * The `UnstableWithTooltip` component can be used to wrap an element with a tooltip but unlike the `Tooltip` component
- * no extra html markup will wrapped around the targeted element.
- *
- * NOTE: It is important that the component being wrapped forwards a ref to the DOM node.
- */
-export declare const UnstableWithTooltip: ({ delay, ...rest }: {
-    className?: string;
-} & TippyProps) => JSX.Element;
-export default Tooltip;

package/cjs/tooltip/index.d.ts

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

package/cjs/typography/Headlines.d.ts

@@ -1,70 +0,0 @@
-import React from 'react';
-declare const headlineStyles: {
-    h1: import("@emotion/react").SerializedStyles;
-    h2: import("@emotion/react").SerializedStyles;
-    h3: import("@emotion/react").SerializedStyles;
-    h4: import("@emotion/react").SerializedStyles;
-};
-export declare const H1: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H2: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H3: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const H4: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const Headline: React.FunctionComponent<{
-    as?: React.ElementType;
-    styledAs?: keyof typeof headlineStyles;
-    className?: string;
-    noMargin?: boolean;
-}>;
-export declare const HeroHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const SectionHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const SubHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export declare const SmallHeadline: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: React.ElementType<any> | undefined;
-} & Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, "key" | "css" | keyof React.HTMLAttributes<HTMLHeadingElement>> & {
-    as?: React.ElementType<any> | undefined;
-    noMargin?: boolean | undefined;
-}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLHeadingElement>, HTMLHeadingElement>, {}>;
-export {};

package/cjs/typography/Text.d.ts

@@ -1,4 +0,0 @@
-export declare const Text: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme | undefined;
-    as?: import("react").ElementType<any> | undefined;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLParagraphElement>, HTMLParagraphElement>, {}>;

package/cjs/typography/index.d.ts

@@ -1,2 +0,0 @@
-export * from './Headlines';
-export * from './Text';

package/loader/ShipLoader.js

@@ -1,48 +0,0 @@
-var _templateObject, _templateObject2, _templateObject3, _templateObject4;
-
-function _taggedTemplateLiteral(strings, raw) { if (!raw) { raw = strings.slice(0); } return Object.freeze(Object.defineProperties(strings, { raw: { value: Object.freeze(raw) } })); }
-
-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)."; }
-
-import React from 'react';
-import { css, keyframes } from '@emotion/react';
-import { Ship, Waves } from '@dfds-ui/icons';
-import { Text } from '@dfds-ui/typography';
-import { media, theme } from '@dfds-ui/theme';
-import { FlexBox } from '../flexbox';
-import { jsx as ___EmotionJSX } from "@emotion/react";
-var sail = keyframes(_templateObject || (_templateObject = _taggedTemplateLiteral(["\n  to {\n    transform: translateY(-3px);\n  }\n"])));
-var wave = keyframes(_templateObject2 || (_templateObject2 = _taggedTemplateLiteral(["\n  to {\n    transform: translateX(-30px);\n  }\n"])));
-
-var _ref = process.env.NODE_ENV === "production" ? {
-  name: "13udsys",
-  styles: "height:100%"
-} : {
-  name: "1w2dfgd-DfdsLoader",
-  styles: "height:100%;label:DfdsLoader;",
-  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNkNnQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */",
-  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
-};
-
-var DfdsLoader = function DfdsLoader(_ref2) {
-  var label = _ref2.label,
-      showMenu = _ref2.showMenu;
-  return ___EmotionJSX("div", {
-    css: /*#__PURE__*/css("background-color:", theme.colors.surface.secondary, ";position:fixed;left:0;right:0;top:", showMenu ? '60px' : '0', ";bottom:0;z-index:4999;", media.lessThanEqual('m')(_templateObject3 || (_templateObject3 = _taggedTemplateLiteral(["\n            top: ", ";\n        "])), showMenu ? '48px' : '0'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBMkJjIiwiZmlsZSI6Ii4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgUmVhY3QgZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBjc3MsIGtleWZyYW1lcyB9IGZyb20gJ0BlbW90aW9uL3JlYWN0J1xuaW1wb3J0IHsgU2hpcCwgV2F2ZXMgfSBmcm9tICdAZGZkcy11aS9pY29ucydcbmltcG9ydCB7IFRleHQgfSBmcm9tICdAZGZkcy11aS90eXBvZ3JhcGh5J1xuaW1wb3J0IHsgbWVkaWEsIHRoZW1lIH0gZnJvbSAnQGRmZHMtdWkvdGhlbWUnXG5pbXBvcnQgeyBGbGV4Qm94IH0gZnJvbSAnLi4vZmxleGJveCdcblxuY29uc3Qgc2FpbCA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWSgtM3B4KTtcbiAgfVxuYFxuXG5jb25zdCB3YXZlID0ga2V5ZnJhbWVzYFxuICB0byB7XG4gICAgdHJhbnNmb3JtOiB0cmFuc2xhdGVYKC0zMHB4KTtcbiAgfVxuYFxuXG5pbnRlcmZhY2UgUHJvcHMge1xuICBsYWJlbD86IHN0cmluZ1xuICBzaG93TWVudT86IGJvb2xlYW5cbn1cblxuY29uc3QgRGZkc0xvYWRlcjogUmVhY3QuRkM8UHJvcHM+ID0gKHsgbGFiZWwsIHNob3dNZW51IH0pID0+IHtcbiAgcmV0dXJuIChcbiAgICA8ZGl2XG4gICAgICBjc3M9e2Nzc2BcbiAgICAgICAgYmFja2dyb3VuZC1jb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgIGxlZnQ6IDA7XG4gICAgICAgIHJpZ2h0OiAwO1xuICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNjBweCcgOiAnMCd9O1xuICAgICAgICBib3R0b206IDA7XG4gICAgICAgIHotaW5kZXg6IDQ5OTk7XG5cbiAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICB0b3A6ICR7c2hvd01lbnUgPyAnNDhweCcgOiAnMCd9O1xuICAgICAgICBgfVxuICAgICAgYH1cbiAgICA+XG4gICAgICA8RmxleEJveFxuICAgICAgICBkaXJlY3Rpb25Db2x1bW5cbiAgICAgICAganVzdGlmeUNlbnRlclxuICAgICAgICBpdGVtc0NlbnRlclxuICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICBoZWlnaHQ6IDEwMCU7XG4gICAgICAgIGB9XG4gICAgICA+XG4gICAgICAgIDxGbGV4Qm94PlxuICAgICAgICAgIDxTaGlwXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgd2lkdGg6IDcwcHg7XG4gICAgICAgICAgICAgIGhlaWdodDogNzBweDtcbiAgICAgICAgICAgICAgY29sb3I6ICR7dGhlbWUuY29sb3JzLnByaW1hcnkubWFpbn07XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDA7XG4gICAgICAgICAgICAgIGFuaW1hdGlvbjogJHtzYWlsfSAwLjU4cyBlYXNlLWluLW91dCBhbHRlcm5hdGUgaW5maW5pdGU7XG4gICAgICAgICAgICBgfVxuICAgICAgICAgIC8+XG4gICAgICAgICAgPFdhdmVzXG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgdG9wOiA1MCU7XG4gICAgICAgICAgICAgIGxlZnQ6IDUwJTtcbiAgICAgICAgICAgICAgd2lkdGg6IDE0NnB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDIwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5zdXJmYWNlLnNlY29uZGFyeX07XG4gICAgICAgICAgICAgIHBvc2l0aW9uOiBmaXhlZDtcbiAgICAgICAgICAgICAgei1pbmRleDogNTAwMTtcbiAgICAgICAgICAgICAgbWFyZ2luLWxlZnQ6IC03M3B4O1xuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzIwcHgnIDogJzQycHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICAgIGFuaW1hdGlvbjogJHt3YXZlfSAwLjhzIGxpbmVhciBpbmZpbml0ZTtcblxuICAgICAgICAgICAgICAke21lZGlhLmxlc3NUaGFuRXF1YWwoJ20nKWBcbiAgICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3Nob3dNZW51ID8gKGxhYmVsID8gJzEycHgnIDogJzM1cHgnKSA6IGxhYmVsID8gJy0xMHB4JyA6ICcxM3B4J307XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICA8L0ZsZXhCb3g+XG4gICAgICAgIHtsYWJlbCAmJiAoXG4gICAgICAgICAgPFRleHRcbiAgICAgICAgICAgIGNzcz17Y3NzYFxuICAgICAgICAgICAgICBtYXJnaW4tdG9wOiAke3RoZW1lLnNwYWNpbmcubX07XG4gICAgICAgICAgICBgfVxuICAgICAgICAgICAgYXM9XCJkaXZcIlxuICAgICAgICAgICAgc3R5bGVkQXM9XCJsYWJlbFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xhYmVsfVxuICAgICAgICAgIDwvVGV4dD5cbiAgICAgICAgKX1cbiAgICAgIDwvRmxleEJveD5cbiAgICA8L2Rpdj5cbiAgKVxufVxuXG5leHBvcnQgZGVmYXVsdCBEZmRzTG9hZGVyXG4iXX0= */")
-  }, ___EmotionJSX(FlexBox, {
-    directionColumn: true,
-    justifyCenter: true,
-    itemsCenter: true,
-    css: _ref
-  }, ___EmotionJSX(FlexBox, null, ___EmotionJSX(Ship, {
-    css: /*#__PURE__*/css("width:70px;height:70px;color:", 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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBbURvQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
-  }), ___EmotionJSX(Waves, {
-    css: /*#__PURE__*/css("top:50%;left:50%;width:146px;height:20px;color:", theme.colors.surface.secondary, ";position:fixed;z-index:5001;margin-left:-73px;margin-top:", showMenu ? label ? '20px' : '42px' : label ? '-10px' : '13px', ";animation:", wave, " 0.8s linear infinite;", media.lessThanEqual('m')(_templateObject4 || (_templateObject4 = _taggedTemplateLiteral(["\n                margin-top: ", ";\n            "])), showMenu ? label ? '12px' : '35px' : label ? '-10px' : '13px'), ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBNERvQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */")
-  })), label && ___EmotionJSX(Text, {
-    css: /*#__PURE__*/css("margin-top:", theme.spacing.m, ";" + (process.env.NODE_ENV === "production" ? "" : ";label:DfdsLoader;"), process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi4uLy4uL3NyYy9sb2FkZXIvU2hpcExvYWRlci50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBZ0ZvQiIsImZpbGUiOiIuLi8uLi9zcmMvbG9hZGVyL1NoaXBMb2FkZXIudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiaW1wb3J0IFJlYWN0IGZyb20gJ3JlYWN0J1xuaW1wb3J0IHsgY3NzLCBrZXlmcmFtZXMgfSBmcm9tICdAZW1vdGlvbi9yZWFjdCdcbmltcG9ydCB7IFNoaXAsIFdhdmVzIH0gZnJvbSAnQGRmZHMtdWkvaWNvbnMnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnQGRmZHMtdWkvdHlwb2dyYXBoeSdcbmltcG9ydCB7IG1lZGlhLCB0aGVtZSB9IGZyb20gJ0BkZmRzLXVpL3RoZW1lJ1xuaW1wb3J0IHsgRmxleEJveCB9IGZyb20gJy4uL2ZsZXhib3gnXG5cbmNvbnN0IHNhaWwgPSBrZXlmcmFtZXNgXG4gIHRvIHtcbiAgICB0cmFuc2Zvcm06IHRyYW5zbGF0ZVkoLTNweCk7XG4gIH1cbmBcblxuY29uc3Qgd2F2ZSA9IGtleWZyYW1lc2BcbiAgdG8ge1xuICAgIHRyYW5zZm9ybTogdHJhbnNsYXRlWCgtMzBweCk7XG4gIH1cbmBcblxuaW50ZXJmYWNlIFByb3BzIHtcbiAgbGFiZWw/OiBzdHJpbmdcbiAgc2hvd01lbnU/OiBib29sZWFuXG59XG5cbmNvbnN0IERmZHNMb2FkZXI6IFJlYWN0LkZDPFByb3BzPiA9ICh7IGxhYmVsLCBzaG93TWVudSB9KSA9PiB7XG4gIHJldHVybiAoXG4gICAgPGRpdlxuICAgICAgY3NzPXtjc3NgXG4gICAgICAgIGJhY2tncm91bmQtY29sb3I6ICR7dGhlbWUuY29sb3JzLnN1cmZhY2Uuc2Vjb25kYXJ5fTtcbiAgICAgICAgcG9zaXRpb246IGZpeGVkO1xuICAgICAgICBsZWZ0OiAwO1xuICAgICAgICByaWdodDogMDtcbiAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzYwcHgnIDogJzAnfTtcbiAgICAgICAgYm90dG9tOiAwO1xuICAgICAgICB6LWluZGV4OiA0OTk5O1xuXG4gICAgICAgICR7bWVkaWEubGVzc1RoYW5FcXVhbCgnbScpYFxuICAgICAgICAgICAgdG9wOiAke3Nob3dNZW51ID8gJzQ4cHgnIDogJzAnfTtcbiAgICAgICAgYH1cbiAgICAgIGB9XG4gICAgPlxuICAgICAgPEZsZXhCb3hcbiAgICAgICAgZGlyZWN0aW9uQ29sdW1uXG4gICAgICAgIGp1c3RpZnlDZW50ZXJcbiAgICAgICAgaXRlbXNDZW50ZXJcbiAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgaGVpZ2h0OiAxMDAlO1xuICAgICAgICBgfVxuICAgICAgPlxuICAgICAgICA8RmxleEJveD5cbiAgICAgICAgICA8U2hpcFxuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHdpZHRoOiA3MHB4O1xuICAgICAgICAgICAgICBoZWlnaHQ6IDcwcHg7XG4gICAgICAgICAgICAgIGNvbG9yOiAke3RoZW1lLmNvbG9ycy5wcmltYXJ5Lm1haW59O1xuICAgICAgICAgICAgICB6LWluZGV4OiA1MDAwO1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7c2FpbH0gMC41OHMgZWFzZS1pbi1vdXQgYWx0ZXJuYXRlIGluZmluaXRlO1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAvPlxuICAgICAgICAgIDxXYXZlc1xuICAgICAgICAgICAgY3NzPXtjc3NgXG4gICAgICAgICAgICAgIHRvcDogNTAlO1xuICAgICAgICAgICAgICBsZWZ0OiA1MCU7XG4gICAgICAgICAgICAgIHdpZHRoOiAxNDZweDtcbiAgICAgICAgICAgICAgaGVpZ2h0OiAyMHB4O1xuICAgICAgICAgICAgICBjb2xvcjogJHt0aGVtZS5jb2xvcnMuc3VyZmFjZS5zZWNvbmRhcnl9O1xuICAgICAgICAgICAgICBwb3NpdGlvbjogZml4ZWQ7XG4gICAgICAgICAgICAgIHotaW5kZXg6IDUwMDE7XG4gICAgICAgICAgICAgIG1hcmdpbi1sZWZ0OiAtNzNweDtcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcyMHB4JyA6ICc0MnB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgICBhbmltYXRpb246ICR7d2F2ZX0gMC44cyBsaW5lYXIgaW5maW5pdGU7XG5cbiAgICAgICAgICAgICAgJHttZWRpYS5sZXNzVGhhbkVxdWFsKCdtJylgXG4gICAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHtzaG93TWVudSA/IChsYWJlbCA/ICcxMnB4JyA6ICczNXB4JykgOiBsYWJlbCA/ICctMTBweCcgOiAnMTNweCd9O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGB9XG4gICAgICAgICAgLz5cbiAgICAgICAgPC9GbGV4Qm94PlxuICAgICAgICB7bGFiZWwgJiYgKFxuICAgICAgICAgIDxUZXh0XG4gICAgICAgICAgICBjc3M9e2Nzc2BcbiAgICAgICAgICAgICAgbWFyZ2luLXRvcDogJHt0aGVtZS5zcGFjaW5nLm19O1xuICAgICAgICAgICAgYH1cbiAgICAgICAgICAgIGFzPVwiZGl2XCJcbiAgICAgICAgICAgIHN0eWxlZEFzPVwibGFiZWxcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsYWJlbH1cbiAgICAgICAgICA8L1RleHQ+XG4gICAgICAgICl9XG4gICAgICA8L0ZsZXhCb3g+XG4gICAgPC9kaXY+XG4gIClcbn1cblxuZXhwb3J0IGRlZmF1bHQgRGZkc0xvYWRlclxuIl19 */"),
-    as: "div",
-    styledAs: "label"
-  }, label)));
-};
-
-export default DfdsLoader;