@cube-dev/ui-kit 0.29.1 → 0.30.1

package/es/type-checks.js

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

package/package.json

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

package/types/components/GlobalStyles.d.ts

@@ -1 +1,14 @@
-export declare const GlobalStyles: any;
+/// <reference types="react" />
+interface GlobalStylesProps {
+    bodyStyles?: {
+        [key: string]: string;
+    };
+    fonts?: boolean;
+    fontDisplay?: 'auto' | 'block' | 'swap' | 'fallback' | 'optional';
+    publicUrl?: string;
+    font?: string;
+    monospaceFont?: string;
+    applyLegacyTokens?: boolean;
+}
+export declare const GlobalStyles: (props: GlobalStylesProps) => JSX.Element;
+export {};

package/types/components/HiddenInput.d.ts

@@ -1 +1,4 @@
-export declare const HiddenInput: any;
+/// <reference types="react" />
+export declare const HiddenInput: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").InputHTMLAttributes<HTMLInputElement>, HTMLInputElement>, {
+    $isButton: boolean;
+}>>;

package/types/components/content/Placeholder/Placeholder.d.ts

@@ -3,5 +3,6 @@ import { BaseProps, ContainerStyleProps, Styles } from '../../../tasty';
 export interface CubePlaceholderProps extends BaseProps, ContainerStyleProps {
     size?: Styles['fontSize'];
     circle?: boolean;
+    isStatic?: boolean;
 }
 export declare const Placeholder: import("react").ForwardRefExoticComponent<CubePlaceholderProps & import("react").RefAttributes<unknown>>;

package/types/components/content/Skeleton/Skeleton.d.ts

