@jeromefitz/design-system 4.1.4 → 4.1.6

package/Icon.types-cf2e7181.d.ts

@@ -1,555 +0,0 @@
-import { SVGAttributes } from 'react';
-import { CSS } from './lib/stitches.config.js';
-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';
-import { VariantProps } from '@stitches/react';
-
-declare const StyledSVG: _stitches_react_types_styled_component.StyledComponent<"svg", _stitches_react_types_styled_component.StyledComponentProps<[{
-    variants: {
-        variant: {
-            default: {
-                stroke: string;
-                fill: string;
-            };
-            primary: {
-                stroke: string;
-                fill: string;
-            };
-            secondary: {
-                stroke: string;
-                fill: string;
-            };
-            tertiary: {
-                stroke: string;
-                fill: string;
-            };
-            info: {
-                stroke: string;
-                fill: string;
-            };
-            error: {
-                stroke: string;
-                fill: string;
-            };
-            success: {
-                stroke: string;
-                fill: string;
-            };
-            warning: {
-                stroke: string;
-                fill: string;
-            };
-        };
-        outline: {
-            true: {
-                fill: string;
-            };
-        };
-        size: {
-            1: {
-                width: string;
-                height: string;
-            };
-            2: {
-                width: string;
-                height: string;
-            };
-            3: {
-                width: string;
-                height: string;
-            };
-            4: {
-                width: string;
-                height: string;
-            };
-            5: {
-                width: string;
-                height: string;
-            };
-            6: {
-                width: string;
-                height: string;
-            };
-            7: {
-                width: string;
-                height: string;
-            };
-            8: {
-                width: string;
-                height: string;
-            };
-            9: {
-                width: string;
-                height: string;
-            };
-            10: {
-                width: string;
-                height: string;
-            };
-            11: {
-                width: string;
-                height: string;
-            };
-            12: {
-                width: string;
-                height: string;
-            };
-            13: {
-                width: string;
-                height: string;
-            };
-            14: {
-                width: string;
-                height: string;
-            };
-            15: {
-                width: string;
-                height: string;
-            };
-        };
-    };
-    defaultVariants: {
-        variant: "default";
-        outline: true;
-        size: 5;
-    };
-}]>, {
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, _stitches_react_types_css_util.CSS<{
-    bp1: string;
-    bp2: string;
-    bp3: string;
-    bp4: string;
-    motion: string;
-    hover: string;
-    dark: string;
-    light: string;
-}, {
-    borderWidths: unknown;
-    borderStyles: unknown;
-    colors: unknown;
-    fonts: {
-        'fallback-mono': string;
-        'fallback-sans': string;
-        'fallback-serif': string;
-        mono: string;
-        sans: string;
-        serif: string;
-    };
-    fontSizes: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    fontWeights: {
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    letterSpacings: unknown;
-    lineHeights: unknown;
-    radii: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        pill: string;
-        round: string;
-    };
-    shadows: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        toast: string;
-    };
-    sizes: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-    };
-    space: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        5: string;
-        6: string;
-        7: string;
-        8: string;
-        9: string;
-        10: string;
-        11: string;
-        12: string;
-        13: string;
-        14: string;
-        15: string;
-        16: string;
-    };
-    transitions: unknown;
-    zIndices: {
-        0: string;
-        1: string;
-        2: string;
-        3: string;
-        4: string;
-        max: string;
-        toast: string;
-    };
-    foo: {
-        bar: 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";
-        };
-    };
-}>>;
-
-declare type IconSize = VariantProps<typeof StyledSVG>['size'];
-declare type IconVariant = VariantProps<typeof StyledSVG>['variant'];
-/**
- * ref: https://github.com/radix-ui/icons/blob/master/packages/radix-icons/src/types.tsx
- */
-interface IconProps extends SVGAttributes<SVGElement> {
-    children?: never;
-    css?: CSS;
-    color?: string;
-    label?: string;
-    size?: IconSize;
-    variant?: IconVariant;
-}
-
-export { IconProps as I };