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

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');
 
 

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

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import { _ as __rest, a as __assign } from './component-d4c62de7.js';
+import { _ as __rest, a as __assign } from './component-074efbb5.js';
 import { getCountriesHash, getCountries } from '@alfalab/utils';
 import { InputAutocomplete } from '../../input-autocomplete/esm';
 import '../../select/esm';
@@ -74,7 +74,7 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
     }, [countries, countryIso2, setValue, handleCountryChange]);
     var loadPhoneUtils = useCallback(function () {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ff7faad6.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-9ce641ee.js')
             .then(function (utils) {
             phoneLibUtils.current = utils.AsYouType;
         })

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

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 export { FlagIcon } from './flag-icon/component.js';
-export { S as SelectField } from '../component-d4c62de7.js';
+export { S as SelectField } from '../component-074efbb5.js';
 import '../../../select/esm';
 export { CountriesSelect } from './select/component.js';

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

@@ -3,7 +3,7 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import { FlagIcon } from '../flag-icon/component.js';
-import { a as __assign, S as SelectField } from '../../component-d4c62de7.js';
+import { a as __assign, S as SelectField } from '../../component-074efbb5.js';
 import { VirtualOptionsList, Select } from '../../../../select/esm';
 
 var styles = {"component":"intl-phone-input__component_esd92","option":"intl-phone-input__option_esd92","flag":"intl-phone-input__flag_esd92","countryName":"intl-phone-input__countryName_esd92","dialCode":"intl-phone-input__dialCode_esd92"};

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

@@ -3,6 +3,6 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-import '../../component-d4c62de7.js';
+import '../../component-074efbb5.js';
 import '../../../../select/esm';
 export { CountriesSelect } from './component.js';

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

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-d4c62de7.js';
+export { S as SelectField } from '../../component-074efbb5.js';

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

@@ -1 +1 @@
-export * from "../../component-d4c62de7";
+export * from "../../component-074efbb5";

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

@@ -3,4 +3,4 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import '../flag-icon/component.js';
-export { S as SelectField } from '../../component-d4c62de7.js';
+export { S as SelectField } from '../../component-074efbb5.js';

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

@@ -3,7 +3,7 @@ import 'classnames';
 import 'react-merge-refs';
 import '@alfalab/hooks';
 import './components/flag-icon/component.js';
-import './component-d4c62de7.js';
+import './component-074efbb5.js';
 import '@alfalab/utils';
 import '../../input-autocomplete/esm';
 import '../../select/esm';

package/intl-phone-input/index.js

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

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, "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/modern/component.js

@@ -73,7 +73,7 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, size =
     }, [countries, countryIso2, setValue, handleCountryChange]);
     const loadPhoneUtils = useCallback(() => {
         // prettier-ignore
-        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-ff7faad6.js')
+        return import(/* webpackChunkName: "libphonenumber" */ './libphonenumber-js.min-9ce641ee.js')
             .then(utils => {
             phoneLibUtils.current = utils.AsYouType;
         })

package/link/Component.js

@@ -53,10 +53,10 @@ function __rest(s, e) {
 var styles = {"component":"link__component_16ubq","text":"link__text_16ubq","withAddons":"link__withAddons_16ubq","focused":"link__focused_16ubq","pseudo":"link__pseudo_16ubq","addons":"link__addons_16ubq"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_132vt","secondary":"link__secondary_132vt","default":"link__default_132vt"};
+var defaultColors = {"primary":"link__primary_132vt","secondary":"link__secondary_132vt","defaultView":"link__defaultView_132vt"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_6zbvf","secondary":"link__secondary_6zbvf","default":"link__default_6zbvf"};
+var invertedColors = {"primary":"link__primary_6zbvf","secondary":"link__secondary_6zbvf","defaultView":"link__defaultView_6zbvf"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -68,8 +68,9 @@ var Link = React.forwardRef(function (_a, ref) {
     var _d = _a.view, view = _d === void 0 ? 'primary' : _d, _e = _a.pseudo, pseudo = _e === void 0 ? false : _e, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, href = _a.href, _g = _a.Component, Component = _g === void 0 ? 'a' : _g, restProps = __rest(_a, ["view", "pseudo", "leftAddons", "rightAddons", "className", "dataTestId", "children", "colors", "href", "Component"]);
     var linkRef = React.useRef(null);
     var focused = hooks.useFocus(linkRef, 'keyboard')[0];
+    var viewClassName = view === 'default' ? 'defaultView' : view;
     var componentProps = (_b = {
-            className: cn__default['default'](styles.component, colorStyles[colors][view], (_c = {},
+            className: cn__default['default'](styles.component, colorStyles[colors][viewClassName], (_c = {},
                 _c[styles.pseudo] = pseudo,
                 _c[styles.focused] = focused,
                 _c[styles.withAddons] = leftAddons || rightAddons,

package/link/cssm/Component.js

@@ -4,12 +4,18 @@ 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.
@@ -50,26 +56,21 @@ 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 Link = React.forwardRef(function (_a, ref) {
     var _b, _c;
     var _d = _a.view, view = _d === void 0 ? 'primary' : _d, _e = _a.pseudo, pseudo = _e === void 0 ? false : _e, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, href = _a.href, _g = _a.Component, Component = _g === void 0 ? 'a' : _g, restProps = __rest(_a, ["view", "pseudo", "leftAddons", "rightAddons", "className", "dataTestId", "children", "colors", "href", "Component"]);
     var linkRef = React.useRef(null);
     var focused = hooks.useFocus(linkRef, 'keyboard')[0];
+    var viewClassName = view === 'default' ? 'defaultView' : view;
     var componentProps = (_b = {
-            className: cn__default['default'](styles.component, colorStyles[colors][view], (_c = {},
-                _c[styles.pseudo] = pseudo,
-                _c[styles.focused] = focused,
-                _c[styles.withAddons] = leftAddons || rightAddons,
+            className: cn__default['default'](styles__default['default'].component, colorStyles[colors][viewClassName], (_c = {},
+                _c[styles__default['default'].pseudo] = pseudo,
+                _c[styles__default['default'].focused] = focused,
+                _c[styles__default['default'].withAddons] = leftAddons || rightAddons,
                 _c), className),
             'data-test-id': dataTestId,
             rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined
@@ -78,10 +79,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.addons }, leftAddons),
+        leftAddons && React__default['default'].createElement("span", { className: styles__default['default'].addons }, leftAddons),
         children && (React__default['default'].createElement("span", null,
-            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))));
+            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))));
 });
 /**
  * Для отображения в сторибуке

package/link/cssm/default.module.css

@@ -53,13 +53,13 @@
 .secondary:active {
         color: var(--link-secondary-active-color);
     }
-.default {
+.defaultView {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.default:hover {
+.defaultView:hover {
         color: var(--link-default-hover-color);
     }
-.default:active {
+.defaultView:active {
         color: var(--link-default-active-color);
     }

package/link/cssm/index.js

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

package/link/cssm/inverted.module.css

@@ -47,13 +47,13 @@
 .secondary:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.default {
+.defaultView {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.default:hover {
+.defaultView:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.default:active {
+.defaultView:active {
         color: var(--link-inverted-default-active-color);
     }

package/link/default.css

@@ -54,13 +54,13 @@
 .link__secondary_132vt:active {
         color: var(--link-secondary-active-color);
     }
-.link__default_132vt {
+.link__defaultView_132vt {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__default_132vt:hover {
+.link__defaultView_132vt:hover {
         color: var(--link-default-hover-color);
     }
-.link__default_132vt:active {
+.link__defaultView_132vt:active {
         color: var(--link-default-active-color);
     }

package/link/esm/Component.js

@@ -45,10 +45,10 @@ function __rest(s, e) {
 var styles = {"component":"link__component_16ubq","text":"link__text_16ubq","withAddons":"link__withAddons_16ubq","focused":"link__focused_16ubq","pseudo":"link__pseudo_16ubq","addons":"link__addons_16ubq"};
 require('./index.css');
 
-var defaultColors = {"primary":"link__primary_132vt","secondary":"link__secondary_132vt","default":"link__default_132vt"};
+var defaultColors = {"primary":"link__primary_132vt","secondary":"link__secondary_132vt","defaultView":"link__defaultView_132vt"};
 require('./default.css');
 
-var invertedColors = {"primary":"link__primary_6zbvf","secondary":"link__secondary_6zbvf","default":"link__default_6zbvf"};
+var invertedColors = {"primary":"link__primary_6zbvf","secondary":"link__secondary_6zbvf","defaultView":"link__defaultView_6zbvf"};
 require('./inverted.css');
 
 var colorStyles = {
@@ -60,8 +60,9 @@ var Link = forwardRef(function (_a, ref) {
     var _d = _a.view, view = _d === void 0 ? 'primary' : _d, _e = _a.pseudo, pseudo = _e === void 0 ? false : _e, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, _f = _a.colors, colors = _f === void 0 ? 'default' : _f, href = _a.href, _g = _a.Component, Component = _g === void 0 ? 'a' : _g, restProps = __rest(_a, ["view", "pseudo", "leftAddons", "rightAddons", "className", "dataTestId", "children", "colors", "href", "Component"]);
     var linkRef = useRef(null);
     var focused = useFocus(linkRef, 'keyboard')[0];
+    var viewClassName = view === 'default' ? 'defaultView' : view;
     var componentProps = (_b = {
-            className: cn(styles.component, colorStyles[colors][view], (_c = {},
+            className: cn(styles.component, colorStyles[colors][viewClassName], (_c = {},
                 _c[styles.pseudo] = pseudo,
                 _c[styles.focused] = focused,
                 _c[styles.withAddons] = leftAddons || rightAddons,

package/link/esm/default.css

@@ -54,13 +54,13 @@
 .link__secondary_132vt:active {
         color: var(--link-secondary-active-color);
     }
-.link__default_132vt {
+.link__defaultView_132vt {
     color: var(--link-default-color);
     border-bottom-color: var(--link-default-color)
 }
-.link__default_132vt:hover {
+.link__defaultView_132vt:hover {
         color: var(--link-default-hover-color);
     }
-.link__default_132vt:active {
+.link__defaultView_132vt:active {
         color: var(--link-default-active-color);
     }

package/link/esm/inverted.css

@@ -48,13 +48,13 @@
 .link__secondary_6zbvf:active {
         color: var(--link-inverted-secondary-active-color);
     }
-.link__default_6zbvf {
+.link__defaultView_6zbvf {
     color: var(--link-inverted-default-color);
     border-bottom-color: var(--link-inverted-default-color)
 }
-.link__default_6zbvf:hover {
+.link__defaultView_6zbvf:hover {
         color: var(--link-inverted-default-hover-color);
     }
-.link__default_6zbvf:active {
+.link__defaultView_6zbvf:active {
         color: var(--link-inverted-default-active-color);
     }