npm - @cube-dev/ui-kit - Versions diffs - 0.14.10 → 0.14.13 - Mend

@cube-dev/ui-kit 0.14.10 → 0.14.13

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (567) hide show

package/es/tasty/tasty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.10
+ * @cube-dev/ui-kit v0.14.13
  * 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 CHANGED Viewed

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

package/es/tasty/utils/colors.js CHANGED Viewed

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

package/es/tasty/utils/dotize.js CHANGED Viewed

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

package/es/tasty/utils/filterBaseProps.js CHANGED Viewed

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

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

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

package/es/tasty/utils/index.js CHANGED Viewed

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

package/es/tasty/utils/mergeStyles.js CHANGED Viewed

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

package/es/tasty/utils/modAttrs.js CHANGED Viewed

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

package/es/tasty/utils/renderStyles.js CHANGED Viewed

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

package/es/tasty/utils/responsive.js CHANGED Viewed

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

package/es/tasty/utils/string.js CHANGED Viewed

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

package/es/tasty/utils/styles.js CHANGED Viewed

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

package/es/tasty/utils/warnings.js CHANGED Viewed

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

package/es/test/index.js CHANGED Viewed

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

package/es/test/render.js CHANGED Viewed

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

package/es/test/setup.js CHANGED Viewed

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

package/es/test/utils/index.js CHANGED Viewed

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

package/es/test/utils/wait.js CHANGED Viewed

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

package/es/tokens.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.14.10
+ * @cube-dev/ui-kit v0.14.13
  * 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 CHANGED Viewed

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

package/es/utils/ResizeSensor.js CHANGED Viewed

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

package/es/utils/modules.js CHANGED Viewed

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

package/es/utils/promise.js CHANGED Viewed

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

package/es/utils/random.js CHANGED Viewed

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

package/es/utils/range.js CHANGED Viewed

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

package/es/utils/react/Slots.js CHANGED Viewed

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

package/es/utils/react/chain.js CHANGED Viewed

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

package/es/utils/react/index.js CHANGED Viewed

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

package/es/utils/react/interactions.js CHANGED Viewed

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

package/es/utils/react/isTextOnly.js CHANGED Viewed

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

package/es/utils/react/mapProps.js CHANGED Viewed

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

package/es/utils/react/mergeProps.js CHANGED Viewed

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

package/es/utils/react/nullableValue.js CHANGED Viewed

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

package/es/utils/react/useCombinedRefs.js CHANGED Viewed

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

package/es/utils/react/useId.js CHANGED Viewed

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

package/es/utils/react/useLayoutEffect.js CHANGED Viewed

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

package/es/utils/react/useViewportSize.js CHANGED Viewed

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

package/es/utils/react/wrapNodeIfPlain.js CHANGED Viewed

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

package/es/utils/transitions.js CHANGED Viewed

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

package/es/utils/tree.js CHANGED Viewed

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

package/es/utils/warnings.js CHANGED Viewed

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

package/package.json CHANGED Viewed

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

package/types/components/actions/Action.d.ts CHANGED Viewed

@@ -9,16 +9,4 @@ export interface CubeActionProps extends BaseProps, TagNameProps, BaseStyleProps
     onMouseEnter?: MouseEventHandler;
     onMouseLeave?: MouseEventHandler;
 }
-/**
- * Helper to open link.
- * @param {String} href
- * @param {String|Boolean} [target]
- */
-export declare function openLink(href: any, target?: any): void;
-export declare function parseTo(to: any): {
-    newTab: boolean;
-    nativeRoute: boolean;
-    href: string | undefined;
-};
-export declare function performClickHandler(evt: any, router: any, to: any, onPress: any): void;
 export declare const Action: import("react").ForwardRefExoticComponent<CubeActionProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;