@levo-so/blocks 0.1.0 → 0.1.2

package/dist/blocks/cards/cards-9.schema.js

@@ -1,798 +0,0 @@
-const DUMMY_IMAGE = {
-    id: "7141014160938075687",
-    location: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/png",
-    srcset: {
-        "1080w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-        "1200w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-        "1920w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-        "320w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-        "640w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-        "750w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-        "828w": "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-        path: "https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
-    },
-};
-const DEFAULT_CONTENT = {
-    layout: null,
-    container: null,
-    header_wrapper: null,
-    title: "New Insights",
-    header_cta: "View All",
-    cards: [
-        {
-            card_wrapper: null,
-            left_container: null,
-            image: DUMMY_IMAGE,
-            right_container: null,
-            meta_container: null,
-            date_wrapper: null,
-            date_icon: DUMMY_IMAGE,
-            date_text: "Nov 5, 2025",
-            text_container: null,
-            card_title: "How AI Will Transform Every Part of Life",
-            cta: "Read More",
-        },
-        {
-            card_wrapper: null,
-            left_container: null,
-            image: DUMMY_IMAGE,
-            right_container: null,
-            meta_container: null,
-            date_wrapper: null,
-            date_icon: DUMMY_IMAGE,
-            date_text: "Nov 5, 2025",
-            text_container: null,
-            card_title: "The Rise of Sustainable Innovation",
-            cta: "Read More",
-        },
-        {
-            card_wrapper: null,
-            left_container: null,
-            image: DUMMY_IMAGE,
-            right_container: null,
-            meta_container: null,
-            date_wrapper: null,
-            date_icon: DUMMY_IMAGE,
-            date_text: "Nov 5, 2025",
-            text_container: null,
-            card_title: "Design Trends That Will Define 2025",
-            cta: "Read More",
-        },
-        {
-            card_wrapper: null,
-            left_container: null,
-            image: DUMMY_IMAGE,
-            right_container: null,
-            meta_container: null,
-            date_wrapper: null,
-            date_icon: DUMMY_IMAGE,
-            date_text: "Nov 5, 2025",
-            text_container: null,
-            card_title: "Productivity Without Burnout",
-            cta: "Read More",
-        },
-    ],
-};
-export const Cards9 = {
-    category_id: "cards",
-    title: "Cards 9",
-    key: "cards-9",
-    version: "v1",
-    prompt_description: "Grid of cards with images on the left, date metadata, titles, and call-to-action buttons",
-    content_schema: [
-        {
-            key: "layout",
-            label: "Layout",
-            field_interface: "LayoutWidget",
-        },
-        {
-            key: "container",
-            label: "Container",
-            field_interface: "ContainerWidget",
-        },
-        {
-            key: "header_wrapper",
-            label: "Header Wrapper",
-            field_interface: "BoxWidget",
-        },
-        {
-            key: "title",
-            label: "Section Title",
-            field_interface: "HeadingWidget",
-            hint: {
-                prompt_description: "Main section heading that introduces the collection of insights or articles",
-                min_characters: 8,
-                max_characters: 25,
-            },
-        },
-        {
-            key: "header_cta",
-            label: "Header CTA",
-            field_interface: "ButtonWidget",
-            hint: {
-                prompt_description: "Call-to-action button in the header to view all items or navigate to a complete listing",
-                min_characters: 6,
-                max_characters: 15,
-            },
-        },
-        {
-            key: "cards",
-            label: "Cards",
-            kind: "group",
-            field_interface: "BoxWidget",
-            hint: {
-                prompt_description: "Collection of insight cards displayed in a grid layout, each featuring an image, date, title, and call-to-action",
-                min_items: 3,
-                max_items: 6,
-            },
-            fields: [
-                {
-                    key: "card_wrapper",
-                    label: "Card Wrapper",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "left_container",
-                    label: "Left Container",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "image",
-                    label: "Card Image",
-                    field_interface: "ImageWidget",
-                    hint: {
-                        prompt_description: "Visual representation for the insight or article, displayed on the left side of each card",
-                        orientation: "landscape",
-                        size: "medium",
-                        usecase: "hero",
-                    },
-                },
-                {
-                    key: "right_container",
-                    label: "Right Container",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "meta_container",
-                    label: "Meta Container",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "date_wrapper",
-                    label: "Date Wrapper",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "date_icon",
-                    label: "Date Icon",
-                    field_interface: "ImageWidget",
-                    hint: {
-                        prompt_description: "Small calendar or date icon displayed next to the publication date",
-                        orientation: "square",
-                        size: "icon",
-                        usecase: "icon",
-                    },
-                },
-                {
-                    key: "date_text",
-                    label: "Date Text",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "Publication or event date formatted as 'Month DD, YYYY'",
-                        min_characters: 8,
-                        max_characters: 20,
-                    },
-                },
-                {
-                    key: "text_container",
-                    label: "Text Container",
-                    field_interface: "BoxWidget",
-                },
-                {
-                    key: "card_title",
-                    label: "Card Title",
-                    field_interface: "TypographyWidget",
-                    hint: {
-                        prompt_description: "Title or headline for the insight or article, should be engaging and informative",
-                        min_characters: 15,
-                        max_characters: 60,
-                    },
-                },
-                {
-                    key: "cta",
-                    label: "Call to Action",
-                    field_interface: "ButtonWidget",
-                    hint: {
-                        prompt_description: "Action button encouraging users to read more or learn about the insight",
-                        min_characters: 6,
-                        max_characters: 15,
-                    },
-                },
-            ],
-        },
-    ],
-    layouts: [
-        {
-            key: "default",
-            title: "Default",
-            styles: {
-                layout: {
-                    "padding-top": "5xl",
-                    "padding-bottom": "5xl",
-                    "padding-left": "2xl",
-                    "padding-right": "2xl",
-                },
-                container: {
-                    "max-width": "1280px",
-                    "margin-left": "auto",
-                    "margin-right": "auto",
-                    display: "flex",
-                    "flex-direction": "column",
-                    "row-gap": "3xl",
-                },
-                header_wrapper: {
-                    display: "flex",
-                    "justify-content": "space-between",
-                    "align-items": "center",
-                    mobile: {
-                        "flex-direction": "column",
-                        "align-items": "flex-start",
-                        "row-gap": "base",
-                    },
-                },
-                header_cta: {
-                    "background-color": "background-1",
-                    color: "text-1",
-                    "padding-top": "xs",
-                    "padding-bottom": "xs",
-                    "padding-left": "base",
-                    "padding-right": "base",
-                    cursor: "pointer",
-                },
-                cards_levoGroup: {
-                    display: "grid",
-                    "grid-template-columns": "repeat(2, 1fr)",
-                    "row-gap": "2xl",
-                    "column-gap": "2xl",
-                    mobile: {
-                        "grid-template-columns": "repeat(1, 1fr)",
-                        "row-gap": "xl",
-                    },
-                },
-                cards: [
-                    {
-                        card_wrapper: {
-                            display: "flex",
-                            "flex-direction": "row",
-                            "border-radius": "base",
-                            overflow: "hidden",
-                            "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-                            mobile: {
-                                "flex-direction": "column",
-                            },
-                            "padding-top": "base",
-                            "padding-right": "base",
-                            "padding-left": "base",
-                            "padding-bottom": "base",
-                        },
-                        left_container: {
-                            "flex-shrink": "0",
-                        },
-                        image: {
-                            "object-fit": "cover",
-                            "border-radius": "base",
-                            mobile: {
-                                width: "100%",
-                                height: "180px",
-                            },
-                            width: "250px",
-                        },
-                        right_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "padding-top": "base",
-                            "padding-bottom": "base",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            "flex-grow": "1",
-                            "row-gap": "sm",
-                        },
-                        meta_container: {
-                            display: "flex",
-                            "align-items": "center",
-                        },
-                        date_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "xs",
-                        },
-                        date_icon: {
-                            width: "16px",
-                            height: "16px",
-                        },
-                        date_text: {
-                            color: "text-2",
-                        },
-                        text_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "sm",
-                            "flex-grow": "1",
-                        },
-                        card_title: {
-                            color: "text-1",
-                            "line-height": "1.3",
-                        },
-                        cta: {
-                            "background-color": "brand",
-                            color: "brandForeground",
-                            "padding-top": "xs",
-                            "padding-bottom": "xs",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            width: "fit-content",
-                            cursor: "pointer",
-                        },
-                    },
-                    {
-                        card_wrapper: {
-                            display: "flex",
-                            "flex-direction": "row",
-                            "border-radius": "base",
-                            overflow: "hidden",
-                            "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-                            mobile: {
-                                "flex-direction": "column",
-                            },
-                            "padding-top": "base",
-                            "padding-right": "base",
-                            "padding-left": "base",
-                            "padding-bottom": "base",
-                        },
-                        left_container: {
-                            "flex-shrink": "0",
-                        },
-                        image: {
-                            "object-fit": "cover",
-                            "border-radius": "base",
-                            mobile: {
-                                width: "100%",
-                                height: "180px",
-                            },
-                            width: "250px",
-                        },
-                        right_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "padding-top": "base",
-                            "padding-bottom": "base",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            "flex-grow": "1",
-                            "row-gap": "sm",
-                        },
-                        meta_container: {
-                            display: "flex",
-                            "align-items": "center",
-                        },
-                        date_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "xs",
-                        },
-                        date_icon: {
-                            width: "16px",
-                            height: "16px",
-                        },
-                        date_text: {
-                            color: "text-2",
-                        },
-                        text_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "sm",
-                            "flex-grow": "1",
-                        },
-                        card_title: {
-                            color: "text-1",
-                            "line-height": "1.3",
-                        },
-                        cta: {
-                            "background-color": "brand",
-                            color: "brandForeground",
-                            "padding-top": "xs",
-                            "padding-bottom": "xs",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            width: "fit-content",
-                            cursor: "pointer",
-                        },
-                    },
-                    {
-                        card_wrapper: {
-                            display: "flex",
-                            "flex-direction": "row",
-                            "border-radius": "base",
-                            overflow: "hidden",
-                            "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-                            mobile: {
-                                "flex-direction": "column",
-                            },
-                            "padding-top": "base",
-                            "padding-right": "base",
-                            "padding-left": "base",
-                            "padding-bottom": "base",
-                        },
-                        left_container: {
-                            "flex-shrink": "0",
-                        },
-                        image: {
-                            "object-fit": "cover",
-                            "border-radius": "base",
-                            mobile: {
-                                width: "100%",
-                                height: "180px",
-                            },
-                            width: "250px",
-                        },
-                        right_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "padding-top": "base",
-                            "padding-bottom": "base",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            "flex-grow": "1",
-                            "row-gap": "sm",
-                        },
-                        meta_container: {
-                            display: "flex",
-                            "align-items": "center",
-                        },
-                        date_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "xs",
-                        },
-                        date_icon: {
-                            width: "16px",
-                            height: "16px",
-                        },
-                        date_text: {
-                            color: "text-2",
-                        },
-                        text_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "sm",
-                            "flex-grow": "1",
-                        },
-                        card_title: {
-                            color: "text-1",
-                            "line-height": "1.3",
-                        },
-                        cta: {
-                            "background-color": "brand",
-                            color: "brandForeground",
-                            "padding-top": "xs",
-                            "padding-bottom": "xs",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            width: "fit-content",
-                            cursor: "pointer",
-                        },
-                    },
-                    {
-                        card_wrapper: {
-                            display: "flex",
-                            "flex-direction": "row",
-                            "border-radius": "base",
-                            overflow: "hidden",
-                            "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-                            mobile: {
-                                "flex-direction": "column",
-                            },
-                            "padding-top": "base",
-                            "padding-right": "base",
-                            "padding-left": "base",
-                            "padding-bottom": "base",
-                        },
-                        left_container: {
-                            "flex-shrink": "0",
-                        },
-                        image: {
-                            "object-fit": "cover",
-                            "border-radius": "base",
-                            mobile: {
-                                width: "100%",
-                                height: "180px",
-                            },
-                            width: "250px",
-                        },
-                        right_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "padding-top": "base",
-                            "padding-bottom": "base",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            "flex-grow": "1",
-                            "row-gap": "sm",
-                        },
-                        meta_container: {
-                            display: "flex",
-                            "align-items": "center",
-                        },
-                        date_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "xs",
-                        },
-                        date_icon: {
-                            width: "16px",
-                            height: "16px",
-                        },
-                        date_text: {
-                            color: "text-2",
-                        },
-                        text_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "sm",
-                            "flex-grow": "1",
-                        },
-                        card_title: {
-                            color: "text-1",
-                            "line-height": "1.3",
-                        },
-                        cta: {
-                            "background-color": "brand",
-                            color: "brandForeground",
-                            "padding-top": "xs",
-                            "padding-bottom": "xs",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            width: "fit-content",
-                            cursor: "pointer",
-                        },
-                    },
-                    {
-                        card_wrapper: {
-                            display: "flex",
-                            "flex-direction": "row",
-                            "border-radius": "base",
-                            overflow: "hidden",
-                            "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-                            mobile: {
-                                "flex-direction": "column",
-                            },
-                            "padding-top": "base",
-                            "padding-right": "base",
-                            "padding-left": "base",
-                            "padding-bottom": "base",
-                        },
-                        left_container: {
-                            "flex-shrink": "0",
-                        },
-                        image: {
-                            width: "160px",
-                            "object-fit": "cover",
-                            "border-radius": "base",
-                            mobile: {
-                                width: "100%",
-                                height: "180px",
-                            },
-                        },
-                        right_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "padding-top": "base",
-                            "padding-bottom": "base",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            "flex-grow": "1",
-                            "row-gap": "sm",
-                        },
-                        meta_container: {
-                            display: "flex",
-                            "align-items": "center",
-                        },
-                        date_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "xs",
-                        },
-                        date_icon: {
-                            width: "16px",
-                            height: "16px",
-                        },
-                        date_text: {
-                            color: "text-2",
-                        },
-                        text_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "sm",
-                            "flex-grow": "1",
-                        },
-                        card_title: {
-                            color: "text-1",
-                            "line-height": "1.3",
-                        },
-                        cta: {
-                            "background-color": "brand",
-                            color: "brandForeground",
-                            "padding-top": "xs",
-                            "padding-bottom": "xs",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            width: "fit-content",
-                            cursor: "pointer",
-                        },
-                    },
-                    {
-                        card_wrapper: {
-                            display: "flex",
-                            "flex-direction": "row",
-                            "border-radius": "base",
-                            overflow: "hidden",
-                            "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-                            mobile: {
-                                "flex-direction": "column",
-                            },
-                            "padding-top": "base",
-                            "padding-right": "base",
-                            "padding-left": "base",
-                            "padding-bottom": "base",
-                        },
-                        left_container: {
-                            "flex-shrink": "0",
-                        },
-                        image: {
-                            width: "160px",
-                            "object-fit": "cover",
-                            "border-radius": "base",
-                            mobile: {
-                                width: "100%",
-                                height: "180px",
-                            },
-                        },
-                        right_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "padding-top": "base",
-                            "padding-bottom": "base",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            "flex-grow": "1",
-                            "row-gap": "sm",
-                        },
-                        meta_container: {
-                            display: "flex",
-                            "align-items": "center",
-                        },
-                        date_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "xs",
-                        },
-                        date_icon: {
-                            width: "16px",
-                            height: "16px",
-                        },
-                        date_text: {
-                            color: "text-2",
-                        },
-                        text_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "sm",
-                            "flex-grow": "1",
-                        },
-                        card_title: {
-                            color: "text-1",
-                            "line-height": "1.3",
-                        },
-                        cta: {
-                            "background-color": "brand",
-                            color: "brandForeground",
-                            "padding-top": "xs",
-                            "padding-bottom": "xs",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            width: "fit-content",
-                            cursor: "pointer",
-                        },
-                    },
-                    {
-                        card_wrapper: {
-                            display: "flex",
-                            "flex-direction": "row",
-                            "border-radius": "base",
-                            overflow: "hidden",
-                            "box-shadow": "0 4px 6px -1px rgb(0 0 0 / 0.1), 0 2px 4px -2px rgb(0 0 0 / 0.1)",
-                            mobile: {
-                                "flex-direction": "column",
-                            },
-                            "padding-top": "base",
-                            "padding-right": "base",
-                            "padding-left": "base",
-                            "padding-bottom": "base",
-                        },
-                        left_container: {
-                            "flex-shrink": "0",
-                        },
-                        image: {
-                            width: "160px",
-                            "object-fit": "cover",
-                            "border-radius": "base",
-                            mobile: {
-                                width: "100%",
-                                height: "180px",
-                            },
-                        },
-                        right_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "padding-top": "base",
-                            "padding-bottom": "base",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            "flex-grow": "1",
-                            "row-gap": "sm",
-                        },
-                        meta_container: {
-                            display: "flex",
-                            "align-items": "center",
-                        },
-                        date_wrapper: {
-                            display: "flex",
-                            "align-items": "center",
-                            "column-gap": "xs",
-                        },
-                        date_icon: {
-                            width: "16px",
-                            height: "16px",
-                        },
-                        date_text: {
-                            color: "text-2",
-                        },
-                        text_container: {
-                            display: "flex",
-                            "flex-direction": "column",
-                            "row-gap": "sm",
-                            "flex-grow": "1",
-                        },
-                        card_title: {
-                            color: "text-1",
-                            "line-height": "1.3",
-                        },
-                        cta: {
-                            "background-color": "brand",
-                            color: "brandForeground",
-                            "padding-top": "xs",
-                            "padding-bottom": "xs",
-                            "padding-left": "base",
-                            "padding-right": "base",
-                            width: "fit-content",
-                            cursor: "pointer",
-                        },
-                    },
-                ],
-            },
-            content: DEFAULT_CONTENT,
-            config: {
-                title: {
-                    heading: {
-                        level: 1,
-                    },
-                    selectedVariants: {
-                        Heading_Level: "H2",
-                    },
-                },
-            },
-        },
-    ],
-};