@itcase/ui 1.8.39 → 1.8.40

package/dist/{DropdownItem_cjs_BuT4hQS1.js → DropdownItem_cjs_B1gGciTB.js}

@@ -6,12 +6,12 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
+var Tooltip = require('./Tooltip_cjs_BBwH8sjA.js');
 var Divider = require('./Divider_cjs_BmCJj3TN.js');
-var Tooltip = require('./Tooltip_cjs_CiY50iRK.js');
 var Text = require('./Text_cjs_C9fOm0nd.js');
 
 function Dropdown(props) {
-    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, setIsOpen = props.setIsOpen, children = props.children;
+    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, isSkeleton = props.isSkeleton, setIsOpen = props.setIsOpen, children = props.children;
     var dropdownRef = React.useRef(null);
     // const [isOpen, setIsOpen] = useState(false)
     var _c = React.useState({
@@ -64,17 +64,22 @@ function Dropdown(props) {
             ? "shape-strength_".concat(shapeStrengthClass)
             : shapeClass === 'rounded' && 'shape-strength_default', elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxRuntime.jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), 
                 // Add "onAnimationEnd" only for wrapper for ignore dropdown button
-                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsxRuntime.jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive }, item.key)); }), children] })), after] }));
+                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsxRuntime.jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton }, item.key)); }), children] })), after] }));
 }
 
 var dropdownAppearanceAccent = {
     accentPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillActive: 'accentPrimaryActive',
+        fillActiveHover: 'accentHoverPrimary',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorActive: 'accentTextPrimary',
         labelTextColorActiveHover: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
+        badgeAppearance: 'surfacePrimary',
+        dividerFill: 'surfaceTertiary',
+        emptyMessageTextColor: 'accentTextPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
     },
