td-stylekit 24.8.0 → 25.2.0

package/dist/es/Section/elements.d.ts

@@ -1,640 +1,31 @@
-/// <reference types="types/@emotion/styled" />
 import React from 'react';
-export declare const Container: import("@emotion/styled-base").StyledComponent<Pick<React.PropsWithChildren<React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & {
-    theme?: {
-        readonly space: string[];
-        readonly palette: {
-            success: string[];
-            warning: string[];
-            error: string[];
-            primary: string[];
-            secondary: string[];
-            neutral: string[];
-        };
-        readonly fontFamily: {
-            body: string;
-            monospace: string;
-        };
-        readonly fontSize: string[];
-        readonly lineHeight: number[];
-        readonly radius: string[];
-        readonly borderWidth: string[];
-        readonly grid: number[];
-        readonly shadows: {
-            small: string;
-            big: string;
-            pill: string;
-            bigCentered: string;
-            popover: string;
-            secondaryNavActiveItem: string;
-        };
-        readonly sizes: {
-            PageHeaderIcon: number;
-        };
-        readonly zIndex: {
-            Base: number;
-            Overlay: number;
-            FormControl: number;
-            SecondaryNav: number;
-            SecondaryNavActiveItem: number;
-            PrimaryNav: number;
-            PopOver: number;
-            PageHeaderSearch: number;
-            Modal: number;
-            Tether: number;
-            GlobalNav: number;
-            Toast: number;
-        };
-        readonly color: {
-            Dune: string;
-            CuriousBlue: string;
-            FlushMahogany: string;
-            Maroon: string;
-            PinkSwan: string;
-            Matisse: string;
-            HummingBird: string;
-            Primary: string;
-            PrimaryContrast: string;
-            PrimaryFade: string;
-            PrimaryLight: string;
-            PrimaryLightFade: string;
-            PrimaryLightHighlight: string;
-            PrimaryAccent: string;
-            DarkBackground: string;
-            DarkBar: string;
-            DarkHover: string;
-            DarkPrimary: string;
-            DarkSecondary: string;
-            LightBackground: string;
-            LightBar: string;
-            LightDisabled: string;
-            LightDivider: string;
-            LightDividerNew: string;
-            LightHint: string;
-            LightHover: string;
-            LightPrimary: string;
-            LightSecondary: string;
-            BorderGrey: string;
-            Blue: string;
-            BlueFade: string;
-            Green: string;
-            GreenFade: string;
-            GreenBackground: string;
-            Red: string;
-            RedFade: string;
-            Yellow: string;
-            YellowFade: string;
-            YellowHighlight: string;
-            Orange: string;
-            OrangeFill: string;
-            OrangeBackground: string;
-            Error: string;
-            ErrorFade: string;
-            ErrorBackground: string;
-            DraggableDraggingBackground: string;
-            Aquamarine: string;
-            Azure: string;
-            AzureNew: string;
-            AzureFade: string;
-            AzureHighlight: string;
-            Silver: string;
-            BlueNavy: string;
-            Black: string;
-            TurquoiseBlue: string;
-            SummerSky: string;
-            Mondo: string;
-            HeavyMetal: string;
-            BokaraGrey: string;
-            Cyan: string;
-            Eucalyptus: string;
-            Flamingo: string;
-            Zorba: string;
-            Flint: string;
-            Maya: string;
-            Bondi: string;
-            Emerald: string;
-            Carissma: string;
-            Solitude: string;
-            WhiteSmoke: string;
-            Violet: string;
-            FireBrick: string;
-            Purple: string;
-            Buckthorn: string;
-        };
-        readonly gradient: {
-            main: string;
-            neutral: string;
-        };
-    } | undefined;
-}>, "reverse" | "hidden" | "dir" | "slot" | "style" | "title" | "color" | "flex" | "wrap" | "justify" | "border" | "padding" | "key" | "children" | "alignContent" | "alignSelf" | "borderBottomLeftRadius" | "borderBottomRightRadius" | "borderTopLeftRadius" | "borderTopRightRadius" | "direction" | "maxHeight" | "maxWidth" | "minHeight" | "minWidth" | "translate" | "borderBottom" | "borderLeft" | "borderRadius" | "borderRight" | "borderTop" | "margin" | "theme" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css" | "marginHorizontal" | "marginVertical" | "paddingHorizontal" | "paddingVertical" | "grow" | "shrink" | "align" | "full"> & {
-    ref?: ((instance: HTMLDivElement | null) => void) | React.RefObject<HTMLDivElement> | null | undefined;
-}, {
+export declare const Container: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & import("../Box").BoxProps & Partial<import("../mixins/border").Border & import("../mixins/spacing").Spacing> & React.ClassAttributes<HTMLDivElement> & React.HTMLAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
     sub?: boolean | undefined;
-}, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
-export declare const Header: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}, {}, {}>;
+export declare const Header: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
     sub?: boolean | undefined;
