@itcase/ui-web 1.10.8 → 1.10.10

package/dist/types/components/Group/stories/GroupDirection.stories.js

@@ -1,50 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from 'src/components/Text';
-import { Group } from '..';
-const meta = {
-    title: 'Layout / Group / Direction',
-    component: Group,
-    args: {
-        width: '500px',
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderPrimary',
-        padding: '20',
-    },
-    render: ({ ...args }) => (_jsxs(Group, { width: args.width, height: args.height, direction: args.direction, fill: args.fill, borderColor: args.borderColor, padding: args.padding, children: [_jsx(Group, { width: "60px", height: "60px", fill: "accentPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "1" }) }), _jsx(Group, { width: "60px", height: "60px", fill: "specialPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "2" }) }), _jsx(Group, { width: "60px", height: "60px", fill: "extraPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "3" }) }), _jsx(Group, { width: "60px", height: "60px", fill: "infoPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "4" }) })] })),
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        return _jsx(Group, { ...args });
-    },
-};
-export const Row = {
-    args: {
-        direction: 'row',
-    },
-};
-export const RowReverse = {
-    args: {
-        direction: 'row-reverse',
-    },
-};
-export const Column = {
-    args: {
-        direction: 'column',
-    },
-};
-export const ColumnReverse = {
-    args: {
-        direction: 'column-reverse',
-    },
-};
-export const Horizontal = {
-    args: {
-        direction: 'horizontal',
-    },
-};
-export const Vertical = {
-    args: {
-        direction: 'vertical',
-    },
-};

package/dist/types/components/Group/stories/GroupJustifyContent.stories.d.ts

