td-stylekit 24.8.0 → 25.2.0

package/dist/es/DropdownButton/DropdownButtonElements.d.ts

@@ -1,776 +1,32 @@
-/// <reference types="types/@emotion/styled" />
-import React, { Component } from 'react';
-import type { UnstyledButtonProps } from '../Button';
+import React from 'react';
 import type { Theme } from '../ThemeProvider';
-export declare const SecondaryAction: import("@emotion/styled-base").StyledComponent<Partial<UnstyledButtonProps> & React.RefAttributes<import("../Button").UnstyledButton>, 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 SecondaryAction: import("@emotion/styled").StyledComponent<any, {}, {}>;
 export declare const getPopoverItemClassName: ({ theme, roundedCorner, forceOpenUp, disabled }: {
     theme: Theme;
     roundedCorner: boolean;
     forceOpenUp: boolean;
     disabled: boolean;
 }) => any;
-declare type ContainerProps = Omit<UnstyledButtonProps, 'component'> & {
-    loading?: boolean;
-    open: boolean;
-    primary: boolean;
-    forceOpenUp?: boolean;
-    theme: Theme;
-};
-export declare const Container: import("@emotion/styled-base").StyledComponent<ContainerProps, 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 ActionTrigger: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+export declare const Container: import("@emotion/styled").StyledComponent<any, {}, {}>;
+export declare const ActionTrigger: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
     darkFocus: 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 DropdownTriggerContainer: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DropdownTriggerContainer: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
     darkFocus: 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 DropdownTrigger: import("@emotion/styled-base").StyledComponent<React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const DropdownTrigger: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: React.ElementType<any> | undefined;
+} & {
     showBorder: 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 Popover: 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;
-    };
-}>;
+}, React.DetailedHTMLProps<React.HTMLAttributes<HTMLSpanElement>, HTMLSpanElement>, {}>;
+export declare const Popover: import("@emotion/styled").StyledComponent<any, React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
 declare type DropdownButtonPopoverProps = {
     actions: React.ReactNode[];
     buttonWidth?: number;
@@ -780,18 +36,8 @@ declare type DropdownButtonPopoverProps = {
     forceOpenUp?: boolean;
     theme: Theme;
 };
-declare type DropdownButtonPopoverState = {
-    popoverIsWiderThanButton: boolean;
-};
-declare class UnstyledDropdownButtonPopover extends Component<DropdownButtonPopoverProps, DropdownButtonPopoverState> {
-    state: {
-        popoverIsWiderThanButton: boolean;
-    };
-    popover: React.RefObject<HTMLDivElement>;
-    componentDidMount(): void;
-    loopFocus: (event: React.KeyboardEvent<any>) => void;
-    render(): JSX.Element;
-}
-export declare const DropdownButtonPopover: React.SFC<import("emotion-theming/types/helper").AddOptionalTo<DropdownButtonPopoverProps & React.RefAttributes<UnstyledDropdownButtonPopover>, "theme">>;
+export declare const DropdownButtonPopover: React.FC<Pick<DropdownButtonPopoverProps, "forceOpenUp" | "id" | "actions" | "buttonWidth" | "onClose" | "onFocusTrigger"> & {
+    theme?: import("@emotion/react").Theme | undefined;
+}>;
 export {};
 //# sourceMappingURL=DropdownButtonElements.d.ts.map