@levo-so/blocks 0.1.59 → 0.1.60

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

@@ -11,6 +11,32 @@ const DUMMY_ICON = {
   },
 };
 
+const MEDIA = {
+  id: "xlotCSMGiB8T",
+  filename: "footer-4-logo.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-4-logo-30Wfpd1Qp22h-640w.webp 640w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -18,29 +44,7 @@ const DEFAULT_CONTENT = {
 
   // logo and description
   logoTextWrapper: null,
-  logo: {
-    id: "7141014160938075687",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "icon",
-    mimetype: "image/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",
-    },
-  },
+  logo: MEDIA,
   logoDescription: "Expert Guidance, Ensuring Clear Verdicts Every Time.",
 
   // icon links below logo description with descriptions
@@ -211,7 +215,7 @@ export const Footer4: IBlock = {
         {
           key: "category",
           label: "Category",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "links",
@@ -220,8 +224,8 @@ export const Footer4: IBlock = {
           kind: "group",
           fields: [
             {
-              key: "iconCtaWrapper",
-              label: "Icon CTA Wrapper",
+              key: "iconWrapper",
+              label: "Icon Wrapper",
               field_interface: "BoxWidget",
             },
             {
@@ -274,19 +278,7 @@ export const Footer4: 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",
@@ -311,9 +303,7 @@ export const Footer4: IBlock = {
         footerBottomRightArea: [
           {
             link: {},
-            cta: {
-              color: "text-2",
-            },
+            cta: {},
             separator: {
               width: "1px",
               height: "1rem",
@@ -324,9 +314,7 @@ export const Footer4: IBlock = {
           },
           {
             link: {},
-            cta: {
-              color: "text-2",
-            },
+            cta: {},
             separator: {
               width: "1px",
               height: "1rem",
@@ -372,10 +360,7 @@ export const Footer4: IBlock = {
               height: "1.25rem",
               color: "text-2",
             },
-            description: {
-              "font-size": "sm",
-              color: "text-2",
-            },
+            description: {},
           },
           {
             iconWrapper: {
@@ -388,10 +373,7 @@ export const Footer4: IBlock = {
               height: "1.25rem",
               color: "text-2",
             },
-            description: {
-              "font-size": "sm",
-              color: "text-2",
-            },
+            description: {},
           },
           {
             iconWrapper: {
@@ -404,10 +386,7 @@ export const Footer4: IBlock = {
               height: "1.25rem",
               color: "text-2",
             },
-            description: {
-              "font-size": "sm",
-              color: "text-2",
-            },
+            description: {},
           },
           {
             iconWrapper: {
@@ -420,10 +399,7 @@ export const Footer4: IBlock = {
               height: "1.25rem",
               color: "text-2",
             },
-            description: {
-              "font-size": "sm",
-              color: "text-2",
-            },
+            description: {},
           },
         ],
         links_levoGroup: {
@@ -443,7 +419,10 @@ export const Footer4: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 600,
+              "background-image": 'url("")',
+              "background-position": "50% 50%",
+              "background-size": "cover",
             },
             links_levoGroup: {
               display: "flex",
@@ -511,7 +490,10 @@ export const Footer4: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 600,
+              "background-image": 'url("")',
+              "background-position": "50% 50%",
+              "background-size": "cover",
             },
             links_levoGroup: {
               display: "flex",
@@ -574,23 +556,15 @@ export const Footer4: IBlock = {
                   height: "20px",
                 },
               },
-              {
-                iconCtaWrapper: {
-                  display: "flex",
-                  "column-gap": "sm",
-                  "align-items": "center",
-                },
-                icon: {
-                  width: "20px",
-                  height: "20px",
-                },
-              },
             ],
           },
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 600,
+              "background-image": 'url("")',
+              "background-position": "50% 50%",
+              "background-size": "cover",
             },
             links_levoGroup: {
               display: "flex",
@@ -631,6 +605,28 @@ export const Footer4: IBlock = {
                   height: "20px",
                 },
               },
+              {
+                iconCtaWrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  display: "flex",
+                  "column-gap": "sm",
+                  "align-items": "center",
+                },
+                icon: {
+                  width: "20px",
+                  height: "20px",
+                },
+              },
             ],
           },
         ],
@@ -642,7 +638,82 @@ export const Footer4: IBlock = {
           },
         },
       },
-      config: {},
+      config: {
+        icon_links: [
+          {
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+          {
+            description: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+          },
+        ],
+        links: [
+          {
+            category: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+          },
+        ],
+        footerBottomRightArea: [
+          {
+            cta: {
+              selectedVariants: {},
+            },
+          },
+          {
+            cta: {
+              selectedVariants: {},
+            },
+          },
+        ],
+      },
       content: DEFAULT_CONTENT,
     },
   ],

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

@@ -2,6 +2,7 @@ import React from "react";
 import {
   Box,
   Container,
+  Heading,
   Icon,
   Image,
   Section,
@@ -42,7 +43,7 @@ const Footer4: React.FC<ILevoBlockBaseProps<IFooter4Content>> = ({
               key={`footer-4-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

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

@@ -11,6 +11,32 @@ const DUMMY_ICON = {
   },
 };
 
+const MEDIA = {
+  id: "k5KiTxROzoNX",
+  filename: "footer-5-logo.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-5-logo-PzNWMN1fGVV4-640w.webp 640w",
+  },
+  mimetype: "image/png",
+};
+
 const DEFAULT_CONTENT = {
   layout: null,
   container: null,
@@ -18,29 +44,7 @@ const DEFAULT_CONTENT = {
 
   // logo and description
   logoTextWrapper: null,
-  logo: {
-    id: "7141014160938075687",
-    location: "https://space.levo.so/WLZ1TXTD/defaultblue-tryFJ012mgyH.png",
-    kind: "image",
-    mimetype: "image/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",
-    },
-  },
+  logo: MEDIA,
   logoDescription:
     "No more guesswork. No more excuses. Just real, proven training.",
 
@@ -160,7 +164,7 @@ export const Footer5: IBlock = {
         {
           key: "category",
           label: "Category",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "links",
@@ -237,21 +241,97 @@ export const Footer5: IBlock = {
       title: "Default",
       key: "default",
       content: DEFAULT_CONTENT,
-      config: {},
-      styles: {
-        layout: {
-          "padding-top": "80px",
-          "padding-left": "112px",
-          "padding-right": "112px",
-          tablet: {
-            padding: "50px",
-            "padding-bottom": "0px",
+      config: {
+        links: [
+          {
+            category: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            links: [
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+            ],
           },
-          mobile: {
-            padding: "40px",
-            "padding-bottom": "0px",
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            links: [
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+            ],
           },
-        },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+            links: [
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                text: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+        ],
+      },
+      styles: {
+        layout: {},
         container: {
           display: "flex",
           "flex-direction": "column",
@@ -339,11 +419,16 @@ export const Footer5: IBlock = {
             },
             links: [
               {
-                text: {
-                  "font-size": "base",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
               },
             ],
           },
@@ -359,11 +444,13 @@ export const Footer5: IBlock = {
             },
             links: [
               {
-                text: {
-                  "font-size": "base",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
               },
             ],
           },
@@ -379,11 +466,16 @@ export const Footer5: IBlock = {
             },
             links: [
               {
-                text: {
-                  "font-size": "base",
-                  color: "text-2",
-                  "line-height": "1.5",
-                },
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
+              },
+              {
+                text: {},
               },
             ],
           },

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

@@ -2,6 +2,7 @@ import React from "react";
 import {
   Box,
   Container,
+  Heading,
   Icon,
   Image,
   Section,
@@ -31,7 +32,7 @@ const Footer5: React.FC<ILevoBlockBaseProps<IFooter5Content>> = ({
               key={`footer-5-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