@symbo.ls/uikit 2.11.227 → 2.11.229

package/dist/index.cjs.js

@@ -1427,6 +1427,7 @@ var require_cjs = __commonJS({
       hexToRgbArray: () => hexToRgbArray,
       hexToRgba: () => hexToRgba,
       hslToRgb: () => hslToRgb,
+      isScalingUnit: () => isScalingUnit,
       mixTwoColors: () => mixTwoColors,
       mixTwoRgb: () => mixTwoRgb,
       mixTwoRgba: () => mixTwoRgba,
@@ -1498,6 +1499,7 @@ var require_cjs = __commonJS({
       hexToRgbArray: () => hexToRgbArray,
       hexToRgba: () => hexToRgba,
       hslToRgb: () => hslToRgb,
+      isScalingUnit: () => isScalingUnit,
       mixTwoColors: () => mixTwoColors,
       mixTwoRgb: () => mixTwoRgb,
       mixTwoRgba: () => mixTwoRgba,
@@ -1514,6 +1516,9 @@ var require_cjs = __commonJS({
       setSubScalingVar: () => setSubScalingVar,
       setVariables: () => setVariables
     });
+    var isScalingUnit = (unit) => {
+      return unit === "em" || unit === "rem" || unit === "vw" || unit === "vh" || unit === "vmax" || unit === "vmin";
+    };
     var import_globals = __toESM2(require_cjs7(), 1);
     var import_utils14 = __toESM2(require_cjs22(), 1);
     var ENV = "development";
@@ -1969,9 +1974,10 @@ var require_cjs = __commonJS({
       sequenceProps.vars[variable] = scaling + sequenceProps.unit;
     };
     var setScalingVar = (key, sequenceProps) => {
-      const { type } = sequenceProps;
+      const { base, type, unit } = sequenceProps;
+      const defaultVal = (isScalingUnit(unit) ? 1 : base) + unit;
       if (key === 0)
-        return "1em";
+        return defaultVal;
       const prefix2 = "--" + (type && type.replace(".", "-"));
       const ratioVar = `${prefix2}-ratio`;
       if (key > 0) {
@@ -2179,7 +2185,7 @@ var require_cjs = __commonJS({
     };
     var applyMediaSequenceVars = (FACTORY2, media, options = {}) => {
       const CONFIG22 = getActiveConfig3();
-      const { UNIT: UNIT2, MEDIA: MEDIA2, TIMING: TIMING2, CSS_VARS: CSS_VARS2 } = CONFIG22;
+      const { UNIT: UNIT2, MEDIA: MEDIA2, CSS_VARS: CSS_VARS2 } = CONFIG22;
       const mediaName = media.slice(1);
       const unit = FACTORY2.unit || UNIT2.default;
       const { mediaRegenerate } = FACTORY2;
@@ -2196,7 +2202,7 @@ var require_cjs = __commonJS({
       }
       for (const key in sequence) {
         const item = sequence[key];
-        const value = (FACTORY2.type === TIMING2.type ? sequence[key].val : scales[key]) + unit;
+        const value = (isScalingUnit(unit) ? scales[key] : sequence[key].val) + unit;
         if (!query && CONFIG22.verbose)
           console.warn("Can't find query ", query);
         let underMediaQuery = CSS_VARS2[`@media ${query}`];
@@ -2205,7 +2211,6 @@ var require_cjs = __commonJS({
         underMediaQuery[item.variable] = `var(${item.variable + "_" + mediaName})`;
         CSS_VARS2[item.variable + "_" + mediaName] = value;
       }
-      console.log(CSS_VARS2);
     };
     var import_utils82 = __toESM2(require_cjs22(), 1);
     var generateSprite = (icons) => {
@@ -2698,11 +2703,7 @@ var require_cjs = __commonJS({
           range,
           subSequence,
           h1Matches,
-          unit,
-          sequence: {},
-          scales: {},
-          templates: {},
-          vars: {}
+          unit
         });
         const query = MEDIA2[mediaName];
         TYPOGRAPHY2.templates[`@media screen and ${query}`] = {
@@ -2712,6 +2713,12 @@ var require_cjs = __commonJS({
           applyMediaSequenceVars(FACTORY2, prop);
           continue;
         }
+        (0, import_utils15.merge)(mediaValue, {
+          sequence: {},
+          scales: {},
+          templates: {},
+          vars: {}
+        });
         generateSequence(mediaValue);
         applyMediaSequenceVars(FACTORY2, prop);
       }