@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.10

package/icon-view/cssm/circle.js

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

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 = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 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.componentWrapper, styles["size_" + size], className), ref: ref, "data-test-id": dataTestId },
-        React__default['default'].createElement("div", { className: styles.component },
+    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 },
             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.bg, style: {
+                React__default['default'].createElement("path", { className: styles__default['default'].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.border, d: components_baseShape_utils.getPath({
+                border && (React__default['default'].createElement("path", { className: styles__default['default'].border, d: components_baseShape_utils.getPath({
                         size: size,
                         hasTopAddons: hasTopAddons,
                         hasBottomAddons: hasBottomAddons,
                         pathsMap: pathsMap.border,
                     }) }))),
-            !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))));
+            !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))));
 });
 
 exports.BaseShape = BaseShape;

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

@@ -3,6 +3,7 @@ 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,6 +5,7 @@ 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,6 +5,7 @@ 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,6 +5,7 @@ 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,6 +4,7 @@ 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,6 +4,7 @@ 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,6 +4,7 @@ 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,12 +7,18 @@ 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.
@@ -53,15 +59,9 @@ 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,
-    inverted: invertedColors,
+    default: defaultColors__default['default'],
+    inverted: invertedColors__default['default'],
 };
 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.clearButton, onClick: handleClear },
-                React__default['default'].createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default['default'](styles.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__default['default'].clearButton, onClick: handleClear },
+                React__default['default'].createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default['default'](styles__default['default'].clearIcon, colorStyles[colors].clearIcon) }))),
             rightAddons,
-            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) })))));
+            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) })))));
     };
     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.focusVisible] = focusVisible,
+            _b[styles__default['default'].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.input, colorStyles[colors].input, (_c = {},
-                _c[styles.error] = error,
+        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,
                 _c[colorStyles[colors].error] = error,
-                _c[styles.hasLabel] = label,
+                _c[styles__default['default'].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,6 +8,9 @@ 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-439c192a.js → Component-a04a9434.js}

@@ -2,12 +2,14 @@ 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.
@@ -48,8 +50,6 @@ 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.arrow, (_b = {},
-                    _b[styles.error] = error,
+            Arrow && (React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].arrow, (_b = {},
+                    _b[styles__default['default'].error] = error,
                     _b)) }, Arrow)))) })));
 };
 

package/input-autocomplete/cssm/Component.js

@@ -1,11 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('./Component-439c192a.js');
+var autocompleteField_Component = require('./Component-a04a9434.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,10 +1,11 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var autocompleteField_Component = require('../Component-439c192a.js');
+var autocompleteField_Component = require('../Component-a04a9434.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-439c192a";
+export * from "../Component-a04a9434";

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

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

package/input-autocomplete/cssm/index.js

@@ -1,11 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-439c192a.js');
+require('./Component-a04a9434.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/cssm/{component-a5f485b0.js → component-343123ac.js}

@@ -2,13 +2,15 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
-var components_flagIcon_component = require('./component-96af5380.js');
+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.
@@ -55,12 +57,12 @@ var SelectField = function (_a) {
     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'](components_flagIcon_component.styles.component, size && components_flagIcon_component.styles[size], (_b = {},
-            _b[components_flagIcon_component.styles.focusVisible] = focusVisible,
-            _b[components_flagIcon_component.styles.disabled] = disabled,
+    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,
             _b)) },
-        React__default['default'].createElement("div", exports.__assign({}, innerProps, { className: components_flagIcon_component.styles.inner }),
-            selected && (React__default['default'].createElement("span", { className: components_flagIcon_component.styles.flagIconContainer },
+        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(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, "selected" | "valueRenderer" | "Optgroup" | "size" | "value" | "disabled" | "multiple" | "name" | "placeholder" | "readOnly" | "className" | "id" | "onFocus" | "onBlur" | "onInput" | "onScroll" | "options" | "visibleOptions" | "open" | "label" | "error" | "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" | "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"> & {
     /**
      * Значение
      */

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

@@ -1,23 +1,28 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('./component-a5f485b0.js');
+var components_selectField_component = require('./component-343123ac.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');
-var components_flagIcon_component = require('./component-96af5380.js');
+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 countriesHash = utils.getCountriesHash();
 var MAX_DIAL_CODE_LENGTH = 4;
@@ -136,7 +141,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, components_flagIcon_component.styles[size]), addonsClassName: components_flagIcon_component.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 })));
+    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 })));
 });
 IntlPhoneInput.defaultProps = {
     size: 'm',

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

@@ -0,0 +1,16 @@
+import { FC } from 'react';
+type FlagIconProps = {
+    /**
+     * Код страны из <a href="https://ru.wikipedia.org/wiki/ISO_3166-1_alpha-2" target="_blank">ISO 3166-1 alpha-2</a>
+     */
+    country?: string;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+};
+/**
+ * Компонент флага в виде иконки.
+ */
+declare const FlagIcon: FC<FlagIconProps>;
+export { FlagIconProps, FlagIcon };

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

@@ -1,9 +1,21 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('react');
-require('classnames');
-var components_flagIcon_component = require('../../component-96af5380.js');
+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);
 
-exports.FlagIcon = components_flagIcon_component.FlagIcon;
+/**
+ * Компонент флага в виде иконки.
+ */
+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) });
+};
+
+exports.FlagIcon = FlagIcon;

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

@@ -1 +1 @@
-export * from "../../component-96af5380";
+export * from "./component";

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

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

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

@@ -1,12 +1,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../component-a5f485b0.js');
+var components_selectField_component = require('../component-343123ac.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-var components_flagIcon_component = require('../component-96af5380.js');
+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,16 +1,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-a5f485b0.js');
+var components_selectField_component = require('../../component-343123ac.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-var components_flagIcon_component = require('../../component-96af5380.js');
+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 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;
@@ -20,11 +24,11 @@ var CountriesSelect = function (_a) {
             return ({
                 key: iso2,
                 value: iso2,
-                content: (React__default['default'].createElement("span", { className: components_flagIcon_component.styles.option },
-                    React__default['default'].createElement(components_flagIcon_component.FlagIcon, { country: iso2, className: components_flagIcon_component.styles.flag }),
-                    React__default['default'].createElement("span", { className: components_flagIcon_component.styles.optionTextWrap },
-                        React__default['default'].createElement("span", { className: components_flagIcon_component.styles.countryName }, name),
-                        React__default['default'].createElement("span", { className: components_flagIcon_component.styles.dialCode },
+                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 },
                             "+",
                             dialCode)))),
             });
@@ -32,7 +36,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: components_flagIcon_component.styles.component, onClick: function (event) { return event.stopPropagation(); } },
+    return (React__default['default'].createElement("div", { className: styles__default['default'].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,12 +1,15 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../component-a5f485b0.js');
+require('../../component-343123ac.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('../../component-96af5380.js');
+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,11 +1,13 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-a5f485b0.js');
+var components_selectField_component = require('../../component-343123ac.js');
 require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('../../component-96af5380.js');
+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-a5f485b0";
+export * from "../../component-343123ac";

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

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

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

@@ -1,18 +1,22 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-a5f485b0.js');
+require('./component-343123ac.js');
 require('react');
 require('classnames');
 require('@alfalab/utils');
 require('../../input-autocomplete/cssm');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('./component-96af5380.js');
+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');
 require('./components/select/component.js');
 require('./utils/format-phone-with-unclearable-country-code.js');
 require('./useCaretAvoidCountryCode.js');
 require('./usePreventCaretReset.js');
+require('./index.module.css');
 var component = require('./component.js');