@vimeo/iris/components/Modal/Modal.style.d.ts

Vimeo Design System

/// <reference types="react" />
export declare const Modal: import("styled-components").StyledComponent<"div", any, Omit<{
    alt?: string;
    as?: never;
    children?: import("react").ReactNode;
    className?: string;
    data?: string;
    debug?: boolean;
    disabled?: boolean;
    forwardRef?: import("react").Ref<HTMLDivElement>;
    hidden?: boolean;
    id?: string;
    lang?: string;
    name?: string;
    style?: import("react").CSSProperties;
    tabIndex?: number;
    theme?: import("../../themes").IrisTheme;
    title?: string;
} & {
    onBlur?: import("react").FocusEventHandler<HTMLDivElement>;
    onClick?: import("react").MouseEventHandler<HTMLDivElement>;
    onFocus?: import("react").FocusEventHandler<HTMLDivElement>;
    onMouseEnter?: import("react").MouseEventHandler<HTMLDivElement>;
    onMouseLeave?: import("react").MouseEventHandler<HTMLDivElement>;
} & {
    'aria-activedescendant'?: string;
    'aria-atomic'?: boolean | "true" | "false";
    'aria-autocomplete'?: "none" | "list" | "inline" | "both";
    'aria-busy'?: boolean | "true" | "false";
    'aria-checked'?: boolean | "true" | "false" | "mixed";
    'aria-colcount'?: number;
    'aria-colindex'?: number;
    'aria-colspan'?: number;
    'aria-controls'?: string;
    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location";
    'aria-describedby'?: string;
    'aria-details'?: string;
    'aria-disabled'?: boolean | "true" | "false";
    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
    'aria-errormessage'?: string;
    'aria-expanded'?: boolean | "true" | "false";
    'aria-flowto'?: string;
    'aria-grabbed'?: boolean | "true" | "false";
    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
    'aria-hidden'?: boolean | "true" | "false";
    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
    'aria-keyshortcuts'?: string;
    'aria-label'?: string;
    'aria-labelledby'?: string;
    'aria-level'?: number;
    'aria-live'?: "off" | "assertive" | "polite";
    'aria-modal'?: boolean | "true" | "false";
    'aria-multiline'?: boolean | "true" | "false";
    'aria-multiselectable'?: boolean | "true" | "false";
    'aria-orientation'?: "horizontal" | "vertical";
    'aria-owns'?: string;
    'aria-placeholder'?: string;
    'aria-posinset'?: number;
    'aria-pressed'?: boolean | "true" | "false" | "mixed";
    'aria-readonly'?: boolean | "true" | "false";
    'aria-relevant'?: "text" | "additions" | "additions text" | "all" | "removals";
    'aria-required'?: boolean | "true" | "false";
    'aria-roledescription'?: string;
    'aria-rowcount'?: number;
    'aria-rowindex'?: number;
    'aria-rowspan'?: number;
    'aria-selected'?: boolean | "true" | "false";
    'aria-setsize'?: number;
    'aria-sort'?: "none" | "ascending" | "descending" | "other";
    'aria-valuemax'?: number;
    'aria-valuemin'?: number;
    'aria-valuenow'?: number;
    'aria-valuetext'?: string;
    role?: "article" | "button" | "dialog" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "list" | "search" | "checkbox" | "radio" | "alert" | "alertdialog" | "application" | "banner" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "grid" | "gridcell" | "group" | "heading" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "progressbar" | "radiogroup" | "scrollbar" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "textbox" | "timer" | "tooltip" | "tree" | "treegrid" | "treeitem";
}, "content" | "children" | "onClose" | "size" | "as" | "onOpen" | "active" | "screen" | "dismissLabel" | "feature"> & {
    active?: boolean;
    children?: import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
    content?: import("react").ReactNode;
    dismissLabel?: string;
    feature?: boolean;
    onOpen?: VoidFunction;
    onClose?: VoidFunction;
    screen?: boolean;
    size?: "sm" | "md" | "lg";
} & {
    as?: never;
}, never>;
export declare const Dismiss: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<Omit<{
    alt?: string;
    as?: never;
    children?: import("react").ReactNode;
    className?: string;
    data?: string;
    debug?: boolean;
    disabled?: boolean;
    forwardRef?: import("react").Ref<import("../Button/Button.types").DOMElement>;
    hidden?: boolean;
    id?: string;
    lang?: string;
    name?: string;
    style?: import("react").CSSProperties;
    tabIndex?: number;
    theme?: import("../../themes").IrisTheme;
    title?: string;
} & {
    onBlur?: import("react").FocusEventHandler<import("../Button/Button.types").DOMElement>;
    onClick?: import("react").MouseEventHandler<import("../Button/Button.types").DOMElement>;
    onFocus?: import("react").FocusEventHandler<import("../Button/Button.types").DOMElement>;
    onMouseEnter?: import("react").MouseEventHandler<import("../Button/Button.types").DOMElement>;
    onMouseLeave?: import("react").MouseEventHandler<import("../Button/Button.types").DOMElement>;
} & {
    'aria-activedescendant'?: string;
    'aria-atomic'?: boolean | "true" | "false";
    'aria-autocomplete'?: "none" | "list" | "inline" | "both";
    'aria-busy'?: boolean | "true" | "false";
    'aria-checked'?: boolean | "true" | "false" | "mixed";
    'aria-colcount'?: number;
    'aria-colindex'?: number;
    'aria-colspan'?: number;
    'aria-controls'?: string;
    'aria-current'?: boolean | "time" | "step" | "date" | "true" | "false" | "page" | "location";
    'aria-describedby'?: string;
    'aria-details'?: string;
    'aria-disabled'?: boolean | "true" | "false";
    'aria-dropeffect'?: "link" | "none" | "copy" | "execute" | "move" | "popup";
    'aria-errormessage'?: string;
    'aria-expanded'?: boolean | "true" | "false";
    'aria-flowto'?: string;
    'aria-grabbed'?: boolean | "true" | "false";
    'aria-haspopup'?: boolean | "dialog" | "menu" | "grid" | "listbox" | "tree" | "true" | "false";
    'aria-hidden'?: boolean | "true" | "false";
    'aria-invalid'?: boolean | "true" | "false" | "grammar" | "spelling";
    'aria-keyshortcuts'?: string;
    'aria-label'?: string;
    'aria-labelledby'?: string;
    'aria-level'?: number;
    'aria-live'?: "off" | "assertive" | "polite";
    'aria-modal'?: boolean | "true" | "false";
    'aria-multiline'?: boolean | "true" | "false";
    'aria-multiselectable'?: boolean | "true" | "false";
    'aria-orientation'?: "horizontal" | "vertical";
    'aria-owns'?: string;
    'aria-placeholder'?: string;
    'aria-posinset'?: number;
    'aria-pressed'?: boolean | "true" | "false" | "mixed";
    'aria-readonly'?: boolean | "true" | "false";
    'aria-relevant'?: "text" | "additions" | "additions text" | "all" | "removals";
    'aria-required'?: boolean | "true" | "false";
    'aria-roledescription'?: string;
    'aria-rowcount'?: number;
    'aria-rowindex'?: number;
    'aria-rowspan'?: number;
    'aria-selected'?: boolean | "true" | "false";
    'aria-setsize'?: number;
    'aria-sort'?: "none" | "ascending" | "descending" | "other";
    'aria-valuemax'?: number;
    'aria-valuemin'?: number;
    'aria-valuenow'?: number;
    'aria-valuetext'?: string;
    role?: "article" | "button" | "dialog" | "form" | "img" | "link" | "main" | "menu" | "menuitem" | "option" | "list" | "search" | "checkbox" | "radio" | "alert" | "alertdialog" | "application" | "banner" | "columnheader" | "combobox" | "complementary" | "contentinfo" | "definition" | "directory" | "document" | "grid" | "gridcell" | "group" | "heading" | "listbox" | "listitem" | "log" | "marquee" | "math" | "menubar" | "menuitemcheckbox" | "menuitemradio" | "navigation" | "note" | "progressbar" | "radiogroup" | "scrollbar" | "slider" | "spinbutton" | "status" | "tab" | "tablist" | "tabpanel" | "textbox" | "timer" | "tooltip" | "tree" | "treegrid" | "treeitem";
}, "color" | "theme" | "type" | "target" | "format" | "href" | "overflow" | "loading" | "checked" | "size" | "as" | "status" | "variant" | "active" | "iconPosition" | "fluid" | "icon" | "pill" | "circular" | "floating" | "textShift" | "element"> & {
    circular?: boolean;
    color?: string | {
        color: string;
        hover?: string;
        active?: string;
        textColor?: string;
    };
    element?: "a" | "button" | "span";
    floating?: boolean;
    fluid?: boolean | {
        min?: number;
        max?: number;
    };
    format?: "basic" | "soft" | "alternative" | "secondary" | "primary" | "upsell" | "upsell-new";
    href?: string;
    icon?: import("react").ReactNode;
    iconPosition?: "action" | "left" | "right" | "featured";
    loading?: boolean;
    overflow?: boolean;
    pill?: boolean;
    size?: "xs" | "sm" | "md" | "lg" | "xl";
    status?: import("../../themes").Statuses;
    target?: "_self" | "_blank" | "_parent" | "_top";
    textShift?: boolean;
    theme?: any;
    type?: import("../Button/Button.types").ButtonTypes;
    variant?: "transparent" | "solid" | "outline" | "dashed" | "minimal" | "minimalTransparent" | "hyperminimal";
    checked?: boolean;
    active?: boolean;
} & {
    as?: never;
} & import("react").RefAttributes<import("../Button/Button.types").DOMElement>> & {
    $$iris: true | {
        version: string;
        component: string;
        dev: unknown;
    };
}, any, {}, never>;