npm - @cube-dev/ui-kit - Versions diffs - 0.0.0-canary-08c9b1c → 0.0.0-canary-3161e09 - Mend

@cube-dev/ui-kit 0.0.0-canary-08c9b1c → 0.0.0-canary-3161e09

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 (560) hide show

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/es/tasty/tasty.js CHANGED Viewed

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-08c9b1c
+ * @cube-dev/ui-kit v0.0.0-canary-3161e09
  * Released under the MIT license.
  */
@@ -56,57 +56,92 @@ function tasty(Component, options) {
         _WrappedComponent.displayName = `TastyWrappedComponent(${getDisplayName(Component, defaultProps.qa ?? extendTag ?? 'Anonymous')})`;
         return _WrappedComponent;
     }
-    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));
-    });
-    let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
-    let _TastyComponent = forwardRef((allProps, ref) => {
-        let { as, styles, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
-        let propStyles = (styleProps
-            ? styleProps.concat(BASE_STYLES)
-            : BASE_STYLES).reduce((map, prop) => {
-            if (prop in otherProps) {
-                map[prop] = otherProps[prop];
-                delete otherProps[prop];
-            }
+    const tastyOptions = Component;
+    let { as: originalAs = 'div', element: defaultElement, styles: defaultStyles, styleProps, variants, ...defaultProps } = tastyOptions;
+    let _TastyComponent;
+    if (variants) {
+        /**
+         * Create a tasty component for each variant.
+         * Then return a component that receives a `variant` and chooses the right component.
+         */
+        const variantComponents = Object.keys(variants).reduce((map, variant) => {
+            const variantStyles = variants?.[variant];
+            map[variant] = tasty({
+                as: originalAs,
+                styles: mergeStyles(defaultStyles, variantStyles),
+                styleProps,
+                ...defaultProps,
+            });
             return map;
         }, {});
-        if (Object.keys(propStyles).length === 0) {
-            propStyles = null;
-        }
-        if (!styles || (styles && Object.keys(styles).length === 0)) {
-            styles = undefined;
+        if (!variantComponents['default']) {
+            variantComponents['default'] = tasty({
+                as: originalAs,
+                styles: defaultStyles,
+                styleProps,
+                ...defaultProps,
+            });
         }
-        const propStylesCacheKey = JSON.stringify(propStyles);
-        const stylesCacheKey = useMemo(() => {
-            return JSON.stringify(styles);
-        }, [styles]);
-        const useDefaultStyles = !propStyles && !styles;
-        const styleCacheKey = useMemo(() => {
-            return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
-        }, [propStylesCacheKey, stylesCacheKey]);
-        let allStyles = useMemo(() => useDefaultStyles
-            ? defaultStyles
-            : mergeStyles(defaultStyles, styles, propStyles), [styleCacheKey]);
-        let contextBreakpoints = useContext(BreakpointsContext);
-        breakpoints = breakpoints ?? contextBreakpoints;
-        let renderedStyles = useMemo(() => {
-            return useDefaultStyles
-                ? renderDefaultStyles(breakpoints)
-                : renderStyles(allStyles, pointsToZones(breakpoints));
-        }, [allStyles, breakpoints]);
-        if (mods) {
-            Object.assign(otherProps, modAttrs(mods));
-        }
-        return (_jsx(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
-    });
+        // eslint-disable-next-line react/display-name
+        _TastyComponent = forwardRef((allProps, ref) => {
+            const { variant, ...restProps } = allProps;
+            const Component = (variantComponents[variant] ||
+                variantComponents['default']);
+            return _jsx(Component, { ...restProps, ref: ref });
+        });
+    }
+    else {
+        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));
+        });
+        let { qa: defaultQa, qaVal: defaultQaVal, ...otherDefaultProps } = defaultProps ?? {};
+        // eslint-disable-next-line react/display-name
+        _TastyComponent = forwardRef((allProps, ref) => {
+            let { as, styles, variant, breakpoints, mods, element, qa, qaVal, ...otherProps } = allProps;
+            let propStyles = (styleProps
+                ? styleProps.concat(BASE_STYLES)
+                : BASE_STYLES).reduce((map, prop) => {
+                if (prop in otherProps) {
+                    map[prop] = otherProps[prop];
+                    delete otherProps[prop];
+                }
+                return map;
+            }, {});
+            if (Object.keys(propStyles).length === 0) {
+                propStyles = null;
+            }
+            if (!styles || (styles && Object.keys(styles).length === 0)) {
+                styles = undefined;
+            }
+            const propStylesCacheKey = JSON.stringify(propStyles);
+            const stylesCacheKey = useMemo(() => {
+                return JSON.stringify(styles);
+            }, [styles]);
+            const useDefaultStyles = !propStyles && !styles;
+            const styleCacheKey = useMemo(() => {
+                return `${styles ? JSON.stringify(styles) : ''}.${propStyles ? JSON.stringify(propStyles) : ''}`;
+            }, [propStylesCacheKey, stylesCacheKey]);
+            let allStyles = useMemo(() => useDefaultStyles
+                ? defaultStyles
+                : mergeStyles(defaultStyles, styles, propStyles), [styleCacheKey]);
+            let contextBreakpoints = useContext(BreakpointsContext);
+            breakpoints = breakpoints ?? contextBreakpoints;
+            let renderedStyles = useMemo(() => {
+                return useDefaultStyles
+                    ? renderDefaultStyles(breakpoints)
+                    : renderStyles(allStyles, pointsToZones(breakpoints));
+            }, [allStyles, breakpoints]);
+            if (mods) {
+                Object.assign(otherProps, modAttrs(mods));
+            }
+            return (_jsx(Element, { as: as ?? originalAs, "data-element": element || defaultElement, "data-qa": qa || defaultQa, "data-qaval": qaVal || defaultQaVal, ...otherDefaultProps, ...otherProps, ref: ref, css: renderedStyles }));
+        });
+    }
     _TastyComponent.displayName = `TastyComponent(${defaultProps.qa || originalAs})`;
     return _TastyComponent;
 }

package/es/tasty/types.js CHANGED Viewed

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

package/es/tasty/utils/cache-wrapper.js CHANGED Viewed

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

package/es/tasty/utils/case-converter.js CHANGED Viewed

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

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

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-08c9b1c
+ * @cube-dev/ui-kit v0.0.0-canary-3161e09
  * 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.0.0-canary-08c9b1c
+ * @cube-dev/ui-kit v0.0.0-canary-3161e09
  * 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.0.0-canary-08c9b1c
+ * @cube-dev/ui-kit v0.0.0-canary-3161e09
  * 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.0.0-canary-08c9b1c
+ * @cube-dev/ui-kit v0.0.0-canary-3161e09
  * 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.0.0-canary-08c9b1c
+ * @cube-dev/ui-kit v0.0.0-canary-3161e09
  * Released under the MIT license.
  */
@@ -35,7 +35,7 @@ const CACHE_LIMIT = 1000;
  * @param {string} [suffix]
  * @return {string}
  */
-export function renderStyles(styles, responsive, suffix) {
+export function renderStyles(styles, responsive = [], suffix) {
     const zones = responsive;
     const responsiveStyles = Array.from(Array(zones.length)).map(() => '');
     const cacheKey = JSON.stringify({ s: styles, r: responsive, suffix });
@@ -54,7 +54,7 @@ export function renderStyles(styles, responsive, suffix) {
         if (selectorKeys.length) {
             selectorKeys.forEach((key) => {
                 const addSuffix = getSelector(key);
-                innerStyles += renderStyles(styles[key], responsive, addSuffix);
+                innerStyles += renderStyles(styles?.[key], responsive, addSuffix);
             });
         }
         keys.forEach((styleName) => {
@@ -70,7 +70,7 @@ export function renderStyles(styles, responsive, suffix) {
                 let isResponsive = false;
                 const lookupStyles = STYLE.__lookupStyles;
                 const filteredStyleMap = lookupStyles.reduce((map, name) => {
-                    map[name] = styles[name];
+                    map[name] = styles?.[name];
                     if (Array.isArray(map[name])) {
                         if (map[name].length === 0) {
                             delete map[name];

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

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

package/es/type-checks.js CHANGED Viewed

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