@cube-dev/ui-kit 0.18.2 → 0.19.0

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

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

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

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

package/es/tasty/utils/getDisplayName.js

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

package/es/tasty/utils/warnings.js

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

package/es/tokens.js

@@ -1,7 +1,7 @@
 /**
  * @license MIT
  * author: Cube Dev Team
- * @cube-dev/ui-kit v0.18.2
+ * @cube-dev/ui-kit v0.19.0
  * Released under the MIT license.
  */
 
@@ -86,7 +86,7 @@ const TOKENS = {
     // font sizes
     'text-font-size': '14px',
     'text-line-height': '20px',
-    'text-letter-spacing': '0.02em',
+    'text-letter-spacing': '0',
     // h1
     'h1-font-size': '36px',
     'h1-line-height': '44px',
@@ -105,31 +105,19 @@ const TOKENS = {
     // h4
     'h4-font-size': '18px',
     'h4-line-height': '24px',
-    'h4-letter-spacing': '0.01em',
+    'h4-letter-spacing': '0',
     'h4-font-weight': '700',
     // h5
     'h5-font-size': '16px',
     'h5-line-height': '22px',
-    'h5-letter-spacing': '0.02em',
+    'h5-letter-spacing': '0',
     '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
     'h6-font-size': '14px',
     'h6-line-height': '20px',
-    'h6-letter-spacing': '0',
-    'h6-font-weight': '700',
+    'h6-letter-spacing': '0.01em',
+    'h6-font-weight': '600',
     'h6-icon-size': '16px',
     // t1
     't1-font-size': '18px',
@@ -140,45 +128,33 @@ const TOKENS = {
     // t2
     't2-font-size': '16px',
     't2-line-height': '22px',
-    't2-letter-spacing': '0.01em',
+    't2-letter-spacing': '0',
     't2-font-weight': '400',
     't2-icon-size': '18px',
     // t2m
     't2m-font-size': '16px',
     't2m-line-height': '22px',
-    't2m-letter-spacing': '0.005em',
+    't2m-letter-spacing': '0',
     't2m-font-weight': '500',
     't2m-icon-size': '18px',
     // t3
     't3-font-size': '14px',
     't3-line-height': '20px',
-    't3-letter-spacing': '0.02em',
+    't3-letter-spacing': '0',
     't3-font-weight': '400',
     't3-icon-size': '16px',
     // t3m
     't3m-font-size': '14px',
     't3m-line-height': '20px',
-    't3m-letter-spacing': '0.015em',
+    't3m-letter-spacing': '0',
     '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-letter-spacing': '0',
+    't4-font-weight': '500',
     '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',
@@ -188,39 +164,39 @@ const TOKENS = {
     // p2
     'p2-font-size': '16px',
     'p2-line-height': '24px',
-    'p2-letter-spacing': '0.01em',
+    'p2-letter-spacing': '0',
     'p2-font-weight': '400',
     'p2-icon-size': '18px',
     // p3
     'p3-font-size': '14px',
     'p3-line-height': '22px',
-    'p3-letter-spacing': '0.02em',
+    'p3-letter-spacing': '0',
     '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-letter-spacing': '0',
+    'p4-font-weight': '500',
     'p4-icon-size': '14px',
     // c1
     'c1-font-size': '14px',
     'c1-line-height': '20px',
-    'c1-letter-spacing': '0.015em',
+    'c1-letter-spacing': '0',
     '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-letter-spacing': '0.01em',
     '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-line-height': '18px',
+    'tag-letter-spacing': '0.01em',
     'tag-font-weight': '600',
     'tag-icon-size': '14px',
     // strong

package/es/type-checks.js

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

package/package.json

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

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

@@ -3,3 +3,6 @@ export * from './use-event';
 export * from './use-sync-ref';
 export * from './use-chained-callback';
 export * from './use-timer';
+export * from './use-effect-once';
+export * from './use-warn';
+export * from './use-is-first-render';

package/types/_internal/hooks/use-effect-once.d.ts

@@ -0,0 +1,2 @@
+import { EffectCallback } from 'react';
+export declare function useEffectOnce(effect: EffectCallback): void;

package/types/_internal/hooks/use-is-first-render.d.ts

@@ -0,0 +1 @@
+export declare function useIsFirstRender(): boolean;

package/types/_internal/hooks/use-update-effect.d.ts

@@ -0,0 +1,2 @@
+import { DependencyList, EffectCallback } from 'react';
+export declare function useUpdateEffect(effect: EffectCallback, deps?: DependencyList): void;

package/types/_internal/hooks/use-warn.d.ts

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

package/types/components/forms/FieldWrapper/FieldWrapper.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { CubeFieldWrapperProps } from './types';
+/**
+ * A wrapper for form fields to provide additional decoration for inputs.
+ * @internal Do not use this component directly.
+ */
+export declare const FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;

package/types/components/forms/FieldWrapper/extract-field-wrapper-props.d.ts

@@ -0,0 +1,9 @@
+import { CubeFieldWrapperProps } from './types';
+type WrapperProps<Props extends CubeFieldWrapperProps> = {
+    [K in keyof Pick<Props, keyof CubeFieldWrapperProps>]: CubeFieldWrapperProps[K];
+};
+export declare function extractFieldWrapperProps<Props extends CubeFieldWrapperProps, FieldWrapperKeys extends keyof CubeFieldWrapperProps = keyof CubeFieldWrapperProps, ActualWrapperProps extends WrapperProps<Props> = WrapperProps<Props>, RestProps extends Omit<Props, FieldWrapperKeys> = Omit<Props, FieldWrapperKeys>>(props: Props): Readonly<{
+    fieldWrapperProps: ActualWrapperProps;
+    rest: RestProps;
+}>;
+export {};

package/types/components/forms/FieldWrapper/index.d.ts

@@ -0,0 +1,3 @@
+export * from './FieldWrapper';
+export * from './extract-field-wrapper-props';
+export * from './types';

package/types/components/forms/{FieldWrapper.d.ts → FieldWrapper/types.d.ts}

@@ -1,36 +1,31 @@
 import { ReactNode } from 'react';
-import { LabelPosition, NecessityIndicator, ValidationState } from '../../shared';
-import { Props, Styles } from '../../tasty';
+import { LabelPosition, NecessityIndicator, ValidationState } from '../../../shared';
+import { Props, Styles } from '../../../tasty';
 export type CubeFieldWrapperProps = {
     as?: string;
-    labelPosition?: LabelPosition;
-    label?: ReactNode;
-    labelSuffix?: ReactNode;
-    labelStyles?: Styles;
+    validationState?: ValidationState;
     styles?: Styles;
     /** Whether the input is required */
     isRequired?: boolean;
     /** Whether the input is disabled */
     isDisabled?: boolean;
-    necessityIndicator?: NecessityIndicator;
-    labelProps?: Props;
     fieldProps?: Props;
-    /** Custom message for the field. It will be placed below the label and the input */
-    message?: string | ReactNode;
-    /** Styles for the message */
-    messageStyles?: Styles;
+    isHidden?: boolean;
+    label?: ReactNode;
+    labelPosition?: LabelPosition;
+    labelSuffix?: ReactNode;
+    labelStyles?: Styles;
+    labelProps?: Props;
     /** The description for the field. It will be placed below the label */
     description?: ReactNode;
-    Component?: JSX.Element;
-    validationState?: ValidationState;
     requiredMark?: boolean;
     tooltip?: ReactNode;
     extra?: ReactNode;
-    isHidden?: boolean;
     necessityLabel?: ReactNode;
+    necessityIndicator?: NecessityIndicator;
+    /** Custom message for the field. It will be placed below the label and the input */
+    message?: string | ReactNode;
+    /** Styles for the message */
+    messageStyles?: Styles;
+    Component?: JSX.Element;
 };
-/**
- * A wrapper for form fields to provide additional decoration for inputs.
- */
-declare const _FieldWrapper: import("react").ForwardRefExoticComponent<CubeFieldWrapperProps & import("react").RefAttributes<unknown>>;
-export { _FieldWrapper as FieldWrapper };

package/types/components/forms/Form/Field.d.ts

@@ -26,7 +26,7 @@ export interface CubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseP
     /** Tooltip for the label that explains something. */
     tooltip?: ReactNode;
     /** Field name. It's used as a key the form data. */
-    name?: string[] | string;
+    name?: string | string[];
     /** Whether the field is hidden. */
     isHidden?: boolean;
     /** Whether the field is disabled. */
@@ -38,4 +38,5 @@ export interface CubeFieldProps<T extends FieldTypes> extends OptionalFieldBaseP
     labelStyles?: Styles;
     labelSuffix?: ReactNode;
 }
-export declare function Field<T extends FieldTypes>(allProps: CubeFieldProps<T>): JSX.Element | null;
+export declare function Field<T extends FieldTypes>(props: CubeFieldProps<T>): JSX.Element | null;
+export declare function useInsideLegacyField(): boolean;