@itcase/ui-web 1.10.8 → 1.10.10

package/dist/types/components/Tooltip/stories/TooltipArrow.stories.js

@@ -1,112 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip } from '../Tooltip';
-const meta = {
-    title: 'Atoms / Tooltip / Arrow',
-    component: Tooltip,
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-        initialIsVisible: true,
-        title: 'Title',
-        text: 'Text',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const TopLeft = {
-    args: {
-        arrowPosition: 'topLeft',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const Top = {
-    args: {
-        arrowPosition: 'top',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const TopRight = {
-    args: {
-        arrowPosition: 'topRight',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const LeftTop = {
-    args: {
-        arrowPosition: 'leftTop',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const Left = {
-    args: {
-        arrowPosition: 'left',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const LeftBottom = {
-    args: {
-        arrowPosition: 'leftBottom',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const BottomRight = {
-    args: {
-        arrowPosition: 'bottomRight',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const Bottom = {
-    args: {
-        arrowPosition: 'bottom',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const BottomLeft = {
-    args: {
-        arrowPosition: 'bottomLeft',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const RightBottom = {
-    args: {
-        arrowPosition: 'rightBottom',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const Right = {
-    args: {
-        arrowPosition: 'right',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const RightTop = {
-    args: {
-        arrowPosition: 'rightTop',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};

package/dist/types/components/Tooltip/stories/TooltipCustom.stories.d.ts

@@ -1,56 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@itcase/ui-core/hooks").StyleAttributes & {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        alignment?: string;
-        alignPosition?: import("@itcase/types-ui").AlignProps;
-        arrowPosition?: import("@itcase/types-ui").ArrowPosition;
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        centering?: string;
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        size?: import("@itcase/types-ui").SizeProps;
-        textColor?: import("../../Text").TextProps["textColor"];
-        textSize?: import("../../Text").TextProps["size"];
-        textWeight?: import("../../Text").TextProps["textWeight"];
-        titleColor?: import("../../Title").TitleProps["textColor"];
-        titleSize?: import("../../Title").TitleProps["size"];
-        titleWeight?: import("../../Title").TitleProps["textWeight"];
-        wrap?: import("@itcase/types-ui").WrapProps;
-    } & {
-        after?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
-        before?: string;
-        children?: import("react").ReactNode;
-        className?: string;
-        closeTimeoutDelay?: number;
-        dataTestId?: string;
-        dataTour?: string;
-        initialIsVisible?: boolean;
-        isDisabled?: boolean;
-        isSkeleton?: boolean;
-        onClick?: () => void;
-        openTimeoutDelay?: number;
-        showArrow?: boolean;
-        style?: import("react").CSSProperties;
-        text?: string;
-        title?: string;
-    } & import("react").RefAttributes<any>>;
-    args: {
-        initialIsVisible: true;
-        title: string;
-        text: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Custom: Story;

package/dist/types/components/Tooltip/stories/TooltipCustom.stories.js

@@ -1,26 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip } from '../Tooltip';
-const meta = {
-    title: 'Atoms / Tooltip / Custom',
-    component: Tooltip,
-    args: {
-        initialIsVisible: true,
-        title: 'Title',
-        text: 'Text',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Custom = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-        fill: 'black',
-        titleColor: 'white',
-        textColor: 'white',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};

package/dist/types/components/Tooltip/stories/TooltipDemo.stories.d.ts

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

package/dist/types/components/Tooltip/stories/TooltipDemo.stories.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponentGallery } from 'src/storybook/createComponentGallery';
-import { tooltipAppearanceDefault } from '../appearance/tooltipDefault';
-import { tooltipAppearanceDisabled } from '../appearance/tooltipDisabled';
-import { tooltipAppearanceError } from '../appearance/tooltipError';
-import { tooltipAppearanceRequire } from '../appearance/tooltipRequire';
-import { tooltipAppearanceShape } from '../appearance/tooltipShape';
-import { tooltipAppearanceSize } from '../appearance/tooltipSize';
-import { tooltipAppearanceStyle } from '../appearance/tooltipStyle';
-import { tooltipAppearanceSuccess } from '../appearance/tooltipSuccess';
-import { Tooltip } from '../Tooltip';
-const gallery = createComponentGallery({
-    size: tooltipAppearanceSize,
-    appearanceGroups: {
-        default: tooltipAppearanceDefault,
-        disabled: tooltipAppearanceDisabled,
-        error: tooltipAppearanceError,
-        require: tooltipAppearanceRequire,
-        success: tooltipAppearanceSuccess,
-    },
-    shape: tooltipAppearanceShape,
-    style: tooltipAppearanceStyle,
-});
-const meta = {
-    title: 'Atoms / Tooltip',
-    component: Tooltip,
-    args: {
-        appearance: 'default sizeM solid rounded',
-        tier: 'Primary',
-        style: 'solid',
-        shape: 'rounded',
-        title: 'Title',
-        text: 'Text',
-        initialIsVisible: true,
-        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(Tooltip, { appearance: appearance, initialIsVisible: storyArgs.initialIsVisible, title: storyArgs.title, text: storyArgs.text, isSkeleton: storyArgs.isSkeleton }))),
-};

package/dist/types/components/Tooltip/stories/TooltipSize.stories.d.ts

@@ -1,58 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@itcase/ui-core/hooks").StyleAttributes & {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        alignment?: string;
-        alignPosition?: import("@itcase/types-ui").AlignProps;
-        arrowPosition?: import("@itcase/types-ui").ArrowPosition;
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        centering?: string;
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        size?: import("@itcase/types-ui").SizeProps;
-        textColor?: import("../../Text").TextProps["textColor"];
-        textSize?: import("../../Text").TextProps["size"];
-        textWeight?: import("../../Text").TextProps["textWeight"];
-        titleColor?: import("../../Title").TitleProps["textColor"];
-        titleSize?: import("../../Title").TitleProps["size"];
-        titleWeight?: import("../../Title").TitleProps["textWeight"];
-        wrap?: import("@itcase/types-ui").WrapProps;
-    } & {
-        after?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
-        before?: string;
-        children?: import("react").ReactNode;
-        className?: string;
-        closeTimeoutDelay?: number;
-        dataTestId?: string;
-        dataTour?: string;
-        initialIsVisible?: boolean;
-        isDisabled?: boolean;
-        isSkeleton?: boolean;
-        onClick?: () => void;
-        openTimeoutDelay?: number;
-        showArrow?: boolean;
-        style?: import("react").CSSProperties;
-        text?: string;
-        title?: string;
-    } & import("react").RefAttributes<any>>;
-    args: {
-        initialIsVisible: true;
-        title: string;
-        text: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SizeL: Story;
-export declare const SizeM: Story;
-export declare const SizeS: Story;

package/dist/types/components/Tooltip/stories/TooltipSize.stories.js

@@ -1,39 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip } from '../Tooltip';
-const meta = {
-    title: 'Atoms / Tooltip / Size',
-    component: Tooltip,
-    args: {
-        initialIsVisible: true,
-        title: 'Title',
-        text: 'Text',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const SizeL = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const SizeM = {
-    args: {
-        appearance: 'defaultPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const SizeS = {
-    args: {
-        appearance: 'defaultPrimary sizeS solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};

package/dist/types/components/Tooltip/stories/TooltipStyle.stories.d.ts

@@ -1,59 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<import("@itcase/ui-core/hooks").StyleAttributes & {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        alignment?: string;
-        alignPosition?: import("@itcase/types-ui").AlignProps;
-        arrowPosition?: import("@itcase/types-ui").ArrowPosition;
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        centering?: string;
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        size?: import("@itcase/types-ui").SizeProps;
-        textColor?: import("../../Text").TextProps["textColor"];
-        textSize?: import("../../Text").TextProps["size"];
-        textWeight?: import("../../Text").TextProps["textWeight"];
-        titleColor?: import("../../Title").TitleProps["textColor"];
-        titleSize?: import("../../Title").TitleProps["size"];
-        titleWeight?: import("../../Title").TitleProps["textWeight"];
-        wrap?: import("@itcase/types-ui").WrapProps;
-    } & {
-        after?: string;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceStateDefault;
-        before?: string;
-        children?: import("react").ReactNode;
-        className?: string;
-        closeTimeoutDelay?: number;
-        dataTestId?: string;
-        dataTour?: string;
-        initialIsVisible?: boolean;
-        isDisabled?: boolean;
-        isSkeleton?: boolean;
-        onClick?: () => void;
-        openTimeoutDelay?: number;
-        showArrow?: boolean;
-        style?: import("react").CSSProperties;
-        text?: string;
-        title?: string;
-    } & import("react").RefAttributes<any>>;
-    args: {
-        initialIsVisible: true;
-        title: string;
-        text: string;
-    };
-    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/Tooltip/stories/TooltipStyle.stories.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Tooltip } from '../Tooltip';
-const meta = {
-    title: 'Atoms / Tooltip / Style',
-    component: Tooltip,
-    args: {
-        initialIsVisible: true,
-        title: 'Title',
-        text: 'Text',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Solid = {
-    args: {
-        appearance: 'defaultPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const Outlined = {
-    args: {
-        appearance: 'defaultPrimary sizeL outlined rounded',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const Full = {
-    args: {
-        appearance: 'defaultPrimary sizeL full rounded',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};
-export const Ghost = {
-    args: {
-        appearance: 'defaultPrimary sizeL ghost rounded',
-    },
-    render: (args) => {
-        return _jsx(Tooltip, { ...args });
-    },
-};

package/dist/types/components/Tooltip/stories/TooltipTrigger.stories.d.ts

@@ -1,26 +0,0 @@
-import React from 'react';
-import type { StoryObj } from '@storybook/react-vite';
-import { Tooltip } from '../';
-import { RCComponentTooltipWrapperPlacement } from '../Tooltip.interface';
-declare const meta: {
-    title: string;
-    component: React.ComponentType<React.ComponentProps<typeof Tooltip> & {
-        placement?: RCComponentTooltipWrapperPlacement;
-        visible?: boolean;
-    }>;
-    parameters: {
-        layout: string;
-    };
-    argTypes: {
-        placement: {
-            control: "radio";
-            options: string[];
-        };
-        visible: {
-            control: "boolean";
-        };
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Trigger: Story;

package/dist/types/components/Tooltip/stories/TooltipTrigger.stories.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import React from 'react';
-import { Tooltip, TooltipWrapper } from '../';
-const meta = {
-    title: 'Atoms / Tooltip / Trigger',
-    component: Tooltip,
-    parameters: {
-        layout: 'centered',
-    },
-    argTypes: {
-        placement: {
-            control: 'radio',
-            options: [
-                'top',
-                'topLeft',
-                'topRight',
-                'bottom',
-                'bottomLeft',
-                'bottomRight',
-                'left',
-                'leftTop',
-                'leftBottom',
-                'right',
-                'rightTop',
-                'rightBottom',
-            ],
-        },
-        visible: {
-            control: 'boolean',
-        },
-    },
-};
-export default meta;
-export const Trigger = {
-    args: {
-        placement: 'top',
-        visible: false,
-    },
-    render: (args) => (_jsxs(React.Fragment, { children: [_jsx(TooltipWrapper, { appearance: "defaultPrimary sizeL solid rounded", title: "Tooltip", text: "With trigger", placement: args.placement, openDelay: 0.2, isOpen: args.visible ? true : undefined, children: _jsx("button", { children: "hover trigger1" }) }), _jsx(TooltipWrapper, { appearance: "defaultPrimary sizeL solid rounded", placement: args.placement, tooltipContent: _jsx("div", { children: "Tooltip with custom content" }), openDelay: 0.2, isOpen: args.visible ? true : undefined, children: _jsx("button", { children: "hover trigger2" }) })] })),
-};

package/dist/types/components/Video/stories/VideoDemo.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Video } from '..';
-declare const meta: {
-    title: string;
-    component: typeof Video;
-    args: {
-        mp4: string;
-        ogv: string;
-        poster: string;
-        webm: string;
-        width: "480px";
-        height: "270px";
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Demo: Story;
-export declare const Skeleton: Story;

package/dist/types/components/Video/stories/VideoDemo.stories.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Video } from '..';
-import { videoMock } from './__mock__';
-const meta = {
-    title: 'Molecules / Video',
-    component: Video,
-    args: {
-        width: '480px',
-        height: '270px',
-        ...videoMock,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Demo = {
-    render: (args) => {
-        return _jsx(Video, { ...args });
-    },
-};
-export const Skeleton = {
-    args: {
-        isSkeleton: true,
-    },
-    render: (args) => {
-        return _jsx(Video, { ...args });
-    },
-};

package/dist/types/components/Warning/stories/WarningDefault.stories.d.ts

@@ -1,20 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Warning } from '../Warning';
-declare const meta: {
-    title: string;
-    component: typeof Warning;
-    args: {
-        label: string;
-        description: string;
-        shape: "rounded";
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const AccentPrimary: Story;
-export declare const ErrorPrimary: Story;
-export declare const WarningPrimary: Story;
-export declare const InfoPrimary: Story;

package/dist/types/components/Warning/stories/WarningDefault.stories.js

@@ -1,47 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Warning } from '../Warning';
-const meta = {
-    title: 'Molecules / Warning / Default',
-    component: Warning,
-    args: {
-        label: 'Label',
-        description: 'Description',
-        shape: 'rounded',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const AccentPrimary = {
-    args: {
-        appearance: 'accentPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Warning, { ...args });
-    },
-};
-export const ErrorPrimary = {
-    args: {
-        appearance: 'errorPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Warning, { ...args });
-    },
-};
-export const WarningPrimary = {
-    args: {
-        appearance: 'warningPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Warning, { ...args });
-    },
-};
-export const InfoPrimary = {
-    args: {
-        appearance: 'infoPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Warning, { ...args });
-    },
-};

package/dist/types/components/Warning/stories/WarningDemo.stories.d.ts

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