@cube-dev/ui-kit 0.14.9 → 0.14.12

package/cjs/tasty/tasty.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.9
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
@@ -81,6 +81,10 @@ function tasty(Component, options) {
     options = Component;
     let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, ...defaultProps } = options;
     let Element = styled_components_1.default[originalAs](({ css }) => css);
+    /**
+     * An additional optimization that allows to avoid rendering styles across various instances
+     * of the same element if no custom styles are provided via `styles` prop or direct style props.
+     */
     const renderDefaultStyles = (0, styles_1.cacheWrapper)((breakpoints) => {
         return (0, renderStyles_1.renderStyles)(defaultStyles, (0, responsive_1.pointsToZones)(breakpoints));
     });
@@ -99,15 +103,23 @@ function tasty(Component, options) {
         if (Object.keys(propStyles).length === 0) {
             propStyles = null;
         }
+        if (!styles || (styles && Object.keys(styles).length === 0)) {
+            styles = undefined;
+        }
         const useDefaultStyles = !propStyles && !styles;
+        const styleCacheKey = (0, react_1.useMemo)(() => {
+            return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
+        }, [propStyles, styles]);
         let allStyles = (0, react_1.useMemo)(() => useDefaultStyles
             ? defaultStyles
-            : (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styles, propStyles]);
+            : (0, mergeStyles_1.mergeStyles)(defaultStyles, styles, propStyles), [styleCacheKey]);
         let contextBreakpoints = (0, react_1.useContext)(BreakpointsProvider_1.BreakpointsContext);
         breakpoints = breakpoints ?? contextBreakpoints;
-        let renderedStyles = (0, react_1.useMemo)(() => useDefaultStyles
-            ? renderDefaultStyles(breakpoints)
-            : (0, renderStyles_1.renderStyles)(allStyles, (0, responsive_1.pointsToZones)(breakpoints)), [allStyles, breakpoints]);
+        let renderedStyles = (0, react_1.useMemo)(() => {
+            return useDefaultStyles
+                ? renderDefaultStyles(breakpoints)
+                : (0, renderStyles_1.renderStyles)(allStyles, (0, responsive_1.pointsToZones)(breakpoints));
+        }, [allStyles, breakpoints]);
         if (mods) {
             Object.assign(otherProps, (0, modAttrs_1.modAttrs)(mods));
         }

package/cjs/tasty/types.js

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

package/cjs/tasty/utils/colors.js

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

package/cjs/tasty/utils/dotize.js

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

package/cjs/tasty/utils/filterBaseProps.js

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

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

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

package/cjs/tasty/utils/index.js

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

package/cjs/tasty/utils/mergeStyles.js

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

package/cjs/tasty/utils/modAttrs.js

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

package/cjs/tasty/utils/renderStyles.js

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

package/cjs/tasty/utils/responsive.js

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

package/cjs/tasty/utils/string.js

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

