@itcase/ui 1.8.27 → 1.8.30

package/dist/{Avatar_cjs_D84VawE9.js → Avatar_cjs_33OrnLtt.js}

@@ -5,64 +5,27 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
+var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
 var Image = require('./Image_cjs_CCWqbNn4.js');
-var Text = require('./Text_cjs_DPhKj3wf.js');
+var Text = require('./Text_cjs_C9fOm0nd.js');
 
-var avatarAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-    },
-    accentPrimary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextSecondary',
-    },
-};
-
-var avatarAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-    },
-};
-
-var avatarAppearanceError = {
-    error: {
-        fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
-        textColor: 'errorTextPrimary',
-        textColorHover: 'errorTextPrimary',
-    },
-};
-
-var avatarAppearanceInfo = {
-    info: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextPrimary',
+var avatarAppearanceDefault = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
     },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextSecondary',
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
     },
-};
-
-var avatarAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        textColor: 'primaryTextPrimary',
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
     },
-};
-
-var avatarAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        textColor: 'secondaryTextPrimary',
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        textColor: 'surfaceTextPrimary',
     },
 };
 
@@ -74,6 +37,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXXS'
     },
     size20: {
         size: '20',
@@ -82,6 +46,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXXS'
     },
     size24: {
         size: '24',
@@ -90,6 +55,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXXS'
     },
     size32: {
         size: '32',
@@ -98,6 +64,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXS'
     },
     size40: {
         size: '40',
@@ -106,6 +73,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeS'
     },
     size56: {
         size: '56',
@@ -114,6 +82,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '16',
         iconBeforeFillSize: '16',
         iconBeforeSize: '16',
+        badgeAppearanceSize: 'sizeM'
     },
     size96: {
         size: '96',
@@ -122,6 +91,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '32',
         iconBeforeFillSize: '32',
         iconBeforeSize: '32',
+        badgeAppearanceSize: 'sizeXL'
     },
     size144: {
         size: '144',
@@ -130,6 +100,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '40',
         iconBeforeFillSize: '40',
         iconBeforeSize: '40',
+        badgeAppearanceSize: 'sizeXXL'
     },
     size240: {
         size: '240',
@@ -138,61 +109,27 @@ var avatarAppearanceSize = {
         iconAfterSize: '40',
         iconBeforeFillSize: '40',
         iconBeforeSize: '40',
+        badgeAppearanceSize: 'sizeXXL'
     },
 };
 
 var avatarAppearanceStyle = {
-    full: {
-        borderColor: '0',
-    },
-    ghost: {
-        fill: 'none',
-        borderColor: '0',
+    solid: {
+        borderColor: 'none',
     },
     outlined: {
         fill: 'none',
     },
-    solid: {
-        borderColor: '0',
-    },
-};
-
-var avatarAppearanceSuccess = {
-    success: {
-        fill: 'successPrimary',
-        textColor: 'successTextSecondary',
-    },
-};
-
-var avatarAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        textColor: 'surfaceTextPrimary',
+    full: {
+        borderColor: 'none',
     },
-};
-
-var avatarAppearanceWarning = {
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
-        textColor: 'warningTextSecondary',
-        textColorHover: 'warningTextSecondary',
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
     },
 };
 
