@symbo.ls/uikit 2.11.248 → 2.11.249

package/dist/index.cjs.js

@@ -1406,10 +1406,10 @@ var require_cjs = __commonJS({
       appendIconsSprite: () => appendIconsSprite2,
       appendSVGSprite: () => appendSVGSprite2,
       applyDocument: () => applyDocument,
-      applyGlobalVars: () => applyGlobalVars,
       applyHeadings: () => applyHeadings,
       applyMediaSequenceVars: () => applyMediaSequenceVars,
       applyReset: () => applyReset,
+      applySequenceGlobalVars: () => applySequenceGlobalVars,
       applySequenceVars: () => applySequenceVars,
       applySpacingSequence: () => applySpacingSequence,
       applyTimingSequence: () => applyTimingSequence,
@@ -1495,8 +1495,8 @@ var require_cjs = __commonJS({
     module2.exports = __toCommonJS2(src_exports);
     var utils_exports = {};
     __export2(utils_exports, {
-      applyGlobalVars: () => applyGlobalVars,
       applyMediaSequenceVars: () => applyMediaSequenceVars,
+      applySequenceGlobalVars: () => applySequenceGlobalVars,
       applySequenceVars: () => applySequenceVars,
       changeLightness: () => changeLightness,
       colorStringToRgbaArray: () => colorStringToRgbaArray,
@@ -2149,7 +2149,7 @@ var require_cjs = __commonJS({
         CSS_VARS2[result.var] = result.value;
       }
     };
-    var applyGlobalVars = (vars, obj, options) => {
+    var applySequenceGlobalVars = (vars, obj, options) => {
       const CONFIG22 = getActiveConfig3();
       const { UNIT: UNIT2 } = CONFIG22;
       const unit = obj.unit || UNIT2.default;
@@ -2170,7 +2170,7 @@ var require_cjs = __commonJS({
       const unit = FACTORY2.unit || UNIT2.default;
       const { mediaRegenerate, sequence, scales } = FACTORY2;
       if (!mediaRegenerate) {
-        applyGlobalVars(CSS_VARS2, FACTORY2, options);
+        applySequenceGlobalVars(CSS_VARS2, FACTORY2, options);
       }
       for (const key in sequence) {
         const item = sequence[key];
@@ -2202,7 +2202,7 @@ var require_cjs = __commonJS({
         let underMediaQuery = CSS_VARS2[`@media ${query}`];
         if (!underMediaQuery)
           underMediaQuery = CSS_VARS2[`@media ${query}`] = {};
-        applyGlobalVars(underMediaQuery, FACTORY2[media], options);
+        applySequenceGlobalVars(underMediaQuery, FACTORY2[media], options);
         return;
       }
       for (const key in sequence) {
@@ -9424,18 +9424,22 @@ var Banner = {
     width: "100%",
     theme: "dialog",
     align: "flex-start",
-    gap: "B"
+    gap: "B",
+    "@mobileL": { padding: "C1 C" },
+    "@mobileS": { padding: "C1 B" }
   },
   Title: {
     tag: "h1",
     props: {
       textTransform: "capitalize",
-      fontSize: "K3",
+      fontSize: "L",
       fontWeight: "900",
       letterSpacing: "-0.035em",
       lineHeight: ".8em",
       gap: "0",
-      // border: '2px solid red',
+      "@mobileL": { fontSize: "J2" },
+      "@mobileM": { fontSize: "J" },
+      "@mobileS": { fontSize: "I" },
       maxWidth: "fit-content"
     }
   },
@@ -9447,7 +9451,10 @@ var Banner = {
       minWidth: "100%",
       position: "relative",
       gap: "A",
-      // border: '2px solid red',
+      "@mobileL": {
+        display: "none"
+      },
+      // '@tabletS': { display: 'none' },
       ":before": {
         content: '""',
         position: "absolute",
@@ -9464,15 +9471,25 @@ var Banner = {
         // maxWidth: 'G2_default',
         maxWidth: "G1_default",
         lineHeight: "1.6em",
-        color: "grey"
+        color: "grey",
+        padding: "- Z",
+        "@mobileL": {
+          display: "none"
+        }
       }
     },
     Flex: {
       extend: TitleParagraph,
       props: {
         gap: "A2",
-        "@mobileL<": { alignSelf: "flex-end" },
-        "@mobileL": { margin: "C1 - -" }
+        alignSelf: "flex-end",
+        "@mobileL": {
+          alignSelf: "flex-start",
+          padding: "- A2"
+        }
+        // '@tabletS': { alignSelf: 'flex-start', padding: '- - - Z2' }
+        // '@mobileL<': { alignSelf: 'flex-end' },
+        // '@mobileL': { margin: 'C1 - -' }
       },
       Title: {
         tag: "h6",
@@ -9861,28 +9878,26 @@ var Textarea = {
     variant: "outlined",
     fontfamily: "Avenir",
     round: "Z1",
-    maxWidth: "H",
-    minHeight: "E",
     placeholder: "Leave us a message...",
     padding: "A",
     theme: "transparent",
     border: "none",
+    maxWidth: "G1_default",
+    minHeight: "E_default",
+    width: "100%",
+    height: "E1_default",
     style: { resize: "none" }
   },
   ".simple": {
     props: {
       theme: "field",
       round: "Z2",
-      width: "G1_default",
-      height: "E1",
       lineHeight: 1.4
     }
   },
   ".outlined": {
     props: {
       background: "transparent",
-      width: "G1_default",
-      height: "D2+W",
       lineHeight: 1.4,
       placeholder: "Leave us a message...",
       outline: "none !important",
@@ -9899,7 +9914,7 @@ var TextareaWithButton = {
     padding: "A",
     fontSize: "Z1",
     round: "Z2",
-    minHeight: "dit-content"
+    minHeight: "fit-content"
   },
   IconCommonButton: {
     props: {