@itcase/ui-web 1.10.9 → 1.10.10

package/dist/types/components/MenuItem/stories/MenuItemIconMuted.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/MenuItemIconMuted.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 / Muted',
-    component: MenuItem,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Surface = {
-    args: {
-        appearance: 'surfaceMutedPrimary sizeXXL solid rounded',
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Accent = {
-    args: {
-        appearance: 'accentMutedPrimary sizeXXL solid rounded',
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Error = {
-    args: {
-        appearance: 'errorMutedPrimary sizeXXL solid rounded',
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};

package/dist/types/components/MenuItem/stories/MenuItemMuted.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/MenuItemMuted.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 / Muted',
-    component: MenuItem,
-    args: {
-        label: 'Label',
-        iconAfter: icons20.Placeholder.Default,
-        iconBefore: icons20.Placeholder.Default,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Surface = {
-    args: {
-        appearance: 'surfaceMutedPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Accent = {
-    args: {
-        appearance: 'accentMutedPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Error = {
-    args: {
-        appearance: 'errorMutedPrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};

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

@@ -1,21 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { MenuItem } from '../MenuItem';
-declare const meta: {
-    title: string;
-    component: typeof MenuItem;
-    args: {
-        label: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SizeXXL: Story;
-export declare const SizeXL: Story;
-export declare const SizeL: Story;
-export declare const SizeM: Story;
-export declare const SizeS: Story;
-export declare const SizeXS: Story;
-export declare const SizeXXS: Story;

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

@@ -1,70 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { icons12, icons16, icons20 } from '@itcase/icons-default';
-import { MenuItem } from '../MenuItem';
-const meta = {
-    title: 'Atoms / MenuItem / Size',
-    component: MenuItem,
-    args: {
-        label: 'Label',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const SizeXXL = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL solid rounded',
-        iconAfter: icons20.Placeholder.Default,
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => _jsx(MenuItem, { ...args }),
-};
-export const SizeXL = {
-    args: {
-        appearance: 'surfacePrimary sizeXL solid rounded',
-        iconAfter: icons20.Placeholder.Default,
-        iconBefore: icons20.Placeholder.Default,
-    },
-    render: (args) => _jsx(MenuItem, { ...args }),
-};
-export const SizeL = {
-    args: {
-        appearance: 'surfacePrimary sizeL solid rounded',
-        iconAfter: icons16.Placeholder.Default,
-        iconBefore: icons16.Placeholder.Default,
-    },
-    render: (args) => _jsx(MenuItem, { ...args }),
-};
-export const SizeM = {
-    args: {
-        appearance: 'surfacePrimary sizeM solid rounded',
-        iconAfter: icons16.Placeholder.Default,
-        iconBefore: icons16.Placeholder.Default,
-    },
-    render: (args) => _jsx(MenuItem, { ...args }),
-};
-export const SizeS = {
-    args: {
-        appearance: 'surfacePrimary sizeS solid rounded',
-        iconAfter: icons12.Placeholder.Default,
-        iconBefore: icons12.Placeholder.Default,
-    },
-    render: (args) => _jsx(MenuItem, { ...args }),
-};
-export const SizeXS = {
-    args: {
-        appearance: 'surfacePrimary sizeXS solid rounded',
-        iconAfter: icons12.Placeholder.Default,
-        iconBefore: icons12.Placeholder.Default,
-    },
-    render: (args) => _jsx(MenuItem, { ...args }),
-};
-export const SizeXXS = {
-    args: {
-        appearance: 'surfacePrimary sizeXXS solid rounded',
-        iconAfter: icons12.Placeholder.Default,
-        iconBefore: icons12.Placeholder.Default,
-    },
-    render: (args) => _jsx(MenuItem, { ...args }),
-};

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

@@ -1,20 +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 Solid: Story;
-export declare const Outlined: Story;
-export declare const Full: Story;
-export declare const Ghost: Story;

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

@@ -1,48 +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 / Style',
-    component: MenuItem,
-    args: {
-        label: 'Label',
-        iconAfter: icons20.Placeholder.Default,
-        iconBefore: icons20.Placeholder.Default,
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Solid = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Outlined = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL outlined rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Full = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL full rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};
-export const Ghost = {
-    args: {
-        appearance: 'surfacePrimary sizeXXL ghost rounded',
-    },
-    render: (args) => {
-        return _jsx(MenuItem, { ...args });
-    },
-};

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

@@ -1,31 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { MenuItem } from '../MenuItem';
-declare const meta: {
-    title: string;
-    component: typeof MenuItem;
-    args: {
-        appearance: "surfacePrimary sizeXXL solid rounded";
-        label: string;
-        showTooltip: true;
-        tooltipAppearance: "defaultPrimary sizeL solid rounded";
-        tooltipText: string;
-        tooltipTitle: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Top: Story;
-export declare const Left: Story;
-export declare const Right: Story;
-export declare const Bottom: Story;
-export declare const TopLeft: Story;
-export declare const BottomLeft: Story;
-export declare const BottomRight: Story;
-export declare const TopRight: Story;
-export declare const LeftTop: Story;
-export declare const LeftBottom: Story;
-export declare const RightTop: Story;
-export declare const RightBottom: Story;

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

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

package/dist/types/components/Modal/stories/ModalAbsoluteHeader.stories.d.ts

@@ -1,77 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        closeIcon?: boolean;
-        closeIconAppearance?: import("../../Icon").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
-        closeIconFillSize?: import("../../Icon").IconProps["fillSize"];
-        closeIconImage?: import("../../Icon").IconProps["SvgImage"];
-        closeIconShape?: import("../../Icon").IconProps["shape"];
-        closeIconSize?: import("../../Icon").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        isDisabled?: boolean;
-        isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
-        overlayFill?: import("../../Overlay").OverlayProps["fill"];
-        overlayOpacity?: import("../../Overlay").OverlayProps["opacity"];
-        print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        size?: import("@itcase/types-ui").SizeProps;
-        textColor?: import("../../Text").TextProps["textColor"];
-        textSize?: import("../../Text").TextProps["size"];
-        titleTextColor?: import("../../Title").TitleProps["textColor"];
-        titleTextColorHover?: import("../../Title").TitleProps["textColorHover"];
-        titleTextSize?: import("../../Title").TitleProps["size"];
-        titleTextTruncate?: import("../../Title").TitleProps["textTruncate"];
-        titleTextWeight?: import("../../Title").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
-        titleTextWrap?: import("../../Title").TitleProps["textWrap"];
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: string;
-        absoluteHeader?: boolean;
-        after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKeys;
-        before?: import("react").ReactNode;
-        children?: import("react").ReactNode;
-        className?: string;
-        contentClassName?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        isCloseOnBlur?: boolean;
-        isOverlay?: boolean;
-        isScrollOnOpen?: boolean;
-        isSetFocusOnOpen?: boolean;
-        isSkeleton?: boolean;
-        modalIdQuerySelector?: string;
-        modalQuerySelector?: string;
-        onClickOverlay?: import("../../Overlay").OverlayProps["onClick"];
-        onCloseModal?: () => void;
-        onOpenModal?: () => void;
-        scroll?: boolean;
-        stickyHeader?: boolean;
-        style?: import("react").CSSProperties;
-        title?: string;
-    } & import("react").RefAttributes<import("..").ModalRef>>;
-    args: {
-        appearance: "surfacePrimary sizeL solid rounded";
-        title: string;
-        absoluteHeader: true;
-        scroll: true;
-        closeIcon: true;
-        isCloseOnBlur: false;
-        isOpen: true;
-        onClickOverlay: () => void;
-        children: import("react/jsx-runtime").JSX.Element;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const TitleAndIcon: Story;
-export declare const WithoutHeader: Story;
-export declare const Title: Story;
-export declare const Icon: Story;

package/dist/types/components/Modal/stories/ModalAbsoluteHeader.stories.js

@@ -1,49 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Group } from 'src/components/Group';
-import { Modal } from '../Modal';
-const meta = {
-    title: 'Molecules / Modal / Absolute Header',
-    component: Modal,
-    args: {
-        appearance: 'surfacePrimary sizeL solid rounded',
-        title: 'Title 123',
-        absoluteHeader: true,
-        scroll: true,
-        closeIcon: true,
-        isCloseOnBlur: false,
-        isOpen: true,
-        onClickOverlay: () => { },
-        children: _jsx(Group, { minHeight: "1000", fill: "surfaceSecondary" }),
-    },
-};
-export default meta;
-export const TitleAndIcon = {
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const WithoutHeader = {
-    args: {
-        title: '',
-        closeIcon: false,
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const Title = {
-    args: {
-        closeIcon: false,
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const Icon = {
-    args: {
-        title: '',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};

package/dist/types/components/Modal/stories/ModalDemo.stories.d.ts

@@ -1,74 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { ModalRef } from '../Modal.interface';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        closeIcon?: boolean;
-        closeIconAppearance?: import("../../Icon").IconProps["appearance"];
-        closeIconAppearanceSize?: import("@itcase/types-ui").AppearanceIconSizeKey;
-        closeIconFillSize?: import("../../Icon").IconProps["fillSize"];
-        closeIconImage?: import("../../Icon").IconProps["SvgImage"];
-        closeIconShape?: import("../../Icon").IconProps["shape"];
-        closeIconSize?: import("../../Icon").IconProps["iconSize"];
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        isDisabled?: boolean;
-        isOpen?: boolean;
-        itemFill?: import("@itcase/types-ui").ItemFillProps;
-        overlayFill?: import("../../Overlay").OverlayProps["fill"];
-        overlayOpacity?: import("../../Overlay").OverlayProps["opacity"];
-        print?: boolean;
-        shape?: import("@itcase/types-ui").ShapeProps;
-        size?: import("@itcase/types-ui").SizeProps;
-        textColor?: import("../../Text").TextProps["textColor"];
-        textSize?: import("../../Text").TextProps["size"];
-        titleTextColor?: import("../../Title").TitleProps["textColor"];
-        titleTextColorHover?: import("../../Title").TitleProps["textColorHover"];
-        titleTextSize?: import("../../Title").TitleProps["size"];
-        titleTextTruncate?: import("../../Title").TitleProps["textTruncate"];
-        titleTextWeight?: import("../../Title").TitleProps["textWeight"];
-        titleTextWidth?: import("@itcase/types-ui").WidthProps;
-        titleTextWrap?: import("../../Title").TitleProps["textWrap"];
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: string;
-        absoluteHeader?: boolean;
-        after?: import("react").ReactNode;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceKeys;
-        before?: import("react").ReactNode;
-        children?: import("react").ReactNode;
-        className?: string;
-        contentClassName?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        isCloseOnBlur?: boolean;
-        isOverlay?: boolean;
-        isScrollOnOpen?: boolean;
-        isSetFocusOnOpen?: boolean;
-        isSkeleton?: boolean;
-        modalIdQuerySelector?: string;
-        modalQuerySelector?: string;
-        onClickOverlay?: import("../../Overlay").OverlayProps["onClick"];
-        onCloseModal?: () => void;
-        onOpenModal?: () => void;
-        scroll?: boolean;
-        stickyHeader?: boolean;
-        style?: import("react").CSSProperties;
-        title?: string;
-    } & import("react").RefAttributes<ModalRef>>;
-    args: {
-        appearance: "surfacePrimary sizeXL solid rounded";
-        title: string;
-        print: false;
-        closeIcon: true;
-        isCloseOnBlur: true;
-        isOpen: true;
-        onClickOverlay: () => void;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Demo: Story;
-export declare const Skeleton: Story;

package/dist/types/components/Modal/stories/ModalDemo.stories.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { useRef } from 'react';
-import { Modal } from '../Modal';
-const meta = {
-    title: 'Molecules / Modal',
-    component: Modal,
-    args: {
-        appearance: 'surfacePrimary sizeXL solid rounded',
-        title: 'Title 123',
-        print: false,
-        closeIcon: true,
-        isCloseOnBlur: true,
-        isOpen: true,
-        onClickOverlay: () => { },
-    },
-};
-export default meta;
-export const Demo = {
-    args: {},
-    render: (args) => {
-        // eslint-disable-next-line react-hooks/rules-of-hooks
-        const modalRef = useRef(null);
-        const openModal = () => {
-            modalRef.current?.openModal();
-        };
-        return (_jsxs("div", { children: [_jsx("button", { onClick: openModal, children: "openModal" }), _jsx(Modal, { ...args, ref: modalRef })] }));
-    },
-};
-export const Skeleton = {
-    args: {
-        isSkeleton: true,
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};