@workday/canvas-kit-react/dist/commonjs/button/lib/ToolbarDropdownButton.d.ts

The parent module that contains all Workday Canvas Kit React components

import { ToolbarIconButtonProps } from './ToolbarIconButton';
export interface ToolbarDropdownButtonProps extends Omit<ToolbarIconButtonProps, 'toggled' | 'onToggleChange'> {
}
export declare const toolbarDropdownButtonStencil: import("@workday/canvas-kit-styling").Stencil<{
    shouldMirrorIcon: {
        true: ({ customIconPart }: {
            background: `--${string}`;
            border: `--${string}`;
            boxShadowInner: `--${string}`;
            boxShadowOuter: `--${string}`;
            label: `--${string}`;
            opacity: `--${string}`;
            borderRadius: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly chevron: "toolbar-dropdown-btn-arrow";
            readonly customIcon: "toolbar-dropdown-btn-custom-icon";
        }>) => {
            "[data-part=\"toolbar-dropdown-btn-custom-icon\"]": {
                marginInlineEnd: number;
                marginInlineStart: string;
            };
        };
    };
    shouldMirrorIconInRTL: {
        true: ({ customIconPart }: {
            background: `--${string}`;
            border: `--${string}`;
            boxShadowInner: `--${string}`;
            boxShadowOuter: `--${string}`;
            label: `--${string}`;
            opacity: `--${string}`;
            borderRadius: `--${string}`;
        } & import("@workday/canvas-kit-styling").StencilVarsParts<{
            readonly chevron: "toolbar-dropdown-btn-arrow";
            readonly customIcon: "toolbar-dropdown-btn-custom-icon";
        }>) => {
            [x: string]: {
                marginInlineEnd: number;
                marginInlineStart: string;
            };
        };
    };
}, {
    readonly chevron: "toolbar-dropdown-btn-arrow";
    readonly customIcon: "toolbar-dropdown-btn-custom-icon";
}, {}, import("@workday/canvas-kit-styling").Stencil<{
    size: {
        large: {
            fontSize: "var(--cnvs-sys-font-size-body-sm, var(--cnvs-sys-font-size-body-small, 1rem))";
            lineHeight: "var(--cnvs-sys-line-height-body-sm, var(--cnvs-sys-line-height-body-small, 1.5rem))";
            letterSpacing: "var(--cnvs-sys-letter-spacing-body-sm, var(--cnvs-sys-type-letter-spacing-body-small))";
            height: "var(--cnvs-sys-size-lg, 3rem)";
            paddingInline: "var(--cnvs-sys-padding-lg, var(--cnvs-sys-space-x5, 1.25rem))";
            minWidth: "var(--cnvs-base-size-1300, 6.5rem)";
        };
        medium: {
            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
            paddingInline: "var(--cnvs-sys-padding-md, var(--cnvs-sys-space-x4, 1rem))";
            height: "var(--cnvs-sys-size-md, var(--cnvs-sys-space-x10, 2.5rem))";
            gap: "var(--cnvs-base-size-75, 0.375rem)";
            minWidth: "var(--cnvs-base-size-1100, 5.5rem)";
        };
        small: {
            fontSize: "var(--cnvs-sys-font-size-subtext-lg, var(--cnvs-sys-font-size-subtext-large, 0.875rem))";
            lineHeight: "var(--cnvs-sys-line-height-subtext-lg, var(--cnvs-sys-line-height-subtext-large, 1.25rem))";
            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-lg, var(--cnvs-sys-type-letter-spacing-subtext-large))";
            height: "var(--cnvs-sys-size-sm, var(--cnvs-sys-space-x8, 2rem))";
            paddingInline: "var(--cnvs-sys-padding-sm, var(--cnvs-sys-space-x3, 0.75rem))";
            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
            minWidth: "var(--cnvs-base-size-900, 4.5rem)";
        };
        extraSmall: {
            fontSize: "var(--cnvs-sys-font-size-subtext-md, var(--cnvs-sys-font-size-subtext-medium, 0.75rem))";
            lineHeight: "var(--cnvs-sys-line-height-subtext-md, var(--cnvs-sys-line-height-subtext-medium, 1rem))";
            letterSpacing: "var(--cnvs-sys-letter-spacing-subtext-md, var(--cnvs-sys-type-letter-spacing-subtext-medium))";
            height: "var(--cnvs-sys-size-xs, var(--cnvs-sys-space-x6, 1.5rem))";
            paddingInline: "var(--cnvs-sys-padding-xs, var(--cnvs-sys-space-x2, 0.5rem))";
            gap: "var(--cnvs-sys-gap-xs, var(--cnvs-sys-space-x1, 0.25rem))";
            minWidth: string;
        };
    };
    grow: {
        true: {
            width: string;
            maxWidth: string;
        };
    };
    iconPosition: {
        only: {
            padding: number;
        };
        start: {};
        end: {};
    };
}, {}, {
    background: string;
    border: string;
    boxShadowInner: string;
    boxShadowOuter: string;
    label: string;
    opacity: string;
    borderRadius: string;
}, never, never>, never>;
export declare const ToolbarDropdownButton: import("@workday/canvas-kit-react/common").ElementComponent<"button", ToolbarDropdownButtonProps>;
//# sourceMappingURL=ToolbarDropdownButton.d.ts.map