@itcase/ui 1.8.4 → 1.8.9

package/dist/{Input_cjs_DkQh0Utd.js → Input_cjs_C8RWS1SD.js}

@@ -6,64 +6,161 @@ var React = require('react');
 var clsx = require('clsx');
 var useDevicePropsGenerator = require('./cjs/hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 
-var inputAppearance = {
-    dev: {
-        size: 'm',
+var inputAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
         borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
         textColor: 'surfaceTextPrimary',
-        textSize: 'm',
+        textColorDisabled: 'surfaceTextDisabled',
+        caret: 'secondaryItemSecondary',
+    },
+    defaultSecondary: {
+        fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
         placeholderTextColor: 'surfaceTextSecondary',
-        shape: 'rounded',
+        textColor: 'surfaceTextPrimary',
+        textColorDisabled: 'surfaceTextDisabled',
+        caret: 'secondaryItemSecondary',
     },
 };
-var inputState = {
-    filled: {
-        borderColor: 'surfaceBorderQuaternary',
-        textColor: 'surfaceTextPrimary',
+
+var inputAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceFillDisabled',
+        borderColor: 'errorBorderQuaternary',
+        borderHover: 'errorBorderQuaternary',
+        textColor: 'surfaceTextQuaternary',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    disabledSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
     },
-    disabled: {
-        borderColor: 'surfaceBorderDisabled',
-        borderColorHover: 'surfaceBorderDisabled',
+};
+
+var inputAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        borderColor: 'errorBorderQuaternary',
+        borderHover: 'errorBorderQuaternary',
         textColor: 'surfaceTextPrimary',
-        placeholderTextColor: 'surfaceTextDisabled',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
     },
-    error: {
-        borderColor: 'errorBorderPrimary',
-        placeholderTextColor: 'secondaryTextSecondary',
+    errorSecondary: {
+        fill: 'errorSecondary',
+        borderColor: 'errorBorderTertiary',
+        borderHover: 'errorBorderQuaternary',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'errorTextSecondary',
     },
-    errorFilled: {
-        borderColor: 'errorBorderPrimary',
+};
+
+var inputAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        borderColor: 'warningBorderQuaternary',
+        borderHover: 'warningBorderQuaternary',
         textColor: 'surfaceTextPrimary',
+        iconBeforeFill: 'warningItemQuaternary',
+        iconClearFill: 'warningItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
     },
-    success: {
-        borderColor: 'successBorderPrimary',
-        textColor: 'surfaceTextPrimary',
+    requireSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+    },
+};
+
+var inputAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        textSize: 'l',
     },
