@react-hive/honey-style 2.1.0 → 2.2.0

package/dist/index.dev.cjs

@@ -1879,6 +1879,9 @@ const CSS_SPACING_PROPERTIES = [
     'paddingRight',
     'paddingBottom',
     'paddingLeft',
+    'paddingBlock',
+    'paddingBlockStart',
+    'paddingBlockEnd',
     'top',
     'right',
     'bottom',
@@ -1998,15 +2001,18 @@ const createSpacingMiddleware = ({ spacingMultiplier }) => element => {
     if (typeof element.props === 'string' &&
         KEBAB_CASE_SPACING_PROPERTIES.includes(element.props) &&
         typeof element.children === 'string') {
-        const transformed = element.children
-            .split(/\s+/)
-            .map(value => {
-            if (/[a-z%]+$/i.test(value)) {
-                return value;
-            }
-            return `${parseFloat(value) * spacingMultiplier}px`;
-        })
-            .join(' ');
+        // If the whole value contains parentheses, skip entirely (likely calc or var)
+        if (/[()]/.test(element.children)) {
+            return;
+        }
+        const transformedParts = [];
+        const parts = element.children.trim().split(/\s+/);
+        for (const value of parts) {
+            transformedParts.push(
+            // Accept only numeric strings (integers or floats), no units or symbols
+            /^(\d+|\d*\.\d+)$/.test(value) ? `${parseFloat(value) * spacingMultiplier}px` : value);
+        }
+        const transformed = transformedParts.join(' ');
         element.return = `${element.props}:${transformed};`;
     }
 };