@alfalab/core-components 45.6.0-beta.1 → 45.6.0-beta.2

package/icon-view/cssm/components/super-ellipse/paths.js

@@ -1,6 +1,4 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var borderPaths = {
+const borderPaths = {
     16: {
         none: 'M0.755052 4.1761C1.01463 2.36249 2.36249 1.01463 4.1761 0.755052C5.19089 0.60981 6.46546 0.5 8 0.5C9.53454 0.5 10.8091 0.60981 11.8239 0.755052C13.6375 1.01463 14.9854 2.36249 15.2449 4.1761C15.3902 5.19089 15.5 6.46546 15.5 8C15.5 9.53454 15.3902 10.8091 15.2449 11.8239C14.9854 13.6375 13.6375 14.9854 11.8239 15.2449C10.8091 15.3902 9.53454 15.5 8 15.5C6.46546 15.5 5.19089 15.3902 4.1761 15.2449C2.36249 14.9854 1.01463 13.6375 0.755052 11.8239C0.60981 10.8091 0.5 9.53454 0.5 8C0.5 6.46546 0.60981 5.19089 0.755052 4.1761Z',
         indicator: 'M8 0.5C8.94244 0.5 9.78681 0.541419 10.5331 0.607021C10.8135 3.15974 12.8403 5.18653 15.393 5.46686C15.4586 6.21319 15.5 7.05756 15.5 8C15.5 9.53454 15.3902 10.8091 15.2449 11.8239C14.9854 13.6375 13.6375 14.9854 11.8239 15.2449C10.8091 15.3902 9.53454 15.5 8 15.5C6.46546 15.5 5.19089 15.3902 4.1761 15.2449C2.36249 14.9854 1.01463 13.6375 0.755052 11.8239C0.60981 10.8091 0.5 9.53454 0.5 8C0.5 6.46546 0.60981 5.19089 0.755052 4.1761C1.01463 2.36249 2.36249 1.01463 4.1761 0.755052C5.19089 0.60981 6.46546 0.5 8 0.5Z',
@@ -64,7 +62,7 @@ var borderPaths = {
         topBottom: 'M86.1067 1.51027C87.9294 1.68414 89.3852 2.75142 90.3532 4.27891C91.3246 5.81168 91.7861 7.78459 91.6079 9.6859C91.5365 10.4478 91.5 11.2197 91.5 12C91.5 25.531 102.469 36.5 116 36.5C116.78 36.5 117.552 36.4635 118.314 36.3921C120.215 36.2139 122.188 36.6754 123.721 37.6468C125.249 38.6148 126.316 40.0706 126.49 41.8933C127.104 48.3376 127.5 55.7064 127.5 64C127.5 72.2936 127.104 79.6625 126.49 86.1067C126.316 87.9294 125.249 89.3852 123.721 90.3532C122.188 91.3246 120.215 91.7861 118.314 91.6079C117.552 91.5365 116.78 91.5 116 91.5C102.469 91.5 91.5 102.469 91.5 116C91.5 116.78 91.5365 117.552 91.6079 118.314C91.7861 120.215 91.3246 122.188 90.3532 123.721C89.3852 125.249 87.9294 126.316 86.1067 126.49C79.6625 127.104 72.2936 127.5 64 127.5C51.5561 127.5 41.1938 126.609 32.9129 125.424C16.8649 123.127 4.87261 111.135 2.57572 95.0871C1.39052 86.8062 0.5 76.4439 0.5 64C0.5 51.5561 1.39052 41.1938 2.57572 32.9129C4.87261 16.8649 16.8649 4.87261 32.9129 2.57572C41.1938 1.39052 51.5561 0.5 64 0.5C72.2936 0.5 79.6625 0.895557 86.1067 1.51027Z',
     },
 };
-var shapePaths = {
+const shapePaths = {
     16: {
         none: 'M0.260096 4.10526C0.551141 2.07177 2.07177 0.551141 4.10526 0.260096C5.14327 0.11153 6.44152 0 8 0C9.55848 0 10.8567 0.11153 11.8947 0.260096C13.9282 0.551141 15.4489 2.07177 15.7399 4.10526C15.8885 5.14327 16 6.44152 16 8C16 9.55848 15.8885 10.8567 15.7399 11.8947C15.4489 13.9282 13.9282 15.4489 11.8947 15.7399C10.8567 15.8885 9.55848 16 8 16C6.44152 16 5.14327 15.8885 4.10526 15.7399C2.07177 15.4489 0.551141 13.9282 0.260096 11.8947C0.11153 10.8567 0 9.55848 0 8C0 6.44152 0.11153 5.14327 0.260096 4.10526Z',
         indicator: 'M11.0022 0.149864C10.1407 0.059673 9.13997 0 8 0C6.44152 0 5.14327 0.11153 4.10526 0.260096C2.07177 0.551141 0.551141 2.07177 0.260096 4.10526C0.11153 5.14327 0 6.44152 0 8C0 9.55848 0.11153 10.8567 0.260096 11.8947C0.551141 13.9282 2.07177 15.4489 4.10526 15.7399C5.14327 15.8885 6.44152 16 8 16C9.55848 16 10.8567 15.8885 11.8947 15.7399C13.9282 15.4489 15.4489 13.9282 15.7399 11.8947C15.8885 10.8567 16 9.55848 16 8C16 6.86003 15.9403 5.8593 15.8501 4.9978C13.2078 4.92001 11.08 2.79219 11.0022 0.149864Z',
@@ -128,11 +126,9 @@ var shapePaths = {
         none: 'M2.08077 32.8421C4.40913 16.5742 16.5742 4.40913 32.8421 2.08077C41.1462 0.892237 51.5321 0 64 0C76.4679 0 86.8538 0.892237 95.1579 2.08077C111.426 4.40913 123.591 16.5742 125.919 32.8421C127.108 41.1462 128 51.5321 128 64C128 76.4679 127.108 86.8538 125.919 95.1579C123.591 111.426 111.426 123.591 95.1579 125.919C86.8538 127.108 76.4679 128 64 128C51.5321 128 41.1462 127.108 32.8421 125.919C16.5742 123.591 4.40913 111.426 2.08077 95.1579C0.892237 86.8538 0 76.4679 0 64C0 51.5321 0.892238 41.1462 2.08077 32.8421Z',
     },
 };
-var pathsMap = {
+const pathsMap = {
     shape: shapePaths,
     border: borderPaths,
 };
 
-exports.borderPaths = borderPaths;
-exports.pathsMap = pathsMap;
-exports.shapePaths = shapePaths;
+export { borderPaths, pathsMap, shapePaths };

package/icon-view/cssm/no-shape/index.js

@@ -1,7 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_noShape_component = require('../components/no-shape/component.js');
-
-
-
-exports.NoShape = components_noShape_component.NoShape;
+export { NoShape } from '../components/no-shape/component.js';
+import 'react';
+import '../components/base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../components/base-shape/utils.js';
+import '../components/no-shape/paths.js';

package/icon-view/cssm/rectangle/index.js

@@ -1,7 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_rectangle_component = require('../components/rectangle/component.js');
-
-
-
-exports.Rectangle = components_rectangle_component.Rectangle;
+export { Rectangle } from '../components/rectangle/component.js';
+import 'react';
+import '../components/base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../components/base-shape/utils.js';
+import '../components/rectangle/paths.js';

package/icon-view/cssm/super-ellipse/index.js

@@ -1,7 +1,7 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_superEllipse_component = require('../components/super-ellipse/component.js');
-
-
-
-exports.SuperEllipse = components_superEllipse_component.SuperEllipse;
+export { SuperEllipse } from '../components/super-ellipse/component.js';
+import 'react';
+import '../components/base-shape/component.js';
+import 'classnames';
+import '@alfalab/hooks';
+import '../components/base-shape/utils.js';
+import '../components/super-ellipse/paths.js';

package/indicator/cssm/Component.js

@@ -1,57 +1,8 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import cn from 'classnames';
 
-var React = require('react');
-var cn = require('classnames');
-var styles = require('./index.module.css');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-
-/******************************************************************************
-Copyright (c) Microsoft Corporation.
-
-Permission to use, copy, modify, and/or distribute this software for any
-purpose with or without fee is hereby granted.
-
-THE SOFTWARE IS PROVIDED "AS IS" AND THE AUTHOR DISCLAIMS ALL WARRANTIES WITH
-REGARD TO THIS SOFTWARE INCLUDING ALL IMPLIED WARRANTIES OF MERCHANTABILITY
-AND FITNESS. IN NO EVENT SHALL THE AUTHOR BE LIABLE FOR ANY SPECIAL, DIRECT,
-INDIRECT, OR CONSEQUENTIAL DAMAGES OR ANY DAMAGES WHATSOEVER RESULTING FROM
-LOSS OF USE, DATA OR PROFITS, WHETHER IN AN ACTION OF CONTRACT, NEGLIGENCE OR
-OTHER TORTIOUS ACTION, ARISING OUT OF OR IN CONNECTION WITH THE USE OR
-PERFORMANCE OF THIS SOFTWARE.
-***************************************************************************** */
-var __assign = function () {
-    __assign = Object.assign || function __assign(t) {
-        for (var s, i = 1, n = arguments.length; i < n; i++) {
-            s = arguments[i];
-            for (var p in s)
-                if (Object.prototype.hasOwnProperty.call(s, p))
-                    t[p] = s[p];
-        }
-        return t;
-    };
-    return __assign.apply(this, arguments);
-};
-function __rest(s, e) {
-    var t = {};
-    for (var p in s)
-        if (Object.prototype.hasOwnProperty.call(s, p) && e.indexOf(p) < 0)
-            t[p] = s[p];
-    if (s != null && typeof Object.getOwnPropertySymbols === "function")
-        for (var i = 0, p = Object.getOwnPropertySymbols(s); i < p.length; i++) {
-            if (e.indexOf(p[i]) < 0 && Object.prototype.propertyIsEnumerable.call(s, p[i]))
-                t[p[i]] = s[p[i]];
-        }
-    return t;
-}
-typeof SuppressedError === "function" ? SuppressedError : function (error, suppressed, message) {
-    var e = new Error(message);
-    return e.name = "SuppressedError", e.error = error, e.suppressed = suppressed, e;
-};
+const styles = {"component":"component","red":"red","border":"border","white":"white","grey":"grey","size-8":"size-8","size-16":"size-16","content":"content","size-20":"size-20","size-24":"size-24","size-40":"size-40","size-48":"size-48"};
+require('./index.css');
 
 function getSize(height, value) {
     if (!height) {
@@ -92,7 +43,7 @@ function borderStyles(border, view) {
         outlineStyle: 'solid',
     };
 }
-var SIZE_TO_CLASSNAME_MAP = {
+const SIZE_TO_CLASSNAME_MAP = {
     xs: 'size-8',
     s: 'size-20',
     m: 'size-24',
@@ -104,14 +55,18 @@ var SIZE_TO_CLASSNAME_MAP = {
     40: 'size-40',
     48: 'size-48',
 };
-var Indicator = React.forwardRef(function (_a, ref) {
-    var value = _a.value, view = _a.view, color = _a.color, backgroundColor = _a.backgroundColor, height = _a.height, border = _a.border, className = _a.className, dataTestId = _a.dataTestId, style = _a.style, _b = _a.size, size = _b === void 0 ? getSize(height, value) : _b, restProps = __rest(_a, ["value", "view", "color", "backgroundColor", "height", "border", "className", "dataTestId", "style", "size"]);
-    var showContent = typeof value !== 'undefined' && SIZE_TO_CLASSNAME_MAP[size] !== 'size-8';
-    return (React__default.default.createElement("div", __assign({ ref: ref, className: cn__default.default(styles__default.default.component, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], view && styles__default.default[view], border === true && styles__default.default.border, className), style: __assign(__assign(__assign(__assign({}, style), (!view && {
-            backgroundColor: backgroundColor,
-            color: color,
-        })), { height: height, minWidth: height }), borderStyles(border, view)), "data-test-id": dataTestId }, restProps), showContent && React__default.default.createElement("span", { className: styles__default.default.content }, formatValue(value))));
+const Indicator = forwardRef(({ value, view, color, backgroundColor, height, border, className, dataTestId, style, size = getSize(height, value), ...restProps }, ref) => {
+    const showContent = typeof value !== 'undefined' && SIZE_TO_CLASSNAME_MAP[size] !== 'size-8';
+    return (React.createElement("div", { ref: ref, className: cn(styles.component, styles[SIZE_TO_CLASSNAME_MAP[size]], view && styles[view], border === true && styles.border, className), style: {
+            ...style,
+            ...(!view && {
+                backgroundColor,
+                color,
+            }),
+            height,
+            minWidth: height,
+            ...borderStyles(border, view),
+        }, "data-test-id": dataTestId, ...restProps }, showContent && React.createElement("span", { className: styles.content }, formatValue(value))));
 });
 
-exports.Indicator = Indicator;
-exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;
+export { Indicator, SIZE_TO_CLASSNAME_MAP };

package/indicator/cssm/index.js

@@ -1,8 +1,3 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component = require('./Component.js');
-
-
-
-exports.Indicator = Component.Indicator;
-exports.SIZE_TO_CLASSNAME_MAP = Component.SIZE_TO_CLASSNAME_MAP;
+export { Indicator, SIZE_TO_CLASSNAME_MAP } from './Component.js';
+import 'react';
+import 'classnames';

package/input/cssm/Component.responsive.js

@@ -1,21 +1,26 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { useMatchMedia } from '../../mq/cssm';
+import { InputDesktop } from './desktop/Component.desktop.js';
+import { InputMobile } from './mobile/Component.mobile.js';
+import '../../form-control/cssm/desktop';
+import './components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../badge/cssm';
+import '../../shared/cssm';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+import './components/clear-button/Component.js';
+import '../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import '../../form-control/cssm/mobile';
 
-var tslib = require('tslib');
-var React = require('react');
-var coreComponentsMq = require('../../mq/cssm');
-var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-var mobile_Component_mobile = require('./mobile/Component.mobile.js');
-
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var Input = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue"]);
-    var query = "(min-width: ".concat(breakpoint, "px)");
-    var isDesktop = coreComponentsMq.useMatchMedia(query, defaultMatchMediaValue)[0];
-    var Component = isDesktop ? desktop_Component_desktop.InputDesktop : mobile_Component_mobile.InputMobile;
-    return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
+const Input = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restProps }, ref) => {
+    const query = `(min-width: ${breakpoint}px)`;
+    const [isDesktop] = useMatchMedia(query, defaultMatchMediaValue);
+    const Component = isDesktop ? InputDesktop : InputMobile;
+    return React.createElement(Component, { ref: ref, ...restProps });
 });
 
-exports.Input = Input;
+export { Input };

package/input/cssm/components/base-input/Component.js

@@ -1,33 +1,29 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { useRef, useState, useCallback, Fragment } from 'react';
+import mergeRefs from 'react-merge-refs';
+import cn from 'classnames';
+import { Badge } from '../../../../badge/cssm';
+import { getDataTestId } from '../../../../shared/cssm';
+import { useFocus } from '@alfalab/hooks';
+import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import { ExclamationCircleMIcon } from '@alfalab/icons-glyph/ExclamationCircleMIcon';
+import { ClearButton } from '../clear-button/Component.js';
+import '../../../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var tslib = require('tslib');
-var React = require('react');
-var mergeRefs = require('react-merge-refs');
-var cn = require('classnames');
-var coreComponentsBadge = require('../../../../badge/cssm');
-var coreComponentsShared = require('../../../../shared/cssm');
-var hooks = require('@alfalab/hooks');
-var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
-var ExclamationCircleMIcon = require('@alfalab/icons-glyph/ExclamationCircleMIcon');
-var components_clearButton_Component = require('../clear-button/Component.js');
-var defaultColors = require('./default.module.css');
-var styles = require('./index.module.css');
-var invertedColors = require('./inverted.module.css');
+const defaultColors = {"input":"input","hasInnerLabel":"hasInnerLabel","disableUserInput":"disableUserInput","error":"error"};
+require('./default.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+const styles = {"input":"input","hasInnerLabel":"hasInnerLabel","size-48":"size-48","size-56":"size-56","size-64":"size-64","size-72":"size-72","block":"block","errorIcon":"errorIcon","errorColorIcon":"errorColorIcon","successIcon":"successIcon","successColorIcon":"successColorIcon","focusVisible":"focusVisible","onautofillstart":"onautofillstart","onautofillcancel":"onautofillcancel"};
+require('./index.css');
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+const invertedColors = {"input":"input","hasInnerLabel":"hasInnerLabel","disableUserInput":"disableUserInput","error":"error"};
+require('./inverted.css');
 
-var colorCommonStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
+const colorCommonStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
-var SIZE_TO_CLASSNAME_MAP = {
+const SIZE_TO_CLASSNAME_MAP = {
     s: 'size-48',
     m: 'size-56',
     l: 'size-64',
@@ -37,21 +33,19 @@ var SIZE_TO_CLASSNAME_MAP = {
     64: 'size-64',
     72: 'size-72',
 };
-var BaseInput = React__default.default.forwardRef(function (_a, ref) {
-    var _b, _c;
-    var _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.type, type = _e === void 0 ? 'text' : _e, _f = _a.block, block = _f === void 0 ? false : _f, _g = _a.colors, colors = _g === void 0 ? 'default' : _g, bottomAddons = _a.bottomAddons, dataTestId = _a.dataTestId, _h = _a.clear, clear = _h === void 0 ? false : _h, disabled = _a.disabled, error = _a.error, success = _a.success, hint = _a.hint, className = _a.className, fieldClassName = _a.fieldClassName, inputClassName = _a.inputClassName, labelClassName = _a.labelClassName, addonsClassName = _a.addonsClassName, rightAddonsProps = _a.rightAddonsProps, leftAddonsProps = _a.leftAddonsProps, focusedClassName = _a.focusedClassName, filledClassName = _a.filledClassName, label = _a.label, _j = _a.labelView, labelView = _j === void 0 ? 'inner' : _j, leftAddons = _a.leftAddons, onFocus = _a.onFocus, onBlur = _a.onBlur, onChange = _a.onChange, onClear = _a.onClear, onClick = _a.onClick, onMouseDown = _a.onMouseDown, onMouseUp = _a.onMouseUp, onAnimationStart = _a.onAnimationStart, rightAddons = _a.rightAddons, value = _a.value, defaultValue = _a.defaultValue, wrapperRef = _a.wrapperRef, readOnlyProp = _a.readOnly, FormControlComponent = _a.FormControlComponent, disableUserInput = _a.disableUserInput, restProps = tslib.__rest(_a, ["size", "type", "block", "colors", "bottomAddons", "dataTestId", "clear", "disabled", "error", "success", "hint", "className", "fieldClassName", "inputClassName", "labelClassName", "addonsClassName", "rightAddonsProps", "leftAddonsProps", "focusedClassName", "filledClassName", "label", "labelView", "leftAddons", "onFocus", "onBlur", "onChange", "onClear", "onClick", "onMouseDown", "onMouseUp", "onAnimationStart", "rightAddons", "value", "defaultValue", "wrapperRef", "readOnly", "FormControlComponent", "disableUserInput"]);
-    var uncontrolled = value === undefined;
-    var readOnly = readOnlyProp || disableUserInput;
-    var inputRef = React.useRef(null);
-    var focusVisible = hooks.useFocus(inputRef, 'keyboard')[0];
-    var _k = React.useState(restProps.autoFocus), focused = _k[0], setFocused = _k[1];
-    var _l = React.useState(defaultValue || ''), stateValue = _l[0], setStateValue = _l[1];
-    var filled = Boolean(uncontrolled ? stateValue : value);
-    var _m = React.useState(false), autofilled = _m[0], setAutofilled = _m[1];
+const BaseInput = React.forwardRef(({ size = 48, type = 'text', block = false, colors = 'default', bottomAddons, dataTestId, clear = false, disabled, error, success, hint, className, fieldClassName, inputClassName, labelClassName, addonsClassName, rightAddonsProps, leftAddonsProps, focusedClassName, filledClassName, label, labelView = 'inner', leftAddons, onFocus, onBlur, onChange, onClear, onClick, onMouseDown, onMouseUp, onAnimationStart, rightAddons, value, defaultValue, wrapperRef, readOnly: readOnlyProp, FormControlComponent, disableUserInput, ...restProps }, ref) => {
+    const uncontrolled = value === undefined;
+    const readOnly = readOnlyProp || disableUserInput;
+    const inputRef = useRef(null);
+    const [focusVisible] = useFocus(inputRef, 'keyboard');
+    const [focused, setFocused] = useState(restProps.autoFocus);
+    const [stateValue, setStateValue] = useState(defaultValue || '');
+    const filled = Boolean(uncontrolled ? stateValue : value);
+    const [autofilled, setAutofilled] = useState(false);
     // отображаем крестик только для заполненного и активного инпута
-    var clearButtonVisible = clear && filled && !disabled && !readOnly;
-    var hasInnerLabel = label && labelView === 'inner';
-    var handleInputFocus = React.useCallback(function (event) {
+    const clearButtonVisible = clear && filled && !disabled && !readOnly;
+    const hasInnerLabel = label && labelView === 'inner';
+    const handleInputFocus = useCallback((event) => {
         if (!readOnly) {
             setFocused(true);
         }
@@ -59,13 +53,13 @@ var BaseInput = React__default.default.forwardRef(function (_a, ref) {
             onFocus(event);
         }
     }, [onFocus, readOnly]);
-    var handleInputBlur = React.useCallback(function (event) {
+    const handleInputBlur = useCallback((event) => {
         setFocused(false);
         if (onBlur) {
             onBlur(event);
         }
     }, [onBlur]);
-    var handleInputChange = React.useCallback(function (event) {
+    const handleInputChange = useCallback((event) => {
         if (onChange) {
             onChange(event, { value: event.target.value });
         }
@@ -73,7 +67,7 @@ var BaseInput = React__default.default.forwardRef(function (_a, ref) {
             setStateValue(event.target.value);
         }
     }, [onChange, uncontrolled]);
-    var handleClear = React.useCallback(function (event) {
+    const handleClear = useCallback((event) => {
         if (!clearButtonVisible)
             return;
         if (uncontrolled) {
@@ -86,32 +80,32 @@ var BaseInput = React__default.default.forwardRef(function (_a, ref) {
             inputRef.current.focus();
         }
     }, [clearButtonVisible, focused, onClear, uncontrolled]);
-    var handleAnimationStart = React.useCallback(function (event) {
+    const handleAnimationStart = useCallback((event) => {
         if (onAnimationStart) {
             onAnimationStart(event);
         }
         setAutofilled(event.animationName.includes('start'));
     }, [onAnimationStart]);
-    var renderRightAddons = function () {
-        var addonsVisible = clearButtonVisible || rightAddons || error || success;
-        return (addonsVisible && (React__default.default.createElement(React.Fragment, null,
-            clearButtonVisible && (React__default.default.createElement(components_clearButton_Component.ClearButton, { onClick: handleClear, disabled: disabled, colors: colors })),
+    const renderRightAddons = () => {
+        const addonsVisible = clearButtonVisible || rightAddons || error || success;
+        return (addonsVisible && (React.createElement(Fragment, null,
+            clearButtonVisible && (React.createElement(ClearButton, { onClick: handleClear, disabled: disabled, colors: colors })),
             rightAddons,
-            error && (React__default.default.createElement("div", { className: styles__default.default.errorIcon, "data-addon": 'error-icon' },
-                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, { className: styles__default.default.errorColorIcon }) }))),
-            success && !error && (React__default.default.createElement("div", { className: styles__default.default.successIcon },
-                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default.default.successColorIcon }) }))))));
+            error && (React.createElement("div", { className: styles.errorIcon, "data-addon": 'error-icon' },
+                React.createElement(Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React.createElement(ExclamationCircleMIcon, { className: styles.errorColorIcon }) }))),
+            success && !error && (React.createElement("div", { className: styles.successIcon },
+                React.createElement(Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React.createElement(CheckmarkCircleMIcon, { className: styles.successColorIcon }) }))))));
     };
-    return FormControlComponent ? (React__default.default.createElement(FormControlComponent, { ref: wrapperRef, className: cn__default.default(className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn__default.default(fieldClassName, (_b = {},
-            _b[styles__default.default.focusVisible] = focusVisible,
-            _b)), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
-        React__default.default.createElement("input", tslib.__assign({}, restProps, { className: cn__default.default(styles__default.default.input, colorCommonStyles[colors].input, (_c = {},
-                _c[colorCommonStyles[colors].disableUserInput] = disableUserInput,
-                _c[colorCommonStyles[colors].error] = error,
-                _c[styles__default.default[SIZE_TO_CLASSNAME_MAP[size]]] = hasInnerLabel,
-                _c[styles__default.default.hasInnerLabel] = hasInnerLabel,
-                _c[colorCommonStyles[colors].hasInnerLabel] = hasInnerLabel,
-                _c), inputClassName), disabled: disabled, onBlur: handleInputBlur, onFocus: handleInputFocus, onChange: handleInputChange, onAnimationStart: handleAnimationStart, ref: mergeRefs__default.default([ref, inputRef]), type: type, value: uncontrolled ? stateValue : value, readOnly: readOnly, "data-test-id": dataTestId, "aria-label": typeof label === 'string' ? label : undefined })))) : null;
+    return FormControlComponent ? (React.createElement(FormControlComponent, { ref: wrapperRef, className: cn(className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn(fieldClassName, {
+            [styles.focusVisible]: focusVisible,
+        }), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, readOnly: readOnlyProp, filled: filled || autofilled || focused, focused: focused, error: error, label: label, labelView: labelView, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp, dataTestId: getDataTestId(dataTestId, 'form-control'), rightAddonsProps: rightAddonsProps, leftAddonsProps: leftAddonsProps },
+        React.createElement("input", { ...restProps, className: cn(styles.input, colorCommonStyles[colors].input, {
+                [colorCommonStyles[colors].disableUserInput]: disableUserInput,
+                [colorCommonStyles[colors].error]: error,
+                [styles[SIZE_TO_CLASSNAME_MAP[size]]]: hasInnerLabel,
+                [styles.hasInnerLabel]: hasInnerLabel,
+                [colorCommonStyles[colors].hasInnerLabel]: hasInnerLabel,
+            }, inputClassName), disabled: disabled, onBlur: handleInputBlur, onFocus: handleInputFocus, onChange: handleInputChange, onAnimationStart: handleAnimationStart, ref: mergeRefs([ref, inputRef]), type: type, value: uncontrolled ? stateValue : value, readOnly: readOnly, "data-test-id": dataTestId, "aria-label": typeof label === 'string' ? label : undefined }))) : null;
 });
 
-exports.BaseInput = BaseInput;
+export { BaseInput };

package/input/cssm/components/base-input/index.js

@@ -1,7 +1,12 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_baseInput_Component = require('./Component.js');
-
-
-
-exports.BaseInput = components_baseInput_Component.BaseInput;
+export { BaseInput } from './Component.js';
+import 'react';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../../badge/cssm';
+import '../../../../shared/cssm';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+import '../clear-button/Component.js';
+import '../../../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';

package/input/cssm/components/clear-button/Component.js

@@ -1,30 +1,23 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React from 'react';
+import cn from 'classnames';
+import { Button } from '../../../../button/cssm';
+import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var React = require('react');
-var cn = require('classnames');
-var coreComponentsButton = require('../../../../button/cssm');
-var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
-var defaultColors = require('./default.module.css');
-var styles = require('./index.module.css');
-var invertedColors = require('./inverted.module.css');
+const defaultColors = {"clearIcon":"clearIcon"};
+require('./default.css');
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+const styles = {"clearIcon":"clearIcon","clearButton":"clearButton"};
+require('./index.css');
 
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
-var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
-var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+const invertedColors = {"clearIcon":"clearIcon"};
+require('./inverted.css');
 
-var colorStyles = {
-    default: defaultColors__default.default,
-    inverted: invertedColors__default.default,
-};
-var preventDefault = function (e) { return e.preventDefault(); };
-var ClearButton = function (_a) {
-    var colors = _a.colors, disabled = _a.disabled, onClick = _a.onClick;
-    return (React__default.default.createElement(coreComponentsButton.Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles__default.default.clearButton, onClick: onClick, tabIndex: -1, onMouseDown: preventDefault },
-        React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default.default(styles__default.default.clearIcon, colorStyles[colors].clearIcon) })));
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
 };
+const preventDefault = (e) => e.preventDefault();
+const ClearButton = ({ colors, disabled, onClick }) => (React.createElement(Button, { type: 'button', view: 'text', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: onClick, tabIndex: -1, onMouseDown: preventDefault },
+    React.createElement(CrossCircleMIcon, { className: cn(styles.clearIcon, colorStyles[colors].clearIcon) })));
 
-exports.ClearButton = ClearButton;
+export { ClearButton };

package/input/cssm/components/clear-button/index.js

@@ -1,7 +1,5 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var components_clearButton_Component = require('./Component.js');
-
-
-
-exports.ClearButton = components_clearButton_Component.ClearButton;
+export { ClearButton } from './Component.js';
+import 'react';
+import 'classnames';
+import '../../../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';

package/input/cssm/desktop/Component.desktop.js

@@ -1,14 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { FormControlDesktop } from '../../../form-control/cssm/desktop';
+import { BaseInput } from '../components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../badge/cssm';
+import '../../../shared/cssm';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+import '../components/clear-button/Component.js';
+import '../../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var tslib = require('tslib');
-var React = require('react');
-var desktop = require('../../../form-control/cssm/desktop');
-var components_baseInput_Component = require('../components/base-input/Component.js');
+const InputDesktop = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlDesktop, ref: ref })));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var InputDesktop = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseInput_Component.BaseInput, tslib.__assign({}, restProps, { FormControlComponent: desktop.FormControlDesktop, ref: ref }))); });
-
-exports.InputDesktop = InputDesktop;
+export { InputDesktop };

package/input/cssm/desktop/index.js

@@ -1,7 +1,14 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var desktop_Component_desktop = require('./Component.desktop.js');
-
-
-
-exports.InputDesktop = desktop_Component_desktop.InputDesktop;
+export { InputDesktop } from './Component.desktop.js';
+import 'react';
+import '../../../form-control/cssm/desktop';
+import '../components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../badge/cssm';
+import '../../../shared/cssm';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+import '../components/clear-button/Component.js';
+import '../../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';

package/input/cssm/index.js

@@ -1,7 +1,18 @@
-Object.defineProperty(exports, '__esModule', { value: true });
-
-var Component_responsive = require('./Component.responsive.js');
-
-
-
-exports.Input = Component_responsive.Input;
+export { Input } from './Component.responsive.js';
+import 'react';
+import '../../mq/cssm';
+import './desktop/Component.desktop.js';
+import '../../form-control/cssm/desktop';
+import './components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../badge/cssm';
+import '../../shared/cssm';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+import './components/clear-button/Component.js';
+import '../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
+import './mobile/Component.mobile.js';
+import '../../form-control/cssm/mobile';

package/input/cssm/mobile/Component.mobile.js

@@ -1,14 +1,17 @@
-Object.defineProperty(exports, '__esModule', { value: true });
+import React, { forwardRef } from 'react';
+import { FormControlMobile } from '../../../form-control/cssm/mobile';
+import { BaseInput } from '../components/base-input/Component.js';
+import 'react-merge-refs';
+import 'classnames';
+import '../../../badge/cssm';
+import '../../../shared/cssm';
+import '@alfalab/hooks';
+import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
+import '@alfalab/icons-glyph/ExclamationCircleMIcon';
+import '../components/clear-button/Component.js';
+import '../../../button/cssm';
+import '@alfalab/icons-glyph/CrossCircleMIcon';
 
-var tslib = require('tslib');
-var React = require('react');
-var mobile = require('../../../form-control/cssm/mobile');
-var components_baseInput_Component = require('../components/base-input/Component.js');
+const InputMobile = forwardRef((restProps, ref) => (React.createElement(BaseInput, { ...restProps, FormControlComponent: FormControlMobile, ref: ref })));
 
-function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
-
-var React__default = /*#__PURE__*/_interopDefaultCompat(React);
-
-var InputMobile = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_baseInput_Component.BaseInput, tslib.__assign({}, restProps, { FormControlComponent: mobile.FormControlMobile, ref: ref }))); });
-
-exports.InputMobile = InputMobile;
+export { InputMobile };