@symbo.ls/uikit 2.11.243 → 2.11.245

package/dist/index.cjs.js

@@ -4740,7 +4740,7 @@ var require_on = __commonJS({
         return applyEventUpdate(element.on[param], updatedObj, element, state, context, options);
       }
     };
-    var applyEventsOnNode = (element) => {
+    var applyEventsOnNode = (element, options) => {
       const { node: node2, on } = element;
       for (const param in on) {
         if (param === "init" || param === "beforeClassAssign" || param === "render" || param === "renderRouter" || param === "attachNode" || param === "stateInit" || param === "stateCreated" || param === "initStateUpdated" || param === "stateUpdated" || param === "initUpdate" || param === "update")
@@ -4749,7 +4749,7 @@ var require_on = __commonJS({
         if ((0, import_utils15.isFunction)(appliedFunction)) {
           node2.addEventListener(param, (event) => {
             const { state, context } = element;
-            appliedFunction(event, element, state, context);
+            appliedFunction(event, element, state, context, options);
           });
         }
       }
@@ -8896,23 +8896,30 @@ var DotList = {
   extend: Flex,
   props: {
     flow: "column",
-    gap: "Y"
+    gap: "Z"
   },
   childExtend: {
+    tag: "caption",
     extend: Flex,
     props: {
       align: "center flex-start",
+      lineHeight: "1em",
+      color: "white",
+      fontWeight: "700",
+      fontSize: "A2",
       gap: "Z",
+      // letterSpacing: '-0.01em',
       ":before": {
         content: '""',
         boxSize: "W",
         background: "white",
-        display: "block",
+        // display: 'block',
         zIndex: "20"
+        // display: 'none'
       }
     }
   },
-  ...[{ props: { text: "Brat font" } }]
+  ...[{ props: { text: "brand font" } }]
 };
 
 // List/ListWithTitle.js
@@ -9438,65 +9445,72 @@ var Banner = {
   extend: TitleParagraph,
   props: {
     height: "fit-content",
-    padding: "D1 C2 C2 C1",
+    padding: "D2+X1 D1+X D2 D",
     width: "100%",
     theme: "dialog",
-    round: "0 0 Z 0"
+    align: "flex-start",
+    gap: "B"
   },
   Title: {
     tag: "h1",
     props: {
       textTransform: "capitalize",
-      fontSize: `${120 / 16}em`,
+      fontSize: `${150 / 16}em`,
       fontWeight: "900",
-      padding: "- - X2 -"
+      letterSpacing: "-0.035em",
+      color: "white",
+      lineHeight: ".8em",
+      gap: "0"
     }
   },
   Paragraph: {
     props: {
+      flow: "column",
       justifyContent: "space-between",
-      // gap: 'I',
-      padding: "B1 - - -",
+      flex: "1",
+      minWidth: "100%",
       position: "relative",
+      gap: "A",
       ":before": {
         content: '""',
         position: "absolute",
-        boxSize: "V 100%",
+        boxSize: "0.3px 100%",
         theme: "dialog",
         top: "0",
-        round: "C"
+        round: "C",
+        background: "white 0"
+      }
+    },
+    P: {
+      props: {
+        text: "Our typography system ranges from impactful brand type used in marketing applications to functional type used in product.",
+        maxWidth: "G1+B",
+        letterSpacing: ".2px",
+        lineHeight: "1.6em",
+        margin: "0",
+        padding: "- - - Z1",
+        color: "grey"
       }
     },
-    list: {
+    Flex: {
       extend: TitleParagraph,
       props: {
-        gap: "Z2",
-        margin: "0 - - Y",
-        Paragraph: {
-          childProps: {
-            fontSize: "Z1"
-          }
-        }
+        gap: "A2",
+        alignSelf: "flex-end"
       },
       Title: {
         tag: "h6",
         props: {
-          fontSize: "B"
+          text: "What you\u2019ll find",
+          fontWeight: "400",
+          color: "grey",
+          fontSize: "Z2"
         }
       },
       Paragraph: {
         ...DotList,
         ...[{}]
       }
-    },
-    P: {
-      text: "Our typography system ranges from impactful brand type used in marketing applications to functional type used in product. They come together to create a cohesive approach to how we communicate as a brand.",
-      maxWidth: "G3+C",
-      margin: "0",
-      letterSpacing: ".1px",
-      padding: "B - - Y",
-      fontSize: "Z2",
-      lineHeight: "1.6em"
     }
   }
 };