@itcase/ui 1.8.122 → 1.8.123

package/dist/cjs/components/InputPassword.js

@@ -1,6 +1,7 @@
 'use strict';
 
 var tslib_es6 = require('../../tslib.es6_cjs_CCZ3TN_7.js');
+var _default = require('@itcase/icons/default');
 var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
@@ -35,8 +36,10 @@ var inputPasswordAppearanceDefault = {
         textColor: 'surfaceTextPrimary',
         textColorDisabled: 'surfaceTextDisabled',
         caret: 'secondaryItemSecondary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
+        placeholderTextColor: 'surfaceTextQuaternary',
     },
     defaultSecondary: {
         fill: 'surfacePrimary',
@@ -45,8 +48,9 @@ var inputPasswordAppearanceDefault = {
         textColor: 'surfaceTextPrimary',
         textColorDisabled: 'surfaceTextDisabled',
         caret: 'secondaryItemSecondary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
 };
@@ -57,16 +61,18 @@ var inputPasswordAppearanceDisabled = {
         borderColor: 'errorBorderQuaternary',
         borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextSecondary',
     },
 };
@@ -77,16 +83,18 @@ var inputPasswordAppearanceError = {
         borderColor: 'errorBorderQuaternary',
         borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     errorSecondary: {
         fill: 'errorSecondary',
         borderColor: 'errorBorderTertiary',
         borderHover: 'errorBorderQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'errorTextSecondary',
     },
 };
@@ -97,92 +105,105 @@ var inputPasswordAppearanceRequire = {
         borderColor: 'warningBorderQuaternary',
         borderHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'warningItemQuaternary',
-        iconClearFill: 'warningItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     requireSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextSecondary',
     },
 };
 
+var inputPasswordAppearanceShape = {
+    circular: {
+        shape: 'circular',
+    },
+    rounded: {
+        shape: 'rounded',
+    },
+    roundedXL: {
+        shape: 'rounded',
+        shapeStrength: '2m',
+    },
+    roundedL: {
+        shape: 'rounded',
+        shapeStrength: '1_5m',
+    },
+    roundedM: {
+        shape: 'rounded',
+        shapeStrength: '1m',
+    },
+    roundedS: {
+        shape: 'rounded',
+        shapeStrength: '0_5m',
+    },
+};
+
 var inputPasswordAppearanceSize = {
     sizeXXL: {
         size: 'xxl',
         textSize: 'l',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        iconFillSize: '24',
+        iconSize: '24',
     },
     sizeXL: {
         size: 'xl',
         textSize: 's',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        iconFillSize: '24',
+        iconSize: '24',
     },
     sizeL: {
         size: 'l',
         textSize: 's',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        iconFillSize: '24',
+        iconSize: '24',
     },
     sizeM: {
         size: 'm',
         textSize: 'm',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        iconFillSize: '24',
+        iconSize: '24',
     },
     sizeS: {
         size: 's',
         textSize: 's',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        iconFillSize: '24',
+        iconSize: '24',
     },
     sizeXS: {
         size: 'xs',
         textSize: 's',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        iconFillSize: '24',
+        iconSize: '24',
     },
     sizeXXS: {
         size: 'xxs',
         textSize: 's',
-        iconAfterFillSize: '24',
-        iconAfterSize: '24',
-        iconBeforeFillSize: '24',
-        iconBeforeSize: '24',
+        iconFillSize: '24',
+        iconSize: '24',
     },
 };
 
 var inputPasswordAppearanceStyle = {
-    full: {
-        borderColor: '0',
-    },
-    ghost: {
-        fill: 'none',
-        borderColor: '0',
+    solid: {
+        borderColor: 'none',
     },
     outlined: {
         fill: 'none',
     },
-    solid: {
-        borderColor: '0',
+    full: {
+        borderColor: 'none',
+    },
+    ghost: {
+        fill: 'none',
+        borderColor: 'none',
     },
 };
 
@@ -192,21 +213,23 @@ var inputPasswordAppearanceSuccess = {
         borderColor: 'successBorderQuaternary',
         borderHover: 'successBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'successItemQuaternary',
-        iconClearFill: 'successItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     successSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: _default.icons24.View.HideValue,
+        iconRevealableShow: _default.icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextSecondary',
     },
 };
 
-var inputPasswordAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, inputPasswordAppearanceSize), inputPasswordAppearanceDisabled), inputPasswordAppearanceRequire), inputPasswordAppearanceStyle), inputPasswordAppearanceError), inputPasswordAppearanceDefault), inputPasswordAppearanceSuccess);
+var inputPasswordAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, inputPasswordAppearanceSize), inputPasswordAppearanceDisabled), inputPasswordAppearanceRequire), inputPasswordAppearanceStyle), inputPasswordAppearanceError), inputPasswordAppearanceDefault), inputPasswordAppearanceSuccess), inputPasswordAppearanceShape);
 
 var inputPasswordConfig = {
     appearance: inputPasswordAppearance,
@@ -215,22 +238,21 @@ var inputPasswordConfig = {
     },
 };
 function InputPassword(props) {
-    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 id = props.id, appearance = props.appearance, className = props.className, placeholder = props.placeholder, value = props.value, isDisabled = props.isDisabled, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
     var _a = React.useState(false), isRevealed = _a[0], setIsRevealed = _a[1];
     var inputType = React.useMemo(function () {
         return isRevealed ? 'text' : 'password';
     }, [isRevealed]);
-    var revealeHandler = React.useCallback(function (e) {
-        e.preventDefault();
+    var onClickIconReveal = React.useCallback(function (event) {
+        event.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
-    }, [setIsRevealed]);
+    }, []);
     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: 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 }))] }));