-    active: {
-        borderColor: 'surfaceBorderActive',
-        placeholderTextColor: 'secondaryTextSecondary',
+    sizeXL: {
+        size: 'xl',
+        textSize: 's',
     },
-    activeFilled: {
-        borderColor: 'surfaceBorderActive',
-        textColor: 'surfaceTextPrimary',
+    sizeL: {
+        size: 'l',
+        textSize: 's',
     },
-    normal: {
-        borderColor: 'surfaceBorderQuaternary',
-        placeholderTextColor: 'secondaryTextSecondary',
+    sizeM: {
+        size: 'm',
+        textSize: 'm',
     },
-    readonly: {
-        borderColor: 'surfaceBorderDisabled',
-        textColor: 'surfaceTextPrimary',
+    sizeS: {
+        size: 's',
+        textSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        textSize: 's',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        textSize: 's',
+    },
+};
+
+var inputAppearanceStyle = {
+    full: {
+    /* border / fill */
     },
-    require: {
-        borderColor: 'surfaceBorderActive',
+    ghost: {
+        fill: 'none',
+        borderWidth: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderWidth: '0',
+    },
+};
+
+var inputAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        borderColor: 'successBorderQuaternary',
+        borderHover: 'successBorderQuaternary',
         textColor: 'surfaceTextPrimary',
+        iconBeforeFill: 'successItemQuaternary',
+        iconClearFill: 'successItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    successSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
     },
 };
 
+var inputAppearance = tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign(tslib_es6.__assign({}, inputAppearanceDefault), inputAppearanceError), inputAppearanceSuccess), inputAppearanceRequire), inputAppearanceDisabled), inputAppearanceSize), inputAppearanceStyle);
+
 var inputConfig = {
     appearance: inputAppearance,
-    state: inputState,
     setAppearance: function (appearanceConfig) {
         inputConfig.appearance = appearanceConfig;
     },
@@ -80,7 +177,7 @@ var Input = React.forwardRef(function Input(props, ref) {
     // const stateConfig = state && inputConfig.state && inputConfig.state[state]
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
-    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "input_shape_".concat(shapeClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), textColorClass && "text-color_".concat(textColorClass), !isDisabled
+    return (jsxRuntime.jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "input_shape_".concat(shapeClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
             ? fillClass && "fill_".concat(fillClass)
             : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled
             ? borderWidthClass && "border-width_".concat(borderWidthClass)
@@ -100,4 +197,3 @@ var Input = React.forwardRef(function Input(props, ref) {
 exports.Input = Input;
 exports.inputAppearance = inputAppearance;
 exports.inputConfig = inputConfig;
-exports.inputState = inputState;

package/dist/Input_es_FXxp51gq.js

@@ -0,0 +1,195 @@
+import { _ as __assign } from './tslib.es6_es_Bwu1Cn-t.js';
+import { jsx } from 'react/jsx-runtime';
+import React from 'react';
+import clsx from 'clsx';
+import { useDevicePropsGenerator } from './hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
+
+var inputAppearanceDefault = {
+    defaultPrimary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        textColor: 'surfaceTextPrimary',
+        textColorDisabled: 'surfaceTextDisabled',
+        caret: 'secondaryItemSecondary',
+    },
+    defaultSecondary: {
+        fill: 'surfacePrimary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+        textColor: 'surfaceTextPrimary',
+        textColorDisabled: 'surfaceTextDisabled',
+        caret: 'secondaryItemSecondary',
+    },
+};
+
+var inputAppearanceDisabled = {
+    disabledPrimary: {
+        fill: 'surfaceFillDisabled',
+        borderColor: 'errorBorderQuaternary',
+        borderHover: 'errorBorderQuaternary',
+        textColor: 'surfaceTextQuaternary',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    disabledSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+    },
+};
+
+var inputAppearanceError = {
+    errorPrimary: {
+        fill: 'errorTertiary',
+        borderColor: 'errorBorderQuaternary',
+        borderHover: 'errorBorderQuaternary',
+        textColor: 'surfaceTextPrimary',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    errorSecondary: {
+        fill: 'errorSecondary',
+        borderColor: 'errorBorderTertiary',
+        borderHover: 'errorBorderQuaternary',
+        iconBeforeFill: 'errorItemQuaternary',
+        iconClearFill: 'errorItemPrimary',
+        placeholderTextColor: 'errorTextSecondary',
+    },
+};
+
+var inputAppearanceRequire = {
+    requirePrimary: {
+        fill: 'warningTertiary',
+        borderColor: 'warningBorderQuaternary',
+        borderHover: 'warningBorderQuaternary',
+        textColor: 'surfaceTextPrimary',
+        iconBeforeFill: 'warningItemQuaternary',
+        iconClearFill: 'warningItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    requireSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+    },
+};
+
+var inputAppearanceSize = {
+    sizeXXL: {
+        size: 'xxl',
+        textSize: 'l',
+    },
+    sizeXL: {
+        size: 'xl',
+        textSize: 's',
+    },
+    sizeL: {
+        size: 'l',
+        textSize: 's',
+    },
+    sizeM: {
+        size: 'm',
+        textSize: 'm',
+    },
+    sizeS: {
+        size: 's',
+        textSize: 's',
+    },
+    sizeXS: {
+        size: 'xs',
+        textSize: 's',
+    },
+    sizeXXS: {
+        size: 'xxs',
+        textSize: 's',
+    },
+};
+
+var inputAppearanceStyle = {
+    full: {
+    /* border / fill */
+    },
+    ghost: {
+        fill: 'none',
+        borderWidth: '0',
+    },
+    outlined: {
+        fill: 'none',
+    },
+    solid: {
+        borderWidth: '0',
+    },
+};
+
+var inputAppearanceSuccess = {
+    successPrimary: {
+        fill: 'successTertiary',
+        borderColor: 'successBorderQuaternary',
+        borderHover: 'successBorderQuaternary',
+        textColor: 'surfaceTextPrimary',
+        iconBeforeFill: 'successItemQuaternary',
+        iconClearFill: 'successItemPrimary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+    successSecondary: {
+        fill: 'surfaceSecondary',
+        borderColor: 'surfaceBorderTertiary',
+        borderHover: 'surfaceBorderQuaternary',
+        iconBeforeFill: 'surfaceItemQuaternary',
+        iconClearFill: 'surfaceItemPrimary',
+        placeholderTextColor: 'surfaceTextSecondary',
+    },
+};
+
+var inputAppearance = __assign(__assign(__assign(__assign(__assign(__assign(__assign({}, inputAppearanceDefault), inputAppearanceError), inputAppearanceSuccess), inputAppearanceRequire), inputAppearanceDisabled), inputAppearanceSize), inputAppearanceStyle);
+
+var inputConfig = {
+    appearance: inputAppearance,
+    setAppearance: function (appearanceConfig) {
+        inputConfig.appearance = appearanceConfig;
+    },
+    setState: function (newComponent) {
+        inputConfig.state = newComponent;
+    },
+};
+var Input = React.forwardRef(function Input(props, ref) {
+    var id = props.id, className = props.className, _a = props.type, type = _a === void 0 ? 'text' : _a, name = props.name, appearance = props.appearance, isDisabled = props.isDisabled, autocomplete = props.autocomplete, dataTestId = props.dataTestId, index = props.index, placeholder = props.placeholder, value = props.value, onBlur = props.onBlur, onChange = props.onChange, onFocus = props.onFocus, onKeyDown = props.onKeyDown;
+    var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
+        var _a;
+        return (__assign(__assign({}, resultConfig), (_a = inputConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+    }, {});
+    // const stateConfig = state && inputConfig.state && inputConfig.state[state]
+    var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
+    var fillClass = propsGenerator.fillClass, fillDisabledClass = propsGenerator.fillDisabledClass, fillHoverClass = propsGenerator.fillHoverClass, borderColorClass = propsGenerator.borderColorClass, borderColorDisabledClass = propsGenerator.borderColorDisabledClass, borderWidthClass = propsGenerator.borderWidthClass, borderWidthDisabledClass = propsGenerator.borderWidthDisabledClass, textColorClass = propsGenerator.textColorClass, textColorDisabledClass = propsGenerator.textColorDisabledClass, textSizeClass = propsGenerator.textSizeClass, textWeightClass = propsGenerator.textWeightClass, placeholderTextColorDisabledClass = propsGenerator.placeholderTextColorDisabledClass, caretClass = propsGenerator.caretClass, placeholderTextColorClass = propsGenerator.placeholderTextColorClass, shapeClass = propsGenerator.shapeClass, sizeClass = propsGenerator.sizeClass, widthClass = propsGenerator.widthClass;
+    return (jsx("input", { id: String(id), className: clsx(className, 'input', type === 'number' && 'input_type_number', (textSizeClass || textColorClass || textWeightClass) && 'text', caretClass && "caret-color_".concat(caretClass), shapeClass && "input_shape_".concat(shapeClass), textColorClass && "text-color_".concat(textColorClass), textSizeClass && "text_size_".concat(textSizeClass), textWeightClass && "text-weight_".concat(textWeightClass), widthClass && "width_".concat(widthClass), sizeClass && "input_size_".concat(sizeClass), !isDisabled
+            ? fillClass && "fill_".concat(fillClass)
+            : fillDisabledClass && "fill_disabled_".concat(fillDisabledClass), !isDisabled
+            ? borderWidthClass && "border-width_".concat(borderWidthClass)
+            : borderWidthDisabledClass &&
+                "border-width_disabled_".concat(borderWidthDisabledClass), !isDisabled ? fillHoverClass && "fill_hover_".concat(fillHoverClass) : null, !isDisabled
+            ? borderColorClass && "border-color_".concat(borderColorClass)
+            : borderColorDisabledClass &&
+                "border-color_disabled_".concat(borderColorDisabledClass), !isDisabled
+            ? placeholderTextColorClass &&
+                "placeholder-text-color_".concat(placeholderTextColorClass)
+            : placeholderTextColorDisabledClass &&
+                "placeholder-text-color_disabled_".concat(placeholderTextColorDisabledClass), !isDisabled
+            ? textColorClass && "text-color_".concat(textColorClass)
+            : textColorDisabledClass && "text-color_".concat(textColorDisabledClass)), type: type, disabled: isDisabled, autocomplete: autocomplete, "data-test-id": dataTestId || (name ? "".concat(name, "Input") : 'input'), index: index, placeholder: placeholder, ref: ref, value: value, onBlur: onBlur, onChange: onChange, onFocus: onFocus, onKeyDown: onKeyDown }));
+});
+
+export { Input as I, inputAppearance as a, inputConfig as i };

package/dist/cjs/components/DadataHintField.js

@@ -5,7 +5,7 @@ var jsxRuntime = require('react/jsx-runtime');
 var React = require('react');
 var clsx = require('clsx');
 var reactDadata = require('react-dadata');
-var Input = require('../../Input_cjs_DkQh0Utd.js');
+var Input = require('../../Input_cjs_C8RWS1SD.js');
 require('../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js');
 require('lodash/camelCase');
 require('lodash/castArray');

package/dist/cjs/components/DatePicker.js

@@ -10,7 +10,7 @@ var useDevicePropsGenerator = require('../hooks/useDevicePropsGenerator/useDevic
 var useStyles = require('../hooks/useStyles/useStyles.js');
 var Button = require('../../Button_cjs_B7OmqizJ.js');
 var Icon = require('../../Icon_cjs_DSzfNqif.js');
-var Input = require('../../Input_cjs_DkQh0Utd.js');
+var Input = require('../../Input_cjs_C8RWS1SD.js');
 var Label = require('../../Label_cjs_BCjB-mxC.js');
 var Text = require('../../Text_cjs_D4xG0cKD.js');
 require('lodash/camelCase');

package/dist/cjs/components/Input.js

@@ -1,6 +1,6 @@
 'use strict';
 
-var Input = require('../../Input_cjs_DkQh0Utd.js');
+var Input = require('../../Input_cjs_C8RWS1SD.js');
 require('../../tslib.es6_cjs_CCZ3TN_7.js');
 require('react/jsx-runtime');
 require('react');
@@ -22,4 +22,3 @@ require('../utils/setViewportProperty.js');
 exports.Input = Input.Input;
 exports.inputAppearance = Input.inputAppearance;
 exports.inputConfig = Input.inputConfig;
-exports.inputState = Input.inputState;

package/dist/cjs/components/Select.js

@@ -40,29 +40,40 @@ var SelectClearIndicator = function (props) {
     return (jsxRuntime.jsx(Select.components.ClearIndicator, tslib_es6.__assign({}, props, { children: clearIcon ? (jsxRuntime.jsx(Icon.Icon, { iconFill: clearIconFill, SvgImage: clearIcon })) : (children) })));
 };
 
-var selectAppearance = {
-    dev: {
-        size: 'normal',
+var selectAppearanceDefault = {
+    defaultPrimary: {
         elevation: 8,
         inputBorderColor: 'surfaceBorderTertiary',
         inputBorderColorHover: 'surfaceBorderQuaternary',
         inputFill: 'surfacePrimary',
         inputShape: 'rounded',
         inputTextColor: 'surfaceTextPrimary',
-        inputTextSize: 'm',
+        multipleItemFill: 'surfaceSecondary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleTextColor: 'accentTextPrimary',
         noOptionsText: 'Ничего не найдено...',
         noOptionsTextColor: 'surfaceTextPrimary',
-        noOptionsTextSize: 'm',
         optionFill: 'surfacePrimary',
         optionFillHover: 'surfacePrimaryHover',
         optionTextColor: 'surfaceTextPrimary',
-        optionTextSize: 'm',
         placeholder: 'Выбрать...',
-        placeholderTextColor: 'surfaceTextSecondary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+
+var selectAppearanceSize = {
+    sizeM: {
+        size: 'm',
+        inputTextSize: 'm',
+        multipleItemTextSize: 'm',
+        noOptionsTextSize: 'm',
+        optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
 };
 
+var selectAppearance = tslib_es6.__assign(tslib_es6.__assign({}, selectAppearanceDefault), selectAppearanceSize);
+
 var SelectControl = function (props) {
     var _a = props.selectProps, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape, before = _a.before, after = _a.after;
     return (jsxRuntime.jsxs(React.Fragment, { children: [before, jsxRuntime.jsx(Select.components.Control, tslib_es6.__assign({}, props, { className: clsx('select__control', inputFill, inputShape, inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&

package/dist/cjs/components/Switch.js

@@ -34,7 +34,7 @@ var Switch = React.forwardRef(function Switch(props, ref) {
     var id = props.id, className = props.className, appearance = props.appearance, _a = props.align, align = _a === void 0 ? 'left' : _a, size = props.size, title = props.title, desc = props.desc, disabled = props.disabled, checked = props.checked, onChange = props.onChange;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
-        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = segmentedConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+        return (tslib_es6.__assign(tslib_es6.__assign({}, resultConfig), (_a = switchConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator.useDevicePropsGenerator(props, appearanceConfig);
     var titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize;

package/dist/components/DadataHintField.js

@@ -3,7 +3,7 @@ import { jsx } from 'react/jsx-runtime';
 import { useMemo } from 'react';
 import clsx from 'clsx';
 import { PartySuggestions } from 'react-dadata';
-import { I as Input } from '../Input_es_Bs0gEq3L.js';
+import { I as Input } from '../Input_es_FXxp51gq.js';
 import '../hooks/useDevicePropsGenerator/useDevicePropsGenerator.js';
 import 'lodash/camelCase';
 import 'lodash/castArray';

package/dist/components/DatePicker.js

@@ -8,7 +8,7 @@ import { useDevicePropsGenerator } from '../hooks/useDevicePropsGenerator/useDev
 import { useStyles } from '../hooks/useStyles/useStyles.js';
 import { B as Button } from '../Button_es_CBbHMy1v.js';
 import { I as Icon } from '../Icon_es_BBmoZ7_3.js';
-import { I as Input } from '../Input_es_Bs0gEq3L.js';
+import { I as Input } from '../Input_es_FXxp51gq.js';
 import { L as Label } from '../Label_es_CZpanSdR.js';
 import { T as Text } from '../Text_es_FJGduy7Z.js';
 import 'lodash/camelCase';

package/dist/components/Input.js

@@ -1,4 +1,4 @@
-export { I as Input, a as inputAppearance, i as inputConfig, b as inputState } from '../Input_es_Bs0gEq3L.js';
+export { I as Input, a as inputAppearance, i as inputConfig } from '../Input_es_FXxp51gq.js';
 import '../tslib.es6_es_Bwu1Cn-t.js';
 import 'react/jsx-runtime';
 import 'react';

package/dist/components/Select.js

@@ -38,29 +38,40 @@ var SelectClearIndicator = function (props) {
     return (jsx(components.ClearIndicator, __assign({}, props, { children: clearIcon ? (jsx(Icon, { iconFill: clearIconFill, SvgImage: clearIcon })) : (children) })));
 };
 
-var selectAppearance = {
-    dev: {
-        size: 'normal',
+var selectAppearanceDefault = {
+    defaultPrimary: {
         elevation: 8,
         inputBorderColor: 'surfaceBorderTertiary',
         inputBorderColorHover: 'surfaceBorderQuaternary',
         inputFill: 'surfacePrimary',
         inputShape: 'rounded',
         inputTextColor: 'surfaceTextPrimary',
-        inputTextSize: 'm',
+        multipleItemFill: 'surfaceSecondary',
+        multipleItemFillHover: 'surfaceHover',
+        multipleTextColor: 'accentTextPrimary',
         noOptionsText: 'Ничего не найдено...',
         noOptionsTextColor: 'surfaceTextPrimary',
-        noOptionsTextSize: 'm',
         optionFill: 'surfacePrimary',
         optionFillHover: 'surfacePrimaryHover',
         optionTextColor: 'surfaceTextPrimary',
-        optionTextSize: 'm',
         placeholder: 'Выбрать...',
-        placeholderTextColor: 'surfaceTextSecondary',
+        placeholderTextColor: 'surfaceTextQuaternary',
+    },
+};
+
+var selectAppearanceSize = {
+    sizeM: {
+        size: 'm',
+        inputTextSize: 'm',
+        multipleItemTextSize: 'm',
+        noOptionsTextSize: 'm',
+        optionTextSize: 'm',
         placeholderTextSize: 'm',
     },
 };
 
+var selectAppearance = __assign(__assign({}, selectAppearanceDefault), selectAppearanceSize);
+
 var SelectControl = function (props) {
     var _a = props.selectProps, inputBorderColor = _a.inputBorderColor, inputBorderColorHover = _a.inputBorderColorHover, inputFill = _a.inputFill, inputShape = _a.inputShape, before = _a.before, after = _a.after;
     return (jsxs(React.Fragment, { children: [before, jsx(components.Control, __assign({}, props, { className: clsx('select__control', inputFill, inputShape, inputBorderColor && "border-color_".concat(inputBorderColor), inputBorderColorHover &&

package/dist/components/Switch.js

@@ -32,7 +32,7 @@ var Switch = React.forwardRef(function Switch(props, ref) {
     var id = props.id, className = props.className, appearance = props.appearance, _a = props.align, align = _a === void 0 ? 'left' : _a, size = props.size, title = props.title, desc = props.desc, disabled = props.disabled, checked = props.checked, onChange = props.onChange;
     var appearanceConfig = appearance === null || appearance === void 0 ? void 0 : appearance.split(' ').reduce(function (resultConfig, appearanceKey) {
         var _a;
-        return (__assign(__assign({}, resultConfig), (_a = segmentedConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
+        return (__assign(__assign({}, resultConfig), (_a = switchConfig.appearance) === null || _a === void 0 ? void 0 : _a[appearanceKey]));
     }, {});
     var propsGenerator = useDevicePropsGenerator(props, appearanceConfig);
     var titleTextColor = propsGenerator.titleTextColor, titleTextSize = propsGenerator.titleTextSize, descTextColor = propsGenerator.descTextColor, descTextSize = propsGenerator.descTextSize;

package/dist/css/components/Avatar/Avatar.css

@@ -82,11 +82,11 @@
           justify-content: center;
           align-items: center;
           ^^^&__image {
-            width: $(size) px;
-            height: $(size) px;
+            width: $(size)px;
+            height: $(size)px;
             & .image__item {
-              width: $(size) px;
-              height: $(size) px;
+              width: $(size)px;
+              height: $(size)px;
             }
           }
         }

package/dist/css/components/Choice/Choice.css

@@ -66,9 +66,13 @@
   display: flex;
   &__before {
     margin: 2px 0;
+    display: flex;
+    align-items: center;
   }
   &__after {
     margin: 2px 0;
+    display: flex;
+    align-items: center;
   }
 }
 .choice {

package/dist/css/components/DadataHintField/DadataHintField.css

@@ -23,7 +23,7 @@
     }
   }
   &--highlighted {
-    color: var(--color-accent-primary);
+    color: var(--color-accent-fill-primary);
   }
   & .input_state {
     &_error {