@levo-so/blocks 0.1.2 → 0.1.52

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

@@ -295,17 +295,10 @@ export const Faq2: IBlock = {
           },
         },
         faq_label: {
-          "font-size": "lg",
-          "font-weight": 600,
-          tablet: {
-            "font-size": "base",
-          },
+          color: "text-2",
         },
         title: {
-          "font-size": "4xl",
-          tablet: {
-            "font-size": "2xl",
-          },
+          color: "text-1",
         },
         cta: {
           width: "fit-content",
@@ -350,7 +343,16 @@ export const Faq2: IBlock = {
           }),
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+        },
+      },
     },
   ],
 };

package/src/blocks/features/features-1/variants/default.ts

@@ -128,12 +128,12 @@ export const defaultFeatures1Variant: IBlockLayouts = {
     },
     title: {
       "text-align": "center",
-      "font-size": "4xl",
-      "font-weight": "bold",
+      color: "text-1",
     },
     description: {
       "max-width": "672px",
       "text-align": "center",
+      color: "text-2",
     },
     specialties_levoGroup: {
       display: "grid",
@@ -193,5 +193,14 @@ export const defaultFeatures1Variant: IBlockLayouts = {
       }),
   },
   content: DEFAULT_CONTENT,
-  config: {},
+  config: {
+    title: {
+      selectedVariants: {
+        Heading_Level: "H2",
+      },
+      heading: {
+        level: 2,
+      },
+    },
+  },
 };

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

@@ -96,7 +96,7 @@ const FEATURE_STYLE = {
     width: "100%",
     height: "12rem",
     "object-fit": "cover",
-    "border-radius": "xl",
+    "border-radius": "base",
   },
   content_wrapper: {
     display: "flex",
@@ -104,34 +104,24 @@ const FEATURE_STYLE = {
     gap: "lg",
   },
   number: {
-    "font-size": "3xl",
-    "font-weight": "700",
     color: "text-1",
   },
   text_wrapper: {
     flex: "1 1 0%",
   },
   label: {
-    "font-size": "4xl",
-    "font-weight": "700",
     color: "text-1",
-    "line-height": "1",
     "min-width": "4rem",
   },
   title: {
-    "font-size": "xl",
-    "font-weight": "600",
     color: "text-1",
     "margin-bottom": "xs",
   },
   description: {
     color: "text-2",
-    "font-size": "base",
   },
 };
 
