@cube-dev/ui-kit 0.14.3 → 0.14.5

package/es/tasty/utils/modAttrs.js

@@ -1,22 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.3
+ * @cube-dev/ui-kit v0.14.5
  * Released under the MIT license.
  */
 
-/**
- * Generate data DOM attributes from modifier map.
- * @param {Object<string,boolean>} map
- * @return {Object<string,string>}
- */
 export function modAttrs(map) {
-    return Object.keys(map).reduce((attrs, key) => {
-        if (map[key]) {
-            attrs[`data-is-${key}`] = '';
-        }
-        return attrs;
-    }, {});
+    return map
+        ? Object.keys(map).reduce((attrs, key) => {
+            if (map[key]) {
+                attrs[`data-is-${key}`] = '';
+            }
+            return attrs;
+        }, {})
+        : null;
 }
 
         

package/es/tasty/utils/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.3
+ * @cube-dev/ui-kit v0.14.5
  * Released under the MIT license.
  */
 
@@ -48,7 +48,7 @@ export function renderStyles(styles, responsive, suffix) {
             STYLE_CACHE_COUNT = 0;
             STYLE_CACHE = {};
         }
-        const keys = Object.keys(styles);
+        const keys = styles ? Object.keys(styles) : [];
         const selectorKeys = keys.filter((key) => isSelector(key));
         let innerStyles = '';
         if (selectorKeys.length) {
@@ -117,7 +117,7 @@ export function renderStyles(styles, responsive, suffix) {
                     handler(styleMap, suffix) || '';
             }
         });
