@itcase/ui 1.9.35 → 1.9.37

package/dist/types/components/Icon/stories/IconSize40.stories.d.ts

@@ -0,0 +1,93 @@
+import { IconProps } from '../Icon.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+        id?: string;
+        after?: import("react").ReactNode;
+        align?: import("@itcase/types").AlignProps;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        badgeClass?: string;
+        badgeValue?: string;
+        before?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        href?: string;
+        icon?: string;
+        iconSrc?: string;
+        imageSrc?: string;
+        isActive?: boolean;
+        isDisabled?: boolean;
+        isSkeleton?: boolean;
+        link?: string;
+        linkRel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
+        linkTarget?: import("../../Link/Link.interface").LinkWrapperProps["target"];
+        notification?: string;
+        onClick?: (event?: import("react").MouseEvent<HTMLDivElement>) => void;
+        onMouseEnter?: () => void;
+        onMouseLeave?: () => void;
+        saveFillStroke?: boolean;
+        showTooltip?: boolean;
+        style?: import("react").CSSProperties;
+        SvgImage?: string;
+        text?: string;
+        title?: string;
+        tooltipText?: string;
+        tooltipTitle?: string;
+        type?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Size40: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size32: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size24: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size20: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size16: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size14: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Size12: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Icon/stories/IconStyle.stories.d.ts

