@cube-dev/ui-kit 0.10.10 → 0.10.13

package/es/tasty/styles/transition.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * Released under the MIT license.
  */
 
@@ -42,7 +42,7 @@ function tasty(Component, options) {
             const mergedStylesMap = useMemo(() => {
                 return propsWithStyles.reduce((map, prop) => {
                     if (restProps[prop] != null && defaultProps[prop] != null) {
-                        map[prop] = mergeStyles(restProps[prop], defaultProps[prop]);
+                        map[prop] = mergeStyles(defaultProps[prop], restProps[prop]);
                     }
                     else {
                         map[prop] = restProps[prop] || defaultProps[prop];

package/es/tasty/types.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * Released under the MIT license.
  */
 
@@ -452,12 +452,11 @@ export function extractStyles(props, styleList = [], defaultStyles, propMap, ign
     };
     Object.keys(props).forEach((prop) => {
         const propName = propMap ? propMap[prop] || prop : prop;
-        const isPropExist = prop in props;
         const value = props[prop];
         if (ignoreList && ignoreList.includes(prop)) {
             // do nothing
         }
-        else if (styleList.includes(propName) && isPropExist) {
+        else if (styleList.includes(propName)) {
             styles[propName] = value;
         }
     }, {});

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.10.10
+ * @cube-dev/ui-kit v0.10.13
  * Released under the MIT license.
  */
 
@@ -124,6 +124,7 @@ const TOKENS = {
     // h6 (unused)
     'h6-font-size': '14px',
     'h6-line-height': '20px',
+    'h6-letter-spacing': '0',
     'h6-font-weight': '700',
     // t1
     't1-font-size': '18px',
@@ -208,7 +209,7 @@ const TOKENS = {
     'strong-letter-spacing': 'inherit',
     'strong-font-family': 'inherit',
     'strong-font-style': 'inherit',
-    'strong-font-weight': 600,
+    'strong-font-weight': 'var(--bold-font-weight, var(--default-bold-font-weight, 600))',
     // em
     'em-font-size': 'inherit',
     'em-line-height': 'inherit',
@@ -221,6 +222,7 @@ 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': '600',
     // 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * 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.10.10
+ * @cube-dev/ui-kit v0.10.13
  * Released under the MIT license.
  */
 

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@cube-dev/ui-kit",
-  "version": "0.10.10",
+  "version": "0.10.13",
   "description": "UIKit for Cube Projects",
   "keywords": [
     "uikit"
@@ -29,7 +29,7 @@
     "@react-aria/searchfield": "^3.2.2",
     "@react-aria/select": "^3.7.1",
     "@react-aria/separator": "3.1.6",
-    "@react-aria/ssr": "^3.1.2",
+    "@react-aria/ssr": "^3.2.0",
     "@react-aria/switch": "^3.1.3",
     "@react-aria/textfield": "^3.5.0",
     "@react-aria/tooltip": "^3.1.3",
@@ -37,7 +37,7 @@
     "@react-spectrum/utils": "^3.6.3",
     "@react-stately/checkbox": "^3.1.0",
     "@react-stately/collections": "^3.3.4",
-    "@react-stately/combobox": "^3.0.1",
+    "@react-stately/combobox": "3.0.1",
     "@react-stately/numberfield": "^3.0.2",
     "@react-stately/overlays": "^3.1.6",
     "@react-stately/radio": "^3.3.2",

package/types/components/pickers/Menu/Menu.d.ts

@@ -2,8 +2,9 @@ import { ReactElement, ReactNode } from 'react';
 import { DOMRef, ItemProps } from '@react-types/shared';
 import type { AriaMenuProps } from '@react-types/menu';
 import { ContainerStyleProps, Styles } from '../../../tasty';
-import { MenuButtonProps } from './MenuButton';
+import { MenuButtonProps, MenuSelectionType } from './MenuButton';
 export interface CubeMenuProps<T> extends ContainerStyleProps, AriaMenuProps<T> {
+    selectionIcon?: MenuSelectionType;
     header?: ReactNode;
     footer?: ReactNode;
     styles?: Styles;

package/types/components/pickers/Menu/MenuButton.d.ts

@@ -1,7 +1,9 @@
 import { ReactNode } from 'react';
 import { CubeButtonProps } from '../../actions';
+export declare type MenuSelectionType = 'checkbox' | 'radio';
 export declare type MenuButtonProps = {
     postfix: ReactNode;
+    selectionIcon?: MenuSelectionType;
     isSelectable?: boolean;
     disabled?: boolean;
 } & CubeButtonProps;

package/types/components/pickers/Menu/MenuItem.d.ts

@@ -1,9 +1,11 @@
 import { Key } from 'react';
 import { Node } from '@react-types/shared';
 import { TreeState } from '@react-stately/tree';
+import { MenuSelectionType } from './MenuButton';
 export interface MenuItemProps<T> {
     item: Node<T>;
     state: TreeState<T>;
+    selectionIcon?: MenuSelectionType;
     isVirtualized?: boolean;
     onAction?: (key: Key) => void;
 }

package/types/components/status/LoadingAnimation/index.d.ts

@@ -0,0 +1,2 @@
+export { LoadingAnimation } from './LoadingAnimation';
+export type { CubeLoadingAnimationProps } from './LoadingAnimation';

package/types/components/status/Spin/Cube.d.ts

@@ -0,0 +1,2 @@
+/// <reference types="react" />
+export declare const Cube: import("react").MemoExoticComponent<any>;

package/types/components/status/Spin/InternalSpinner.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+import { InternalSpinnerProps } from './types';
+export declare const InternalSpinner: import("react").NamedExoticComponent<InternalSpinnerProps>;

package/types/components/status/Spin/Spin.d.ts

@@ -1,8 +1,3 @@
 /// <reference types="react" />
-import { CubeBlockProps } from '../../Block';
-export interface CubeSpinProps extends CubeBlockProps {
-    size?: 'small' | 'default' | 'large' | number;
-    spinning?: boolean;
-}
-declare const _Spin: import("react").ForwardRefExoticComponent<CubeSpinProps & import("react").RefAttributes<unknown>>;
-export { _Spin as Spin };
+import { CubeSpinProps } from './types';
+export declare function Spin(props: CubeSpinProps): JSX.Element;

package/types/components/status/Spin/SpinsContainer.d.ts

@@ -0,0 +1 @@
+export declare const SpinsContainer: any;

package/types/components/status/Spin/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Spin';
+export type { CubeSpinProps } from './types';

package/types/components/status/Spin/types.d.ts

@@ -0,0 +1,23 @@
+import { ReactNode } from 'react';
+import { Styles } from '../../../tasty';
+export declare type SpinSize = 'small' | 'default' | 'large';
+export declare type CubeSpinProps = {
+    /**
+     * Size of the spin.
+     * @default 'default'
+     */
+    size?: SpinSize;
+    /**
+     * Keep spinning while the flag is true, otherwise render it's children.
+     * @default true
+     */
+    spinning?: boolean;
+    children?: ReactNode;
+    styles?: Styles;
+};
+export declare type SpinCubeProps = {
+    position: 'top' | 'right' | 'bottom';
+};
+export declare type InternalSpinnerProps = {
+    size: SpinSize;
+};

package/types/components/status/index.d.ts

@@ -0,0 +1,2 @@
+export * from './Spin';
+export * from './LoadingAnimation';

package/types/index.d.ts

@@ -40,10 +40,7 @@ export { Result } from './components/content/Result/Result';
 export type { CubeResultProps, CubeResultStatus, } from './components/content/Result/Result';
 export { FieldWrapper } from './components/forms/FieldWrapper';
 export type { CubeFieldWrapperProps } from './components/forms/FieldWrapper';
-export { LoadingAnimation } from './components/status/LoadingAnimation/LoadingAnimation';
-export type { CubeLoadingAnimationProps } from './components/status/LoadingAnimation/LoadingAnimation';
-export { Spin } from './components/status/Spin/Spin';
-export type { CubeSpinProps } from './components/status/Spin/Spin';
+export * from './components/status';
 export { Base64Upload } from './components/other/Base64Upload/Base64Upload';
 export type { CubeBase64UploadProps } from './components/other/Base64Upload/Base64Upload';
 export { Card } from './components/content/Card/Card';

package/types/tasty/styles/preset.d.ts

@@ -1,3 +1,4 @@
+import { Styles } from './types';
 export declare function presetStyle({ preset, fontSize, lineHeight, textTransform, letterSpacing, fontWeight, fontStyle, font, }: {
     preset: any;
     fontSize: any;
@@ -7,7 +8,7 @@ export declare function presetStyle({ preset, fontSize, lineHeight, textTransfor
     fontWeight: any;
     fontStyle: any;
     font: any;
-}): "" | Record<string, any>;
+}): "" | Styles;
 export declare namespace presetStyle {
     var __lookupStyles: string[];
 }

package/types/tasty/styles/types.d.ts

@@ -32,6 +32,10 @@ export interface StylesInterface extends Omit<CSSProperties, 'color' | 'fill' |
      * Whether the element has styled scrollbar.
      */
     styledScrollbar?: boolean;
+    /**
+     * Set font weight for bold texts.
+     */
+    boldFontWeight?: number;
     /**
      * Whether the element is hidden using `display: none`.
      */

package/types/tokens.d.ts

@@ -77,6 +77,7 @@ declare const TOKENS: {
     'h5m-font-weight': string;
     'h6-font-size': string;
     'h6-line-height': string;
+    'h6-letter-spacing': string;
     'h6-font-weight': string;
     't1-font-size': string;
     't1-line-height': string;
@@ -145,7 +146,7 @@ declare const TOKENS: {
     'strong-letter-spacing': string;
     'strong-font-family': string;
     'strong-font-style': string;
-    'strong-font-weight': number;
+    'strong-font-weight': string;
     'em-font-size': string;
     'em-line-height': string;
     'em-letter-spacing': string;
@@ -156,6 +157,7 @@ declare const TOKENS: {
     'default-line-height': string;
     'default-letter-spacing': string;
     'default-font-weight': string;
+    'default-bold-font-weight': string;
     'scrollbar-width': string;
     'scrollbar-outline-width': string;
     'scrollbar-radius': string;