@symbo.ls/uikit 2.11.86 → 2.11.88

package/dist/index.cjs.js

@@ -641,7 +641,7 @@ var require_cjs = __commonJS({
         };
         var merge5 = (element, obj, excludeFrom = []) => {
           for (const e in obj) {
-            if (excludeFrom.includes(e) || e.includes("__"))
+            if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
             const elementProp = element[e];
             const objProp = obj[e];
@@ -653,7 +653,7 @@ var require_cjs = __commonJS({
         };
         var deepMerge3 = (element, extend, excludeFrom = []) => {
           for (const e in extend) {
-            if (excludeFrom.includes(e) || e.includes("__"))
+            if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
             const elementProp = element[e];
             const extendProp = extend[e];
@@ -668,7 +668,7 @@ var require_cjs = __commonJS({
         var clone = (obj, excludeFrom = []) => {
           const o = {};
           for (const prop in obj) {
-            if (excludeFrom.includes(prop) || prop.includes("__"))
+            if (excludeFrom.includes(prop) || prop.startsWith("__"))
               continue;
             o[prop] = obj[prop];
           }
@@ -680,7 +680,7 @@ var require_cjs = __commonJS({
           }
           const o = {};
           for (const k in obj) {
-            if (excludeFrom.includes(k) || k.includes("__"))
+            if (excludeFrom.includes(k) || k.startsWith("__"))
               continue;
             let v = obj[k];
             if (k === "extend" && (0, import_types.isArray)(v)) {
@@ -701,7 +701,7 @@ var require_cjs = __commonJS({
         var deepClone22 = (obj, excludeFrom = []) => {
           const o = (0, import_types.isArray)(obj) ? [] : {};
           for (const prop in obj) {
-            if (excludeFrom.includes(prop) || prop.includes("__"))
+            if (excludeFrom.includes(prop) || prop.startsWith("__"))
               continue;
             let objProp = obj[prop];
             if (prop === "extend" && (0, import_types.isArray)(objProp)) {
@@ -899,7 +899,7 @@ var require_cjs = __commonJS({
           const { ref } = element;
           const changes = {};
           for (const e in params) {
-            if (excludeFrom.includes(e) || e.includes("__"))
+            if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
             const elementProp = element[e];
             const paramsProp = params[e];
@@ -912,7 +912,7 @@ var require_cjs = __commonJS({
         };
         var overwriteShallow4 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
-            if (excludeFrom.includes(e) || e.includes("__"))
+            if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
             obj[e] = params[e];
           }
@@ -920,7 +920,7 @@ var require_cjs = __commonJS({
         };
         var overwriteDeep2 = (obj, params, excludeFrom = []) => {
           for (const e in params) {
-            if (excludeFrom.includes(e) || e.includes("__"))
+            if (excludeFrom.includes(e) || e.startsWith("__"))
               continue;
             const objProp = obj[e];
             const paramsProp = params[e];
@@ -3419,7 +3419,7 @@ var require_object = __commonJS({
     };
     var merge5 = (element, obj, excludeFrom = []) => {
       for (const e in obj) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const objProp = obj[e];
@@ -3431,7 +3431,7 @@ var require_object = __commonJS({
     };
     var deepMerge = (element, extend, excludeFrom = []) => {
       for (const e in extend) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const extendProp = extend[e];
@@ -3446,7 +3446,7 @@ var require_object = __commonJS({
     var clone = (obj, excludeFrom = []) => {
       const o = {};
       for (const prop in obj) {
-        if (excludeFrom.includes(prop) || prop.includes("__"))
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
           continue;
         o[prop] = obj[prop];
       }
@@ -3458,7 +3458,7 @@ var require_object = __commonJS({
       }
       const o = {};
       for (const k in obj) {
-        if (excludeFrom.includes(k) || k.includes("__"))
+        if (excludeFrom.includes(k) || k.startsWith("__"))
           continue;
         let v = obj[k];
         if (k === "extend" && (0, import_types.isArray)(v)) {
@@ -3479,7 +3479,7 @@ var require_object = __commonJS({
     var deepClone4 = (obj, excludeFrom = []) => {
       const o = (0, import_types.isArray)(obj) ? [] : {};
       for (const prop in obj) {
-        if (excludeFrom.includes(prop) || prop.includes("__"))
+        if (excludeFrom.includes(prop) || prop.startsWith("__"))
           continue;
         let objProp = obj[prop];
         if (prop === "extend" && (0, import_types.isArray)(objProp)) {
@@ -3677,7 +3677,7 @@ var require_object = __commonJS({
       const { ref } = element;
       const changes = {};
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const elementProp = element[e];
         const paramsProp = params[e];
@@ -3690,7 +3690,7 @@ var require_object = __commonJS({
     };
     var overwriteShallow4 = (obj, params, excludeFrom = []) => {
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         obj[e] = params[e];
       }
@@ -3698,7 +3698,7 @@ var require_object = __commonJS({
     };
     var overwriteDeep = (obj, params, excludeFrom = []) => {
       for (const e in params) {
-        if (excludeFrom.includes(e) || e.includes("__"))
+        if (excludeFrom.includes(e) || e.startsWith("__"))
           continue;
         const objProp = obj[e];
         const paramsProp = params[e];
@@ -12325,7 +12325,7 @@ var keySetters = {
     isSubtree ? result : result && result.selector,
     element
   ),
-  "&": (key, props7, result, element, isSubtree) => applySelectorProps(
+  "&": (key, props7, result, element, isSubtree) => applyEndProps(
     key,
     props7,
     isSubtree ? result : result && result.selector,
@@ -12397,10 +12397,14 @@ var applyMediaProps = (key, props7, result, element) => {
       return (0, import_utils.merge)(result, generatedClass);
     return;
   }
-  const mediaKey = `@media screen and ${mediaName}`;
+  const mediaKey = mediaName ? `@media screen and ${mediaName}` : key;
   result[mediaKey] = generatedClass;
   return result[mediaKey];
 };
+var applyEndProps = (key, props7, result, element) => {
+  result[key] = convertPropsToClass(props7, result, element);
+  return result[key];
+};
 var applySelectorProps = (key, props7, result, element) => {
   const selectorKey = `&${key}`;
   result[selectorKey] = convertPropsToClass(props7, result, element);
@@ -12429,61 +12433,44 @@ var applyConditionalFalsyProps = (key, props7, result, element) => {
 };
 var applyTrueProps = (props7, result, element) => (0, import_utils.merge)(result, convertPropsToClass(props7, result, element));
 var beforeClassAssign = (element, s) => {
-  const { props: props7, class: className } = element;
+  const { props: props7, class: className, context } = element;
   const CLASS_NAMES = {
     media: {},
     selector: {},
     case: {}
   };
-  for (const key in props7) {
-    const setter = keySetters[key.slice(0, 1)];
-    if (setter)
-      setter(key, props7[key], CLASS_NAMES, element);
-  }
-  (0, import_utils.overwriteShallow)(className, CLASS_NAMES);
-};
-var initUpdate = (changes, element) => {
-  const { props: props7, context, class: className } = element;
   if (!context)
     return;
   const globalTheme = context.designSystem.globalTheme;
-  const parentProps = element.parent.props;
-  if (parentProps && parentProps.spacingRatio && parentProps.inheritSpacingRatio) {
-    element.setProps({
-      spacingRatio: parentProps.spacingRatio,
-      inheritSpacingRatio: true
-    }, {
-      preventRecursive: true,
-      preventInitUpdateListener: true
-    });
-  }
-  if (globalTheme) {
-    const CLASS_NAMES = {
-      media: {},
-      selector: {},
-      case: {}
-    };
-    for (const key in props7) {
-      const setter = keySetters[key.slice(0, 1)];
+  for (const key in props7) {
+    const setter = keySetters[key.slice(0, 1)];
+    if (globalTheme) {
       if (key === "theme") {
         props7.update({
           themeModifier: globalTheme
         }, {
           preventRecursive: true,
-          preventInitUpdateListener: true,
+          isForced: true,
           preventDefineUpdate: true
         });
       } else if (key === "true")
         applyTrueProps(props7[key], CLASS_NAMES, element);
-      if (setter)
-        setter(key, props7[key], CLASS_NAMES, element);
-    }
-    if (Object.keys(CLASS_NAMES.media).length) {
-      className.media = CLASS_NAMES.media;
     }
-    className.selector = CLASS_NAMES.selector;
-    className.case = CLASS_NAMES.case;
+    if (setter)
+      setter(key, props7[key], CLASS_NAMES, element);
   }
+  const parentProps = element.parent.props;
+  if (parentProps && parentProps.spacingRatio && parentProps.inheritSpacingRatio) {
+    element.setProps({
+      spacingRatio: parentProps.spacingRatio,
+      inheritSpacingRatio: true
+    }, {
+      preventRecursive: true,
+      isForced: true,
+      preventDefineUpdate: true
+    });
+  }
+  (0, import_utils.overwriteShallow)(className, CLASS_NAMES);
 };
 var Media = {
   class: {
@@ -12493,7 +12480,7 @@ var Media = {
       };
     }
   },
-  on: { beforeClassAssign, initUpdate }
+  on: { beforeClassAssign }
 };
 
 // Atoms/Iframe.js