@@ -0,0 +1,71 @@
+import { IconProps } from '../Icon.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+        id?: string;
+        after?: import("react").ReactNode;
+        align?: import("@itcase/types").AlignProps;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        badgeClass?: string;
+        badgeValue?: string;
+        before?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        href?: string;
+        icon?: string;
+        iconSrc?: string;
+        imageSrc?: string;
+        isActive?: boolean;
+        isDisabled?: boolean;
+        isSkeleton?: boolean;
+        link?: string;
+        linkRel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
+        linkTarget?: import("../../Link/Link.interface").LinkWrapperProps["target"];
+        notification?: string;
+        onClick?: (event?: import("react").MouseEvent<HTMLDivElement>) => void;
+        onMouseEnter?: () => void;
+        onMouseLeave?: () => void;
+        saveFillStroke?: boolean;
+        showTooltip?: boolean;
+        style?: import("react").CSSProperties;
+        SvgImage?: string;
+        text?: string;
+        title?: string;
+        tooltipText?: string;
+        tooltipTitle?: string;
+        type?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        SvgImage: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Solid: {
+    args: {
+        appearance: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Outlined: {
+    args: {
+        appearance: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Full: {
+    args: {
+        appearance: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Ghost: {
+    args: {
+        appearance: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Icon/stories/IconWithBadge.stories.d.ts

@@ -0,0 +1,97 @@
+import { IconProps } from '../Icon.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<import("../Icon.interface").IconAppearanceProps & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+        id?: string;
+        after?: import("react").ReactNode;
+        align?: import("@itcase/types").AlignProps;
+        appearance?: import("@itcase/types").CompositeAppearanceDefaultStyleShapeKey | import("@itcase/types").CompositeAppearanceSizePxKey;
+        badgeClass?: string;
+        badgeValue?: string;
+        before?: import("react").ReactNode;
+        children?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        href?: string;
+        icon?: string;
+        iconSrc?: string;
+        imageSrc?: string;
+        isActive?: boolean;
+        isDisabled?: boolean;
+        isSkeleton?: boolean;
+        link?: string;
+        linkRel?: import("../../Link/Link.interface").LinkWrapperProps["rel"];
+        linkTarget?: import("../../Link/Link.interface").LinkWrapperProps["target"];
+        notification?: string;
+        onClick?: (event?: import("react").MouseEvent<HTMLDivElement>) => void;
+        onMouseEnter?: () => void;
+        onMouseLeave?: () => void;
+        saveFillStroke?: boolean;
+        showTooltip?: boolean;
+        style?: import("react").CSSProperties;
+        SvgImage?: string;
+        text?: string;
+        title?: string;
+        tooltipText?: string;
+        tooltipTitle?: string;
+        type?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        badgeAppearance: string;
+        badgeValue: number;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const size40: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const size32: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const size24: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const size20: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const size16: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const size14: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const size12: {
+    args: {
+        appearance: string;
+        SvgImage: string;
+    };
+    render: (args: IconProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -1,2 +1,40 @@
-declare const Image: import("react").ForwardRefExoticComponent<Omit<Record<string, any>, "ref"> & import("react").RefAttributes<unknown>>;
+import { MouseEvent } from 'react';
+declare const Image: import("react").ForwardRefExoticComponent<Omit<{
+    borderColor?: import("@itcase/types").BorderColorProps;
+    borderColorImage?: string;
+    borderType?: import("@itcase/types").BorderTypeProps;
+    borderWidth?: import("@itcase/types").BorderWidthProps;
+    cursor?: string;
+    fill?: import("@itcase/types").FillProps;
+    fillHover?: import("@itcase/types").FillHoverProps;
+    height?: string;
+    horizontalAlign?: import("@itcase/types").AlignProps;
+    imageHeight?: string;
+    imageWidth?: string;
+    resizeMode?: string;
+    shape?: import("@itcase/types").ShapeProps;
+    verticalContentAlign?: import("@itcase/types").AlignProps;
+    width?: import("@itcase/types").WidthProps;
+} & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    after?: import("react").ReactNode;
+    alt?: string;
+    before?: import("react").ReactNode;
+    caption?: string;
+    children?: import("react").ReactNode;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    imageClassName?: string;
+    imageWrapperClassName?: string;
+    isSkeleton?: boolean;
+    mode?: string;
+    onClick?: () => void;
+    onError?: (event: MouseEvent<HTMLImageElement>) => void;
+    overlay?: import("react").ReactNode;
+    placeholderUrl?: string;
+    src: string;
+    style?: import("react").CSSProperties;
+    title?: string;
+    type?: string;
+} & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
 export { Image };

package/dist/types/components/Image/Image.interface.d.ts

@@ -1,37 +1,43 @@
-import { CSSProperties, ReactNode } from 'react';
-import { BorderColorProps, FillHoverProps, FillProps, HorizontalContentAlignProps, ShapeProps, VerticalContentAlignProps, WidthProps } from '@itcase/types';
+import { CSSProperties, MouseEvent, ReactNode } from 'react';
+import { AlignProps, BorderColorProps, BorderTypeProps, BorderWidthProps, FillHoverProps, FillProps, ShapeProps, WidthProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
-export interface ImageProps extends StyleAttributes {
-    [key: number | string | symbol]: any;
+type ImageAppearanceProps = {
+    borderColor?: BorderColorProps;
+    borderColorImage?: string;
+    borderType?: BorderTypeProps;
+    borderWidth?: BorderWidthProps;
+    cursor?: string;
+    fill?: FillProps;
+    fillHover?: FillHoverProps;
+    height?: string;
+    horizontalAlign?: AlignProps;
+    imageHeight?: string;
+    imageWidth?: string;
+    resizeMode?: string;
+    shape?: ShapeProps;
+    verticalContentAlign?: AlignProps;
+    width?: WidthProps;
+};
+type ImageProps = ImageAppearanceProps & StyleAttributes & {
     after?: ReactNode;
     alt?: string;
     before?: ReactNode;
-    borderColor?: BorderColorProps;
-    borderColorImage?: string;
     caption?: string;
     children?: ReactNode;
     className?: string;
-    cursor?: string;
     dataTestId?: string;
     dataTour?: string;
-    fill?: FillProps;
-    fillHover?: FillHoverProps;
-    height?: string;
-    horizontalAlign?: HorizontalContentAlignProps;
     imageClassName?: string;
-    imageHeight?: string;
-    imageWidth?: string;
     imageWrapperClassName?: string;
+    isSkeleton?: boolean;
     mode?: string;
-    overlay?: any;
-    resizeMode?: string;
-    shape?: ShapeProps;
-    src?: string;
+    onClick?: () => void;
+    onError?: (event: MouseEvent<HTMLImageElement>) => void;
+    overlay?: ReactNode;
+    placeholderUrl?: string;
+    src: string;
     style?: CSSProperties;
     title?: string;
     type?: string;
-    verticalContentAlign?: VerticalContentAlignProps;
-    width?: WidthProps;
-    onClick?: () => void;
-    onError?: () => void;
-}
+};
+export type { ImageProps };

package/dist/types/components/Image/stories/Image.stories.d.ts

@@ -0,0 +1,60 @@
+import { ImageProps } from '../Image.interface';
+declare const meta: {
+    title: string;
+    component: import("react").ForwardRefExoticComponent<Omit<{
+        borderColor?: import("@itcase/types").BorderColorProps;
+        borderColorImage?: string;
+        borderType?: import("@itcase/types").BorderTypeProps;
+        borderWidth?: import("@itcase/types").BorderWidthProps;
+        cursor?: string;
+        fill?: import("@itcase/types").FillProps;
+        fillHover?: import("@itcase/types").FillHoverProps;
+        height?: string;
+        horizontalAlign?: import("@itcase/types").AlignProps;
+        imageHeight?: string;
+        imageWidth?: string;
+        resizeMode?: string;
+        shape?: import("@itcase/types").ShapeProps;
+        verticalContentAlign?: import("@itcase/types").AlignProps;
+        width?: import("@itcase/types").WidthProps;
+    } & import("../../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+        after?: import("react").ReactNode;
+        alt?: string;
+        before?: import("react").ReactNode;
+        caption?: string;
+        children?: import("react").ReactNode;
+        className?: string;
+        dataTestId?: string;
+        dataTour?: string;
+        imageClassName?: string;
+        imageWrapperClassName?: string;
+        isSkeleton?: boolean;
+        mode?: string;
+        onClick?: () => void;
+        onError?: (event: import("react").MouseEvent<HTMLImageElement>) => void;
+        overlay?: import("react").ReactNode;
+        placeholderUrl?: string;
+        src: string;
+        style?: import("react").CSSProperties;
+        title?: string;
+        type?: string;
+    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
+    args: {
+        width: number;
+        height: number;
+        fill: string;
+        src: string;
+        resizeMode: string;
+        alt: string;
+    };
+};
+export default meta;
+export declare const Default: {
+    render: (args: ImageProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Skeleton: {
+    args: {
+        isSkeleton: string;
+    };
+    render: (args: ImageProps) => import("react/jsx-runtime").JSX.Element;
+};

package/dist/types/components/Input/Input.appearance.d.ts

@@ -1,163 +1,3 @@
-export declare const inputAppearance: {
-    solid: {
-        borderColor: string;
-        borderColorHover: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-    };
-    sizeXXL: {
-        size: string;
-        textSize: string;
-    };
-    sizeXL: {
-        size: string;
-        textSize: string;
-    };
-    sizeL: {
-        size: string;
-        textSize: string;
-    };
-    sizeM: {
-        size: string;
-        textSize: string;
-    };
-    sizeS: {
-        size: string;
-        textSize: string;
-    };
-    sizeXS: {
-        size: string;
-        textSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        textSize: string;
-    };
-    disabledPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    disabledSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    requirePrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    requireSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    successPrimary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    successSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    circular: {
-        shape: string;
-    };
-    rounded: {
-        shape: string;
-    };
-    roundedXL: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedL: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedM: {
-        shape: string;
-        shapeStrength: string;
-    };
-    roundedS: {
-        shape: string;
-        shapeStrength: string;
-    };
-    errorPrimary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    errorSecondary: {
-        fill: string;
-        borderColor: string;
-        borderColorHover: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    defaultPrimary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-    defaultSecondary: {
-        fill: string;
-        fillHover: string;
-        borderColor: string;
-        borderColorHover: string;
-        textColor: string;
-        caret: string;
-        iconBeforeFill: string;
-        iconClearFill: string;
-        placeholderTextColor: string;
-    };
-};
+import { InputAppearance } from './Input.interface';
+declare const inputAppearance: InputAppearance;
+export { inputAppearance };

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

@@ -1,5 +1,24 @@
 import React from 'react';
-import type { InputConfig, InputProps } from './Input.interface';
+import type { InputConfig } from './Input.interface';
 declare const inputConfig: InputConfig;
-declare const Input: React.ForwardRefExoticComponent<Omit<InputProps, "ref"> & React.RefAttributes<HTMLInputElement>>;
+declare const Input: React.ForwardRefExoticComponent<import("./Input.interface").InputAppearanceProps & import("../../hooks/useStyles/styleAttributes.interface").StyleAttributes & {
+    id?: string;
+    appearance?: import("@itcase/types").CompositeAppearanceKey;
+    autocomplete?: string;
+    className?: string;
+    dataTestId?: string;
+    dataTour?: string;
+    index?: number | string;
+    isDisabled?: boolean;
+    isReadOnly?: boolean;
+    name?: string;
+    onBlur?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onChange?: (event?: React.ChangeEvent<HTMLInputElement>) => void;
+    onClick?: (event?: React.MouseEvent<HTMLElement>) => void;
+    onFocus?: (event?: React.FocusEvent<HTMLInputElement>) => void;
+    onKeyDown?: (event?: React.KeyboardEvent<HTMLInputElement>) => void;
+    placeholder?: string;
+    type?: string;
+    value?: string;
+} & React.RefAttributes<HTMLInputElement>>;
 export { Input, inputConfig };