@alfalab/core-components 26.5.2-beta.0 → 26.5.2-beta.3

package/icon-view/cssm/components/base-shape/component.js

@@ -3,13 +3,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var components_baseShape_utils = require('./utils.js');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var BaseShape = React.forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'var(--color-light-bg-secondary)' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
@@ -19,11 +19,11 @@ var BaseShape = React.forwardRef(function (_a, ref) {
     var imagePattern = imagePatternId && (React__default['default'].createElement("defs", null,
         React__default['default'].createElement("pattern", { id: imagePatternId, width: '100%', height: '100%' },
             React__default['default'].createElement("image", { href: imageUrl, width: '100%', height: '100%', preserveAspectRatio: 'xMidYMid slice' }))));
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].componentWrapper, styles__default['default']["size_" + size], className), ref: ref, "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: styles__default['default'].component },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.componentWrapper, styles["size_" + size], className), ref: ref, "data-test-id": dataTestId },
+        React__default['default'].createElement("div", { className: styles.component },
             React__default['default'].createElement("svg", { width: size, height: size, viewBox: "0 0 " + size + " " + size, xmlns: 'http://www.w3.org/2000/svg', focusable: false },
                 imagePattern,
-                React__default['default'].createElement("path", { className: styles__default['default'].bg, style: {
+                React__default['default'].createElement("path", { className: styles.bg, style: {
                         fill: imagePatternId ? "url(#" + imagePatternId + ")" : backgroundColor,
                     }, d: components_baseShape_utils.getPath({
                         size: size,
@@ -31,15 +31,15 @@ var BaseShape = React.forwardRef(function (_a, ref) {
                         hasBottomAddons: hasBottomAddons,
                         pathsMap: pathsMap.shape,
                     }) }),
-                border && (React__default['default'].createElement("path", { className: styles__default['default'].border, d: components_baseShape_utils.getPath({
+                border && (React__default['default'].createElement("path", { className: styles.border, d: components_baseShape_utils.getPath({
                         size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         pathsMap: pathsMap.border,
                     }) }))),
-            !imageUrl && React__default['default'].createElement("div", { className: styles__default['default'].children }, children)),
-        hasTopAddons && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addons, styles__default['default'].topAddons) }, topAddons)),
-        hasBottomAddons && (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].addons, styles__default['default'].bottomAddons) }, bottomAddons))));
+            !imageUrl && React__default['default'].createElement("div", { className: styles.children }, children)),
+        hasTopAddons && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addons, styles.topAddons) }, topAddons)),
+        hasBottomAddons && (React__default['default'].createElement("div", { className: cn__default['default'](styles.addons, styles.bottomAddons) }, bottomAddons))));
 });
 
 exports.BaseShape = BaseShape;

package/icon-view/cssm/components/base-shape/index.js

@@ -3,7 +3,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('react');
 require('classnames');
 require('./utils.js');
-require('./index.module.css');
 var components_baseShape_component = require('./component.js');
 
 

package/icon-view/cssm/components/circle/component.js

@@ -5,7 +5,6 @@ var React = require('react');
 var components_circle_paths = require('./paths.js');
 require('classnames');
 require('../base-shape/utils.js');
