@cube-dev/ui-kit 0.9.11 → 0.10.2

package/es/tasty/types.js

@@ -0,0 +1,10 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.10.2
+ * Released under the MIT license.
+ */
+
+export {};
+
+        

package/es/{utils → tasty/utils}/colors.js

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

package/es/{utils → tasty/utils}/dotize.js

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

package/es/{utils → tasty/utils}/filterBaseProps.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
@@ -15,6 +15,7 @@ const labelablePropNames = new Set([
 const BasePropNames = new Set([
     'role',
     'as',
+    'element',
     'css',
     'qa',
     'mods',
@@ -47,15 +48,15 @@ export function filterBaseProps(props, opts = {}) {
     let { labelable, propNames, eventProps } = opts;
     let filteredProps = {};
     for (const prop in props) {
-        if (Object.prototype.hasOwnProperty.call(props, prop)
-            && (DOMPropNames.has(prop)
-                || BasePropNames.has(prop)
-                || (labelable && labelablePropNames.has(prop))
-                || (eventProps
-                    && eventRe.test(prop)
-                    && !ignoreEventPropsNames.has(prop))
-                || (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop))
-                || propRe.test(prop))) {
+        if (Object.prototype.hasOwnProperty.call(props, prop) &&
+            (DOMPropNames.has(prop) ||
+                BasePropNames.has(prop) ||
+                (labelable && labelablePropNames.has(prop)) ||
+                (eventProps &&
+                    eventRe.test(prop) &&
+                    !ignoreEventPropsNames.has(prop)) ||
+                (propNames === null || propNames === void 0 ? void 0 : propNames.has(prop)) ||
+                propRe.test(prop))) {
             filteredProps[prop] = props[prop];
         }
     }

package/es/{utils → tasty/utils}/index.js

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

package/es/{utils → tasty/utils}/mergeStyles.js

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

package/es/{utils/react → tasty/utils}/modAttrs.js

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

package/es/{utils → tasty/utils}/renderStyles.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
@@ -113,11 +113,13 @@ export function renderStyles(styles, responsive, suffix) {
                 });
             }
             else {
-                rawStyles
-                    += handler(styleMap, suffix) || '';
+                rawStyles +=
+                    handler(styleMap, suffix) || '';
             }
         });
-        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive && responsive.length
+        STYLE_CACHE[cacheKey] = `outline: none;\n&[hidden]{display: none !important;}${rawStyles}${responsive &&
+            responsive.length &&
+            responsiveStyles.filter((s) => s).length
             ? mediaWrapper(responsiveStyles, zones)
             : ''}${innerStyles}`;
     }

package/es/{utils → tasty/utils}/responsive.js

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

package/es/{utils → tasty/utils}/string.js

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

package/es/{utils → tasty/utils}/styles.js

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

package/es/tasty/utils/warnings.js

@@ -0,0 +1,32 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.10.2
+ * Released under the MIT license.
+ */
+
+const PREFIX = 'Tasty';
+export function warn(...args) {
+    console.warn(`${PREFIX}:`, ...args);
+}
+export function deprecationWarning(
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+condition, { property, name, betterAlternative, reason, }) {
+    if (condition)
+        return;
+    if (process.env.NODE_ENV === 'production') {
+        return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
+            ? betterAlternative()
+            : betterAlternative}`);
+    }
+    // we can make deprecations even better if we add the md syntax in the console.
+    // anyway, everything down below will be stripped in the production build
+    console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
+    warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
+        ? betterAlternative()
+        : betterAlternative}`);
+    reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
+    console.groupEnd();
+}
+
+        

package/es/test/index.js

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

package/es/test/render.js

@@ -0,0 +1,14 @@
+/**
+ * @license MIT
+ * author: Cube Dev Team
+ * @cube-dev/ui-kit v0.10.2
+ * Released under the MIT license.
+ */
+
+import { render } from '@testing-library/react';
+import { Root } from '../components/Root';
+export function renderWithRoot(ui, options) {
+    return render(ui, { ...options, wrapper: Root });
+}
+
+        

package/es/test/setup.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
@@ -9,6 +9,10 @@ import '@testing-library/jest-dom';
 import '@testing-library/jest-dom/extend-expect';
 import 'jest-styled-components';
 import { configure } from '@testing-library/react';
+import { config } from 'react-transition-group';
+import { AbortController } from 'node-abort-controller';
+global.AbortController = AbortController;
+config.disabled = true;
 configure({ testIdAttribute: 'data-qa', asyncUtilTimeout: 10000 });
 
         

