@jeromefitz/design-system 3.2.0-canary.4 → 3.2.2-canary.1

package/components/Button/Button.d.ts

@@ -1,874 +0,0 @@
-import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
-import * as _stitches_react_types_config from '@stitches/react/types/config';
-import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
-
-declare const Button: _stitches_react_types_styled_component.StyledComponent<"button", _stitches_react_types_styled_component.StyledComponentProps<[{
-    all: string;
-    alignItems: string;
-    boxSizing: string;
-    userSelect: string;
-    '&::before': {
-        boxSizing: string;
-    };
-    '&::after': {
-        boxSizing: string;
-    };
-    display: string;
-    flexShrink: number;
-    justifyContent: string;
-    lineHeight: string;
-    WebkitTapHighlightColor: string;
-    height: string;
-    px: string;
-    fontFamily: string;
-    fontSize: string;
-    fontWeight: number;
-    fontVariantNumeric: string;
-    '&:disabled': {
-        backgroundColor: string;
-        boxShadow: string;
-        color: string;
-        pointerEvents: string;
-    };
-    variants: {
-        size: {
-            '1': {
-                borderRadius: string;
-                height: string;
-                px: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            '2': {
-                borderRadius: string;
-                height: string;
-                px: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-            '3': {
-                borderRadius: string;
-                height: string;
-                px: string;
-                fontSize: string;
-                lineHeight: string;
-            };
-        };
-        variant: {
-            gray: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            blue: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            green: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            red: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            transparentWhite: {
-                backgroundColor: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-            transparentBlack: {
-                backgroundColor: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-            violet: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-                '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-        };
-        state: {
-            active: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-            waiting: {
-                backgroundColor: string;
-                boxShadow: string;
-                color: string;
-                pointerEvents: string;
-                '@hover': {
-                    '&:hover': {
-                        backgroundColor: string;
-                        boxShadow: string;
-                    };
-                };
-                '&:active': {
-                    backgroundColor: string;
-                };
-                '&:focus': {
-                    boxShadow: string;
-                };
-            };
-        };
-        ghost: {
-            true: {
-                backgroundColor: string;
-                boxShadow: string;
-            };
-        };
-    };
-    compoundVariants: ({
-        variant: string;
-        ghost: string;
-        css: {
-            backgroundColor: string;
-            color: string;
-            '@hover': {
-                '&:hover': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            '&:active': {
-                backgroundColor: string;
-            };
-            '&:focus': {
-                boxShadow: string;
-            };
-            '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                backgroundColor: string;
-                boxShadow: string;
-            };
-        };
-    } | {
-        variant: string;
-        ghost: string;
-        css: {
-            backgroundColor: string;
-            '@hover': {
-                '&:hover': {
-                    backgroundColor: string;
-                    boxShadow: string;
-                };
-            };
-            '&:active': {
-                backgroundColor: string;
-            };
-            '&:focus': {
-                boxShadow: string;
-            };
-            '&[data-radix-popover-trigger][data-state="open"], &[data-radix-dropdown-menu-trigger][data-state="open"]': {
-                backgroundColor: string;
-                boxShadow: string;
-            };
-            color?: undefined;
-        };
-    })[];
-    defaultVariants: {
-        size: "1";
-        variant: "gray";
-    };
-}]>, {
-    bp1: "(min-width: 520px)";
-    bp2: "(min-width: 900px)";
-    bp3: "(min-width: 1200px)";
-    bp4: "(min-width: 1800px)";
-    motion: "(prefers-reduced-motion)";
-    hover: "(any-hover: hover)";
-    dark: "(prefers-color-scheme: dark)";
-    light: "(prefers-color-scheme: light)";
-}, _stitches_react_types_css_util.CSS<{
-    bp1: "(min-width: 520px)";
-    bp2: "(min-width: 900px)";
-    bp3: "(min-width: 1200px)";
-    bp4: "(min-width: 1800px)";
-    motion: "(prefers-reduced-motion)";
-    hover: "(any-hover: hover)";
-    dark: "(prefers-color-scheme: dark)";
-    light: "(prefers-color-scheme: light)";
-}, {
-    colors: {
-        hiContrast: string;
-        loContrast: string;
-        canvas: string;
-        gradient: string;
-        panel: string;
-        transparentPanel: string;
-        shadowLight: string;
-        shadowDark: string;
-        whiteA1: string;
-        whiteA2: string;
-        whiteA3: string;
-        whiteA4: string;
-        whiteA5: string;
-        whiteA6: string;
-        whiteA7: string;
-        whiteA8: string;
-        whiteA9: string;
-        whiteA10: string;
-        whiteA11: string;
-        whiteA12: string;
-        violetA1: string;
-        violetA2: string;
-        violetA3: string;
-        violetA4: string;
-        violetA5: string;
-        violetA6: string;
-        violetA7: string;
-        violetA8: string;
-        violetA9: string;
-        violetA10: string;
-        violetA11: string;
-        violetA12: string;
-        violet1: string;
-        violet2: string;
-        violet3: string;
-        violet4: string;
-        violet5: string;
-        violet6: string;
-        violet7: string;
-        violet8: string;
-        violet9: string;
-        violet10: string;
-        violet11: string;
-        violet12: string;
-        slateA1: string;
-        slateA2: string;
-        slateA3: string;
-        slateA4: string;
-        slateA5: string;
-        slateA6: string;
-        slateA7: string;
-        slateA8: string;
-        slateA9: string;
-        slateA10: string;
-        slateA11: string;
-        slateA12: string;
-        slate1: string;
-        slate2: string;
-        slate3: string;
-        slate4: string;
-        slate5: string;
-        slate6: string;
-        slate7: string;
-        slate8: string;
-        slate9: string;
-        slate10: string;
-        slate11: string;
-        slate12: string;
-        redA1: string;
-        redA2: string;
-        redA3: string;
-        redA4: string;
-        redA5: string;
-        redA6: string;
-        redA7: string;
-        redA8: string;
-        redA9: string;
-        redA10: string;
-        redA11: string;
-        redA12: string;
-        red1: string;
-        red2: string;
-        red3: string;
-        red4: string;
-        red5: string;
-        red6: string;
-        red7: string;
-        red8: string;
-        red9: string;
-        red10: string;
-        red11: string;
-        red12: string;
-        orangeA1: string;
-        orangeA2: string;
-        orangeA3: string;
-        orangeA4: string;
-        orangeA5: string;
-        orangeA6: string;
-        orangeA7: string;
-        orangeA8: string;
-        orangeA9: string;
-        orangeA10: string;
-        orangeA11: string;
-        orangeA12: string;
-        orange1: string;
-        orange2: string;
-        orange3: string;
-        orange4: string;
-        orange5: string;
-        orange6: string;
-        orange7: string;
-        orange8: string;
-        orange9: string;
-        orange10: string;
-        orange11: string;
-        orange12: string;
-        greenA1: string;
-        greenA2: string;
-        greenA3: string;
-        greenA4: string;
-        greenA5: string;
-        greenA6: string;
-        greenA7: string;
-        greenA8: string;
-        greenA9: string;
-        greenA10: string;
-        greenA11: string;
-        greenA12: string;
-        green1: string;
-        green2: string;
-        green3: string;
-        green4: string;
-        green5: string;
-        green6: string;
-        green7: string;
-        green8: string;
-        green9: string;
-        green10: string;
-        green11: string;
-        green12: string;
-        grayA1: string;
-        grayA2: string;
-        grayA3: string;
-        grayA4: string;
-        grayA5: string;
-        grayA6: string;
-        grayA7: string;
-        grayA8: string;
-        grayA9: string;
-        grayA10: string;
-        grayA11: string;
-        grayA12: string;
-        gray1: string;
-        gray2: string;
-        gray3: string;
-        gray4: string;
-        gray5: string;
-        gray6: string;
-        gray7: string;
-        gray8: string;
-        gray9: string;
-        gray10: string;
-        gray11: string;
-        gray12: string;
-        blueA1: string;
-        blueA2: string;
-        blueA3: string;
-        blueA4: string;
-        blueA5: string;
-        blueA6: string;
-        blueA7: string;
-        blueA8: string;
-        blueA9: string;
-        blueA10: string;
-        blueA11: string;
-        blueA12: string;
-        blue1: string;
-        blue2: string;
-        blue3: string;
-        blue4: string;
-        blue5: string;
-        blue6: string;
-        blue7: string;
-        blue8: string;
-        blue9: string;
-        blue10: string;
-        blue11: string;
-        blue12: string;
-        blackA1: string;
-        blackA2: string;
-        blackA3: string;
-        blackA4: string;
-        blackA5: string;
-        blackA6: string;
-        blackA7: string;
-        blackA8: string;
-        blackA9: string;
-        blackA10: string;
-        blackA11: string;
-        blackA12: string;
-    };
-    fonts: {
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    space: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    sizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    radii: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        round: string;
-        pill: string;
-    };
-    zIndices: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-}, _stitches_react_types_config.DefaultThemeMap, {
-    p: (value: string | number | {
-        readonly [$$ScaleValue]: "padding";
-    }) => {
-        padding: string | number | {
-            readonly [$$ScaleValue]: "padding";
-        };
-    };
-    pt: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    pr: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingRight";
-    }) => {
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingRight";
-        };
-    };
-    pb: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingBottom";
-    }) => {
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingBottom";
-        };
-    };
-    pl: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    px: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingLeft";
-    }) => {
-        paddingLeft: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-        paddingRight: string | number | {
-            readonly [$$ScaleValue]: "paddingLeft";
-        };
-    };
-    py: (value: string | number | {
-        readonly [$$ScaleValue]: "paddingTop";
-    }) => {
-        paddingTop: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-        paddingBottom: string | number | {
-            readonly [$$ScaleValue]: "paddingTop";
-        };
-    };
-    m: (value: string | number | {
-        readonly [$$ScaleValue]: "margin";
-    }) => {
-        margin: string | number | {
-            readonly [$$ScaleValue]: "margin";
-        };
-    };
-    mt: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    mr: (value: string | number | {
-        readonly [$$ScaleValue]: "marginRight";
-    }) => {
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginRight";
-        };
-    };
-    mb: (value: string | number | {
-        readonly [$$ScaleValue]: "marginBottom";
-    }) => {
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginBottom";
-        };
-    };
-    ml: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    mx: (value: string | number | {
-        readonly [$$ScaleValue]: "marginLeft";
-    }) => {
-        marginLeft: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-        marginRight: string | number | {
-            readonly [$$ScaleValue]: "marginLeft";
-        };
-    };
-    my: (value: string | number | {
-        readonly [$$ScaleValue]: "marginTop";
-    }) => {
-        marginTop: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-        marginBottom: string | number | {
-            readonly [$$ScaleValue]: "marginTop";
-        };
-    };
-    ta: (value: string | number | {
-        readonly [$$ScaleValue]: "textAlign";
-    }) => {
-        textAlign: string | number | {
-            readonly [$$ScaleValue]: "textAlign";
-        };
-    };
-    fd: (value: string | number | {
-        readonly [$$ScaleValue]: "flexDirection";
-    }) => {
-        flexDirection: string | number | {
-            readonly [$$ScaleValue]: "flexDirection";
-        };
-    };
-    fw: (value: string | number | {
-        readonly [$$ScaleValue]: "flexWrap";
-    }) => {
-        flexWrap: string | number | {
-            readonly [$$ScaleValue]: "flexWrap";
-        };
-    };
-    ai: (value: string | number | {
-        readonly [$$ScaleValue]: "alignItems";
-    }) => {
-        alignItems: string | number | {
-            readonly [$$ScaleValue]: "alignItems";
-        };
-    };
-    ac: (value: string | number | {
-        readonly [$$ScaleValue]: "alignContent";
-    }) => {
-        alignContent: string | number | {
-            readonly [$$ScaleValue]: "alignContent";
-        };
-    };
-    jc: (value: string | number | {
-        readonly [$$ScaleValue]: "justifyContent";
-    }) => {
-        justifyContent: string | number | {
-            readonly [$$ScaleValue]: "justifyContent";
-        };
-    };
-    as: (value: string | number | {
-        readonly [$$ScaleValue]: "alignSelf";
-    }) => {
-        alignSelf: string | number | {
-            readonly [$$ScaleValue]: "alignSelf";
-        };
-    };
-    fg: (value: string | number | {
-        readonly [$$ScaleValue]: "flexGrow";
-    }) => {
-        flexGrow: string | number | {
-            readonly [$$ScaleValue]: "flexGrow";
-        };
-    };
-    fs: (value: string | number | {
-        readonly [$$ScaleValue]: "flexShrink";
-    }) => {
-        flexShrink: string | number | {
-            readonly [$$ScaleValue]: "flexShrink";
-        };
-    };
-    fb: (value: string | number | {
-        readonly [$$ScaleValue]: "flexBasis";
-    }) => {
-        flexBasis: string | number | {
-            readonly [$$ScaleValue]: "flexBasis";
-        };
-    };
-    bc: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundColor";
-    }) => {
-        backgroundColor: string | number | {
-            readonly [$$ScaleValue]: "backgroundColor";
-        };
-    };
-    br: (value: string | number | {
-        readonly [$$ScaleValue]: "borderRadius";
-    }) => {
-        borderRadius: string | number | {
-            readonly [$$ScaleValue]: "borderRadius";
-        };
-    };
-    btrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopRightRadius";
-    }) => {
-        borderTopRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopRightRadius";
-        };
-    };
-    bbrr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomRightRadius";
-    }) => {
-        borderBottomRightRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomRightRadius";
-        };
-    };
-    bblr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderBottomLeftRadius";
-    }) => {
-        borderBottomLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderBottomLeftRadius";
-        };
-    };
-    btlr: (value: string | number | {
-        readonly [$$ScaleValue]: "borderTopLeftRadius";
-    }) => {
-        borderTopLeftRadius: string | number | {
-            readonly [$$ScaleValue]: "borderTopLeftRadius";
-        };
-    };
-    bs: (value: string | number | {
-        readonly [$$ScaleValue]: "boxShadow";
-    }) => {
-        boxShadow: string | number | {
-            readonly [$$ScaleValue]: "boxShadow";
-        };
-    };
-    lh: (value: string | number | {
-        readonly [$$ScaleValue]: "lineHeight";
-    }) => {
-        lineHeight: string | number | {
-            readonly [$$ScaleValue]: "lineHeight";
-        };
-    };
-    ox: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowX";
-    }) => {
-        overflowX: string | number | {
-            readonly [$$ScaleValue]: "overflowX";
-        };
-    };
-    oy: (value: string | number | {
-        readonly [$$ScaleValue]: "overflowY";
-    }) => {
-        overflowY: string | number | {
-            readonly [$$ScaleValue]: "overflowY";
-        };
-    };
-    pe: (value: string | number | {
-        readonly [$$ScaleValue]: "pointerEvents";
-    }) => {
-        pointerEvents: string | number | {
-            readonly [$$ScaleValue]: "pointerEvents";
-        };
-    };
-    us: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    userSelect: (value: string | number | {
-        readonly [$$ScaleValue]: "userSelect";
-    }) => {
-        WebkitUserSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-        userSelect: string | number | {
-            readonly [$$ScaleValue]: "userSelect";
-        };
-    };
-    size: (value: string | number | {
-        readonly [$$ScaleValue]: "width";
-    }) => {
-        width: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-        height: string | number | {
-            readonly [$$ScaleValue]: "width";
-        };
-    };
-    appearance: (value: string | number | {
-        readonly [$$ScaleValue]: "appearance";
-    }) => {
-        WebkitAppearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-        appearance: string | number | {
-            readonly [$$ScaleValue]: "appearance";
-        };
-    };
-    backgroundClip: (value: string | number | {
-        readonly [$$ScaleValue]: "backgroundClip";
-    }) => {
-        WebkitBackgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-        backgroundClip: string | number | {
-            readonly [$$ScaleValue]: "backgroundClip";
-        };
-    };
-}>>;
-
-export { Button };