-require('../base-shape/index.module.css');
 var components_baseShape_component = require('../base-shape/component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }

package/icon-view/cssm/components/circle/index.js

@@ -5,7 +5,6 @@ require('react');
 require('./paths.js');
 require('classnames');
 require('../base-shape/utils.js');
-require('../base-shape/index.module.css');
 require('../base-shape/component.js');
 var components_circle_component = require('./component.js');
 

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

@@ -5,7 +5,6 @@ require('react');
 require('./circle/paths.js');
 require('classnames');
 require('./base-shape/utils.js');
-require('./base-shape/index.module.css');
 var components_baseShape_component = require('./base-shape/component.js');
 var components_circle_component = require('./circle/component.js');
 require('./super-ellipse/paths.js');

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

@@ -4,7 +4,6 @@ var tslib_es6 = require('../../tslib.es6-2be2aee7.js');
 var React = require('react');
 require('classnames');
 require('../base-shape/utils.js');
-require('../base-shape/index.module.css');
 var components_baseShape_component = require('../base-shape/component.js');
 var components_superEllipse_paths = require('./paths.js');
 

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

@@ -4,7 +4,6 @@ require('../../tslib.es6-2be2aee7.js');
 require('react');
 require('classnames');
 require('../base-shape/utils.js');
-require('../base-shape/index.module.css');
 require('../base-shape/component.js');
 require('./paths.js');
 var components_superEllipse_component = require('./component.js');

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

@@ -4,7 +4,6 @@ require('./tslib.es6-2be2aee7.js');
 require('react');
 require('classnames');
 require('./components/base-shape/utils.js');
-require('./components/base-shape/index.module.css');
 require('./components/base-shape/component.js');
 require('./components/super-ellipse/paths.js');
 var components_superEllipse_component = require('./components/super-ellipse/component.js');

package/input/cssm/Component.js

@@ -7,18 +7,12 @@ var hooks = require('@alfalab/hooks');
 var coreComponentsButton = require('../../button/cssm');
 var coreComponentsFormControl = require('../../form-control/cssm');
 var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
-var styles = require('./index.module.css');
-var defaultColors = require('./default.module.css');
-var invertedColors = require('./inverted.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
-var defaultColors__default = /*#__PURE__*/_interopDefaultLegacy(defaultColors);
-var invertedColors__default = /*#__PURE__*/_interopDefaultLegacy(invertedColors);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -59,9 +53,15 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
+var defaultColors = require("./default.module.css");
+
+var invertedColors = require("./inverted.module.css");
+
 var colorStyles = {
-    default: defaultColors__default['default'],
-    inverted: invertedColors__default['default'],
+    default: defaultColors,
+    inverted: invertedColors,
 };
 var Input = React__default['default'].forwardRef(function (_a, ref) {
     var _b, _c;
@@ -119,19 +119,19 @@ var Input = React__default['default'].forwardRef(function (_a, ref) {
     var renderRightAddons = function () {
         var addonsVisible = clearButtonVisible || rightAddons || error || success;
         return (addonsVisible && (React__default['default'].createElement(React.Fragment, null,
-            clearButtonVisible && (React__default['default'].createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles__default['default'].clearButton, onClick: handleClear },
-                React__default['default'].createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default['default'](styles__default['default'].clearIcon, colorStyles[colors].clearIcon) }))),
+            clearButtonVisible && (React__default['default'].createElement(coreComponentsButton.Button, { type: 'button', view: 'ghost', disabled: disabled, "aria-label": '\u041E\u0447\u0438\u0441\u0442\u0438\u0442\u044C', className: styles.clearButton, onClick: handleClear },
+                React__default['default'].createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default['default'](styles.clearIcon, colorStyles[colors].clearIcon) }))),
             rightAddons,
-            error && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].errorIcon, colorStyles[colors].errorIcon) })),
-            success && !error && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].successIcon, colorStyles[colors].successIcon) })))));
+            error && (React__default['default'].createElement("span", { className: cn__default['default'](styles.errorIcon, colorStyles[colors].errorIcon) })),
+            success && !error && (React__default['default'].createElement("span", { className: cn__default['default'](styles.successIcon, colorStyles[colors].successIcon) })))));
     };
     return (React__default['default'].createElement(coreComponentsFormControl.FormControl, { ref: wrapperRef, className: cn__default['default'](className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn__default['default'](fieldClassName, (_b = {},
-            _b[styles__default['default'].focusVisible] = focusVisible,
+            _b[styles.focusVisible] = focusVisible,
             _b)), labelClassName: labelClassName, addonsClassName: addonsClassName, size: size, colors: colors, block: block, disabled: disabled, filled: filled || autofilled || focused, focused: focused, error: error, label: label, hint: hint, leftAddons: leftAddons, rightAddons: renderRightAddons(), bottomAddons: bottomAddons, onClick: onClick, onMouseDown: onMouseDown, onMouseUp: onMouseUp },
-        React__default['default'].createElement("input", __assign({}, restProps, { className: cn__default['default'](styles__default['default'].input, colorStyles[colors].input, (_c = {},
-                _c[styles__default['default'].error] = error,
+        React__default['default'].createElement("input", __assign({}, restProps, { className: cn__default['default'](styles.input, colorStyles[colors].input, (_c = {},
+                _c[styles.error] = error,
                 _c[colorStyles[colors].error] = error,
-                _c[styles__default['default'].hasLabel] = label,
+                _c[styles.hasLabel] = label,
                 _c[colorStyles[colors].hasLabel] = label,
                 _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 }))));
 });

package/input/cssm/index.js

@@ -8,9 +8,6 @@ require('@alfalab/hooks');
 require('../../button/cssm');
 require('../../form-control/cssm');
 require('@alfalab/icons-glyph/CrossCircleMIcon');
-require('./index.module.css');
-require('./default.module.css');
-require('./inverted.module.css');
 
 
 

package/input-autocomplete/cssm/{Component-a04a9434.js → Component-439c192a.js}

@@ -2,14 +2,12 @@ var React = require('react');
 var cn = require('classnames');
 var coreComponentsInput = require('../../input/cssm');
 var mergeRefs = require('react-merge-refs');
-var styles = require('./autocomplete-field/index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,6 +48,8 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
 var AutocompleteField = function (_a) {
     var _b;
     var label = _a.label, placeholder = _a.placeholder, size = _a.size, Arrow = _a.Arrow, _c = _a.Input, Input = _c === void 0 ? coreComponentsInput.Input : _c, value = _a.value, error = _a.error, success = _a.success, hint = _a.hint, disabled = _a.disabled, readOnly = _a.readOnly, onInput = _a.onInput, _d = _a.inputProps, inputProps = _d === void 0 ? {} : _d, innerProps = _a.innerProps;
@@ -71,8 +71,8 @@ var AutocompleteField = function (_a) {
         // @ts-ignore
         ref: mergeRefs__default['default']([inputRef, inputProps.ref]), disabled: disabled, readOnly: readOnly, block: true, label: label, placeholder: placeholder, size: size, error: error, success: success, hint: hint, onChange: onInput, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : onFocus, autoComplete: 'off', value: value, rightAddons: (Arrow || inputProps.rightAddons) && (React__default['default'].createElement(React__default['default'].Fragment, null,
             inputProps.rightAddons,
-            Arrow && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].arrow, (_b = {},
-                    _b[styles__default['default'].error] = error,
+            Arrow && (React__default['default'].createElement("span", { className: cn__default['default'](styles.arrow, (_b = {},
+                    _b[styles.error] = error,
                     _b)) }, Arrow)))) })));
 };
 

package/input-autocomplete/cssm/Component.js

@@ -1,12 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('./Component-a04a9434.js');
+var autocompleteField_Component = require('./Component-439c192a.js');
 var React = require('react');
 var coreComponentsSelect = require('../../select/cssm');
 require('classnames');
 require('../../input/cssm');
 require('react-merge-refs');
-require('./autocomplete-field/index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/input-autocomplete/cssm/autocomplete-field/Component.js

@@ -1,11 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-a04a9434.js');
+var autocompleteField_Component = require('../Component-439c192a.js');
 require('react');
 require('classnames');
 require('../../../input/cssm');
 require('react-merge-refs');
-require('./index.module.css');
 
 
 

package/input-autocomplete/cssm/autocomplete-field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-a04a9434";
+export * from "../Component-439c192a";

package/input-autocomplete/cssm/autocomplete-field/index.js

@@ -1,11 +1,10 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-a04a9434.js');
+var autocompleteField_Component = require('../Component-439c192a.js');
 require('react');
 require('classnames');
 require('../../../input/cssm');
 require('react-merge-refs');
-require('./index.module.css');
 
 
 

package/input-autocomplete/cssm/index.js

@@ -1,12 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-a04a9434.js');
+require('./Component-439c192a.js');
 require('react');
 require('../../select/cssm');
 require('classnames');
 require('../../input/cssm');
 require('react-merge-refs');
-require('./autocomplete-field/index.module.css');
 var Component = require('./Component.js');
 
 

package/intl-phone-input/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-f01ad13d.js');
+var components_selectField_component = require('./component-a3c867e0.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
@@ -81,7 +81,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = React.useCallback(function () {
         // prettier-ignore
-        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-d23d3b62.js'); })
+        return Promise.resolve().then(function () { return require(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-4afd4dd4.js'); })
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })

package/intl-phone-input/components/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-f01ad13d.js');
+var components_selectField_component = require('../component-a3c867e0.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-f01ad13d.js');
+var components_selectField_component = require('../../component-a3c867e0.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-f01ad13d.js');
+require('../../component-a3c867e0.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select-field/component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-f01ad13d.js');
+var components_selectField_component = require('../../component-a3c867e0.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-f01ad13d";
+export * from "../../component-a3c867e0";

package/intl-phone-input/components/select-field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-f01ad13d.js');
+var components_selectField_component = require('../../component-a3c867e0.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/intl-phone-input/cssm/{component-343123ac.js → component-488cf3c1.js}

@@ -3,14 +3,12 @@ var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
 var components_flagIcon_component = require('./components/flag-icon/component.js');
-var styles = require('./components/select-field/index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -51,18 +49,20 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
 var SelectField = function (_a) {
     var _b;
     var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
     var wrapperRef = React.useRef(null);
     var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
     var ref = innerProps.ref ? mergeRefs__default['default']([innerProps.ref, wrapperRef]) : wrapperRef;
-    return (React__default['default'].createElement("div", { ref: ref, className: cn__default['default'](styles__default['default'].component, size && styles__default['default'][size], (_b = {},
-            _b[styles__default['default'].focusVisible] = focusVisible,
-            _b[styles__default['default'].disabled] = disabled,
+    return (React__default['default'].createElement("div", { ref: ref, className: cn__default['default'](styles.component, size && styles[size], (_b = {},
+            _b[styles.focusVisible] = focusVisible,
+            _b[styles.disabled] = disabled,
             _b)) },
-        React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: styles__default['default'].inner }),
-            selected && (React__default['default'].createElement("span", { className: styles__default['default'].flagIconContainer },
+        React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: styles.inner }),
+            selected && (React__default['default'].createElement("span", { className: styles.flagIconContainer },
                 React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
             Arrow)));
 };

package/intl-phone-input/cssm/component.d.ts

@@ -34,7 +34,7 @@ type IntlPhoneInputProps = Partial<Omit<InputAutocompleteProps, 'onChange'>> & P
      */
     clearableCountryCode?: boolean;
 };
-declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "className" | "label" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "options" | "visibleOptions" | "open" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
+declare const IntlPhoneInput: React.ForwardRefExoticComponent<Partial<Pick<InputAutocompleteProps, "error" | "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "options" | "visibleOptions" | "open" | "label" | "hint" | "Arrow" | "dataTestId" | "fieldClassName" | "success" | "block" | "optionGroupClassName" | "Option" | "inputProps" | "optionsListClassName" | "optionClassName" | "popperClassName" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "circularNavigation" | "defaultOpen" | "popoverPosition" | "preventFlip" | "optionsListWidth" | "optionsSize" | "fieldProps" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList" | "Input">> & Pick<SelectProps, "preventFlip"> & {
     /**
      * Значение
      */

package/intl-phone-input/cssm/component.js

@@ -1,28 +1,25 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-343123ac.js');
+var components_selectField_component = require('./component-488cf3c1.js');
 var React = require('react');
 var cn = require('classnames');
 var utils = require('@alfalab/utils');
 var coreComponentsInputAutocomplete = require('../../input-autocomplete/cssm');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('./components/flag-icon/index.module.css');
 require('./components/flag-icon/component.js');
-require('./components/select-field/index.module.css');
 require('../../select/cssm');
-require('./components/select/index.module.css');
 var components_select_component = require('./components/select/component.js');
 var utils_formatPhoneWithUnclearableCountryCode = require('./utils/format-phone-with-unclearable-country-code.js');
 var useCaretAvoidCountryCode = require('./useCaretAvoidCountryCode.js');
 var usePreventCaretReset = require('./usePreventCaretReset.js');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var countriesHash = utils.getCountriesHash();
 var MAX_DIAL_CODE_LENGTH = 4;
@@ -141,7 +138,7 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
     var countryCodeLength = ("+" + country.dialCode).length;
     useCaretAvoidCountryCode.useCaretAvoidCountryCode({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
     usePreventCaretReset.usePreventCaretReset({ inputRef: inputRef, countryCodeLength: countryCodeLength, clearableCountryCode: clearableCountryCode });
-    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles__default['default'][size]), addonsClassName: styles__default['default'].addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
+    return (React__default['default'].createElement(coreComponentsInputAutocomplete.InputAutocomplete, components_selectField_component.__assign({}, restProps, { ref: ref, inputProps: components_selectField_component.__assign(components_selectField_component.__assign({}, inputProps), { ref: inputRef, wrapperRef: setInputWrapperRef, type: 'tel', colors: colors, className: cn__default['default'](className, styles[size]), addonsClassName: styles.addons, leftAddons: countries.length > 1 && (React__default['default'].createElement(components_select_component.CountriesSelect, { dataTestId: 'countries-select', disabled: disabled || readOnly, size: size, selected: countryIso2, countries: countries, onChange: handleSelectChange, fieldWidth: inputWrapperRef && inputWrapperRef.getBoundingClientRect().width, preventFlip: preventFlip })) }), optionsListWidth: 'field', closeOnSelect: true, onInput: handleInputChange, onChange: handleChange, options: options, disabled: disabled, readOnly: readOnly, size: size, className: className, value: value })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

package/intl-phone-input/cssm/components/flag-icon/component.js

@@ -2,20 +2,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 /**
  * Компонент флага в виде иконки.
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].flagIcon, styles__default['default'][country], className) });
+    return React__default['default'].createElement("span", { className: cn__default['default'](styles.flagIcon, styles[country], className) });
 };
 
 exports.FlagIcon = FlagIcon;

package/intl-phone-input/cssm/components/flag-icon/index.js

@@ -2,7 +2,6 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('./index.module.css');
 var components_flagIcon_component = require('./component.js');
 
 

package/intl-phone-input/cssm/components/index.js

@@ -1,15 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-343123ac.js');
+var components_selectField_component = require('../component-488cf3c1.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('./flag-icon/index.module.css');
 var components_flagIcon_component = require('./flag-icon/component.js');
-require('./select-field/index.module.css');
 require('../../../select/cssm');
-require('./select/index.module.css');
 var components_select_component = require('./select/component.js');
 
 

package/intl-phone-input/cssm/components/select/component.js

@@ -1,20 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-343123ac.js');
+var components_selectField_component = require('../../component-488cf3c1.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('../flag-icon/index.module.css');
 var components_flagIcon_component = require('../flag-icon/component.js');
-require('../select-field/index.module.css');
 var coreComponentsSelect = require('../../../../select/cssm');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var CountriesSelect = function (_a) {
     var disabled = _a.disabled, size = _a.size, selected = _a.selected, countries = _a.countries, fieldWidth = _a.fieldWidth, preventFlip = _a.preventFlip, onChange = _a.onChange, dataTestId = _a.dataTestId;
@@ -24,11 +22,11 @@ var CountriesSelect = function (_a) {
             return ({
                 key: iso2,
                 value: iso2,
-                content: (React__default['default'].createElement("span", { className: styles__default['default'].option },
-                    React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: iso2, className: styles__default['default'].flag }),
-                    React__default['default'].createElement("span", { className: styles__default['default'].optionTextWrap },
-                        React__default['default'].createElement("span", { className: styles__default['default'].countryName }, name),
-                        React__default['default'].createElement("span", { className: styles__default['default'].dialCode },
+                content: (React__default['default'].createElement("span", { className: styles.option },
+                    React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: iso2, className: styles.flag }),
+                    React__default['default'].createElement("span", { className: styles.optionTextWrap },
+                        React__default['default'].createElement("span", { className: styles.countryName }, name),
+                        React__default['default'].createElement("span", { className: styles.dialCode },
                             "+",
                             dialCode)))),
             });
@@ -36,7 +34,7 @@ var CountriesSelect = function (_a) {
     }, [countries]);
     var renderOptionsList = React.useCallback(function (props) { return (React__default['default'].createElement("div", { style: { width: fieldWidth || 0 } },
         React__default['default'].createElement(coreComponentsSelect.VirtualOptionsList, components_selectField_component.__assign({}, props)))); }, [fieldWidth]);
-    return (React__default['default'].createElement("div", { className: styles__default['default'].component, onClick: function (event) { return event.stopPropagation(); } },
+    return (React__default['default'].createElement("div", { className: styles.component, onClick: function (event) { return event.stopPropagation(); } },
         React__default['default'].createElement(coreComponentsSelect.Select, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected, onChange: onChange, Field: components_selectField_component.SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
 };
 

package/intl-phone-input/cssm/components/select/index.js

@@ -1,15 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-343123ac.js');
+require('../../component-488cf3c1.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('../flag-icon/index.module.css');
 require('../flag-icon/component.js');
-require('../select-field/index.module.css');
 require('../../../../select/cssm');
-require('./index.module.css');
 var components_select_component = require('./component.js');
 
 

package/intl-phone-input/cssm/components/select-field/component.js

@@ -1,13 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-343123ac.js');
+var components_selectField_component = require('../../component-488cf3c1.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('../flag-icon/index.module.css');
 require('../flag-icon/component.js');
-require('./index.module.css');
 
 
 

package/intl-phone-input/cssm/components/select-field/index.d.ts

@@ -1 +1 @@
-export * from "../../component-343123ac";
+export * from "../../component-488cf3c1";