@apptane/react-ui-side-panel/dist/types/SidePanel.d.ts

Side panel component in Apptane React UI framework

import { SidePanelProps } from "./SidePanel.types.js";
export declare const StyleCloseButton: (top: number, right: number) => import("@emotion/react").SerializedStyles;
/**
 * `SidePanel` component — slide-out animated side panel.
 */
declare function SidePanel({ children, colorMode, appearance, size, side, closeButtonVisible, visible, backdrop, shouldCaptureFocus, shouldCloseOnEsc, shouldCloseOnBackdropClick, onCloseOnEsc, onClosing, transitionDuration, enableBodyScroll, margin, marginTop, marginRight, marginBottom, marginLeft, m, mt, mr, mb, ml, ...other }: SidePanelProps): import("@emotion/react/types/jsx-namespace").EmotionJSX.Element;
declare namespace SidePanel {
    var displayName: string;
    var propTypes: {
        size: import("prop-types").Requireable<string | number>;
        side: import("prop-types").Validator<import("./SidePanel.types.js").SidePanelEdge>;
        closeButtonVisible: import("prop-types").Requireable<boolean>;
        colorMode: import("prop-types").Requireable<import("@apptane/react-ui-core").ColorMode>;
        appearance: import("prop-types").Requireable<any>;
        children: import("prop-types").Requireable<any>;
        background: import("prop-types").Requireable<string>;
        striped: import("prop-types").Requireable<boolean>;
        elevation: import("prop-types").Requireable<import("@apptane/react-ui-core").Elevation>;
        inline: import("prop-types").Requireable<boolean>;
        zIndex: import("prop-types").Requireable<number>;
        animated: import("prop-types").Requireable<boolean>;
        interactivity: import("prop-types").Requireable<string>;
        focusable: import("prop-types").Requireable<boolean>;
        transitionDuration: import("prop-types").Requireable<number>;
        scrollOnOverflow: import("prop-types").Requireable<boolean>;
        overflow: import("prop-types").Requireable<string>;
        accessibilityRole: import("prop-types").Requireable<string>;
        style: import("prop-types").Requireable<object>;
        horizontalAlignment: import("prop-types").Requireable<import("@apptane/react-ui-core").ContentHorizontalAlignment>;
        verticalAlignment: import("prop-types").Requireable<import("@apptane/react-ui-core").ContentVerticalAlignment>;
        orientation: import("prop-types").Requireable<import("@apptane/react-ui-core").ContentOrientation>;
        wrap: import("prop-types").Requireable<boolean>;
        height: import("prop-types").Requireable<string | number>;
        width: import("prop-types").Requireable<string | number>;
        minHeight: import("prop-types").Requireable<string | number>;
        maxHeight: import("prop-types").Requireable<string | number>;
        minWidth: import("prop-types").Requireable<string | number>;
        maxWidth: import("prop-types").Requireable<string | number>;
        h: import("prop-types").Requireable<string | number>;
        w: import("prop-types").Requireable<string | number>;
        minH: import("prop-types").Requireable<string | number>;
        maxH: import("prop-types").Requireable<string | number>;
        minW: import("prop-types").Requireable<string | number>;
        maxW: import("prop-types").Requireable<string | number>;
        basis: import("prop-types").Requireable<string | number>;
        grow: import("prop-types").Requireable<number | boolean>;
        shrink: import("prop-types").Requireable<number | boolean>;
        border: import("prop-types").Requireable<string | boolean>;
        borderStyle: import("prop-types").Requireable<string>;
        borderWidth: import("prop-types").Requireable<number>;
        borderTop: import("prop-types").Requireable<string | boolean>;
        borderTopWidth: import("prop-types").Requireable<number>;
        borderRight: import("prop-types").Requireable<string | boolean>;
        borderRightWidth: import("prop-types").Requireable<number>;
        borderBottom: import("prop-types").Requireable<string | boolean>;
        borderBottomWidth: import("prop-types").Requireable<number>;
        borderLeft: import("prop-types").Requireable<string | boolean>;
        borderLeftWidth: import("prop-types").Requireable<number>;
        cornerRadius: import("prop-types").Requireable<number>;
        cornerTopLeftRadius: import("prop-types").Requireable<number>;
        cornerTopRightRadius: import("prop-types").Requireable<number>;
        cornerBottomLeftRadius: import("prop-types").Requireable<number>;
        cornerBottomRightRadius: import("prop-types").Requireable<number>;
        padding: import("prop-types").Requireable<string | number>;
        paddingTop: import("prop-types").Requireable<string | number>;
        paddingRight: import("prop-types").Requireable<string | number>;
        paddingBottom: import("prop-types").Requireable<string | number>;
        paddingLeft: import("prop-types").Requireable<string | number>;
        p: import("prop-types").Requireable<string | number>;
        pt: import("prop-types").Requireable<string | number>;
        pr: import("prop-types").Requireable<string | number>;
        pb: import("prop-types").Requireable<string | number>;
        pl: import("prop-types").Requireable<string | number>;
        margin: import("prop-types").Requireable<string | number>;
        marginTop: import("prop-types").Requireable<string | number>;
        marginRight: import("prop-types").Requireable<string | number>;
        marginBottom: import("prop-types").Requireable<string | number>;
        marginLeft: import("prop-types").Requireable<string | number>;
        m: import("prop-types").Requireable<string | number>;
        mt: import("prop-types").Requireable<string | number>;
        mr: import("prop-types").Requireable<string | number>;
        mb: import("prop-types").Requireable<string | number>;
        ml: import("prop-types").Requireable<string | number>;
        visible: import("prop-types").Requireable<boolean>;
        backdrop: import("prop-types").Requireable<boolean>;
        shouldCaptureFocus: import("prop-types").Requireable<boolean>;
        shouldCloseOnEsc: import("prop-types").Requireable<boolean>;
        shouldCloseOnBackdropClick: import("prop-types").Requireable<boolean>;
        onCloseOnEsc: import("prop-types").Requireable<(...args: any[]) => any>;
        onClosing: import("prop-types").Requireable<(...args: any[]) => any>;
        enableBodyScroll: import("prop-types").Requireable<boolean>;
    };
}
export default SidePanel;