-        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
+        STYLE_CACHE[cacheKey] = `&${suffix || ''}{outline: none;\n&[hidden]{display: none !important;}}${rawStyles}${responsive &&
             responsive.length &&
             responsiveStyles.filter((s) => s).length
             ? mediaWrapper(responsiveStyles, zones)

package/es/tasty/utils/responsive.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.3
+ * @cube-dev/ui-kit v0.14.5
  * 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.14.3
+ * @cube-dev/ui-kit v0.14.5
  * 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.14.3
+ * @cube-dev/ui-kit v0.14.5
  * Released under the MIT license.
  */
 
@@ -256,10 +256,7 @@ export function parseStyle(value, mode = 0) {
     return CACHE.get(value);
 }
 /**
- *
- * @param {String} val
- * @param {Boolean} ignoreError
- * @return {{color}|{color: string, name: *, opacity: *}|{}|{color: string, name: string, opacity: (number|number)}|{color: string, name: *}}
+ * Parse color. Find it value, name and opacity.
  */
 export function parseColor(val, ignoreError = false) {
     val = val.trim();
@@ -547,8 +544,6 @@ export function styleHandlerCacheWrapper(styleHandler, limit = 1000) {
 /**
  * Replace state values with new ones.
  * For example, if you want to replace initial values with finite CSS code.
- * @param {StyleStateList|StyleStateMapList} states
- * @param {Function} replaceFn
  */
 export function replaceStateValues(states, replaceFn) {
     const cache = new Map();
@@ -561,8 +556,7 @@ export function replaceStateValues(states, replaceFn) {
     return states;
 }
 /**
- * Get all presented modes from style state list.
- * @param {StyleStateList} stateList
+ * Get all presented modes from the style state list.
  */
 export function getModesFromStyleStateList(stateList) {
     return stateList.reduce((list, state) => {
@@ -575,9 +569,7 @@ export function getModesFromStyleStateList(stateList) {
     }, []);
 }
 /**
- * Get all presented modes from style state list map.
- * @param {StyleStateMapList} stateListMap
- * @return {string[]}
+ * Get all presented modes from the style state map list.
  */
 export function getModesFromStyleStateListMap(stateListMap) {
     return Object.keys(stateListMap).reduce((list, style) => {
@@ -591,9 +583,7 @@ export function getModesFromStyleStateListMap(stateListMap) {
     }, []);
 }
 /**
- * Convert style map to the normalized style map state list.
- * @param styleMap
- * @param filterKeys
+ * Convert the style map to the normalized style state list.
  */
 export function styleMapToStyleMapStateList(styleMap, filterKeys) {
     const keys = filterKeys || Object.keys(styleMap);
@@ -606,9 +596,9 @@ export function styleMapToStyleMapStateList(styleMap, filterKeys) {
         stateDataListMap[style].mods.forEach(allModsSet.add, allModsSet);
     });
     const allModsArr = Array.from(allModsSet);
-    const styleStateMapList = [];
+    const styleStateList = [];
     getModCombinations(allModsArr, true).forEach((combination) => {
-        styleStateMapList.push({
+        styleStateList.push({
             mods: combination,
             notMods: allModsArr.filter((mod) => !combination.includes(mod)),
             value: keys.reduce((map, key) => {
@@ -619,7 +609,7 @@ export function styleMapToStyleMapStateList(styleMap, filterKeys) {
             }, {}),
         });
     });
-    return styleStateMapList;
+    return styleStateList;
 }
 const STATES_REGEXP = /([&|!^])|([()])|([a-z0-6-]+)|(:[a-z0-6-]+)|(\.[a-z0-6-]+)|(\[[^\]]+])/gi;
 export const STATE_OPERATORS = {
@@ -670,9 +660,10 @@ function parseStateNotationInner(notation, value) {
     const tokens = notation.replace(/,/g, '|').match(STATES_REGEXP);
     if (!tokens || !tokens.length) {
         return {
-            model: null,
+            model: undefined,
             mods: [],
-            tokens,
+            notMods: [],
+            tokens: [],
             value,
         };
     }
@@ -680,6 +671,7 @@ function parseStateNotationInner(notation, value) {
         return {
             model: tokens[0],
             mods: tokens.slice(0),
+            notMods: [],
             tokens,
             value,
         };
@@ -717,23 +709,23 @@ function parseStateNotationInner(notation, value) {
     return {
         tokens,
         mods,
+        notMods: [],
         model: convertTokensToComputeUnits(operations[0]),
         value,
     };
 }
 export const parseStateNotation = cacheWrapper(parseStateNotationInner);
 /**
- *
- * @param {StyleStateMap|string|number|boolean|null|undefined} styleStateMap
- * @return {{ states: StyleStateDataList, mods: string[] }}
+ * Parse state notation and return tokens, modifiers and compute model.
  */
 export function styleStateMapToStyleStateDataList(styleStateMap) {
     if (typeof styleStateMap !== 'object' || !styleStateMap) {
         return {
             states: [
                 {
-                    model: null,
+                    model: undefined,
                     mods: [],
+                    notMods: [],
                     value: styleStateMap,
                 },
             ],
@@ -776,7 +768,7 @@ export const COMPUTE_FUNC_MAP = {
     '&': (a, b) => a & b,
 };
 /**
- * Compute a result based on model and incoming map.
+ * Compute a result based on a model and incoming map.
  */
 export function computeState(computeModel, valueMap) {
     if (!computeModel)
@@ -819,10 +811,13 @@ export function computeState(computeModel, valueMap) {
     }
     return !!func(a, b);
 }
+/**
+ * Create a function that caches the result up to the limit.
+ */
 export function cacheWrapper(handler, limit = 1000) {
     let cache = {};
     let count = 0;
-    return (firstArg, secondArg) => {
+    return ((firstArg, secondArg) => {
         const key = typeof firstArg === 'string' && secondArg == null
             ? firstArg
             : JSON.stringify([firstArg, secondArg]);
@@ -836,7 +831,7 @@ export function cacheWrapper(handler, limit = 1000) {
                 secondArg == null ? handler(firstArg) : handler(firstArg, secondArg);
         }
         return cache[key];
-    };
+    });
 }
 
         

package/es/tasty/utils/warnings.js

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

package/es/test/index.js

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

package/es/test/render.js

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

package/es/test/setup.js

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

package/es/test/utils/index.js

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

package/es/test/utils/wait.js

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

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.3
+ * @cube-dev/ui-kit v0.14.5
  * 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.14.3
+ * @cube-dev/ui-kit v0.14.5
  * Released under the MIT license.
  */
 

package/es/utils/ResizeSensor.js

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

package/es/utils/modules.js

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

package/es/utils/promise.js

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

package/es/utils/random.js

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

package/es/utils/range.js

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

package/es/utils/react/Slots.js

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

package/es/utils/react/chain.js

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

package/es/utils/react/index.js

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

package/es/utils/react/interactions.js

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

package/es/utils/react/isTextOnly.js

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

package/es/utils/react/mapProps.js

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

package/es/utils/react/mergeProps.js

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

package/es/utils/react/nullableValue.js

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

package/es/utils/react/useCombinedRefs.js

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

package/es/utils/react/useId.js

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

package/es/utils/react/useLayoutEffect.js

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

package/es/utils/react/useViewportSize.js

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

package/es/utils/react/wrapNodeIfPlain.js

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

package/es/utils/transitions.js

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

package/es/utils/tree.js

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

package/es/utils/warnings.js

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.14.3",
+  "version": "0.14.5",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

package/types/components/actions/Button/Button.d.ts

@@ -41,7 +41,6 @@ export declare function provideButtonStyles({ type, theme }: {
     right?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Right<string | number> | undefined>;
     bottom?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Bottom<string | number> | undefined>;
     left?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Left<string | number> | undefined>;
-    opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     accentColor?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AccentColor | undefined>;
     alignContent?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignContent | undefined>;
     alignItems?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.AlignItems | undefined>;
@@ -254,6 +253,7 @@ export declare function provideButtonStyles({ type, theme }: {
     offsetPath?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OffsetPath | undefined>;
     offsetRotate?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OffsetRotate | undefined>;
     offsetRotation?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OffsetRotate | undefined>;
+    opacity?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Opacity | undefined>;
     order?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Order | undefined>;
     orphans?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.Orphans | undefined>;
     outlineColor?: import("../../../tasty").ResponsiveStyleValue<import("csstype").Property.OutlineColor | undefined>;