@@ -90,8 +95,11 @@ var dropdownAppearanceAccent = {
 var dropdownAppearanceSize = {
     sizeL: {
         size: 'l',
-        labelTextSize: 'l',
+        labelTextSize: 'm',
+        badgeSize: 'xs',
+        badgeTextSize: 'xs',
         dividerSize: 's',
+        emptyMessageTextSize: 'm',
         iconAfterFillSize: '24',
         iconAfterSize: '24',
         iconBeforeFillSize: '24',
@@ -100,7 +108,10 @@ var dropdownAppearanceSize = {
     sizeS: {
         size: 's',
         labelTextSize: 's',
+        badgeSize: 'xs',
+        badgeTextSize: 'xs',
         dividerSize: 's',
+        emptyMessageTextSize: 'm',
         iconAfterFillSize: '16',
         iconAfterSize: '16',
         iconBeforeFillSize: '16',
@@ -109,7 +120,10 @@ var dropdownAppearanceSize = {
     sizeXS: {
         size: 'xs',
         labelTextSize: 'xs',
+        badgeSize: 'xs',
+        badgeTextSize: 'xs',
         dividerSize: 's',
+        emptyMessageTextSize: 'xs',
         iconAfterFillSize: '12',
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
@@ -134,12 +148,15 @@ var dropdownAppearanceStyle = {
 var dropdownAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
+        fillActive: 'surfacePrimaryActive',
         fillHover: 'surfaceHover',
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorActive: 'surfaceTextPrimary',
         labelTextColorActiveHover: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
         dividerFill: 'surfaceTertiary',
+        emptyMessageTextColor: 'surfaceTextPrimary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
     },
@@ -171,21 +188,21 @@ var dropdownItemConfig = {
     },
 };
 function DropdownItem(props) {
-    var className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, isDisabled = props.isDisabled, showDivider = props.showDivider, before = props.before, after = props.after, isActive = props.isActive, isHover = props.isHover, set = props.set, onClick = props.onClick, onMouseEnter = props.onMouseEnter, children = props.children;
+    var className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, isDisabled = props.isDisabled, badgeValue = props.badgeValue, emptyMessage = props.emptyMessage, showDivider = props.showDivider, before = props.before, after = props.after, isActive = props.isActive, isHover = props.isHover, isSkeleton = props.isSkeleton, set = props.set, onClick = props.onClick, onMouseEnter = props.onMouseEnter, children = props.children;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = dropdownItemConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextAlign = propsGenerator.labelTextAlign, labelTextColor = propsGenerator.labelTextColor, labelTextColorActive = propsGenerator.labelTextColorActive, labelTextColorActiveHover = propsGenerator.labelTextColorActiveHover, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextStyle = propsGenerator.labelTextStyle, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, descTextColor = propsGenerator.descTextColor, descTextColorHover = propsGenerator.descTextColorHover, descTextGradient = propsGenerator.descTextGradient, descTextSize = propsGenerator.descTextSize, descTextStyle = propsGenerator.descTextStyle, descTextWeight = propsGenerator.descTextWeight, descTextWrap = propsGenerator.descTextWrap, dividerDirection = propsGenerator.dividerDirection, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextAlign = propsGenerator.labelTextAlign, labelTextColor = propsGenerator.labelTextColor, labelTextColorActive = propsGenerator.labelTextColorActive, labelTextColorActiveHover = propsGenerator.labelTextColorActiveHover, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextStyle = propsGenerator.labelTextStyle, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, descTextColor = propsGenerator.descTextColor, descTextColorHover = propsGenerator.descTextColorHover, descTextGradient = propsGenerator.descTextGradient, descTextSize = propsGenerator.descTextSize, descTextStyle = propsGenerator.descTextStyle, descTextWeight = propsGenerator.descTextWeight, descTextWrap = propsGenerator.descTextWrap, badgeAppearance = propsGenerator.badgeAppearance, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, dividerDirection = propsGenerator.dividerDirection, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, emptyMessageTextColor = propsGenerator.emptyMessageTextColor, emptyMessageTextColorHover = propsGenerator.emptyMessageTextColorHover, emptyMessageTextSize = propsGenerator.emptyMessageTextSize, emptyMessageTextStyle = propsGenerator.emptyMessageTextStyle, emptyMessageTextWeight = propsGenerator.emptyMessageTextWeight, emptyMessageTextWrap = propsGenerator.emptyMessageTextWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var dropdownItem = useStyles.useStyles(props).styles;
     return (jsxRuntime.jsxs("div", { className: clsx('dropdown__item', isActive && 'dropdown__item_state_active', isHover && 'dropdown__item_state_hover', directionClass && "dropdown__item_direction_".concat(directionClass), className, !isActive
             ? fillClass && "fill_".concat(fillClass)
             : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
             ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
-            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), sizeClass && "dropdown__item_size_".concat(sizeClass), shapeClass && "dropdown__item_shape_".concat(shapeClass), widthClass && "dropdown__item_width_".concat(widthClass), isDisabled && "dropdown__item_state_disabled", onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), justifyContentClass &&
-            "dropdown__item_justify-content_".concat(justifyContentClass)), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsxRuntime.jsx("div", { className: "dropdown__item-wrapper", children: jsxRuntime.jsxs(React.Fragment, { children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('dropdown__item_before', iconBadgeValue && 'dropdown__item_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: !isActive && labelTextColor, textColorActive: "accentTextPrimary", textColorActive: isActive && labelTextColorActive, textColorHover: !isActive && labelTextColorHover, textColorHoverActive: isActive && labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorGradient: descTextGradient, textColorHover: descTextColorHover, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, isActive: isActive, children: desc }))] })), after, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('dropdown__item_after', iconBadgeValue && 'dropdown__item_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }), showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), sizeClass && "dropdown__item_size_".concat(sizeClass), shapeClass && "dropdown__item_shape_".concat(shapeClass), widthClass && "dropdown__item_width_".concat(widthClass), isDisabled && "dropdown__item_state_disabled", onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), isSkeleton && "dropdown__item_skeleton", justifyContentClass &&
+            "dropdown__item_justify-content_".concat(justifyContentClass)), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsxRuntime.jsx("div", { className: "dropdown__item-wrapper", children: jsxRuntime.jsxs(React.Fragment, { children: [before, (iconBefore || iconBeforeSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('dropdown__item_before', iconBadgeValue && 'dropdown__item_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), children || (jsxRuntime.jsxs(React.Fragment, { children: [label && (jsxRuntime.jsx(Text.Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: !isActive && labelTextColor, textColorActive: "accentTextPrimary", textColorActive: isActive && labelTextColorActive, textColorHover: !isActive && labelTextColorHover, textColorHoverActive: isActive && labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })), badgeValue && (jsxRuntime.jsx(Tooltip.Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), desc && (jsxRuntime.jsx(Text.Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorGradient: descTextGradient, textColorHover: descTextColorHover, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, isActive: isActive, children: desc })), emptyMessage && (jsxRuntime.jsx(Text.Text, { className: "dropdown__item", size: emptyMessageTextSize, textColor: emptyMessageTextColor, textColorHover: emptyMessageTextColorHover, textStyle: emptyMessageTextStyle, textWeight: emptyMessageTextWeight, textWrap: emptyMessageTextWrap, isActive: isActive, children: emptyMessage }))] })), after, (iconAfter || iconAfterSrc) && (jsxRuntime.jsx(Tooltip.Icon, { className: clsx('dropdown__item_after', iconBadgeValue && 'dropdown__item_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }), showDivider && (jsxRuntime.jsx(Divider.Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
 }
 
 exports.Dropdown = Dropdown;

package/dist/{DropdownItem_es_CrwvBzq_.js → DropdownItem_es_JVT4f6Nb.js}

@@ -4,12 +4,12 @@ import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
+import { I as Icon, B as Badge } from './Tooltip_es_Y2aoFQW7.js';
 import { D as Divider } from './Divider_es_kY-30pft.js';
-import { I as Icon } from './Tooltip_es_Cc2orRUE.js';
 import { T as Text } from './Text_es_BfLRfj-5.js';
 
 function Dropdown(props) {
-    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, setIsOpen = props.setIsOpen, children = props.children;
+    var className = props.className, appearance = props.appearance, _a = props.animationClose, animationClose = _a === void 0 ? 'dropdown_animation_close' : _a, _b = props.animationOpen, animationOpen = _b === void 0 ? 'dropdown_animation_open' : _b, dropdownList = props.dropdownList, before = props.before, after = props.after, isOpen = props.isOpen, isSkeleton = props.isSkeleton, setIsOpen = props.setIsOpen, children = props.children;
     var dropdownRef = useRef(null);
     // const [isOpen, setIsOpen] = useState(false)
     var _c = useState({
@@ -62,17 +62,22 @@ function Dropdown(props) {
             ? "shape-strength_".concat(shapeStrengthClass)
             : shapeClass === 'rounded' && 'shape-strength_default', elevationClass && "elevation_".concat(elevationClass), isOpen ? 'dropdown_state_open' : 'dropdown_state_close', animationState.className), ref: dropdownRef, style: styles, children: [before, (children || dropdownList) && (jsxs("div", { className: clsx('dropdown__wrapper', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass)), 
                 // Add "onAnimationEnd" only for wrapper for ignore dropdown button
-                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive }, item.key)); }), children] })), after] }));
+                onAnimationEnd: onAnimationEnd, children: [dropdownList === null || dropdownList === void 0 ? void 0 : dropdownList.map(function (item) { return (jsx(DropdownItem, { appearance: appearance, label: item.label, badgeValue: item.badgeValue, emptyMessage: item.emptyMessage, iconAfter: item.iconAfter, iconBefore: item.iconBefore, iconSrc: item.icon, isActive: item.isActive, isSkeleton: isSkeleton }, item.key)); }), children] })), after] }));
 }
 
 var dropdownAppearanceAccent = {
     accentPrimary: {
         fill: 'accentPrimary',
-        fillHover: 'accentPrimaryHover',
+        fillActive: 'accentPrimaryActive',
+        fillActiveHover: 'accentHoverPrimary',
+        fillHover: 'accentHoverPrimary',
         labelTextColor: 'accentTextPrimary',
         labelTextColorActive: 'accentTextPrimary',
         labelTextColorActiveHover: 'accentTextPrimary',
         labelTextColorHover: 'accentTextPrimary',
+        badgeAppearance: 'surfacePrimary',
+        dividerFill: 'surfaceTertiary',
+        emptyMessageTextColor: 'accentTextPrimary',
         iconAfterFillIcon: 'accentItemPrimary',
         iconBeforeFillIcon: 'accentItemPrimary',
     },
@@ -88,8 +93,11 @@ var dropdownAppearanceAccent = {
 var dropdownAppearanceSize = {
     sizeL: {
         size: 'l',
-        labelTextSize: 'l',
+        labelTextSize: 'm',
+        badgeSize: 'xs',
+        badgeTextSize: 'xs',
         dividerSize: 's',
+        emptyMessageTextSize: 'm',
         iconAfterFillSize: '24',
         iconAfterSize: '24',
         iconBeforeFillSize: '24',
@@ -98,7 +106,10 @@ var dropdownAppearanceSize = {
     sizeS: {
         size: 's',
         labelTextSize: 's',
+        badgeSize: 'xs',
+        badgeTextSize: 'xs',
         dividerSize: 's',
+        emptyMessageTextSize: 'm',
         iconAfterFillSize: '16',
         iconAfterSize: '16',
         iconBeforeFillSize: '16',
@@ -107,7 +118,10 @@ var dropdownAppearanceSize = {
     sizeXS: {
         size: 'xs',
         labelTextSize: 'xs',
+        badgeSize: 'xs',
+        badgeTextSize: 'xs',
         dividerSize: 's',
+        emptyMessageTextSize: 'xs',
         iconAfterFillSize: '12',
         iconAfterSize: '12',
         iconBeforeFillSize: '12',
@@ -132,12 +146,15 @@ var dropdownAppearanceStyle = {
 var dropdownAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
+        fillActive: 'surfacePrimaryActive',
         fillHover: 'surfaceHover',
         labelTextColor: 'surfaceTextPrimary',
         labelTextColorActive: 'surfaceTextPrimary',
         labelTextColorActiveHover: 'surfaceTextPrimary',
         labelTextColorHover: 'surfaceTextPrimary',
+        badgeAppearance: 'accentPrimary',
         dividerFill: 'surfaceTertiary',
+        emptyMessageTextColor: 'surfaceTextPrimary',
         iconAfterFillIcon: 'surfaceItemPrimary',
         iconBeforeFillIcon: 'surfaceItemPrimary',
     },
@@ -169,21 +186,21 @@ var dropdownItemConfig = {
     },
 };
 function DropdownItem(props) {
-    var className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, isDisabled = props.isDisabled, showDivider = props.showDivider, before = props.before, after = props.after, isActive = props.isActive, isHover = props.isHover, set = props.set, onClick = props.onClick, onMouseEnter = props.onMouseEnter, children = props.children;
+    var className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, isDisabled = props.isDisabled, badgeValue = props.badgeValue, emptyMessage = props.emptyMessage, showDivider = props.showDivider, before = props.before, after = props.after, isActive = props.isActive, isHover = props.isHover, isSkeleton = props.isSkeleton, set = props.set, onClick = props.onClick, onMouseEnter = props.onMouseEnter, children = props.children;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
         return (__assign(__assign({}, resultConfig), (_a = dropdownItemConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextAlign = propsGenerator.labelTextAlign, labelTextColor = propsGenerator.labelTextColor, labelTextColorActive = propsGenerator.labelTextColorActive, labelTextColorActiveHover = propsGenerator.labelTextColorActiveHover, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextStyle = propsGenerator.labelTextStyle, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, descTextColor = propsGenerator.descTextColor, descTextColorHover = propsGenerator.descTextColorHover, descTextGradient = propsGenerator.descTextGradient, descTextSize = propsGenerator.descTextSize, descTextStyle = propsGenerator.descTextStyle, descTextWeight = propsGenerator.descTextWeight, descTextWrap = propsGenerator.descTextWrap, dividerDirection = propsGenerator.dividerDirection, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextAlign = propsGenerator.labelTextAlign, labelTextColor = propsGenerator.labelTextColor, labelTextColorActive = propsGenerator.labelTextColorActive, labelTextColorActiveHover = propsGenerator.labelTextColorActiveHover, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextStyle = propsGenerator.labelTextStyle, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, descTextColor = propsGenerator.descTextColor, descTextColorHover = propsGenerator.descTextColorHover, descTextGradient = propsGenerator.descTextGradient, descTextSize = propsGenerator.descTextSize, descTextStyle = propsGenerator.descTextStyle, descTextWeight = propsGenerator.descTextWeight, descTextWrap = propsGenerator.descTextWrap, badgeAppearance = propsGenerator.badgeAppearance, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, dividerDirection = propsGenerator.dividerDirection, dividerFill = propsGenerator.dividerFill, dividerSize = propsGenerator.dividerSize, emptyMessageTextColor = propsGenerator.emptyMessageTextColor, emptyMessageTextColorHover = propsGenerator.emptyMessageTextColorHover, emptyMessageTextSize = propsGenerator.emptyMessageTextSize, emptyMessageTextStyle = propsGenerator.emptyMessageTextStyle, emptyMessageTextWeight = propsGenerator.emptyMessageTextWeight, emptyMessageTextWrap = propsGenerator.emptyMessageTextWrap, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBadgeAppearance = propsGenerator.iconBadgeAppearance, iconBadgeShape = propsGenerator.iconBadgeShape, iconBadgeSize = propsGenerator.iconBadgeSize, iconBadgeTextColor = propsGenerator.iconBadgeTextColor, iconBadgeTextSize = propsGenerator.iconBadgeTextSize, iconBadgeValue = propsGenerator.iconBadgeValue, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     // @ts-expect-error
     var dropdownItem = useStyles(props).styles;
     return (jsxs("div", { className: clsx('dropdown__item', isActive && 'dropdown__item_state_active', isHover && 'dropdown__item_state_hover', directionClass && "dropdown__item_direction_".concat(directionClass), className, !isActive
             ? fillClass && "fill_".concat(fillClass)
             : fillActiveClass && "fill_active_".concat(fillActiveClass), !isActive
             ? fillHoverClass && "fill_hover_".concat(fillHoverClass)
-            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), sizeClass && "dropdown__item_size_".concat(sizeClass), shapeClass && "dropdown__item_shape_".concat(shapeClass), widthClass && "dropdown__item_width_".concat(widthClass), isDisabled && "dropdown__item_state_disabled", onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), justifyContentClass &&
-            "dropdown__item_justify-content_".concat(justifyContentClass)), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsx("div", { className: "dropdown__item-wrapper", children: jsxs(React.Fragment, { children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('dropdown__item_before', iconBadgeValue && 'dropdown__item_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: !isActive && labelTextColor, textColorActive: "accentTextPrimary", textColorActive: isActive && labelTextColorActive, textColorHover: !isActive && labelTextColorHover, textColorHoverActive: isActive && labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })), desc && (jsx(Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorGradient: descTextGradient, textColorHover: descTextColorHover, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, isActive: isActive, children: desc }))] })), after, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('dropdown__item_after', iconBadgeValue && 'dropdown__item_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }), showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
+            : fillActiveHoverClass && "fill_active_hover_".concat(fillActiveHoverClass), fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), sizeClass && "dropdown__item_size_".concat(sizeClass), shapeClass && "dropdown__item_shape_".concat(shapeClass), widthClass && "dropdown__item_width_".concat(widthClass), isDisabled && "dropdown__item_state_disabled", onClick && 'cursor_type_pointer', set && "dropdown__item_set_".concat(set), isSkeleton && "dropdown__item_skeleton", justifyContentClass &&
+            "dropdown__item_justify-content_".concat(justifyContentClass)), style: dropdownItem, onClick: onClick, onMouseEnter: onMouseEnter, children: [jsx("div", { className: "dropdown__item-wrapper", children: jsxs(React.Fragment, { children: [before, (iconBefore || iconBeforeSrc) && (jsx(Icon, { className: clsx('dropdown__item_before', iconBadgeValue && 'dropdown__item_before-badge'), fill: iconBeforeFill, fillSize: iconBeforeFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_before_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconBeforeFillIcon, iconSize: iconBeforeSize, imageSrc: iconBeforeSrc, shape: iconBeforeShape, SvgImage: iconBefore })), children || (jsxs(React.Fragment, { children: [label && (jsx(Text, { className: "dropdown__item-label", size: labelTextSize, textAlign: labelTextAlign, textColor: !isActive && labelTextColor, textColorActive: "accentTextPrimary", textColorActive: isActive && labelTextColorActive, textColorHover: !isActive && labelTextColorHover, textColorHoverActive: isActive && labelTextColorActiveHover, textStyle: labelTextStyle, textWeight: labelTextWeight, textWrap: labelTextWrap, isActive: isActive, children: label })), badgeValue && (jsx(Badge, { appearance: badgeAppearance, size: badgeSize, textColor: badgeTextColor, textSize: badgeTextSize, shape: badgeShape, value: badgeValue })), desc && (jsx(Text, { className: "dropdown__item-desc", size: descTextSize, textColor: descTextColor, textColorGradient: descTextGradient, textColorHover: descTextColorHover, textStyle: descTextStyle, textWeight: descTextWeight, textWrap: descTextWrap, isActive: isActive, children: desc })), emptyMessage && (jsx(Text, { className: "dropdown__item", size: emptyMessageTextSize, textColor: emptyMessageTextColor, textColorHover: emptyMessageTextColorHover, textStyle: emptyMessageTextStyle, textWeight: emptyMessageTextWeight, textWrap: emptyMessageTextWrap, isActive: isActive, children: emptyMessage }))] })), after, (iconAfter || iconAfterSrc) && (jsx(Icon, { className: clsx('dropdown__item_after', iconBadgeValue && 'dropdown__item_after-badge'), fill: iconAfterFill, fillSize: iconAfterFillSize, badgeAppearance: iconBadgeAppearance, badgeClass: 'dropdown__item_after_badge', badgeShape: iconBadgeShape, badgeSize: iconBadgeSize, badgeTextColor: iconBadgeTextColor, badgeTextSize: iconBadgeTextSize, badgeValue: iconBadgeValue, iconFill: iconAfterFillIcon, iconSize: iconAfterSize, imageSrc: iconAfterSrc, shape: iconAfterShape, SvgImage: iconAfter }))] }) }), showDivider && (jsx(Divider, { width: "fill", direction: dividerDirection, size: dividerSize, fill: dividerFill }))] }));
 }
 
 export { Dropdown as D, DropdownItem as a, dropdownItemConfig as b, dropdownItemAppearance as d };

package/dist/{Label_cjs_CKR9noZi.js → Label_cjs_Mb8j2bLu.js}

@@ -6,7 +6,7 @@ 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_CiY50iRK.js');
+var Tooltip = require('./Tooltip_cjs_BBwH8sjA.js');
 var Text = require('./Text_cjs_C9fOm0nd.js');
 
 var labelAppearanceAccent = {
@@ -74,7 +74,6 @@ var labelAppearanceError = {
     },
     errorPrimary: {
         fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         borderColor: 'errorBorderSecondary',
         iconAfterFillIcon: 'errorItemPrimary',
@@ -110,7 +109,6 @@ var labelAppearancePrimary = {
     primaryMutedPrimary: {
         fill: 'primaryDisabled',
         labelTextColor: 'primaryTextSecondary',
-        labelTextColorHover: 'primaryTextSecondary',
         borderColor: 'primaryBorderTertiary',
         iconAfterFillIcon: 'primaryItemSecondary',
         iconBeforeFillIcon: 'primaryItemSecondary',
@@ -224,7 +222,6 @@ var labelAppearanceSuccess = {
     },
     successPrimary: {
         fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
         labelTextColor: 'successTextPrimary',
         borderColor: 'successBorderSecondary',
         iconAfterFillIcon: 'successItemPrimary',
@@ -236,7 +233,6 @@ var labelAppearanceSurface = {
     surfaceMutedPrimary: {
         fill: 'surfaceSecondary',
         labelTextColor: 'surfaceTextQuaternary',
-        labelTextColorHover: 'surfaceTextQuaternary',
         borderColor: 'surfaceBorderQuaternary',
         iconAfterFillIcon: 'surfaceItemQuaternary',
         iconBeforeFillIcon: 'surfaceItemQuaternary',

package/dist/{Label_es_Cz9OKQAr.js → Label_es_CIDBUVgO.js}

@@ -4,7 +4,7 @@ import { useRef, useCallback } from 'react';
 import clsx from 'clsx';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from './Tooltip_es_Cc2orRUE.js';
+import { I as Icon, T as Tooltip } from './Tooltip_es_Y2aoFQW7.js';
 import { T as Text } from './Text_es_BfLRfj-5.js';
 
 var labelAppearanceAccent = {
@@ -72,7 +72,6 @@ var labelAppearanceError = {
     },
     errorPrimary: {
         fill: 'errorPrimary',
-        fillHover: 'errorPrimaryHover',
         labelTextColor: 'errorTextPrimary',
         borderColor: 'errorBorderSecondary',
         iconAfterFillIcon: 'errorItemPrimary',
@@ -108,7 +107,6 @@ var labelAppearancePrimary = {
     primaryMutedPrimary: {
         fill: 'primaryDisabled',
         labelTextColor: 'primaryTextSecondary',
-        labelTextColorHover: 'primaryTextSecondary',
         borderColor: 'primaryBorderTertiary',
         iconAfterFillIcon: 'primaryItemSecondary',
         iconBeforeFillIcon: 'primaryItemSecondary',
@@ -222,7 +220,6 @@ var labelAppearanceSuccess = {
     },
     successPrimary: {
         fill: 'successPrimary',
-        fillHover: 'successPrimaryHover',
         labelTextColor: 'successTextPrimary',
         borderColor: 'successBorderSecondary',
         iconAfterFillIcon: 'successItemPrimary',
@@ -234,7 +231,6 @@ var labelAppearanceSurface = {
     surfaceMutedPrimary: {
         fill: 'surfaceSecondary',
         labelTextColor: 'surfaceTextQuaternary',
-        labelTextColorHover: 'surfaceTextQuaternary',
         borderColor: 'surfaceBorderQuaternary',
         iconAfterFillIcon: 'surfaceItemQuaternary',
         iconBeforeFillIcon: 'surfaceItemQuaternary',

package/dist/{Tooltip_cjs_CiY50iRK.js → Tooltip_cjs_BBwH8sjA.js}

@@ -317,6 +317,7 @@ var iconAppearanceDanger = {
     dangerPrimary: {
         fill: 'dangerPrimary',
         fillHover: 'dangerHover',
+        borderColor: 'dangerBorderSecondary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'dangerItemPrimary',
     },
@@ -329,6 +330,7 @@ var iconAppearanceDisabled = {
     },
     disabledPrimary: {
         fill: 'surfaceDisabled',
+        borderColor: 'surfaceBorderDisabled',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'surfaceItemQuaternary',
     },
@@ -344,6 +346,7 @@ var iconAppearanceError = {
     errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorHover',
+        borderColor: 'errorBorderPrimary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'errorItemPrimary',
     },
@@ -357,8 +360,7 @@ var iconAppearanceInfo = {
     },
     infoPrimary: {
         fill: 'infoPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
+        borderColor: 'infoBorderDisabled',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'infoItemPrimary',
     },
@@ -379,6 +381,7 @@ var iconAppearancePrimary = {
     primaryPrimary: {
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
+        borderColor: 'primaryBorderQuaternary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'primaryItemPrimary',
     },
@@ -392,6 +395,7 @@ var iconAppearanceSecondary = {
     secondaryPrimary: {
         fill: 'secondaryPrimary',
         fillHover: 'secondaryPrimaryHover',
+        borderColor: 'secondaryBorderQuaternary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'secondaryItemPrimary',
     },
@@ -562,6 +566,7 @@ var iconAppearanceSuccess = {
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successHover',
+        borderColor: 'successBorderHover',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'successItemPrimary',
     },
@@ -571,6 +576,7 @@ var iconAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'surfaceItemPrimary',
     },
@@ -604,6 +610,7 @@ var iconAppearanceWarning = {
     warningPrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningHover',
+        borderColor: 'warningBorderSecondary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'warningItemPrimary',
     },

package/dist/{Tooltip_es_Cc2orRUE.js → Tooltip_es_Y2aoFQW7.js}

@@ -315,6 +315,7 @@ var iconAppearanceDanger = {
     dangerPrimary: {
         fill: 'dangerPrimary',
         fillHover: 'dangerHover',
+        borderColor: 'dangerBorderSecondary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'dangerItemPrimary',
     },
@@ -327,6 +328,7 @@ var iconAppearanceDisabled = {
     },
     disabledPrimary: {
         fill: 'surfaceDisabled',
+        borderColor: 'surfaceBorderDisabled',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'surfaceItemQuaternary',
     },
@@ -342,6 +344,7 @@ var iconAppearanceError = {
     errorPrimary: {
         fill: 'errorPrimary',
         fillHover: 'errorHover',
+        borderColor: 'errorBorderPrimary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'errorItemPrimary',
     },
@@ -355,8 +358,7 @@ var iconAppearanceInfo = {
     },
     infoPrimary: {
         fill: 'infoPrimary',
-        fillHover: 'accentPrimaryHover',
-        borderColor: 'accentBorderPrimary',
+        borderColor: 'infoBorderDisabled',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'infoItemPrimary',
     },
@@ -377,6 +379,7 @@ var iconAppearancePrimary = {
     primaryPrimary: {
         fill: 'primaryPrimary',
         fillHover: 'primaryPrimaryHover',
+        borderColor: 'primaryBorderQuaternary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'primaryItemPrimary',
     },
@@ -390,6 +393,7 @@ var iconAppearanceSecondary = {
     secondaryPrimary: {
         fill: 'secondaryPrimary',
         fillHover: 'secondaryPrimaryHover',
+        borderColor: 'secondaryBorderQuaternary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'secondaryItemPrimary',
     },
@@ -560,6 +564,7 @@ var iconAppearanceSuccess = {
     successPrimary: {
         fill: 'successPrimary',
         fillHover: 'successHover',
+        borderColor: 'successBorderHover',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'successItemPrimary',
     },
@@ -569,6 +574,7 @@ var iconAppearanceSurface = {
     surfacePrimary: {
         fill: 'surfacePrimary',
         fillHover: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'surfaceItemPrimary',
     },
@@ -602,6 +608,7 @@ var iconAppearanceWarning = {
     warningPrimary: {
         fill: 'warningPrimary',
         fillHover: 'warningHover',
+        borderColor: 'warningBorderSecondary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'warningItemPrimary',
     },

package/dist/cjs/components/Accordion.js

@@ -7,7 +7,7 @@ var clsx = require('clsx');
 var castArray = require('lodash/castArray');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var Divider = require('../../Divider_cjs_BmCJj3TN.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var _default = require('@itcase/icons/default');

package/dist/cjs/components/Avatar.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Avatar = require('../../Avatar_cjs_mqB6k6yB.js');
+var Avatar = require('../../Avatar_cjs_BbeDJ-No.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -16,7 +16,7 @@ require('../context/UIContext.js');
 require('../hooks/useMediaQueries/useMediaQueries.js');
 require('react-responsive');
 require('../utils/setViewportProperty.js');
-require('../../Tooltip_cjs_CiY50iRK.js');
+require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');

package/dist/cjs/components/AvatarStack.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Avatar = require('../../Avatar_cjs_mqB6k6yB.js');
+var Avatar = require('../../Avatar_cjs_BbeDJ-No.js');
 var Group = require('../../Group_cjs_Cwt0gWk4.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
@@ -21,7 +21,7 @@ require('react-responsive');
 require('../utils/setViewportProperty.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Tooltip_cjs_CiY50iRK.js');
+require('../../Tooltip_cjs_BBwH8sjA.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');

package/dist/cjs/components/Badge.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/Breadcrumbs.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var Link = require('../../Link_cjs_DbRGq2Yk.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 var _default = require('@itcase/icons/default');

package/dist/cjs/components/Button.js

@@ -1,11 +1,11 @@
 'use strict';
 
-var Button = require('../../Button_cjs_CwduBuCx.js');
+var Button = require('../../Button_cjs_Ctkyt2ES.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
-require('../../Tooltip_cjs_CiY50iRK.js');
+require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Cell.js

@@ -5,8 +5,8 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
-var Label = require('../../Label_cjs_CKR9noZi.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
+var Label = require('../../Label_cjs_Mb8j2bLu.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('react');
 require('lodash/camelCase');

package/dist/cjs/components/Chips.js

@@ -1,8 +1,9 @@
 'use strict';
 
-var ChipsGroup = require('../../ChipsGroup_cjs_Dq-QQCR_.js');
+var ChipsGroup = require('../../ChipsGroup_cjs_p99H-9a8.js');
 require('react/jsx-runtime');
 require('clsx');
+require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
@@ -19,7 +20,7 @@ require('../utils/setViewportProperty.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
 require('../hooks/useStyles/styleAttributes.js');
-require('../../Tooltip_cjs_CiY50iRK.js');
+require('../../Tooltip_cjs_BBwH8sjA.js');
 require('../../Text_cjs_C9fOm0nd.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');

package/dist/cjs/components/Choice.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Tooltip = require('../../Tooltip_cjs_CiY50iRK.js');
+var Tooltip = require('../../Tooltip_cjs_BBwH8sjA.js');
 var Loader = require('../../Loader_cjs_Ca4i0sER.js');
 var Text = require('../../Text_cjs_C9fOm0nd.js');
 require('lodash/camelCase');