package/es/test/utils/index.js

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

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
@@ -135,6 +135,11 @@ const TOKENS = {
     't2-line-height': '22px',
     't2-letter-spacing': '0.01em',
     't2-font-weight': '400',
+    // t2m
+    't2m-font-size': '16px',
+    't2m-line-height': '22px',
+    't2m-letter-spacing': '0.005em',
+    't2m-font-weight': '500',
     // t3
     't3-font-size': '14px',
     't3-line-height': '20px',
@@ -145,6 +150,11 @@ const TOKENS = {
     't3m-line-height': '20px',
     't3m-letter-spacing': '0.015em',
     't3m-font-weight': '500',
+    // t3s
+    't3s-font-size': '14px',
+    't3s-line-height': '20px',
+    't3s-letter-spacing': '0.015em',
+    't3s-font-weight': '600',
     // t4
     't4-font-size': '12px',
     't4-line-height': '18px',

package/es/utils/ResizeSensor.js

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

package/es/utils/react/Slots.js

@@ -1,12 +1,12 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
 import { jsx as _jsx } from "react/jsx-runtime";
-import { mergeProps } from '../../utils/react/mergeProps';
+import { mergeProps } from './mergeProps';
 import { createContext, Children, cloneElement, useContext, useMemo, } from 'react';
 let SlotContext = createContext({});
 export function useSlotProps(props, defaultSlot) {

package/es/utils/react/chain.js

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

package/es/utils/react/index.js

@@ -1,14 +1,14 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
 export { chain } from './chain';
 export { isTextOnly } from './isTextOnly';
 export { mergeProps } from './mergeProps';
-export { modAttrs } from './modAttrs';
+export { modAttrs } from '../../tasty';
 export { useSlotProps, SlotProvider, ClearSlots } from './Slots';
 export { useLayoutEffect } from './useLayoutEffect';
 export { useCombinedRefs } from './useCombinedRefs';

package/es/utils/{interactions.js → react/interactions.js}

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

package/es/utils/react/mergeProps.js

@@ -1,12 +1,13 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
 import clsx from 'clsx';
 import { chain, mergeIds } from '@react-aria/utils';
+import { mergeStyles } from '../../tasty';
 /**
  * Merges multiple props objects together. Event handlers are chained,
  * classNames are combined, and ids are deduplicated - different ids
@@ -19,32 +20,32 @@ export function mergeProps(...args) {
     for (let props of args) {
         for (let key in result) {
             // Chain events
-            if (/^on[A-Z]/.test(key)
-                && typeof result[key] === 'function'
-                && props
-                && typeof props[key] === 'function') {
+            if (/^on[A-Z]/.test(key) &&
+                typeof result[key] === 'function' &&
+                props &&
+                typeof props[key] === 'function') {
                 result[key] = chain(result[key], props[key]);
                 // Merge classnames, sometimes classNames are empty string which eval to false, so we just need to do a type check
             }
-            else if (key === 'className'
-                && typeof result.className === 'string'
-                && props
-                && typeof props.className === 'string') {
+            else if (key === 'className' &&
+                typeof result.className === 'string' &&
+                props &&
+                typeof props.className === 'string') {
                 result[key] = clsx(result.className, props.className);
             }
-            else if (key === 'styles'
-                && typeof result.styles === 'object'
-                && props
-                && typeof props.styles === 'object') {
-                result[key] = { ...result.styles, ...props.styles };
+            else if ((key === 'styles' || key.endsWith('Styles')) &&
+                typeof result.styles === 'object' &&
+                props &&
+                typeof props.styles === 'object') {
+                result[key] = mergeStyles(result[key], props[key]);
             }
             else if (key === 'id' && result.id && (props === null || props === void 0 ? void 0 : props.id)) {
                 result.id = mergeIds(result.id, props === null || props === void 0 ? void 0 : props.id);
                 // Override others
             }
             else {
-                result[key]
-                    = props && props[key] !== undefined ? props[key] : result[key];
+                result[key] =
+                    props && props[key] !== undefined ? props[key] : result[key];
             }
         }
         // Add props from b that are not in a

package/es/utils/react/nullableValue.js

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

package/es/utils/tree.js

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

package/es/utils/warnings.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.9.11
+ * @cube-dev/ui-kit v0.10.2
  * Released under the MIT license.
  */
 
@@ -11,6 +11,7 @@ const SUGGESTED_PROP_MAP = {
     selected: 'isSelected',
 };
 const PREFIX = 'CubeUIKit';
+const devMode = process.env.NODE_ENV !== 'production';
 export function propDeprecationWarning(name, props, propList) {
     propList.forEach((prop) => {
         if (prop in props) {
@@ -20,28 +21,30 @@ export function propDeprecationWarning(name, props, propList) {
     });
 }
 export function accessibilityWarning(...args) {
-    console.warn(`${PREFIX} accessibility issue:`, ...args);
+    if (devMode) {
+        console.warn(`${PREFIX} accessibility issue:`, ...args);
+    }
 }
 export function warn(...args) {
-    console.warn(`${PREFIX}:`, ...args);
+    if (devMode) {
+        console.warn(`${PREFIX}:`, ...args);
+    }
 }
 export function deprecationWarning(
 // eslint-disable-next-line @typescript-eslint/no-explicit-any
 condition, { property, name, betterAlternative, reason, }) {
     if (condition)
         return;
-    if (process.env.NODE_ENV === 'production') {
-        return warn(`DEPRECATION ${name} "${property}" -> ${typeof betterAlternative === 'function'
-            ? betterAlternative()
-            : betterAlternative}`);
-    }
+    if (!devMode)
+        return;
     // we can make deprecations even better if we add the md syntax in the console.
     // anyway, everything down below will be stripped in the production build
     console.group(`⚠️ ${PREFIX}: Deprecation in ${name}`);
     warn(`"${property}" is deprecated, consider better alternative: ${typeof betterAlternative === 'function'
         ? betterAlternative()
         : betterAlternative}`);
-    reason && warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
+    reason &&
+        warn(`Reason: ${typeof reason === 'function' ? reason() : reason}`);
     console.groupEnd();
 }
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.9.11",
+  "version": "0.10.2",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -24,10 +24,10 @@
     "@react-aria/listbox": "^3.4.0",
     "@react-aria/menu": "3.4.3",
     "@react-aria/numberfield": "^3.1.1",
-    "@react-aria/overlays": "^3.7.3",
+    "@react-aria/overlays": "^3.7.5",
     "@react-aria/radio": "^3.1.6",
     "@react-aria/searchfield": "^3.2.2",
-    "@react-aria/select": "^3.6.0",
+    "@react-aria/select": "^3.7.1",
     "@react-aria/separator": "3.1.6",
     "@react-aria/ssr": "^3.1.0",
     "@react-aria/switch": "^3.1.3",
@@ -39,22 +39,22 @@
     "@react-stately/collections": "^3.3.4",
     "@react-stately/combobox": "^3.0.1",
     "@react-stately/numberfield": "^3.0.2",
-    "@react-stately/overlays": "^3.1.3",
+    "@react-stately/overlays": "^3.1.6",
     "@react-stately/radio": "^3.3.2",
     "@react-stately/searchfield": "^3.1.3",
-    "@react-stately/select": "^3.1.3",
+    "@react-stately/select": "^3.2.1",
     "@react-stately/toggle": "^3.2.3",
     "@react-stately/tooltip": "^3.0.5",
-    "@react-stately/utils": "^3.3.0",
+    "@react-stately/utils": "^3.5.0",
     "@react-types/button": "^3.4.1",
     "@react-types/checkbox": "^3.2.5",
     "@react-types/combobox": "^3.2.1",
     "@react-types/dialog": "^3.3.1",
     "@react-types/menu": "^3.5.2",
     "@react-types/numberfield": "^3.1.0",
-    "@react-types/overlays": "^3.5.1",
+    "@react-types/overlays": "^3.5.5",
     "@react-types/radio": "^3.1.2",
-    "@react-types/select": "^3.5.1",
+    "@react-types/select": "^3.6.1",
     "@react-types/shared": "^3.10.1",
     "@react-types/switch": "^3.1.2",
     "@react-types/textfield": "^3.3.0",

package/types/_internal/hooks/index.d.ts

@@ -0,0 +1 @@
+export * from './use-deprecation-warning';

package/types/_internal/hooks/use-deprecation-warning.d.ts

@@ -0,0 +1,2 @@
+import { deprecationWarning } from '../../utils/warnings';
+export declare function useDeprecationWarning(...args: Parameters<typeof deprecationWarning>): void;

package/types/_internal/index.d.ts

@@ -0,0 +1 @@
+export * from './hooks';