@@ -3,40 +3,14 @@ import { CubePlaceholderProps } from '../Placeholder/Placeholder';
 import { CubeGridProps } from '../../layout/Grid';
 import { BaseProps, ContainerStyleProps } from '../../../tasty';
 declare const LAYOUT_MAP: {
-    readonly page: ({ lines, children, ...props }: {
-        [x: string]: any;
-        lines: any;
-        children: any;
-    }) => JSX.Element;
-    readonly content: ({ children, lines, ...props }: {
-        [x: string]: any;
-        children: any;
-        lines: any;
-    }) => JSX.Element;
-    readonly topbar: (props: any) => JSX.Element;
-    readonly menu: ({ lines, ...props }: {
-        [x: string]: any;
-        lines: any;
-    }) => JSX.Element;
-    readonly stats: ({ cards, ...props }: {
-        [x: string]: any;
-        cards: any;
-    }) => JSX.Element;
-    readonly tabs: ({ tabs, children, lines, ...props }: {
-        [x: string]: any;
-        tabs: any;
-        children: any;
-        lines: any;
-    }) => JSX.Element;
-    readonly table: ({ rows, columns, ...props }: {
-        [x: string]: any;
-        rows: any;
-        columns: any;
-    }) => JSX.Element;
-    readonly chart: ({ columns, ...props }: {
-        [x: string]: any;
-        columns: any;
-    }) => JSX.Element;
+    readonly page: ({ lines, children, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly content: ({ children, lines, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly topbar: ({ isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly menu: ({ lines, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly stats: ({ cards, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly tabs: ({ tabs, children, lines, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly table: ({ rows, columns, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
+    readonly chart: ({ columns, isStatic, ...props }: CubeSkeletonProps) => JSX.Element;
 };
 export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps, BaseProps, ContainerStyleProps {
     /** The type of the layout */
@@ -51,6 +25,8 @@ export interface CubeSkeletonProps extends CubeGridProps, CubePlaceholderProps,
     tabs?: number;
     /** The number of cards */
     cards?: number;
+    /** The static mode */
+    isStatic?: boolean;
 }
-export declare function Skeleton({ layout, ...props }: CubeSkeletonProps): JSX.Element;
+export declare function Skeleton({ layout, isStatic, ...props }: CubeSkeletonProps): JSX.Element;
 export {};

package/types/components/other/Base64Upload/Base64Upload.d.ts

@@ -1,5 +1,6 @@
+/// <reference types="react" />
 import { BaseProps, PositionStyleProps } from '../../../tasty';
 export interface CubeBase64UploadProps extends BaseProps, PositionStyleProps {
     onInput?: Function;
 }
-export declare const Base64Upload: any;
+export declare const Base64Upload: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<CubeBase64UploadProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>, never>> & Omit<import("react").ForwardRefExoticComponent<CubeBase64UploadProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>, keyof import("react").Component<any, {}, any>>;

package/types/components/overlays/Modal/Underlay.d.ts

@@ -1,9 +1,12 @@
 import { HTMLAttributes } from 'react';
+import { TransitionState } from './types';
 export interface CubeUnderlayProps extends HTMLAttributes<HTMLElement> {
     isOpen?: boolean;
+    transitionState?: TransitionState;
 }
 declare let _Underlay: import("react").ForwardRefExoticComponent<Pick<{
     [x: string]: any;
     isOpen: any;
+    transitionState: any;
 }, string | number> & import("react").RefAttributes<unknown>>;
 export { _Underlay as Underlay };

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

@@ -1,2 +1,5 @@
 /// <reference types="react" />
-export declare const Cube: import("react").MemoExoticComponent<any>;
+import { SpinCubeProps } from './types';
+export declare const Cube: import("react").MemoExoticComponent<import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}>, SpinCubeProps>, never>>>;

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

@@ -1 +1,6 @@
-export declare const SpinsContainer: any;
+/// <reference types="react" />
+export declare const SpinsContainer: import("styled-components").IStyledComponent<"web", import("styled-components/dist/types").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Pick<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "key" | keyof import("react").HTMLAttributes<HTMLDivElement>> & {
+    ref?: import("react").RefObject<HTMLDivElement> | ((instance: HTMLDivElement | null) => void) | null | undefined;
+}>, {
+    $ownSize: number;
+}>, never>>;

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

@@ -16,7 +16,7 @@ export type CubeSpinProps = {
     styles?: Styles;
 };
 export type SpinCubeProps = {
-    position: 'top' | 'right' | 'bottom';
+    $position: 'top' | 'right' | 'bottom';
 };
 export type InternalSpinnerProps = {
     size: SpinSize;

package/types/index.d.ts

@@ -4,7 +4,6 @@ import { CubeTitleProps, Title } from './components/content/Title';
 import { CubeParagraphProps, Paragraph } from './components/content/Paragraph';
 export { Item, Section } from 'react-stately';
 export * from '@internationalized/date';
-export { Base } from './components/Base';
 export { Block } from './components/Block';
 export type { CubeBlockProps } from './components/Block';
 export { ActiveZone } from './components/content/ActiveZone/ActiveZone';

package/cjs/components/Base.js

@@ -1,61 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
- * Released under the MIT license.
- */
-
-"use strict";
-var __importDefault = (this && this.__importDefault) || function (mod) {
-    return (mod && mod.__esModule) ? mod : { "default": mod };
-};
-Object.defineProperty(exports, "__esModule", { value: true });
-exports.Base = void 0;
-const jsx_runtime_1 = require("react/jsx-runtime");
-const react_1 = require("react");
-const styled_components_1 = __importDefault(require("styled-components"));
-const tasty_1 = require("../tasty");
-const BLOCK_MAP = {
-    inline: 'block',
-    'inline-grid': 'grid',
-    'inline-flex': 'flex',
-};
-const INLINE_MAP = {
-    block: 'inline-block',
-    grid: 'inline-grid',
-    flex: 'inline-flex',
-};
-const BaseElement = styled_components_1.default.div(({ css }) => css);
-/**
- * @deprecated consider using tasty() instead
- */
-function Base(allProps, ref) {
-    let { as, styles: originalStyles, breakpoints, block, mods, inline, isHidden, isDisabled, qa, qaVal, css, element, ...props } = allProps;
-    const styles = { ...originalStyles };
-    if (block) {
-        styles.display =
-            typeof styles.display === 'string'
-                ? BLOCK_MAP[styles.display || 'inline']
-                : 'block';
-    }
-    if (inline) {
-        styles.display =
-            typeof styles.display === 'string'
-                ? INLINE_MAP[styles.display || 'block']
-                : 'inline-block';
-    }
-    const contextBreakpoints = (0, react_1.useContext)(tasty_1.BreakpointsContext);
-    const zones = (0, tasty_1.pointsToZones)(breakpoints || contextBreakpoints);
-    css = `${css ?? ''}${(0, tasty_1.renderStyles)(styles, zones)}`;
-    if (mods) {
-        Object.assign(props, (0, tasty_1.modAttrs)(mods));
-    }
-    return ((0, jsx_runtime_1.jsx)(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, ref: ref, hidden: isHidden, disabled: isDisabled, css: css }));
-}
-/**
- * @deprecated consider using tasty() instead
- */
-const _Base = (0, react_1.forwardRef)(Base);
-exports.Base = _Base;
-
-        

package/es/components/Base.js

@@ -1,55 +0,0 @@
-/**
- * @license MIT
- * author: Cube Dev Team
- * @cube-dev/ui-kit v0.29.1
- * Released under the MIT license.
- */
-
-import { jsx as _jsx } from "react/jsx-runtime";
-import { forwardRef, useContext } from 'react';
-import styled from 'styled-components';
-import { BreakpointsContext, modAttrs, pointsToZones, renderStyles, } from '../tasty';
-const BLOCK_MAP = {
-    inline: 'block',
-    'inline-grid': 'grid',
-    'inline-flex': 'flex',
-};
-const INLINE_MAP = {
-    block: 'inline-block',
-    grid: 'inline-grid',
-    flex: 'inline-flex',
-};
-const BaseElement = styled.div(({ css }) => css);
-/**
- * @deprecated consider using tasty() instead
- */
-function Base(allProps, ref) {
-    let { as, styles: originalStyles, breakpoints, block, mods, inline, isHidden, isDisabled, qa, qaVal, css, element, ...props } = allProps;
-    const styles = { ...originalStyles };
-    if (block) {
-        styles.display =
-            typeof styles.display === 'string'
-                ? BLOCK_MAP[styles.display || 'inline']
-                : 'block';
-    }
-    if (inline) {
-        styles.display =
-            typeof styles.display === 'string'
-                ? INLINE_MAP[styles.display || 'block']
-                : 'inline-block';
-    }
-    const contextBreakpoints = useContext(BreakpointsContext);
-    const zones = pointsToZones(breakpoints || contextBreakpoints);
-    css = `${css ?? ''}${renderStyles(styles, zones)}`;
-    if (mods) {
-        Object.assign(props, modAttrs(mods));
-    }
-    return (_jsx(BaseElement, { as: as, "data-element": element, "data-qa": qa, "data-qaval": qaVal, ...props, ref: ref, hidden: isHidden, disabled: isDisabled, css: css }));
-}
-/**
- * @deprecated consider using tasty() instead
- */
-const _Base = forwardRef(Base);
-export { _Base as Base };
-
-        

package/types/components/Base.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { AllBaseProps } from '../tasty';
-/**
- * @deprecated consider using tasty() instead
- */
-declare const _Base: import("react").ForwardRefExoticComponent<AllBaseProps<keyof HTMLElementTagNameMap> & import("react").RefAttributes<unknown>>;
-export { _Base as Base };