@workday/canvas-kit-labs-react/dist/commonjs/side-panel/lib/SidePanelToggleButton.d.ts

Canvas Kit Labs is an incubator for new and experimental components. Since we have a rather rigorous process for getting components in at a production level, it can be valuable to make them available earlier while we continuously iterate on the API/functi

import * as React from 'react';
import { ExtractProps } from '@workday/canvas-kit-react/common';
import { TertiaryButton } from '@workday/canvas-kit-react/button';
import { TooltipProps } from '@workday/canvas-kit-react/tooltip';
export interface SidePanelToggleButtonProps extends ExtractProps<typeof TertiaryButton> {
    /**
     * The tooltip text to expand the side panel
     */
    tooltipTextExpand?: string;
    /**
     * The tooltip text to collapse the side panel
     */
    tooltipTextCollapse?: string;
    tooltipProps?: Omit<TooltipProps, 'children'>;
}
export declare const sidePanelToggleButtonStencil: import("@workday/canvas-kit-styling").Stencil<{
    state: {
        collapsing: {
            margin: number;
            transform: string;
            ':dir(rtl)': {
                transform: string;
            };
        };
        collapsed: {
            margin: string;
            insetInlineStart: number;
            insetInlineEnd: number;
            transform: string;
            ':dir(rtl)': {
                transform: string;
            };
        };
        expanded: {
            margin: number;
            transform: string;
            ':dir(rtl)': {
                transform: string;
            };
        };
        expanding: {
            margin: number;
            transform: string;
            ':dir(rtl)': {
                transform: string;
            };
        };
    };
    origin: {
        start: {};
        end: {
            transform: string;
            ':dir(rtl)': {
                transform: string;
            };
        };
    };
}, {}, {}, never, never>;
export declare const useSidePanelToggleButtonElemProps: import("@workday/canvas-kit-react/common").BehaviorHook<{
    state: {
        panelId: string;
        labelId: string;
        transitionState: import("./useSidePanelModel").SidePanelTransitionStates;
        initialTransitionState: import("./useSidePanelModel").SidePanelTransitionStates;
        origin: "end" | "start";
        onStateTransition(state: import("./useSidePanelModel").SidePanelTransitionStates): void;
    };
    events: {
        expand(): void;
        collapse(): void;
        handleAnimationEnd(event: React.TransitionEvent<HTMLDivElement>): React.TransitionEvent<HTMLDivElement>;
        handleAnimationStart(): undefined;
    };
}, {
    readonly 'aria-controls': string;
    readonly 'aria-pressed': boolean;
    readonly 'aria-describedby': string;
}>;
export declare const SidePanelToggleButton: import("@workday/canvas-kit-react/common").ElementComponentM<"button", SidePanelToggleButtonProps, {
    state: {
        panelId: string;
        labelId: string;
        transitionState: import("./useSidePanelModel").SidePanelTransitionStates;
        initialTransitionState: import("./useSidePanelModel").SidePanelTransitionStates;
        origin: "end" | "start";
        onStateTransition(state: import("./useSidePanelModel").SidePanelTransitionStates): void;
    };
    events: {
        expand(): void;
        collapse(): void;
        handleAnimationEnd(event: React.TransitionEvent<HTMLDivElement>): React.TransitionEvent<HTMLDivElement>;
        handleAnimationStart(): undefined;
    };
}>;
//# sourceMappingURL=SidePanelToggleButton.d.ts.map