@levo-so/blocks 0.1.0 → 0.1.2

package/dist/blocks/features/features-1/variants/stylized-cards-v2.js

@@ -1,484 +0,0 @@
-import { DEFAULT_CONTENT } from "./default";
-export const stylizedCardsV2Features1Variant = {
-    key: "stylized_cards_v2",
-    title: "Stylized Cards V2",
-    styles: {
-        layout: {
-            display: "flex",
-            width: "100%",
-            "flex-direction": "column",
-            "align-items": "center",
-        },
-        container: {
-            display: "flex",
-            width: "100%",
-            "flex-direction": "column",
-            "align-items": "center",
-            "row-gap": "7xl",
-            "max-width": "1280px",
-            tablet: {
-                "padding-top": "5xl",
-                "padding-bottom": "5xl",
-                "padding-left": "5xl",
-                "padding-right": "5xl",
-            },
-            mobile: {
-                "row-gap": "5xl",
-                "padding-top": "2xl",
-                "padding-bottom": "2xl",
-                "padding-left": "2xl",
-                "padding-right": "2xl",
-            },
-            "padding-top": "10xl",
-            "padding-bottom": "10xl",
-        },
-        text_wrapper: {
-            display: "flex",
-            "flex-direction": "row",
-            "row-gap": "lg",
-            tablet: {
-                "row-gap": "sm",
-                "flex-direction": "column",
-                "justify-content": "center",
-                "align-items": "center",
-            },
-            "justify-content": "space-between",
-            "align-items": "end",
-            width: "100%",
-            filter: "none",
-        },
-        title: {
-            "text-align": "left",
-            "font-size": "5xl",
-            "font-weight": 500,
-            mobile: {
-                "font-size": "3xl",
-                "text-align": "center",
-            },
-            tablet: {
-                "font-size": "3xl",
-                "text-align": "center",
-                width: "100%",
-            },
-            "line-height": 1.375,
-        },
-        description: {
-            "max-width": "453px",
-            "text-align": "left",
-            mobile: {
-                "text-align": "center",
-            },
-            color: "black",
-            "line-height": 1.5,
-            "font-size": "lg",
-            tablet: {
-                "text-align": "center",
-                "font-size": "base",
-            },
-            "font-weight": 100,
-        },
-        specialties_levoGroup: {
-            display: "grid",
-            width: "100%",
-            "grid-template-columns": "repeat(3, 1fr)",
-            "row-gap": "2xl",
-            "column-gap": "7xl",
-            tablet: {
-                "grid-template-columns": "repeat(2, 1fr)",
-                "column-gap": "2xl",
-            },
-            mobile: {
-                "grid-template-columns": "repeat(1, 1fr)",
-                "row-gap": "lg",
-            },
-        },
-        specialties: [
-            {
-                content_wrapper: {
-                    "border-radius": "2xl",
-                    "border-width": "0px",
-                    "border-style": "none",
-                    "border-color": "var(--color-border)",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                    "background-color": "brandSecondary",
-                    "padding-bottom": "4xl",
-                    "padding-right": "4xl",
-                    "padding-top": "base",
-                    "padding-left": "4xl",
-                    tablet: {
-                        "padding-top": "2xl",
-                        "padding-right": "2xl",
-                        "padding-left": "2xl",
-                        "padding-bottom": "2xl",
-                    },
-                    "justify-content": "start",
-                    "align-items": "center",
-                },
-                icon_wrapper: {
-                    display: "flex",
-                    "justify-content": "center",
-                    "align-items": "center",
-                },
-                icon: {
-                    height: "16",
-                    width: "16",
-                    "border-radius": "none",
-                    "background-color": "brandSecondary",
-                    display: "none",
-                },
-                text_wrapper: {
-                    display: "flex",
-                    width: "100%",
-                    "flex-direction": "column",
-                    "align-items": "start",
-                    "row-gap": "xl",
-                    "justify-content": "center",
-                },
-                title: {
-                    "font-size": "5xl",
-                    "font-weight": 500,
-                    mobile: {
-                        "font-size": "4xl",
-                    },
-                    tablet: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    "text-align": "left",
-                    "max-width": "266px",
-                    "font-size": "xl",
-                    color: "black",
-                    "font-family": "var(--font-heading)",
-                },
-                caption: {
-                    color: "black",
-                },
-            },
-            {
-                content_wrapper: {
-                    "border-radius": "2xl",
-                    "border-width": "0px",
-                    "border-style": "none",
-                    "border-color": "var(--color-border)",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                    "background-color": "brandSecondary",
-                    "padding-bottom": "4xl",
-                    "padding-right": "4xl",
-                    "padding-top": "base",
-                    "padding-left": "4xl",
-                    tablet: {
-                        "padding-top": "2xl",
-                        "padding-right": "2xl",
-                        "padding-left": "2xl",
-                        "padding-bottom": "2xl",
-                    },
-                    "justify-content": "start",
-                    "align-items": "center",
-                },
-                icon_wrapper: {
-                    display: "flex",
-                    "justify-content": "center",
-                    "align-items": "center",
-                },
-                icon: {
-                    height: "16",
-                    width: "16",
-                    "border-radius": "none",
-                    "background-color": "brandSecondary",
-                    display: "none",
-                },
-                text_wrapper: {
-                    display: "flex",
-                    width: "100%",
-                    "flex-direction": "column",
-                    "align-items": "start",
-                    "row-gap": "xl",
-                    "justify-content": "center",
-                },
-                title: {
-                    "font-size": "5xl",
-                    "font-weight": 500,
-                    mobile: {
-                        "font-size": "4xl",
-                    },
-                    tablet: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    "text-align": "left",
-                    "max-width": "266px",
-                    "font-size": "xl",
-                    color: "black",
-                    "font-family": "var(--font-heading)",
-                },
-                caption: {
-                    color: "black",
-                },
-            },
-            {
-                content_wrapper: {
-                    "border-radius": "2xl",
-                    "border-width": "0px",
-                    "border-style": "none",
-                    "border-color": "var(--color-border)",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                    "background-color": "brandSecondary",
-                    "padding-bottom": "4xl",
-                    "padding-right": "4xl",
-                    "padding-top": "base",
-                    "padding-left": "4xl",
-                    tablet: {
-                        "padding-top": "2xl",
-                        "padding-right": "2xl",
-                        "padding-left": "2xl",
-                        "padding-bottom": "2xl",
-                    },
-                    "justify-content": "start",
-                    "align-items": "center",
-                },
-                icon_wrapper: {
-                    display: "flex",
-                    "justify-content": "center",
-                    "align-items": "center",
-                },
-                icon: {
-                    height: "16",
-                    width: "16",
-                    "border-radius": "none",
-                    "background-color": "brandSecondary",
-                    display: "none",
-                },
-                text_wrapper: {
-                    display: "flex",
-                    width: "100%",
-                    "flex-direction": "column",
-                    "align-items": "start",
-                    "row-gap": "xl",
-                    "justify-content": "center",
-                },
-                title: {
-                    "font-size": "5xl",
-                    "font-weight": 500,
-                    mobile: {
-                        "font-size": "4xl",
-                    },
-                    tablet: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    "text-align": "left",
-                    "max-width": "266px",
-                    "font-size": "xl",
-                    color: "black",
-                    "font-family": "var(--font-heading)",
-                },
-                caption: {
-                    color: "black",
-                },
-            },
-            {
-                content_wrapper: {
-                    "border-radius": "2xl",
-                    "border-width": "0px",
-                    "border-style": "none",
-                    "border-color": "var(--color-border)",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                    "background-color": "brandSecondary",
-                    "padding-bottom": "4xl",
-                    "padding-right": "4xl",
-                    "padding-top": "base",
-                    "padding-left": "4xl",
-                    tablet: {
-                        "padding-top": "2xl",
-                        "padding-right": "2xl",
-                        "padding-left": "2xl",
-                        "padding-bottom": "2xl",
-                    },
-                    "justify-content": "start",
-                    "align-items": "center",
-                },
-                icon_wrapper: {
-                    display: "flex",
-                    "justify-content": "center",
-                    "align-items": "center",
-                },
-                icon: {
-                    height: "16",
-                    width: "16",
-                    "border-radius": "none",
-                    "background-color": "brandSecondary",
-                    display: "none",
-                },
-                text_wrapper: {
-                    display: "flex",
-                    width: "100%",
-                    "flex-direction": "column",
-                    "align-items": "start",
-                    "row-gap": "xl",
-                    "justify-content": "center",
-                },
-                title: {
-                    "font-size": "5xl",
-                    "font-weight": 500,
-                    mobile: {
-                        "font-size": "4xl",
-                    },
-                    tablet: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    "text-align": "left",
-                    "max-width": "266px",
-                    "font-size": "xl",
-                    color: "black",
-                    "font-family": "var(--font-heading)",
-                },
-                caption: {
-                    color: "black",
-                },
-            },
-            {
-                content_wrapper: {
-                    "border-radius": "2xl",
-                    "border-width": "0px",
-                    "border-style": "none",
-                    "border-color": "var(--color-border)",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                    "background-color": "brandSecondary",
-                    "padding-bottom": "4xl",
-                    "padding-right": "4xl",
-                    "padding-top": "base",
-                    "padding-left": "4xl",
-                    tablet: {
-                        "padding-top": "2xl",
-                        "padding-right": "2xl",
-                        "padding-left": "2xl",
-                        "padding-bottom": "2xl",
-                    },
-                    "justify-content": "start",
-                    "align-items": "center",
-                },
-                icon_wrapper: {
-                    display: "flex",
-                    "justify-content": "center",
-                    "align-items": "center",
-                },
-                icon: {
-                    height: "16",
-                    width: "16",
-                    "border-radius": "none",
-                    "background-color": "brandSecondary",
-                    display: "none",
-                },
-                text_wrapper: {
-                    display: "flex",
-                    width: "100%",
-                    "flex-direction": "column",
-                    "align-items": "start",
-                    "row-gap": "xl",
-                    "justify-content": "center",
-                },
-                title: {
-                    "font-size": "5xl",
-                    "font-weight": 500,
-                    mobile: {
-                        "font-size": "4xl",
-                    },
-                    tablet: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    "text-align": "left",
-                    "max-width": "266px",
-                    "font-size": "xl",
-                    color: "black",
-                    "font-family": "var(--font-heading)",
-                },
-                caption: {
-                    color: "black",
-                },
-            },
-            {
-                content_wrapper: {
-                    "border-radius": "2xl",
-                    "border-width": "0px",
-                    "border-style": "none",
-                    "border-color": "var(--color-border)",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "lg",
-                    "background-color": "brandSecondary",
-                    "padding-bottom": "4xl",
-                    "padding-right": "4xl",
-                    "padding-top": "base",
-                    "padding-left": "4xl",
-                    tablet: {
-                        "padding-top": "2xl",
-                        "padding-right": "2xl",
-                        "padding-left": "2xl",
-                        "padding-bottom": "2xl",
-                    },
-                    "justify-content": "start",
-                    "align-items": "center",
-                },
-                icon_wrapper: {
-                    display: "flex",
-                    "justify-content": "center",
-                    "align-items": "center",
-                },
-                icon: {
-                    height: "16",
-                    width: "16",
-                    "border-radius": "none",
-                    "background-color": "brandSecondary",
-                    display: "none",
-                },
-                text_wrapper: {
-                    display: "flex",
-                    width: "100%",
-                    "flex-direction": "column",
-                    "align-items": "start",
-                    "row-gap": "xl",
-                    "justify-content": "center",
-                },
-                title: {
-                    "font-size": "5xl",
-                    "font-weight": 500,
-                    mobile: {
-                        "font-size": "4xl",
-                    },
-                    tablet: {
-                        "font-size": "3xl",
-                    },
-                },
-                description: {
-                    "text-align": "left",
-                    "max-width": "266px",
-                    "font-size": "xl",
-                    color: "black",
-                    "font-family": "var(--font-heading)",
-                },
-                caption: {
-                    color: "black",
-                },
-            },
-        ],
-    },
-    content: DEFAULT_CONTENT,
-    config: {},
-};