-}, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
-export declare const Spacer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "hidden" | "dir" | "slot" | "style" | "title" | "color" | "children" | "translate" | "defaultChecked" | "defaultValue" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "className" | "contentEditable" | "contextMenu" | "draggable" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChange" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClick" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDown" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "css">, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
-export declare const IconContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Spacer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const IconContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
     isOpen: boolean;
-}, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
-export declare const Content: import("@emotion/styled-base").StyledComponent<React.PropsWithChildren<{
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const Content: import("@emotion/styled").StyledComponent<{
     hidden?: boolean | undefined;
     dir?: string | undefined;
     slot?: string | undefined;
@@ -642,19 +33,22 @@ export declare const Content: import("@emotion/styled-base").StyledComponent<Rea
     color?: string | undefined;
     children?: React.ReactNode;
     translate?: "yes" | "no" | undefined;
+    className?: string | undefined;
+    id?: string | undefined;
+    onClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onKeyPress?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onMouseDown?: React.MouseEventHandler<HTMLDivElement> | undefined;
     defaultChecked?: boolean | undefined;
     defaultValue?: string | number | string[] | undefined;
     suppressContentEditableWarning?: boolean | undefined;
     suppressHydrationWarning?: boolean | undefined;
     accessKey?: string | undefined;
-    className?: string | undefined;
-    contentEditable?: boolean | "inherit" | "false" | "true" | undefined;
+    contentEditable?: "inherit" | (boolean | "false" | "true") | undefined;
     contextMenu?: string | undefined;
-    draggable?: boolean | "false" | "true" | undefined;
-    id?: string | undefined;
+    draggable?: (boolean | "false" | "true") | undefined;
     lang?: string | undefined;
     placeholder?: string | undefined;
-    spellCheck?: boolean | "false" | "true" | undefined;
+    spellCheck?: (boolean | "false" | "true") | undefined;
     tabIndex?: number | undefined;
     radioGroup?: string | undefined;
     role?: string | undefined;
@@ -677,7 +71,7 @@ export declare const Content: import("@emotion/styled-base").StyledComponent<Rea
     results?: number | undefined;
     security?: string | undefined;
     unselectable?: "on" | "off" | undefined;
-    inputMode?: "search" | "none" | "text" | "decimal" | "numeric" | "tel" | "url" | "email" | undefined;
+    inputMode?: "search" | "numeric" | "none" | "text" | "decimal" | "tel" | "url" | "email" | undefined;
     is?: string | undefined;
     "aria-activedescendant"?: string | undefined;
     "aria-atomic"?: boolean | "false" | "true" | undefined;
@@ -730,415 +124,168 @@ export declare const Content: import("@emotion/styled-base").StyledComponent<Rea
     dangerouslySetInnerHTML?: {
         __html: string;
     } | undefined;
-    onCopy?: ((event: React.ClipboardEvent<HTMLDivElement>) => void) | undefined;
-    onCopyCapture?: ((event: React.ClipboardEvent<HTMLDivElement>) => void) | undefined;
-    onCut?: ((event: React.ClipboardEvent<HTMLDivElement>) => void) | undefined;
-    onCutCapture?: ((event: React.ClipboardEvent<HTMLDivElement>) => void) | undefined;
-    onPaste?: ((event: React.ClipboardEvent<HTMLDivElement>) => void) | undefined;
-    onPasteCapture?: ((event: React.ClipboardEvent<HTMLDivElement>) => void) | undefined;
-    onCompositionEnd?: ((event: React.CompositionEvent<HTMLDivElement>) => void) | undefined;
-    onCompositionEndCapture?: ((event: React.CompositionEvent<HTMLDivElement>) => void) | undefined;
-    onCompositionStart?: ((event: React.CompositionEvent<HTMLDivElement>) => void) | undefined;
-    onCompositionStartCapture?: ((event: React.CompositionEvent<HTMLDivElement>) => void) | undefined;
-    onCompositionUpdate?: ((event: React.CompositionEvent<HTMLDivElement>) => void) | undefined;
-    onCompositionUpdateCapture?: ((event: React.CompositionEvent<HTMLDivElement>) => void) | undefined;
-    onFocus?: ((event: React.FocusEvent<HTMLDivElement>) => void) | undefined;
-    onFocusCapture?: ((event: React.FocusEvent<HTMLDivElement>) => void) | undefined;
-    onBlur?: ((event: React.FocusEvent<HTMLDivElement>) => void) | undefined;
-    onBlurCapture?: ((event: React.FocusEvent<HTMLDivElement>) => void) | undefined;
-    onChange?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onChangeCapture?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onBeforeInput?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onBeforeInputCapture?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onInput?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onInputCapture?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onReset?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onResetCapture?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onSubmit?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onSubmitCapture?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onInvalid?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onInvalidCapture?: ((event: React.FormEvent<HTMLDivElement>) => void) | undefined;
-    onLoad?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onLoadCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onError?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onErrorCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onKeyDown?: ((event: React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
-    onKeyDownCapture?: ((event: React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
-    onKeyPress?: ((event: React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
-    onKeyPressCapture?: ((event: React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
-    onKeyUp?: ((event: React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
-    onKeyUpCapture?: ((event: React.KeyboardEvent<HTMLDivElement>) => void) | undefined;
-    onAbort?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onAbortCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onCanPlay?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onCanPlayCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onCanPlayThrough?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onCanPlayThroughCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onDurationChange?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onDurationChangeCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onEmptied?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onEmptiedCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onEncrypted?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onEncryptedCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onEnded?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onEndedCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onLoadedData?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onLoadedDataCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onLoadedMetadata?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onLoadedMetadataCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onLoadStart?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onLoadStartCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onPause?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onPauseCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onPlay?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onPlayCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onPlaying?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onPlayingCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onProgress?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onProgressCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onRateChange?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onRateChangeCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onSeeked?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onSeekedCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onSeeking?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onSeekingCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onStalled?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onStalledCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onSuspend?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onSuspendCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onTimeUpdate?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onTimeUpdateCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onVolumeChange?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onVolumeChangeCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onWaiting?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onWaitingCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onAuxClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onAuxClickCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onClickCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onContextMenu?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onContextMenuCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onDoubleClick?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onDoubleClickCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onDragCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragEndCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragEnter?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragEnterCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragExit?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragExitCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragLeave?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragLeaveCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragOver?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragOverCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDragStartCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDrop?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onDropCapture?: ((event: React.DragEvent<HTMLDivElement>) => void) | undefined;
-    onMouseDown?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseDownCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseEnter?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseLeave?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseMove?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseMoveCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseOut?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseOutCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseOver?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseOverCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseUp?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onMouseUpCapture?: ((event: React.MouseEvent<HTMLDivElement, MouseEvent>) => void) | undefined;
-    onSelect?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onSelectCapture?: ((event: React.SyntheticEvent<HTMLDivElement, Event>) => void) | undefined;
-    onTouchCancel?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onTouchCancelCapture?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onTouchEnd?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onTouchEndCapture?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onTouchMove?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onTouchMoveCapture?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onTouchStart?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onTouchStartCapture?: ((event: React.TouchEvent<HTMLDivElement>) => void) | undefined;
-    onPointerDown?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerDownCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerMove?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerMoveCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerUp?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerUpCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerCancel?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerCancelCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerEnter?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerEnterCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerLeave?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerLeaveCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerOver?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerOverCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerOut?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onPointerOutCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onGotPointerCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onGotPointerCaptureCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onLostPointerCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onLostPointerCaptureCapture?: ((event: React.PointerEvent<HTMLDivElement>) => void) | undefined;
-    onScroll?: ((event: React.UIEvent<HTMLDivElement>) => void) | undefined;
-    onScrollCapture?: ((event: React.UIEvent<HTMLDivElement>) => void) | undefined;
-    onWheel?: ((event: React.WheelEvent<HTMLDivElement>) => void) | undefined;
-    onWheelCapture?: ((event: React.WheelEvent<HTMLDivElement>) => void) | undefined;
-    onAnimationStartCapture?: ((event: React.AnimationEvent<HTMLDivElement>) => void) | undefined;
-    onAnimationEnd?: ((event: React.AnimationEvent<HTMLDivElement>) => void) | undefined;
-    onAnimationEndCapture?: ((event: React.AnimationEvent<HTMLDivElement>) => void) | undefined;
-    onAnimationIteration?: ((event: React.AnimationEvent<HTMLDivElement>) => void) | undefined;
-    onAnimationIterationCapture?: ((event: React.AnimationEvent<HTMLDivElement>) => void) | undefined;
-    onTransitionEnd?: ((event: React.TransitionEvent<HTMLDivElement>) => void) | undefined;
-    onTransitionEndCapture?: ((event: React.TransitionEvent<HTMLDivElement>) => void) | undefined;
+    onCopy?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCopyCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCut?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCutCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPaste?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onPasteCapture?: React.ClipboardEventHandler<HTMLDivElement> | undefined;
+    onCompositionEnd?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionEndCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStart?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionStartCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdate?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onCompositionUpdateCapture?: React.CompositionEventHandler<HTMLDivElement> | undefined;
+    onFocus?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onFocusCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlur?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onBlurCapture?: React.FocusEventHandler<HTMLDivElement> | undefined;
+    onChange?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onChangeCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onBeforeInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInput?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInputCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onReset?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onResetCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmit?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onSubmitCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalid?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onInvalidCapture?: React.FormEventHandler<HTMLDivElement> | undefined;
+    onLoad?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onError?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onErrorCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onKeyDown?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyDownCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyPressCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUp?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onKeyUpCapture?: React.KeyboardEventHandler<HTMLDivElement> | undefined;
+    onAbort?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAbortCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThrough?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onCanPlayThroughCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onDurationChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptied?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEmptiedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncrypted?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEncryptedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEnded?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onEndedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedData?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedDataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadata?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadedMetadataCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStart?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onLoadStartCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPause?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPauseCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlay?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlaying?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onPlayingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgress?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onProgressCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onRateChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeked?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekedCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeeking?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSeekingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalled?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onStalledCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspend?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSuspendCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdate?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTimeUpdateCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChange?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onVolumeChangeCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaiting?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onWaitingCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onAuxClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onAuxClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenu?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onContextMenuCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClick?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDoubleClickCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onDragCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEndCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnter?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragEnterCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExit?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragExitCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeave?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragLeaveCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOver?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragOverCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDragStartCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDrop?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onDropCapture?: React.DragEventHandler<HTMLDivElement> | undefined;
+    onMouseDownCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseEnter?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseLeave?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMove?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseMoveCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOut?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOutCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOver?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseOverCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUp?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onMouseUpCapture?: React.MouseEventHandler<HTMLDivElement> | undefined;
+    onSelect?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onSelectCapture?: React.ReactEventHandler<HTMLDivElement> | undefined;
+    onTouchCancel?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchCancelCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEnd?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchEndCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMove?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchMoveCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStart?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onTouchStartCapture?: React.TouchEventHandler<HTMLDivElement> | undefined;
+    onPointerDown?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerDownCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMove?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerMoveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUp?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerUpCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancel?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerCancelCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnter?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerEnterCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeave?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerLeaveCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOver?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOverCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOut?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onPointerOutCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onGotPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onLostPointerCaptureCapture?: React.PointerEventHandler<HTMLDivElement> | undefined;
+    onScroll?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onScrollCapture?: React.UIEventHandler<HTMLDivElement> | undefined;
+    onWheel?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onWheelCapture?: React.WheelEventHandler<HTMLDivElement> | undefined;
+    onAnimationStartCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEnd?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationEndCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIteration?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onAnimationIterationCapture?: React.AnimationEventHandler<HTMLDivElement> | undefined;
+    onTransitionEnd?: React.TransitionEventHandler<HTMLDivElement> | undefined;
+    onTransitionEndCapture?: React.TransitionEventHandler<HTMLDivElement> | undefined;
     css?: import("@emotion/core").InterpolationWithTheme<any>;
-} & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement>>, {
+} & import("framer-motion").MotionProps & React.RefAttributes<HTMLDivElement> & {
+    children?: React.ReactNode;
+} & {
+    theme?: import("@emotion/react").Theme | undefined;
+} & {
     open: boolean;
     scrollable?: boolean | undefined;
     sub?: boolean | undefined;
-}, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
-export declare const ContentPadder: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, any, {
-    readonly space: string[];
-    readonly palette: {
-        success: string[];
-        warning: string[];
-        error: string[];
-        primary: string[];
-        secondary: string[];
-        neutral: string[];
-    };
-    readonly fontFamily: {
-        body: string;
-        monospace: string;
-    };
-    readonly fontSize: string[];
-    readonly lineHeight: number[];
-    readonly radius: string[];
-    readonly borderWidth: string[];
-    readonly grid: number[];
-    readonly shadows: {
-        small: string;
-        big: string;
-        pill: string;
-        bigCentered: string;
-        popover: string;
-        secondaryNavActiveItem: string;
-    };
-    readonly sizes: {
-        PageHeaderIcon: number;
-    };
-    readonly zIndex: {
-        Base: number;
-        Overlay: number;
-        FormControl: number;
-        SecondaryNav: number;
-        SecondaryNavActiveItem: number;
-        PrimaryNav: number;
-        PopOver: number;
-        PageHeaderSearch: number;
-        Modal: number;
-        Tether: number;
-        GlobalNav: number;
-        Toast: number;
-    };
-    readonly color: {
-        Dune: string;
-        CuriousBlue: string;
-        FlushMahogany: string;
-        Maroon: string;
-        PinkSwan: string;
-        Matisse: string;
-        HummingBird: string;
-        Primary: string;
-        PrimaryContrast: string;
-        PrimaryFade: string;
-        PrimaryLight: string;
-        PrimaryLightFade: string;
-        PrimaryLightHighlight: string;
-        PrimaryAccent: string;
-        DarkBackground: string;
-        DarkBar: string;
-        DarkHover: string;
-        DarkPrimary: string;
-        DarkSecondary: string;
-        LightBackground: string;
-        LightBar: string;
-        LightDisabled: string;
-        LightDivider: string;
-        LightDividerNew: string;
-        LightHint: string;
-        LightHover: string;
-        LightPrimary: string;
-        LightSecondary: string;
-        BorderGrey: string;
-        Blue: string;
-        BlueFade: string;
-        Green: string;
-        GreenFade: string;
-        GreenBackground: string;
-        Red: string;
-        RedFade: string;
-        Yellow: string;
-        YellowFade: string;
-        YellowHighlight: string;
-        Orange: string;
-        OrangeFill: string;
-        OrangeBackground: string;
-        Error: string;
-        ErrorFade: string;
-        ErrorBackground: string;
-        DraggableDraggingBackground: string;
-        Aquamarine: string;
-        Azure: string;
-        AzureNew: string;
-        AzureFade: string;
-        AzureHighlight: string;
-        Silver: string;
-        BlueNavy: string;
-        Black: string;
-        TurquoiseBlue: string;
-        SummerSky: string;
-        Mondo: string;
-        HeavyMetal: string;
-        BokaraGrey: string;
-        Cyan: string;
-        Eucalyptus: string;
-        Flamingo: string;
-        Zorba: string;
-        Flint: string;
-        Maya: string;
-        Bondi: string;
-        Emerald: string;
-        Carissma: string;
-        Solitude: string;
-        WhiteSmoke: string;
-        Violet: string;
-        FireBrick: string;
-        Purple: string;
-        Buckthorn: string;
-    };
-    readonly gradient: {
-        main: string;
-        neutral: string;
-    };
-}>;
+}, {}, {}>;
+export declare const ContentPadder: import("@emotion/styled").StyledComponent<any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 //# sourceMappingURL=elements.d.ts.map