@levo-so/blocks 0.1.59 → 0.1.61

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

@@ -1,8 +1,9 @@
 import {
-  type ILevoBlockBaseProps,
   Box,
   Button,
   Container,
+  Heading,
+  type ILevoBlockBaseProps,
   Image,
   Section,
   Typography,
@@ -10,7 +11,7 @@ import {
 
 import type { ITeam5Content } from "./team-5.schema";
 
-const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = () => {
+const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = ({ content }) => {
   return (
     <Section elementKey="layout">
       <Container elementKey="container">
@@ -18,7 +19,7 @@ const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = () => {
           <Box elementKey="image_wrapper">
             <Image elementKey="main_image" alt="Team member" />
             <Box elementKey="overlay_container">
-              <Typography elementKey="overlay_label" />
+              <Heading elementKey="overlay_label" />
               <Typography elementKey="overlay_value" />
             </Box>
           </Box>
@@ -26,7 +27,15 @@ const Team5: React.FC<ILevoBlockBaseProps<ITeam5Content>> = () => {
           <Box elementKey="right_container">
             <Typography elementKey="team_description" />
             <Box elementKey="cta_wrapper">
-              <Button elementKey="cta" />
+              <Box elementKey="ctas_levoGroup" data-levo_group>
+                {(content?.ctas ?? []).map((_: any, index: number) => (
+                  <Button
+                    key={`ctas.${index}.cta`}
+                    elementKey={`ctas.${index}.cta`}
+                    data-levo_group_item
+                  />
+                ))}
+              </Box>
             </Box>
           </Box>
         </Box>

package/src/blocks/termsAndPrivacy/terms-and-conditions-1.schema.ts

@@ -96,26 +96,8 @@ export const TermsAndConditions1: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          width: "100%",
-          "padding-top": "8xl",
-          "padding-bottom": "8xl",
-          "background-color": "white",
-        },
-        container: {
-          width: "100%",
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "padding-left": "none",
-          "padding-right": "none",
-          "media:max:768px": {
-            "padding-left": "xl",
-            "padding-right": "xl",
-          },
-          "max-width": "1200px",
-          "padding-top": "none",
-          "padding-bottom": "none",
-        },
+        layout: {},
+        container: {},
         header_content: {
           display: "flex",
           "flex-direction": "column",
@@ -124,20 +106,16 @@ export const TermsAndConditions1: IBlock = {
           "margin-bottom": "6xl",
           "row-gap": "lg",
         },
-        title: {
-          color: "text-1",
-        },
+        title: {},
         subtitle: {
-          color: "text-2",
           "max-width": "2xl",
         },
         content_wrapper: {
           width: "100%",
         },
         content: {
-          color: "text-1",
           "text-align": "justify",
-          "media:max:768px": {
+          tablet: {
             "text-align": "left",
           },
         },
@@ -152,6 +130,11 @@ export const TermsAndConditions1: IBlock = {
             level: 2,
           },
         },
+        content: {
+          selectedVariants: {
+            Typography_Variants: "Body",
+          },
+        },
       },
     },
   ],

package/src/blocks/termsAndPrivacy/terms-and-conditions-1.tsx

@@ -1,18 +1,16 @@
-import React from "react";
 import {
   Box,
   Container,
   Heading,
+  type ILevoBlockBaseProps,
   Section,
   Typography,
-  type ILevoBlockBaseProps,
 } from "@levo-so/studio";
+import type React from "react";
 
 import type { ITermsAndConditions1Content } from "./terms-and-conditions-1.schema";
 
-const TermsAndConditions1: React.FC<
-  ILevoBlockBaseProps<ITermsAndConditions1Content>
-> = () => (
+const TermsAndConditions1: React.FC<ILevoBlockBaseProps<ITermsAndConditions1Content>> = () => (
   <Section elementKey="layout">
     <Container elementKey="container">
       <Box elementKey="header_content">
@@ -20,7 +18,7 @@ const TermsAndConditions1: React.FC<
         <Typography elementKey="subtitle" />
       </Box>
       <Box elementKey="content_wrapper">
-        <Typography elementKey="content" />
+        <Typography className="LevoProseMirror" elementKey="content" />
       </Box>
     </Container>
   </Section>