@@ -1,128 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        border?: import("@itcase/types-ui").BorderColorProps;
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderColorActive?: import("@itcase/types-ui").BorderColorActiveProps;
-        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
-        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        columns?: number;
-        direction?: import("@itcase/types-ui").DirectionProps;
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillActive?: import("@itcase/types-ui").FillActiveProps;
-        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        flexGrow?: string;
-        height?: import("@itcase/types-ui").HeightProps;
-        hoverFilter?: string;
-        iconFillHover?: import("../../Icon").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
-        labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types-ui").ShapeProps;
-        stacking?: import("@itcase/types-ui").StackingProps;
-        textColor?: import("src/components/Text").TextProps["textColor"];
-        textColorActive?: import("src/components/Text").TextProps["textColorActive"];
-        textColorHover?: import("src/components/Text").TextProps["textColorHover"];
-        width?: import("@itcase/types-ui").WidthProps;
-        wrap?: import("@itcase/types-ui").WrapProps;
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: import("@itcase/types-core").GeneratedId;
-        appearance?: import("@itcase/types-ui").AppearanceKeysDefault;
-        children?: import("react").ReactNode;
-        className?: string;
-        dataId?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        easing?: boolean;
-        htmlFor?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        name?: string;
-        onClick?: () => void;
-        onMouseDown?: () => void;
-        onMouseEnter?: import("react").MouseEventHandler;
-        onMouseLeave?: import("react").MouseEventHandler;
-        print?: boolean;
-        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
-        set?: string;
-        style?: import("react").CSSProperties;
-        tag?: import("react").ElementType;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        width: "500px";
-        direction: "horizontal";
-        fill: "surfacePrimary";
-        borderColor: "surfaceBorderPrimary";
-        padding: "20";
-    };
-    render: ({ ...args }: {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        border?: import("@itcase/types-ui").BorderColorProps;
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderColorActive?: import("@itcase/types-ui").BorderColorActiveProps;
-        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
-        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        columns?: number;
-        direction?: import("@itcase/types-ui").DirectionProps;
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillActive?: import("@itcase/types-ui").FillActiveProps;
-        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        flexGrow?: string;
-        height?: import("@itcase/types-ui").HeightProps;
-        hoverFilter?: string;
-        iconFillHover?: import("../../Icon").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
-        labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types-ui").ShapeProps;
-        stacking?: import("@itcase/types-ui").StackingProps;
-        textColor?: import("src/components/Text").TextProps["textColor"];
-        textColorActive?: import("src/components/Text").TextProps["textColorActive"];
-        textColorHover?: import("src/components/Text").TextProps["textColorHover"];
-        width?: import("@itcase/types-ui").WidthProps;
-        wrap?: import("@itcase/types-ui").WrapProps;
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: import("@itcase/types-core").GeneratedId;
-        appearance?: import("@itcase/types-ui").AppearanceKeysDefault;
-        children?: import("react").ReactNode;
-        className?: string;
-        dataId?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        easing?: boolean;
-        htmlFor?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        name?: string;
-        onClick?: () => void;
-        onMouseDown?: () => void;
-        onMouseEnter?: import("react").MouseEventHandler;
-        onMouseLeave?: import("react").MouseEventHandler;
-        print?: boolean;
-        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
-        set?: string;
-        style?: import("react").CSSProperties;
-        tag?: import("react").ElementType;
-    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const FlexStart: Story;
-export declare const FlexEnd: Story;
-export declare const Center: Story;
-export declare const SpaceBetween: Story;
-export declare const SpaceAround: Story;
-export declare const SpaceEvenly: Story;

package/dist/types/components/Group/stories/GroupJustifyContent.stories.js

@@ -1,51 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Group } from 'src/components/Group';
-import { Text } from 'src/components/Text';
-const meta = {
-    title: 'Layout / Group / JustifyContent',
-    component: Group,
-    args: {
-        width: '500px',
-        direction: 'horizontal',
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderPrimary',
-        padding: '20',
-    },
-    render: ({ ...args }) => (_jsxs(Group, { width: args.width, height: args.height, direction: args.direction, justifyContent: args.justifyContent, fill: args.fill, borderColor: args.borderColor, padding: args.padding, children: [_jsx(Group, { height: "60px", fill: "accentPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "1" }) }), _jsx(Group, { height: "60px", fill: "specialPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "2" }) }), _jsx(Group, { height: "60px", fill: "extraPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "3" }) }), _jsx(Group, { height: "60px", fill: "infoPrimary", padding: "20", textAlign: "center", children: _jsx(Text, { size: "xl", textColor: "white", children: "4" }) })] })),
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        return _jsx(Group, { ...args });
-    },
-};
-export const FlexStart = {
-    args: {
-        justifyContent: 'flex-start',
-    },
-};
-export const FlexEnd = {
-    args: {
-        justifyContent: 'flex-end',
-    },
-};
-export const Center = {
-    args: {
-        justifyContent: 'center',
-    },
-};
-export const SpaceBetween = {
-    args: {
-        justifyContent: 'space-between',
-    },
-};
-export const SpaceAround = {
-    args: {
-        justifyContent: 'space-around',
-    },
-};
-export const SpaceEvenly = {
-    args: {
-        justifyContent: 'space-evenly',
-    },
-};

package/dist/types/components/Group/stories/GroupWrap.stories.d.ts

@@ -1,125 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<{
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        border?: import("@itcase/types-ui").BorderColorProps;
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderColorActive?: import("@itcase/types-ui").BorderColorActiveProps;
-        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
-        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        columns?: number;
-        direction?: import("@itcase/types-ui").DirectionProps;
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillActive?: import("@itcase/types-ui").FillActiveProps;
-        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        flexGrow?: string;
-        height?: import("@itcase/types-ui").HeightProps;
-        hoverFilter?: string;
-        iconFillHover?: import("../../Icon").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
-        labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types-ui").ShapeProps;
-        stacking?: import("@itcase/types-ui").StackingProps;
-        textColor?: import("src/components/Text").TextProps["textColor"];
-        textColorActive?: import("src/components/Text").TextProps["textColorActive"];
-        textColorHover?: import("src/components/Text").TextProps["textColorHover"];
-        width?: import("@itcase/types-ui").WidthProps;
-        wrap?: import("@itcase/types-ui").WrapProps;
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: import("@itcase/types-core").GeneratedId;
-        appearance?: import("@itcase/types-ui").AppearanceKeysDefault;
-        children?: import("react").ReactNode;
-        className?: string;
-        dataId?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        easing?: boolean;
-        htmlFor?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        name?: string;
-        onClick?: () => void;
-        onMouseDown?: () => void;
-        onMouseEnter?: import("react").MouseEventHandler;
-        onMouseLeave?: import("react").MouseEventHandler;
-        print?: boolean;
-        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
-        set?: string;
-        style?: import("react").CSSProperties;
-        tag?: import("react").ElementType;
-    } & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        width: "500px";
-        direction: "horizontal";
-        fill: "surfacePrimary";
-        borderColor: "surfaceBorderPrimary";
-        padding: "20";
-    };
-    render: ({ ...args }: {
-        align?: import("@itcase/types-ui").AlignProps;
-        alignDirection?: import("@itcase/types-ui").DirectionProps;
-        border?: import("@itcase/types-ui").BorderColorProps;
-        borderColor?: import("@itcase/types-ui").BorderColorProps;
-        borderColorActive?: import("@itcase/types-ui").BorderColorActiveProps;
-        borderColorActiveHover?: import("@itcase/types-ui").BorderColorProps;
-        borderColorHover?: import("@itcase/types-ui").BorderColorProps;
-        borderType?: import("@itcase/types-ui").BorderTypeProps;
-        borderWidth?: import("@itcase/types-ui").BorderWidthProps;
-        columns?: number;
-        direction?: import("@itcase/types-ui").DirectionProps;
-        elevation?: import("@itcase/types-ui").ElevationProps;
-        fill?: import("@itcase/types-ui").FillProps;
-        fillActive?: import("@itcase/types-ui").FillActiveProps;
-        fillActiveHover?: import("@itcase/types-ui").FillActiveHoverProps;
-        fillDisabled?: import("@itcase/types-ui").FillProps;
-        fillHover?: import("@itcase/types-ui").FillHoverProps;
-        flexGrow?: string;
-        height?: import("@itcase/types-ui").HeightProps;
-        hoverFilter?: string;
-        iconFillHover?: import("../../Icon").IconProps["fillHover"];
-        justifyContent?: import("@itcase/types-ui").JustifyContentProps;
-        labelTextColor?: import("../../Label").LabelProps["labelTextColor"];
-        shape?: import("@itcase/types-ui").ShapeProps;
-        stacking?: import("@itcase/types-ui").StackingProps;
-        textColor?: import("src/components/Text").TextProps["textColor"];
-        textColorActive?: import("src/components/Text").TextProps["textColorActive"];
-        textColorHover?: import("src/components/Text").TextProps["textColorHover"];
-        width?: import("@itcase/types-ui").WidthProps;
-        wrap?: import("@itcase/types-ui").WrapProps;
-    } & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: import("@itcase/types-core").GeneratedId;
-        appearance?: import("@itcase/types-ui").AppearanceKeysDefault;
-        children?: import("react").ReactNode;
-        className?: string;
-        dataId?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        easing?: boolean;
-        htmlFor?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        name?: string;
-        onClick?: () => void;
-        onMouseDown?: () => void;
-        onMouseEnter?: import("react").MouseEventHandler;
-        onMouseLeave?: import("react").MouseEventHandler;
-        print?: boolean;
-        scroll?: boolean | import("@itcase/types-ui").DirectionProps;
-        set?: string;
-        style?: import("react").CSSProperties;
-        tag?: import("react").ElementType;
-    } & import("react").RefAttributes<HTMLDivElement>) => import("react/jsx-runtime").JSX.Element;
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Nowrap: Story;
-export declare const Wrap: Story;
-export declare const WrapReverse: Story;

package/dist/types/components/Group/stories/GroupWrap.stories.js

@@ -1,36 +0,0 @@
-import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
-import { Text } from 'src/components/Text';
-import { Group } from '..';
-const meta = {
-    title: 'Layout / Group / Wrap',
-    component: Group,
-    args: {
-        width: '500px',
-        direction: 'horizontal',
-        fill: 'surfacePrimary',
-        borderColor: 'surfaceBorderPrimary',
-        padding: '20',
-    },
-    render: ({ ...args }) => (_jsxs(Group, { width: args.width, height: args.height, direction: args.direction, fill: args.fill, borderColor: args.borderColor, padding: args.padding, wrap: args.wrap, children: [_jsx(Group, { width: "30%", height: "60px", fill: "accentPrimary", padding: "20", children: _jsx(Text, { size: "xl", textColor: "white", children: "1" }) }), _jsx(Group, { width: "30%", height: "60px", fill: "specialPrimary", padding: "20", children: _jsx(Text, { size: "xl", textColor: "white", children: "2" }) }), _jsx(Group, { width: "30%", height: "60px", fill: "extraPrimary", padding: "20", children: _jsx(Text, { size: "xl", textColor: "white", children: "3" }) }), _jsx(Group, { width: "30%", height: "60px", fill: "infoPrimary", padding: "20", children: _jsx(Text, { size: "xl", textColor: "white", children: "4" }) })] })),
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        return _jsx(Group, { ...args });
-    },
-};
-export const Nowrap = {
-    args: {
-        wrap: 'nowrap',
-    },
-};
-export const Wrap = {
-    args: {
-        wrap: 'wrap',
-    },
-};
-export const WrapReverse = {
-    args: {
-        wrap: 'wrap-reverse',
-    },
-};

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

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

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

@@ -1,16 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { HTMLContent } from '..';
-const meta = {
-    title: 'Wrappers / HTMLContent',
-    component: HTMLContent,
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Demo = {
-    args: {
-        content: '',
-    },
-    render: (args) => (_jsx(HTMLContent, { ...args, content: "\n          <h1>Heading level 1</h1>\n          <h2>Heading level 2</h2>\n          <h3>Heading level 3</h3>\n          <h4>Heading level 4</h4>\n          <h5>Heading level 5</h5>\n          <h6>Heading level 6</h6>\n          <p>Geckos are a group of usually small, usually nocturnal lizards. They are found on every continent except Antarctica.</p>\n          <p>Some species live in houses where they hunt insects attracted by artificial light. </p>\n          <ol>\n            <li>Mix flour, baking powder, sugar, and salt.</li>\n            <li>In another bowl, mix eggs, milk, and oil.</li>\n            <li>Stir both mixtures together.</li>\n            <li>Fill muffin tray 3/4 full.</li>\n            <li>Bake for 20 minutes.</li>\n          </ol>          \n          <ul>\n            <li>Milk</li>\n            <li>\n              Cheese\n              <ul>\n                <li>Blue cheese</li>\n                <li>Feta</li>\n              </ul>\n            </li>\n          </ul>\n          <table>\n            <thead>\n              <tr>\n                <th>Person</th>\n                <th>Most interest in</th>\n                <th>Age</th>\n              </tr>\n            </thead>\n            <tbody>\n              <tr>\n                <th>Chris</th>\n                <td>HTML tables</td>\n                <td>22</td>\n              </tr>\n              <tr>\n                <th>Dennis</th>\n                <td>Web accessibility</td>\n                <td>45</td>\n              </tr>\n              <tr>\n                <th>Sarah</th>\n                <td>JavaScript frameworks</td>\n                <td>29</td>\n              </tr>\n              <tr>\n                <th>Karen</th>\n                <td>Web performance</td>\n                <td>36</td>\n              </tr>\n            </tbody>\n            <tfoot>\n              <tr>\n                <th>Average age</th>\n                <th>JavaScript</th>\n                <td>33</td>\n              </tr>\n            </tfoot>\n          </table>          \n          " })),
-};

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

@@ -1,18 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { HeroTitle } from '../HeroTitle';
-declare const meta: {
-    title: string;
-    component: typeof HeroTitle;
-    args: {
-        appearance: "sizeH3";
-        textColor: "surfaceTextPrimary";
-        children: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const Default: Story;
-export declare const Skeleton: Story;

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

@@ -1,28 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { HeroTitle } from '../HeroTitle';
-const meta = {
-    title: 'Typography / Hero Title',
-    component: HeroTitle,
-    args: {
-        appearance: 'sizeH3',
-        textColor: 'surfaceTextPrimary',
-        children: 'Hero Title',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const Default = {
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};
-export const Skeleton = {
-    args: {
-        isSkeleton: true,
-    },
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};

package/dist/types/components/HeroTitle/stories/HeroTitleSize.stories.d.ts

@@ -1,21 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-import { HeroTitle } from '../HeroTitle';
-declare const meta: {
-    title: string;
-    component: typeof HeroTitle;
-    args: {
-        textColor: "surfaceTextPrimary";
-        children: string;
-    };
-    parameters: {
-        layout: string;
-    };
-};
-export default meta;
-type Story = StoryObj<typeof meta>;
-export declare const SizeH1: Story;
-export declare const SizeH2: Story;
-export declare const SizeH3: Story;
-export declare const SizeH4: Story;
-export declare const SizeH5: Story;
-export declare const SizeH6: Story;

package/dist/types/components/HeroTitle/stories/HeroTitleSize.stories.js

@@ -1,62 +0,0 @@
-import { jsx as _jsx } from "react/jsx-runtime";
-import { HeroTitle } from '../HeroTitle';
-const meta = {
-    title: 'Typography / Hero Title / Size',
-    component: HeroTitle,
-    args: {
-        textColor: 'surfaceTextPrimary',
-        children: 'Hero Title',
-    },
-    parameters: {
-        layout: 'centered',
-    },
-};
-export default meta;
-export const SizeH1 = {
-    args: {
-        appearance: 'sizeH1',
-    },
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};
-export const SizeH2 = {
-    args: {
-        appearance: 'sizeH2',
-    },
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};
-export const SizeH3 = {
-    args: {
-        appearance: 'sizeH3',
-    },
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};
-export const SizeH4 = {
-    args: {
-        appearance: 'sizeH4',
-    },
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};
-export const SizeH5 = {
-    args: {
-        appearance: 'sizeH5',
-    },
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};
-export const SizeH6 = {
-    args: {
-        appearance: 'sizeH6',
-    },
-    render: (args) => {
-        return _jsx(HeroTitle, { ...args });
-    },
-};

package/dist/types/components/Icon/stories/IconDefault.stories.d.ts

@@ -1,59 +0,0 @@
-import type { StoryObj } from '@storybook/react-vite';
-declare const meta: {
-    title: string;
-    component: import("react").ForwardRefExoticComponent<Omit<import("..").IconAppearanceProps & import("@itcase/ui-core/hooks").StyleAttributes & {
-        id?: string;
-        after?: import("react").ReactNode;
-        align?: import("@itcase/types-ui").AlignProps;
-        appearance?: import("@itcase/types-ui").CompositeAppearanceIconKeys;
-        badgeClass?: string;
-        badgeValue?: number | string;
-        before?: import("react").ReactNode;
-        children?: import("react").ReactNode;
-        className?: string;
-        dataTestId?: string;
-        dataTour?: string;
-        href?: string;
-        icon?: string;
-        iconSrc?: string;
-        imageSrc?: string;
-        isActive?: boolean;
-        isDisabled?: boolean;
-        isSkeleton?: boolean;
-        link?: string;
-        linkRel?: import("../../Link").LinkWrapperProps["rel"];
-        linkTarget?: import("../../Link").LinkWrapperProps["target"];
-        notification?: string;
-        onClick?: (event?: import("react").MouseEvent<HTMLDivElement>) => void;
-        onMouseEnter?: () => void;
-        onMouseLeave?: () => void;
-        saveFillStroke?: boolean;
-        showTooltip?: boolean;
-        style?: import("react").CSSProperties;
-        SvgImage?: string | import("react").FunctionComponent<import("react").SVGAttributes<SVGElement>>;
-        svgImageStyles?: import("react").SVGProps<SVGSVGElement>;
-        text?: string;
-        title?: string;
-        tooltipText?: string;
-        tooltipTitle?: string;
-        type?: string;
-    } & import("react").RefAttributes<HTMLDivElement>, "ref"> & import("react").RefAttributes<HTMLDivElement>>;
-    args: {
-        SvgImage: 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 Special: Story;
-export declare const Error: Story;
-export declare const Extra: Story;
-export declare const Warning: Story;
-export declare const Danger: Story;
-export declare const Disabled: Story;
-export declare const Success: Story;
-export declare const Info: Story;