@levo-so/blocks 0.1.58 → 0.1.60

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

@@ -1,5 +1,30 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA = {
+  id: "aytAUN3yAYoHd",
+  filename: "cards-12-1.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/cards-12-1-UpLA9Wh31o5St-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -11,30 +36,7 @@ const DEFAULT_CONTENT = {
   right_container: null,
   images: [
     {
-      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",
-        },
-      },
+      image: MEDIA,
     },
   ],
   cards: [
@@ -231,29 +233,8 @@ export const Cards12: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          "padding-top": "5xl",
-          "padding-bottom": "5xl",
-          "padding-left": "xl",
-          "padding-right": "xl",
-          tablet: {
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
-            "padding-left": "lg",
-            "padding-right": "lg",
-          },
-          mobile: {
-            "padding-top": "3xl",
-            "padding-bottom": "3xl",
-            "padding-left": "base",
-            "padding-right": "base",
-          },
-        },
-        container: {
-          "max-width": "1280px",
-          "margin-left": "auto",
-          "margin-right": "auto",
-        },
+        layout: {},
+        container: {},
         main_wrapper: {
           display: "flex",
           "column-gap": "5xl",
@@ -272,23 +253,8 @@ export const Cards12: IBlock = {
           "flex-direction": "column",
           "row-gap": "xl",
         },
-        left_title: {
-          "font-size": "4xl",
-          "font-weight": "700",
-          color: "text-1",
-          "line-height": "1.2",
-          tablet: {
-            "font-size": "3xl",
-          },
-          mobile: {
-            "font-size": "2xl",
-          },
-        },
-        left_description: {
-          "font-size": "lg",
-          color: "text-2",
-          "line-height": "1.6",
-        },
+        left_title: {},
+        left_description: {},
         images_levoGroup: {
           display: "grid",
           "grid-template-columns": "repeat(1, minmax(0, 1fr))",
@@ -330,9 +296,12 @@ export const Cards12: IBlock = {
               "border-width": "1px",
               "border-color": "border",
             },
+            title: {
+              "font-weight": 600,
+            },
+            description: {},
             small_desc: {
-              "font-size": "sm",
-              "font-weight": "600",
+              "font-weight": 600,
               color: "text-3",
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
@@ -344,17 +313,6 @@ export const Cards12: IBlock = {
               "padding-bottom": "4xs",
               "border-radius": "3xl",
             },
-            title: {
-              "font-size": "xl",
-              "font-weight": "600",
-              color: "text-1",
-              "line-height": "1.3",
-            },
-            description: {
-              "font-size": "base",
-              color: "text-2",
-              "line-height": "1.6",
-            },
           },
           {
             card: {
@@ -369,9 +327,12 @@ export const Cards12: IBlock = {
               "border-width": "1px",
               "border-color": "border",
             },
+            title: {
+              "font-weight": 600,
+            },
+            description: {},
             small_desc: {
-              "font-size": "sm",
-              "font-weight": "600",
+              "font-weight": 600,
               color: "text-3",
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
@@ -383,34 +344,10 @@ export const Cards12: IBlock = {
               "padding-bottom": "4xs",
               "border-radius": "3xl",
             },
-            title: {
-              "font-size": "xl",
-              "font-weight": "600",
-              color: "text-1",
-              "line-height": "1.3",
-            },
-            description: {
-              "font-size": "base",
-              color: "text-2",
-              "line-height": "1.6",
-            },
           },
           {
-            card: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-color": "border",
-            },
             small_desc: {
-              "font-size": "sm",
-              "font-weight": "600",
+              "font-weight": 600,
               color: "text-3",
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
@@ -422,19 +359,6 @@ export const Cards12: IBlock = {
               "padding-bottom": "4xs",
               "border-radius": "3xl",
             },
-            title: {
-              "font-size": "xl",
-              "font-weight": "600",
-              color: "text-1",
-              "line-height": "1.3",
-            },
-            description: {
-              "font-size": "base",
-              color: "text-2",
-              "line-height": "1.6",
-            },
-          },
-          {
             card: {
               display: "flex",
               "flex-direction": "column",
@@ -447,9 +371,14 @@ export const Cards12: IBlock = {
               "border-width": "1px",
               "border-color": "border",
             },
+            title: {
+              "font-weight": 600,
+            },
+            description: {},
+          },
+          {
             small_desc: {
-              "font-size": "sm",
-              "font-weight": "600",
+              "font-weight": 600,
               color: "text-3",
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
@@ -461,19 +390,6 @@ export const Cards12: IBlock = {
               "padding-bottom": "4xs",
               "border-radius": "3xl",
             },
-            title: {
-              "font-size": "xl",
-              "font-weight": "600",
-              color: "text-1",
-              "line-height": "1.3",
-            },
-            description: {
-              "font-size": "base",
-              color: "text-2",
-              "line-height": "1.6",
-            },
-          },
-          {
             card: {
               display: "flex",
               "flex-direction": "column",
@@ -486,93 +402,98 @@ export const Cards12: IBlock = {
               "border-width": "1px",
               "border-color": "border",
             },
-            small_desc: {
-              "font-size": "sm",
-              "font-weight": "600",
-              color: "text-3",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
             title: {
-              "font-size": "xl",
-              "font-weight": "600",
-              color: "text-1",
-              "line-height": "1.3",
-            },
-            description: {
-              "font-size": "base",
-              color: "text-2",
-              "line-height": "1.6",
+              "font-weight": 600,
             },
+            description: {},
           },
+        ],
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        left_title: {
+          selectedVariants: {
+            Heading_Level: "H3",
+          },
+        },
+        left_description: {
+          selectedVariants: {},
+        },
+        cards: [
           {
-            card: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-color": "border",
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            description: {
+              selectedVariants: {},
             },
             small_desc: {
-              "font-size": "sm",
-              "font-weight": "600",
-              color: "text-3",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
+          },
+          {
             title: {
-              "font-size": "xl",
-              "font-weight": "600",
-              color: "text-1",
-              "line-height": "1.3",
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+              heading: {
+                level: "4",
+              },
             },
             description: {
-              "font-size": "base",
-              color: "text-2",
-              "line-height": "1.6",
+              selectedVariants: {},
+            },
+            small_desc: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
           },
           {
-            card: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "sm",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "padding-left": "lg",
-              "padding-right": "lg",
-              "border-radius": "lg",
-              "border-width": "1px",
-              "border-color": "border",
+            title: {
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            description: {
+              selectedVariants: {},
             },
             small_desc: {
-              "font-size": "sm",
-              "font-weight": "600",
-              color: "text-3",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
+          },
+          {
             title: {
-              "font-size": "xl",
-              "font-weight": "600",
-              color: "text-1",
-              "line-height": "1.3",
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+              heading: {
+                level: "4",
+              },
             },
             description: {
-              "font-size": "base",
-              color: "text-2",
-              "line-height": "1.6",
+              selectedVariants: {},
+            },
+            small_desc: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
             },
           },
         ],
       },
-      content: DEFAULT_CONTENT,
-      config: {},
     },
   ],
 };

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

@@ -1,5 +1,44 @@
 import type { IBlock } from "@levo-so/studio";
 
+const IMG = {
+  object: "media",
+  id: "SvIOKsjxeW60M",
+  workspace_id: "WLZ1TXTD",
+  folder_id: null,
+  filename: "cards-13-default.jpg",
+  kind: "image",
+  path: "WLZ1TXTD/cards-13-default-R6er7NbOMhWhq.jpg",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq.jpg",
+  metadata: {
+    etag: '"82cc15f23828898f40601be4d10eaa42"',
+    mimetype: "image/jpeg",
+    size: 149766,
+  },
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/cards-13-default-R6er7NbOMhWhq-1200w.webp 1200w",
+  },
+  tags: [],
+  created_at: "2025-12-20T08:24:01.290Z",
+  updated_at: "2025-12-20T08:24:01.290Z",
+  created_by: null,
+  updated_by: null,
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -11,30 +50,7 @@ const DEFAULT_CONTENT = {
   left_container: null,
   center_container: null,
   right_container: null,
-  main_image: {
-    id: "4JOGKlkPlUtWm",
-    filename: "image.png",
-    kind: "image",
-    location: "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU.png",
-    srcset: {
-      "1080w":
-        "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-1080w.webp",
-      "1200w":
-        "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-1200w.webp",
-      "1920w":
-        "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-1920w.webp",
-      "320w":
-        "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-320w.webp",
-      "640w":
-        "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-640w.webp",
-      "750w":
-        "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-750w.webp",
-      "828w":
-        "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-828w.webp",
-      path: "https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-ImvFuBrtkBYIU-1920w.webp 1920w",
-    },
-    mimetype: "image/png",
-  },
+  main_image: IMG,
   left_cards: [
     {
       card: null,
@@ -265,7 +281,7 @@ export const Cards13: IBlock = {
         {
           key: "title",
           label: "Title",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "description",
@@ -298,7 +314,7 @@ export const Cards13: IBlock = {
         {
           key: "title",
           label: "Title",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "description",
@@ -313,22 +329,8 @@ export const Cards13: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-        },
-        container: {
-          "padding-left": "none",
-          "padding-right": "none",
-          tablet: {
-            "padding-left": "5xl",
-            "padding-right": "5xl",
-          },
-          mobile: {
-            "padding-left": "2xl",
-            "padding-right": "2xl",
-          },
-        },
+        layout: {},
+        container: {},
         header_section: {
           "text-align": "center",
           "margin-bottom": "3xl",
@@ -337,22 +339,9 @@ export const Cards13: IBlock = {
           "align-items": "center",
           "row-gap": "base",
         },
-        main_title: {
-          "font-size": "3xl",
-          "font-weight": "700",
-          color: "text-1",
-          mobile: {
-            "font-size": "2xl",
-          },
-        },
+        main_title: {},
         main_description: {
-          "font-size": "lg",
-          color: "text-2",
-          "line-height": "1.6",
           "max-width": "600px",
-          mobile: {
-            "font-size": "base",
-          },
         },
         main_wrapper: {
           display: "flex",
@@ -525,6 +514,9 @@ export const Cards13: IBlock = {
               "flex-direction": "column",
               "row-gap": "xs",
             },
+            title: {
+              "font-weight": 600,
+            },
           },
           {
             card: {
@@ -538,6 +530,7 @@ export const Cards13: IBlock = {
               display: "flex",
               "flex-direction": "column",
               "row-gap": "base",
+              "box-shadow": "none",
             },
             icon: {
               height: "32px",
@@ -549,6 +542,9 @@ export const Cards13: IBlock = {
               "flex-direction": "column",
               "row-gap": "xs",
             },
+            title: {
+              "font-weight": 600,
+            },
           },
         ],
         right_cards: [
@@ -575,6 +571,9 @@ export const Cards13: IBlock = {
               "flex-direction": "column",
               "row-gap": "xs",
             },
+            title: {
+              "font-weight": 600,
+            },
           },
           {
             card: {
@@ -599,6 +598,9 @@ export const Cards13: IBlock = {
               "flex-direction": "column",
               "row-gap": "xs",
             },
+            title: {
+              "font-weight": 600,
+            },
           },
         ],
       },
@@ -609,6 +611,55 @@ export const Cards13: IBlock = {
             Heading_Level: "H2",
           },
         },
+        main_description: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
+        left_cards: [
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            description: {
+              selectedVariants: {},
+            },
+          },
+          {
+            title: {
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+            description: {
+              selectedVariants: {},
+            },
+          },
+        ],
+        right_cards: [
+          {
+            title: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+          {
+            title: {
+              selectedVariants: {
+                Heading_Level: "H5",
+              },
+            },
+          },
+        ],
       },
     },
   ],