@alfalab/core-components 45.9.0-beta.0 → 45.9.0-beta.2

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

@@ -1,34 +1,40 @@
-import React, { useMemo, useCallback } from 'react';
-import { SelectDesktop } from '../../../../select/cssm/desktop';
-import { VirtualOptionsList } from '../../../../select/cssm/shared';
-import { FlagIcon } from '../flag-icon/component.js';
-import { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from '../select-field/component.js';
-import styles from './index.module.css';
-import 'classnames';
-import '../flag-icon/flagSprite.js';
-import '../flag-icon/index.module.css';
-import 'react-merge-refs';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../select-field/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-/* eslint-disable jsx-a11y/no-static-element-interactions */
-const CountriesSelect = ({ disabled, size, selected, countries, fieldWidth, preventFlip, onChange, dataTestId, }) => {
-    const options = useMemo(() => countries.map(({ iso2, dialCode, name }) => ({
-        key: iso2,
-        value: iso2,
-        content: (React.createElement("span", { className: styles.option },
-            React.createElement(FlagIcon, { country: iso2, className: styles.flag }),
-            React.createElement("span", { className: styles.optionTextWrap },
-                React.createElement("span", { className: styles.countryName }, name),
-                React.createElement("span", { className: styles.dialCode },
-                    "+",
-                    dialCode)))),
-    })), [countries]);
-    const renderOptionsList = useCallback((props) => (React.createElement("div", { style: { width: fieldWidth || 0 } },
-        React.createElement(VirtualOptionsList, { ...props, optionsListWidth: 'field' }))), [fieldWidth]);
-    return (React.createElement("div", { className: styles.component, onClick: (event) => event.stopPropagation() },
-        React.createElement(SelectDesktop, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected || EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
+var tslib = require('tslib');
+var React = require('react');
+var desktop = require('../../../../select/cssm/desktop');
+var shared = require('../../../../select/cssm/shared');
+var components_flagIcon_component = require('../flag-icon/component.js');
+var components_selectField_component = require('../select-field/component.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(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;
+    var options = React.useMemo(function () {
+        return countries.map(function (_a) {
+            var iso2 = _a.iso2, dialCode = _a.dialCode, name = _a.name;
+            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 },
+                            "+",
+                            dialCode)))),
+            });
+        });
+    }, [countries]);
+    var renderOptionsList = React.useCallback(function (props) { return (React__default.default.createElement("div", { style: { width: fieldWidth || 0 } },
+        React__default.default.createElement(shared.VirtualOptionsList, tslib.__assign({}, props, { optionsListWidth: 'field' })))); }, [fieldWidth]);
+    return (React__default.default.createElement("div", { className: styles__default.default.component, onClick: function (event) { return event.stopPropagation(); } },
+        React__default.default.createElement(desktop.SelectDesktop, { dataTestId: dataTestId, disabled: disabled, size: size, options: options, selected: selected || components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD, onChange: onChange, Field: components_selectField_component.SelectField, OptionsList: renderOptionsList, preventFlip: preventFlip })));
 };
 
-export { CountriesSelect };
+exports.CountriesSelect = CountriesSelect;

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

@@ -1,14 +1,7 @@
-export { CountriesSelect } from './component.js';
-import 'react';
-import '../../../../select/cssm/desktop';
-import '../../../../select/cssm/shared';
-import '../flag-icon/component.js';
-import 'classnames';
-import '../flag-icon/flagSprite.js';
-import '../flag-icon/index.module.css';
-import '../select-field/component.js';
-import 'react-merge-refs';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../select-field/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_select_component = require('./component.js');
+
+
+
+exports.CountriesSelect = components_select_component.CountriesSelect;

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

