@itcase/ui 1.8.110 → 1.8.111

package/dist/{Avatar_cjs_joB9qjwk.js → Avatar_cjs_CQhA8iu9.js}

@@ -5,9 +5,9 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('./Icon_cjs_ZerVip3X.js');
+var Icon = require('./Icon_cjs_D-UNVTqI.js');
 var Image = require('./Image_cjs_B6YlGx8G.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var avatarAppearanceDefault = {

package/dist/{Avatar_es_C3HGSiHU.js → Avatar_es__NA_FQGM.js}

@@ -3,9 +3,9 @@ import { useMemo } from 'react';
 import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
-import { I as Icon, B as Badge } from './Icon_es_C76te22j.js';
+import { I as Icon, B as Badge } from './Icon_es_Cstv1LFr.js';
 import { I as Image } from './Image_es_BvYo_cHH.js';
-import { T as Text } from './Text_es_CtCwsa3V.js';
+import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 var avatarAppearanceDefault = {

package/dist/{Button_cjs_mau_55Fl.js → Button_cjs_B2eZhvoC.js}

@@ -3,10 +3,10 @@
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
-var Icon = require('./Icon_cjs_ZerVip3X.js');
-var Link = require('./Link_cjs_BqT6eVl6.js');
-var Loader = require('./Loader_cjs_c6yF7akz.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Icon = require('./Icon_cjs_D-UNVTqI.js');
+var Link = require('./Link_cjs_C5UsZUiF.js');
+var Loader = require('./Loader_cjs_Cme6Hi0B.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
@@ -450,7 +450,7 @@ var buttonConfig = {
 };
 var Button = React.forwardRef(function Button(props, ref) {
     var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, isDisabled = props.isDisabled, Badge = props.Badge, href = props.href, _a = props.htmlType, htmlType = _a === void 0 ? 'button' : _a, link = props.link, rel = props.rel, target = props.target, before = props.before, after = props.after, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, buttonConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, buttonConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextTruncate = propsGenerator.labelTextTruncate, labelTextWeight = propsGenerator.labelTextWeight, labelTextWidth = propsGenerator.labelTextWidth, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, icon = propsGenerator.icon, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, loaderAppearance = propsGenerator.loaderAppearance, loaderFill = propsGenerator.loaderFill, loaderItemFill = propsGenerator.loaderItemFill, loaderShapeClass = propsGenerator.loaderShapeClass, loaderSize = propsGenerator.loaderSize, _c = propsGenerator.loaderType, loaderType = _c === void 0 ? 'simple' : _c, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     var _d = useStyles.useStyles(props), labelStyles = _d.label, buttonStyles = _d.styles;

package/dist/{Button_es_D_IlkeBp.js → Button_es_C8qinRU4.js}

@@ -1,10 +1,10 @@
 import { jsx, jsxs } from 'react/jsx-runtime';
 import React from 'react';
 import clsx from 'clsx';
-import { I as Icon } from './Icon_es_C76te22j.js';
-import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
-import { L as Loader } from './Loader_es_C8ETXkiZ.js';
-import { T as Text } from './Text_es_CtCwsa3V.js';
+import { I as Icon } from './Icon_es_Cstv1LFr.js';
+import { a as LinkWrapper } from './Link_es_XiqbdwLp.js';
+import { L as Loader } from './Loader_es_ByhTIMxS.js';
+import { T as Text } from './Text_es_CwV9rjFD.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
@@ -448,7 +448,7 @@ var buttonConfig = {
 };
 var Button = React.forwardRef(function Button(props, ref) {
     var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, isDisabled = props.isDisabled, Badge = props.Badge, href = props.href, _a = props.htmlType, htmlType = _a === void 0 ? 'button' : _a, link = props.link, rel = props.rel, target = props.target, before = props.before, after = props.after, _b = props.isLoading, isLoading = _b === void 0 ? false : _b, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = useAppearanceConfig(appearance, buttonConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, buttonConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextTruncate = propsGenerator.labelTextTruncate, labelTextWeight = propsGenerator.labelTextWeight, labelTextWidth = propsGenerator.labelTextWidth, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, icon = propsGenerator.icon, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, iconFill = propsGenerator.iconFill, iconFillIcon = propsGenerator.iconFillIcon, iconFillSize = propsGenerator.iconFillSize, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, iconSrc = propsGenerator.iconSrc, loaderAppearance = propsGenerator.loaderAppearance, loaderFill = propsGenerator.loaderFill, loaderItemFill = propsGenerator.loaderItemFill, loaderShapeClass = propsGenerator.loaderShapeClass, loaderSize = propsGenerator.loaderSize, _c = propsGenerator.loaderType, loaderType = _c === void 0 ? 'simple' : _c, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     var _d = useStyles(props), labelStyles = _d.label, buttonStyles = _d.styles;

package/dist/{ChipsGroup_cjs_D454M1-p.js → ChipsGroup_cjs_ChJ71i_A.js}

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_ZerVip3X.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Icon = require('./Icon_cjs_D-UNVTqI.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var chipsAppearanceAccent = {

package/dist/{ChipsGroup_es_BKG5mK5N.js → ChipsGroup_es_Dj0Lu5zm.js}

@@ -3,8 +3,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, B as Badge } from './Icon_es_C76te22j.js';
-import { T as Text } from './Text_es_CtCwsa3V.js';
+import { I as Icon, B as Badge } from './Icon_es_Cstv1LFr.js';
+import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 var chipsAppearanceAccent = {

package/dist/{DatePicker_cjs_C9rI2uTl.js → DatePicker_cjs_CpN9wFK4.js}

@@ -9,11 +9,11 @@ var DatePicker = require('react-datepicker');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Button = require('./Button_cjs_mau_55Fl.js');
-var Icon = require('./Icon_cjs_ZerVip3X.js');
-var Input = require('./Input_cjs_TC7DOpvh.js');
-var Label = require('./Label_cjs_CaTh_laL.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Button = require('./Button_cjs_B2eZhvoC.js');
+var Icon = require('./Icon_cjs_D-UNVTqI.js');
+var Input = require('./Input_cjs_D18gXu6j.js');
+var Label = require('./Label_cjs_BvS_ANE3.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 var _default = require('@itcase/icons/default');
 
 var datePickerSize = {

package/dist/{DatePicker_es_Bi6lgbTb.js → DatePicker_es_B6WjNDiN.js}

@@ -7,11 +7,11 @@ import DatePicker from 'react-datepicker';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { B as Button } from './Button_es_D_IlkeBp.js';
-import { I as Icon } from './Icon_es_C76te22j.js';
-import { I as Input } from './Input_es_RtN2gtZq.js';
-import { L as Label } from './Label_es_CoIII7Ty.js';
-import { T as Text } from './Text_es_CtCwsa3V.js';
+import { B as Button } from './Button_es_C8qinRU4.js';
+import { I as Icon } from './Icon_es_Cstv1LFr.js';
+import { I as Input } from './Input_es_CHuhHbMo.js';
+import { L as Label } from './Label_es_C4Icioi8.js';
+import { T as Text } from './Text_es_CwV9rjFD.js';
 import { icons14 } from '@itcase/icons/default';
 
 var datePickerSize = {

package/dist/{DropdownItem_cjs_D2hHKA5E.js → DropdownItem_cjs_DUIefLij.js}

@@ -5,10 +5,10 @@ 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 Icon = require('./Icon_cjs_ZerVip3X.js');
+var Icon = require('./Icon_cjs_D-UNVTqI.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var Divider = require('./Divider_cjs_DUYtmwn2.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 function Dropdown(props) {

package/dist/{DropdownItem_es_D9JBMV70.js → DropdownItem_es_uFi08Joi.js}

@@ -3,10 +3,10 @@ import React, { useRef, useState, useCallback, useEffect } 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 './Icon_es_C76te22j.js';
+import { I as Icon, B as Badge } from './Icon_es_Cstv1LFr.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { D as Divider } from './Divider_es_CCLBFIx6.js';
-import { T as Text } from './Text_es_CtCwsa3V.js';
+import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 function Dropdown(props) {

package/dist/{Icon_cjs_ZerVip3X.js → Icon_cjs_D-UNVTqI.js}

@@ -9,8 +9,8 @@ var urlWithAssetPrefix = require('./cjs/hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Link = require('./Link_cjs_BqT6eVl6.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Link = require('./Link_cjs_C5UsZUiF.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 
 var badgeAppearanceAccent = {
     accent: {
@@ -513,7 +513,7 @@ var titleConfig = {
 };
 function Title(props) {
     var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, titleConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, titleConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorActiveHoverClass = propsGenerator.textColorActiveHoverClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrap = propsGenerator.textWrap, heightClass = propsGenerator.heightClass, 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, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
     // @ts-expect-error
@@ -790,7 +790,7 @@ var iconAppearanceSecondary = {
     },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         borderColor: 'secondaryBorderQuaternary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'secondaryItemPrimary',
@@ -1048,7 +1048,7 @@ var iconConfig = {
 var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     // TODO: Tooltip doesn't work that anymore
     // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, dataTour = props.dataTour, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
+    var id = props.id, dataTour = props.dataTour, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isDisabled = props.isDisabled, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
     var ImageComponent = React.useMemo(function () {
         if (SvgImage) {
             var sizes = {};
@@ -1068,7 +1068,7 @@ var Icon = urlWithAssetPrefix.urlWithAssetPrefix(React.forwardRef(function Icon(
         }
         return null;
     }, [SvgImage, width, height, imageSrc]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, iconConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, iconConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
     // @ts-expect-error - TODO: сделать useStyles на ts

package/dist/{Icon_es_C76te22j.js → Icon_es_Cstv1LFr.js}

@@ -7,8 +7,8 @@ import { urlWithAssetPrefix } from './hoc/urlWithAssetPrefix.js';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { a as LinkWrapper } from './Link_es_BnUIX0QT.js';
-import { T as Text } from './Text_es_CtCwsa3V.js';
+import { a as LinkWrapper } from './Link_es_XiqbdwLp.js';
+import { T as Text } from './Text_es_CwV9rjFD.js';
 
 var badgeAppearanceAccent = {
     accent: {
@@ -511,7 +511,7 @@ var titleConfig = {
 };
 function Title(props) {
     var dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var appearanceConfig = useAppearanceConfig(appearance, titleConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, titleConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, size = propsGenerator.size, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorActiveHoverClass = propsGenerator.textColorActiveHoverClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrap = propsGenerator.textWrap, heightClass = propsGenerator.heightClass, 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, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
     // @ts-expect-error
@@ -788,7 +788,7 @@ var iconAppearanceSecondary = {
     },
     secondaryPrimary: {
         fill: 'secondaryPrimary',
-        fillHover: 'secondaryPrimaryHover',
+        fillHover: 'secondaryHoverPrimary',
         borderColor: 'secondaryBorderQuaternary',
         badgeAppearance: 'surfacePrimary',
         iconFill: 'secondaryItemPrimary',
@@ -1046,7 +1046,7 @@ var iconConfig = {
 var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
     // TODO: Tooltip doesn't work that anymore
     // const [isTooltipVisible, setIsTooltipVisible] = useState(false)
-    var id = props.id, dataTour = props.dataTour, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
+    var id = props.id, dataTour = props.dataTour, className = props.className, appearance = props.appearance, width = props.width, height = props.height, isDisabled = props.isDisabled, badgeClass = props.badgeClass, href = props.href, imageSrc = props.imageSrc, link = props.link, linkRel = props.linkRel, linkTarget = props.linkTarget, notification = props.notification, showTooltip = props.showTooltip, SvgImage = props.SvgImage, before = props.before, after = props.after, isDisabled = props.isDisabled, isActive = props.isActive, isSkeleton = props.isSkeleton, onClick = props.onClick, onMouseEnter = props.onMouseEnter, onMouseLeave = props.onMouseLeave;
     var ImageComponent = useMemo(function () {
         if (SvgImage) {
             var sizes = {};
@@ -1066,7 +1066,7 @@ var Icon = urlWithAssetPrefix(React.forwardRef(function Icon(props, ref) {
         }
         return null;
     }, [SvgImage, width, height, imageSrc]);
-    var appearanceConfig = useAppearanceConfig(appearance, iconConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, iconConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var alignmentClass = propsGenerator.alignmentClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, fillSizeClass = propsGenerator.fillSizeClass, iconFillDisabledClass = propsGenerator.iconFillDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, badgeAppearance = propsGenerator.badgeAppearance, badgeAppearanceSize = propsGenerator.badgeAppearanceSize, badgeShape = propsGenerator.badgeShape, badgeSize = propsGenerator.badgeSize, badgeTextColor = propsGenerator.badgeTextColor, badgeTextSize = propsGenerator.badgeTextSize, badgeValue = propsGenerator.badgeValue, centeringClass = propsGenerator.centeringClass, iconFillActiveClass = propsGenerator.iconFillActiveClass, iconFillActiveHoverClass = propsGenerator.iconFillActiveHoverClass, iconFillClass = propsGenerator.iconFillClass, iconFillHoverClass = propsGenerator.iconFillHoverClass, iconSizeClass = propsGenerator.iconSizeClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize;
     // @ts-expect-error - TODO: сделать useStyles на ts

package/dist/{Input_cjs_TC7DOpvh.js → Input_cjs_D18gXu6j.js}

@@ -10,7 +10,7 @@ var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 var inputAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
-        textColorDisabled: 'surfaceTextDisabled',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
@@ -21,7 +21,7 @@ var inputAppearanceDefault = {
     },
     defaultSecondary: {
         fill: 'surfacePrimary',
-        textColorDisabled: 'surfaceTextDisabled',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
@@ -34,12 +34,13 @@ var inputAppearanceDefault = {
 
 var inputAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceFillDisabled',
-        borderColor: 'errorBorderQuaternary',
-        borderColorHover: 'errorBorderQuaternary',
+        fill: 'surfaceDisabled',
+        fillHover: 'surfaceDisabled',
+        borderColor: 'surfaceBorderDisabled',
+        borderColorHover: 'surfaceBorderDisabled',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
@@ -77,6 +78,7 @@ var inputAppearanceError = {
 var inputAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
+        fillHover: 'warningSecondary',
         borderColor: 'warningBorderQuaternary',
         borderColorHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
@@ -155,6 +157,7 @@ var inputAppearanceSize = {
 var inputAppearanceStyle = {
     solid: {
         borderColor: 'none',
+        borderColorHover: 'none',
     },
     outlined: {
         fill: 'none',
@@ -196,33 +199,14 @@ var inputConfig = {
     setAppearance: function (appearanceConfig) {
         inputConfig.appearance = appearanceConfig;
     },
-    setState: function (newComponent) {
-        inputConfig.state = newComponent;
-    },
 };
 var Input = React.forwardRef(function Input(props, ref) {
     var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputConfig);
-    // const stateConfig = state && inputConfig.state && inputConfig.state[state]
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
-            ? fillClass && "fill_".concat(fillClass)
-            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled
-            ? borderWidthClass && "border-width_".concat(borderWidthClass)
-            : borderWidthDisabledClass &&
-                "border-width_disabled_".concat(borderWidthDisabledClass), !isDisabled && fillHoverClass ? "fill_hover_".concat(fillHoverClass) : null, !isDisabled && borderColorHoverClass
-            ? "border-color_hover_".concat(borderColorHoverClass)
-            : null, !isDisabled
-            ? borderColorClass && "border-color_".concat(borderColorClass)
-            : borderColorDisabledClass &&
-                "border-color_disabled_".concat(borderColorDisabledClass), !isDisabled
-            ? placeholderTextColorClass &&
-                "placeholder-text-color_".concat(placeholderTextColorClass)
-            : placeholderTextColorDisabledClass &&
-                "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
-            ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, ref: ref, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
+            "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: type, ref: ref, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 exports.Input = Input;

package/dist/{Input_es_RtN2gtZq.js → Input_es_CHuhHbMo.js}

@@ -8,7 +8,7 @@ import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 var inputAppearanceDefault = {
     defaultPrimary: {
         fill: 'surfaceSecondary',
-        textColorDisabled: 'surfaceTextDisabled',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
@@ -19,7 +19,7 @@ var inputAppearanceDefault = {
     },
     defaultSecondary: {
         fill: 'surfacePrimary',
-        textColorDisabled: 'surfaceTextDisabled',
+        fillHover: 'surfaceTertiary',
         borderColor: 'surfaceBorderTertiary',
         borderColorHover: 'surfaceBorderQuaternary',
         textColor: 'surfaceTextPrimary',
@@ -32,12 +32,13 @@ var inputAppearanceDefault = {
 
 var inputAppearanceDisabled = {
     disabledPrimary: {
-        fill: 'surfaceFillDisabled',
-        borderColor: 'errorBorderQuaternary',
-        borderColorHover: 'errorBorderQuaternary',
+        fill: 'surfaceDisabled',
+        fillHover: 'surfaceDisabled',
+        borderColor: 'surfaceBorderDisabled',
+        borderColorHover: 'surfaceBorderDisabled',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
@@ -75,6 +76,7 @@ var inputAppearanceError = {
 var inputAppearanceRequire = {
     requirePrimary: {
         fill: 'warningTertiary',
+        fillHover: 'warningSecondary',
         borderColor: 'warningBorderQuaternary',
         borderColorHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
@@ -153,6 +155,7 @@ var inputAppearanceSize = {
 var inputAppearanceStyle = {
     solid: {
         borderColor: 'none',
+        borderColorHover: 'none',
     },
     outlined: {
         fill: 'none',
@@ -194,33 +197,14 @@ var inputConfig = {
     setAppearance: function (appearanceConfig) {
         inputConfig.appearance = appearanceConfig;
     },
-    setState: function (newComponent) {
-        inputConfig.state = newComponent;
-    },
 };
 var Input = React.forwardRef(function Input(props, ref) {
     var id = props.id, dataTestId = props.dataTestId, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
-    var appearanceConfig = useAppearanceConfig(appearance, inputConfig);
-    // const stateConfig = state && inputConfig.state && inputConfig.state[state]
+    var appearanceConfig = useAppearanceConfig(appearance, inputConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
-    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
-            ? fillClass && "fill_".concat(fillClass)
-            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled
-            ? borderWidthClass && "border-width_".concat(borderWidthClass)
-            : borderWidthDisabledClass &&
-                "border-width_disabled_".concat(borderWidthDisabledClass), !isDisabled && fillHoverClass ? "fill_hover_".concat(fillHoverClass) : null, !isDisabled && borderColorHoverClass
-            ? "border-color_hover_".concat(borderColorHoverClass)
-            : null, !isDisabled
-            ? borderColorClass && "border-color_".concat(borderColorClass)
-            : borderColorDisabledClass &&
-                "border-color_disabled_".concat(borderColorDisabledClass), !isDisabled
-            ? placeholderTextColorClass &&
-                "placeholder-text-color_".concat(placeholderTextColorClass)
-            : placeholderTextColorDisabledClass &&
-                "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
-            ? textColorClass && "text-color_".concat(textColorClass)
-            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, ref: ref, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+    var fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', isDisabled && 'input_state_disabled', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderColorHoverClass && "border-color_hover_".concat(borderColorHoverClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
+            "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: type, ref: ref, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
 });
 
 export { Input as I, inputAppearance as a, inputConfig as i };

package/dist/{Label_cjs_CaTh_laL.js → Label_cjs_BvS_ANE3.js}

@@ -6,8 +6,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Icon = require('./Icon_cjs_ZerVip3X.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Icon = require('./Icon_cjs_D-UNVTqI.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var labelAppearanceAccent = {
@@ -320,7 +320,7 @@ var labelConfig = {
     },
 };
 function Label(props) {
-    var dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, cursor = props.cursor, showTooltip = props.showTooltip, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
+    var dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, cursor = props.cursor, showTooltip = props.showTooltip, before = props.before, after = props.after, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onClick = props.onClick, children = props.children;
     var tooltipRef = React.useRef(null);
     var onMouseEnterLabel = React.useCallback(function () {
         var _a;
@@ -330,7 +330,7 @@ function Label(props) {
         var _a;
         (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
     }, []);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, labelConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, labelConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipAlignment = propsGenerator.tooltipAlignment, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipArrowPosition = propsGenerator.tooltipArrowPosition, tooltipContent = propsGenerator.tooltipContent, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
     // @ts-expect-error

package/dist/{Label_es_CoIII7Ty.js → Label_es_C4Icioi8.js}

@@ -4,8 +4,8 @@ import clsx from 'clsx';
 import { useAppearanceConfig } from './hooks/useAppearanceConfig/useAppearanceConfig.js';
 import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import { useStyles } from './hooks/useStyles/useStyles.js';
-import { I as Icon, T as Tooltip } from './Icon_es_C76te22j.js';
-import { T as Text } from './Text_es_CtCwsa3V.js';
+import { I as Icon, T as Tooltip } from './Icon_es_Cstv1LFr.js';
+import { T as Text } from './Text_es_CwV9rjFD.js';
 import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
 
 var labelAppearanceAccent = {
@@ -318,7 +318,7 @@ var labelConfig = {
     },
 };
 function Label(props) {
-    var dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, cursor = props.cursor, showTooltip = props.showTooltip, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
+    var dataTour = props.dataTour, className = props.className, appearance = props.appearance, label = props.label, cursor = props.cursor, showTooltip = props.showTooltip, before = props.before, after = props.after, isSkeleton = props.isSkeleton, isDisabled = props.isDisabled, onClick = props.onClick, children = props.children;
     var tooltipRef = useRef(null);
     var onMouseEnterLabel = useCallback(function () {
         var _a;
@@ -328,7 +328,7 @@ function Label(props) {
         var _a;
         (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
     }, []);
-    var appearanceConfig = useAppearanceConfig(appearance, labelConfig);
+    var appearanceConfig = useAppearanceConfig(appearance, labelConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextColorHover = propsGenerator.labelTextColorHover, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, iconAfter = propsGenerator.iconAfter, iconAfterFill = propsGenerator.iconAfterFill, iconAfterFillIcon = propsGenerator.iconAfterFillIcon, iconAfterFillSize = propsGenerator.iconAfterFillSize, iconAfterShape = propsGenerator.iconAfterShape, iconAfterSize = propsGenerator.iconAfterSize, iconAfterSrc = propsGenerator.iconAfterSrc, iconBefore = propsGenerator.iconBefore, iconBeforeFill = propsGenerator.iconBeforeFill, iconBeforeFillIcon = propsGenerator.iconBeforeFillIcon, iconBeforeFillSize = propsGenerator.iconBeforeFillSize, iconBeforeShape = propsGenerator.iconBeforeShape, iconBeforeSize = propsGenerator.iconBeforeSize, iconBeforeSrc = propsGenerator.iconBeforeSrc, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipAlignment = propsGenerator.tooltipAlignment, tooltipAppearance = propsGenerator.tooltipAppearance, tooltipArrowPosition = propsGenerator.tooltipArrowPosition, tooltipContent = propsGenerator.tooltipContent, tooltipText = propsGenerator.tooltipText, tooltipTextSize = propsGenerator.tooltipTextSize, tooltipTitle = propsGenerator.tooltipTitle, tooltipTitleSize = propsGenerator.tooltipTitleSize, widthClass = propsGenerator.widthClass, wrapClass = propsGenerator.wrapClass;
     // @ts-expect-error

package/dist/{Link_cjs_BqT6eVl6.js → Link_cjs_C5UsZUiF.js}

@@ -258,8 +258,8 @@ var linkConfig = {
     },
 };
 function Link(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, linkConfig);
+    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, isDisabled = props.isDisabled, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, linkConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, _a = propsGenerator.underline, underline = _a === void 0 ? 'underline' : _a, widthClass = propsGenerator.widthClass;
     // @ts-expect-error

package/dist/{Link_es_BnUIX0QT.js → Link_es_XiqbdwLp.js}

@@ -256,8 +256,8 @@ var linkConfig = {
     },
 };
 function Link(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
-    var appearanceConfig = useAppearanceConfig(appearance, linkConfig);
+    var className = props.className, appearance = props.appearance, text = props.text, href = props.href, link = props.link, isDisabled = props.isDisabled, LinkComponent = props.LinkComponent, rel = props.rel, style = props.style, target = props.target, before = props.before, after = props.after, onClick = props.onClick, onMouseDown = props.onMouseDown, children = props.children;
+    var appearanceConfig = useAppearanceConfig(appearance, linkConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorHoverClass = propsGenerator.borderColorHoverClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textColorHoverClass = propsGenerator.textColorHoverClass, textGradientClass = propsGenerator.textGradientClass, textStyleClass = propsGenerator.textStyleClass, textWeightClass = propsGenerator.textWeightClass, heightClass = propsGenerator.heightClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, svgFillClass = propsGenerator.svgFillClass, svgFillHoverClass = propsGenerator.svgFillHoverClass, _a = propsGenerator.underline, underline = _a === void 0 ? 'underline' : _a, widthClass = propsGenerator.widthClass;
     // @ts-expect-error

package/dist/{Loader_cjs_c6yF7akz.js → Loader_cjs_Cme6Hi0B.js}

@@ -5,7 +5,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('./cjs/hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('./cjs/hooks/useStyles/useStyles.js');
-var Text = require('./Text_cjs_DpRclhwc.js');
+var Text = require('./Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('./tslib.es6_cjs_CCZ3TN_7.js');
 
 var loaderAppearanceAccent = {
@@ -114,8 +114,8 @@ var loaderConfig = {
     },
 };
 function Loader(props) {
-    var className = props.className, _a = props.type, type = _a === void 0 ? 'simple' : _a, appearance = props.appearance, text = props.text, isSkeleton = props.isSkeleton, children = props.children;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, loaderConfig);
+    var className = props.className, _a = props.type, type = _a === void 0 ? 'simple' : _a, appearance = props.appearance, text = props.text, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, children = props.children;
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, loaderConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var _b = propsGenerator, fillClass = _b.fillClass, textColor = _b.textColor, textSize = _b.textSize, heightClass = _b.heightClass, itemFillClass = _b.itemFillClass, shapeClass = _b.shapeClass, shapeStrengthClass = _b.shapeStrengthClass, sizeClass = _b.sizeClass, widthClass = _b.widthClass; // TODO: сделать нормальные типы для useDevicePropsGenerator
     // @ts-expect-error - TODO: сделать useStyles на ts