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

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

@@ -2,15 +2,13 @@ var React = require('react');
 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');
+var components_flagIcon_component = require('./component-96af5380.js');
 
 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.
@@ -57,12 +55,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'](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'](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,
             _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: components_flagIcon_component.styles.inner }),
+            selected && (React__default['default'].createElement("span", { className: components_flagIcon_component.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, "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"> & {
     /**
      * Значение
      */

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

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

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

@@ -1,16 +0,0 @@
-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,21 +1,9 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
-var cn = require('classnames');
-var styles = require('./index.module.css');
+require('react');
+require('classnames');
+var components_flagIcon_component = require('../../component-96af5380.js');
 
-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 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;
+exports.FlagIcon = components_flagIcon_component.FlagIcon;

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

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

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

@@ -2,8 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
-require('./index.module.css');
-var components_flagIcon_component = require('./component.js');
+var components_flagIcon_component = require('../../component-96af5380.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-a5f485b0.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');
+var components_flagIcon_component = require('../component-96af5380.js');
 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,16 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_selectField_component = require('../../component-343123ac.js');
+var components_selectField_component = require('../../component-a5f485b0.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 components_flagIcon_component = require('../../component-96af5380.js');
 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;
@@ -24,11 +20,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: 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 },
                             "+",
                             dialCode)))),
             });
@@ -36,7 +32,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: components_flagIcon_component.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-a5f485b0.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('../../component-96af5380.js');
 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-a5f485b0.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');
+require('../../component-96af5380.js');
 
 
 

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

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

package/intl-phone-input/cssm/components/select-field/index.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-a5f485b0.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');
+require('../../component-96af5380.js');
 
 
 

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

@@ -1,22 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./component-343123ac.js');
+require('./component-a5f485b0.js');
 require('react');
 require('classnames');
 require('@alfalab/utils');
 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('./component-96af5380.js');
 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');
 
 

package/intl-phone-input/esm/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" | "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"> & {
+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"> & {
     /**
      * Значение
      */

package/intl-phone-input/modern/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/link/cssm/Component.js

@@ -4,18 +4,12 @@ var React = require('react');
 var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var hooks = require('@alfalab/hooks');