package/cjs/tasty/utils/styles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.9
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
@@ -553,7 +553,7 @@ function styleHandlerCacheWrapper(styleHandler, limit = 1000) {
             return null;
         const stateMapList = styleMapToStyleMapStateList(styleMap);
         replaceStateValues(stateMapList, wrappedStyleHandler);
-        return applyStates('&', stateMapList, suffix);
+        return applyStates('&&', stateMapList, suffix);
     }, limit);
     return Object.assign(wrappedMapHandler, {
         __lookupStyles: styleHandler.__lookupStyles,

package/cjs/tasty/utils/warnings.js

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

package/cjs/test/index.js

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

package/cjs/test/render.js

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

package/cjs/test/setup.js

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

package/cjs/test/utils/index.js

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

package/cjs/test/utils/wait.js

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

package/cjs/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.9
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
@@ -115,98 +115,117 @@ const TOKENS = {
     'h5-line-height': '22px',
     'h5-letter-spacing': '0.02em',
     'h5-font-weight': '700',
+    'h5-icon-size': '18px',
     // h5 semi-bold
     'h5s-font-size': '16px',
     'h5s-line-height': '22px',
     'h5s-letter-spacing': '0.02em',
     'h5s-font-weight': '600',
+    'h5s-icon-size': '18px',
     // h5 medium
     'h5m-font-size': '16px',
     'h5m-line-height': '22px',
     'h5m-letter-spacing': '0.02em',
     'h5m-font-weight': '500',
+    'h5m-icon-size': '18px',
     // h6 (unused)
     'h6-font-size': '14px',
     'h6-line-height': '20px',
     'h6-letter-spacing': '0',
     'h6-font-weight': '700',
+    'h6-icon-size': '16px',
     // t1
     't1-font-size': '18px',
     't1-line-height': '24px',
     't1-letter-spacing': '0',
     't1-font-weight': '400',
+    't1-icon-size': '20px',
     // t2
     't2-font-size': '16px',
     't2-line-height': '22px',
     't2-letter-spacing': '0.01em',
     't2-font-weight': '400',
+    't2-icon-size': '18px',
     // t2m
     't2m-font-size': '16px',
     't2m-line-height': '22px',
     't2m-letter-spacing': '0.005em',
     't2m-font-weight': '500',
+    't2m-icon-size': '18px',
     // t3
     't3-font-size': '14px',
     't3-line-height': '20px',
     't3-letter-spacing': '0.02em',
     't3-font-weight': '400',
+    't3-icon-size': '16px',
     // t3m
     't3m-font-size': '14px',
     't3m-line-height': '20px',
     't3m-letter-spacing': '0.015em',
     't3m-font-weight': '500',
+    't3m-icon-size': '16px',
     // t3s
     't3s-font-size': '14px',
     't3s-line-height': '20px',
     't3s-letter-spacing': '0.015em',
     't3s-font-weight': '600',
+    't3s-icon-size': '16px',
     // t4
     't4-font-size': '12px',
     't4-line-height': '18px',
     't4-letter-spacing': '0.025em',
     't4-font-weight': '400',
+    't4-icon-size': '14px',
     // t4m
     't4m-font-size': '12px',
     't4m-line-height': '18px',
     't4m-letter-spacing': '0.02em',
     't4m-font-weight': '500',
+    't4m-icon-size': '14px',
     // p1
     'p1-font-size': '18px',
     'p1-line-height': '28px',
     'p1-letter-spacing': '0',
     'p1-font-weight': '400',
+    'p1-icon-size': '20px',
     // p2
     'p2-font-size': '16px',
     'p2-line-height': '24px',
     'p2-letter-spacing': '0.01em',
     'p2-font-weight': '400',
+    'p2-icon-size': '18px',
     // p3
     'p3-font-size': '14px',
     'p3-line-height': '22px',
     'p3-letter-spacing': '0.02em',
     'p3-font-weight': '400',
+    'p3-icon-size': '16px',
     // p4
     'p4-font-size': '12px',
     'p4-line-height': '20px',
     'p4-letter-spacing': '0.025em',
     'p4-font-weight': '400',
+    'p4-icon-size': '14px',
     // c1
     'c1-font-size': '14px',
     'c1-line-height': '20px',
     'c1-letter-spacing': '0.015em',
     'c1-font-weight': '500',
     'c1-text-transform': 'uppercase',
+    'c1-icon-size': '16px',
     // c2
     'c2-font-size': '12px',
     'c2-line-height': '18px',
     'c2-letter-spacing': '0.02em',
     'c2-font-weight': '500',
     'c2-text-transform': 'uppercase',
+    'c2-icon-size': '14px',
     // tag
     'tag-font-size': '12px',
     'tag-line-height': '12px',
     'tag-letter-spacing': '0.02em',
     'tag-font-weight': '600',
+    'tag-icon-size': '14px',
     // strong
     'strong-font-size': 'inherit',
     'strong-line-height': 'inherit',
@@ -227,6 +246,7 @@ const TOKENS = {
     'default-letter-spacing': 'var(--t3-letter-spacing)',
     'default-font-weight': 'var(--t3-font-weight)',
     'default-bold-font-weight': '700',
+    'default-icon-size': 'inherit',
     // scrollbar colors
     'scrollbar-width': '1.5x',
     'scrollbar-outline-width': '1ow',

package/cjs/type-checks.js

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

package/cjs/utils/ResizeSensor.js

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

package/cjs/utils/modules.js

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

package/cjs/utils/promise.js

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

package/cjs/utils/random.js

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

package/cjs/utils/range.js

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

package/cjs/utils/react/Slots.js

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

package/cjs/utils/react/chain.js

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

package/cjs/utils/react/index.js

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

package/cjs/utils/react/interactions.js

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

package/cjs/utils/react/isTextOnly.js

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

package/cjs/utils/react/mapProps.js

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

package/cjs/utils/react/mergeProps.js

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

package/cjs/utils/react/nullableValue.js

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

package/cjs/utils/react/useCombinedRefs.js

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

package/cjs/utils/react/useId.js

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

package/cjs/utils/react/useLayoutEffect.js

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

package/cjs/utils/react/useViewportSize.js

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

package/cjs/utils/react/wrapNodeIfPlain.js

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

package/cjs/utils/transitions.js

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

package/cjs/utils/tree.js

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

package/cjs/utils/warnings.js

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

package/es/_internal/hooks/index.js

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

package/es/_internal/hooks/use-chained-callback.js

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

package/es/_internal/hooks/use-deprecation-warning.js

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

package/es/_internal/hooks/use-event.js

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

package/es/_internal/hooks/use-sync-ref.js

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

package/es/_internal/hooks/use-timer/index.js

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