@levo-so/blocks 0.1.58 → 0.1.60

package/src/blocks/cards/cards-10.tsx

@@ -21,7 +21,15 @@ const Cards10: React.FC<ILevoBlockBaseProps<ICards10Content>> = ({
       <Box elementKey="header_section">
         <Heading elementKey="main_title" />
         <Typography elementKey="description" />
-        <Button elementKey="cta" />
+        <Box elementKey="ctas_levoGroup" data-levo_group>
+          {(content?.ctas ?? []).map((_: any, index: number) => (
+            <Button
+              key={`ctas.${index}.cta`}
+              elementKey={`ctas.${index}.cta`}
+              data-levo_group_item
+            />
+          ))}
+        </Box>
       </Box>
       <Box elementKey="cards_grid">
         <Box elementKey="cards_levoGroup" data-levo_group>

package/src/blocks/cards/cards-11.schema.ts

@@ -1,5 +1,69 @@
 import type { IBlock } from "@levo-so/studio";
 
+const IMG_DEFAULT = {
+  id: "8eRTS0Um3wREL",
+  filename: "cards-11-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-11-1-oilhcrpq9mUy9-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+
+const IMG_VARAINT_1 = {
+  object: "media",
+  id: "4JO66lk27h2zF",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "cards-11-variant-1.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638.jpg",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638.jpg",
+  metadata: {
+    etag: '"5a0f40372c2cd91d16884e009779788d"',
+    mimetype: "image/jpeg",
+    size: 8383117,
+  },
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-11-variant-1-hjB8QvKrOj638-1920w.webp 1920w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:17:47.836Z",
+  updated_at: "2025-12-20T08:17:47.836Z",
+  created_by: null,
+  updated_by: null,
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -10,30 +74,7 @@ const DEFAULT_CONTENT = {
   main_wrapper: null,
   left_container: null,
   right_container: null,
-  main_image: {
-    id: "aytSN3Hg27EV",
-    filename: "image.png",
-    kind: "image",
-    location: "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq.png",
-    srcset: {
-      "1080w":
-        "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-1080w.webp",
-      "1200w":
-        "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-1200w.webp",
-      "1920w":
-        "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-1920w.webp",
-      "320w":
-        "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-320w.webp",
-      "640w":
-        "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-640w.webp",
-      "750w":
-        "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-750w.webp",
-      "828w":
-        "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-828w.webp",
-      path: "https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-1920w.webp 1920w, https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-WT0jrEUa9Moq-1080w.webp 1080w",
-    },
-    mimetype: "image/png",
-  },
+  main_image: IMG_DEFAULT,
   cards: [
     {
       card: null,
@@ -153,30 +194,7 @@ const DEFAULT_CONTENT_VARIANT_1 = {
   main_wrapper: null,
   left_container: null,
   right_container: null,
-  main_image: {
-    id: "tryyEJ6PNnl15",
-    filename: "image.png",
-    kind: "image",
-    location: "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t.png",
-    srcset: {
-      "1080w":
-        "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-1080w.webp",
-      "1200w":
-        "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-1200w.webp",
-      "1920w":
-        "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-1920w.webp",
-      "320w":
-        "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-320w.webp",
-      "640w":
-        "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-640w.webp",
-      "750w":
-        "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-750w.webp",
-      "828w":
-        "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-828w.webp",
-      path: "https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-JtaUZEUj2dE1t-1920w.webp 1920w",
-    },
-    mimetype: "image/png",
-  },
+  main_image: IMG_VARAINT_1,
   cards: [
     {
       card: null,
@@ -365,7 +383,7 @@ export const Cards11: IBlock = {
         {
           key: "title",
           label: "Title",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "description",
@@ -380,19 +398,8 @@ export const Cards11: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-          "padding-left": "base",
-          "padding-right": "base",
-        },
-        container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "none",
-          "padding-right": "none",
-        },
+        layout: {},
+        container: {},
         header_section: {
           "text-align": "center",
           "margin-bottom": "3xl",
@@ -405,14 +412,7 @@ export const Cards11: IBlock = {
             "flex-direction": "column",
           },
         },
-        main_description: {
-          "font-size": "lg",
-          color: "text-2",
-          "line-height": "1.6",
-          mobile: {
-            "font-size": "base",
-          },
-        },
+        main_description: {},
         main_wrapper: {
           display: "flex",
           "align-items": "center",
@@ -503,15 +503,7 @@ export const Cards11: IBlock = {
               "flex-direction": "column",
               "row-gap": "sm",
             },
-            title: {
-              tablet: {
-                "font-size": "2xl",
-              },
-              "font-size": "2xl",
-              mobile: {
-                "font-size": "lg",
-              },
-            },
+            title: {},
           },
           {
             card: {
@@ -534,15 +526,7 @@ export const Cards11: IBlock = {
               "flex-direction": "column",
               "row-gap": "sm",
             },
-            title: {
-              "font-size": "2xl",
-              tablet: {
-                "font-size": "2xl",
-              },
-              mobile: {
-                "font-size": "lg",
-              },
-            },
+            title: {},
           },
           {
             card: {
@@ -565,15 +549,7 @@ export const Cards11: IBlock = {
               "flex-direction": "column",
               "row-gap": "sm",
             },
-            title: {
-              "font-size": "2xl",
-              tablet: {
-                "font-size": "2xl",
-              },
-              mobile: {
-                "font-size": "lg",
-              },
-            },
+            title: {},
           },
         ],
       },
@@ -584,25 +560,42 @@ export const Cards11: IBlock = {
             Heading_Level: "H2",
           },
         },
+        cards: [
+          {
+            title: {
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+          {
+            title: {
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+          {
+            title: {
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+        ],
+        main_description: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
       },
     },
     {
       key: "variant-1",
       title: "Variant 1",
       styles: {
-        layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-          "padding-left": "base",
-          "padding-right": "base",
-        },
-        container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "none",
-          "padding-right": "none",
-        },
+        layout: {},
+        container: {},
         header_section: {
           "text-align": "center",
           "margin-bottom": "3xl",
@@ -617,12 +610,6 @@ export const Cards11: IBlock = {
           "align-items": "center",
         },
         main_description: {
-          "font-size": "lg",
-          color: "text-2",
-          "line-height": "1.6",
-          mobile: {
-            "font-size": "base",
-          },
           display: "none",
         },
         main_wrapper: {
@@ -714,13 +701,7 @@ export const Cards11: IBlock = {
               "row-gap": "sm",
             },
             title: {
-              tablet: {
-                "font-size": "2xl",
-              },
-              "font-size": "2xl",
-              mobile: {
-                "font-size": "lg",
-              },
+              "font-weight": 600,
             },
           },
           {
@@ -744,13 +725,7 @@ export const Cards11: IBlock = {
               "row-gap": "sm",
             },
             title: {
-              tablet: {
-                "font-size": "2xl",
-              },
-              "font-size": "2xl",
-              mobile: {
-                "font-size": "lg",
-              },
+              "font-weight": 600,
             },
           },
           {
@@ -758,10 +733,10 @@ export const Cards11: IBlock = {
               "padding-top": "none",
               "padding-right": "3xl",
               "padding-left": "3xl",
-              "padding-bottom": "none",
-              "border-radius": "base",
+              "padding-bottom": "base",
               display: "flex",
               "column-gap": "sm",
+              "border-bottom": "1px solid #D9D9D9",
             },
             icon: {
               height: "34px",
@@ -774,145 +749,61 @@ export const Cards11: IBlock = {
               "row-gap": "sm",
             },
             title: {
-              tablet: {
-                "font-size": "2xl",
-              },
-              "font-size": "2xl",
-              mobile: {
-                "font-size": "lg",
-              },
+              "font-weight": 600,
             },
           },
-          {
-            card: {
-              "padding-top": "3xl",
-              "padding-right": "3xl",
-              "padding-left": "3xl",
-              "padding-bottom": "3xl",
-              "border-radius": "base",
-              display: "flex",
-              "column-gap": "sm",
-            },
-            icon: {
-              height: "34px",
-              width: "34px",
-              "font-size": "34px",
-            },
-            content_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
-            title: {
-              tablet: {
-                "font-size": "2xl",
-              },
-              "font-size": "2xl",
-              mobile: {
-                "font-size": "lg",
-              },
-            },
+        ],
+        cards_levoGroupItem: {
+          title: {
+            "font-weight": 600,
+          },
+        },
+      },
+      content: DEFAULT_CONTENT_VARIANT_1,
+      config: {
+        main_title: {
+          selectedVariants: {
+            Heading_Level: "H2",
           },
+        },
+        main_description: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
+        cards: [
           {
-            card: {
-              "padding-top": "3xl",
-              "padding-right": "3xl",
-              "padding-left": "3xl",
-              "padding-bottom": "3xl",
-              "border-radius": "base",
-              display: "flex",
-              "column-gap": "sm",
-            },
-            icon: {
-              height: "34px",
-              width: "34px",
-              "font-size": "34px",
-            },
-            content_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
             title: {
-              tablet: {
-                "font-size": "2xl",
+              selectedVariants: {
+                Heading_Level: "H4",
               },
-              "font-size": "2xl",
-              mobile: {
-                "font-size": "lg",
+              heading: {
+                level: "4",
               },
             },
           },
           {
-            card: {
-              "padding-top": "3xl",
-              "padding-right": "3xl",
-              "padding-left": "3xl",
-              "padding-bottom": "3xl",
-              "border-radius": "base",
-              display: "flex",
-              "column-gap": "sm",
-            },
-            icon: {
-              height: "34px",
-              width: "34px",
-              "font-size": "34px",
-            },
-            content_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
             title: {
-              "font-size": "2xl",
-              tablet: {
-                "font-size": "2xl",
+              selectedVariants: {
+                Heading_Level: "H4",
               },
-              mobile: {
-                "font-size": "lg",
+              heading: {
+                level: "4",
               },
             },
           },
           {
-            card: {
-              "padding-top": "3xl",
-              "padding-right": "3xl",
-              "padding-left": "3xl",
-              "padding-bottom": "3xl",
-              "border-radius": "base",
-              display: "flex",
-              "column-gap": "sm",
-            },
-            icon: {
-              height: "34px",
-              width: "34px",
-              "font-size": "34px",
-            },
-            content_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-            },
             title: {
-              "font-size": "2xl",
-              tablet: {
-                "font-size": "2xl",
+              selectedVariants: {
+                Heading_Level: "H4",
               },
-              mobile: {
-                "font-size": "lg",
+              heading: {
+                level: "4",
               },
             },
           },
         ],
       },
-      content: DEFAULT_CONTENT_VARIANT_1,
-      config: {
-        main_title: {
-          selectedVariants: {
-            Heading_Level: "H2",
-          },
-        },
-      },
     },
   ],
 };