@cube-dev/ui-kit 0.14.10 → 0.14.12

package/es/tasty/styles/radius.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
@@ -11,12 +11,8 @@ const RESET_MAP = {
         {
             css: `
 -webkit-appearance: none;
-font-weight: inherit;
 word-spacing: initial;
 -webkit-text-fill-color: currentColor;
-box-sizing: border-box;
-user-select: auto;
-resize: none;
 `,
         },
         {
@@ -68,12 +64,7 @@ display: none;
     button: [
         {
             css: `
-transition: all var(--transition) linear;
-background: transparent;
-border: none;
-outline: none;
 appearance: none;
-position: relative;
 touch-action: manipulation;
 -webkit-tap-highlight-color: transparent;
 text-decoration: none;

package/es/tasty/styles/shadow.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
@@ -59,6 +59,10 @@ function tasty(Component, options) {
     options = Component;
     let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, ...defaultProps } = options;
     let Element = styledComponents[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 = cacheWrapper((breakpoints) => {
         return renderStyles(defaultStyles, pointsToZones(breakpoints));
     });
@@ -77,15 +81,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 = useMemo(() => {
+            return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
+        }, [propStyles, styles]);
         let allStyles = useMemo(() => useDefaultStyles
             ? defaultStyles
-            : mergeStyles(defaultStyles, styles, propStyles), [styles, propStyles]);
+            : mergeStyles(defaultStyles, styles, propStyles), [styleCacheKey]);
         let contextBreakpoints = useContext(BreakpointsContext);
         breakpoints = breakpoints ?? contextBreakpoints;
-        let renderedStyles = useMemo(() => useDefaultStyles
-            ? renderDefaultStyles(breakpoints)
-            : renderStyles(allStyles, pointsToZones(breakpoints)), [allStyles, breakpoints]);
+        let renderedStyles = useMemo(() => {
+            return 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.14.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * 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.10
+ * @cube-dev/ui-kit v0.14.12
  * Released under the MIT license.
  */
 
@@ -112,98 +112,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',
@@ -224,6 +243,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/es/type-checks.js

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