+    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, iconFill = propsGenerator.iconFill, iconFillHover = propsGenerator.iconFillHover, iconRevealableHide = propsGenerator.iconRevealableHide, iconRevealableShow = propsGenerator.iconRevealableShow, iconShape = propsGenerator.iconShape, iconSize = propsGenerator.iconSize, imageRevealableHide = propsGenerator.imageRevealableHide, imageRevealableShow = propsGenerator.imageRevealableShow, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, 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', borderColorClass && "border-color_".concat(borderColorClass), borderColorHoverClass &&
+                    "border-color_hover_".concat(borderColorHoverClass), borderWidthClass && "border-width_".concat(borderWidthClass), caretClass && "caret-color_".concat(caretClass), fillClass && "fill_".concat(fillClass), fillHoverClass && "fill_hover_".concat(fillHoverClass), placeholderTextColorClass &&
+                    "placeholder-text-color_".concat(placeholderTextColorClass), shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), sizeClass && "input-password__input_size_".concat(sizeClass), textColorClass && "text-color_".concat(textColorClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass)), type: inputType, disabled: isDisabled, placeholder: placeholder, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }), 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: onClickIconReveal })] }));
 }
 
 exports.InputPassword = InputPassword;

package/dist/cjs/components/Response.js

@@ -9,7 +9,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 Button = require('../../Button_cjs_i0Dn1pkl.js');
+var Button = require('../../Button_cjs_Ce97psFT.js');
 var Group = require('../../Group_cjs_CsJ6ICKK.js');
 var Text = require('../../Text_cjs_0EINiUq4.js');
 require('@itcase/common');
@@ -38,6 +38,7 @@ var responseAppearanceConfirm = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Confirm,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -52,6 +53,7 @@ var responseAppearanceDanger = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Danger,
         primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'dangerPrimary',
@@ -66,6 +68,7 @@ var responseAppearanceEmpty = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Empty,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -80,6 +83,7 @@ var responseAppearanceError = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'errorPrimary',
@@ -94,6 +98,7 @@ var responseAppearanceFail = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Fail,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -108,6 +113,7 @@ var responseAppearanceNothingFound = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.NothingFound,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -122,6 +128,7 @@ var responseAppearanceRefresh = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Refresh,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -150,6 +157,7 @@ var responseAppearanceSuccess = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Success,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'accentPrimary',
@@ -164,6 +172,7 @@ var responseAppearanceUnableLoadData = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.UnableLoadData,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -178,6 +187,7 @@ var responseAppearanceWarning = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: index.responseIcon.Warning,
         primaryButtonAppearance: 'warningPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'warningPrimary',