package/dist/blocks/features/features-2.d.ts

@@ -1,5 +0,0 @@
-import { type ILevoBlockBaseProps } from "@levo-so/studio";
-import type { IFeatures2Content } from "./features-2.schema";
-declare const Features2: React.FC<ILevoBlockBaseProps<IFeatures2Content>>;
-export default Features2;
-//# sourceMappingURL=features-2.d.ts.map

package/dist/blocks/features/features-2.js

@@ -1,8 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Button, Heading, Image, Typography, Container, Section, Box, Carousel, CarouselContent, CarouselItem, } from "@levo-so/studio";
-const Features2 = ({ content, }) => (_jsx(Section, { elementKey: "layout", children: _jsxs(Container, { elementKey: "container", children: [_jsxs(Box, { elementKey: "header_wrapper", children: [_jsx(Box, { elementKey: "headline_wrapper", children: _jsx(Heading, { elementKey: "title" }) }), _jsx(Typography, { elementKey: "description" }), _jsx(Box, { elementKey: "cta_wrapper", children: _jsx(Button, { elementKey: "cta_button" }) })] }), _jsx(Carousel, { elementKey: "features_levoGroup", "data-levo_group": true, opts: {
-                    watchDrag: false,
-                    watchResize: true,
-                    watchSlides: true,
-                }, children: _jsx(CarouselContent, { children: (content.features ?? []).map((_, index) => (_jsx(CarouselItem, { "data-levo_group_item": true, children: _jsxs(Box, { elementKey: `features.${index}.card`, children: [_jsx(Image, { alt: "feature", elementKey: `features.${index}.image`, width: 600, height: 192 }), _jsxs(Box, { elementKey: `features.${index}.content_wrapper`, children: [_jsx(Typography, { elementKey: `features.${index}.label` }), _jsxs(Box, { elementKey: `features.${index}.text_wrapper`, children: [_jsx(Heading, { elementKey: `features.${index}.title` }), _jsx(Typography, { elementKey: `features.${index}.description` })] })] })] }) }, `features-2-item-${index}`))) }) })] }) }));
-export default Features2;

package/dist/blocks/features/features-2.schema.d.ts

@@ -1,41 +0,0 @@
-import type { IBlock } from "@levo-so/studio";
-declare const DEFAULT_CONTENT: {
-    layout: null;
-    container: null;
-    header_wrapper: null;
-    headline_wrapper: null;
-    title: string;
-    cta_wrapper: null;
-    description: string;
-    cta_button: string;
-    features_levoGroup: null;
-    features: {
-        card: null;
-        image: {
-            id: string;
-            location: string;
-            kind: string;
-            mimetype: string;
-            srcset: {
-                "1080w": string;
-                "1200w": string;
-                "1920w": string;
-                "320w": string;
-                "640w": string;
-                "750w": string;
-                "828w": string;
-                path: string;
-            };
-        };
-        content_wrapper: null;
-        number: null;
-        text_wrapper: null;
-        label: string;
-        title: string;
-        description: string;
-    }[];
-};
-export type IFeatures2Content = typeof DEFAULT_CONTENT;
-export declare const Features2: IBlock;
-export {};
-//# sourceMappingURL=features-2.schema.d.ts.map