@itcase/ui-web 1.10.8 → 1.10.10

package/dist/types/components/Loader/stories/LoaderAppearance.stories.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from '../Loader';
-const meta = {
-    title: 'Atoms / Loader / Appearance',
-    component: Loader,
-    args: {
-        type: 'dot',
-    },
-    parameters: {
-        layout: 'center',
-    },
-};
-export default meta;
-export const Accent = {
-    args: {
-        appearance: 'accentPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Special = {
-    args: {
-        appearance: 'specialPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Extra = {
-    args: {
-        appearance: 'extraPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Surface = {
-    args: {
-        appearance: 'surfacePrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Error = {
-    args: {
-        appearance: 'errorPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Success = {
-    args: {
-        appearance: 'successPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Warning = {
-    args: {
-        appearance: 'warningPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Danger = {
-    args: {
-        appearance: 'dangerPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Info = {
-    args: {
-        appearance: 'infoPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};

package/dist/types/components/Loader/stories/LoaderDemo.stories.d.ts

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

package/dist/types/components/Loader/stories/LoaderDemo.stories.js

@@ -1,61 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { createComponentGallery } from 'src/storybook/createComponentGallery';
-import { loaderAppearanceAccent } from '../appearance/loaderAccent';
-import { loaderAppearanceDanger } from '../appearance/loaderDanger';
-import { loaderAppearanceError } from '../appearance/loaderError';
-import { loaderAppearanceExtra } from '../appearance/loaderExtra';
-import { loaderAppearanceInfo } from '../appearance/loaderInfo';
-import { loaderAppearanceSize } from '../appearance/loaderSize';
-import { loaderAppearanceSpecial } from '../appearance/loaderSpecial';
-import { loaderAppearanceStyle } from '../appearance/loaderStyle';
-import { loaderAppearanceSuccess } from '../appearance/loaderSuccess';
-import { loaderAppearanceSurface } from '../appearance/loaderSurface';
-import { loaderAppearanceWarning } from '../appearance/loaderWarning';
-import { Loader } from '../Loader';
-const loaderGalleryShape = {
-    rounded: {
-        shape: 'rounded',
-    },
-};
-const gallery = createComponentGallery({
-    size: loaderAppearanceSize,
-    appearanceGroups: {
-        accent: loaderAppearanceAccent,
-        danger: loaderAppearanceDanger,
-        error: loaderAppearanceError,
-        extra: loaderAppearanceExtra,
-        info: loaderAppearanceInfo,
-        special: loaderAppearanceSpecial,
-        success: loaderAppearanceSuccess,
-        surface: loaderAppearanceSurface,
-        warning: loaderAppearanceWarning,
-    },
-    shape: loaderGalleryShape,
-    style: loaderAppearanceStyle,
-});
-const meta = {
-    title: 'Atoms / Loader',
-    component: Loader,
-    args: {
-        appearance: 'surface sizeM solid rounded',
-        tier: 'Primary',
-        style: 'solid',
-        shape: 'rounded',
-        type: 'circular',
-        text: 'Loading',
-        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(Loader, { appearance: appearance, type: storyArgs.type, text: storyArgs.text, isSkeleton: storyArgs.isSkeleton }))),
-};

package/dist/types/components/Loader/stories/LoaderSize.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Loader } from '../Loader';
-declare const meta: {
-    title: string;
-    component: typeof Loader;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const L: Story;
-export declare const M: Story;
-export declare const S: Story;

package/dist/types/components/Loader/stories/LoaderSize.stories.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from '../Loader';
-const meta = {
-    title: 'Atoms / Loader / Size',
-    component: Loader,
-    parameters: {
-        layout: 'center',
-    },
-};
-export default meta;
-export const L = {
-    args: {
-        appearance: 'accentPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const M = {
-    args: {
-        appearance: 'accentPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const S = {
-    args: {
-        appearance: 'accentPrimary sizeS solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};

package/dist/types/components/Loader/stories/LoaderStyle.stories.d.ts

@@ -1,15 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Loader } from '../Loader';
-declare const meta: {
-    title: string;
-    component: typeof Loader;
-    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/Loader/stories/LoaderStyle.stories.js

@@ -1,42 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from '../Loader';
-const meta = {
-    title: 'Atoms / Loader / Style',
-    component: Loader,
-    parameters: {
-        layout: 'center',
-    },
-};
-export default meta;
-export const Solid = {
-    args: {
-        appearance: 'accentPrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Outlined = {
-    args: {
-        appearance: 'accentPrimary sizeL outlined rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Full = {
-    args: {
-        appearance: 'accentPrimary sizeL full rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Ghost = {
-    args: {
-        appearance: 'accentPrimary sizeL ghost rounded',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};

package/dist/types/components/Loader/stories/LoaderText.stories.d.ts

@@ -1,16 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Loader } from '../Loader';
-declare const meta: {
-    title: string;
-    component: typeof Loader;
-    args: {
-        appearance: "accentPrimary sizeL solid rounded";
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Text: Story;
-export declare const NoText: Story;

package/dist/types/components/Loader/stories/LoaderText.stories.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from '../Loader';
-const meta = {
-    title: 'Atoms / Loader / Text',
-    component: Loader,
-    args: {
-        appearance: 'accentPrimary sizeL solid rounded',
-    },
-    parameters: {
-        layout: 'center',
-    },
-};
-export default meta;
-export const Text = {
-    args: {
-        text: 'Пожалуйста, подождите.',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const NoText = {
-    args: {
-        text: '',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};

package/dist/types/components/Loader/stories/LoaderType.stories.d.ts

@@ -1,16 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Loader } from '../Loader';
-declare const meta: {
-    title: string;
-    component: typeof Loader;
-    args: {
-        appearance: "accentPrimary sizeL solid rounded";
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Dot: Story;
-export declare const Circular: Story;

package/dist/types/components/Loader/stories/LoaderType.stories.js

@@ -1,29 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Loader } from '../Loader';
-const meta = {
-    title: 'Atoms / Loader / Type',
-    component: Loader,
-    args: {
-        appearance: 'accentPrimary sizeL solid rounded',
-    },
-    parameters: {
-        layout: 'center',
-    },
-};
-export default meta;
-export const Dot = {
-    args: {
-        type: 'dot',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};
-export const Circular = {
-    args: {
-        type: 'circular',
-    },
-    render: (args) => {
-        return _jsx(Loader, { ...args });
-    },
-};

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

@@ -1,38 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<{
-        alt?: string;
-        size?: string;
-        source?: string;
-        src?: string;
-        title?: string;
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        alignItems?: import("@itcase/types-ui").AlignProps;
-        alt?: string;
-        appearance?: import("@itcase/types-ui").AppearanceSizeKey;
-        className?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        href?: string;
-        isSkeleton?: boolean;
-        link?: string;
-        mode?: string;
-        size?: import("@itcase/types-ui").SizeProps;
-        source?: string;
-        src?: string;
-        style?: import("react").CSSProperties;
-        title?: string;
-        width?: import("@itcase/types-ui").WidthProps;
-    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        size: "m";
-        src: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Skeleton: Story;

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

@@ -1,24 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Logo } from '../Logo';
-const meta = {
-    title: 'Atoms / Logo',
-    component: Logo,
-    args: {
-        size: 'm',
-        src: 'logo/logo-storybook-default.svg',
-    },
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        return _jsx(Logo, { ...args });
-    },
-};
-export const Skeleton = {
-    args: {
-        isSkeleton: true,
-    },
-    render: (args) => {
-        return _jsx(Logo, { ...args });
-    },
-};

package/dist/types/components/Logo/stories/LogoSize.stories.d.ts

@@ -1,38 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<{
-        alt?: string;
-        size?: string;
-        source?: string;
-        src?: string;
-        title?: string;
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        alignItems?: import("@itcase/types-ui").AlignProps;
-        alt?: string;
-        appearance?: import("@itcase/types-ui").AppearanceSizeKey;
-        className?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        href?: string;
-        isSkeleton?: boolean;
-        link?: string;
-        mode?: string;
-        size?: import("@itcase/types-ui").SizeProps;
-        source?: string;
-        src?: string;
-        style?: import("react").CSSProperties;
-        title?: string;
-        width?: import("@itcase/types-ui").WidthProps;
-    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        src: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const S: Story;
-export declare const M: Story;
-export declare const L: Story;

package/dist/types/components/Logo/stories/LogoSize.stories.js

@@ -1,34 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Logo } from '../Logo';
-const meta = {
-    title: 'Atoms / Logo / Size ',
-    component: Logo,
-    args: {
-        src: 'logo/logo-storybook-default.svg',
-    },
-};
-export default meta;
-export const S = {
-    args: {
-        size: 's',
-    },
-    render: (args) => {
-        return _jsx(Logo, { ...args });
-    },
-};
-export const M = {
-    args: {
-        size: 'm',
-    },
-    render: (args) => {
-        return _jsx(Logo, { ...args });
-    },
-};
-export const L = {
-    args: {
-        size: 'l',
-    },
-    render: (args) => {
-        return _jsx(Logo, { ...args });
-    },
-};

package/dist/types/components/MenuItem/stories/MenuItemDefault.stories.d.ts

@@ -1,19 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { MenuItem } from '../MenuItem';
-declare const meta: {
-    title: string;
-    component: typeof MenuItem;
-    args: {
-        label: string;
-        iconAfter: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        iconBefore: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Surface: Story;
-export declare const Accent: Story;
-export declare const Error: Story;

package/dist/types/components/MenuItem/stories/MenuItemDefault.stories.js

@@ -1,40 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons20 } from '@itcase/icons-default';
-import { MenuItem } from '../MenuItem';
-const meta = {
-    title: 'Atoms / MenuItem / Default',
-    component: MenuItem,
-    args: {
-        label: 'Label',
-        iconAfter: icons20.Placeholder.Default,
-        iconBefore: icons20.Placeholder.Default,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Surface = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Accent = {
-    args: {
-        appearance: 'accentPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Error = {
-    args: {
-        appearance: 'errorPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};

package/dist/types/components/MenuItem/stories/MenuItemDemo.stories.d.ts

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

package/dist/types/components/MenuItem/stories/MenuItemDemo.stories.js

@@ -1,59 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons12, icons16, icons20 } from '@itcase/icons-default';
-import { createComponentGallery } from 'src/storybook/createComponentGallery';
-import { menuItemAppearanceAccent } from '../appearance/menuItemAccent';
-import { menuItemAppearanceError } from '../appearance/menuItemError';
-import { menuItemAppearanceShape } from '../appearance/menuItemShape';
-import { menuItemAppearanceSize } from '../appearance/menuItemSize';
-import { menuItemAppearanceStyle } from '../appearance/menuItemStyle';
-import { menuItemAppearanceSurface } from '../appearance/menuItemSurface';
-import { MenuItem } from '../MenuItem';
-const galleryIconsBySizeKey = {
-    sizeXXL: icons20.Placeholder.Default,
-    sizeXL: icons20.Placeholder.Default,
-    sizeL: icons16.Placeholder.Default,
-    sizeM: icons16.Placeholder.Default,
-    sizeS: icons12.Placeholder.Default,
-    sizeXS: icons12.Placeholder.Default,
-    sizeXXS: icons12.Placeholder.Default,
-};
-const gallery = createComponentGallery({
-    size: menuItemAppearanceSize,
-    appearanceGroups: {
-        accent: menuItemAppearanceAccent,
-        error: menuItemAppearanceError,
-        surface: menuItemAppearanceSurface,
-    },
-    shape: menuItemAppearanceShape,
-    style: menuItemAppearanceStyle,
-});
-const meta = {
-    title: 'Atoms / MenuItem',
-    args: {
-        appearance: 'surface sizeM solid rounded',
-        tier: 'Primary',
-        style: 'solid',
-        shape: 'rounded',
-        label: 'Label',
-        iconBefore: true,
-        iconAfter: true,
-        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, sizeKey }) => {
-        const icon = galleryIconsBySizeKey[sizeKey];
-        return (_jsx(MenuItem, { appearance: appearance, label: storyArgs.label, iconAfter: storyArgs.iconAfter ? icon : undefined, iconBefore: storyArgs.iconBefore ? icon : undefined, isDisabled: storyArgs.isDisabled, isSkeleton: storyArgs.isSkeleton }));
-    }),
-};

package/dist/types/components/MenuItem/stories/MenuItemIcon.stories.d.ts

@@ -1,14 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { MenuItem } from '../MenuItem';
-declare const meta: {
-    title: string;
-    component: typeof MenuItem;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Surface: Story;
-export declare const Accent: Story;
-export declare const Error: Story;

package/dist/types/components/MenuItem/stories/MenuItemIcon.stories.js

@@ -1,38 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons20 } from '@itcase/icons-default';
-import { MenuItem } from '../MenuItem';
-const meta = {
-    title: 'Atoms / MenuItem / Icon / Default',
-    component: MenuItem,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Surface = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL solid rounded',
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Accent = {
-    args: {
-        appearance: 'accentPrimary sizeXXL solid rounded',
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Error = {
-    args: {
-        appearance: 'errorPrimary sizeXXL solid rounded',
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};