@itcase/ui 1.9.36 → 1.9.37

package/dist/types/components/MenuItem/MenuItem.interface.d.ts

@@ -1,38 +1,47 @@
-import { CSSProperties, ReactNode } from 'react';
-import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, TextSizeProps, TextTagProps } from '@itcase/types';
+import { CSSProperties, ElementType, ReactNode } from 'react';
+import { LinkProps } from 'react-scroll';
+import { AlignProps, AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, DirectionProps, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, ShapeStrengthProps, TextSizeProps, UnderlineProps } from '@itcase/types';
 import { StyleAttributes } from '../../hooks/useStyles/styleAttributes.interface';
 import { IconProps } from '../Icon/Icon.interface';
 import { TextProps } from '../Text/Text.interface';
 import { TooltipProps } from '../Tooltip/Tooltip.interface';
 type MenuItemAppearanceProps = {
+    align?: AlignProps;
+    alignDirection?: DirectionProps;
     borderColor?: BorderColorProps;
     cursor?: string;
+    direction?: DirectionProps;
     fill?: FillProps;
-    fillActive?: FillActiveProps | FillProps;
-    fillActiveHover?: FillActiveHoverProps | FillProps;
-    fillHover?: FillHoverProps | FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps;
     iconAfter?: IconProps['SvgImage'];
     iconAfterFill?: IconProps['fill'];
-    iconAfterFillIcon?: IconProps['iconFill'] | IconProps['iconFillIcon'];
+    iconAfterFillIcon?: IconProps['iconFill'];
     iconAfterFillSize?: IconProps['fillSize'];
     iconAfterShape?: IconProps['shape'];
     iconAfterSize?: IconProps['iconSize'];
     iconAfterSrc?: IconProps['imageSrc'];
+    iconBadgeAppearance?: IconProps['badgeAppearance'];
     iconBadgeShape?: IconProps['badgeShape'];
     iconBadgeSize?: IconProps['badgeSize'];
     iconBadgeTextColor?: IconProps['badgeTextColor'];
     iconBadgeTextSize?: IconProps['badgeTextSize'];
+    iconBadgeValue?: IconProps['badgeValue'];
     iconBefore?: IconProps['SvgImage'];
     iconBeforeFill?: IconProps['fill'];
-    iconBeforeFillIcon?: IconProps['iconFill'] | IconProps['iconFillIcon'];
+    iconBeforeFillIcon?: IconProps['iconFill'];
     iconBeforeFillSize?: IconProps['fillSize'];
     iconBeforeShape?: IconProps['shape'];
     iconBeforeSize?: IconProps['iconSize'];
     iconBeforeSrc?: IconProps['imageSrc'];
-    labelStyle?: TextProps['textStyle'];
+    isSkeleton?: boolean;
+    justifyContent?: JustifyContentProps;
+    labelStyle?: 'italic' | 'normal';
     labelTextActiveColor?: TextProps['textColorActive'];
     labelTextActiveColorHover?: TextProps['textColorActiveHover'];
     labelTextColor?: TextProps['textColor'];
+    labelTextColorDisabled?: TextProps['textColor'];
     labelTextColorHover?: TextProps['textColorHover'];
     labelTextSize?: TextProps['size'];
     labelWeight?: TextProps['textWeight'];
@@ -43,8 +52,13 @@ type MenuItemAppearanceProps = {
     tooltipFill?: TooltipProps['fill'];
     tooltipShape?: TooltipProps['shape'];
     tooltipShapeStrength?: TooltipProps['shapeStrength'];
+    tooltipSize?: TooltipProps['size'];
+    tooltipText?: TooltipProps['text'];
     tooltipTextColor?: TooltipProps['textColor'];
+    tooltipTextSize?: TooltipProps['textSize'];
+    tooltipTitle?: TooltipProps['title'];
     tooltipTitleTextColor?: TooltipProps['titleColor'];
+    type?: string;
 };
 type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
     after?: string;
@@ -54,17 +68,22 @@ type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
     className?: string;
     dataTestId?: string;
     dataTour?: string;
+    easing?: string;
+    href?: LinkProps['href'];
     htmlFor?: string;
-    iconBadgeValue?: IconProps['badgeValue'];
     isActive: boolean;
     isDisabled?: boolean;
-    isSkeleton?: boolean;
+    label?: string;
+    link?: LinkProps['href'];
+    LinkComponent?: ElementType;
     onClick?: () => void;
     onDoubleClick?: () => void;
+    rel?: LinkProps['rel'];
+    showTooltip?: boolean;
     style?: CSSProperties;
-    tag: TextTagProps;
-    tooltipText?: string;
-    tooltipTitle?: string;
+    target?: LinkProps['target'];
+    tooltipAppearance?: TooltipProps['appearance'];
+    underline?: UnderlineProps;
 };
 type MenuItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
 type MenuItemAppearance = {

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

@@ -0,0 +1,33 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    args: {
+        label: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Surface: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Accent: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Error: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,25 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    args: {
+        appearance: string;
+        label: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Demo: {
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Skeleton: {
+    args: {
+        isSkeleton: boolean;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,31 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Surface: {
+    args: {
+        appearance: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Accent: {
+    args: {
+        appearance: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Error: {
+    args: {
+        appearance: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,31 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Surface: {
+    args: {
+        appearance: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Accent: {
+    args: {
+        appearance: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Error: {
+    args: {
+        appearance: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,33 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    args: {
+        label: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Surface: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Accent: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Error: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,69 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    args: {
+        label: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const SizeXXL: {
+    args: {
+        appearance: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeXL: {
+    args: {
+        appearance: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeL: {
+    args: {
+        appearance: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeM: {
+    args: {
+        appearance: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeS: {
+    args: {
+        appearance: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeXS: {
+    args: {
+        appearance: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const SizeXXS: {
+    args: {
+        appearance: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,39 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    args: {
+        label: string;
+        iconAfter: string;
+        iconBefore: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Solid: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Outlined: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Full: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Ghost: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};

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

@@ -0,0 +1,34 @@
+import { MenuItem } from '../MenuItem';
+import { MenuItemProps } from '../MenuItem.interface';
+declare const meta: {
+    title: string;
+    component: typeof MenuItem;
+    args: {
+        label: string;
+        showTooltip: boolean;
+        tooltipAppearance: string;
+        tooltipText: string;
+    };
+    parameters: {
+        layout: string;
+    };
+};
+export default meta;
+export declare const Surface: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Accent: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};
+export declare const Error: {
+    args: {
+        appearance: string;
+    };
+    render: (args: MenuItemProps) => import("react/jsx-runtime").JSX.Element;
+};