@itcase/ui 1.9.56 → 1.9.57

package/dist/components/List/List.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { listAppearance } from 'src/components/List/List.appearance';
+const listConfig = {
+    appearance: listAppearance,
+    setAppearance: (appearanceConfig) => {
+        listConfig.appearance = appearanceConfig;
+    },
+};
+function List(props) {
+    const { appearance, className, dataTestId, dataTour, type, style, children } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, listConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { directionClass, bulletFillClass, bulletSizeClass, bulletTextColorClass, sizeClass, } = propsGenerator;
+    const { styles: ulStyles } = useStyles(props);
+    return (_jsx("ul", { className: clsx(className, 'list', bulletSizeClass && `list_bullet-size_${bulletSizeClass}`, bulletFillClass && `list_bullet-fill_${bulletFillClass}`, bulletTextColorClass &&
+            `list_bullet-text-color_${bulletTextColorClass}`, directionClass && `list_direction_${directionClass}`, sizeClass && `list_size_${sizeClass}`, style && `list_style_${style}`, type && `list_type_${type}`), "data-testid": dataTestId, "data-tour": dataTour, style: ulStyles, children: children }));
+}
+export { List };

package/dist/components/List/ListItem.js

@@ -0,0 +1,16 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Link } from 'src/components/Link';
+function ListItem(props) {
+    const { className, dataTestId, dataTour, text, href, link, before, after, children, } = props;
+    const propsGenerator = useDevicePropsGenerator(props);
+    const { fillClass, textColorClass, textStyleClass, textWeightClass } = propsGenerator;
+    const { link: linkStyles, styles: liStyles } = useStyles(props);
+    if (link) {
+        return (_jsx("li", { className: clsx(className, 'list__item', 'list__item_type_link', textStyleClass && `text text-style_${textStyleClass}`, textWeightClass && `text text-weight_${textWeightClass}`, textColorClass && `text-color_${textColorClass}`, fillClass && `fill_${fillClass}`), style: liStyles, children: _jsx(Link, { className: clsx('list__item-link'), href: link || href, style: linkStyles, children: children || text }) }));
+    }
+    return (_jsxs("li", { className: clsx(className, 'list__item', textStyleClass && `text text-style_${textStyleClass}`, textWeightClass && `text text-weight_${textWeightClass}`, textColorClass && `text-color_${textColorClass}`, fillClass && `fill_${fillClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: liStyles, children: [before, children || text, after] }));
+}
+export { ListItem };

package/dist/components/List/appearance/listAccent.js

@@ -0,0 +1,8 @@
+const listAppearanceAccent = {
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentHoverPrimary',
+        borderColor: 'accentBorderPrimary',
+    },
+};
+export { listAppearanceAccent };

package/dist/components/List/appearance/listDanger.js

@@ -0,0 +1,7 @@
+const listAppearanceDanger = {
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        fillHover: 'dangerHoverPrimary',
+    },
+};
+export { listAppearanceDanger };

package/dist/components/List/appearance/listError.js

@@ -0,0 +1,7 @@
+const listAppearanceError = {
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorHoverPrimary',
+    },
+};
+export { listAppearanceError };

package/dist/components/List/appearance/listExtra.js

@@ -0,0 +1,7 @@
+const listAppearanceExtra = {
+    extraPrimary: {
+        fill: 'extraPrimary',
+        fillHover: 'extraHoverPrimary',
+    },
+};
+export { listAppearanceExtra };

package/dist/components/List/appearance/listInfo.js

@@ -0,0 +1,13 @@
+const listAppearanceInfo = {
+    infoPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentHoverPrimary',
+        borderColor: 'accentBorderPrimary',
+    },
+    infoSecondary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentHoverPrimary',
+        borderColor: 'accentBorderPrimary',
+    },
+};
+export { listAppearanceInfo };

package/dist/components/List/appearance/listSize.js

@@ -0,0 +1,24 @@
+const listAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+    },
+    sizeXL: {
+        size: 'xl',
+    },
+    sizeL: {
+        size: 'l',
+    },
+    sizeM: {
+        size: 'm',
+    },
+    sizeS: {
+        size: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+    },
+    sizeXXS: {
+        size: 'xxs',
+    },
+};
+export { listAppearanceSize };

package/dist/components/List/appearance/listSpecial.js

@@ -0,0 +1,7 @@
+const listAppearanceSpecial = {
+    specialPrimary: {
+        fill: 'specialPrimary',
+        fillHover: 'specialHoverPrimary',
+    },
+};
+export { listAppearanceSpecial };

package/dist/components/List/appearance/listStyle.js

@@ -0,0 +1,16 @@
+const listAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {
+        borderColor: 'none',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+export { listAppearanceStyle };

package/dist/components/List/appearance/listSuccess.js

@@ -0,0 +1,7 @@
+const listAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        fillHover: 'successHoverPrimary',
+    },
+};
+export { listAppearanceSuccess };

package/dist/components/List/appearance/listSurface.js

@@ -0,0 +1,19 @@
+const listAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        fillHover: 'surfaceHoverPrimary',
+    },
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        fillHover: 'surfaceHoverQuaternary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        fillHover: 'surfaceHoverSecondary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        fillHover: 'surfaceHoverTertiary',
+    },
+};
+export { listAppearanceSurface };

package/dist/components/List/appearance/listWarning.js

@@ -0,0 +1,7 @@
+const listAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningPrimary',
+        fillHover: 'warningHoverPrimary',
+    },
+};
+export { listAppearanceWarning };

package/dist/components/List/index.js

@@ -0,0 +1,3 @@
+import { List } from './List';
+import { ListItem } from './ListItem';
+export { List, ListItem };

package/dist/components/Loader/Loader.appearance.js

@@ -0,0 +1,25 @@
+import { loaderAppearanceAccent } from './appearance/loaderAccent';
+import { loaderAppearanceDanger } from './appearance/loaderDanger';
+import { loaderAppearanceError } from './appearance/loaderError';
+import { loaderAppearanceExtra } from './appearance/loaderExtra';
+import { loaderAppearanceInfo } from './appearance/loaderInfo';
+import { loaderAppearanceSize } from './appearance/loaderSize';
+import { loaderAppearanceSpecial } from './appearance/loaderSpecial';
+import { loaderAppearanceStyle } from './appearance/loaderStyle';
+import { loaderAppearanceSuccess } from './appearance/loaderSuccess';
+import { loaderAppearanceSurface } from './appearance/loaderSurface';
+import { loaderAppearanceWarning } from './appearance/loaderWarning';
+const loaderAppearance = {
+    ...loaderAppearanceAccent,
+    ...loaderAppearanceSpecial,
+    ...loaderAppearanceSize,
+    ...loaderAppearanceExtra,
+    ...loaderAppearanceSurface,
+    ...loaderAppearanceWarning,
+    ...loaderAppearanceSuccess,
+    ...loaderAppearanceInfo,
+    ...loaderAppearanceDanger,
+    ...loaderAppearanceError,
+    ...loaderAppearanceStyle,
+};
+export { loaderAppearance };

package/dist/components/Loader/Loader.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Loader/Loader.js

@@ -0,0 +1,22 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import clsx from 'clsx';
+import { Text } from 'src/components/Text';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { loaderAppearance } from './Loader.appearance';
+const loaderConfig = {
+    appearance: loaderAppearance,
+    setAppearance: (appearanceConfig) => {
+        loaderConfig.appearance = appearanceConfig;
+    },
+};
+function Loader(props) {
+    const { appearance, className, dataTestId, dataTour, type = 'dot', text, isDisabled, isSkeleton, children, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, loaderConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { fillClass, borderColorClass, textColor, textSize, heightClass, itemFillClass, shapeClass, shapeStrengthClass, sizeClass, widthClass, } = propsGenerator;
+    const { styles: loader } = useStyles(props);
+    return (_jsxs("div", { className: clsx('loader', className, widthClass && `width_${widthClass}`, heightClass && `height_${heightClass}`, fillClass && `fill_${fillClass}`, sizeClass && `loader_size_${sizeClass}`, isSkeleton && `loader_skeleton`, type && `loader_type_${type}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass && `shape-strength_${shapeStrengthClass}`), "data-testid": dataTestId, "data-tour": dataTour, style: loader, children: [children || (_jsxs("div", { className: "loader__inner", children: [_jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`, type === 'circular' && `border-color_${borderColorClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" }), _jsx("span", { className: clsx('loader__item', itemFillClass && `fill_${itemFillClass}`), children: "\u00A0" })] })), text && (_jsx(Text, { className: "loader__text", size: textSize, textColor: textColor, children: text }))] }));
+}
+export { Loader, loaderConfig };

package/dist/components/Loader/appearance/loaderAccent.js

@@ -0,0 +1,13 @@
+const loaderAppearanceAccent = {
+    accentPrimary: {
+        fill: 'accentPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'accentItemPrimary',
+    },
+    accentTertiary: {
+        fill: 'accentTertiary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'accentItemSecondary',
+    },
+};
+export { loaderAppearanceAccent };

package/dist/components/Loader/appearance/loaderDanger.js

@@ -0,0 +1,8 @@
+const loaderAppearanceDanger = {
+    dangerPrimary: {
+        fill: 'dangerPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'dangerItemPrimary',
+    },
+};
+export { loaderAppearanceDanger };

package/dist/components/Loader/appearance/loaderError.js

@@ -0,0 +1,8 @@
+const loaderAppearanceError = {
+    errorPrimary: {
+        fill: 'errorPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'errorItemPrimary',
+    },
+};
+export { loaderAppearanceError };

package/dist/components/Loader/appearance/loaderExtra.js

@@ -0,0 +1,8 @@
+const loaderAppearanceExtra = {
+    extraPrimary: {
+        fill: 'extraPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'extraItemPrimary',
+    },
+};
+export { loaderAppearanceExtra };

package/dist/components/Loader/appearance/loaderInfo.js

@@ -0,0 +1,8 @@
+const loaderAppearanceInfo = {
+    infoPrimary: {
+        fill: 'infoPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'infoItemPrimary',
+    },
+};
+export { loaderAppearanceInfo };

package/dist/components/Loader/appearance/loaderSize.js

@@ -0,0 +1,15 @@
+const loaderAppearanceSize = {
+    sizeL: {
+        size: 'l',
+        textSize: 'm',
+    },
+    sizeM: {
+        size: 'm',
+        textSize: 's',
+    },
+    sizeS: {
+        size: 's',
+        textSize: 'xs',
+    },
+};
+export { loaderAppearanceSize };

package/dist/components/Loader/appearance/loaderSpecial.js

@@ -0,0 +1,8 @@
+const loaderAppearanceSpecial = {
+    specialPrimary: {
+        fill: 'specialPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'specialItemPrimary',
+    },
+};
+export { loaderAppearanceSpecial };

package/dist/components/Loader/appearance/loaderStyle.js

@@ -0,0 +1,14 @@
+const loaderAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+export { loaderAppearanceStyle };

package/dist/components/Loader/appearance/loaderSuccess.js

@@ -0,0 +1,8 @@
+const loaderAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'successItemPrimary',
+    },
+};
+export { loaderAppearanceSuccess };

package/dist/components/Loader/appearance/loaderSurface.js

@@ -0,0 +1,18 @@
+const loaderAppearanceSurface = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderPrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderPrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        borderColor: 'surfaceBorderPrimary',
+        itemFill: 'surfaceItemPrimary',
+    },
+};
+export { loaderAppearanceSurface };

package/dist/components/Loader/appearance/loaderWarning.js

@@ -0,0 +1,8 @@
+const loaderAppearanceWarning = {
+    warningPrimary: {
+        fill: 'warningPrimary',
+        borderColor: 'surfaceBorderSecondary',
+        itemFill: 'warningItemPrimary',
+    },
+};
+export { loaderAppearanceWarning };

package/dist/components/Loader/index.js

@@ -0,0 +1,2 @@
+export { Loader, loaderConfig } from './Loader';
+export { loaderAppearance } from './Loader.appearance';

package/dist/components/Logo/Logo.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/Logo/Logo.js

@@ -0,0 +1,23 @@
+import { jsx as _jsx } from "react/jsx-runtime";
+import { forwardRef } from 'react';
+import clsx from 'clsx';
+import { urlWithAssetPrefix } from 'src/hoc/urlWithAssetPrefix';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { LinkWrapper } from 'src/components/Link';
+const logoConfig = {
+    appearance: undefined,
+    setAppearance: (appearanceConfig) => {
+        logoConfig.appearance = appearanceConfig;
+    },
+};
+const Logo = urlWithAssetPrefix(forwardRef(function Logo(props, ref) {
+    const { appearance, className, dataTestId, dataTour, href, link, isSkeleton, } = props;
+    const appearanceConfig = useAppearanceConfig(appearance, logoConfig);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { alignClass, alignDirectionClass, alignItemsClass, src, title, alt, sizeClass, widthClass, } = propsGenerator;
+    const { styles: logo } = useStyles(props);
+    return (_jsx("div", { className: clsx(className, 'logo', isSkeleton && 'logo_mode_skeleton', alignClass && `align_${alignClass}`, alignDirectionClass && `align_${alignDirectionClass}`, alignItemsClass && `logo_align-items_${alignItemsClass}`, sizeClass && `logo_size_${sizeClass}`, widthClass && `width_${widthClass}`), ref: ref, "data-testid": dataTestId, "data-tour": dataTour, style: logo, children: link || href ? (_jsx(LinkWrapper, { className: "logo__link", href: link || href, children: _jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title }) })) : (_jsx("img", { className: "logo__image", src: src, title: title || alt, alt: alt || title })) }));
+}));
+export { Logo, logoConfig };

package/dist/components/Logo/index.js

@@ -0,0 +1 @@
+export { Logo, logoConfig } from './Logo';

package/dist/components/MenuItem/MenuItem.appearance.js

@@ -0,0 +1,15 @@
+import { menuItemAppearanceAccent } from './appearance/menuItemAccent';
+import { menuItemAppearanceError } from './appearance/menuItemError';
+import { menuItemAppearanceShape } from './appearance/menuItemShape';
+import { menuItemAppearanceSize } from './appearance/menuItemSize';
+import { menuItemAppearanceStyle } from './appearance/menuItemStyle';
+import { menuItemAppearanceSurface } from './appearance/menuItemSurface';
+const menuItemAppearance = {
+    ...menuItemAppearanceSize,
+    ...menuItemAppearanceStyle,
+    ...menuItemAppearanceAccent,
+    ...menuItemAppearanceError,
+    ...menuItemAppearanceSurface,
+    ...menuItemAppearanceShape,
+};
+export { menuItemAppearance };

package/dist/components/MenuItem/MenuItem.interface.js

@@ -0,0 +1 @@
+export {};

package/dist/components/MenuItem/MenuItem.js

@@ -0,0 +1,47 @@
+import { jsx as _jsx, jsxs as _jsxs } from "react/jsx-runtime";
+import React, { useCallback, useRef } from 'react';
+import clsx from 'clsx';
+import { useAppearanceConfig } from 'src/hooks/useAppearanceConfig';
+import { useDevicePropsGenerator } from 'src/hooks/useDevicePropsGenerator';
+import { useStyles } from 'src/hooks/useStyles';
+import { Icon } from 'src/components/Icon';
+import { Link } from 'src/components/Link';
+import { Text } from 'src/components/Text';
+import { Tooltip } from 'src/components/Tooltip';
+import { menuItemAppearance } from './MenuItem.appearance';
+const menuItemConfig = {
+    appearance: menuItemAppearance,
+    setAppearance: function (appearanceConfig) {
+        this.appearance = appearanceConfig;
+    },
+};
+function MenuItem(props) {
+    const { appearance, className, dataTestId, dataTour, label, easing, href, link, LinkComponent, rel, showTooltip, target, tooltipAppearance, underline, before, after, isActive, isDisabled, onClick, children, } = props;
+    const tooltipRef = useRef(null);
+    const onMouseEnter = useCallback(() => {
+        if (showTooltip) {
+            tooltipRef.current?.openTooltip();
+        }
+    }, [showTooltip]);
+    const onMouseLeave = useCallback(() => {
+        if (showTooltip) {
+            tooltipRef.current?.closeTooltip();
+        }
+    }, [showTooltip]);
+    const appearanceConfig = useAppearanceConfig(appearance, menuItemConfig, isDisabled);
+    const propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    const { directionClass, justifyContentClass, alignClass, alignDirectionClass, fillActiveClass, fillActiveHoverClass, fillClass, fillHoverClass, labelTextActiveColor, labelTextActiveColorHover, labelTextColor, labelTextColorDisabled, labelTextColorHover, labelTextSize, labelWeight, labelWrap, borderColorClass, iconAfter, iconAfterFill, iconAfterFillIcon, iconAfterFillSize, iconAfterShape, iconAfterSize, iconAfterSrc, iconBadgeAppearance, iconBadgeShape, iconBadgeSize, iconBadgeTextColor, iconBadgeTextSize, iconBadgeValue, iconBefore, iconBeforeFill, iconBeforeFillIcon, iconBeforeFillSize, iconBeforeShape, iconBeforeSize, iconBeforeSrc, shapeClass, shapeStrengthClass, sizeClass, tooltipFill, tooltipShape, tooltipShapeStrength, tooltipSize, tooltipText, tooltipTextColor, tooltipTextSize, tooltipTitle, tooltipTitleTextColor, typeClass, widthClass, isSkeleton, } = propsGenerator;
+    const { styles: menuItem } = useStyles(props);
+    return (_jsxs("div", { className: clsx('menu-item', easing && `easing_${easing}`, isActive && 'menu-item_state_active', isDisabled && `menu-item_state_disabled`, directionClass && `menu-item_direction_${directionClass}`, className, (iconBefore || iconBeforeSrc || iconAfter || iconAfterSrc) &&
+            'menu-item_label-icon', sizeClass && `menu-item_size_${sizeClass}`, borderColorClass && `border-color_${borderColorClass}`, !isActive
+            ? fillClass && `fill_${fillClass}`
+            : fillActiveClass && `fill_active_${fillActiveClass}`, !isActive
+            ? fillHoverClass && `fill_hover_${fillHoverClass}`
+            : fillActiveHoverClass && `fill_active_hover_${fillActiveHoverClass}`, shapeClass && `shape_${shapeClass}`, shapeStrengthClass
+            ? `shape-strength_${shapeStrengthClass}`
+            : shapeClass === 'rounded' && 'shape-strength_default', typeClass && `menu-item_type_${typeClass}`, widthClass && `width_${widthClass}`, justifyContentClass &&
+            `menu-item_justify-content_${justifyContentClass}`, isSkeleton && `menu-item_skeleton`), "data-testid": dataTestId, "data-tour": dataTour, style: menuItem, onMouseEnter: onMouseEnter, onMouseLeave: onMouseLeave, children: [_jsxs(Link, { className: clsx('menu-item__wrapper', alignDirectionClass && `align_${alignDirectionClass}`, alignClass && `align_${alignClass}`), href: link || href, LinkComponent: LinkComponent, rel: rel, target: target, underline: underline, onClick: onClick, children: [before, children || (_jsxs(React.Fragment, { children: [(iconBefore || iconBeforeSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_before', iconBadgeValue && 'menu-item__icon_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'menu-item__icon_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), label && (_jsx(Text, { className: "menu-item__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveColorHover, textColorDisabled: labelTextColorDisabled, textColorHover: labelTextColorHover, textWeight: labelWeight, textWrap: labelWrap, isActive: isActive, isDisabled: isDisabled, children: label })), (iconAfter || iconAfterSrc) && (_jsx(Icon, { className: clsx('menu-item__icon_after', iconBadgeValue && 'menu-item__icon_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: "menu-item__icon_after_badge", badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] })), after] }), showTooltip && (_jsx(Tooltip, { appearance: tooltipAppearance, className: "menu-item__tooltip", ref: tooltipRef, minWidth: "auto", alignment: "right-center", size: tooltipSize, fill: tooltipFill, zIndex: "100", title: tooltipTitle, titleColor: tooltipTitleTextColor, paddingLeft: "2m", text: tooltipText, textColor: tooltipTextColor, textSize: tooltipTextSize, 
+                // centering="vertical"
+                shape: tooltipShape, shapeStrength: tooltipShapeStrength, isTooltipDisableState: true }))] }));
+}
+export { MenuItem, menuItemConfig };

package/dist/components/MenuItem/appearance/menuItemAccent.js

@@ -0,0 +1,27 @@
+const menuItemAppearanceAccent = {
+    accentMutedPrimary: {
+        fill: 'accentTertiary',
+        fillHover: 'accentTertiary',
+        labelTextColor: 'accentTextQuaternary',
+        borderColor: 'accentBorderSecondary',
+        iconAfterFillIcon: 'accentItemQuaternary',
+        iconBeforeFillIcon: 'accentItemQuaternary',
+    },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimary',
+        labelTextColor: 'accentTextPrimary',
+        borderColor: 'accentBorderSecondary',
+        iconAfterFillIcon: 'accentItemPrimary',
+        iconBeforeFillIcon: 'accentItemPrimary',
+    },
+    accentSecondary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimary',
+        labelTextColor: 'accentTextSecondary',
+        labelTextColorHover: 'accentTextSecondary',
+        iconAfterFillIcon: 'accentItemSecondary',
+        iconBeforeFillIcon: 'accentItemSecondary',
+    },
+};
+export { menuItemAppearanceAccent };

package/dist/components/MenuItem/appearance/menuItemError.js

@@ -0,0 +1,19 @@
+const menuItemAppearanceError = {
+    errorMutedPrimary: {
+        fill: 'errorTertiary',
+        labelTextColor: 'errorTextQuaternary',
+        labelTextColorHover: 'errorTextQuaternary',
+        iconAfterFillIcon: 'errorItemQuaternary',
+        iconBeforeFillIcon: 'errorItemQuaternary',
+    },
+    errorPrimary: {
+        fill: 'errorPrimary',
+        fillHover: 'errorPrimary',
+        labelTextColor: 'errorTextPrimary',
+        labelTextColorHover: 'errorTextPrimary',
+        borderColor: 'errorBorderSecondary',
+        iconAfterFillIcon: 'errorItemPrimary',
+        iconBeforeFillIcon: 'errorItemPrimary',
+    },
+};
+export { menuItemAppearanceError };

package/dist/components/MenuItem/appearance/menuItemShape.js

@@ -0,0 +1,25 @@
+const menuItemAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+export { menuItemAppearanceShape };

package/dist/components/MenuItem/appearance/menuItemSize.js

@@ -0,0 +1,47 @@
+const menuItemAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        labelTextSize: 'l',
+        iconAfterSize: '20',
+        iconBeforeSize: '20',
+    },
+    sizeXL: {
+        size: 'xl',
+        labelTextSize: 'l',
+        iconAfterSize: '20',
+        iconBeforeSize: '20',
+    },
+    sizeL: {
+        size: 'l',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+        tooltipSize: 's',
+        tooltipTextSize: 'm',
+    },
+    sizeM: {
+        size: 'm',
+        labelTextSize: 's',
+        iconAfterSize: '16',
+        iconBeforeSize: '16',
+    },
+    sizeS: {
+        size: 's',
+        labelTextSize: 'xs',
+        iconAfterSize: '12',
+        iconBeforeSize: '12',
+    },
+    sizeXS: {
+        size: 'xs',
+        labelTextSize: 'xs',
+        iconAfterSize: '12',
+        iconBeforeSize: '12',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        labelTextSize: 'xxs',
+        iconAfterSize: '12',
+        iconBeforeSize: '12',
+    },
+};
+export { menuItemAppearanceSize };

package/dist/components/MenuItem/appearance/menuItemStyle.js

@@ -0,0 +1,14 @@
+const menuItemAppearanceStyle = {
+    solid: {
+        borderColor: 'none',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    full: {},
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
+    },
+};
+export { menuItemAppearanceStyle };