@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -11,24 +11,22 @@ const DUMMY_ICON = {
   },
 };
 
-const IMAGE_MEDIA = {
-  id: "7141014160938075687",
-  location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
+const MEDIA = {
+  id: "6Hg5xxyErnEM",
+  filename: "footer-2-logo.png",
   kind: "image",
-  mimetype: "image/png",
+  location: "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW.png",
   srcset: {
-    "1080w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp",
-    "1200w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp",
-    "1920w":
-      "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp",
-    "320w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp",
-    "640w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp",
-    "750w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp",
-    "828w": "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp",
-    path: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-640w.webp 640w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1080w.webp 1080w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1200w.webp 1200w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-1920w.webp 1920w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-320w.webp 320w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-750w.webp 750w, https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH-828w.webp 828w",
+    "1080w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1080w.webp",
+    "1200w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1200w.webp",
+    "1920w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1920w.webp",
+    "320w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-320w.webp",
+    "640w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-640w.webp",
+    "750w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-750w.webp",
+    "828w": "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-2-logo-sR8ojjdBVGGW-640w.webp 640w",
   },
+  mimetype: "image/png",
 };
 
 const DEFAULT_CONTENT = {
@@ -38,7 +36,7 @@ const DEFAULT_CONTENT = {
 
   // logo and description
   logoTextWrapper: null,
-  logo: IMAGE_MEDIA,
+  logo: MEDIA,
   logoDescription: "Expert Guidance, Ensuring Clear Verdicts Every Time.",
   copyright: "Copyright @ 2025",
 
@@ -174,7 +172,7 @@ export const Footer2: IBlock = {
         {
           key: "category",
           label: "Category",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "links",
@@ -221,19 +219,7 @@ export const Footer2: IBlock = {
       title: "Default",
       key: "default",
       styles: {
-        layout: {
-          "padding-top": "80px",
-          "padding-left": "112px",
-          "padding-right": "112px",
-          tablet: {
-            padding: "50px",
-            "padding-bottom": "0px",
-          },
-          mobile: {
-            padding: "40px",
-            "padding-bottom": "0px",
-          },
-        },
+        layout: {},
         container: {
           display: "flex",
           "flex-direction": "column",
@@ -273,7 +259,7 @@ export const Footer2: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -449,12 +435,54 @@ export const Footer2: IBlock = {
                   },
                 ],
               },
+              {
+                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",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
             ],
           },
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -719,7 +747,7 @@ export const Footer2: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -895,6 +923,48 @@ export const Footer2: IBlock = {
                   },
                 ],
               },
+              {
+                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",
+                },
+                icon_links: [
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                  {
+                    icon: {
+                      width: "20px",
+                      height: "20px",
+                    },
+                  },
+                ],
+              },
             ],
           },
         ],
@@ -906,7 +976,133 @@ export const Footer2: IBlock = {
           },
         },
       },
-      config: {},
+      config: {
+        links: [
+          {
+            category: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            links: [
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            links: [
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            links: [
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                cta: {
+                  selectedVariants: {},
+                },
+                wrapper: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+        ],
+      },
       content: DEFAULT_CONTENT,
     },
   ],

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

@@ -1,18 +1,17 @@
 import {
   Box,
   Container,
+  Heading,
   Icon,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
 
-import { type IFooter2Content } from "./footer-2.schema";
+import type { IFooter2Content } from "./footer-2.schema";
 
-const Footer2: React.FC<ILevoBlockBaseProps<IFooter2Content>> = ({
-  content,
-}) => (
+const Footer2: React.FC<ILevoBlockBaseProps<IFooter2Content>> = ({ content }) => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="contentWrapper">
@@ -28,40 +27,31 @@ const Footer2: React.FC<ILevoBlockBaseProps<IFooter2Content>> = ({
               key={`footer-2-links-${index}`}
               data-levo_group_item
             >
-              <Typography elementKey={`links.${index}.category`} />
-              <Box
-                elementKey={`links.${index}.links_levoGroup`}
-                data-levo_group
-              >
+              <Heading elementKey={`links.${index}.category`} />
+              <Box elementKey={`links.${index}.links_levoGroup`} data-levo_group>
                 {(link?.links ?? [])?.map((subLink: any, subIndex: number) => (
                   <Box
                     elementKey={`links.${index}.links.${subIndex}.wrapper`}
                     key={`footer-2-links-${index}-${subIndex}`}
                     data-levo_group_item
                   >
-                    <Icon
-                      elementKey={`links.${index}.links.${subIndex}.icon`}
-                    />
-                    <Typography
-                      elementKey={`links.${index}.links.${subIndex}.cta`}
-                    />
+                    <Icon elementKey={`links.${index}.links.${subIndex}.icon`} />
+                    <Typography elementKey={`links.${index}.links.${subIndex}.cta`} />
                     <Box
                       data-levo_group
                       elementKey={`links.${index}.links.${subIndex}.icon_links_levoGroup`}
                     >
-                      {(subLink?.icon_links ?? []).map(
-                        (_: unknown, linkIndex: number) => (
-                          <Box
-                            data-levo_group_item
-                            elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.wrapper`}
-                            key={`footer-2-icon-links-${index}-${subIndex}-${linkIndex}`}
-                          >
-                            <Icon
-                              elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.icon`}
-                            />
-                          </Box>
-                        ),
-                      )}
+                      {(subLink?.icon_links ?? []).map((_: unknown, linkIndex: number) => (
+                        <Box
+                          data-levo_group_item
+                          elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.wrapper`}
+                          key={`footer-2-icon-links-${index}-${subIndex}-${linkIndex}`}
+                        >
+                          <Icon
+                            elementKey={`links.${index}.links.${subIndex}.icon_links.${linkIndex}.icon`}
+                          />
+                        </Box>
+                      ))}
                     </Box>
                   </Box>
                 ))}