@aurora-ds/lib-test 0.0.1-dev.1

package/dist/components/layout/box/Box.css.d.ts

@@ -0,0 +1,938 @@
+import { RecipeVariants, RuntimeFn } from '@vanilla-extract/recipes';
+export declare const boxRecipe: RuntimeFn<{
+    display: {
+        block: {
+            display: "block";
+        };
+        flex: {
+            display: "flex";
+        };
+        'inline-flex': {
+            display: "inline-flex";
+        };
+        inline: {
+            display: "inline";
+        };
+        'inline-block': {
+            display: "inline-block";
+        };
+        grid: {
+            display: "grid";
+        };
+        'inline-grid': {
+            display: "inline-grid";
+        };
+        none: {
+            display: "none";
+        };
+        contents: {
+            display: "contents";
+        };
+        'flow-root': {
+            display: "flow-root";
+        };
+    };
+    w: {
+        full: {
+            width: "100%";
+        };
+        screen: {
+            width: "100vw";
+        };
+        fit: {
+            width: "fit-content";
+        };
+        min: {
+            width: "min-content";
+        };
+        max: {
+            width: "max-content";
+        };
+        auto: {
+            width: "auto";
+        };
+    };
+    h: {
+        full: {
+            height: "100%";
+        };
+        screen: {
+            height: "100vh";
+        };
+        fit: {
+            height: "fit-content";
+        };
+        min: {
+            height: "min-content";
+        };
+        max: {
+            height: "max-content";
+        };
+        auto: {
+            height: "auto";
+        };
+    };
+    overflow: {
+        visible: {
+            overflow: "visible";
+        };
+        hidden: {
+            overflow: "hidden";
+        };
+        auto: {
+            overflow: "auto";
+        };
+        scroll: {
+            overflow: "scroll";
+        };
+        clip: {
+            overflow: "clip";
+        };
+    };
+    overflowX: {
+        visible: {
+            overflowX: "visible";
+        };
+        hidden: {
+            overflowX: "hidden";
+        };
+        auto: {
+            overflowX: "auto";
+        };
+        scroll: {
+            overflowX: "scroll";
+        };
+        clip: {
+            overflowX: "clip";
+        };
+    };
+    overflowY: {
+        visible: {
+            overflowY: "visible";
+        };
+        hidden: {
+            overflowY: "hidden";
+        };
+        auto: {
+            overflowY: "auto";
+        };
+        scroll: {
+            overflowY: "scroll";
+        };
+        clip: {
+            overflowY: "clip";
+        };
+    };
+    position: {
+        static: {
+            position: "static";
+        };
+        relative: {
+            position: "relative";
+        };
+        absolute: {
+            position: "absolute";
+        };
+        fixed: {
+            position: "fixed";
+        };
+        sticky: {
+            position: "sticky";
+        };
+    };
+    rounded: {
+        none: {
+            borderRadius: `var(--${string})`;
+        };
+        xs: {
+            borderRadius: `var(--${string})`;
+        };
+        sm: {
+            borderRadius: `var(--${string})`;
+        };
+        md: {
+            borderRadius: `var(--${string})`;
+        };
+        lg: {
+            borderRadius: `var(--${string})`;
+        };
+        xl: {
+            borderRadius: `var(--${string})`;
+        };
+        '2xl': {
+            borderRadius: `var(--${string})`;
+        };
+        full: {
+            borderRadius: `var(--${string})`;
+        };
+    };
+    p: {
+        none: {
+            padding: `var(--${string})`;
+        };
+        px: {
+            padding: `var(--${string})`;
+        };
+        xxs: {
+            padding: `var(--${string})`;
+        };
+        xs: {
+            padding: `var(--${string})`;
+        };
+        xs2: {
+            padding: `var(--${string})`;
+        };
+        sm: {
+            padding: `var(--${string})`;
+        };
+        md: {
+            padding: `var(--${string})`;
+        };
+        lg: {
+            padding: `var(--${string})`;
+        };
+        xl: {
+            padding: `var(--${string})`;
+        };
+        '2xl': {
+            padding: `var(--${string})`;
+        };
+        '3xl': {
+            padding: `var(--${string})`;
+        };
+        '4xl': {
+            padding: `var(--${string})`;
+        };
+        '5xl': {
+            padding: `var(--${string})`;
+        };
+    };
+    px: {
+        none: {
+            paddingInline: `var(--${string})`;
+        };
+        px: {
+            paddingInline: `var(--${string})`;
+        };
+        xxs: {
+            paddingInline: `var(--${string})`;
+        };
+        xs: {
+            paddingInline: `var(--${string})`;
+        };
+        xs2: {
+            paddingInline: `var(--${string})`;
+        };
+        sm: {
+            paddingInline: `var(--${string})`;
+        };
+        md: {
+            paddingInline: `var(--${string})`;
+        };
+        lg: {
+            paddingInline: `var(--${string})`;
+        };
+        xl: {
+            paddingInline: `var(--${string})`;
+        };
+        '2xl': {
+            paddingInline: `var(--${string})`;
+        };
+        '3xl': {
+            paddingInline: `var(--${string})`;
+        };
+        '4xl': {
+            paddingInline: `var(--${string})`;
+        };
+        '5xl': {
+            paddingInline: `var(--${string})`;
+        };
+    };
+    py: {
+        none: {
+            paddingBlock: `var(--${string})`;
+        };
+        px: {
+            paddingBlock: `var(--${string})`;
+        };
+        xxs: {
+            paddingBlock: `var(--${string})`;
+        };
+        xs: {
+            paddingBlock: `var(--${string})`;
+        };
+        xs2: {
+            paddingBlock: `var(--${string})`;
+        };
+        sm: {
+            paddingBlock: `var(--${string})`;
+        };
+        md: {
+            paddingBlock: `var(--${string})`;
+        };
+        lg: {
+            paddingBlock: `var(--${string})`;
+        };
+        xl: {
+            paddingBlock: `var(--${string})`;
+        };
+        '2xl': {
+            paddingBlock: `var(--${string})`;
+        };
+        '3xl': {
+            paddingBlock: `var(--${string})`;
+        };
+        '4xl': {
+            paddingBlock: `var(--${string})`;
+        };
+        '5xl': {
+            paddingBlock: `var(--${string})`;
+        };
+    };
+    pt: {
+        none: {
+            paddingTop: `var(--${string})`;
+        };
+        px: {
+            paddingTop: `var(--${string})`;
+        };
+        xxs: {
+            paddingTop: `var(--${string})`;
+        };
+        xs: {
+            paddingTop: `var(--${string})`;
+        };
+        xs2: {
+            paddingTop: `var(--${string})`;
+        };
+        sm: {
+            paddingTop: `var(--${string})`;
+        };
+        md: {
+            paddingTop: `var(--${string})`;
+        };
+        lg: {
+            paddingTop: `var(--${string})`;
+        };
+        xl: {
+            paddingTop: `var(--${string})`;
+        };
+        '2xl': {
+            paddingTop: `var(--${string})`;
+        };
+        '3xl': {
+            paddingTop: `var(--${string})`;
+        };
+        '4xl': {
+            paddingTop: `var(--${string})`;
+        };
+        '5xl': {
+            paddingTop: `var(--${string})`;
+        };
+    };
+    pr: {
+        none: {
+            paddingRight: `var(--${string})`;
+        };
+        px: {
+            paddingRight: `var(--${string})`;
+        };
+        xxs: {
+            paddingRight: `var(--${string})`;
+        };
+        xs: {
+            paddingRight: `var(--${string})`;
+        };
+        xs2: {
+            paddingRight: `var(--${string})`;
+        };
+        sm: {
+            paddingRight: `var(--${string})`;
+        };
+        md: {
+            paddingRight: `var(--${string})`;
+        };
+        lg: {
+            paddingRight: `var(--${string})`;
+        };
+        xl: {
+            paddingRight: `var(--${string})`;
+        };
+        '2xl': {
+            paddingRight: `var(--${string})`;
+        };
+        '3xl': {
+            paddingRight: `var(--${string})`;
+        };
+        '4xl': {
+            paddingRight: `var(--${string})`;
+        };
+        '5xl': {
+            paddingRight: `var(--${string})`;
+        };
+    };
+    pb: {
+        none: {
+            paddingBottom: `var(--${string})`;
+        };
+        px: {
+            paddingBottom: `var(--${string})`;
+        };
+        xxs: {
+            paddingBottom: `var(--${string})`;
+        };
+        xs: {
+            paddingBottom: `var(--${string})`;
+        };
+        xs2: {
+            paddingBottom: `var(--${string})`;
+        };
+        sm: {
+            paddingBottom: `var(--${string})`;
+        };
+        md: {
+            paddingBottom: `var(--${string})`;
+        };
+        lg: {
+            paddingBottom: `var(--${string})`;
+        };
+        xl: {
+            paddingBottom: `var(--${string})`;
+        };
+        '2xl': {
+            paddingBottom: `var(--${string})`;
+        };
+        '3xl': {
+            paddingBottom: `var(--${string})`;
+        };
+        '4xl': {
+            paddingBottom: `var(--${string})`;
+        };
+        '5xl': {
+            paddingBottom: `var(--${string})`;
+        };
+    };
+    pl: {
+        none: {
+            paddingLeft: `var(--${string})`;
+        };
+        px: {
+            paddingLeft: `var(--${string})`;
+        };
+        xxs: {
+            paddingLeft: `var(--${string})`;
+        };
+        xs: {
+            paddingLeft: `var(--${string})`;
+        };
+        xs2: {
+            paddingLeft: `var(--${string})`;
+        };
+        sm: {
+            paddingLeft: `var(--${string})`;
+        };
+        md: {
+            paddingLeft: `var(--${string})`;
+        };
+        lg: {
+            paddingLeft: `var(--${string})`;
+        };
+        xl: {
+            paddingLeft: `var(--${string})`;
+        };
+        '2xl': {
+            paddingLeft: `var(--${string})`;
+        };
+        '3xl': {
+            paddingLeft: `var(--${string})`;
+        };
+        '4xl': {
+            paddingLeft: `var(--${string})`;
+        };
+        '5xl': {
+            paddingLeft: `var(--${string})`;
+        };
+    };
+    m: {
+        auto: {
+            margin: "auto";
+        };
+        none: {
+            margin: `var(--${string})`;
+        };
+        px: {
+            margin: `var(--${string})`;
+        };
+        xxs: {
+            margin: `var(--${string})`;
+        };
+        xs: {
+            margin: `var(--${string})`;
+        };
+        xs2: {
+            margin: `var(--${string})`;
+        };
+        sm: {
+            margin: `var(--${string})`;
+        };
+        md: {
+            margin: `var(--${string})`;
+        };
+        lg: {
+            margin: `var(--${string})`;
+        };
+        xl: {
+            margin: `var(--${string})`;
+        };
+        '2xl': {
+            margin: `var(--${string})`;
+        };
+        '3xl': {
+            margin: `var(--${string})`;
+        };
+        '4xl': {
+            margin: `var(--${string})`;
+        };
+        '5xl': {
+            margin: `var(--${string})`;
+        };
+    };
+    mx: {
+        auto: {
+            marginInline: "auto";
+        };
+        none: {
+            marginInline: `var(--${string})`;
+        };
+        px: {
+            marginInline: `var(--${string})`;
+        };
+        xxs: {
+            marginInline: `var(--${string})`;
+        };
+        xs: {
+            marginInline: `var(--${string})`;
+        };
+        xs2: {
+            marginInline: `var(--${string})`;
+        };
+        sm: {
+            marginInline: `var(--${string})`;
+        };
+        md: {
+            marginInline: `var(--${string})`;
+        };
+        lg: {
+            marginInline: `var(--${string})`;
+        };
+        xl: {
+            marginInline: `var(--${string})`;
+        };
+        '2xl': {
+            marginInline: `var(--${string})`;
+        };
+        '3xl': {
+            marginInline: `var(--${string})`;
+        };
+        '4xl': {
+            marginInline: `var(--${string})`;
+        };
+        '5xl': {
+            marginInline: `var(--${string})`;
+        };
+    };
+    my: {
+        auto: {
+            marginBlock: "auto";
+        };
+        none: {
+            marginBlock: `var(--${string})`;
+        };
+        px: {
+            marginBlock: `var(--${string})`;
+        };
+        xxs: {
+            marginBlock: `var(--${string})`;
+        };
+        xs: {
+            marginBlock: `var(--${string})`;
+        };
+        xs2: {
+            marginBlock: `var(--${string})`;
+        };
+        sm: {
+            marginBlock: `var(--${string})`;
+        };
+        md: {
+            marginBlock: `var(--${string})`;
+        };
+        lg: {
+            marginBlock: `var(--${string})`;
+        };
+        xl: {
+            marginBlock: `var(--${string})`;
+        };
+        '2xl': {
+            marginBlock: `var(--${string})`;
+        };
+        '3xl': {
+            marginBlock: `var(--${string})`;
+        };
+        '4xl': {
+            marginBlock: `var(--${string})`;
+        };
+        '5xl': {
+            marginBlock: `var(--${string})`;
+        };
+    };
+    mt: {
+        auto: {
+            marginTop: "auto";
+        };
+        none: {
+            marginTop: `var(--${string})`;
+        };
+        px: {
+            marginTop: `var(--${string})`;
+        };
+        xxs: {
+            marginTop: `var(--${string})`;
+        };
+        xs: {
+            marginTop: `var(--${string})`;
+        };
+        xs2: {
+            marginTop: `var(--${string})`;
+        };
+        sm: {
+            marginTop: `var(--${string})`;
+        };
+        md: {
+            marginTop: `var(--${string})`;
+        };
+        lg: {
+            marginTop: `var(--${string})`;
+        };
+        xl: {
+            marginTop: `var(--${string})`;
+        };
+        '2xl': {
+            marginTop: `var(--${string})`;
+        };
+        '3xl': {
+            marginTop: `var(--${string})`;
+        };
+        '4xl': {
+            marginTop: `var(--${string})`;
+        };
+        '5xl': {
+            marginTop: `var(--${string})`;
+        };
+    };
+    mr: {
+        auto: {
+            marginRight: "auto";
+        };
+        none: {
+            marginRight: `var(--${string})`;
+        };
+        px: {
+            marginRight: `var(--${string})`;
+        };
+        xxs: {
+            marginRight: `var(--${string})`;
+        };
+        xs: {
+            marginRight: `var(--${string})`;
+        };
+        xs2: {
+            marginRight: `var(--${string})`;
+        };
+        sm: {
+            marginRight: `var(--${string})`;
+        };
+        md: {
+            marginRight: `var(--${string})`;
+        };
+        lg: {
+            marginRight: `var(--${string})`;
+        };
+        xl: {
+            marginRight: `var(--${string})`;
+        };
+        '2xl': {
+            marginRight: `var(--${string})`;
+        };
+        '3xl': {
+            marginRight: `var(--${string})`;
+        };
+        '4xl': {
+            marginRight: `var(--${string})`;
+        };
+        '5xl': {
+            marginRight: `var(--${string})`;
+        };
+    };
+    mb: {
+        auto: {
+            marginBottom: "auto";
+        };
+        none: {
+            marginBottom: `var(--${string})`;
+        };
+        px: {
+            marginBottom: `var(--${string})`;
+        };
+        xxs: {
+            marginBottom: `var(--${string})`;
+        };
+        xs: {
+            marginBottom: `var(--${string})`;
+        };
+        xs2: {
+            marginBottom: `var(--${string})`;
+        };
+        sm: {
+            marginBottom: `var(--${string})`;
+        };
+        md: {
+            marginBottom: `var(--${string})`;
+        };
+        lg: {
+            marginBottom: `var(--${string})`;
+        };
+        xl: {
+            marginBottom: `var(--${string})`;
+        };
+        '2xl': {
+            marginBottom: `var(--${string})`;
+        };
+        '3xl': {
+            marginBottom: `var(--${string})`;
+        };
+        '4xl': {
+            marginBottom: `var(--${string})`;
+        };
+        '5xl': {
+            marginBottom: `var(--${string})`;
+        };
+    };
+    ml: {
+        auto: {
+            marginLeft: "auto";
+        };
+        none: {
+            marginLeft: `var(--${string})`;
+        };
+        px: {
+            marginLeft: `var(--${string})`;
+        };
+        xxs: {
+            marginLeft: `var(--${string})`;
+        };
+        xs: {
+            marginLeft: `var(--${string})`;
+        };
+        xs2: {
+            marginLeft: `var(--${string})`;
+        };
+        sm: {
+            marginLeft: `var(--${string})`;
+        };
+        md: {
+            marginLeft: `var(--${string})`;
+        };
+        lg: {
+            marginLeft: `var(--${string})`;
+        };
+        xl: {
+            marginLeft: `var(--${string})`;
+        };
+        '2xl': {
+            marginLeft: `var(--${string})`;
+        };
+        '3xl': {
+            marginLeft: `var(--${string})`;
+        };
+        '4xl': {
+            marginLeft: `var(--${string})`;
+        };
+        '5xl': {
+            marginLeft: `var(--${string})`;
+        };
+    };
+    gap: {
+        none: {
+            gap: `var(--${string})`;
+        };
+        px: {
+            gap: `var(--${string})`;
+        };
+        xxs: {
+            gap: `var(--${string})`;
+        };
+        xs: {
+            gap: `var(--${string})`;
+        };
+        xs2: {
+            gap: `var(--${string})`;
+        };
+        sm: {
+            gap: `var(--${string})`;
+        };
+        md: {
+            gap: `var(--${string})`;
+        };
+        lg: {
+            gap: `var(--${string})`;
+        };
+        xl: {
+            gap: `var(--${string})`;
+        };
+        '2xl': {
+            gap: `var(--${string})`;
+        };
+        '3xl': {
+            gap: `var(--${string})`;
+        };
+        '4xl': {
+            gap: `var(--${string})`;
+        };
+        '5xl': {
+            gap: `var(--${string})`;
+        };
+    };
+    gapX: {
+        none: {
+            columnGap: `var(--${string})`;
+        };
+        px: {
+            columnGap: `var(--${string})`;
+        };
+        xxs: {
+            columnGap: `var(--${string})`;
+        };
+        xs: {
+            columnGap: `var(--${string})`;
+        };
+        xs2: {
+            columnGap: `var(--${string})`;
+        };
+        sm: {
+            columnGap: `var(--${string})`;
+        };
+        md: {
+            columnGap: `var(--${string})`;
+        };
+        lg: {
+            columnGap: `var(--${string})`;
+        };
+        xl: {
+            columnGap: `var(--${string})`;
+        };
+        '2xl': {
+            columnGap: `var(--${string})`;
+        };
+        '3xl': {
+            columnGap: `var(--${string})`;
+        };
+        '4xl': {
+            columnGap: `var(--${string})`;
+        };
+        '5xl': {
+            columnGap: `var(--${string})`;
+        };
+    };
+    gapY: {
+        none: {
+            rowGap: `var(--${string})`;
+        };
+        px: {
+            rowGap: `var(--${string})`;
+        };
+        xxs: {
+            rowGap: `var(--${string})`;
+        };
+        xs: {
+            rowGap: `var(--${string})`;
+        };
+        xs2: {
+            rowGap: `var(--${string})`;
+        };
+        sm: {
+            rowGap: `var(--${string})`;
+        };
+        md: {
+            rowGap: `var(--${string})`;
+        };
+        lg: {
+            rowGap: `var(--${string})`;
+        };
+        xl: {
+            rowGap: `var(--${string})`;
+        };
+        '2xl': {
+            rowGap: `var(--${string})`;
+        };
+        '3xl': {
+            rowGap: `var(--${string})`;
+        };
+        '4xl': {
+            rowGap: `var(--${string})`;
+        };
+        '5xl': {
+            rowGap: `var(--${string})`;
+        };
+    };
+    bg: {
+        transparent: {
+            background: "transparent";
+        };
+        background: {
+            background: `var(--${string})`;
+        };
+        card: {
+            background: `var(--${string})`;
+        };
+        muted: {
+            background: `var(--${string})`;
+        };
+        primary: {
+            background: `var(--${string})`;
+        };
+        primarySubtle: {
+            background: `var(--${string})`;
+        };
+        secondary: {
+            background: `var(--${string})`;
+        };
+        secondarySubtle: {
+            background: `var(--${string})`;
+        };
+        success: {
+            background: `var(--${string})`;
+        };
+        successSubtle: {
+            background: `var(--${string})`;
+        };
+        warning: {
+            background: `var(--${string})`;
+        };
+        warningSubtle: {
+            background: `var(--${string})`;
+        };
+        info: {
+            background: `var(--${string})`;
+        };
+        infoSubtle: {
+            background: `var(--${string})`;
+        };
+        destructive: {
+            background: `var(--${string})`;
+        };
+        destructiveSubtle: {
+            background: `var(--${string})`;
+        };
+    };
+}>;
+export type BoxRecipeVariants = NonNullable<RecipeVariants<typeof boxRecipe>>;