@@ -234,81 +244,78 @@ var Response = urlWithAssetPrefix.urlWithAssetPrefix(function Response(props) {
 });
 
 var RESPONSE_MESSAGES = {
+    empty: {
+        appearance: 'refresh ghost',
+        title: ' Список пуст',
+        desc: 'Нет данных по заданным параметрам',
+        code: '500',
+        imageSrc: index.responseIcon.Empty,
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+    },
     error: {
-        imageSrc: index.responseIcon.Error,
         appearance: 'error ghost',
         title: 'Ошибка',
-        code: '500',
         desc: 'Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com',
-        primaryButtonLabel: 'ОК',
+        code: '500',
+        imageSrc: index.responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-    },
-    errorRequest: {
-        imageSrc: index.responseIcon.UnableLoadData,
-        appearance: 'refresh ghost',
-        title: 'Доступ ограничен',
-        code: '403',
-        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
-        primaryButtonLabel: 'Повторить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
-        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
     },
-    timeout: {
-        imageSrc: index.responseIcon.UnableLoadData,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка соединения',
-        code: '503',
-        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
-        primaryButtonLabel: 'Обновить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+    warning: {
+        appearance: 'warning ghost',
+        title: 'Внимание',
+        imageSrc: index.responseIcon.Warning,
+        primaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
-        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
     },
-    unableLoadData: {
-        imageSrc: index.responseIcon.Error,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка загрузки',
+    success: {
+        appearance: 'refresh ghost',
+        title: 'Готово',
+        desc: 'Успешно выполнено',
         code: '500',
-        desc: 'Данные не загружены, проверьте подключение к интернету или повторите попытку',
-        primaryButtonLabel: 'Повторить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        imageSrc: index.responseIcon.Success,
+        primaryButtonAppearance: 'successPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Закрыть',
     },
     nothingFound: {
-        imageSrc: index.responseIcon.NothingFound,
         appearance: 'refresh ghost',
         title: 'Ничего не найдено',
-        code: '500',
         desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Повторить',
+        code: '500',
+        imageSrc: index.responseIcon.NothingFound,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Сбросить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    empty: {
-        imageSrc: index.responseIcon.Empty,
-        appearance: 'refresh ghost',
-        title: 'Ничего не найдено',
-        code: '500',
-        desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Сбросить',
+    errorNetwork: {
+        appearance: 'unableLoadData ghost',
+        title: 'Ошибка соединения',
+        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
+        code: '503',
+        imageSrc: index.responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Обновить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    success: {
-        imageSrc: index.responseIcon.Success,
+    errorRequest: {
         appearance: 'refresh ghost',
-        title: 'Готово',
-        code: '500',
-        desc: 'Успешно выполнено',
-        primaryButtonLabel: 'ОК',
+        title: 'Доступ ограничен',
+        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
+        code: '403',
+        imageSrc: index.responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Закрыть',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
 };
 

package/dist/cjs/components/Segmented.js

@@ -213,7 +213,7 @@ var segmentedConfig = {
     },
 };
 var Segmented = function (props) {
-    var className = props.className, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, isDisabled = props.isDisabled, setActiveSegment = props.setActiveSegment, isSkeleton = props.isSkeleton, onChange = props.onChange;
+    var appearance = props.appearance, className = props.className, name = props.name, _a = props.activeSegment, activeSegment = _a === void 0 ? {} : _a, segments = props.segments, isDisabled = props.isDisabled, isSkeleton = props.isSkeleton, setActiveSegment = props.setActiveSegment, onChange = props.onChange;
     var controlRef = React.useRef(null);
     var segmentsRefs = React.useMemo(function () {
         return new Map(segments.map(function (item) { return [item.value, React.createRef()]; }));
@@ -237,7 +237,7 @@ var Segmented = function (props) {
     }, [activeSegment, segmentsRefs]);
     var appearanceConfig = useAppearanceConfig.useAppearanceConfig(appearance, segmentedConfig, isDisabled);
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
-    var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, iconFillDisabled = propsGenerator.iconFillDisabled, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconSize = propsGenerator.iconSize, indicatorFillClass = propsGenerator.indicatorFillClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    var fillActiveClass = propsGenerator.fillActiveClass, fillActiveHoverClass = propsGenerator.fillActiveHoverClass, fillClass = propsGenerator.fillClass, fillHoverClass = propsGenerator.fillHoverClass, labelTextActiveColor = propsGenerator.labelTextActiveColor, labelTextActiveHoverColor = propsGenerator.labelTextActiveHoverColor, labelTextColor = propsGenerator.labelTextColor, labelTextHoverColor = propsGenerator.labelTextHoverColor, labelTextSize = propsGenerator.labelTextSize, labelTextWrap = propsGenerator.labelTextWrap, borderColorClass = propsGenerator.borderColorClass, borderTypeClass = propsGenerator.borderTypeClass, borderWidthClass = propsGenerator.borderWidthClass, iconFill = propsGenerator.iconFill, iconFillActive = propsGenerator.iconFillActive, iconFillDisabled = propsGenerator.iconFillDisabled, iconSize = propsGenerator.iconSize, indicatorFillClass = propsGenerator.indicatorFillClass, shapeClass = propsGenerator.shapeClass, shapeStrengthClass = propsGenerator.shapeStrengthClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
     return (jsxRuntime.jsx("div", { className: clsx(className, 'segmented', shapeClass && "shape_".concat(shapeClass), shapeStrengthClass && "shape-strength_".concat(shapeStrengthClass), fillClass && "fill_".concat(fillClass), widthClass && "segmented_width_".concat(widthClass), sizeClass && "segmented_size_".concat(sizeClass), borderColorClass && "border-color_".concat(borderColorClass), borderWidthClass && "border-width_".concat(borderWidthClass), borderTypeClass && "border_type_".concat(borderTypeClass), isSkeleton && "segmented_skeleton"), ref: controlRef, children: jsxRuntime.jsx("div", { className: "segmented__wrapper", children: jsxRuntime.jsxs("div", { className: clsx('segmented__wrapper-inner'), children: [segments === null || segments === void 0 ? void 0 : segments.map(function (item) {
                         var isActive = String(activeSegment === null || activeSegment === void 0 ? void 0 : activeSegment.value) === String(item.value);
                         return (jsxRuntime.jsx("div", { className: clsx('segmented__item', !item.label && 'segmented__item_icon', sizeClass && "segmented__item_size_".concat(sizeClass), isActive && 'segmented__item_active', !isActive && isDisabled && 'segmented__item_state_disabled', isActive &&
@@ -247,11 +247,11 @@ var Segmented = function (props) {
                                 : fillActiveHoverClass &&
                                     "fill_active_hover_".concat(fillActiveHoverClass), isActive &&
                                 fillActiveClass &&
-                                "fill_active_".concat(fillActiveClass)), ref: segmentsRefs.get(item.value), onClick: function () { return !isDisabled && onChangeValue(item); }, children: jsxRuntime.jsxs("div", { className: clsx('segmented__item-label', sizeClass && "segmented_size_".concat(sizeClass)), children: [item.iconBefore || item.iconBeforeActive ? (jsxRuntime.jsx(Icon.Icon, { className: "segmented__item-icon", iconFillDisabled: iconFillDisabled, isDisabled: isDisabled, iconFill: iconFill, iconFillActive: iconFillActive, iconSize: iconSize, SvgImage: isActive
+                                "fill_active_".concat(fillActiveClass)), ref: segmentsRefs.get(item.value), onClick: function () { return !isDisabled && onChangeValue(item); }, children: jsxRuntime.jsxs("div", { className: clsx('segmented__item-label', sizeClass && "segmented_size_".concat(sizeClass)), children: [item.iconBefore || item.iconBeforeActive ? (jsxRuntime.jsx(Icon.Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
                                             ? item.iconBeforeActive || item.iconBefore
-                                            : item.iconBefore, isActive: isActive })) : null, item.label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (jsxRuntime.jsx(Icon.Icon, { className: "segmented__item-icon", iconFillDisabled: iconFillDisabled, isDisabled: isDisabled, iconFill: iconFill, iconFillActive: iconFillActive, iconSize: iconSize, SvgImage: isActive ? item.iconActive || item.icon : item.icon, isActive: isActive })) : null, item.iconAfter || item.iconAfterActive ? (jsxRuntime.jsx(Icon.Icon, { className: "segmented__item-icon", iconFillDisabled: iconFillDisabled, isDisabled: isDisabled, iconFill: iconFill, iconFillActive: iconFillActive, iconSize: iconSize, SvgImage: isActive
+                                            : item.iconBefore, isActive: isActive, isDisabled: isDisabled })) : null, item.label && (jsxRuntime.jsx(Text.Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (jsxRuntime.jsx(Icon.Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive ? item.iconActive || item.icon : item.icon, isActive: isActive, isDisabled: isDisabled })) : null, item.iconAfter || item.iconAfterActive ? (jsxRuntime.jsx(Icon.Icon, { className: "segmented__item-icon", iconFill: iconFill, iconFillActive: iconFillActive, iconFillDisabled: iconFillDisabled, iconSize: iconSize, SvgImage: isActive
                                             ? item.iconAfterActive || item.iconAfter
-                                            : item.iconAfter, isActive: isActive })) : null] }) }, "".concat(name, "-").concat(item.value)));
+                                            : item.iconAfter, isActive: isActive, isDisabled: isDisabled })) : null] }) }, "".concat(name, "-").concat(item.value)));
                     }), jsxRuntime.jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && "fill_".concat(indicatorFillClass)) })] }) }) }));
 };