@levo-so/blocks 0.1.59 → 0.1.60

package/src/blocks/footer/footer-6.schema.ts

@@ -1,34 +1,37 @@
 import type { IBlock } from "@levo-so/studio";
 
+const MEDIA = {
+  id: "oilvrpqtlHti",
+  filename: "footer-6-logo.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/footer-6-logo-MqnQyg87rAAT-750w.webp 750w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
   contentWrapper: null,
   logoTextWrapper: null,
-  logo: {
-    id: "yCrH23FHqVmeb",
-    filename: "image.png",
-    kind: "image",
-    location: "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL.png",
-    srcset: {
-      "1080w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1080w.webp",
-      "1200w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1200w.webp",
-      "1920w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1920w.webp",
-      "320w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-320w.webp",
-      "640w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-640w.webp",
-      "750w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-750w.webp",
-      "828w":
-        "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-828w.webp",
-      path: "https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-750w.webp 750w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-640w.webp 640w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-320w.webp 320w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-828w.webp 828w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1080w.webp 1080w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1200w.webp 1200w, https://static.levostg.online/W6OEVMW8/image-XZbmNbc9sifZL-1920w.webp 1920w",
-    },
-    mimetype: "image/png",
-  },
+  logo: MEDIA,
   logoDescription:
     "<p>No more guesswork. No more excuses. Just real, proven training.</p><p></p>",
   icon_links: [
@@ -272,7 +275,7 @@ export const Footer6: IBlock = {
         {
           key: "category",
           label: "Category",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "links",
@@ -317,25 +320,9 @@ export const Footer6: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          "padding-top": "80px",
-          "padding-left": "none",
-          "padding-right": "none",
-          "padding-bottom": "none",
-          tablet: {
-            padding: "50px",
-            "padding-bottom": "none",
-            "margin-left": "none",
-            "padding-left": "none",
-            "padding-right": "none",
-          },
-          mobile: {
-            padding: "40px",
-            "padding-bottom": "20px",
-            "padding-left": "none",
-            "padding-right": "none",
-          },
-        },
+        layout: {},
+        "margin-left": "auto",
+        "margin-right": "auto",
         container: {
           display: "flex",
           "flex-direction": "column",
@@ -343,8 +330,6 @@ export const Footer6: IBlock = {
           "row-gap": "2xl",
           "padding-left": "none",
           "padding-right": "none",
-          "padding-top": "none",
-          "padding-bottom": "none",
         },
         contentWrapper: {
           display: "flex",
@@ -403,6 +388,7 @@ export const Footer6: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -468,6 +454,7 @@ export const Footer6: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -530,95 +517,6 @@ export const Footer6: IBlock = {
               },
             ],
           },
-          {
-            category: {
-              "margin-bottom": "sm",
-              color: "white",
-            },
-            links_levoGroup: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            links: [
-              {
-                wrapper: {
-                  display: "flex",
-                  "column-gap": "sm",
-                  "align-items": "center",
-                },
-                icon: {
-                  width: "20px",
-                  height: "20px",
-                  "border-radius": "base",
-                },
-                icon_links_levoGroup: {
-                  display: "flex",
-                  "column-gap": "xs",
-                },
-                cta: {
-                  color: "white",
-                },
-              },
-              {
-                wrapper: {
-                  display: "flex",
-                },
-                cta: {
-                  color: "page",
-                },
-              },
-            ],
-          },
-          {
-            category: {
-              "margin-bottom": "sm",
-              color: "text-1",
-            },
-            links_levoGroup: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            links: [
-              {
-                wrapper: {
-                  display: "flex",
-                  "column-gap": "sm",
-                  "align-items": "center",
-                },
-                icon: {
-                  width: "20px",
-                  height: "20px",
-                  "border-radius": "base",
-                },
-                icon_links_levoGroup: {
-                  display: "flex",
-                  "column-gap": "xs",
-                },
-              },
-              {
-                wrapper: {
-                  display: "flex",
-                },
-              },
-            ],
-          },
-          {
-            links: [
-              null,
-              {
-                wrapper: {
-                  display: "flex",
-                },
-              },
-              {
-                wrapper: {
-                  display: "flex",
-                },
-              },
-            ],
-          },
         ],
         footerBottomWrapper: {
           display: "flex",
@@ -626,7 +524,7 @@ export const Footer6: IBlock = {
           "padding-top": "xl",
           "border-top": "1px solid",
           "border-color": "border",
-          "background-color": "background-2",
+          "background-color": "brandSecondary",
           width: "100%",
           "padding-bottom": "xl",
           "margin-bottom": "none",
@@ -711,10 +609,9 @@ export const Footer6: IBlock = {
         copyright: {
           "text-align": "center",
           width: "100%",
+          color: "brandSecondaryForeground",
         },
-        contact_form_title: {
-          "font-size": "lg",
-        },
+        contact_form_title: {},
         social_icon_links_levoGroup: {
           display: "flex",
           "column-gap": "base",
@@ -723,7 +620,38 @@ export const Footer6: IBlock = {
           "margin-bottom": "xs",
         },
       },
-      config: {},
+      config: {
+        links: [
+          {
+            category: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+          },
+        ],
+        contact_form_title: {
+          selectedVariants: {
+            Typography_Variants: "Large",
+          },
+        },
+        social_icons_title: {
+          selectedVariants: {},
+        },
+      },
       content: DEFAULT_CONTENT,
     },
   ],

package/src/blocks/footer/footer-6.tsx

@@ -7,6 +7,7 @@ import {
   Typography,
   Form,
   type ILevoBlockBaseProps,
+  Heading,
 } from "@levo-so/studio";
 
 import { type IFooter6Content } from "./footer-6.schema";
@@ -48,7 +49,7 @@ const Footer6: React.FC<ILevoBlockBaseProps<IFooter6Content>> = ({
               key={`footer-6-links-${index}`}
               data-levo_group_item
             >
-              <Typography elementKey={`links.${index}.category`} />
+              <Heading elementKey={`links.${index}.category`} />
               <Box
                 elementKey={`links.${index}.links_levoGroup`}
                 data-levo_group