-const FEATURES_STYLES = Array(4).fill(FEATURE_STYLE);
-
 export const Features2: IBlock = {
   category_id: "features",
   title: "Features 2",
@@ -204,11 +194,7 @@ export const Features2: IBlock = {
           label: "Content Wrapper",
           field_interface: "BoxWidget",
         },
-        {
-          key: "number",
-          label: "Number",
-          field_interface: "BoxWidget",
-        },
+
         {
           key: "text_wrapper",
           label: "Text Wrapper",
@@ -238,13 +224,8 @@ export const Features2: IBlock = {
       title: "Default",
       styles: {
         container: {
-          "max-width": "72rem",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "base",
-          "padding-right": "base",
-          "padding-top": "7xl",
-          "padding-bottom": "7xl",
+          "padding-top": "10xl",
+          "padding-bottom": "10xl",
         },
         header_wrapper: {
           display: "flex",
@@ -267,53 +248,22 @@ export const Features2: IBlock = {
             flex: "1 1 0%",
           },
         },
-        title: {
-          "font-size": "3xl",
-          "font-weight": "600",
-          color: "text-1",
-          "line-height": "1.15",
-          "margin-bottom": "0",
-          tablet: {
-            "margin-bottom": "base",
-          },
-          mobile: {
-            "font-size": "2xl",
-            "margin-bottom": "xs",
-          },
-        },
+        title: {},
         cta_wrapper: {
           display: "flex",
           "flex-direction": "row",
           "align-items": "center",
-          "shrink": "0",
+          shrink: "0",
           tablet: {
             "flex-direction": "column",
             "align-items": "start",
             gap: "xl",
             width: "50%",
           },
-          mobile: {
-            width: "100%",
-          },
-        },
-        description: {
-          color: "text-2",
-          "font-size": "base",
-          "margin-bottom": "0",
-          "margin-right": "2xl",
-          tablet: {
-            "margin-bottom": "xl",
-            "margin-right": "0",
-            "max-width": "36rem",
-          },
-          mobile: {
-            "font-size": "sm",
-            "margin-bottom": "lg",
-          },
         },
         features_levoGroup: {
           number_of_slides: 2.5,
-          "margin-top": "12xl",
+          "margin-top": "7xl",
           tablet: {
             number_of_slides: 2,
           },
@@ -321,17 +271,200 @@ export const Features2: IBlock = {
             number_of_slides: 1,
           },
         },
-        features: FEATURES_STYLES,
+        features: [
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              gap: "xl",
+            },
+            image: {
+              width: "100%",
+              height: "12rem",
+              "object-fit": "cover",
+              "border-radius": "base",
+            },
+            content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              gap: "lg",
+            },
+            number: {
+              "font-size": "3xl",
+              "font-weight": "700",
+              color: "text-1",
+            },
+            text_wrapper: {
+              flex: "1 1 0%",
+            },
+            label: {
+              "font-size": "4xl",
+              "font-weight": "700",
+              color: "text-1",
+              "line-height": "1",
+              "min-width": "4rem",
+            },
+            title: {
+              "font-weight": 600,
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              gap: "xl",
+            },
+            image: {
+              width: "100%",
+              height: "12rem",
+              "object-fit": "cover",
+              "border-radius": "base",
+            },
+            content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              gap: "lg",
+            },
+            number: {
+              "font-size": "3xl",
+              "font-weight": "700",
+              color: "text-1",
+            },
+            text_wrapper: {
+              flex: "1 1 0%",
+            },
+            label: {
+              "font-size": "4xl",
+              "font-weight": "700",
+              color: "text-1",
+              "line-height": "1",
+              "min-width": "4rem",
+            },
+            title: {
+              "font-weight": 600,
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              gap: "xl",
+            },
+            image: {
+              width: "100%",
+              height: "12rem",
+              "object-fit": "cover",
+              "border-radius": "base",
+            },
+            content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              gap: "lg",
+            },
+            number: {
+              "font-size": "3xl",
+              "font-weight": "700",
+              color: "text-1",
+            },
+            text_wrapper: {
+              flex: "1 1 0%",
+            },
+            label: {
+              "font-size": "4xl",
+              "font-weight": "700",
+              color: "text-1",
+              "line-height": "1",
+              "min-width": "4rem",
+            },
+            title: {
+              "font-weight": "600",
+            },
+          },
+          {
+            card: {
+              display: "flex",
+              "flex-direction": "column",
+              gap: "xl",
+            },
+            image: {
+              width: "100%",
+              height: "12rem",
+              "object-fit": "cover",
+              "border-radius": "base",
+            },
+            content_wrapper: {
+              display: "flex",
+              "align-items": "start",
+              gap: "lg",
+            },
+            number: {
+              "font-size": "3xl",
+              "font-weight": "700",
+              color: "text-1",
+            },
+            text_wrapper: {
+              flex: "1 1 0%",
+            },
+            label: {
+              "font-size": "4xl",
+              "font-weight": "700",
+              color: "text-1",
+              "line-height": "1",
+              "min-width": "4rem",
+            },
+            title: {
+              "font-weight": "600",
+            },
+          },
+        ],
       },
       content: DEFAULT_CONTENT,
       config: {
         features_levoGroup: {
           carousel: {
             loop: true,
-            autoScroll: true,
+            autoScroll: false,
             speed: 2,
           },
         },
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+          heading: {
+            level: 2,
+          },
+          features: [
+            {
+              title: {
+                selectedVariants: {
+                  Heading_Level: "H5",
+                },
+              },
+            },
+            {
+              title: {
+                selectedVariants: {
+                  Heading_Level: "H5",
+                },
+              },
+            },
+            {
+              title: {
+                selectedVariants: {
+                  Heading_Level: "H5",
+                },
+              },
+            },
+            {
+              title: {
+                selectedVariants: {
+                  Heading_Level: "H5",
+                },
+              },
+            },
+          ],
+        },
       },
     },
   ],

package/src/blocks/features/features-3.schema.ts

