@cube-dev/ui-kit 0.80.0 → 0.80.2

package/es/tasty/styles/groupRadius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/height.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/index.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/inset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/justify.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/list.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/margin.js

@@ -1,38 +1,100 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 
 import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';
-export function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft, }) {
-    if (typeof margin === 'number') {
-        margin = `${margin}px`;
-    }
-    if (!margin)
-        return '';
-    if (margin === true)
-        margin = '1x';
-    const processed = parseStyle(margin);
-    let { values, mods } = processed.groups[0] ?? { values: [], mods: [] };
-    let directions = filterMods(mods, DIRECTIONS);
+/**
+ * Parse a margin value and return processed values
+ */
+function parseMarginValue(value) {
+    if (typeof value === 'number') {
+        return [`${value}px`];
+    }
+    if (!value)
+        return [];
+    if (value === true)
+        value = '1x';
+    const processed = parseStyle(value);
+    let { values } = processed.groups[0] ?? { values: [] };
     if (!values.length) {
         values = ['var(--gap)'];
     }
-    if (!directions.length) {
-        directions = DIRECTIONS;
+    return values;
+}
+/**
+ * Parse directional margin value (like "1x top" or "2x left right")
+ */
+function parseDirectionalMargin(value) {
+    if (typeof value === 'number') {
+        return { values: [`${value}px`], directions: [] };
+    }
+    if (!value)
+        return { values: [], directions: [] };
+    if (value === true)
+        value = '1x';
+    const processed = parseStyle(value);
+    let { values, mods } = processed.groups[0] ?? { values: [], mods: [] };
+    if (!values.length) {
+        values = ['var(--gap)'];
     }
-    const marginDirs = [marginTop, marginRight, marginBottom, marginLeft];
-    return directions.reduce((styles, dir) => {
-        const index = DIRECTIONS.indexOf(dir);
-        if (((!!(index % 2) && marginInline == null) ||
-            (!(index % 2) && marginBlock == null)) &&
-            marginDirs[index] == null) {
-            styles[`margin-${dir}`] = values[index] || values[index % 2] || values[0];
+    const directions = filterMods(mods, DIRECTIONS);
+    return { values, directions };
+}
+export function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft, }) {
+    const styles = {};
+    // Priority 1 (lowest): margin - apply to all directions if no other properties are specified
+    if (margin != null) {
+        // Parse directional margin (e.g., "1x top" or "2x left right")
+        const { values, directions } = parseDirectionalMargin(margin);
+        if (directions.length === 0) {
+            // No directions specified, apply to all sides
+            styles['margin-top'] = values[0];
+            styles['margin-right'] = values[1] || values[0];
+            styles['margin-bottom'] = values[2] || values[0];
+            styles['margin-left'] = values[3] || values[1] || values[0];
         }
-        return styles;
-    }, {});
+        else {
+            // Apply only to specified directions
+            directions.forEach((dir) => {
+                const index = DIRECTIONS.indexOf(dir);
+                styles[`margin-${dir}`] =
+                    values[index] || values[index % 2] || values[0];
+            });
+        }
+    }
+    // Priority 2 (medium): marginBlock - override top and bottom
+    if (marginBlock != null) {
+        const values = parseMarginValue(marginBlock);
+        styles['margin-top'] = values[0];
+        styles['margin-bottom'] = values[1] || values[0];
+    }
+    // Priority 2 (medium): marginInline - override left and right
+    if (marginInline != null) {
+        const values = parseMarginValue(marginInline);
+        styles['margin-left'] = values[0];
+        styles['margin-right'] = values[1] || values[0];
+    }
+    // Priority 3 (highest): individual directions - override specific sides
+    if (marginTop != null) {
+        const values = parseMarginValue(marginTop);
+        styles['margin-top'] = values[0];
+    }
+    if (marginRight != null) {
+        const values = parseMarginValue(marginRight);
+        styles['margin-right'] = values[0];
+    }
+    if (marginBottom != null) {
+        const values = parseMarginValue(marginBottom);
+        styles['margin-bottom'] = values[0];
+    }
+    if (marginLeft != null) {
+        const values = parseMarginValue(marginLeft);
+        styles['margin-left'] = values[0];
+    }
+    return styles;
 }
 marginStyle.__lookupStyles = [
     'margin',

package/es/tasty/styles/outline.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/padding.js

@@ -1,47 +1,100 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 
 import { DIRECTIONS, filterMods, parseStyle } from '../utils/styles';
-export function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft, }) {
-    if (Array.isArray(padding)) {
-        return {
-            'padding-top': padding[0],
-            'padding-right': padding[1] || padding[0],
-            'padding-bottom': padding[2] || padding[0],
-            'padding-left': padding[3] || padding[1] || padding[0],
-        };
-    }
-    if (typeof padding === 'number') {
-        padding = `${padding}px`;
-    }
-    if (!padding)
-        return '';
-    if (padding === true)
-        padding = '1x';
-    const processed = parseStyle(padding);
+/**
+ * Parse a padding value and return processed values
+ */
+function parsePaddingValue(value) {
+    if (typeof value === 'number') {
+        return [`${value}px`];
+    }
+    if (!value)
+        return [];
+    if (value === true)
+        value = '1x';
+    const processed = parseStyle(value);
+    let { values } = processed.groups[0] ?? { values: [] };
+    if (!values.length) {
+        values = ['var(--gap)'];
+    }
+    return values;
+}
+/**
+ * Parse directional padding value (like "1x top" or "2x left right")
+ */
+function parseDirectionalPadding(value) {
+    if (typeof value === 'number') {
+        return { values: [`${value}px`], directions: [] };
+    }
+    if (!value)
+        return { values: [], directions: [] };
+    if (value === true)
+        value = '1x';
+    const processed = parseStyle(value);
     let { values, mods } = processed.groups[0] ?? { values: [], mods: [] };
-    let directions = filterMods(mods, DIRECTIONS);
     if (!values.length) {
         values = ['var(--gap)'];
     }
-    if (!directions.length) {
-        directions = DIRECTIONS;
-    }
-    const paddingDirs = [paddingTop, paddingRight, paddingBottom, paddingLeft];
-    return directions.reduce((styles, dir) => {
-        const index = DIRECTIONS.indexOf(dir);
-        if (((!!(index % 2) && paddingInline == null) ||
-            (!(index % 2) && paddingBlock == null)) &&
-            paddingDirs[index] == null) {
-            styles[`padding-${dir}`] =
-                values[index] || values[index % 2] || values[0];
+    const directions = filterMods(mods, DIRECTIONS);
+    return { values, directions };
+}
+export function paddingStyle({ padding, paddingBlock, paddingInline, paddingTop, paddingRight, paddingBottom, paddingLeft, }) {
+    const styles = {};
+    // Priority 1 (lowest): padding - apply to all directions if no other properties are specified
+    if (padding != null) {
+        // Parse directional padding (e.g., "1x top" or "2x left right")
+        const { values, directions } = parseDirectionalPadding(padding);
+        if (directions.length === 0) {
+            // No directions specified, apply to all sides
+            styles['padding-top'] = values[0];
+            styles['padding-right'] = values[1] || values[0];
+            styles['padding-bottom'] = values[2] || values[0];
+            styles['padding-left'] = values[3] || values[1] || values[0];
+        }
+        else {
+            // Apply only to specified directions
+            directions.forEach((dir) => {
+                const index = DIRECTIONS.indexOf(dir);
+                styles[`padding-${dir}`] =
+                    values[index] || values[index % 2] || values[0];
+            });
         }
-        return styles;
-    }, {});
+    }
+    // Priority 2 (medium): paddingBlock - override top and bottom
+    if (paddingBlock != null) {
+        const values = parsePaddingValue(paddingBlock);
+        styles['padding-top'] = values[0];
+        styles['padding-bottom'] = values[1] || values[0];
+    }
+    // Priority 2 (medium): paddingInline - override left and right
+    if (paddingInline != null) {
+        const values = parsePaddingValue(paddingInline);
+        styles['padding-left'] = values[0];
+        styles['padding-right'] = values[1] || values[0];
+    }
+    // Priority 3 (highest): individual directions - override specific sides
+    if (paddingTop != null) {
+        const values = parsePaddingValue(paddingTop);
+        styles['padding-top'] = values[0];
+    }
+    if (paddingRight != null) {
+        const values = parsePaddingValue(paddingRight);
+        styles['padding-right'] = values[0];
+    }
+    if (paddingBottom != null) {
+        const values = parsePaddingValue(paddingBottom);
+        styles['padding-bottom'] = values[0];
+    }
+    if (paddingLeft != null) {
+        const values = parsePaddingValue(paddingLeft);
+        styles['padding-left'] = values[0];
+    }
+    return styles;
 }
 paddingStyle.__lookupStyles = [
     'padding',

package/es/tasty/styles/place.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/predefined.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 
@@ -21,12 +21,8 @@ import { heightStyle } from './height';
 import { insetStyle } from './inset';
 import { justifyStyle } from './justify';
 import { marginStyle } from './margin';
-import { marginBlockStyle } from './marginBlock';
-import { marginInlineStyle } from './marginInline';
 import { outlineStyle } from './outline';
 import { paddingStyle } from './padding';
-import { paddingBlockStyle } from './paddingBlock';
-import { paddingInlineStyle } from './paddingInline';
 import { presetStyle } from './preset';
 import { radiusStyle } from './radius';
 import { resetStyle } from './reset';
@@ -134,8 +130,6 @@ export function predefine() {
         fillStyle,
         widthStyle,
         marginStyle,
-        marginBlockStyle,
-        marginInlineStyle,
         gapStyle,
         flowStyle,
         colorStyle,
@@ -144,8 +138,6 @@ export function predefine() {
         borderStyle,
         shadowStyle,
         paddingStyle,
-        paddingBlockStyle,
-        paddingInlineStyle,
         alignStyle,
         justifyStyle,
         presetStyle,

package/es/tasty/styles/preset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/radius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/reset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/scrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/styledScrollbar.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/transition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/styles/width.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/cache-wrapper.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/case-converter.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/colors.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/dotize.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/getDisplayName.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/getModCombinations.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/isDevEnv.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/mergeStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/modAttrs.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/string.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tasty/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */
 

package/es/type-checks.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.80.0
+ * @cube-dev/ui-kit v0.80.2
  * Released under the MIT license.
  */