@itcase/ui-web 1.10.9 → 1.10.10

package/dist/types/components/Badge/stories/BadgeCounter.stories.js

@@ -1,85 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from '../Badge';
-const meta = {
-    title: 'Atoms / Badge / Counter',
-    component: Badge,
-    args: {
-        value: 3,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Accent = {
-    args: {
-        appearance: 'accentPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Special = {
-    args: {
-        appearance: 'specialPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Extra = {
-    args: {
-        appearance: 'extraPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Surface = {
-    args: {
-        appearance: 'surfacePrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Success = {
-    args: {
-        appearance: 'successPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Warning = {
-    args: {
-        appearance: 'warningPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Danger = {
-    args: {
-        appearance: 'dangerPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Info = {
-    args: {
-        appearance: 'infoPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Disabled = {
-    args: {
-        appearance: 'disabledPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};

package/dist/types/components/Badge/stories/BadgeDemo.stories.d.ts

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

package/dist/types/components/Badge/stories/BadgeDemo.stories.js

@@ -1,71 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons24 } from '@itcase/icons-default';
-import { createComponentGallery } from 'src/storybook/createComponentGallery';
-import { badgeAppearanceAccent } from '../appearance/badgeAccent';
-import { badgeAppearanceDanger } from '../appearance/badgeDanger';
-import { badgeAppearanceError } from '../appearance/badgeError';
-import { badgeAppearanceExtra } from '../appearance/badgeExtra';
-import { badgeAppearanceInfo } from '../appearance/badgeInfo';
-import { badgeAppearanceShape } from '../appearance/badgeShape';
-import { badgeAppearanceSize } from '../appearance/badgeSize';
-import { badgeAppearanceSpecial } from '../appearance/badgeSpecial';
-import { badgeAppearanceStyle } from '../appearance/badgeStyle';
-import { badgeAppearanceSuccess } from '../appearance/badgeSuccess';
-import { badgeAppearanceSurface } from '../appearance/badgeSurface';
-import { badgeAppearanceWarning } from '../appearance/badgeWarning';
-import { Badge } from '../Badge';
-const galleryIconsBySizeKey = {
-    sizeXXL: icons24.Placeholder.Default,
-    sizeXL: icons24.Placeholder.Default,
-    sizeL: icons24.Placeholder.Default,
-    sizeM: icons24.Placeholder.Default,
-    sizeS: icons24.Placeholder.Default,
-    sizeXS: icons24.Placeholder.Default,
-    sizeXXS: icons24.Placeholder.Default,
-};
-const gallery = createComponentGallery({
-    size: badgeAppearanceSize,
-    appearanceGroups: {
-        accent: badgeAppearanceAccent,
-        error: badgeAppearanceError,
-        danger: badgeAppearanceDanger,
-        extra: badgeAppearanceExtra,
-        info: badgeAppearanceInfo,
-        special: badgeAppearanceSpecial,
-        success: badgeAppearanceSuccess,
-        surface: badgeAppearanceSurface,
-        warning: badgeAppearanceWarning,
-    },
-    shape: badgeAppearanceShape,
-    style: badgeAppearanceStyle,
-});
-const meta = {
-    title: 'Atoms / Badge',
-    component: Badge,
-    args: {
-        appearance: 'surface sizeM solid rounded',
-        tier: 'Primary',
-        style: 'solid',
-        shape: 'rounded',
-        value: 3,
-        dot: false,
-        icon: 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, sizeKey }) => {
-        const icon = galleryIconsBySizeKey[sizeKey];
-        return (_jsx(Badge, { appearance: appearance, dot: args.dot, icon: args.icon && icon, value: args.value, isSkeleton: args.isSkeleton }));
-    }),
-};

package/dist/types/components/Badge/stories/BadgeDot.stories.d.ts

@@ -1,23 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Badge } from '../Badge';
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    args: {
-        dot: true;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Accent: Story;
-export declare const Special: Story;
-export declare const Extra: Story;
-export declare const Surface: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Danger: Story;
-export declare const Info: Story;
-export declare const Disabled: Story;

package/dist/types/components/Badge/stories/BadgeDot.stories.js

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

package/dist/types/components/Badge/stories/BadgeDotIconCounter.stories.d.ts

@@ -1,24 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Badge } from '../Badge';
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    args: {
-        appearance: "accentPrimary sizeXXL solid rounded";
-        dataTestId: string;
-        dot: true;
-        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        value: number;
-    };
-    parameters: {
-        layout: string;
-        design: {
-            type: string;
-            url: string;
-        };
-    };
-    tags: string[];
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const DotIconCounter: Story;

package/dist/types/components/Badge/stories/BadgeDotIconCounter.stories.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import * as storybookTest from 'storybook/test';
-import { icons24 } from '@itcase/icons-default';
-import { Badge } from '../Badge';
-const meta = {
-    title: 'Atoms / Badge',
-    component: Badge,
-    args: {
-        appearance: 'accentPrimary sizeXXL solid rounded',
-        dataTestId: 'badgeDotIconCounterTestId',
-        dot: true,
-        icon: icons24.Placeholder.Default,
-        value: 3,
-    },
-    parameters: {
-        layout: 'centered',
-        design: {
-            type: 'figma',
-            url: 'https://www.figma.com/design/HmHn0BShJPXHU8SmuIP71M/ITCase---Atoms?node-id=0-1&t=n7EGLyP33amnXKYl-1',
-        },
-    },
-    tags: ['test'],
-};
-export default meta;
-export const DotIconCounter = {
-    name: 'Dot + Icon + Counter',
-    play: async ({ args, canvas, step }) => {
-        await step('Badge: dot, icon and counter', async () => {
-            const badge = canvas.getByTestId(args.dataTestId);
-            await step(`Badge has class "badge_type_dot-icon-counter"`, async () => {
-                await storybookTest
-                    .expect(badge)
-                    .toHaveClass('badge_type_dot-icon-counter');
-            });
-            await step(`Badge has counter value is ${args.value}`, async () => {
-                await storybookTest.expect(badge).toHaveTextContent(String(args.value));
-            });
-            await step('Badge has icon', async () => {
-                await storybookTest.expect(badge.querySelector('.icon')).toBeTruthy();
-            });
-            await step('Badge has dot', async () => {
-                await storybookTest
-                    .expect(badge.querySelector('.badge__dot'))
-                    .toBeTruthy();
-            });
-        });
-    },
-    render: (args) => _jsx(Badge, { ...args }),
-};

package/dist/types/components/Badge/stories/BadgeFill.stories.d.ts

@@ -1,20 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Badge } from '../Badge';
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Accent: Story;
-export declare const Special: Story;
-export declare const Extra: Story;
-export declare const Surface: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Danger: Story;
-export declare const Info: Story;
-export declare const Disabled: Story;

package/dist/types/components/Badge/stories/BadgeFill.stories.js

@@ -1,82 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Badge } from '../Badge';
-const meta = {
-    title: 'Atoms / Badge / Fill',
-    component: Badge,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Accent = {
-    args: {
-        appearance: 'accentPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Special = {
-    args: {
-        appearance: 'specialPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Extra = {
-    args: {
-        appearance: 'extraPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Surface = {
-    args: {
-        appearance: 'surfacePrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Success = {
-    args: {
-        appearance: 'successPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Warning = {
-    args: {
-        appearance: 'warningPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Danger = {
-    args: {
-        appearance: 'dangerPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Info = {
-    args: {
-        appearance: 'infoPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Disabled = {
-    args: {
-        appearance: 'disabledPrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};

package/dist/types/components/Badge/stories/BadgeIcon.stories.d.ts

@@ -1,23 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Badge } from '../Badge';
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    args: {
-        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Accent: Story;
-export declare const Special: Story;
-export declare const Extra: Story;
-export declare const Surface: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Danger: Story;
-export declare const Info: Story;
-export declare const Disabled: Story;

package/dist/types/components/Badge/stories/BadgeIcon.stories.js

@@ -1,86 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons24 } from '@itcase/icons-default';
-import { Badge } from '../Badge';
-const meta = {
-    title: 'Atoms / Badge / Icon',
-    component: Badge,
-    args: {
-        icon: icons24.Placeholder.Default,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Accent = {
-    args: {
-        appearance: 'accentPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Special = {
-    args: {
-        appearance: 'specialPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Extra = {
-    args: {
-        appearance: 'extraPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Surface = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Success = {
-    args: {
-        appearance: 'successPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Warning = {
-    args: {
-        appearance: 'warningPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Danger = {
-    args: {
-        appearance: 'dangerPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Info = {
-    args: {
-        appearance: 'infoPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Disabled = {
-    args: {
-        appearance: 'disabledPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};

package/dist/types/components/Badge/stories/BadgeIconCounter.stories.d.ts

@@ -1,24 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Badge } from '../Badge';
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    args: {
-        icon: import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        value: number;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Accent: Story;
-export declare const Special: Story;
-export declare const Extra: Story;
-export declare const Surface: Story;
-export declare const Success: Story;
-export declare const Warning: Story;
-export declare const Danger: Story;
-export declare const Info: Story;
-export declare const Disabled: Story;

package/dist/types/components/Badge/stories/BadgeIconCounter.stories.js

@@ -1,87 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons24 } from '@itcase/icons-default';
-import { Badge } from '../Badge';
-const meta = {
-    title: 'Atoms / Badge / Icon + Counter',
-    component: Badge,
-    args: {
-        icon: icons24.Placeholder.Default,
-        value: 3,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Accent = {
-    args: {
-        appearance: 'accentPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Special = {
-    args: {
-        appearance: 'specialPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Extra = {
-    args: {
-        appearance: 'extraPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Surface = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Success = {
-    args: {
-        appearance: 'successPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Warning = {
-    args: {
-        appearance: 'warningPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Danger = {
-    args: {
-        appearance: 'dangerPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Info = {
-    args: {
-        appearance: 'infoPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};
-export const Disabled = {
-    args: {
-        appearance: 'disabledPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Badge, { ...args });
-    },
-};

package/dist/types/components/Badge/stories/BadgeShape.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Badge } from '../Badge';
-declare const meta: {
-    title: string;
-    component: typeof Badge;
-    args: {
-        value: number;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Rounded: Story;
-export declare const RoundedS: Story;
-export declare const RoundedM: Story;
-export declare const RoundedL: Story;
-export declare const RoundedXL: Story;
-export declare const Circular: Story;