@levo-so/blocks 0.1.59 → 0.1.60

package/src/blocks/hero/hero-1.schema.ts

@@ -1,5 +1,133 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA_DEFAULT = {
+  id: "MqnWyg8s7L1p",
+  filename: "hero-1-default.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-1-default-PzNBMN1YfzZS-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_CARD = {
+  id: "GLULcijQKLWq",
+  filename: "hero-1-card.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-qW3I1jcnTXZe-320w.webp 320w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_CARD_LEFT = {
+  id: "hjBnvKreHz9s",
+  filename: "hero-1-card-left.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-1-card-left-1d7jLgEaNCKZ-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_FULL = {
+  id: "dO4pwFglIOnU",
+  filename: "hero-1-full.png",
+  kind: "image",
+  location: "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/hero-1-full-LkppHvju5f8s-1920w.webp 1920w",
+  },
+  mimetype: "image/png",
+};
+
+const MEDIA_VERTICAL = {
+  id: "KQ5XQXeVZ3sf",
+  filename: "hero-1-vertical.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/hero-1-vertical-MqnCyg8s7O47-1200w.webp 1200w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   content_wrapper: null,
@@ -178,23 +306,10 @@ export const Hero1: IBlock = {
       key: "default",
       styles: {
         layout: {
-          width: "100%",
           "row-gap": "3xl",
           "column-gap": "3xl",
-          "padding-top": "3xl",
-          "padding-right": "4xl",
-          "padding-bottom": "3xl",
-          "padding-left": "4xl",
-          tablet: {
-            "padding-top": "2xl",
-            "padding-right": "2xl",
-            "padding-bottom": "2xl",
-            "padding-left": "2xl",
-          },
         },
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           flex: "1",
           "flex-direction": "row-reverse",
@@ -225,15 +340,9 @@ export const Hero1: IBlock = {
           "justify-content": "center",
           "row-gap": "base",
         },
-        label: {
-          color: "text-2",
-        },
-        title: {
-          color: "text-1",
-        },
-        description: {
-          color: "text-2",
-        },
+        label: {},
+        title: {},
+        description: {},
         hero_ctas_levoGroup: {
           display: "flex",
           gap: "base",
@@ -259,7 +368,14 @@ export const Hero1: IBlock = {
           },
         ],
       },
-      content: DEFAULT_CONTENT,
+      content: {
+        ...DEFAULT_CONTENT,
+        hero_images: [
+          {
+            image: MEDIA_DEFAULT,
+          },
+        ],
+      },
       config: {
         title: {
           heading: {
@@ -269,6 +385,11 @@ export const Hero1: IBlock = {
             Heading_Level: "H1",
           },
         },
+        label: {
+          selectedVariants: {
+            Typography_Variants: "Body",
+          },
+        },
       },
     },
     {
@@ -276,32 +397,24 @@ export const Hero1: IBlock = {
       key: "card",
       styles: {
         layout: {
-          width: "100%",
           "row-gap": "3xl",
           "column-gap": "3xl",
-          padding: "base",
           "background-color": "background-1",
         },
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           "flex-direction": "row",
           "align-items": "center",
           "row-gap": "3xl",
           "column-gap": "3xl",
-          "border-radius": "base",
+          "border-radius": "xl",
           "background-color": "white",
           "box-shadow": "default",
           "padding-top": "3xl",
-          "padding-right": "4xl",
           "padding-bottom": "3xl",
-          "padding-left": "4xl",
           tablet: {
             "padding-top": "2xl",
-            "padding-right": "2xl",
             "padding-bottom": "2xl",
-            "padding-left": "2xl",
           },
           mobile: {
             "flex-direction": "column",
@@ -327,15 +440,9 @@ export const Hero1: IBlock = {
           "justify-content": "center",
           "row-gap": "base",
         },
-        label: {
-          color: "text-2",
-        },
-        title: {
-          color: "text-1",
-        },
-        description: {
-          color: "text-2",
-        },
+        label: {},
+        title: {},
+        description: {},
         hero_ctas_levoGroup: {
           display: "flex",
           gap: "base",
@@ -361,7 +468,14 @@ export const Hero1: IBlock = {
           },
         ],
       },
-      content: DEFAULT_CONTENT,
+      content: {
+        ...DEFAULT_CONTENT,
+        hero_images: [
+          {
+            image: MEDIA_CARD,
+          },
+        ],
+      },
       config: {
         title: {
           heading: {
@@ -385,8 +499,6 @@ export const Hero1: IBlock = {
           "background-color": "background-1",
         },
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           flex: "1",
           "flex-direction": "row-reverse",
@@ -464,7 +576,14 @@ export const Hero1: IBlock = {
           },
         ],
       },
-      content: DEFAULT_CONTENT,
+      content: {
+        ...DEFAULT_CONTENT,
+        hero_images: [
+          {
+            image: MEDIA_CARD_LEFT,
+          },
+        ],
+      },
       config: {
         title: {
           heading: {
@@ -485,20 +604,8 @@ export const Hero1: IBlock = {
           width: "100%",
           "row-gap": "3xl",
           "column-gap": "3xl",
-          "padding-top": "3xl",
-          "padding-right": "4xl",
-          "padding-bottom": "3xl",
-          "padding-left": "4xl",
-          tablet: {
-            "padding-top": "2xl",
-            "padding-right": "2xl",
-            "padding-bottom": "2xl",
-            "padding-left": "2xl",
-          },
         },
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           flex: "1",
           "flex-direction": "row",
@@ -506,16 +613,13 @@ export const Hero1: IBlock = {
           "align-items": "center",
           "row-gap": "3xl",
           "column-gap": "3xl",
-          "padding-left": "4xl",
           "padding-top": "8xl",
           "padding-bottom": "8xl",
           tablet: {
-            "padding-left": "2xl",
             "padding-top": "4xl",
             "padding-bottom": "4xl",
           },
           mobile: {
-            "padding-left": "lg",
             "padding-top": "2xl",
             "padding-bottom": "2xl",
             "flex-direction": "column",
@@ -596,7 +700,14 @@ export const Hero1: IBlock = {
           },
         ],
       },
-      content: DEFAULT_CONTENT,
+      content: {
+        ...DEFAULT_CONTENT,
+        hero_images: [
+          {
+            image: MEDIA_FULL,
+          },
+        ],
+      },
       config: {
         title: {
           heading: {
@@ -617,20 +728,8 @@ export const Hero1: IBlock = {
           width: "100%",
           "row-gap": "3xl",
           "column-gap": "3xl",
-          "padding-top": "3xl",
-          "padding-right": "4xl",
-          "padding-bottom": "3xl",
-          "padding-left": "4xl",
-          tablet: {
-            "padding-top": "2xl",
-            "padding-right": "2xl",
-            "padding-bottom": "2xl",
-            "padding-left": "2xl",
-          },
         },
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           flex: "1",
           "flex-direction": "column",
@@ -638,9 +737,6 @@ export const Hero1: IBlock = {
           "row-gap": "3xl",
           "column-gap": "3xl",
           mobile: {
-            "padding-left": "lg",
-            "padding-top": "4xl",
-            "padding-bottom": "4xl",
             "flex-direction": "column",
           },
         },
@@ -666,15 +762,9 @@ export const Hero1: IBlock = {
           "text-align": "center",
           "row-gap": "base",
         },
-        label: {
-          color: "text-2",
-        },
-        title: {
-          color: "text-1",
-        },
-        description: {
-          color: "text-2",
-        },
+        label: {},
+        title: {},
+        description: {},
         hero_ctas_levoGroup: {
           display: "flex",
           gap: "base",
@@ -723,14 +813,21 @@ export const Hero1: IBlock = {
         horizontal_divider: {
           width: "60px",
           height: "2px",
-          "background-color": " #00C896",
+          "background-color": "brandSecondary",
           "padding-top": "none",
           "padding-bottom": "none",
           "margin-top": "none",
           "margin-bottom": "none",
         },
       },
-      content: DEFAULT_CONTENT,
+      content: {
+        ...DEFAULT_CONTENT,
+        hero_images: [
+          {
+            image: MEDIA_VERTICAL,
+          },
+        ],
+      },
       config: {
         title: {
           heading: {

package/src/blocks/hero/hero-10.schema.ts

@@ -89,27 +89,10 @@ export const Hero10: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "3xl",
-          "padding-right": "4xl",
-          "padding-bottom": "3xl",
-          "padding-left": "4xl",
-          tablet: {
-            "padding-top": "2xl",
-            "padding-right": "2xl",
-            "padding-bottom": "2xl",
-            "padding-left": "2xl",
-          },
-        },
+        layout: {},
         container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
           display: "flex",
           flex: "1",
-          "max-width": "auto",
-          "padding-left": "none",
-          "padding-right": "none",
         },
         content_wrapper: {
           display: "flex",
@@ -120,13 +103,6 @@ export const Hero10: IBlock = {
           width: "100%",
         },
         title: {
-          color: "text-1",
-          "font-size": "5xl",
-          "font-weight": "700",
-          mobile: {
-            "font-size": "3xl",
-          },
-          width: "100%",
           "max-width": "400px",
         },
         text_cta_container: {
@@ -144,8 +120,6 @@ export const Hero10: IBlock = {
           "flex-direction": "column",
         },
         description: {
-          color: "text-2",
-          "font-size": "lg",
           flex: "1",
           "max-width": "400px",
         },
@@ -163,10 +137,15 @@ export const Hero10: IBlock = {
       config: {
         title: {
           heading: {
-            level: 1,
+            level: "2",
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
           },
+        },
+        description: {
           selectedVariants: {
-            Heading_Level: "H1",
+            Typography_Variants: "Large",
           },
         },
       },