@levo-so/blocks 0.1.58 → 0.1.60

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

@@ -8,7 +8,11 @@ const DEFAULT_CONTENT = {
   description:
     "More than investors — true partners in growth. The difference that sets our venture studio apart.",
   jobs_levoGroup: null,
-  bottom_cta: "Explore All Job Roles",
+  bottom_ctas_levoGroup: null,
+  bottom_ctas: [
+    { bottom_cta: "Explore All Job Roles" },
+    { bottom_cta: "View Internships" },
+  ],
   jobs: [
     {
       job_item: null,
@@ -21,7 +25,8 @@ const DEFAULT_CONTENT = {
       location_wrapper: null,
       location_header: "Location",
       location_value: "New York",
-      cta: " ",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "View" }, { cta: "Apply" }],
       separator: null,
       cta_rightIcon: {
         kind: "icon",
@@ -45,7 +50,8 @@ const DEFAULT_CONTENT = {
       location_wrapper: null,
       location_header: "Location",
       location_value: "New York",
-      cta: " ",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "View" }, { cta: "Apply" }],
       separator: null,
       cta_rightIcon: {
         kind: "icon",
@@ -69,7 +75,8 @@ const DEFAULT_CONTENT = {
       location_wrapper: null,
       location_header: "Location",
       location_value: "New York",
-      cta: " ",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "View" }, { cta: "Apply" }],
       separator: null,
       cta_rightIcon: {
         kind: "icon",
@@ -93,7 +100,8 @@ const DEFAULT_CONTENT = {
       location_wrapper: null,
       location_header: "Location",
       location_value: "New York",
-      cta: " ",
+      ctas_levoGroup: null,
+      ctas: [{ cta: "View" }, { cta: "Apply" }],
       separator: null,
       cta_rightIcon: {
         kind: "icon",
@@ -175,9 +183,17 @@ export const Content5: IBlock = {
       field_interface: "BoxWidget",
     },
     {
-      key: "bottom_cta",
-      label: "Bottom CTA",
-      field_interface: "ButtonWidget",
+      key: "bottom_ctas",
+      label: "Bottom CTA Buttons Group",
+      field_interface: "BoxWidget",
+      kind: "group",
+      fields: [
+        {
+          key: "bottom_cta",
+          label: "Bottom CTA Button",
+          field_interface: "ButtonWidget",
+        },
+      ],
     },
     {
       key: "bottom_description",
@@ -271,9 +287,23 @@ export const Content5: IBlock = {
           field_interface: "TypographyWidget",
         },
         {
-          key: "cta",
-          label: "CTA Button",
-          field_interface: "ButtonWidget",
+          key: "ctas",
+          label: "CTA Buttons",
+          field_interface: "BoxWidget",
+          kind: "group",
+          fields: [
+            {
+              key: "cta",
+              label: "CTA Button",
+              field_interface: "ButtonWidget",
+            },
+          ],
+          hint: {
+            prompt_description:
+              "Group of call-to-action buttons for job applications and viewing details",
+            min_items: 1,
+            max_items: 3,
+          },
         },
         {
           key: "separator",
@@ -288,17 +318,8 @@ export const Content5: IBlock = {
       key: "default",
       title: "Default",
       styles: {
-        layout: {
-          "padding-top": "3xl",
-          "padding-bottom": "3xl",
-          "padding-left": "base",
-          "padding-right": "base",
-        },
-        container: {
-          "margin-left": "auto",
-          "margin-right": "auto",
-          "max-width": "none",
-        },
+        layout: {},
+        container: {},
         header_wrapper: {
           "text-align": "left",
           "margin-bottom": "3xl",
@@ -309,8 +330,6 @@ export const Content5: IBlock = {
           "text-align": "center",
         },
         description: {
-          color: "text-2",
-          display: "block",
           "text-align": "center",
         },
         jobs_levoGroup: {
@@ -319,10 +338,20 @@ export const Content5: IBlock = {
           "row-gap": "4xs",
           "margin-bottom": "2xl",
         },
-        bottom_cta: {
+        bottom_ctas_levoGroup: {
+          display: "flex",
+          "flex-direction": "row",
+          "column-gap": "md",
+          "row-gap": "md",
+          "flex-wrap": "wrap",
+          "align-items": "center",
+          "justify-content": "center",
           "margin-left": "auto",
           "margin-right": "auto",
         },
+        bottom_ctas: Array(2)
+          .fill(0)
+          .map(() => ({})),
         jobs: [
           {
             job_item: {
@@ -364,9 +393,7 @@ export const Content5: IBlock = {
               height: "16px",
             },
             designation_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -394,9 +421,7 @@ export const Content5: IBlock = {
               height: "16px",
             },
             work_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -428,9 +453,7 @@ export const Content5: IBlock = {
               height: "16px",
             },
             location_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -439,19 +462,31 @@ export const Content5: IBlock = {
               "font-weight": "600",
               "margin-top": "xs",
             },
-            cta: {
-              "border-width": "0",
-              cursor: "pointer",
+            ctas_levoGroup: {
               display: "flex",
-              "column-gap": "none",
+              "flex-direction": "row",
+              "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
               tablet: {
-                width: "fit-content",
                 "justify-content": "center",
                 "align-items": "center",
                 "margin-left": "5xl",
               },
               width: "fit-content",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  "border-width": "0",
+                  cursor: "pointer",
+                  display: "flex",
+                  "column-gap": "none",
+                  width: "fit-content",
+                },
+              })),
             separator: {
               width: "100%",
               height: "1px",
@@ -496,9 +531,7 @@ export const Content5: IBlock = {
               "row-gap": "xs",
             },
             designation_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -517,11 +550,9 @@ export const Content5: IBlock = {
               },
             },
             work_header: {
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
-              color: "brand",
             },
             work_value: {
               color: "text-1",
@@ -542,9 +573,7 @@ export const Content5: IBlock = {
               },
             },
             location_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -553,19 +582,31 @@ export const Content5: IBlock = {
               "font-weight": "600",
               "margin-top": "xs",
             },
-            cta: {
-              "border-width": "0",
-              cursor: "pointer",
+            ctas_levoGroup: {
               display: "flex",
-              "column-gap": "none",
+              "flex-direction": "row",
+              "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
               tablet: {
-                width: "fit-content",
                 "justify-content": "center",
                 "align-items": "center",
                 "margin-left": "5xl",
               },
               width: "fit-content",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  "border-width": "0",
+                  cursor: "pointer",
+                  display: "flex",
+                  "column-gap": "none",
+                  width: "fit-content",
+                },
+              })),
             separator: {
               width: "100%",
               height: "1px",
@@ -578,6 +619,33 @@ export const Content5: IBlock = {
               "font-size": "24px",
               "border-radius": "3xl",
             },
+            designation_header_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            designation_icon: {
+              width: "16px",
+              height: "16px",
+            },
+            work_header_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            work_icon: {
+              width: "16px",
+              height: "16px",
+            },
+            location_header_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            location_icon: {
+              width: "16px",
+              height: "16px",
+            },
           },
           {
             job_item: {
@@ -610,9 +678,7 @@ export const Content5: IBlock = {
               "row-gap": "xs",
             },
             designation_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -631,9 +697,7 @@ export const Content5: IBlock = {
               },
             },
             work_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -656,9 +720,7 @@ export const Content5: IBlock = {
               },
             },
             location_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -667,19 +729,31 @@ export const Content5: IBlock = {
               "font-weight": "600",
               "margin-top": "xs",
             },
-            cta: {
-              "border-width": "0",
-              cursor: "pointer",
+            ctas_levoGroup: {
               display: "flex",
-              "column-gap": "none",
+              "flex-direction": "row",
+              "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
               tablet: {
-                width: "fit-content",
                 "justify-content": "center",
                 "align-items": "center",
                 "margin-left": "5xl",
               },
               width: "fit-content",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  "border-width": "0",
+                  cursor: "pointer",
+                  display: "flex",
+                  "column-gap": "none",
+                  width: "fit-content",
+                },
+              })),
             separator: {
               width: "100%",
               height: "1px",
@@ -692,6 +766,33 @@ export const Content5: IBlock = {
               "font-size": "24px",
               "border-radius": "3xl",
             },
+            designation_header_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            designation_icon: {
+              width: "16px",
+              height: "16px",
+            },
+            work_header_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            work_icon: {
+              width: "16px",
+              height: "16px",
+            },
+            location_header_wrapper: {
+              display: "flex",
+              "align-items": "center",
+              "column-gap": "2xs",
+            },
+            location_icon: {
+              width: "16px",
+              height: "16px",
+            },
           },
           {
             job_item: {
@@ -724,9 +825,7 @@ export const Content5: IBlock = {
               "row-gap": "xs",
             },
             designation_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -745,9 +844,7 @@ export const Content5: IBlock = {
               },
             },
             work_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -770,9 +867,7 @@ export const Content5: IBlock = {
               },
             },
             location_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
+              "font-weight": 500,
               "text-transform": "uppercase",
               "letter-spacing": "0.05em",
             },
@@ -781,19 +876,31 @@ export const Content5: IBlock = {
               "font-weight": "600",
               "margin-top": "xs",
             },
-            cta: {
-              "border-width": "0",
-              cursor: "pointer",
+            ctas_levoGroup: {
               display: "flex",
-              "column-gap": "none",
+              "flex-direction": "row",
+              "column-gap": "xs",
+              "row-gap": "xs",
+              "flex-wrap": "wrap",
+              "align-items": "center",
               tablet: {
-                width: "fit-content",
                 "justify-content": "center",
                 "align-items": "center",
                 "margin-left": "5xl",
               },
               width: "fit-content",
             },
+            ctas: Array(2)
+              .fill(0)
+              .map(() => ({
+                cta: {
+                  "border-width": "0",
+                  cursor: "pointer",
+                  display: "flex",
+                  "column-gap": "none",
+                  width: "fit-content",
+                },
+              })),
             separator: {
               width: "100%",
               height: "1px",
@@ -806,211 +913,32 @@ export const Content5: IBlock = {
               "font-size": "24px",
               "border-radius": "3xl",
             },
-          },
-          {
-            job_item: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr 1fr auto",
-              "align-items": "start",
-              "column-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "border-bottom": "1px solid",
-              "border-color": "border",
-              tablet: {
-                "grid-template-columns": "1fr 1fr auto",
-                "column-gap": "base",
-              },
-              mobile: {
-                "grid-template-columns": "1fr auto",
-                "column-gap": "sm",
-                "padding-top": "base",
-                "padding-bottom": "base",
-              },
-            },
-            designation_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            designation_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            designation_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            work_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                display: "flex",
-              },
-              mobile: {
-                display: "none",
-              },
-            },
-            work_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            work_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            location_wrapper: {
-              display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                display: "none",
-              },
-              mobile: {
-                display: "none",
-              },
-            },
-            location_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            location_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            cta: {
-              color: "text-2",
-              "background-color": "transparent",
-              "border-width": "0",
-              "padding-top": "none",
-              "padding-bottom": "none",
-              "padding-left": "none",
-              "padding-right": "none",
-              "text-decoration": "none",
-              cursor: "pointer",
-              "font-size": "lg",
-            },
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "border",
-              filter: "none",
-            },
-          },
-          {
-            job_item: {
-              display: "grid",
-              "grid-template-columns": "1fr 1fr 1fr auto",
-              "align-items": "start",
-              "column-gap": "lg",
-              "padding-top": "lg",
-              "padding-bottom": "lg",
-              "border-bottom": "none",
-              tablet: {
-                "grid-template-columns": "1fr 1fr auto",
-                "column-gap": "base",
-              },
-              mobile: {
-                "grid-template-columns": "1fr auto",
-                "column-gap": "sm",
-                "padding-top": "base",
-                "padding-bottom": "base",
-              },
-            },
-            designation_wrapper: {
+            designation_header_wrapper: {
               display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-            },
-            designation_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
+              "align-items": "center",
+              "column-gap": "2xs",
             },
-            designation_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
+            designation_icon: {
+              width: "16px",
+              height: "16px",
             },
-            work_wrapper: {
+            work_header_wrapper: {
               display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                display: "flex",
-              },
-              mobile: {
-                display: "none",
-              },
-            },
-            work_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
+              "align-items": "center",
+              "column-gap": "2xs",
             },
-            work_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
+            work_icon: {
+              width: "16px",
+              height: "16px",
             },
-            location_wrapper: {
+            location_header_wrapper: {
               display: "flex",
-              "flex-direction": "column",
-              "row-gap": "xs",
-              tablet: {
-                display: "none",
-              },
-              mobile: {
-                display: "none",
-              },
-            },
-            location_header: {
-              color: "text-2",
-              "font-size": "sm",
-              "font-weight": "500",
-              "text-transform": "uppercase",
-              "letter-spacing": "0.05em",
-            },
-            location_value: {
-              color: "text-1",
-              "font-weight": "600",
-              "margin-top": "xs",
-            },
-            cta: {
-              color: "text-2",
-              "background-color": "transparent",
-              "border-width": "0",
-              "padding-top": "none",
-              "padding-bottom": "none",
-              "padding-left": "none",
-              "padding-right": "none",
-              "text-decoration": "none",
-              cursor: "pointer",
-              "font-size": "lg",
+              "align-items": "center",
+              "column-gap": "2xs",
             },
-            separator: {
-              width: "100%",
-              height: "1px",
-              "background-color": "border",
-              filter: "none",
-              display: "none",
+            location_icon: {
+              width: "16px",
+              height: "16px",
             },
           },
         ],
@@ -1044,6 +972,96 @@ export const Content5: IBlock = {
             Heading_Level: "H2",
           },
         },
+        jobs: [
+          {
+            designation_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            work_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            location_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            ctas: Array(2).fill(0).map(() => ({
+              cta: {
+                selectedVariants: {},
+              },
+            })),
+          },
+          {
+            designation_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            work_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            location_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            ctas: Array(2).fill(0).map(() => ({
+              cta: {
+                selectedVariants: {},
+              },
+            })),
+          },
+          {
+            designation_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            work_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            location_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            ctas: Array(2).fill(0).map(() => ({
+              cta: {
+                selectedVariants: {},
+              },
+            })),
+          },
+          {
+            designation_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            work_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            location_header: {
+              selectedVariants: {
+                Typography_Variants: "Small",
+              },
+            },
+            ctas: Array(2).fill(0).map(() => ({
+              cta: {
+                selectedVariants: {},
+              },
+            })),
+          },
+        ],
       },
     },
   ],