-var avatarAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceAccent), avatarAppearanceDanger), avatarAppearanceError), avatarAppearanceInfo), avatarAppearancePrimary), avatarAppearanceSecondary), avatarAppearanceSuccess), avatarAppearanceSurface), avatarAppearanceWarning);
+var avatarAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceDefault);
 
 var avatarConfig = {
     appearance: avatarAppearance,
@@ -201,7 +138,7 @@ var avatarConfig = {
     },
 };
 function Avatar(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, Dot = props.Dot, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
+    var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
     var avatarChars = React.useMemo(function () {
         var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
         var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
@@ -212,8 +149,8 @@ function Avatar(props) {
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = avatarConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
-    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), Dot && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, badge = propsGenerator.badge, badgeValue = propsGenerator.badgeValue, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeShape = propsGenerator.badgeShape, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
+    return (jsxRuntime.jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxRuntime.jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsxRuntime.jsx(Image.Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsxRuntime.jsx(Text.Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (jsxRuntime.jsx(Tooltip.Badge, { className: "avatar__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
 }
 
 exports.Avatar = Avatar;

package/dist/{Avatar_es_CUnfNViT.js → Avatar_es_B3LiV8MM.js}

@@ -3,64 +3,27 @@ import { jsx, jsxs } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon } from './Tooltip_es_D1w1s33u.js';
+import { I as Icon, B as Badge } from './Tooltip_es_frBCZDrO.js';
 import { I as Image } from './Image_es_DZUVp0FS.js';
-import { T as Text } from './Text_es_BRb3qqKM.js';
+import { T as Text } from './Text_es_BfLRfj-5.js';
 
-var avatarAppearanceAccent = {
-    accent: {
-        fill: 'accentPrimary',
-    },
-    accentPrimary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-    },
-    accentSecondary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextSecondary',
-    },
-};
-
-var avatarAppearanceDanger = {
-    danger: {
-        fill: 'dangerPrimary',
-    },
-};
-
-var avatarAppearanceError = {
-    error: {
-        fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
-        textColor: 'errorTextPrimary',
-        textColorHover: 'errorTextPrimary',
-    },
-};
-
-var avatarAppearanceInfo = {
-    info: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextPrimary',
+var avatarAppearanceDefault = {
+    surfacePrimary: {
+        fill: 'surfacePrimary',
+        textColor: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
     },
-    infoSecondary: {
-        fill: 'accentPrimary',
-        borderColor: 'accentBorderPrimary',
-        textColor: 'accentTextSecondary',
+    surfaceSecondary: {
+        fill: 'surfaceSecondary',
+        textColor: 'surfaceTextPrimary',
     },
-};
-
-var avatarAppearancePrimary = {
-    primary: {
-        fill: 'primaryPrimary',
-        textColor: 'primaryTextPrimary',
+    surfaceTertiary: {
+        fill: 'surfaceTertiary',
+        textColor: 'surfaceTextPrimary',
     },
-};
-
-var avatarAppearanceSecondary = {
-    secondary: {
-        fill: 'secondaryPrimary',
-        textColor: 'secondaryTextPrimary',
+    surfaceQuaternary: {
+        fill: 'surfaceQuaternary',
+        textColor: 'surfaceTextPrimary',
     },
 };
 
@@ -72,6 +35,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXXS'
     },
     size20: {
         size: '20',
@@ -80,6 +44,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXXS'
     },
     size24: {
         size: '24',
@@ -88,6 +53,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXXS'
     },
     size32: {
         size: '32',
@@ -96,6 +62,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeXS'
     },
     size40: {
         size: '40',
@@ -104,6 +71,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
         iconBeforeSize: '12',
+        badgeAppearanceSize: 'sizeS'
     },
     size56: {
         size: '56',
@@ -112,6 +80,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '16',
         iconBeforeFillSize: '16',
         iconBeforeSize: '16',
+        badgeAppearanceSize: 'sizeM'
     },
     size96: {
         size: '96',
@@ -120,6 +89,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '32',
         iconBeforeFillSize: '32',
         iconBeforeSize: '32',
+        badgeAppearanceSize: 'sizeXL'
     },
     size144: {
         size: '144',
@@ -128,6 +98,7 @@ var avatarAppearanceSize = {
         iconAfterSize: '40',
         iconBeforeFillSize: '40',
         iconBeforeSize: '40',
+        badgeAppearanceSize: 'sizeXXL'
     },
     size240: {
         size: '240',
@@ -136,61 +107,27 @@ var avatarAppearanceSize = {
         iconAfterSize: '40',
         iconBeforeFillSize: '40',
         iconBeforeSize: '40',
+        badgeAppearanceSize: 'sizeXXL'
     },
 };
 
 var avatarAppearanceStyle = {
-    full: {
-        borderColor: '0',
-    },
-    ghost: {
-        fill: 'none',
-        borderColor: '0',
+    solid: {
+        borderColor: 'none',
     },
     outlined: {
         fill: 'none',
     },
-    solid: {
-        borderColor: '0',
-    },
-};
-
-var avatarAppearanceSuccess = {
-    success: {
-        fill: 'successPrimary',
-        textColor: 'successTextSecondary',
-    },
-};
-
-var avatarAppearanceSurface = {
-    surfacePrimary: {
-        fill: 'surfacePrimary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceQuaternary: {
-        fill: 'surfaceQuaternary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceSecondary: {
-        fill: 'surfaceSecondary',
-        textColor: 'surfaceTextPrimary',
-    },
-    surfaceTertiary: {
-        fill: 'surfaceTertiary',
-        textColor: 'surfaceTextPrimary',
+    full: {
+        borderColor: 'none',
     },
-};
-
-var avatarAppearanceWarning = {
-    warning: {
-        fill: 'warningPrimary',
-        fillHover: 'warningPrimaryHover',
-        textColor: 'warningTextSecondary',
-        textColorHover: 'warningTextSecondary',
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
     },
 };
 
-var avatarAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceAccent), avatarAppearanceDanger), avatarAppearanceError), avatarAppearanceInfo), avatarAppearancePrimary), avatarAppearanceSecondary), avatarAppearanceSuccess), avatarAppearanceSurface), avatarAppearanceWarning);
+var avatarAppearance = __assign(__assign(__assign({}, avatarAppearanceSize), avatarAppearanceStyle), avatarAppearanceDefault);
 
 var avatarConfig = {
     appearance: avatarAppearance,
@@ -199,7 +136,7 @@ var avatarConfig = {
     },
 };
 function Avatar(props) {
-    var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, Dot = props.Dot, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
+    var className = props.className, type = props.type, appearance = props.appearance, src = props.src, count = props.count, _a = props.firstName, firstName = _a === void 0 ? '' : _a, _b = props.secondName, secondName = _b === void 0 ? '' : _b, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick;
     var avatarChars = useMemo(function () {
         var firstChar = ((firstName === null || firstName === void 0 ? void 0 : firstName[0]) || '').toUpperCase();
         var secondChar = ((secondName === null || secondName === void 0 ? void 0 : secondName[0]) || '').toUpperCase();
@@ -210,8 +147,8 @@ function Avatar(props) {
         return (__assign(__assign({}, resultConfig), (_a = avatarConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
-    return (jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), Dot && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsx(Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), Dot, after] }) }));
+    var size = propsGenerator.size, fillClass = propsGenerator.fillClass, badge = propsGenerator.badge, badgeValue = propsGenerator.badgeValue, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeShape = propsGenerator.badgeShape, fillHoverClass = propsGenerator.fillHoverClass, textColor = propsGenerator.textColor, textSize = propsGenerator.textSize, textWeight = propsGenerator.textWeight, icon = propsGenerator.icon, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconFillSize = propsGenerator.iconFillSize, iconItemFill = propsGenerator.iconItemFill, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, placeholderUrl = propsGenerator.placeholderUrl, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass;
+    return (jsx("div", { className: clsx(className, 'avatar', shapeClass && "avatar_shape_".concat(shapeClass), size && "avatar_size_".concat(sizeClass), type && "avatar_type_".concat(type), (badgeValue || badgeAppearance || badgeSize) && 'avatar_status', isSkeleton && "avatar_skeleton", onClick && 'cursor_type_pointer'), onClick: onClick, children: jsxs("div", { className: clsx('avatar__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), children: [before, src ? (jsx(Image, { className: "avatar__image", src: src, placeholderUrl: placeholderUrl })) : (jsx(Text, { className: "avatar__text", size: textSize, textColor: textColor, textWeight: textWeight, children: avatarChars || count })), (icon || iconSrc) && (jsx(Icon, { className: "avatar__icon", fill: iconFill, fillHover: iconFillHover, fillSize: iconFillSize, iconFill: iconItemFill, iconSize: iconSize, imageSrc: iconSrc, shape: iconShape, SvgImage: icon })), (badge || badgeValue) && (jsx(Badge, { className: "avatar__badge", appearance: "".concat(badgeAppearance, " ").concat(badgeAppearanceSize), size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), after] }) }));
 }
 
 export { Avatar as A, avatarConfig as a, avatarAppearance as b };

package/dist/{Button_cjs_CYUpbdMO.js → Button_cjs_C05Joa8j.js}

@@ -4,10 +4,10 @@ var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
+var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
 var Link = require('./Link_cjs_DbRGq2Yk.js');
-var Loader = require('./Loader_cjs___VikiqS.js');
-var Text = require('./Text_cjs_DPhKj3wf.js');
+var Loader = require('./Loader_cjs_CCrbD8Em.js');
+var Text = require('./Text_cjs_C9fOm0nd.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 

package/dist/{Button_es_Dp6yFZgn.js → Button_es_CO_dwo-N.js}

@@ -2,10 +2,10 @@ import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { I as Icon } from './Tooltip_es_D1w1s33u.js';
+import { I as Icon } from './Tooltip_es_frBCZDrO.js';
 import { a as LinkWrapper } from './Link_es_DxtZLeKY.js';
-import { L as Loader } from './Loader_es_DHKB6tTw.js';
-import { T as Text } from './Text_es_BRb3qqKM.js';
+import { L as Loader } from './Loader_es_B2auu_rc.js';
+import { T as Text } from './Text_es_BfLRfj-5.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 

package/dist/{ChipsGroup_cjs_Ct-NrPmJ.js → ChipsGroup_cjs_DN9BoTKe.js}

@@ -6,8 +6,8 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Tooltip = require('./Tooltip_cjs_CaocDcQ5.js');
-var Text = require('./Text_cjs_DPhKj3wf.js');
+var Tooltip = require('./Tooltip_cjs_pBGCcXLZ.js');
+var Text = require('./Text_cjs_C9fOm0nd.js');
 
 var chipsAppearanceAccent = {
     accent: {
@@ -16,6 +16,12 @@ var chipsAppearanceAccent = {
         labelTextColor: 'accentTextPrimary',
         borderColor: 'accentBorderSecondary',
     },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextPrimary',
+        borderColor: 'accentBorderSecondary',
+    },
 };
 
 var chipsAppearanceDanger = {};
@@ -52,16 +58,15 @@ var chipsAppearanceSecondary = {
     },
 };
 
-/* eslint-disable perfectionist/sort-objects */
 var chipsAppearanceSize = {
-    sizeM: {
-        size: 'm',
-        labelTextSize: 's',
-    },
     sizeL: {
         size: 'l',
         labelTextSize: 'm',
     },
+    sizeM: {
+        size: 'm',
+        labelTextSize: 's',
+    },
 };
 
 var chipsAppearanceStyle = {
@@ -145,9 +150,7 @@ function Chips(props) {
             ? fillClass && "fill_".concat(fillClass)
             : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
             ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
-            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Chips"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxRuntime.jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: isActive && labelTextActiveColor, textColorHover: !isDisabled && !isActive
-                        ? labelTextHoverColor
-                        : labelTextActiveHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsxRuntime.jsx(Tooltip.Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Chips"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxRuntime.jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsxRuntime.jsx(Text.Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })) : (jsxRuntime.jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsxRuntime.jsx(Tooltip.Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
 }
 
 function ChipsGroup(props) {

package/dist/{ChipsGroup_es_BNuhlSG6.js → ChipsGroup_es_D9aK8Roh.js}

@@ -4,8 +4,8 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Tooltip_es_D1w1s33u.js';
-import { T as Text } from './Text_es_BRb3qqKM.js';
+import { I as Icon, B as Badge } from './Tooltip_es_frBCZDrO.js';
+import { T as Text } from './Text_es_BfLRfj-5.js';
 
 var chipsAppearanceAccent = {
     accent: {
@@ -14,6 +14,12 @@ var chipsAppearanceAccent = {
         labelTextColor: 'accentTextPrimary',
         borderColor: 'accentBorderSecondary',
     },
+    accentPrimary: {
+        fill: 'accentPrimary',
+        fillHover: 'accentPrimaryHover',
+        labelTextColor: 'accentTextPrimary',
+        borderColor: 'accentBorderSecondary',
+    },
 };
 
 var chipsAppearanceDanger = {};
@@ -50,16 +56,15 @@ var chipsAppearanceSecondary = {
     },
 };
 
-/* eslint-disable perfectionist/sort-objects */
 var chipsAppearanceSize = {
-    sizeM: {
-        size: 'm',
-        labelTextSize: 's',
-    },
     sizeL: {
         size: 'l',
         labelTextSize: 'm',
     },
+    sizeM: {
+        size: 'm',
+        labelTextSize: 's',
+    },
 };
 
 var chipsAppearanceStyle = {
@@ -143,9 +148,7 @@ function Chips(props) {
             ? fillClass && "fill_".concat(fillClass)
             : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
             ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
-            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Chips"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsx(Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: isActive && labelTextActiveColor, textColorHover: !isDisabled && !isActive
-                        ? labelTextHoverColor
-                        : labelTextActiveHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsx(Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), shapeClass && "chips_shape_".concat(shapeClass), borderColorClass && "border-color_".concat(borderColorClass), borderTypeClass && "border_type_".concat(borderTypeClass), sizeClass && "chips_size_".concat(sizeClass), alignDirectionClass && "align_".concat(alignDirectionClass), alignClass && "align_".concat(alignClass), isDisabled && "chips_state_disabled", cursorClass && "cursor_".concat(cursorClass), onClick && 'cursor_type_pointer'), "data-testid": dataTestId && "".concat(dataTestId, "Chips"), "data-tour": dataTour, style: chipsStyles, onClick: !isDisabled ? onClick : undefined, children: jsxs("div", { className: "chips__inner", children: [(iconBefore || iconBeforeSrc) && (jsx(Icon, { className: "chips__icon_before", size: iconBeforeSize, fill: iconBeforeFill, fillSize: iconBeforeFillSize, iconFill: iconBeforeFillIcon, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), typeof label === 'string' ? (jsx(Text, { className: "chips__label", size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })) : (jsx("div", { className: "chips__label", children: label })), children, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: "chips__icon_after", size: iconAfterSize, fill: iconAfterFill, fillSize: iconAfterFillSize, iconFill: iconAfterFillIcon, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter })), badgeValue && (jsx(Badge, { className: "chips__badge", appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue }))] }) }));
 }
 
 function ChipsGroup(props) {