@itcase/ui 1.8.125 → 1.8.127

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

@@ -1,68 +1,76 @@
 import { CSSProperties, ReactNode } from 'react';
-import { AlignDirectionProps, AlignProps, AppearanceKeysDefault, DirectionProps, FillHoverProps, FillProps, JustifyContentProps, ShapeProps, SizeProps, TextColorActiveProps, TextColorHoverProps, TextColorProps, TextGradientProps, TextSizeProps, TextStyleProps, TextWeightProps, TextWrapProps, UnderlineProps, WidthProps } from '@itcase/types';
+import { AppearanceKeysDefault, AppearanceShapeKey, AppearanceSizeKey, AppearanceStyleKey, BorderColorProps, CompositeAppearanceSizePxKey, FillActiveHoverProps, FillActiveProps, FillHoverProps, FillProps, ShapeProps, ShapeStrengthProps, TextSizeProps, TextTagProps } from '@itcase/types';
 import { StyleAttributes } from 'src/hooks/useStyles/styleAttributes.interface';
-export interface MenuItemThemeColor {
-    [key: number | string | symbol]: any;
-    align?: AlignProps;
-    alignDirection?: AlignDirectionProps;
-    descTextColor?: TextColorProps;
-    descTextColorHover?: TextColorHoverProps;
-    descTextGradient?: TextGradientProps;
-    descTextSize?: TextSizeProps;
-    descTextStyle?: TextStyleProps;
-    descTextWeight?: TextWeightProps;
-    descTextWrap?: TextWrapProps;
-    direction?: DirectionProps;
+import { IconProps } from '../Icon/Icon.interface';
+import { TextProps } from '../Text/Text.interface';
+import { TooltipProps } from '../Tooltip/Tooltip.interface';
+type MenuItemAppearanceProps = {
+    borderColor?: BorderColorProps;
+    cursor?: string;
     fill?: FillProps;
-    fillActive?: FillProps;
-    fillActiveHover?: FillHoverProps;
-    fillDisabled?: FillProps;
-    fillHover?: FillHoverProps;
-    justifyContent?: JustifyContentProps;
-    linkFill?: FillProps;
+    fillActive?: FillActiveProps;
+    fillActiveHover?: FillActiveHoverProps;
+    fillHover?: FillHoverProps | FillProps;
+    iconAfter?: IconProps['SvgImage'];
+    iconAfterFill?: IconProps['fill'];
+    iconAfterFillIcon?: IconProps['iconFill'] | IconProps['iconFillIcon'];
+    iconAfterFillSize?: IconProps['fillSize'];
+    iconAfterShape?: IconProps['shape'];
+    iconAfterSize?: IconProps['iconSize'];
+    iconAfterSrc?: IconProps['imageSrc'];
+    iconBadgeShape?: IconProps['badgeShape'];
+    iconBadgeSize?: IconProps['badgeSize'];
+    iconBadgeTextColor?: IconProps['badgeTextColor'];
+    iconBadgeTextSize?: IconProps['badgeTextSize'];
+    iconBefore?: IconProps['SvgImage'];
+    iconBeforeFill?: IconProps['fill'];
+    iconBeforeFillIcon?: IconProps['iconFill'] | IconProps['iconFillIcon'];
+    iconBeforeFillSize?: IconProps['fillSize'];
+    iconBeforeShape?: IconProps['shape'];
+    iconBeforeSize?: IconProps['iconSize'];
+    iconBeforeSrc?: IconProps['imageSrc'];
+    labelStyle?: TextProps['textStyle'];
+    labelTextActiveColor?: TextProps['textColorActive'];
+    labelTextActiveHoverColor?: TextProps['textColorActiveHover'];
+    labelTextColor?: TextProps['textColor'];
+    labelTextColorHover?: TextProps['textColorHover'];
+    labelTextSize?: TextProps['size'];
+    labelWeight?: TextProps['textWeight'];
+    labelWrap?: TextProps['textWrap'];
     shape?: ShapeProps;
-    size?: SizeProps;
-    textColor?: TextColorProps;
-    textColorActive?: TextColorActiveProps;
-    textColorGradient?: TextGradientProps;
-    textColorHover?: TextColorHoverProps;
-    textGradient?: TextGradientProps;
-    textSize?: TextSizeProps;
-    textStyle?: TextStyleProps;
-    textWeight?: TextWeightProps;
-    textWrap?: TextWrapProps;
-    underline?: UnderlineProps;
-    width?: WidthProps;
-}
-type AppearanceKeys = AppearanceKeysDefault & {};
-export type MenuItemAppearanceType = {
-    [key in AppearanceKeys]?: MenuItemThemeColor;
+    shapeStrength?: ShapeStrengthProps;
+    size?: TextSizeProps;
+    tooltipFill?: TooltipProps['fill'];
+    tooltipShape?: TooltipProps['shape'];
+    tooltipShapeStrength?: TooltipProps['shapeStrength'];
+    tooltipText?: TooltipProps['shapeStrength'];
+    tooltipTextColor?: TooltipProps['textColor'];
+    tooltipTitleTextColor?: TooltipProps['titleTextColor'];
 };
-export interface MenuItemConfig {
-    [key: number | string | symbol]: any;
-    appearance: MenuItemAppearanceType | undefined;
-    setAppearance: (newComponent: MenuItemAppearanceType) => void;
-}
-export interface MenuItemProps extends MenuItemThemeColor, StyleAttributes {
-    [key: number | string | symbol]: any;
-    after?: ReactNode;
-    appearance?: AppearanceKeys;
-    before?: ReactNode;
+type MenuItemProps = MenuItemAppearanceProps & StyleAttributes & {
+    after?: string;
+    appearance?: CompositeAppearanceSizePxKey;
+    before?: string;
     children?: ReactNode;
     className?: string;
-    desc?: string;
-    href?: string;
-    label?: string;
-    link?: string;
-    rel?: string;
-    showTooltip: boolean;
-    style?: CSSProperties;
-    target?: string;
-    type?: string;
-    isActive?: undefined;
-    isHover?: boolean;
+    dataTestId?: string;
+    dataTour?: string;
+    htmlFor?: string;
+    iconBadgeValue?: IconProps['badgeValue'];
+    isActive: boolean;
+    isDisabled?: boolean;
     isSkeleton?: boolean;
     onClick?: () => void;
-    set?: string;
-}
-export {};
+    onDoubleClick?: () => void;
+    style?: CSSProperties;
+    tag: TextTagProps;
+};
+type MenuItemAppearanceKey = AppearanceKeysDefault | AppearanceShapeKey | AppearanceSizeKey | AppearanceStyleKey;
+type MenuItemAppearance = {
+    [key in MenuItemAppearanceKey]?: MenuItemAppearanceProps;
+};
+type MenuItemConfig = {
+    appearance: MenuItemAppearance;
+    setAppearance: (appearanceConfig: MenuItemAppearance) => void;
+};
+export type { MenuItemAppearance, MenuItemConfig, MenuItemProps };

package/dist/types/components/MenuItem/appearance/menuItemAccent.d.ts

@@ -1,27 +1,3 @@
-declare const menuItemAppearanceAccent: {
-    accentMutedPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    accentPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    accentSecondary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceAccent: MenuItemAppearance;
 export { menuItemAppearanceAccent };

package/dist/types/components/MenuItem/appearance/menuItemError.d.ts

@@ -1,19 +1,3 @@
-declare const menuItemAppearanceError: {
-    errorMutedPrimary: {
-        fill: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    errorPrimary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-        labelTextColorHover: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-};
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceError: MenuItemAppearance;
 export { menuItemAppearanceError };

package/dist/types/components/MenuItem/appearance/menuItemShape.d.ts

@@ -0,0 +1,3 @@
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceShape: MenuItemAppearance;
+export { menuItemAppearanceShape };

package/dist/types/components/MenuItem/appearance/menuItemSize.d.ts

@@ -1,45 +1,3 @@
-declare const menuItemAppearanceSize: {
-    sizeXXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-    sizeL: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-    sizeM: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-    sizeS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-    sizeXXS: {
-        size: string;
-        labelTextSize: string;
-        iconAfterSize: string;
-        iconBeforeSize: string;
-    };
-};
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceSize: MenuItemAppearance;
 export { menuItemAppearanceSize };

package/dist/types/components/MenuItem/appearance/menuItemStyle.d.ts

@@ -1,14 +1,3 @@
-declare const menuItemAppearanceStyle: {
-    solid: {
-        borderColor: string;
-    };
-    outlined: {
-        fill: string;
-    };
-    full: {};
-    ghost: {
-        fill: string;
-        borderColor: string;
-    };
-};
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceStyle: MenuItemAppearance;
 export { menuItemAppearanceStyle };

package/dist/types/components/MenuItem/appearance/menuItemSurface.d.ts

@@ -1,44 +1,3 @@
-declare const menuItemAppearanceSurface: {
-    surfaceMutedPrimary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        labelTextColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfacePrimary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextActiveColor: string;
-        labelTextActiveHoverColor: string;
-        labelTextColor: string;
-        labelTextHoverColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfaceSecondary: {
-        fill: string;
-        fillActive: string;
-        fillActiveHover: string;
-        fillHover: string;
-        labelTextColor: string;
-        borderColor: string;
-        iconAfterFillIcon: string;
-        iconBeforeFillIcon: string;
-    };
-    surfaceTertiary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-    surfaceQuaternary: {
-        fill: string;
-        fillHover: string;
-        labelTextColor: string;
-    };
-};
+import { MenuItemAppearance } from '../MenuItem.interface';
+declare const menuItemAppearanceSurface: MenuItemAppearance;
 export { menuItemAppearanceSurface };