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

package/Overlay.styles-025ec25b.d.ts

@@ -0,0 +1,851 @@
+import * as _stitches_react_types_styled_component from '@stitches/react/types/styled-component';
+import * as _stitches_react_types_css_util from '@stitches/react/types/css-util';
+import * as _stitches_react_types_config from '@stitches/react/types/config';
+
+declare const Overlay: _stitches_react_types_styled_component.StyledComponent<"div", {}, {
+    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;
+    };
+    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 const overlayStyles: _stitches_react_types_styled_component.CssComponent<never, {}, {
+    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;
+    };
+    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";
+        };
+    };
+}>>;
+
+export { Overlay as O, overlayStyles as o };