@cube-dev/ui-kit 0.8.8 → 0.9.0

package/dist/mjs/providers/BreakpointsProvider.d.ts

@@ -1,8 +0,0 @@
-import { ReactNode } from 'react';
-export declare const BreakpointsContext: import("react").Context<number[]>;
-interface BreakpointsProviderProps {
-    value: number[];
-    children: ReactNode;
-}
-export declare function BreakpointsProvider({ value, children, }: BreakpointsProviderProps): JSX.Element;
-export {};

package/dist/mjs/providers/StylesProvider.d.ts

@@ -1,10 +0,0 @@
-import { ReactNode } from 'react';
-import { Styles } from '../styles/types';
-export declare const StyleContext: import("react").Context<any>;
-interface StyleProviderProps {
-    children?: ReactNode;
-    [key: string]: any;
-}
-export declare function StyleProvider({ children, ...props }: StyleProviderProps): JSX.Element;
-export declare function useContextStyles(name: string, props?: Record<string, any>): Styles | null;
-export {};

package/dist/mjs/services/notification.d.ts

@@ -1,25 +0,0 @@
-import { CubeNotificationProps } from '../components/overlays/Notification/Notification';
-export interface NotificationData {
-    id: number;
-    type?: CubeNotificationProps['type'];
-    message?: string;
-}
-export interface NotificationService {
-    root: Element | null;
-    defaultOptions: {
-        duration: number;
-    };
-    items: NotificationData[];
-    init: () => void;
-    render: () => void;
-    _render: (items?: NotificationData[]) => void;
-    show: (type: CubeNotificationProps['type'], message: string, options?: CubeNotificationOptions) => void;
-    close: (number: any) => void;
-    success: (message: string, options?: CubeNotificationOptions) => void;
-    info: (message: string, options?: CubeNotificationOptions) => void;
-    danger: (message: string, options?: CubeNotificationOptions) => void;
-}
-export interface CubeNotificationOptions {
-    duration?: number;
-}
-export declare const notification: NotificationService;

package/dist/mjs/shared/form.d.ts

@@ -1,70 +0,0 @@
-import { Props } from '../components/types';
-import { Styles } from '../styles/types';
-import { ReactNode } from 'react';
-/** Where to place label relative to input */
-export declare type LabelPosition = 'side' | 'top';
-/** The type of necessity indicator */
-export declare type NecessityIndicator = 'icon' | 'label';
-/** The validation state of the field */
-export declare type ValidationState = 'invalid' | 'valid';
-/** On which event perform validation for the field */
-export declare type ValidateTrigger = 'onBlur' | 'onChange' | 'onSubmit';
-export interface OptionalFieldBaseProps {
-    /** The label of the field */
-    label?: string;
-    /** The validation state of the field */
-    validationState?: ValidationState;
-    /** On which event perform validation for the field */
-    validateTrigger?: ValidateTrigger;
-    necessityIndicator?: NecessityIndicator;
-    necessityLabel?: ReactNode;
-}
-export interface FieldBaseProps extends OptionalFieldBaseProps {
-    /** The field name */
-    name: string[] | string;
-}
-export interface FormBaseProps {
-    /** Styles of the label */
-    labelStyles?: Styles;
-    /** Where to place label relative to input */
-    labelPosition?: LabelPosition;
-    /** Whether the field presents required mark */
-    requiredMark?: boolean;
-    /** Whether the field is required */
-    isRequired?: boolean;
-    /** The type of necessity indicator */
-    necessityIndicator?: NecessityIndicator;
-    /** That can replace the necessity label */
-    necessityLabel?: ReactNode;
-    /** Whether the field is read only */
-    isReadOnly?: boolean;
-    /** The validation state of the field */
-    validationState?: ValidationState;
-    /** On which event perform validation for the field */
-    validateTrigger?: ValidateTrigger;
-}
-export interface FormFieldProps extends FormBaseProps {
-    /** Whether the field is inside the form. Private field. */
-    insideForm?: boolean;
-    /** A text label of the field */
-    label?: ReactNode;
-    /** Custom label props */
-    labelProps?: Props;
-    /** Message for the field. Some additional information or error notice */
-    message?: ReactNode;
-    /** Description for the field. Will be placed below the label */
-    description?: ReactNode;
-    /** A tooltip that is shown inside the label */
-    tooltip?: ReactNode;
-    /** Whether the element should receive focus on render */
-    autoFocus?: boolean;
-}
-export declare type ValidationRuleBase = {
-    [key: string]: any;
-} & {
-    required?: boolean;
-    message?: string;
-};
-export declare type ValidationRule = ValidationRuleBase & {
-    validator?: (ValidationRule: any, any: any) => Promise<string | void>;
-};

