@levo-so/blocks 0.1.58 → 0.1.60

package/src/blocks/floating-buttons/floating-button-1.schema.ts

@@ -0,0 +1,105 @@
+import type { IBlock } from "@levo-so/studio";
+
+const DEFAULT_CONTENT = {
+  button_group: [
+    {
+      button: " ",
+      button_leftIcon: {
+        kind: "custom",
+        data: {
+          id: "R6ervNbOZfcD9",
+          location:
+            "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd.png",
+          mimetype: "image/png",
+          kind: "image",
+          srcset: {
+            "1080w":
+              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1080w.webp",
+            "1200w":
+              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1200w.webp",
+            "1920w":
+              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1920w.webp",
+            "320w":
+              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-320w.webp",
+            "640w":
+              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-640w.webp",
+            "750w":
+              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-750w.webp",
+            "828w":
+              "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-828w.webp",
+            path: "https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-320w.webp 320w, https://static.levocdn.com/WLZ1TXTD/whatsapp-logopng4-2EYM5YIjokcd-640w.webp 640w",
+          },
+        },
+      },
+    },
+  ],
+};
+
+export type IFloatingButton1Content = typeof DEFAULT_CONTENT;
+
+export const FloatingButton1: IBlock = {
+  category_id: "floating-buttons",
+  title: "Floating Button 1",
+  key: "floating-button-1",
+  version: "v1",
+  content_schema: [
+    {
+      key: "button_group",
+      label: "Buttons",
+      kind: "group",
+      field_interface: "BoxWidget",
+      fields: [
+        {
+          key: "button",
+          label: "Button",
+          field_interface: "ButtonWidget",
+        },
+      ],
+    },
+  ],
+  layouts: [
+    {
+      key: "default",
+      title: "Default",
+      styles: {
+        button_group: [
+          {
+            button: {
+              "border-radius": "3xl",
+              "background-color": "transparent",
+            },
+            button_leftIcon: {
+              height: "50px",
+              width: "50px",
+              "font-size": "50px",
+            },
+          },
+        ],
+        button_group_levoGroup: {
+          position: "fixed",
+          right: "24px",
+          bottom: "40px",
+          "z-index": "999999",
+          display: "flex",
+          "flex-direction": "column",
+          "align-items": "flex-end",
+          "row-gap": "12px",
+        },
+      },
+      content: DEFAULT_CONTENT,
+      config: {
+        button_group: [
+          {
+            button: {
+              button_icons: {
+                left: {
+                  enabled: true,
+                },
+              },
+            },
+          },
+        ],
+      },
+    },
+  ],
+};

package/src/blocks/floating-buttons/floating-button-1.tsx

@@ -0,0 +1,20 @@
+import React from "react";
+import { Box, Button, type ILevoBlockBaseProps } from "@levo-so/studio";
+
+import type { IFloatingButton1Content } from "./floating-button-1.schema";
+
+const FloatingButton1: React.FC<
+  ILevoBlockBaseProps<IFloatingButton1Content>
+> = ({ content }) => (
+  <Box elementKey="button_group_levoGroup" data-levo_group>
+    {(content?.button_group ?? []).map((_, index) => (
+      <Button
+        key={index}
+        elementKey={`button_group.${index}.button`}
+        data-levo_group_item
+      />
+    ))}
+  </Box>
+);
+
+export default FloatingButton1;

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

@@ -11,6 +11,32 @@ const DUMMY_ICON = {
   },
 };
 
+const MEDIA = {
+  id: "A8sG1BvgdtgE",
+  filename: "footer-1-logo.png",
+  kind: "image",
+  location:
+    "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV.png",
+  srcset: {
+    "1080w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1080w.webp",
+    "1200w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1200w.webp",
+    "1920w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1920w.webp",
+    "320w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-320w.webp",
+    "640w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-640w.webp",
+    "750w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-750w.webp",
+    "828w":
+      "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-828w.webp",
+    path: "https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-750w.webp 750w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-640w.webp 640w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-828w.webp 828w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1080w.webp 1080w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1200w.webp 1200w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-1920w.webp 1920w, https://static.levocdn.com/WLZ1TXTD/footer-1-logo-w9fpJutzREEV-320w.webp 320w",
+  },
+  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: "Expert Guidance, Ensuring Clear Verdicts Every Time.",
 
   // icon links below logo description
@@ -193,7 +197,7 @@ export const Footer1: IBlock = {
         {
           key: "category",
           label: "Category",
-          field_interface: "TypographyWidget",
+          field_interface: "HeadingWidget",
         },
         {
           key: "links",
@@ -256,19 +260,7 @@ export const Footer1: 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",
@@ -277,7 +269,7 @@ export const Footer1: IBlock = {
         },
         footerBottomWrapper: {
           "border-style": "solid",
-          "border-color": "var(--color-border)",
+          "border-color": "border",
           "border-top-width": "1px",
           "padding-top": "xl",
           display: "flex",
@@ -293,9 +285,7 @@ export const Footer1: IBlock = {
         footerBottomRightArea: [
           {
             link: {},
-            cta: {
-              color: "text-2",
-            },
+            cta: {},
             separator: {
               width: "1px",
               height: "1rem",
@@ -306,9 +296,7 @@ export const Footer1: IBlock = {
           },
           {
             link: {},
-            cta: {
-              color: "text-2",
-            },
+            cta: {},
             separator: {
               width: "1px",
               height: "1rem",
@@ -392,7 +380,7 @@ export const Footer1: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -465,7 +453,7 @@ export const Footer1: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -550,7 +538,7 @@ export const Footer1: IBlock = {
           {
             category: {
               "margin-bottom": "sm",
-              color: "text-1",
+              "font-weight": 700,
             },
             links_levoGroup: {
               display: "flex",
@@ -605,7 +593,89 @@ export const Footer1: IBlock = {
           },
         },
       },
-      config: {},
+      config: {
+        links: [
+          {
+            category: {
+              heading: {
+                level: "4",
+              },
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+            },
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            links: [
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+          {
+            category: {
+              selectedVariants: {
+                Heading_Level: "H6",
+              },
+              heading: {
+                level: "4",
+              },
+            },
+            links: [
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+              {
+                iconCtaWrapper: {
+                  selectedVariants: {},
+                },
+              },
+            ],
+          },
+        ],
+      },
       content: DEFAULT_CONTENT,
     },
   ],

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

@@ -2,6 +2,7 @@ import React from "react";
 import {
   Box,
   Container,
+  Heading,
   Icon,
   Image,
   Section,
@@ -39,7 +40,7 @@ const Footer1: React.FC<ILevoBlockBaseProps<IFooter1Content>> = ({
               key={`footer-1-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