@itcase/ui 1.8.122 → 1.8.123

package/dist/components/InputPassword.js

@@ -1,4 +1,5 @@
 import { _ as __assign } from '../tslib.es6_es_Bwu1Cn-t.js';
+import { icons24 } from '@itcase/icons/default';
 import { jsxs, jsx } from 'react/jsx-runtime';
 import { useState, useMemo, useCallback } from 'react';
 import clsx from 'clsx';
@@ -33,8 +34,10 @@ var inputPasswordAppearanceDefault = {
         textColor: 'surfaceTextPrimary',
         textColorDisabled: 'surfaceTextDisabled',
         caret: 'secondaryItemSecondary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
+        placeholderTextColor: 'surfaceTextQuaternary',
     },
     defaultSecondary: {
         fill: 'surfacePrimary',
@@ -43,8 +46,9 @@ var inputPasswordAppearanceDefault = {
         textColor: 'surfaceTextPrimary',
         textColorDisabled: 'surfaceTextDisabled',
         caret: 'secondaryItemSecondary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
 };
@@ -55,16 +59,18 @@ var inputPasswordAppearanceDisabled = {
         borderColor: 'errorBorderQuaternary',
         borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     disabledSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextSecondary',
     },
 };
@@ -75,16 +81,18 @@ var inputPasswordAppearanceError = {
         borderColor: 'errorBorderQuaternary',
         borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     errorSecondary: {
         fill: 'errorSecondary',
         borderColor: 'errorBorderTertiary',
         borderHover: 'errorBorderQuaternary',
-        iconBeforeFill: 'errorItemQuaternary',
-        iconClearFill: 'errorItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'errorTextSecondary',
     },
 };
@@ -95,92 +103,105 @@ var inputPasswordAppearanceRequire = {
         borderColor: 'warningBorderQuaternary',
         borderHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'warningItemQuaternary',
-        iconClearFill: 'warningItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     requireSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: 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',
     },
 };
 
@@ -190,21 +211,23 @@ var inputPasswordAppearanceSuccess = {
         borderColor: 'successBorderQuaternary',
         borderHover: 'successBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        iconBeforeFill: 'successItemQuaternary',
-        iconClearFill: 'successItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextQuaternary',
     },
     successSecondary: {
         fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
         borderHover: 'surfaceBorderQuaternary',
-        iconBeforeFill: 'surfaceItemQuaternary',
-        iconClearFill: 'surfaceItemPrimary',
+        iconFill: 'surfaceItemQuaternary',
+        iconRevealableHide: icons24.View.HideValue,
+        iconRevealableShow: icons24.View.ShowValue,
         placeholderTextColor: 'surfaceTextSecondary',
     },
 };
 