@@ -1,28 +1,40 @@
-import React, { useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { useFocus } from '@alfalab/hooks';
-import WorldMagnifierMIcon from '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import { FlagIcon } from '../flag-icon/component.js';
-import styles from './index.module.css';
-import '../flag-icon/flagSprite.js';
-import '../flag-icon/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const EMPTY_COUNTRY_SELECT_FIELD = {
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var WorldMagnifierMIcon = require('@alfalab/icons-glyph/WorldMagnifierMIcon');
+var components_flagIcon_component = require('../flag-icon/component.js');
+var styles = require('./index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var WorldMagnifierMIcon__default = /*#__PURE__*/_interopDefaultCompat(WorldMagnifierMIcon);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var EMPTY_COUNTRY_SELECT_FIELD = {
     value: 'EMPTY_COUNTRY_SELECT_VALUE',
     key: 'EMPTY_COUNTRY_SELECT_KEY',
 };
-const SelectField = ({ selected, Arrow, size, disabled, innerProps = {}, }) => {
-    const wrapperRef = useRef(null);
-    const [focusVisible] = useFocus(wrapperRef, 'keyboard');
-    const ref = innerProps.ref ? mergeRefs([innerProps.ref, wrapperRef]) : wrapperRef;
-    return (React.createElement("div", { ref: ref, className: cn(styles.component, size && styles[size], {
-            [styles.focusVisible]: focusVisible,
-            [styles.disabled]: disabled,
-        }) },
-        React.createElement("div", { ...innerProps, className: styles.inner },
-            React.createElement("span", { className: styles.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React.createElement(WorldMagnifierMIcon, { className: styles.emptyCountryIcon })) : (React.createElement(FlagIcon, { country: selected.value }))),
+var SelectField = function (_a) {
+    var _b;
+    var selected = _a.selected, Arrow = _a.Arrow, size = _a.size, disabled = _a.disabled, _c = _a.innerProps, innerProps = _c === void 0 ? {} : _c;
+    var wrapperRef = React.useRef(null);
+    var focusVisible = hooks.useFocus(wrapperRef, 'keyboard')[0];
+    var ref = innerProps.ref ? mergeRefs__default.default([innerProps.ref, wrapperRef]) : wrapperRef;
+    return (React__default.default.createElement("div", { ref: ref, className: cn__default.default(styles__default.default.component, size && styles__default.default[size], (_b = {},
+            _b[styles__default.default.focusVisible] = focusVisible,
+            _b[styles__default.default.disabled] = disabled,
+            _b)) },
+        React__default.default.createElement("div", tslib.__assign({}, innerProps, { className: styles__default.default.inner }),
+            React__default.default.createElement("span", { className: styles__default.default.flagIconContainer }, !selected || selected === EMPTY_COUNTRY_SELECT_FIELD ? (React__default.default.createElement(WorldMagnifierMIcon__default.default, { className: styles__default.default.emptyCountryIcon })) : (React__default.default.createElement(components_flagIcon_component.FlagIcon, { country: selected.value }))),
             Arrow)));
 };
 
-export { EMPTY_COUNTRY_SELECT_FIELD, SelectField };
+exports.EMPTY_COUNTRY_SELECT_FIELD = EMPTY_COUNTRY_SELECT_FIELD;
+exports.SelectField = SelectField;

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

@@ -1,10 +1,8 @@
-export { EMPTY_COUNTRY_SELECT_FIELD, SelectField } from './component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/hooks';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '../flag-icon/component.js';
-import '../flag-icon/flagSprite.js';
-import '../flag-icon/index.module.css';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_selectField_component = require('./component.js');
+
+
+
+exports.EMPTY_COUNTRY_SELECT_FIELD = components_selectField_component.EMPTY_COUNTRY_SELECT_FIELD;
+exports.SelectField = components_selectField_component.SelectField;

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

@@ -1,22 +1,7 @@
-export { IntlPhoneInput } from './component.js';
-import 'react';
-import 'classnames';
-import '../../input-autocomplete/cssm/desktop';
-import '@alfalab/icons-glyph/WorldMagnifierMIcon';
-import '@alfalab/utils';
-import './utils/calculateCaretPos.js';
-import './utils/format-phone-with-unclearable-country-code.js';
-import './utils/preparePasteData.js';
-import 'react-merge-refs';
-import '@alfalab/hooks';
-import './components/flag-icon/component.js';
-import './components/flag-icon/flagSprite.js';
-import './components/flag-icon/index.module.css';
-import './components/select-field/index.module.css';
-import './components/select/component.js';
-import '../../select/cssm/desktop';
-import '../../select/cssm/shared';
-import './components/select-field/component.js';
-import './components/select/index.module.css';
-import './useCaretAvoidCountryCode.js';
-import './index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var component = require('./component.js');
+
+
+
+exports.IntlPhoneInput = component.IntlPhoneInput;

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

@@ -1,27 +1,30 @@
-import { useEffect } from 'react';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-function useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountryCode, }) {
-    useEffect(() => {
-        const input = inputRef.current;
+var React = require('react');
+
+function useCaretAvoidCountryCode(_a) {
+    var inputRef = _a.inputRef, countryCodeLength = _a.countryCodeLength, clearableCountryCode = _a.clearableCountryCode;
+    React.useEffect(function () {
+        var input = inputRef.current;
         if (!input || clearableCountryCode)
             return;
-        const moveCaretFromCountryCode = () => {
-            const selectionStart = input.selectionStart || 0;
+        var moveCaretFromCountryCode = function () {
+            var selectionStart = input.selectionStart || 0;
             if (selectionStart < countryCodeLength) {
                 input.focus();
                 input.setSelectionRange(countryCodeLength, countryCodeLength);
             }
         };
-        const preventCaretMovingOnCountryCode = (event) => {
-            const selectionStart = input.selectionStart || 0;
-            const toLeftKey = event.keyCode === 37;
+        var preventCaretMovingOnCountryCode = function (event) {
+            var selectionStart = input.selectionStart || 0;
+            var toLeftKey = event.keyCode === 37;
             if (toLeftKey) {
                 if (selectionStart <= countryCodeLength) {
                     event.preventDefault();
                 }
                 // Если нажали ctrl + arrowLeft, то восстанавливаем положение каретки.
                 if (event.metaKey || event.ctrlKey) {
-                    requestAnimationFrame(() => {
+                    requestAnimationFrame(function () {
                         moveCaretFromCountryCode();
                     });
                 }
@@ -30,11 +33,11 @@ function useCaretAvoidCountryCode({ inputRef, countryCodeLength, clearableCountr
         input.addEventListener('click', moveCaretFromCountryCode);
         input.addEventListener('keydown', preventCaretMovingOnCountryCode);
         // eslint-disable-next-line consistent-return
-        return () => {
+        return function () {
             input.removeEventListener('click', moveCaretFromCountryCode);
             input.removeEventListener('keydown', preventCaretMovingOnCountryCode);
         };
     }, [clearableCountryCode, countryCodeLength, inputRef]);
 }
 
-export { useCaretAvoidCountryCode };
+exports.useCaretAvoidCountryCode = useCaretAvoidCountryCode;

package/intl-phone-input/cssm/utils/calculateCaretPos.js

@@ -1,12 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /**
  * Расчет нового положения каретки.
  * @param phonePart Шаблон с которым сравнивается новое значение. (Часть телефона без маски с учетом удаленных и добавленных цифр).
  * @param newVal Новый отформатированный телефон.
  */
 function calculateCaretPos(phonePart, newVal) {
-    let newCaretPosition = 0;
-    for (let idx = 0; idx < phonePart.length; idx++) {
-        const digit = phonePart.charAt(idx);
+    var newCaretPosition = 0;
+    for (var idx = 0; idx < phonePart.length; idx++) {
+        var digit = phonePart.charAt(idx);
         if (digit !== newVal.charAt(newCaretPosition)) {
             idx -= 1;
         }
@@ -20,4 +22,4 @@ function calculateCaretPos(phonePart, newVal) {
     return newCaretPosition;
 }
 
-export { calculateCaretPos };
+exports.calculateCaretPos = calculateCaretPos;

package/intl-phone-input/cssm/utils/format-phone-with-unclearable-country-code.js

@@ -1,10 +1,12 @@
-const RUSSIAN_DIAL_CODE = '7';
-const RUSSIAN_NATIONAL_DIAL_CODE = '8';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var RUSSIAN_DIAL_CODE = '7';
+var RUSSIAN_NATIONAL_DIAL_CODE = '8';
 /**
  * Форматирует телефон с неудаляемым кодом страны
  */
-const formatPhoneWithUnclearableCountryCode = (phone, country) => {
-    const countryPrefix = `+${country.dialCode}`;
+var formatPhoneWithUnclearableCountryCode = function (phone, country) {
+    var countryPrefix = "+".concat(country.dialCode);
     if (phone.startsWith(countryPrefix)) {
         return phone;
     }
@@ -14,7 +16,7 @@ const formatPhoneWithUnclearableCountryCode = (phone, country) => {
     if (countryPrefix.startsWith(phone) || !phone) {
         return countryPrefix;
     }
-    return `${countryPrefix} ${phone}`;
+    return "".concat(countryPrefix, " ").concat(phone);
 };
 
-export { formatPhoneWithUnclearableCountryCode };
+exports.formatPhoneWithUnclearableCountryCode = formatPhoneWithUnclearableCountryCode;

package/intl-phone-input/cssm/utils/preparePasteData.js

@@ -1,3 +1,5 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
 /**
  * Подготовка данных для вставки из буфера обмена.
  * @param phoneValue Телефон уже введённый в поле ввода.
@@ -8,35 +10,35 @@
  */
 /* eslint complexity: [1, 25] */
 function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selectionEnd, ruNumberPriority) {
-    const trimNumber = phoneFromBuffer.trim();
-    const cutNumberWithPlus = trimNumber.replace(/[^+\d]/g, '');
-    const isTextHavePlus = cutNumberWithPlus[0] === '+';
-    const cutNumber = trimNumber.replace(/[^\d]/g, '');
-    const isRuNumberInBuffer = cutNumber[0] === '7' || cutNumber[0] === '8' || cutNumber.substring(0, 2) === '+7';
-    let resultNumber = '';
+    var trimNumber = phoneFromBuffer.trim();
+    var cutNumberWithPlus = trimNumber.replace(/[^+\d]/g, '');
+    var isTextHavePlus = cutNumberWithPlus[0] === '+';
+    var cutNumber = trimNumber.replace(/[^\d]/g, '');
+    var isRuNumberInBuffer = cutNumber[0] === '7' || cutNumber[0] === '8' || cutNumber.substring(0, 2) === '+7';
+    var resultNumber = '';
     // вставка в поле c "+"
     if (phoneValue === '+') {
-        resultNumber = `+${cutNumber}`;
+        resultNumber = "+".concat(cutNumber);
         // вставка в поле, в которое введена часть номера
     }
     else if (phoneValue === '+7' && isRuNumberInBuffer) {
-        resultNumber = `+7${cutNumber.substring(cutNumber.length - 10)}`;
+        resultNumber = "+7".concat(cutNumber.substring(cutNumber.length - 10));
     }
     else if (phoneValue) {
-        const startText = phoneValue.substring(0, selectionStart || 0);
-        const endText = phoneValue.substring(selectionEnd || 0);
-        const isSelectPlus = selectionStart === 0 && selectionEnd !== 0;
+        var startText = phoneValue.substring(0, selectionStart || 0);
+        var endText = phoneValue.substring(selectionEnd || 0);
+        var isSelectPlus = selectionStart === 0 && selectionEnd !== 0;
         if (selectionStart === 0 && selectionEnd === 0 && !isTextHavePlus) {
-            resultNumber = `+${cutNumber}${phoneValue.substring(1)}`.replace(/[^+\d]/g, '');
+            resultNumber = "+".concat(cutNumber).concat(phoneValue.substring(1)).replace(/[^+\d]/g, '');
         }
         else if (!isTextHavePlus && !isSelectPlus) {
-            resultNumber = `${startText}${cutNumber}${endText}`.replace(/[^+\d]/g, '');
+            resultNumber = "".concat(startText).concat(cutNumber).concat(endText).replace(/[^+\d]/g, '');
         }
         else if (isTextHavePlus && isSelectPlus) {
-            resultNumber = `${cutNumberWithPlus}${endText}`.replace(/[^+\d]/g, '');
+            resultNumber = "".concat(cutNumberWithPlus).concat(endText).replace(/[^+\d]/g, '');
         }
         else if (!isTextHavePlus && isSelectPlus) {
-            resultNumber = `+${cutNumber}${endText}`.replace(/[^+\d]/g, '');
+            resultNumber = "+".concat(cutNumber).concat(endText).replace(/[^+\d]/g, '');
         }
         // вставка в пустое поле
     }
@@ -47,18 +49,18 @@ function preparePasteData(phoneValue, phoneFromBuffer, selectionStart, selection
             // вставка номера начинающегося с "7" или "8" в пустое поле
         }
         else if (isRuNumberInBuffer) {
-            resultNumber = `+7${cutNumber.substring(1)}`;
+            resultNumber = "+7".concat(cutNumber.substring(1));
             // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле с российским флагом
         }
         else if (ruNumberPriority) {
-            resultNumber = `+7${cutNumber}`;
+            resultNumber = "+7".concat(cutNumber);
             // вставка номера начинающегося НЕ с "7", "8", "+" в пустое поле без российского флага
         }
         else {
-            resultNumber = `+${cutNumber}`;
+            resultNumber = "+".concat(cutNumber);
         }
     }
     return resultNumber;
 }
 
-export { preparePasteData };
+exports.preparePasteData = preparePasteData;

package/keyboard-focusable/cssm/Component.js

@@ -1,11 +1,14 @@
-import { useRef } from 'react';
-import { useFocus } from '@alfalab/hooks';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var react = require('react');
+var hooks = require('@alfalab/hooks');
 
 /* eslint-disable @typescript-eslint/no-explicit-any */
-const KeyboardFocusable = ({ children }) => {
-    const targetRef = useRef(null);
-    const [focused] = useFocus(targetRef, 'keyboard');
+var KeyboardFocusable = function (_a) {
+    var children = _a.children;
+    var targetRef = react.useRef(null);
+    var focused = hooks.useFocus(targetRef, 'keyboard')[0];
     return children(targetRef, focused);
 };
 
-export { KeyboardFocusable };
+exports.KeyboardFocusable = KeyboardFocusable;

package/keyboard-focusable/cssm/index.js

@@ -1,3 +1,7 @@
-export { KeyboardFocusable } from './Component.js';
-import 'react';
-import '@alfalab/hooks';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.KeyboardFocusable = Component.KeyboardFocusable;

package/link/cssm/Component.js

@@ -1,37 +1,44 @@
-import React, { forwardRef, useRef } from 'react';
-import mergeRefs from 'react-merge-refs';
-import cn from 'classnames';
-import { useFocus } from '@alfalab/hooks';
-import defaultColors from './default.module.css';
-import styles from './index.module.css';
-import invertedColors from './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
 
-const colorStyles = {
-    default: defaultColors,
-    inverted: invertedColors,
+var tslib = require('tslib');
+var React = require('react');
+var mergeRefs = require('react-merge-refs');
+var cn = require('classnames');
+var hooks = require('@alfalab/hooks');
+var defaultColors = require('./default.module.css');
+var styles = require('./index.module.css');
+var invertedColors = require('./inverted.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var defaultColors__default = /*#__PURE__*/_interopDefaultCompat(defaultColors);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+var invertedColors__default = /*#__PURE__*/_interopDefaultCompat(invertedColors);
+
+var colorStyles = {
+    default: defaultColors__default.default,
+    inverted: invertedColors__default.default,
 };
-const Link = forwardRef(({ view = 'primary', pseudo = false, underline = true, leftAddons, rightAddons, className, dataTestId, children, colors = 'default', href, Component = pseudo ? 'button' : 'a', ...restProps }, ref) => {
-    const linkRef = useRef(null);
-    const [focused] = useFocus(linkRef, 'keyboard');
-    const viewClassName = view === 'default' ? 'defaultView' : view;
-    const componentProps = {
-        className: cn(styles.component, colorStyles[colors][viewClassName], {
-            [styles.withoutUnderline]: !underline && !pseudo,
-            [styles.pseudo]: pseudo,
-            [styles.focused]: focused,
-            [styles.withAddons]: leftAddons || rightAddons,
-        }, className),
-        'data-test-id': dataTestId,
-        rel: restProps.target === '_blank' ? 'noreferrer noopener' : undefined,
-        // Для совместимости с react-router-dom, меняем href на to
-        [typeof Component === 'string' ? 'href' : 'to']: href,
-        ...(pseudo && { type: 'button' }),
-    };
-    return (React.createElement(Component, { ...componentProps, ...restProps, ref: mergeRefs([linkRef, ref]) }, leftAddons || rightAddons ? (React.createElement(React.Fragment, null,
-        leftAddons && React.createElement("span", { className: styles.addons }, leftAddons),
-        children && (React.createElement("span", null,
-            React.createElement("span", { className: styles.text }, children))),
-        rightAddons && React.createElement("span", { className: styles.addons }, rightAddons))) : (React.createElement("span", { className: styles.text }, children))));
+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, _f = _a.underline, underline = _f === void 0 ? true : _f, leftAddons = _a.leftAddons, rightAddons = _a.rightAddons, className = _a.className, dataTestId = _a.dataTestId, children = _a.children, _g = _a.colors, colors = _g === void 0 ? 'default' : _g, href = _a.href, _h = _a.Component, Component = _h === void 0 ? pseudo ? 'button' : 'a' : _h, restProps = tslib.__rest(_a, ["view", "pseudo", "underline", "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 = tslib.__assign((_b = { className: cn__default.default(styles__default.default.component, colorStyles[colors][viewClassName], (_c = {},
+                _c[styles__default.default.withoutUnderline] = !underline && !pseudo,
+                _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 }, _b[typeof Component === 'string' ? 'href' : 'to'] = href, _b), (pseudo && { type: 'button' }));
+    return (React__default.default.createElement(Component, tslib.__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),
+        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))));
 });
 /**
  * Для отображения в сторибуке
@@ -41,4 +48,4 @@ Link.defaultProps = {
     pseudo: false,
 };
 
-export { Link };
+exports.Link = Link;

package/link/cssm/index.js

@@ -1,8 +1,7 @@
-export { Link } from './Component.js';
-import 'react';
-import 'react-merge-refs';
-import 'classnames';
-import '@alfalab/hooks';
-import './default.module.css';
-import './index.module.css';
-import './inverted.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var Component = require('./Component.js');
+
+
+
+exports.Link = Component.Link;

package/list/cssm/Component-7cc47e0b.js

@@ -0,0 +1,62 @@
+var tslib = require('tslib');
+var React = require('react');
+var cn = require('classnames');
+var coreComponentsTypography = require('../../typography/cssm');
+var utils = require('./utils.js');
+var styles$1 = require('./index.module.css');
+var styles = require('./components/item/index.module.css');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
+var styles__default$1 = /*#__PURE__*/_interopDefaultCompat(styles$1);
+var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
+
+var Item = function (_a) {
+    var _b, _c;
+    var caption = _a.caption, children = _a.children;
+    var _d = React.useContext(ListContext), orderedList = _d.orderedList, markerType = _d.markerType, colorMarker = _d.colorMarker, reversed = _d.reversed, _e = _d.index, index = _e === void 0 ? 0 : _e, _f = _d.start, start = _f === void 0 ? 0 : _f;
+    var markerLowerAlpha = markerType === 'lower-alpha';
+    var itemClassNames = cn__default.default(styles__default.default.item, (_b = {},
+        _b[styles__default.default.unorderedItem] = markerLowerAlpha,
+        _b[styles__default.default.reversed] = reversed,
+        _b));
+    var isDisc = markerType === '•';
+    var count = start === 0 ? index + 1 : start + index;
+    var marker = orderedList || markerType === 'decimal' ? "".concat(count, ".") : markerType;
+    return (React__default.default.createElement("li", { className: cn__default.default(itemClassNames) },
+        !markerLowerAlpha && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', color: colorMarker, monospaceNumbers: true, view: 'primary-medium', className: cn__default.default(styles__default.default.slot, (_c = {},
+                _c[styles__default.default.disc] = isDisc && !orderedList,
+                _c[styles__default.default.defaultColor] = !colorMarker,
+                _c)) }, marker)),
+        React__default.default.createElement("div", null,
+            React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-medium' }, children),
+            caption && (React__default.default.createElement(coreComponentsTypography.Typography.Text, { tag: 'div', view: 'primary-small', color: 'secondary', className: styles__default.default.caption }, caption)))));
+};
+Item.displayName = 'ListItem';
+
+var ListContext = React__default.default.createContext({});
+var ListComponent = function (_a) {
+    var _b;
+    var _c = _a.tag, tag = _c === void 0 ? 'ul' : _c, marker = _a.marker, className = _a.className, dataTestId = _a.dataTestId, colorMarker = _a.colorMarker, children = _a.children, reversed = _a.reversed, start = _a.start, restProps = tslib.__rest(_a, ["tag", "marker", "className", "dataTestId", "colorMarker", "children", "reversed", "start"]);
+    var markerType = marker || (tag === 'ul' ? '—' : 'decimal');
+    var alphaMarker = markerType === 'lower-alpha';
+    var decimalMarker = markerType === 'decimal';
+    var Component = tag === 'ul' || alphaMarker ? 'ul' : 'ol';
+    var orderedList = Component === 'ol';
+    var listClassNames = cn__default.default(styles__default$1.default.list, (_b = {},
+        _b[styles__default$1.default.lowerAlpha] = alphaMarker,
+        _b[styles__default$1.default.decimal] = decimalMarker,
+        _b[styles__default$1.default.reversed] = reversed,
+        _b), className);
+    /* eslint-disable react/jsx-no-constructed-context-values */
+    return (React__default.default.createElement(Component, tslib.__assign({ className: listClassNames, "data-test-id": dataTestId }, restProps), React.Children.map(children, function (child, index) { return (React__default.default.createElement(ListContext.Provider, { value: { orderedList: orderedList, markerType: markerType, colorMarker: colorMarker, reversed: reversed, index: index, start: start } }, utils.isItem(child) ? child : React__default.default.createElement(Item, null, child))); })));
+};
+var List = Object.assign(ListComponent, {
+    Item: Item,
+});
+
+exports.Item = Item;
+exports.List = List;
+exports.ListContext = ListContext;

package/list/cssm/Component.js

@@ -1,7 +1,13 @@
-import 'react';
-import 'classnames';
-export { a as List, L as ListContext } from './Component-8a80b477.js';
-import './index.module.css';
-import '../../typography/cssm';
-import './utils.js';
-import './components/item/index.module.css';
+Object.defineProperty(exports, '__esModule', { value: true });
+
+require('tslib');
+require('react');
+require('classnames');
+var components_item_Component = require('./Component-7cc47e0b.js');
+require('./utils.js');
+require('./index.module.css');
+
+
+
+exports.List = components_item_Component.List;
+exports.ListContext = components_item_Component.ListContext;