@itcase/ui-web 1.10.8 → 1.10.10

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

@@ -1,76 +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;
-        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/ModalScroll.stories.js

@@ -1,48 +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 / Scroll',
-    component: Modal,
-    args: {
-        appearance: 'surfacePrimary sizeL solid rounded',
-        title: 'Title 123',
-        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/ModalSize.stories.d.ts

@@ -1,73 +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: {
-        title: string;
-        closeIcon: true;
-        isCloseOnBlur: false;
-        isOpen: true;
-        onClickOverlay: () => void;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SizeXL: Story;
-export declare const SizeL: Story;
-export declare const SizeM: Story;
-export declare const SizeS: Story;

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

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from '../Modal';
-const meta = {
-    title: 'Molecules / Modal / Size',
-    component: Modal,
-    args: {
-        title: 'Title 123',
-        closeIcon: true,
-        isCloseOnBlur: false,
-        isOpen: true,
-        onClickOverlay: () => { },
-    },
-};
-export default meta;
-export const SizeXL = {
-    args: {
-        appearance: 'surfacePrimary sizeXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const SizeL = {
-    args: {
-        appearance: 'surfacePrimary sizeL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const SizeM = {
-    args: {
-        appearance: 'surfacePrimary sizeM solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const SizeS = {
-    args: {
-        appearance: 'surfacePrimary sizeS solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};

package/dist/types/components/Modal/stories/ModalStickyHeader.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;
-        scroll: true;
-        stickyHeader: 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/ModalStickyHeader.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 / StickyHeader',
-    component: Modal,
-    args: {
-        appearance: 'surfacePrimary sizeL solid rounded',
-        title: 'Title 123',
-        scroll: true,
-        stickyHeader: 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/ModalStyle.stories.d.ts

@@ -1,73 +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: {
-        title: string;
-        closeIcon: true;
-        isCloseOnBlur: false;
-        isOpen: true;
-        onClickOverlay: () => void;
-    };
-};
-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/Modal/stories/ModalStyle.stories.js

@@ -1,46 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Modal } from '../Modal';
-const meta = {
-    title: 'Molecules / Modal / Style',
-    component: Modal,
-    args: {
-        title: 'Title 123',
-        closeIcon: true,
-        isCloseOnBlur: false,
-        isOpen: true,
-        onClickOverlay: () => { },
-    },
-};
-export default meta;
-export const Solid = {
-    args: {
-        appearance: 'surfacePrimary sizeXL solid rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const Outlined = {
-    args: {
-        appearance: 'surfacePrimary sizeXL outlined rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const Full = {
-    args: {
-        appearance: 'surfacePrimary sizeXL full rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};
-export const Ghost = {
-    args: {
-        appearance: 'surfacePrimary sizeXL ghost rounded',
-    },
-    render: (args) => {
-        return _jsx(Modal, { ...args });
-    },
-};

package/dist/types/components/ModalSheetBottom/stories/ModalSheetBottomDemo.stories.d.ts

@@ -1,41 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        fill?: import("@itcase/types-ui").FillProps;
-        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("../../Title").TitleProps["width"];
-        titleTextWrap?: import("../../Title").TitleProps["textWrap"];
-        zeroPadding?: boolean;
-    } & Partial<import("react-modal-sheet").SheetProps> & {
-        appearance?: import("@itcase/types-ui").AppearanceSizeKey;
-        children?: import("react").ReactNode;
-        closeButton?: import("react").ReactNode;
-        dataTestId?: string;
-        dataTour?: string;
-        initialIsOpen?: boolean;
-        isDisabled?: boolean;
-        onCloseModalSheetBottom?: () => void;
-        onOpenModalSheetBottom?: () => void;
-        style?: import("react").CSSProperties;
-        title?: string;
-    } & import("react").RefAttributes<import("..").ModalSheetBottomRef>>;
-    args: {
-        appearance: "sizeL";
-        fill: "surfaceSecondary";
-        initialIsOpen: true;
-        title: string;
-        children: import("react/jsx-runtime").JSX.Element;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Demo: Story;
-export declare const CloseButton: Story;
-export declare const Hug: Story;
-export declare const Half: Story;
-export declare const Full: Story;

package/dist/types/components/ModalSheetBottom/stories/ModalSheetBottomDemo.stories.js

@@ -1,54 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { Group } from 'src/components/Group';
-import { Text } from 'src/components/Text';
-import { ModalSheetBottom } from '../ModalSheetBottom';
-const meta = {
-    title: 'Molecules / ModalSheetBottom',
-    component: ModalSheetBottom,
-    args: {
-        appearance: 'sizeL',
-        fill: 'surfaceSecondary',
-        initialIsOpen: true,
-        title: 'Title',
-        children: (_jsx(Group, { direction: "vertical", justifyContent: "center", children: _jsx(Text, { size: "m", textColor: "surfaceTextPrimary", children: "Description" }) })),
-    },
-};
-export default meta;
-export const Demo = {
-    render: (args) => {
-        return _jsx(ModalSheetBottom, { ...args });
-    },
-};
-export const CloseButton = {
-    args: {
-        closeButton: 'close',
-    },
-    render: (args) => {
-        return _jsx(ModalSheetBottom, { ...args });
-    },
-};
-export const Hug = {
-    args: {
-        snapPoints: [400],
-    },
-    render: (args) => {
-        return _jsx(ModalSheetBottom, { ...args });
-    },
-};
-export const Half = {
-    args: {
-        initialIsOpen: true,
-        snapPoints: [535],
-    },
-    render: (args) => {
-        return _jsx(ModalSheetBottom, { ...args });
-    },
-};
-export const Full = {
-    args: {
-        snapPoints: [1],
-    },
-    render: (args) => {
-        return _jsx(ModalSheetBottom, { ...args });
-    },
-};

package/dist/types/components/Notification/stories/NotificationDefault.stories.d.ts

@@ -1,22 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { Notification } from '..';
-declare const meta: {
-    title: string;
-    component: typeof Notification;
-    args: {
-        appearance: "defaultPrimary sizeM solid rounded";
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const DefaultButtonTitleTextLoaderClose: Story;
-export declare const DefaultButtonTitleTextLoader: Story;
-export declare const DefaultButtonTitleText: Story;
-export declare const DefaultButtonTitle: Story;
-export declare const DefaultButtonText: Story;
-export declare const DefaultTitleText: Story;
-export declare const DefaultTitle: Story;
-export declare const DefaultText: Story;