package/dist/mjs/shared/index.d.ts

@@ -1,3 +0,0 @@
-export * from './form';
-export declare type Axis = 'top' | 'right' | 'bottom' | 'left';
-export declare type PlacementAxis = Axis | 'center';

package/dist/mjs/stories/FormFieldArgs.d.ts

@@ -1,325 +0,0 @@
-export declare const DISABLE_BASE_ARGS: {};
-export declare const LABEL_POSITION_ARG: {
-    labelPosition: {
-        description: string;
-        options: string[];
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const LABEL_ARG: {
-    label: {
-        control: string;
-        description: string;
-    };
-};
-export declare const DESCRIPTION_ARG: {
-    description: {
-        control: string;
-        description: string;
-    };
-};
-export declare const NECESSITY_INDICATOR_ARG: {
-    necessityIndicator: {
-        description: string;
-        options: (string | boolean)[];
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const MESSAGE_ARG: {
-    message: {
-        description: string;
-        control: string;
-    };
-};
-export declare const PLACEHOLDER_ARG: {
-    placeholder: {
-        control: string;
-    };
-};
-export declare const VALIDATION_STATE_ARG: {
-    validationState: {
-        description: string;
-        options: (string | undefined)[];
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const IS_LOADING_ARG: {
-    isLoading: {
-        control: string;
-        description: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
-export declare const AUTO_FOCUS_ARG: {
-    autoFocus: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
-export declare const IS_REQUIRED_ARG: {
-    isRequired: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
-export declare const IS_READ_ONLY_ARG: {
-    isReadOnly: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
-export declare const IS_DISABLED_ARG: {
-    isDisabled: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
-export declare const SIZE_ARG: {
-    size: {
-        description: string;
-        options: (string | undefined)[];
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const MULTILINE_ARG: {
-    multiLine: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
-export declare const REQUIRED_MARK_ARG: {
-    requiredMark: {
-        description: string;
-        control: {
-            type: string;
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-            defaultValue: {
-                summary: boolean;
-            };
-        };
-    };
-};
-export declare const TEXT_VALUE_ARG: {
-    value: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    defaultValue: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const NUMBER_VALUE_ARG: {
-    value: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    defaultValue: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const MULTIPLE_VALUE_ARG: {
-    value: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    defaultValue: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const IS_SELECTED_ARG: {
-    isSelected: {
-        defaultValue: undefined;
-        description: string;
-        control: {
-            type: string;
-            options: (boolean | undefined)[];
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    defaultSelected: {
-        defaultValue: undefined;
-        description: string;
-        control: {
-            type: string;
-            options: (boolean | undefined)[];
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const IS_INDETERMINATE_ARG: {
-    isIndeterminate: {
-        defaultValue: undefined;
-        description: string;
-        control: {
-            type: string;
-            options: (boolean | undefined)[];
-        };
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-};
-export declare const SELECTED_KEY_ARG: {
-    selectedKey: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-    defaultSelectedKey: {
-        defaultValue: undefined;
-        description: string;
-        control: string;
-        table: {
-            type: {
-                summary: string;
-            };
-        };
-    };
-};

package/dist/mjs/stories/components/ConfirmDeletionDialogForm.d.ts

@@ -1,7 +0,0 @@
-/// <reference types="react" />
-import { CubeDialogFormRef, CubeDialogFormProps } from '../../index';
-interface ConfirmDeletionDialogFormProps extends Pick<CubeDialogFormProps, 'onSubmit' | 'onDismiss' | 'form'> {
-    name?: string;
-}
-export declare const ConfirmDeletionDialogForm: import("react").ForwardRefExoticComponent<ConfirmDeletionDialogFormProps & import("react").RefAttributes<CubeDialogFormRef>>;
-export {};

package/dist/mjs/stories/components/DialogFormApp.d.ts

@@ -1,2 +0,0 @@
-/// <reference types="react" />
-export declare function DialogFormApp(): JSX.Element;

package/dist/mjs/stories/components/StyledButton.d.ts

@@ -1,4 +0,0 @@
-/// <reference types="react" />
-export declare const StyledButton: import("react").ComponentType<import("../../components/actions/Button/Button").CubeButtonProps & import("react").RefAttributes<import("@react-types/shared").FocusableRefValue<HTMLElement, HTMLElement>>>;
-export declare const GlobalStyledHeading: any;
-export declare function Block(): JSX.Element;

package/dist/mjs/stories/lists/baseProps.d.ts

@@ -1 +0,0 @@
-export declare const baseProps: string[];

package/dist/mjs/styled.d.ts

@@ -1,11 +0,0 @@
-import { ComponentType } from 'react';
-import { AllBaseProps, BaseStyleProps, StyledProps } from './components/types';
-import { Styles, StylesInterface } from './styles/types';
-import { ResponsiveStyleValue } from './utils/styles';
-export declare type AllBasePropsWithMods<K extends (keyof StylesInterface)[]> = AllBaseProps & {
-    [key in K[number]]?: ResponsiveStyleValue<StylesInterface[key]>;
-} & BaseStyleProps;
-declare function styled<K extends (keyof StylesInterface)[]>(options: StyledProps<K>, secondArg?: never): any;
-declare function styled(selector: string, styles?: Styles): any;
-declare function styled<K extends (keyof StylesInterface)[], C = {}>(Component: ComponentType<C>, options?: Pick<StyledProps<K>, 'styles' | 'props' | 'name' | 'tag'>): ComponentType<C>;
-export { styled };

package/dist/mjs/styles/align.d.ts

@@ -1,9 +0,0 @@
-export declare function alignStyle({ align }: {
-    align: any;
-}): {
-    'align-items': string;
-    'align-content': string;
-} | undefined;
-export declare namespace alignStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/border.d.ts

@@ -1,11 +0,0 @@
-/**
- *
- * @param border
- * @return {{border: string}|*}
- */
-export declare function borderStyle({ border }: {
-    border: any;
-}): any;
-export declare namespace borderStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/boxShadow.combinator.d.ts

@@ -1,6 +0,0 @@
-export declare function boxShadowCombinator(styles: any): "" | {
-    'box-shadow': string;
-};
-export declare namespace boxShadowCombinator {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/color.d.ts

@@ -1,6 +0,0 @@
-export declare function colorStyle({ color }: {
-    color: any;
-}): any[] | "";
-export declare namespace colorStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/dimension.d.ts

@@ -1,4 +0,0 @@
-export declare function dimensionStyle(name: any): (val: any) => "" | {
-    [x: string]: string;
-    [x: number]: string;
-};

package/dist/mjs/styles/display.d.ts

@@ -1,9 +0,0 @@
-export declare function displayStyle({ display, hide }: {
-    display: any;
-    hide: any;
-}): {
-    display: any;
-};
-export declare namespace displayStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/fill.d.ts

@@ -1,6 +0,0 @@
-export declare function fillStyle({ fill }: {
-    fill: any;
-}): any[] | "";
-export declare namespace fillStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/flow.d.ts

@@ -1,9 +0,0 @@
-export declare function flowStyle({ display, flow }: {
-    display?: string | undefined;
-    flow: any;
-}): {
-    [x: number]: any;
-} | null;
-export declare namespace flowStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/font.d.ts

@@ -1,9 +0,0 @@
-export declare function fontStyle({ font }: {
-    font: any;
-}): {
-    'font-family': string;
-    '--font-family': string;
-} | null;
-export declare namespace fontStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/fontStyle.d.ts

@@ -1,8 +0,0 @@
-export declare function fontStyleStyle({ fontStyle }: {
-    fontStyle: any;
-}): {
-    'font-style': any;
-};
-export declare namespace fontStyleStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/gap.d.ts

@@ -1,21 +0,0 @@
-export declare function gapStyle({ display, flow, gap }: {
-    display: any;
-    flow: any;
-    gap: any;
-}): {
-    gap: any;
-    $?: undefined;
-} | ({
-    [x: string]: string;
-    $?: undefined;
-} | {
-    [x: string]: any;
-    $: string;
-})[] | {
-    [x: string]: any;
-    $: string;
-    gap?: undefined;
-} | undefined;
-export declare namespace gapStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/groupRadius.d.ts

@@ -1,11 +0,0 @@
-export declare function groupRadiusAttr({ groupRadius, flow }: {
-    groupRadius: any;
-    flow: any;
-}): "" | {
-    $: string;
-    'border-radius': any;
-    '--local-radius': any;
-}[];
-export declare namespace groupRadiusAttr {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/height.d.ts

@@ -1,9 +0,0 @@
-export declare function heightStyle({ height }: {
-    height: any;
-}): "" | {
-    [x: string]: string;
-    [x: number]: string;
-};
-export declare namespace heightStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/index.d.ts

@@ -1,8 +0,0 @@
-import { RawStyleHandler, StyleHandler } from '../utils/styles';
-export declare function createStyle(styleName: string, cssStyle?: string, converter?: Function): any;
-declare type StyleHandlerMap = Record<string, StyleHandler[]>;
-export declare const STYLE_HANDLER_MAP: StyleHandlerMap;
-export declare function defineCustomStyle(names: string[] | StyleHandler, handler?: RawStyleHandler): void;
-declare type ConverterHandler = (s: string | boolean | number | undefined) => string | undefined;
-export declare function defineStyleAlias(styleName: string, cssStyleName?: string, converter?: ConverterHandler): void;
-export {};

package/dist/mjs/styles/justify.d.ts

@@ -1,9 +0,0 @@
-export declare function justifyStyle({ justify }: {
-    justify: any;
-}): {
-    'justify-items': string;
-    'justify-content': string;
-} | undefined;
-export declare namespace justifyStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/list.d.ts

@@ -1,9 +0,0 @@
-export declare const BASE_STYLES: readonly ["display", "font", "preset", "hide", "opacity", "whiteSpace"];
-export declare const POSITION_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin"];
-export declare const BLOCK_STYLES: readonly ["reset", "padding", "paddingInline", "paddingBlock", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign"];
-export declare const COLOR_STYLES: readonly ["color", "fill"];
-export declare const TEXT_STYLES: readonly ["textTransform", "fontWeight", "fontStyle"];
-export declare const DIMENSION_STYLES: readonly ["width", "height", "flexBasis", "flexGrow", "flexShrink", "flex"];
-export declare const FLOW_STYLES: readonly ["flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const CONTAINER_STYLES: readonly ["display", "font", "preset", "hide", "opacity", "whiteSpace", "color", "fill", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex", "gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "reset", "padding", "paddingInline", "paddingBlock", "shadow", "border", "radius", "opacity", "overflow", "styledScrollbar", "hide", "outline", "textAlign", "flow", "placeItems", "placeContent", "alignItems", "alignContent", "justifyItems", "justifyContent", "align", "justify", "gap", "columnGap", "rowGap", "gridColumns", "gridRows", "gridTemplate", "gridAreas"];
-export declare const OUTER_STYLES: readonly ["gridArea", "order", "gridColumn", "gridRow", "placeSelf", "alignSelf", "justifySelf", "zIndex", "margin", "width", "height", "flexBasis", "flexGrow", "flexShrink", "flex"];

package/dist/mjs/styles/margin.d.ts

@@ -1,12 +0,0 @@
-export declare function marginStyle({ margin, marginBlock, marginInline, marginTop, marginRight, marginBottom, marginLeft, }: {
-    margin: any;
-    marginBlock: any;
-    marginInline: any;
-    marginTop: any;
-    marginRight: any;
-    marginBottom: any;
-    marginLeft: any;
-}): any;
-export declare namespace marginStyle {
-    var __lookupStyles: string[];
-}

package/dist/mjs/styles/marginBlock.d.ts

@@ -1,8 +0,0 @@
-export declare function marginBlockStyle({ marginBlock: margin, marginTop, marginBottom, }: {
-    marginBlock: any;
-    marginTop: any;
-    marginBottom: any;
-}): {};
-export declare namespace marginBlockStyle {
-    var __lookupStyles: string[];
-}