@itcase/ui 1.8.109 → 1.8.111

package/dist/cjs/components/Drawer.js

@@ -5,8 +5,8 @@ var React = require('react');
 var clsx = require('clsx');
 var ReactDrawer = require('react-modern-drawer');
 var Divider = require('../../Divider_cjs_DUYtmwn2.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 useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
@@ -27,7 +27,7 @@ require('../hooks/useStyles/styleAttributes.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
+require('../../Link_cjs_C5UsZUiF.js');
 require('lodash/castArray');
 
 var drawerAppearanceSize = {

package/dist/cjs/components/Dropdown.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var DropdownItem = require('../../DropdownItem_cjs_D2hHKA5E.js');
+var DropdownItem = require('../../DropdownItem_cjs_DUIefLij.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -20,13 +20,13 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_ZerVip3X.js');
+require('../../Icon_cjs_D-UNVTqI.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 require('../../Divider_cjs_DUYtmwn2.js');
 
 

package/dist/cjs/components/HeroTitle.js

@@ -6,7 +6,7 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -24,8 +24,8 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 var heroTitleAppearanceSize = {
     sizeH1: {
@@ -63,8 +63,8 @@ var heroTitleConfig = {
     },
 };
 function HeroTitle(props) {
-    var className = props.className, appearance = props.appearance, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, heroTitleConfig);
+    var className = props.className, appearance = props.appearance, text = props.text, afterWrapper = props.afterWrapper, beforeWrapper = props.beforeWrapper, dataTour = props.dataTour, _a = props.tag, tag = _a === void 0 ? 'span' : _a, before = props.before, after = props.after, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, onClick = props.onClick, children = props.children;
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, heroTitleConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, size = propsGenerator.size, fillClass = propsGenerator.fillClass, textAlignClass = propsGenerator.textAlignClass, textColorActiveClass = propsGenerator.textColorActiveClass, textColorClass = propsGenerator.textColorClass, textColorGradientClass = propsGenerator.textColorGradientClass, textColorHoverClass = propsGenerator.textColorHoverClass, textStyleClass = propsGenerator.textStyleClass, textTruncateClass = propsGenerator.textTruncateClass, textWeightClass = propsGenerator.textWeightClass, textWrap = propsGenerator.textWrap, dataTestId = propsGenerator.dataTestId, 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, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, wrapperDirectionClass = propsGenerator.wrapperDirectionClass;
     // @ts-expect-error

package/dist/cjs/components/Icon.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -24,8 +24,8 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 
 

package/dist/cjs/components/Input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Input = require('../../Input_cjs_CFy0tfAO.js');
+var Input = require('../../Input_cjs_D18gXu6j.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');

package/dist/cjs/components/InputPassword.js

@@ -6,7 +6,7 @@ var React = require('react');
 var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -24,8 +24,8 @@ require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 var inputPasswordAppearanceDefault = {
     defaultPrimary: {
@@ -215,7 +215,7 @@ var inputPasswordConfig = {
     },
 };
 function InputPassword(props) {
-    var id = props.id, className = props.className, appearance = props.appearance, disabled = props.disabled, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconRevealableHide = props.iconRevealableHide, iconRevealableShow = props.iconRevealableShow, iconShape = props.iconShape, iconSize = props.iconSize, imageRevealableHide = props.imageRevealableHide, imageRevealableShow = props.imageRevealableShow, placeholder = props.placeholder, 
+    var id = props.id, className = props.className, appearance = props.appearance, isDisabled = props.isDisabled, iconFill = props.iconFill, iconFillHover = props.iconFillHover, iconRevealableHide = props.iconRevealableHide, iconRevealableShow = props.iconRevealableShow, iconShape = props.iconShape, iconSize = props.iconSize, imageRevealableHide = props.imageRevealableHide, imageRevealableShow = props.imageRevealableShow, placeholder = props.placeholder, 
     // state,
     value = props.value, isRevealable = props.isRevealable, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var _a = React.useState(false), isRevealed = _a[0], setIsRevealed = _a[1];
@@ -226,15 +226,11 @@ function InputPassword(props) {
         e.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
     }, [setIsRevealed]);
-    // const stateConfig = useMemo(
-    //   () => state && inputPasswordConfig.state && inputPasswordConfig.state[state],
-    //   [state, inputPasswordConfig],
-    // )
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputPasswordConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, inputPasswordConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, borderColorClass = propsGenerator.borderColorClass, borderWidthClass = propsGenerator.borderWidthClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, _b = propsGenerator.sizeClass, sizeClass = _b === void 0 ? 'm' : _b, widthClass = propsGenerator.widthClass;
     return (jsxRuntime.jsxs("div", { className: "input-password", children: [jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input-password__input', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), shapeClass && "input-password__input_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), borderWidthClass && "border-width_".concat(borderWidthClass), sizeClass && "input-password__input_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), placeholderTextColorClass &&
-                    "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: inputType, disabled: disabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), isRevealable && (jsxRuntime.jsx(Icon.Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: revealeHandler }))] }));
+                    "placeholder-text-color_".concat(placeholderTextColorClass), textColorClass && "text-color_".concat(textColorClass)), type: inputType, disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), isRevealable && (jsxRuntime.jsx(Icon.Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: revealeHandler }))] }));
 }
 
 exports.InputPassword = InputPassword;

package/dist/cjs/components/Label.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Label = require('../../Label_cjs_CaTh_laL.js');
+var Label = require('../../Label_cjs_BvS_ANE3.js');
 require('react/jsx-runtime');
 require('react');
 require('clsx');
@@ -21,12 +21,12 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Icon_cjs_ZerVip3X.js');
+require('../../Icon_cjs_D-UNVTqI.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 
 

package/dist/cjs/components/Link.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Link = require('../../Link_cjs_BqT6eVl6.js');
+var Link = require('../../Link_cjs_C5UsZUiF.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');

package/dist/cjs/components/List.js

@@ -6,7 +6,7 @@ var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceCon
 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 Link = require('../../Link_cjs_BqT6eVl6.js');
+var Link = require('../../Link_cjs_C5UsZUiF.js');
 require('react');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/Loader.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Loader = require('../../Loader_cjs_c6yF7akz.js');
+var Loader = require('../../Loader_cjs_Cme6Hi0B.js');
 require('react/jsx-runtime');
 require('clsx');
 require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
@@ -21,7 +21,7 @@ require('../hooks.js');
 require('../hooks/useStyles/styleAttributes.js');
 require('../hooks/useStyles/useStyles.js');
 require('lodash/maxBy');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 
 

package/dist/cjs/components/Logo.js

@@ -6,7 +6,7 @@ var urlWithAssetPrefix = require('../hoc/urlWithAssetPrefix.js');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Link = require('../../Link_cjs_BqT6eVl6.js');
+var Link = require('../../Link_cjs_C5UsZUiF.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react');
 require('@itcase/common');

package/dist/cjs/components/MenuItem.js

@@ -6,9 +6,9 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
-var Link = require('../../Link_cjs_BqT6eVl6.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
+var Link = require('../../Link_cjs_C5UsZUiF.js');
+var Text = require('../../Text_cjs_0EINiUq4.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('lodash/camelCase');
 require('lodash/castArray');
@@ -199,7 +199,7 @@ function MenuItem(props) {
             (_a = tooltipRef.current) === null || _a === void 0 ? void 0 : _a.closeTooltip();
         }
     }, [showTooltip]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, menuItemConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, menuItemConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var directionClass = propsGenerator.directionClass, justifyContentClass = propsGenerator.justifyContentClass, alignClass = propsGenerator.alignClass, alignDirectionClass = propsGenerator.alignDirectionClass, fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelStyle = propsGenerator.labelStyle, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextColorDisabled = propsGenerator.labelTextColorDisabled, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelWeight = propsGenerator.labelWeight, labelWrap = propsGenerator.labelWrap, borderColorClass = propsGenerator.borderColorClass, 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, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, tooltipFill = propsGenerator.tooltipFill, tooltipShapeStrength = propsGenerator.tooltipShapeStrength, tooltipText = propsGenerator.tooltipText, tooltipTextColor = propsGenerator.tooltipTextColor, tooltipTitleTextColor = propsGenerator.tooltipTitleTextColor, typeClass = propsGenerator.typeClass, widthClass = propsGenerator.widthClass, isSkeleton = propsGenerator.isSkeleton;
     // @ts-expect-error

package/dist/cjs/components/Modal.js

@@ -7,11 +7,11 @@ var ReactDOM = require('react-dom');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 var Overlay = require('../../Overlay_cjs_CcfJYN5o.js');
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
 var _default = require('@itcase/icons/default');
-var Loader = require('../../Loader_cjs_c6yF7akz.js');
+var Loader = require('../../Loader_cjs_Cme6Hi0B.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -28,8 +28,8 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 var modalAppearanceShape = {
     circular: {
@@ -135,7 +135,7 @@ var getOrCreateModalElement = function (modalQuerySelector, className) {
 };
 // Modal component that is an abstraction around the portal API.
 var Modal = React.forwardRef(function Modal(props, ref) {
-    var id = props.id, dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, title = props.title, contentClassName = props.contentClassName, _a = props.modalQuerySelector, modalQuerySelector = _a === void 0 ? '#modal-global' : _a, _b = props.scroll, scroll = _b === void 0 ? false : _b, _c = props.stickyHeader, stickyHeader = _c === void 0 ? false : _c, _d = props.isCloseOnBlur, isCloseOnBlur = _d === void 0 ? true : _d, _e = props.isOpen, initialIsOpen = _e === void 0 ? false : _e, _f = props.isOverlay, isOverlay = _f === void 0 ? true : _f, _g = props.isScrollOnOpen, isScrollOnOpen = _g === void 0 ? true : _g, _h = props.isSetFocusOnOpen, isSetFocusOnOpen = _h === void 0 ? true : _h, isSkeleton = props.isSkeleton, onClickOverlay = props.onClickOverlay, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal, children = props.children;
+    var id = props.id, dataTestId = props.dataTestId, dataTour = props.dataTour, className = props.className, appearance = props.appearance, title = props.title, contentClassName = props.contentClassName, _a = props.modalQuerySelector, modalQuerySelector = _a === void 0 ? '#modal-global' : _a, _b = props.scroll, scroll = _b === void 0 ? false : _b, _c = props.stickyHeader, stickyHeader = _c === void 0 ? false : _c, _d = props.isCloseOnBlur, isCloseOnBlur = _d === void 0 ? true : _d, _e = props.isOpen, initialIsOpen = _e === void 0 ? false : _e, _f = props.isOverlay, isOverlay = _f === void 0 ? true : _f, isDisabled = props.isDisabled, _g = props.isScrollOnOpen, isScrollOnOpen = _g === void 0 ? true : _g, _h = props.isSetFocusOnOpen, isSetFocusOnOpen = _h === void 0 ? true : _h, isSkeleton = props.isSkeleton, onClickOverlay = props.onClickOverlay, onCloseModal = props.onCloseModal, onOpenModal = props.onOpenModal, children = props.children;
     // Query DOM element
     var _j = React.useState(null), modalElement = _j[0], setModalElement = _j[1];
     var _k = React.useState(initialIsOpen), isOpen = _k[0], setIsOpen = _k[1];
@@ -217,7 +217,7 @@ var Modal = React.forwardRef(function Modal(props, ref) {
     }, [addModalProps, className, modalQuerySelector]);
     // Save ref things
     React.useImperativeHandle(ref, function () { return ({ modalElement: modalElement, openModal: openModal, closeModal: closeModal, isOpen: isOpen }); }, [isOpen, openModal, closeModal, modalElement]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, modalConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, modalConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, titleTextColor = propsGenerator.titleTextColor, titleTextColorHover = propsGenerator.titleTextColorHover, titleTextSize = propsGenerator.titleTextSize, titleTextTruncate = propsGenerator.titleTextTruncate, titleTextWeight = propsGenerator.titleTextWeight, titleTextWidth = propsGenerator.titleTextWidth, titleTextWrap = propsGenerator.titleTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, elevationClass = propsGenerator.elevationClass, overlayFill = propsGenerator.overlayFill, overlayOpacity = propsGenerator.overlayOpacity, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, closeIconAppearance = propsGenerator.closeIconAppearance, closeIconAppearanceSize = propsGenerator.closeIconAppearanceSize, closeIconFillSize = propsGenerator.closeIconFillSize, closeIconImage = propsGenerator.closeIconImage, closeIconShape = propsGenerator.closeIconShape, closeIconSize = propsGenerator.closeIconSize;
     // @ts-expect-error

package/dist/cjs/components/ModalSheetBottom.js

@@ -7,7 +7,7 @@ var reactModalSheet = require('react-modal-sheet');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
+var Icon = require('../../Icon_cjs_D-UNVTqI.js');
 require('lodash/camelCase');
 require('lodash/castArray');
 require('lodash/upperFirst');
@@ -25,8 +25,8 @@ require('clsx');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
-require('../../Text_cjs_DpRclhwc.js');
+require('../../Link_cjs_C5UsZUiF.js');
+require('../../Text_cjs_0EINiUq4.js');
 
 var modalSheetBottomAppearance = {
     sizeL: {
@@ -45,7 +45,7 @@ var modalSheetBottomAppearance = {
 var modalSheetBottomConfig = {
     appearance: modalSheetBottomAppearance};
 var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
-    var dataTestId = props.dataTestId, dataTour = props.dataTour, appearance = props.appearance, initialIsOpen = props.initialIsOpen, title = props.title, closeButton = props.closeButton, onCloseModalSheetBottom = props.onCloseModalSheetBottom, onOpenModalSheetBottom = props.onOpenModalSheetBottom, children = props.children;
+    var dataTestId = props.dataTestId, dataTour = props.dataTour, appearance = props.appearance, initialIsOpen = props.initialIsOpen, title = props.title, isDisabled = props.isDisabled, closeButton = props.closeButton, onCloseModalSheetBottom = props.onCloseModalSheetBottom, onOpenModalSheetBottom = props.onOpenModalSheetBottom, children = props.children;
     var _a = React.useState(initialIsOpen), isOpen = _a[0], setIsOpen = _a[1];
     var openModalSheetBottom = React.useCallback(function () {
         setIsOpen(true);
@@ -61,7 +61,7 @@ var ModalSheetBottom = React.forwardRef(function Modal(props, ref) {
         closeModal: closeModalSheetBottom,
         isOpen: isOpen,
     }); }, [isOpen, openModalSheetBottom, closeModalSheetBottom]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, modalSheetBottomConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, modalSheetBottomConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var titleTextColor = propsGenerator.titleTextColor, titleTextColorHover = propsGenerator.titleTextColorHover, titleTextSize = propsGenerator.titleTextSize, titleTextTruncate = propsGenerator.titleTextTruncate, titleTextWeight = propsGenerator.titleTextWeight, titleTextWidth = propsGenerator.titleTextWidth, titleTextWrap = propsGenerator.titleTextWrap;
     // @ts-expect-error

package/dist/cjs/components/Notification.js

@@ -5,8 +5,8 @@ var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../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 _default = require('@itcase/icons/default');
 var Notifications = require('../context/Notifications.js');
@@ -26,7 +26,7 @@ require('lodash/maxBy');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
+require('../../Link_cjs_C5UsZUiF.js');
 
 var notificationAppearanceDefault = {
     defaultPrimary: {

package/dist/cjs/components/Pagination.js

@@ -8,9 +8,9 @@ var ReactPaginate = require('react-paginate');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 var useStyles = require('../hooks/useStyles/useStyles.js');
-var DropdownItem = require('../../DropdownItem_cjs_D2hHKA5E.js');
-var Icon = require('../../Icon_cjs_ZerVip3X.js');
-var Text = require('../../Text_cjs_DpRclhwc.js');
+var DropdownItem = require('../../DropdownItem_cjs_DUIefLij.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 _default = require('@itcase/icons/default');
 require('lodash/camelCase');
@@ -30,7 +30,7 @@ require('../../Divider_cjs_DUYtmwn2.js');
 require('react-inlinesvg');
 require('../hoc/urlWithAssetPrefix.js');
 require('../context/UrlAssetPrefix.js');
-require('../../Link_cjs_BqT6eVl6.js');
+require('../../Link_cjs_C5UsZUiF.js');
 
 var paginationAppearanceAccent = {
     accent: {
@@ -203,7 +203,7 @@ var paginationConfig = {
     },
 };
 function Pagination(props) {
-    var className = props.className, appearance = props.appearance, _a = props.allItemsCount, allItemsCount = _a === void 0 ? 0 : _a, dataTestId = props.dataTestId, dataTour = props.dataTour, _b = props.pageCountArray, pageCountArray = _b === void 0 ? [10, 20, 50, 100] : _b, _c = props.pageCountDesc, pageCountDesc = _c === void 0 ? 'кол-во строк' : _c, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, _d = props.pageNumber, pageNumber = _d === void 0 ? 0 : _d, _e = props.perPageCount, perPageCount = _e === void 0 ? 0 : _e, isPageCount = props.isPageCount, _f = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _f === void 0 ? false : _f, isPageLabelBuilder = props.isPageLabelBuilder, isSkeleton = props.isSkeleton, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount, 
+    var className = props.className, appearance = props.appearance, _a = props.allItemsCount, allItemsCount = _a === void 0 ? 0 : _a, dataTestId = props.dataTestId, dataTour = props.dataTour, _b = props.pageCountArray, pageCountArray = _b === void 0 ? [10, 20, 50, 100] : _b, _c = props.pageCountDesc, pageCountDesc = _c === void 0 ? 'кол-во строк' : _c, pageCountDropdownItemDividerDirection = props.pageCountDropdownItemDividerDirection, _d = props.pageNumber, pageNumber = _d === void 0 ? 0 : _d, _e = props.perPageCount, perPageCount = _e === void 0 ? 0 : _e, isPageCount = props.isPageCount, isDisabled = props.isDisabled, _f = props.isPageCountDropdownReversed, isPageCountDropdownReversed = _f === void 0 ? false : _f, isPageLabelBuilder = props.isPageLabelBuilder, isSkeleton = props.isSkeleton, onChangePage = props.onChangePage, onChangePerPageCount = props.onChangePerPageCount, 
     /**
      * @deprecated The method should not be used
      */
@@ -260,7 +260,7 @@ function Pagination(props) {
         }
         return 0;
     }, [pageNumber]);
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, paginationConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, paginationConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var justifyContentClass = propsGenerator.justifyContentClass, fillActiveClass = propsGenerator.fillActiveClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, fillInputClass = propsGenerator.fillInputClass, fillInputHoverClass = propsGenerator.fillInputHoverClass, textColorClass = propsGenerator.textColorClass, textSizeClass = propsGenerator.textSizeClass, builderIcon = propsGenerator.builderIcon, builderIconFill = propsGenerator.builderIconFill, builderIconFillIcon = propsGenerator.builderIconFillIcon, builderIconFillSize = propsGenerator.builderIconFillSize, builderIconSize = propsGenerator.builderIconSize, marginPagesDisplayed = propsGenerator.marginPagesDisplayed, nextIcon = propsGenerator.nextIcon, nextIconFill = propsGenerator.nextIconFill, nextIconFillIcon = propsGenerator.nextIconFillIcon, nextIconFillSize = propsGenerator.nextIconFillSize, nextIconSize = propsGenerator.nextIconSize, pageCountDescTextColor = propsGenerator.pageCountDescTextColor, pageCountDescTextSize = propsGenerator.pageCountDescTextSize, pageCountDropdownAlignment = propsGenerator.pageCountDropdownAlignment, pageCountDropdownElevation = propsGenerator.pageCountDropdownElevation, pageCountDropdownFill = propsGenerator.pageCountDropdownFill, pageCountDropdownItemDividerFill = propsGenerator.pageCountDropdownItemDividerFill, pageCountDropdownItemDividerSize = propsGenerator.pageCountDropdownItemDividerSize, pageCountDropdownItemFill = propsGenerator.pageCountDropdownItemFill, pageCountDropdownItemFillActive = propsGenerator.pageCountDropdownItemFillActive, pageCountDropdownItemFillActiveHover = propsGenerator.pageCountDropdownItemFillActiveHover, pageCountDropdownItemFillHover = propsGenerator.pageCountDropdownItemFillHover, pageCountDropdownItemLabelAlign = propsGenerator.pageCountDropdownItemLabelAlign, pageCountDropdownItemLabelColor = propsGenerator.pageCountDropdownItemLabelColor, pageCountDropdownItemLabelColorActive = propsGenerator.pageCountDropdownItemLabelColorActive, pageCountDropdownItemLabelColorActiveHover = propsGenerator.pageCountDropdownItemLabelColorActiveHover, pageCountDropdownItemLabelColorHover = propsGenerator.pageCountDropdownItemLabelColorHover, pageCountDropdownItemLabelSize = propsGenerator.pageCountDropdownItemLabelSize, pageCountDropdownItemLabelWrap = propsGenerator.pageCountDropdownItemLabelWrap, pageCountDropdownItemShowDivider = propsGenerator.pageCountDropdownItemShowDivider, pageCountDropdownItemSize = propsGenerator.pageCountDropdownItemSize, pageCountDropdownItemWidth = propsGenerator.pageCountDropdownItemWidth, pageCountDropdownShape = propsGenerator.pageCountDropdownShape, pageCountInputIcon = propsGenerator.pageCountInputIcon, pageCountInputIconColor = propsGenerator.pageCountInputIconColor, pageCountInputIconFillSize = propsGenerator.pageCountInputIconFillSize, pageCountInputIconSrc = propsGenerator.pageCountInputIconSrc, pageCountInputTextColor = propsGenerator.pageCountInputTextColor, pageCountInputTextSize = propsGenerator.pageCountInputTextSize, pageRangeDisplayed = propsGenerator.pageRangeDisplayed, previousIcon = propsGenerator.previousIcon, previousIconFill = propsGenerator.previousIconFill, previousIconFillIcon = propsGenerator.previousIconFillIcon, previousIconFillSize = propsGenerator.previousIconFillSize, previousIconSize = propsGenerator.previousIconSize, sizeClass = propsGenerator.sizeClass;
     var paginationStyles = useStyles.useStyles(props).styles;

package/dist/cjs/components/Radio.js

@@ -4,7 +4,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var clsx = require('clsx');
 var useAppearanceConfig = require('../hooks/useAppearanceConfig/useAppearanceConfig.js');
 var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.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');
 require('react');
 require('lodash/camelCase');
@@ -27,13 +27,16 @@ var radioAppearanceDefault = {
         fill: 'surfaceSecondary',
         fillCheckmark: 'surfaceQuaternary',
         fillDisabled: 'errorPrimary',
-        fillRadioClass: 'accentPrimary',
+        fillRadio: 'surfaceSecondary',
+        fillRadioHover: 'surfaceTertiary',
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColor: 'surfaceBorderQuaternary',
-        borderColorCheckmark: 'accentPrimary',
-        borderColorRadio: 'surfaceBorderQuaternary',
-        borderColorRadioActive: 'surfaceBorderQuaternary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
+        shape: 'circular',
     },
 };
 
@@ -44,8 +47,10 @@ var radioAppearanceDisabled = {
         labelTextColor: 'surfaceTextDisabled',
         descTextColor: 'surfaceTextDisabled',
         borderColor: 'surfaceBorderDisabled',
-        borderColorRadio: 'surfaceBorderDisabled',
-        borderColorRadioActive: 'surfaceBorderDisabled',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
     },
 };
 
@@ -56,8 +61,10 @@ var radioAppearanceError = {
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColor: 'errorBorderQuaternary',
-        borderColorRadio: 'errorBorderQuaternary',
-        borderColorRadioActive: 'errorBorderQuaternary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
     },
 };
 
@@ -68,8 +75,10 @@ var radioAppearanceRequire = {
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColor: 'warningBorderSecondary',
-        borderColorRadio: 'warningBorderSecondary',
-        borderColorRadioActive: 'warningBorderSecondary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
     },
 };
 
@@ -80,21 +89,21 @@ var radioAppearanceShape = {
     rounded: {
         shape: 'rounded',
     },
-    roundedS: {
-        shape: 'rounded',
-        shapeStrength: '0_5m',
-    },
-    roundedM: {
+    roundedXL: {
         shape: 'rounded',
-        shapeStrength: '1m',
+        shapeStrength: '2m',
     },
     roundedL: {
         shape: 'rounded',
         shapeStrength: '1_5m',
     },
-    roundedXL: {
+    roundedM: {
         shape: 'rounded',
-        shapeStrength: '2m',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
     },
 };
 
@@ -118,15 +127,25 @@ var radioAppearanceSize = {
 
 var radioAppearanceStyle = {
     solid: {
+        fill: 'none',
+        fillHover: 'none',
         borderColor: 'none',
+        borderColorHover: 'none',
+        borderRadioColor: 'none',
+        borderRadioColorActive: 'none',
+        borderRadioColorActiveHover: 'none',
+        borderRadioColorHover: 'none',
     },
     outlined: {
         fill: 'none',
+        fillHover: 'none',
     },
     full: {},
     ghost: {
         fill: 'none',
+        fillHover: 'none',
         borderColor: 'none',
+        borderColorHover: 'none',
     },
 };
 
@@ -137,8 +156,10 @@ var radioAppearanceSuccess = {
         labelTextColor: 'surfaceTextPrimary',
         descTextColor: 'surfaceTextPrimary',
         borderColor: 'accentBorderSecondary',
-        borderColorRadio: 'accentBorderSecondary',
-        borderColorRadioActive: 'accentBorderSecondary',
+        borderRadioColor: 'surfaceBorderQuaternary',
+        borderRadioColorHover: 'surfaceBorderQuaternary',
+        borderRadioColorActive: 'surfaceBorderQuaternary',
+        borderRadioColorActiveHover: 'surfaceBorderQuaternary',
     },
 };
 
@@ -152,22 +173,23 @@ var radioConfig = {
 };
 function Radio(props) {
     var id = props.id, className = props.className, appearance = props.appearance, label = props.label, desc = props.desc, isDisabled = props.isDisabled, checked = props.checked, _a = props.tag, Tag = _a === void 0 ? 'label' : _a, value = props.value, isActive = props.isActive, isSkeleton = props.isSkeleton, onChange = props.onChange;
-    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, radioConfig);
+    var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, radioConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillCheckmarkClass = propsGenerator.fillCheckmarkClass, fillClass = propsGenerator.fillClass, fillRadioActiveClass = propsGenerator.fillRadioActiveClass, fillRadioActiveHoverClass = propsGenerator.fillRadioActiveHoverClass, fillRadioClass = propsGenerator.fillRadioClass, fillRadioHoverClass = propsGenerator.fillRadioHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWeight = propsGenerator.descTextWeight, borderColorClass = propsGenerator.borderColorClass, borderColorRadioActiveClass = propsGenerator.borderColorRadioActiveClass, borderColorRadioActiveHoverClass = propsGenerator.borderColorRadioActiveHoverClass, borderColorRadioClass = propsGenerator.borderColorRadioClass, borderColorRadioHoverClass = propsGenerator.borderColorRadioHoverClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
-    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'radio', fillClass && "fill_".concat(fillClass), borderColorClass && "border-color_".concat(borderColorClass), isSkeleton && 'radio_skeleton', sizeClass && "radio_size_".concat(sizeClass)), htmlFor: id, children: [jsxRuntime.jsxs("div", { className: "radio__item", children: [jsxRuntime.jsx("input", { id: id, className: "radio__input", type: "radio", disabled: isDisabled && 'disabled', checked: checked, value: value, onChange: onChange }), jsxRuntime.jsx("div", { className: clsx('radio__state', !checked || !isActive
-                            ? fillRadioClass && "fill_".concat(fillRadioClass)
-                            : fillRadioActiveClass && "fill_active_".concat(fillRadioActiveClass), !checked || !isActive
-                            ? fillRadioHoverClass && "fill_hover_".concat(fillRadioHoverClass)
-                            : fillRadioActiveHoverClass &&
-                                "fill_active_hover_".concat(fillRadioActiveHoverClass), !checked || !isActive
-                            ? borderColorRadioClass && "border-color_".concat(borderColorRadioClass)
-                            : borderColorRadioActiveClass &&
-                                "border-color_active_".concat(borderColorRadioActiveClass), !checked || !isActive
-                            ? borderColorRadioHoverClass &&
-                                "border-color_hover_".concat(borderColorRadioHoverClass)
-                            : borderColorRadioActiveHoverClass &&
-                                "border-color_active_hover_".concat(borderColorRadioActiveHoverClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), children: "\u00A0" }), jsxRuntime.jsx("div", { className: clsx('radio__state-checkmark', checked && fillCheckmarkClass && "fill_".concat(fillCheckmarkClass)), children: "\u00A0" })] }), label && (jsxRuntime.jsx(Text.Text, { className: "radio__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "radio__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] }));
+    var fillCheckmarkClass = propsGenerator.fillCheckmarkClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, fillRadioActiveClass = propsGenerator.fillRadioActiveClass, fillRadioActiveHoverClass = propsGenerator.fillRadioActiveHoverClass, fillRadioClass = propsGenerator.fillRadioClass, fillRadioHoverClass = propsGenerator.fillRadioHoverClass, labelTextColor = propsGenerator.labelTextColor, labelTextSize = propsGenerator.labelTextSize, labelTextWeight = propsGenerator.labelTextWeight, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize, descTextWeight = propsGenerator.descTextWeight, borderRadioColorClass = propsGenerator.borderRadioColorClass, borderRadioColorActiveClass = propsGenerator.borderRadioColorActiveClass, borderRadioColorActiveHoverClass = propsGenerator.borderRadioColorActiveHoverClass, borderRadioColorHoverClass = propsGenerator.borderRadioColorHoverClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass;
+    return (jsxRuntime.jsxs(Tag, { className: clsx(className, 'radio', fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_".concat(fillHoverClass), isSkeleton && 'radio_skeleton', sizeClass && "radio_size_".concat(sizeClass), !checked || !isActive
+            ? fillRadioClass && "radio_fill_".concat(fillRadioClass)
+            : fillRadioActiveClass && "radio_fill_active_".concat(fillRadioActiveClass), !checked || !isActive
+            ? fillRadioHoverClass && "radio_fill_hover_".concat(fillRadioHoverClass)
+            : fillRadioActiveHoverClass &&
+                "radio_fill_active_hover_".concat(fillRadioActiveHoverClass), !checked || !isActive
+            ? borderRadioColorClass &&
+                "radio_border-color_".concat(borderRadioColorClass)
+            : borderRadioColorActiveClass &&
+                "radio_border-color_active_".concat(borderRadioColorActiveClass), !checked || !isActive
+            ? borderRadioColorHoverClass &&
+                "radio_border-color_hover_".concat(borderRadioColorHoverClass)
+            : borderRadioColorActiveHoverClass &&
+                "radio_border-color_active_hover_".concat(borderRadioColorActiveHoverClass)), htmlFor: id, children: [jsxRuntime.jsxs("div", { className: clsx('radio__item'), children: [jsxRuntime.jsx("input", { id: String(id), className: "radio__input", type: "radio", disabled: isDisabled && 'disabled', checked: checked, value: value, onChange: onChange }), jsxRuntime.jsx("div", { className: clsx('radio__state', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass)), children: "\u00A0" }), jsxRuntime.jsx("div", { className: clsx('radio__state-checkmark', checked && fillCheckmarkClass && "fill_".concat(fillCheckmarkClass)), children: "\u00A0" })] }), label && (jsxRuntime.jsx(Text.Text, { className: "radio__label", size: labelTextSize, textColor: labelTextColor, textWeight: labelTextWeight, children: label })), desc && (jsxRuntime.jsx(Text.Text, { className: "radio__desc", size: descTextSize, textColor: descTextColor, textWeight: descTextWeight, children: desc }))] }));
 }
 
 exports.Radio = Radio;