@cube-dev/ui-kit 0.6.62 → 0.7.0

package/dist/cjs/components/content/PrismCode/PrismCode.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
-import { BaseProps } from '../../types';
+import { BaseProps, ContainerStyleProps } from '../../types';
 import { Styles } from '../../../styles/types';
-export interface CubePrismCodeProps {
+export interface CubePrismCodeProps extends ContainerStyleProps {
     /** The CSS style map */
     style?: BaseProps['style'];
     styles?: Styles;

package/dist/cjs/components/content/Text.d.ts

@@ -2,7 +2,6 @@ import { CSSProperties } from 'react';
 import { ResponsiveStyleValue } from '../../utils/styles';
 import { BaseProps, BaseStyleProps, ColorStyleProps, TagNameProps, TextStyleProps } from '../types';
 export declare const TEXT_PROP_MAP: {
-    readonly align: "textAlign";
     readonly transform: "textTransform";
     readonly weight: "fontWeight";
     readonly italic: "fontStyle";
@@ -25,7 +24,6 @@ export interface CubeTextProps extends BaseProps, TagNameProps, TextStyleProps,
      */
     italic?: ResponsiveStyleValue<CSSProperties['fontStyle']>;
     weight?: string | number;
-    align?: ResponsiveStyleValue<CSSProperties['textAlign']>;
     transform?: ResponsiveStyleValue<CSSProperties['textTransform']>;
 }
 declare const Text: import("react").ForwardRefExoticComponent<CubeTextProps & import("react").RefAttributes<unknown>> & {

package/dist/cjs/components/forms/TextInput/TextInputBase.d.ts

@@ -20,7 +20,7 @@ export interface CubeTextInputBaseProps extends BaseProps, PositionStyleProps, D
     /** Direct input wrapper props */
     wrapperProps?: Props;
     /** The input ref */
-    inputRef?: RefObject<HTMLInputElement>;
+    inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
     /** The wrapper ref */
     wrapperRef?: RefObject<HTMLDivElement>;
     /** Whether the input has the loading status */

package/dist/cjs/components/layout/Flex.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortItemsStyles } from '../types';
-export interface CubeFlexProps extends BaseProps, ContainerStyleProps, ShortItemsStyles {
+import { BaseProps, ContainerStyleProps } from '../types';
+export interface CubeFlexProps extends BaseProps, ContainerStyleProps {
 }
 export declare const Flex: import("react").ForwardRefExoticComponent<CubeFlexProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/layout/Grid.d.ts

@@ -1,5 +1,5 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortGridStyles, ShortItemsStyles } from '../types';
-export interface CubeGridProps extends BaseProps, ContainerStyleProps, ShortItemsStyles, ShortGridStyles {
+import { BaseProps, ContainerStyleProps, ShortGridStyles } from '../types';
+export interface CubeGridProps extends BaseProps, ContainerStyleProps, ShortGridStyles {
 }
 export declare const Grid: import("react").ForwardRefExoticComponent<CubeGridProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/layout/Space.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
-import { BaseProps, ContainerStyleProps, ShortItemsStyles } from '../types';
-export interface CubeSpaceProps extends BaseProps, ContainerStyleProps, ShortItemsStyles {
+import { BaseProps, ContainerStyleProps } from '../types';
+export interface CubeSpaceProps extends BaseProps, ContainerStyleProps {
     direction?: 'vertical' | 'horizontal';
 }
 export declare const Space: import("react").ForwardRefExoticComponent<CubeSpaceProps & import("react").RefAttributes<unknown>>;

package/dist/cjs/components/pickers/ComboBox/ComboBox.d.ts

@@ -5,7 +5,7 @@ import { ComboBoxProps } from '@react-types/combobox';
 export interface CubeComboBoxProps<T> extends Omit<CubeSelectBaseProps<T>, 'onOpenChange'>, ComboBoxProps<T>, CollectionBase<T> {
     multiLine?: boolean;
     autoComplete?: string;
-    inputRef?: RefObject<HTMLInputElement | HTMLTextAreaElement>;
+    inputRef?: RefObject<HTMLInputElement>;
     /** The ref for the list box popover. */
     popoverRef?: RefObject<HTMLDivElement>;
     /** The ref for the list box. */

package/dist/cjs/components/pickers/Select/Select.d.ts

@@ -26,7 +26,7 @@ export interface CubeSelectProps<T> extends CubeSelectBaseProps<T> {
     listBoxRef?: RefObject<HTMLElement>;
     size?: 'small' | 'default' | 'large' | string;
 }
-export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, disallowEmptySelection, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
+export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxStyles, overlayStyles, optionStyles, overlayProps: parentOverlayProps, shouldUseVirtualFocus, placement, minWidth, ...otherProps }: {
     [x: string]: any;
     state: any;
     popoverRef: any;
@@ -35,7 +35,6 @@ export declare function ListBoxPopup({ state, popoverRef, listBoxRef, listBoxSty
     overlayStyles: any;
     optionStyles: any;
     overlayProps: any;
-    disallowEmptySelection: any;
     shouldUseVirtualFocus?: boolean | undefined;
     placement: any;
     minWidth: any;

package/dist/cjs/components/types.d.ts

@@ -1,6 +1,23 @@
 import { AllHTMLAttributes, CSSProperties } from 'react';
-import { Styles } from '../styles/types';
+import { Styles, StylesInterface } from '../styles/types';
 import { BASE_STYLES, BLOCK_STYLES, COLOR_STYLES, CONTAINER_STYLES, DIMENSION_STYLES, FLOW_STYLES, OUTER_STYLES, POSITION_STYLES, TEXT_STYLES } from '../styles/list';
+export interface GlobalStyledProps {
+    breakpoints?: number[];
+}
+export interface StyledProps<K extends (keyof StylesInterface)[]> {
+    /** The name of the element. It can be used to override styles in context. */
+    name?: string;
+    /** The tag name of the element. */
+    tag?: string;
+    /** Default styles of the element. */
+    styles?: Styles;
+    /** Default css of the element. */
+    css?: string | ((props: Props) => string);
+    /** Default properties/attributes */
+    props?: Record<string, any>;
+    /** The list of styles that can be provided by props */
+    styleProps?: K;
+}
 export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLElement>, 'className' | 'role' | 'id'> {
     /** QA ID for e2e testing. An alias for `data-qa` attribute. */
     qa?: string;
@@ -35,7 +52,7 @@ export interface BasePropsWithoutChildren extends Pick<AllHTMLAttributes<HTMLEle
 }
 export interface BaseProps extends BasePropsWithoutChildren, Pick<AllHTMLAttributes<HTMLElementTagNameMap['div']>, 'children'> {
 }
-export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size' | 'disabled' | 'hidden' | 'css'> {
+export interface AllBaseProps<K extends keyof HTMLElementTagNameMap = 'div'> extends BaseProps, Omit<AllHTMLAttributes<HTMLElementTagNameMap[K]>, 'style' | 'size' | 'disabled' | 'hidden' | 'css' | 'color' | 'height' | 'width'> {
     as?: string;
 }
 export declare type BaseStyleProps = Pick<Styles, typeof BASE_STYLES[number]>;
@@ -47,10 +64,6 @@ export declare type DimensionStyleProps = Pick<Styles, typeof DIMENSION_STYLES[n
 export declare type FlowStyleProps = Pick<Styles, typeof FLOW_STYLES[number]>;
 export declare type ContainerStyleProps = Pick<Styles, typeof CONTAINER_STYLES[number]>;
 export declare type OuterStyleProps = Pick<Styles, typeof OUTER_STYLES[number]>;
-export declare type ShortItemsStyles = {
-    align?: Styles['alignItems'];
-    justify?: Styles['justifyItems'];
-};
 export declare type ShortGridStyles = {
     template?: Styles['gridTemplate'];
     columns?: Styles['gridColumns'];

package/dist/cjs/css-properties.d.ts

@@ -9,6 +9,7 @@ declare const PROPS: {
     'outline-width': string;
     'border-width': string;
     radius: string;
+    'leaf-sharp-radius': string;
     transition: string;
     'clear-color': string;
     'border-color': string;

package/dist/cjs/index.d.ts

@@ -166,7 +166,7 @@ declare const Input: import("react").ForwardRefExoticComponent<import("./compone
     File: import("react").ForwardRefExoticComponent<import("./components/forms/FileInput/FileInput").CubeFileInputProps & import("react").RefAttributes<unknown>>;
 };
 export { Input };
-export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortItemsStyles, ShortGridStyles, } from './components/types';
+export type { TagName, TagNameProps, AllBaseProps, BaseProps, BaseStyleProps, DimensionStyleProps, ColorStyleProps, OuterStyleProps, PositionStyleProps, TextStyleProps, BlockStyleProps, ContainerStyleProps, BasePropsWithoutChildren, Props, FlowStyleProps, ShortGridStyles, } from './components/types';
 export * from './styles/types';
 export * from './styles/list';
 export * from './styles/index';