-var inputPasswordAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign({}, inputPasswordAppearanceSize), inputPasswordAppearanceDisabled), inputPasswordAppearanceRequire), inputPasswordAppearanceStyle), inputPasswordAppearanceError), inputPasswordAppearanceDefault), inputPasswordAppearanceSuccess);
+var inputPasswordAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign(__assign({}, inputPasswordAppearanceSize), inputPasswordAppearanceDisabled), inputPasswordAppearanceRequire), inputPasswordAppearanceStyle), inputPasswordAppearanceError), inputPasswordAppearanceDefault), inputPasswordAppearanceSuccess), inputPasswordAppearanceShape);
 
 var inputPasswordConfig = {
     appearance: inputPasswordAppearance,
@@ -213,22 +236,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 = useState(false), isRevealed = _a[0], setIsRevealed = _a[1];
     var inputType = useMemo(function () {
         return isRevealed ? 'text' : 'password';
     }, [isRevealed]);
-    var revealeHandler = useCallback(function (e) {
-        e.preventDefault();
+    var onClickIconReveal = useCallback(function (event) {
+        event.preventDefault();
         setIsRevealed(function (prev) { return !prev; });
-    }, [setIsRevealed]);
+    }, []);
     var appearanceConfig = useAppearanceConfig(appearance, inputPasswordConfig, isDisabled);
     var propsGenerator = 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 (jsxs("div", { className: "input-password", children: [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 && (jsx(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 (jsxs("div", { className: "input-password", children: [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 }), jsx(Icon, { className: "input-password__icon", size: iconSize, iconFill: iconFill, iconFillHover: iconFillHover, imageSrc: isRevealed ? imageRevealableHide : imageRevealableShow, shape: iconShape, SvgImage: isRevealed ? iconRevealableHide : iconRevealableShow, onClick: onClickIconReveal })] }));
 }
 
 export { InputPassword, inputPasswordAppearance, inputPasswordConfig };

package/dist/components/Response.js

@@ -7,7 +7,7 @@ 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 { B as Button } from '../Button_es_CtH5EKJd.js';
+import { B as Button } from '../Button_es_CZss7cXh.js';
 import { G as Group } from '../Group_es_DRqIIM9m.js';
 import { T as Text } from '../Text_es_CwV9rjFD.js';
 import '@itcase/common';
@@ -36,6 +36,7 @@ var responseAppearanceConfirm = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Confirm,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -50,6 +51,7 @@ var responseAppearanceDanger = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Danger,
         primaryButtonAppearance: 'dangerPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'dangerPrimary',
@@ -64,6 +66,7 @@ var responseAppearanceEmpty = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Empty,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -78,6 +81,7 @@ var responseAppearanceError = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'errorPrimary',
@@ -92,6 +96,7 @@ var responseAppearanceFail = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Fail,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -106,6 +111,7 @@ var responseAppearanceNothingFound = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.NothingFound,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -120,6 +126,7 @@ var responseAppearanceRefresh = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Refresh,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -148,6 +155,7 @@ var responseAppearanceSuccess = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Success,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'accentPrimary',
@@ -162,6 +170,7 @@ var responseAppearanceUnableLoadData = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.UnableLoadData,
         primaryButtonAppearance: 'accentPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'surfaceTertiary',
@@ -176,6 +185,7 @@ var responseAppearanceWarning = {
         titleTextSize: 'xxl',
         labelTextColor: 'surfaceTextPrimary',
         descTextSize: 'm',
+        imageSrc: responseIcon.Warning,
         primaryButtonAppearance: 'warningPrimary sizeXXL solid',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid',
         svgFill: 'warningPrimary',
@@ -232,81 +242,78 @@ var Response = urlWithAssetPrefix(function Response(props) {
 });
 
 var RESPONSE_MESSAGES = {
+    empty: {
+        appearance: 'refresh ghost',
+        title: ' Список пуст',
+        desc: 'Нет данных по заданным параметрам',
+        code: '500',
+        imageSrc: responseIcon.Empty,
+        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
+    },
     error: {
-        imageSrc: responseIcon.Error,
         appearance: 'error ghost',
         title: 'Ошибка',
-        code: '500',
         desc: 'Возникла проблема с обработкой вашего запроса. Повторите попытку позже или обратитесь в поддержку по электронной почте: support@example.com',
-        primaryButtonLabel: 'ОК',
+        code: '500',
+        imageSrc: responseIcon.Error,
         primaryButtonAppearance: 'errorPrimary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-    },
-    errorRequest: {
-        imageSrc: 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: responseIcon.UnableLoadData,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка соединения',
-        code: '503',
-        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
-        primaryButtonLabel: 'Обновить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+    warning: {
+        appearance: 'warning ghost',
+        title: 'Внимание',
+        imageSrc: responseIcon.Warning,
+        primaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'warningPrimary sizeXXL solid rounded',
         secondaryButtonLabel: 'Отмена',
-        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
     },
-    unableLoadData: {
-        imageSrc: responseIcon.Error,
-        appearance: 'unableLoadData ghost',
-        title: 'Ошибка загрузки',
+    success: {
+        appearance: 'refresh ghost',
+        title: 'Готово',
+        desc: 'Успешно выполнено',
         code: '500',
-        desc: 'Данные не загружены, проверьте подключение к интернету или повторите попытку',
-        primaryButtonLabel: 'Повторить',
-        primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        imageSrc: responseIcon.Success,
+        primaryButtonAppearance: 'successPrimary sizeXXL solid rounded',
+        primaryButtonLabel: 'ОК',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Закрыть',
     },
     nothingFound: {
-        imageSrc: responseIcon.NothingFound,
         appearance: 'refresh ghost',
         title: 'Ничего не найдено',
-        code: '500',
         desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Повторить',
+        code: '500',
+        imageSrc: responseIcon.NothingFound,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Сбросить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    empty: {
-        imageSrc: responseIcon.Empty,
-        appearance: 'refresh ghost',
-        title: 'Ничего не найдено',
-        code: '500',
-        desc: 'Нет данных по заданным параметрам',
-        primaryButtonLabel: 'Сбросить',
+    errorNetwork: {
+        appearance: 'unableLoadData ghost',
+        title: 'Ошибка соединения',
+        desc: 'Не удалось подключиться.Проверьте интернет-соединение и повторите попытку',
+        code: '503',
+        imageSrc: responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Отмена',
+        primaryButtonLabel: 'Обновить',
         secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
-    success: {
-        imageSrc: responseIcon.Success,
+    errorRequest: {
         appearance: 'refresh ghost',
-        title: 'Готово',
-        code: '500',
-        desc: 'Успешно выполнено',
-        primaryButtonLabel: 'ОК',
+        title: 'Доступ ограничен',
+        desc: 'Для выяснения причин и восстановления доступа обратитесь, пожалуйста, в техническую поддержку по электронной почте: support@example.com',
+        code: '403',
+        imageSrc: responseIcon.UnableLoadData,
         primaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
-        secondaryButtonLabel: 'Закрыть',
+        primaryButtonLabel: 'Повторить',
+        secondaryButtonAppearance: 'surfaceSecondary sizeXXL solid rounded',
+        secondaryButtonLabel: 'Отмена',
     },
 };
 

package/dist/components/Segmented.js

@@ -211,7 +211,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 = useRef(null);
     var segmentsRefs = useMemo(function () {
         return new Map(segments.map(function (item) { return [item.value, createRef()]; }));
@@ -235,7 +235,7 @@ var Segmented = function (props) {
     }, [activeSegment, segmentsRefs]);
     var appearanceConfig = useAppearanceConfig(appearance, segmentedConfig, isDisabled);
     var propsGenerator = 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 (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: jsx("div", { className: "segmented__wrapper", children: 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 (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 &&
@@ -245,11 +245,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: jsxs("div", { className: clsx('segmented__item-label', sizeClass && "segmented_size_".concat(sizeClass)), children: [item.iconBefore || item.iconBeforeActive ? (jsx(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: jsxs("div", { className: clsx('segmented__item-label', sizeClass && "segmented_size_".concat(sizeClass)), children: [item.iconBefore || item.iconBeforeActive ? (jsx(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 && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (jsx(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 ? (jsx(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 && (jsx(Text, { size: labelTextSize, textColor: labelTextColor, textColorActive: labelTextActiveColor, textColorActiveHover: labelTextActiveHoverColor, textColorHover: labelTextHoverColor, textWrap: labelTextWrap, isActive: isActive, children: item.label })), item.icon || item.iconActive ? (jsx(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 ? (jsx(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)));
                     }), jsx("div", { className: clsx('segmented__indicator', indicatorFillClass && "fill_".concat(indicatorFillClass)) })] }) }) }));
 };