@@ -275,7 +275,7 @@ export const Features3: IBlock = {
               width: "100%",
               height: "18rem",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
             },
             header: {
               display: "flex",
@@ -283,19 +283,14 @@ export const Features3: IBlock = {
               "column-gap": "3xs",
             },
             label: {
-              "font-size": "3xl",
-              "font-weight": "700",
               color: "text-1",
             },
             title: {
-              "font-size": "xl",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "2xs",
             },
             description: {
               color: "text-2",
-              "font-size": "base",
               "margin-bottom": "2xs",
             },
             cta: {
@@ -316,7 +311,7 @@ export const Features3: IBlock = {
               width: "100%",
               height: "18rem",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
             },
             header: {
               display: "flex",
@@ -324,19 +319,14 @@ export const Features3: IBlock = {
               "column-gap": "3xs",
             },
             label: {
-              "font-size": "3xl",
-              "font-weight": "700",
               color: "text-1",
             },
             title: {
-              "font-size": "xl",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "2xs",
             },
             description: {
               color: "text-2",
-              "font-size": "base",
               "margin-bottom": "2xs",
             },
             cta: {
@@ -357,7 +347,7 @@ export const Features3: IBlock = {
               width: "100%",
               height: "18rem",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
             },
             header: {
               display: "flex",
@@ -365,19 +355,14 @@ export const Features3: IBlock = {
               "column-gap": "3xs",
             },
             label: {
-              "font-size": "3xl",
-              "font-weight": "700",
               color: "text-1",
             },
             title: {
-              "font-size": "xl",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "2xs",
             },
             description: {
               color: "text-2",
-              "font-size": "base",
               "margin-bottom": "2xs",
             },
             cta: {
@@ -398,7 +383,7 @@ export const Features3: IBlock = {
               width: "100%",
               height: "18rem",
               "object-fit": "cover",
-              "border-radius": "2xl",
+              "border-radius": "base",
             },
             header: {
               display: "flex",
@@ -406,19 +391,14 @@ export const Features3: IBlock = {
               "column-gap": "3xs",
             },
             label: {
-              "font-size": "3xl",
-              "font-weight": "700",
               color: "text-1",
             },
             title: {
-              "font-size": "xl",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "2xs",
             },
             description: {
               color: "text-2",
-              "font-size": "base",
               "margin-bottom": "2xs",
             },
             cta: {
@@ -432,7 +412,13 @@ export const Features3: IBlock = {
         ],
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        title: {
+          heading: {
+            level: 2,
+          },
+        },
+      },
     },
   ],
 };

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

@@ -370,16 +370,10 @@ export const Features4: IBlock = {
           "margin-bottom": "4xl",
         },
         title: {
-          "font-size": "4xl",
-          "font-weight": "700",
           color: "text-1",
           "margin-bottom": "sm",
-          tablet: {
-            "font-size": "3xl",
-          },
         },
         subtitle: {
-          "font-size": "lg",
           color: "text-2",
         },
         specifications_wrapper: {
@@ -420,13 +414,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "lg",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
@@ -443,13 +434,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "lg",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
@@ -466,13 +454,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "lg",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
@@ -489,13 +474,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "lg",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
@@ -512,13 +494,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "lg",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
@@ -535,28 +514,23 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "lg",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
         ],
         specifications_2_wrapper: {
           "background-color": "white",
-          "border-radius": "xl",
+          "border-radius": "base",
           padding: "lg",
           "border-width": "1px",
           "border-color": "border",
           "border-style": "solid",
         },
         specifications_2_title: {
-          "font-size": "lg",
-          "font-weight": "600",
           color: "text-1",
           "margin-bottom": "base",
         },
@@ -579,13 +553,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "base",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
@@ -602,13 +573,10 @@ export const Features4: IBlock = {
               color: "brand",
             },
             value: {
-              "font-size": "base",
-              "font-weight": "600",
               color: "text-1",
               "margin-bottom": "3xs",
             },
             label: {
-              "font-size": "sm",
               color: "text-2",
             },
           },
@@ -616,7 +584,7 @@ export const Features4: IBlock = {
         product_image: {
           width: "50%",
           height: "100%",
-          "border-radius": "xl",
+          "border-radius": "base",
           "object-fit": "cover",
           tablet: {
             filter: "none",
@@ -625,7 +593,24 @@ export const Features4: IBlock = {
         },
       },
       content: DEFAULT_CONTENT,
-      config: {},
+      config: {
+        title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+          heading: {
+            level: 2,
+          },
+        },
+        specifications_2_title: {
+          selectedVariants: {
+            Heading_Level: "H2",
+          },
+          heading: {
+            level: 2,
+          },
+        },
+      },
     },
   ],
 };