-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.
@@ -56,9 +50,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 Link = React.forwardRef(function (_a, ref) {
     var _b, _c;
@@ -66,10 +66,10 @@ var Link = React.forwardRef(function (_a, ref) {
     var linkRef = React.useRef(null);
     var focused = hooks.useFocus(linkRef, 'keyboard')[0];
     var componentProps = (_b = {
-            className: cn__default['default'](styles__default['default'].component, colorStyles[colors][view], (_c = {},
-                _c[styles__default['default'].pseudo] = pseudo,
-                _c[styles__default['default'].focused] = focused,
-                _c[styles__default['default'].withAddons] = leftAddons || rightAddons,
+            className: cn__default['default'](styles.component, colorStyles[colors][view], (_c = {},
+                _c[styles.pseudo] = pseudo,
+                _c[styles.focused] = focused,
+                _c[styles.withAddons] = leftAddons || rightAddons,
                 _c), className),
             'data-test-id': dataTestId,
             rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined
@@ -78,10 +78,10 @@ var Link = React.forwardRef(function (_a, ref) {
         _b[typeof Component === 'string' ? 'href' : 'to'] = href,
         _b);
     return (React__default['default'].createElement(Component, __assign({}, componentProps, restProps, { ref: mergeRefs__default['default']([linkRef, ref]) }), leftAddons || rightAddons ? (React__default['default'].createElement(React__default['default'].Fragment, null,
-        leftAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, leftAddons),
+        leftAddons && React__default['default'].createElement("span", { className: styles.addons }, leftAddons),
         children && (React__default['default'].createElement("span", null,
-            React__default['default'].createElement("span", { className: styles__default['default'].text }, children))),
-        rightAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, rightAddons))) : (React__default['default'].createElement("span", { className: styles__default['default'].text }, children))));
+            React__default['default'].createElement("span", { className: styles.text }, children))),
+        rightAddons && React__default['default'].createElement("span", { className: styles.addons }, rightAddons))) : (React__default['default'].createElement("span", { className: styles.text }, children))));
 });
 /**
  * Для отображения в сторибуке

package/link/cssm/index.js

@@ -5,9 +5,6 @@ require('react');
 require('classnames');
 require('react-merge-refs');
 require('@alfalab/hooks');
-require('./index.module.css');
-require('./default.module.css');
-require('./inverted.module.css');
 
 
 

package/list/cssm/Component.js

@@ -2,29 +2,29 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var cn = require('classnames');
 var React = require('react');
-var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var List = function (_a) {
     var _b, _c;
     var _d = _a.tag, Component = _d === void 0 ? 'ul' : _d, marker = _a.marker, className = _a.className, dataTestId = _a.dataTestId, children = _a.children;
     var markerType = marker || (Component === 'ul' ? '—' : 'decimal');
-    var listClassNames = cn__default['default'](styles__default['default'].list, (_b = {},
-        _b[styles__default['default'].lowerAlpha] = markerType === 'lower-alpha',
-        _b[styles__default['default'].decimal] = markerType === 'decimal',
-        _b[styles__default['default'].orderedList] = Component === 'ol',
+    var listClassNames = cn__default['default'](styles.list, (_b = {},
+        _b[styles.lowerAlpha] = markerType === 'lower-alpha',
+        _b[styles.decimal] = markerType === 'decimal',
+        _b[styles.orderedList] = Component === 'ol',
         _b), className);
-    var itemClassNames = cn__default['default'](styles__default['default'].item, (_c = {},
-        _c[styles__default['default'].unorderedItem] = Component === 'ul',
-        _c[styles__default['default'].orderedItem] = Component === 'ol',
+    var itemClassNames = cn__default['default'](styles.item, (_c = {},
+        _c[styles.unorderedItem] = Component === 'ul',
+        _c[styles.orderedItem] = Component === 'ol',
         _c));
     return (React__default['default'].createElement(Component, { className: listClassNames, "data-test-id": dataTestId }, React.Children.map(children, function (child) { return (React__default['default'].createElement("li", { className: itemClassNames },
-        Component !== 'ol' && React__default['default'].createElement("div", { className: styles__default['default'].slot }, markerType),
+        Component !== 'ol' && React__default['default'].createElement("div", { className: styles.slot }, markerType),
         child)); })));
 };
 

package/list/cssm/index.js

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

package/list-header/cssm/Component.js

@@ -3,20 +3,20 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsTypography = require('../../typography/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 cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
+
+var styles = require("./index.module.css");
 
 var ListHeader = function (_a) {
     var _b;
     var title = _a.title, description = _a.description, _c = _a.filled, filled = _c === void 0 ? true : _c, className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("div", { "data-test-id": dataTestId, className: cn__default['default'](styles__default['default'].component, (_b = {}, _b[styles__default['default'].filled] = filled, _b), className) },
+    return (React__default['default'].createElement("div", { "data-test-id": dataTestId, className: cn__default['default'](styles.component, (_b = {}, _b[styles.filled] = filled, _b), className) },
         React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large' }, title),
-        description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default['default'](styles__default['default'].description) }, ", " + description))));
+        description && (React__default['default'].createElement(coreComponentsTypography.Typography.Text, { view: 'secondary-large', className: cn__default['default'](styles.description) }, ", " + description))));
 };
 
 exports.ListHeader = ListHeader;

package/list-header/cssm/index.js

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

package/loader/cssm/Component.js

@@ -2,17 +2,17 @@ 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 Loader = function (_a) {
     var className = _a.className, dataTestId = _a.dataTestId;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className), "data-test-id": dataTestId },
         React__default['default'].createElement("div", null),
         React__default['default'].createElement("div", null),
         React__default['default'].createElement("div", null)));

package/loader/cssm/index.js

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

package/masked-input/cssm/Component.js

@@ -5,14 +5,12 @@ var cn = require('classnames');
 var mergeRefs = require('react-merge-refs');
 var textMaskCore = require('text-mask-core');
 var coreComponentsInput = require('../../input/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 cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
-var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -53,6 +51,8 @@ function __rest(s, e) {
     return t;
 }
 
+var styles = require("./index.module.css");
+
 // Символ плейсхолдера не может входить в маску, поэтому вместо пробела используется \u2000
 var PLACEHOLDER_CHAR = '\u2000';
 var MaskedInput = React__default['default'].forwardRef(function (_a, ref) {
@@ -110,7 +110,7 @@ var MaskedInput = React__default['default'].forwardRef(function (_a, ref) {
     React.useEffect(function () {
         setTextHidden(false);
     }, []);
-    return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn__default['default'](className, (_b = {}, _b[styles__default['default'].textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default['default']([ref, inputRef]) })));
+    return (React__default['default'].createElement(coreComponentsInput.Input, __assign({}, restProps, { className: cn__default['default'](className, (_b = {}, _b[styles.textHidden] = textHidden, _b)), value: inputValue, onChange: handleInputChange, onClear: handleClear, ref: mergeRefs__default['default']([ref, inputRef]) })));
 });
 
 exports.MaskedInput = MaskedInput;

package/masked-input/cssm/index.js

@@ -6,7 +6,6 @@ require('classnames');
 require('react-merge-refs');
 require('text-mask-core');
 require('../../input/cssm');
-require('./index.module.css');
 
 
 

package/modal/Component.desktop.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-5299a6e1.js');
+var tslib_es6 = require('./tslib.es6-deef124c.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -15,7 +15,7 @@ require('./components/content/Component.js');
 var components_content_Component_desktop = require('./components/content/Component.desktop.js');
 require('./components/footer/Component.js');
 var components_footer_Component_desktop = require('./components/footer/Component.desktop.js');
-var transitions_module = require('./transitions.module-c0edff31.js');
+var transitions_module = require('./transitions.module-921b8e9a.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 

package/modal/Component.mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-5299a6e1.js');
+var tslib_es6 = require('./tslib.es6-deef124c.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsBaseModal = require('../base-modal');
@@ -11,7 +11,7 @@ require('@alfalab/icons-glyph/CrossHeavyMIcon');
 var components_closer_Component = require('./components/closer/Component.js');
 require('./components/content/Component.js');
 require('./components/footer/Component.js');
-var transitions_module = require('./transitions.module-c0edff31.js');
+var transitions_module = require('./transitions.module-921b8e9a.js');
 require('@alfalab/icons-glyph/CrossMIcon');
 var components_header_Component_mobile = require('./components/header/Component.mobile.js');
 var components_content_Component_mobile = require('./components/content/Component.mobile.js');