@cube-dev/ui-kit 0.0.0-canary-cb9b60b → 0.0.0-canary-ecf319d

package/es/tasty/styles/fill.js

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

package/es/tasty/styles/flow.js

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

package/es/tasty/styles/font.js

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

package/es/tasty/styles/fontStyle.js

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

package/es/tasty/styles/gap.js

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

package/es/tasty/styles/groupRadius.js

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

package/es/tasty/styles/margin.js

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

package/es/tasty/styles/marginBlock.js

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

package/es/tasty/styles/marginInline.js

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

package/es/tasty/styles/outline.js

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

package/es/tasty/styles/padding.js

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

package/es/tasty/styles/paddingBlock.js

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

package/es/tasty/styles/paddingInline.js

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

package/es/tasty/styles/preset.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * Released under the MIT license.
  */
 
@@ -14,6 +14,7 @@ import { modAttrs } from './utils/modAttrs';
 import { renderStyles } from './utils/renderStyles';
 import { pointsToZones } from './utils/responsive';
 import { BASE_STYLES } from './styles/list';
+import { cacheWrapper } from './utils/styles';
 import { mergeStyles } from './utils/mergeStyles';
 import { getDisplayName } from './utils/get-display-name';
 // Implementation
@@ -58,6 +59,9 @@ function tasty(Component, options) {
     options = Component;
     let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, ...defaultProps } = options;
     let Element = styledComponents[originalAs](({ css }) => css);
+    const renderDefaultStyles = cacheWrapper((breakpoints) => {
+        return renderStyles(defaultStyles, pointsToZones(breakpoints));
+    });
     let _TastyComponent = forwardRef((allProps, ref) => {
         let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
         let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
@@ -70,12 +74,18 @@ function tasty(Component, options) {
             }
             return map;
         }, {});
-        let allStyles = useMemo(() => mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
+        if (Object.keys(propStyles).length === 0) {
+            propStyles = null;
+        }
+        const useDefaultStyles = !propStyles && !styles;
+        let allStyles = useMemo(() => useDefaultStyles
+            ? defaultStyles
+            : mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
         let contextBreakpoints = useContext(BreakpointsContext);
         breakpoints = breakpoints ?? contextBreakpoints;
-        let renderedStyles = useMemo(() => allStyles
-            ? renderStyles(allStyles, pointsToZones(breakpoints))
-            : '', [allStyles, breakpoints]);
+        let renderedStyles = useMemo(() => useDefaultStyles
+            ? renderDefaultStyles(breakpoints)
+            : renderStyles(allStyles, pointsToZones(breakpoints)), [allStyles, breakpoints]);
         if (mods) {
             Object.assign(otherProps, modAttrs(mods));
         }

package/es/tasty/types.js

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

package/es/tasty/utils/get-display-name.js

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

package/es/tasty/utils/index.js

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

package/es/tasty/utils/mergeStyles.js

@@ -1,29 +1,29 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * Released under the MIT license.
  */
 
 import { isSelector } from './renderStyles';
 export function mergeStyles(...objects) {
-    let styles = objects[0] || {};
+    let styles = objects[0] ? { ...objects[0] } : {};
     let pos = 1;
     while (pos in objects) {
-        const keys = styles ? Object.keys(styles) : [];
+        const selectorKeys = Object.keys(styles).filter((key) => isSelector(key) && styles[key]);
         const newStyles = objects[pos];
-        const resultStyles = { ...styles, ...newStyles };
-        for (let key of keys) {
-            if (isSelector(key)) {
-                resultStyles[key] = {
-                    ...(styles?.[key] ? styles[key] : null),
-                    ...(newStyles?.[key]
-                        ? newStyles[key]
-                        : null),
-                };
+        if (newStyles) {
+            const resultStyles = { ...styles, ...newStyles };
+            for (let key of selectorKeys) {
+                if (newStyles?.[key]) {
+                    resultStyles[key] = {
+                        ...styles[key],
+                        ...newStyles[key],
+                    };
+                }
             }
+            styles = resultStyles;
         }
-        styles = resultStyles;
         pos++;
     }
     return styles;

package/es/tasty/utils/modAttrs.js

@@ -1,22 +1,19 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * 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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * Released under the MIT license.
  */
 
@@ -547,8 +547,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 +559,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 +572,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 +586,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 +599,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 +612,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 +663,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 +674,7 @@ function parseStateNotationInner(notation, value) {
         return {
             model: tokens[0],
             mods: tokens.slice(0),
+            notMods: [],
             tokens,
             value,
         };
@@ -717,23 +712,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 +771,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 +814,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 +834,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.0.0-canary-cb9b60b
+ * @cube-dev/ui-kit v0.0.0-canary-ecf319d
  * Released under the MIT license.
  */