@itcase/ui-web 1.10.9 → 1.10.11

package/dist/types/components/Icon/stories/IconSize24.stories.js

@@ -1,56 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons12, icons14, icons16, icons20, icons24, } from '@itcase/icons-default';
-import { Icon } from '../Icon';
-const meta = {
-    title: 'Atoms / Icon / Size / Size 24',
-    component: Icon,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Size24 = {
-    args: {
-        appearance: 'surfacePrimary size24_24 solid rounded',
-        SvgImage: icons24.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size20 = {
-    args: {
-        appearance: 'surfacePrimary size24_20 solid rounded',
-        SvgImage: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size16 = {
-    args: {
-        appearance: 'surfacePrimary size24_16 solid rounded',
-        SvgImage: icons16.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size14 = {
-    args: {
-        appearance: 'surfacePrimary size24_14 solid rounded',
-        SvgImage: icons14.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size12 = {
-    args: {
-        appearance: 'surfacePrimary size24_12 solid rounded',
-        SvgImage: icons12.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};

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

@@ -1,52 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("..").IconAppearanceProps & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: string;
-        after?: import("react").ReactNode;
-        align?: import("@itcase/types-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceIconKeys;
-        badgeClass?: string;
-        badgeValue?: number | 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").LinkWrapperProps["rel"];
-        linkTarget?: import("../../Link").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 | import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        svgImageStyles?: import("react").SVGProps<SVGSVGElement>;
-        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;
-type Story = StoryObj<typeof meta>;
-export declare const Size32: Story;
-export declare const Size24: Story;
-export declare const Size20: Story;
-export declare const Size16: Story;
-export declare const Size14: Story;
-export declare const Size12: Story;

package/dist/types/components/Icon/stories/IconSize32.stories.js

@@ -1,65 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons12, icons14, icons16, icons20, icons24, icons32, } from '@itcase/icons-default';
-import { Icon } from '../Icon';
-const meta = {
-    title: 'Atoms / Icon / Size / Size 32',
-    component: Icon,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Size32 = {
-    args: {
-        appearance: 'surfacePrimary size32_32 solid rounded',
-        SvgImage: icons32.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size24 = {
-    args: {
-        appearance: 'surfacePrimary size32_24 solid rounded',
-        SvgImage: icons24.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size20 = {
-    args: {
-        appearance: 'surfacePrimary size32_20 solid rounded',
-        SvgImage: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size16 = {
-    args: {
-        appearance: 'surfacePrimary size32_16 solid rounded',
-        SvgImage: icons16.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size14 = {
-    args: {
-        appearance: 'surfacePrimary size32_14 solid rounded',
-        SvgImage: icons14.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size12 = {
-    args: {
-        appearance: 'surfacePrimary size32_12 solid rounded',
-        SvgImage: icons12.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};

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

@@ -1,53 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("..").IconAppearanceProps & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: string;
-        after?: import("react").ReactNode;
-        align?: import("@itcase/types-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceIconKeys;
-        badgeClass?: string;
-        badgeValue?: number | 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").LinkWrapperProps["rel"];
-        linkTarget?: import("../../Link").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 | import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        svgImageStyles?: import("react").SVGProps<SVGSVGElement>;
-        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;
-type Story = StoryObj<typeof meta>;
-export declare const Size40: Story;
-export declare const Size32: Story;
-export declare const Size24: Story;
-export declare const Size20: Story;
-export declare const Size16: Story;
-export declare const Size14: Story;
-export declare const Size12: Story;

package/dist/types/components/Icon/stories/IconSize40.stories.js

@@ -1,74 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons12, icons14, icons16, icons20, icons24, icons32, icons40, } from '@itcase/icons-default';
-import { Icon } from '../Icon';
-const meta = {
-    title: 'Atoms / Icon / Size / Size 40',
-    component: Icon,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Size40 = {
-    args: {
-        appearance: 'surfacePrimary size40_40 solid rounded',
-        SvgImage: icons40.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size32 = {
-    args: {
-        appearance: 'surfacePrimary size40_32 solid rounded',
-        SvgImage: icons32.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size24 = {
-    args: {
-        appearance: 'surfacePrimary size40_24 solid rounded',
-        SvgImage: icons24.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size20 = {
-    args: {
-        appearance: 'surfacePrimary size40_20 solid rounded',
-        SvgImage: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size16 = {
-    args: {
-        appearance: 'surfacePrimary size40_16 solid rounded',
-        SvgImage: icons16.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size14 = {
-    args: {
-        appearance: 'surfacePrimary size40_14 solid rounded',
-        SvgImage: icons14.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Size12 = {
-    args: {
-        appearance: 'surfacePrimary size40_12 solid rounded',
-        SvgImage: icons12.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};

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

@@ -1,53 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("..").IconAppearanceProps & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: string;
-        after?: import("react").ReactNode;
-        align?: import("@itcase/types-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceIconKeys;
-        badgeClass?: string;
-        badgeValue?: number | 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").LinkWrapperProps["rel"];
-        linkTarget?: import("../../Link").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 | import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        svgImageStyles?: import("react").SVGProps<SVGSVGElement>;
-        text?: string;
-        title?: string;
-        tooltipText?: string;
-        tooltipTitle?: string;
-        type?: string;
-    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        SvgImage: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Solid: Story;
-export declare const Outlined: Story;
-export declare const Full: Story;
-export declare const Ghost: Story;

package/dist/types/components/Icon/stories/IconStyle.stories.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons24 } from '@itcase/icons-default';
-import { Icon } from '../Icon';
-const meta = {
-    title: 'Atoms / Icon / Style',
-    component: Icon,
-    args: {
-        SvgImage: icons24.Placeholder.Default,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Solid = {
-    args: {
-        appearance: 'surfacePrimary size24_24 solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Outlined = {
-    args: {
-        appearance: 'surfacePrimary size24_24 outlined rounded',
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Full = {
-    args: {
-        appearance: 'surfacePrimary size24_24 full rounded',
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const Ghost = {
-    args: {
-        appearance: 'surfacePrimary size24_24 ghost rounded',
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};

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

@@ -1,57 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("..").IconAppearanceProps & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: string;
-        after?: import("react").ReactNode;
-        align?: import("@itcase/types-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceIconKeys;
-        badgeClass?: string;
-        badgeValue?: number | 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").LinkWrapperProps["rel"];
-        linkTarget?: import("../../Link").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 | import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        svgImageStyles?: import("react").SVGProps<SVGSVGElement>;
-        text?: string;
-        title?: string;
-        tooltipText?: string;
-        tooltipTitle?: string;
-        type?: string;
-    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        badgeAppearance: "surfacePrimary sizeM solid rounded";
-        badgeValue: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const size40: Story;
-export declare const size32: Story;
-export declare const size24: Story;
-export declare const size20: Story;
-export declare const size16: Story;
-export declare const size14: Story;
-export declare const size12: Story;

package/dist/types/components/Icon/stories/IconWithBadge.stories.js

@@ -1,78 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons12, icons14, icons16, icons20, icons24, icons32, icons40, } from '@itcase/icons-default';
-import { Icon } from '../Icon';
-const meta = {
-    title: 'Atoms / Icon / WithBadge',
-    component: Icon,
-    args: {
-        badgeAppearance: 'surfacePrimary sizeM solid rounded',
-        badgeValue: '3',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const size40 = {
-    args: {
-        appearance: 'surfacePrimary size40_40 solid rounded',
-        SvgImage: icons40.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const size32 = {
-    args: {
-        appearance: 'surfacePrimary size32_32 solid rounded',
-        SvgImage: icons32.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const size24 = {
-    args: {
-        appearance: 'surfacePrimary size24_24 solid rounded',
-        SvgImage: icons24.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const size20 = {
-    args: {
-        appearance: 'surfacePrimary size20_20 solid rounded',
-        SvgImage: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const size16 = {
-    args: {
-        appearance: 'surfacePrimary size16_16 solid rounded',
-        SvgImage: icons16.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const size14 = {
-    args: {
-        appearance: 'surfacePrimary size14_14 solid rounded',
-        SvgImage: icons14.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};
-export const size12 = {
-    args: {
-        appearance: 'surfacePrimary size12_12 solid rounded',
-        SvgImage: icons12.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(Icon, { ...args });
-    },
-};

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

@@ -1,58 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderColorImage?: string;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        cursor?: string;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        height?: string;
-        horizontalAlign?: import("@itcase/types-ui").AlignProps;
-        imageHeight?: string;
-        imageWidth?: string;
-        resizeMode?: string;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        verticalContentAlign?: import("@itcase/types-ui").AlignProps;
-        width?: import("@itcase/types-ui").WidthProps;
-    } & import("@itcase/ui-core/hooks").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: React.SyntheticEvent<HTMLImageElement>) => void;
-        overlay?: import("react").ReactNode;
-        placeholderUrl?: string;
-        src?: string | null;
-        style?: import("react").CSSProperties;
-        title?: string;
-        type?: string;
-    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        width: "200px";
-        height: string;
-        fill: "surfaceTertiary";
-        src: string;
-        resizeMode: "contain";
-        alt: string;
-        placeholderUrl: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Skeleton: Story;

package/dist/types/components/Image/stories/Image.stories.js

@@ -1,32 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Image } from '../Image';
-const meta = {
-    title: 'Atoms / Image',
-    component: Image,
-    args: {
-        width: '200px',
-        height: '200px',
-        fill: 'surfaceTertiary',
-        src: '/logo.png',
-        resizeMode: 'contain',
-        alt: 'placeholder',
-        placeholderUrl: '/public.png',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        return _jsx(Image, { ...args });
-    },
-};
-export const Skeleton = {
-    args: {
-        isSkeleton: true,
-    },
-    render: (args) => {
-        return _jsx(Image, { ...args });
-    },
-};

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

@@ -1,6 +0,0 @@
-import type { Meta, StoryObj } from '@storybook/react-vite';
-import type { InputGalleryStory } from '../Input.interface';
-declare const meta: Meta<InputGalleryStory>;
-export default meta;
-type Story = StoryObj<InputGalleryStory>;
-export declare const Demo: Story;

package/dist/types/components/Input/stories/Input.stories.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponentGallery } from 'src/storybook/createComponentGallery';
-import { inputAppearanceDefault } from '../appearance/inputDefault';
-import { inputAppearanceDisabled } from '../appearance/inputDisabled';
-import { inputAppearanceError } from '../appearance/inputError';
-import { inputAppearanceRequire } from '../appearance/inputRequire';
-import { inputAppearanceShape } from '../appearance/inputShape';
-import { inputAppearanceSize } from '../appearance/inputSize';
-import { inputAppearanceStyle } from '../appearance/inputStyle';
-import { inputAppearanceSuccess } from '../appearance/inputSuccess';
-import { Input } from '../Input';
-const gallery = createComponentGallery({
-    size: inputAppearanceSize,
-    appearanceGroups: {
-        default: inputAppearanceDefault,
-        disabled: inputAppearanceDisabled,
-        error: inputAppearanceError,
-        require: inputAppearanceRequire,
-        success: inputAppearanceSuccess,
-    },
-    shape: inputAppearanceShape,
-    style: inputAppearanceStyle,
-});
-const meta = {
-    title: 'Atoms / Input',
-    component: Input,
-    args: {
-        appearance: 'default sizeM solid rounded',
-        tier: 'Primary',
-        style: 'solid',
-        shape: 'rounded',
-        placeholder: 'Placeholder',
-        value: 'Value',
-        isDisabled: false,
-        isSkeleton: false,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-    argTypes: {
-        appearance: gallery.argTypes.appearance,
-        tier: gallery.argTypes.tier,
-        style: gallery.argTypes.style,
-        shape: gallery.argTypes.shape,
-    },
-};
-export default meta;
-export const Demo = {
-    render: (args) => gallery.render(args, ({ appearance, args: storyArgs }) => (_jsx(Input, { appearance: appearance, placeholder: storyArgs.placeholder, value: storyArgs.value, isDisabled: storyArgs.isDisabled, isSkeleton: storyArgs.isSkeleton }))),
-};