@cube-dev/ui-kit 0.0.0-canary-40d6b68 → 0.0.0-canary-67a1f89

package/es/test/render.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/test/setup.js

@@ -1,59 +1,18 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
-import { jsx as _jsx, Fragment as _Fragment } from "react/jsx-runtime";
-import { forwardRef } from 'react';
-import isPropValid from '@emotion/is-prop-valid';
 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;
-process.setMaxListeners(Infinity);
-jest.mock('styled-components', () => {
-    const mock = (Component) => () => {
-        const component = forwardRef((props, ref) => (_jsx(Component, { ref: ref, ...props }, void 0)));
-        component.displayName = Component.displayName;
-        return component;
-    };
-    const mockProxy = new Proxy(mock, {
-        get: (_, prop) => {
-            const mocked = () => {
-                const component = forwardRef((props, ref) => {
-                    const Type = props.as ?? String(prop) ?? 'div';
-                    const propsWithRef = { ...props, ref };
-                    for (const key of Object.keys(propsWithRef)) {
-                        if (!isPropValid(key)) {
-                            delete propsWithRef[key];
-                        }
-                    }
-                    return _jsx(Type, { ref: ref, ...propsWithRef }, void 0);
-                });
-                component.displayName = `mock(styled.${String(prop)})`;
-                return component;
-            };
-            Object.defineProperty(mocked, 'attrs', {
-                value: (...args) => {
-                    console.log('attrs');
-                    return mocked;
-                },
-            });
-            return mocked;
-        },
-    });
-    return {
-        __esModule: true,
-        default: mockProxy,
-        createGlobalStyle: () => jest.fn(({ children }) => _jsx(_Fragment, { children: children }, void 0)),
-        StyleSheetManager: jest.fn(({ children }) => _jsx(_Fragment, { children: children }, void 0)),
-    };
-});
 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -37,11 +37,11 @@ function color(name, opacity = 1) {
 }
 const TOKENS = {
     // Base and legacy tokens
-    'font-size': '14px',
+    'font-size': '15px',
     'line-height': '20px',
-    'input-font-size': '14px',
+    'input-font-size': '15px',
     'input-line-height': '20px',
-    'input-letter-spacing': '0.02em',
+    'input-letter-spacing': '0',
     'disabled-opacity': '.4',
     gap: '8px',
     'outline-width': 'calc(1rem / 16 * 3)',
@@ -83,126 +83,149 @@ const TOKENS = {
     'sidebar-width': '200px',
     'border-radius-base': '4px',
     // font sizes
-    'text-font-size': '14px',
+    'text-font-size': '15px',
     'text-line-height': '20px',
-    'text-letter-spacing': '0.02em',
+    'text-letter-spacing': '0',
     // h1
     'h1-font-size': '36px',
     'h1-line-height': '44px',
-    'h1-letter-spacing': '-0.01em',
-    'h1-font-weight': '700',
+    'h1-letter-spacing': '0',
+    'h1-font-weight': '400',
+    'h1-font-variation-wght': '700',
     // h2
     'h2-font-size': '24px',
     'h2-line-height': '36px',
-    'h2-letter-spacing': '0em',
-    'h2-font-weight': '700',
+    'h2-letter-spacing': '0',
+    'h2-font-weight': '400',
+    'h2-font-variation-wght': '700',
     // h3
-    'h3-font-size': '20px',
+    'h3-font-size': '21px',
     'h3-line-height': '28px',
-    'h3-letter-spacing': '0em',
-    'h3-font-weight': '700',
+    'h3-letter-spacing': '0',
+    'h3-font-weight': '400',
+    'h3-font-variation-wght': '700',
     // h4
-    'h4-font-size': '18px',
+    'h4-font-size': '19px',
     'h4-line-height': '24px',
-    'h4-letter-spacing': '0.01em',
-    'h4-font-weight': '700',
+    'h4-letter-spacing': '0',
+    'h4-font-weight': '400',
+    'h4-font-variation-wght': '700',
     // h5
-    'h5-font-size': '16px',
+    'h5-font-size': '17px',
     'h5-line-height': '22px',
-    'h5-letter-spacing': '0.02em',
-    'h5-font-weight': '700',
+    'h5-letter-spacing': '0',
+    'h5-font-weight': '400',
+    'h5-font-variation-wght': '700',
     // h5 semi-bold
-    'h5s-font-size': '16px',
+    'h5s-font-size': '17px',
     'h5s-line-height': '22px',
-    'h5s-letter-spacing': '0.02em',
-    'h5s-font-weight': '600',
+    'h5s-font-weight': '400',
+    'h5s-font-variation-wght': '600',
+    'h5s-letter-spacing': '0',
     // h5 medium
-    'h5m-font-size': '16px',
+    'h5m-font-size': '17px',
     'h5m-line-height': '22px',
-    'h5m-letter-spacing': '0.02em',
     'h5m-font-weight': '500',
+    'h5m-font-variation-wght': '500',
+    'h5m-letter-spacing': '0',
     // h6 (unused)
-    'h6-font-size': '14px',
+    'h6-font-size': '15px',
     'h6-line-height': '20px',
     'h6-letter-spacing': '0',
-    'h6-font-weight': '700',
+    'h6-font-weight': '400',
+    'h6-font-variation-wght': '700',
     // t1
-    't1-font-size': '18px',
+    't1-font-size': '19px',
     't1-line-height': '24px',
     't1-letter-spacing': '0',
     't1-font-weight': '400',
+    't1-font-variation-wght': '400',
     // t2
-    't2-font-size': '16px',
+    't2-font-size': '17px',
     't2-line-height': '22px',
-    't2-letter-spacing': '0.01em',
     't2-font-weight': '400',
+    't2-font-variation-wght': '400',
+    't2-letter-spacing': '0',
     // t2m
-    't2m-font-size': '16px',
+    't2m-font-size': '17px',
     't2m-line-height': '22px',
-    't2m-letter-spacing': '0.005em',
-    't2m-font-weight': '500',
+    't2m-font-weight': '400',
+    't2m-font-variation-wght': '500',
+    't2m-letter-spacing': '0',
     // t3
-    't3-font-size': '14px',
+    't3-font-size': '15px',
     't3-line-height': '20px',
-    't3-letter-spacing': '0.02em',
     't3-font-weight': '400',
+    't3-font-variation-wght': '400',
+    't3-letter-spacing': '0',
     // t3m
-    't3m-font-size': '14px',
+    't3m-font-size': '15px',
     't3m-line-height': '20px',
-    't3m-letter-spacing': '0.015em',
-    't3m-font-weight': '500',
+    't3m-font-weight': '400',
+    't3m-font-variation-wght': '500',
+    't3m-letter-spacing': '0',
     // t3s
-    't3s-font-size': '14px',
+    't3s-font-size': '15px',
     't3s-line-height': '20px',
-    't3s-letter-spacing': '0.015em',
-    't3s-font-weight': '600',
+    't3s-font-weight': '400',
+    't3s-font-variation-wght': '600',
+    't3s-letter-spacing': '0',
     // t4
-    't4-font-size': '12px',
+    't4-font-size': '13px',
     't4-line-height': '18px',
-    't4-letter-spacing': '0.025em',
     't4-font-weight': '400',
+    't4-font-variation-wght': '400',
+    't4-letter-spacing': '0',
     // t4m
-    't4m-font-size': '12px',
+    't4m-font-size': '13px',
     't4m-line-height': '18px',
-    't4m-letter-spacing': '0.02em',
-    't4m-font-weight': '500',
+    't4m-font-weight': '400',
+    't4m-font-variation-wght': '500',
+    't4m-letter-spacing': '0',
     // p1
-    'p1-font-size': '18px',
+    'p1-font-size': '19px',
     'p1-line-height': '28px',
     'p1-letter-spacing': '0',
     'p1-font-weight': '400',
+    'p1-font-variation-wght': '400',
     // p2
-    'p2-font-size': '16px',
+    'p2-font-size': '17px',
     'p2-line-height': '24px',
-    'p2-letter-spacing': '0.01em',
     'p2-font-weight': '400',
+    'p2-font-variation-wght': '400',
+    'p2-letter-spacing': '0',
     // p3
-    'p3-font-size': '14px',
+    'p3-font-size': '15px',
     'p3-line-height': '22px',
-    'p3-letter-spacing': '0.02em',
     'p3-font-weight': '400',
+    'p3-font-variation-wght': '400',
+    'p3-letter-spacing': '0',
     // p4
-    'p4-font-size': '12px',
+    'p4-font-size': '13px',
     'p4-line-height': '20px',
-    'p4-letter-spacing': '0.025em',
     'p4-font-weight': '400',
+    'p4-font-variation-wght': '400',
+    'p4-letter-spacing': '0',
     // c1
-    'c1-font-size': '14px',
+    'c1-font-size': '15px',
     'c1-line-height': '20px',
-    'c1-letter-spacing': '0.015em',
-    'c1-font-weight': '500',
+    'c1-font-weight': '400',
+    'c1-font-variation-wght': '500',
+    'c1-letter-spacing': '0',
     'c1-text-transform': 'uppercase',
     // c2
-    'c2-font-size': '12px',
+    'c2-font-size': '13px',
     'c2-line-height': '18px',
-    'c2-letter-spacing': '0.02em',
-    'c2-font-weight': '500',
+    'c2-font-weight': '400',
+    'c2-font-variation-wght': '500',
+    'c2-letter-spacing': '0',
     'c2-text-transform': 'uppercase',
     // tag
-    'tag-font-size': '12px',
+    'tag-font-size': '13px',
     'tag-line-height': '12px',
-    'tag-letter-spacing': '0.02em',
-    'tag-font-weight': '600',
+    'tag-font-weight': '400',
+    'tag-font-variation-wght': '600',
+    'tag-letter-spacing': '0',
     // strong
     'strong-font-size': 'inherit',
     'strong-line-height': 'inherit',
@@ -222,7 +245,8 @@ const TOKENS = {
     'default-line-height': 'var(--t3-line-height)',
     'default-letter-spacing': 'var(--t3-letter-spacing)',
     'default-font-weight': 'var(--t3-font-weight)',
-    'default-bold-font-weight': '700',
+    'default-bold-font-weight': '400',
+    'default-font-variation-weight': '400',
     // 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * 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.0.0-canary-40d6b68
+ * @cube-dev/ui-kit v0.0.0-canary-67a1f89
  * Released under the MIT license.
  */
 
@@ -11,7 +11,7 @@ const SUGGESTED_PROP_MAP = {
     selected: 'isSelected',
 };
 const PREFIX = 'CubeUIKit';
-const devMode = process.env.NODE_ENV === 'development';
+const devMode = process.env.NODE_ENV !== 'production';
 export function propDeprecationWarning(name, props, propList) {
     propList.forEach((prop) => {
         if (prop in props) {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.0.0-canary-40d6b68",
+  "version": "0.0.0-canary-67a1f89",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"

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

@@ -1,9 +1,5 @@
-export * from './use-warn';
-export * from './use-timer';
+export * from './use-deprecation-warning';
 export * from './use-event';
 export * from './use-sync-ref';
-export * from './use-effect-once';
-export * from './use-update-effect';
-export * from './use-is-first-render';
 export * from './use-chained-callback';
-export * from './use-deprecation-warning';
+export * from './use-timer';

package/types/components/actions/Button/Submit.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+declare const _Submit: import("react").ForwardRefExoticComponent<Pick<any, string | number | symbol> & import("react").RefAttributes<unknown>>;
+export { _Submit as Submit };

package/types/components/actions/Button/index.d.ts

@@ -1 +1,2 @@
 export * from './Button';
+export * from './Submit';

package/types/components/forms/Checkbox/CheckboxGroup.d.ts

@@ -9,7 +9,8 @@ export interface CubeCheckboxGroupProps extends BaseProps, AriaCheckboxGroupProp
  * Checkbox groups allow users to select a single option from a list of mutually exclusive options.
  * All possible options are exposed up front for users to compare.
  */
-export declare const CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
+declare const _CheckboxGroup: import("react").ForwardRefExoticComponent<Omit<CubeCheckboxGroupProps, "value" | "defaultValue"> & {
     value?: any;
     defaultValue?: any;
 } & import("react").RefAttributes<unknown>>;
+export { _CheckboxGroup as CheckboxGroup };