@alfalab/core-components 36.5.1-beta.0 → 36.5.1

package/gallery/modern/components/index.js

@@ -19,7 +19,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import '../slide-8d96c1a8.js';
+import '../slide-e1661c24.js';
 import 'swiper/swiper.min.css';
 import '../utils/utils.js';
 import '../utils/constants.js';

package/gallery/modern/index.js

@@ -24,7 +24,7 @@ import 'swiper';
 import 'swiper/react';
 import '@alfalab/icons-glyph/ChevronBackHeavyMIcon';
 import '@alfalab/icons-glyph/ChevronForwardHeavyMIcon';
-import './slide-8d96c1a8.js';
+import './slide-e1661c24.js';
 import 'swiper/swiper.min.css';
 import './components/header/buttons.js';
 import './components/image-preview/paths.js';

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

@@ -12,7 +12,7 @@ require('./index.css');
 
 var BaseShape = React.forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'var(--color-light-bg-secondary)' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
-    var imagePatternId = imageUrl && "".concat(imageUrl.replace(/[^a-z]+/g, ''), "_").concat(size);
+    var imagePatternId = imageUrl && "".concat(imageUrl.replace(/[^a-z0-9]+/g, ''), "_").concat(size);
     var hasTopAddons = Boolean(topAddons) && size > 24;
     var hasBottomAddons = Boolean(bottomAddons) && size > 24;
     return (React__default.default.createElement("div", { className: cn__default.default(styles.componentWrapper, styles["size_".concat(size)], className), ref: ref, "data-test-id": dataTestId },

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

@@ -11,7 +11,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var BaseShape = React.forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'var(--color-light-bg-secondary)' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
-    var imagePatternId = imageUrl && "".concat(imageUrl.replace(/[^a-z]+/g, ''), "_").concat(size);
+    var imagePatternId = imageUrl && "".concat(imageUrl.replace(/[^a-z0-9]+/g, ''), "_").concat(size);
     var hasTopAddons = Boolean(topAddons) && size > 24;
     var hasBottomAddons = Boolean(bottomAddons) && size > 24;
     return (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.componentWrapper, styles__default.default["size_".concat(size)], className), ref: ref, "data-test-id": dataTestId },

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

@@ -7,7 +7,7 @@ require('./index.css');
 
 var BaseShape = forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 64 : _b, _c = _a.border, border = _c === void 0 ? false : _c, _d = _a.backgroundColor, backgroundColor = _d === void 0 ? 'var(--color-light-bg-secondary)' : _d, imageUrl = _a.imageUrl, className = _a.className, children = _a.children, topAddons = _a.topAddons, bottomAddons = _a.bottomAddons, pathsMap = _a.pathsMap, dataTestId = _a.dataTestId;
-    var imagePatternId = imageUrl && "".concat(imageUrl.replace(/[^a-z]+/g, ''), "_").concat(size);
+    var imagePatternId = imageUrl && "".concat(imageUrl.replace(/[^a-z0-9]+/g, ''), "_").concat(size);
     var hasTopAddons = Boolean(topAddons) && size > 24;
     var hasBottomAddons = Boolean(bottomAddons) && size > 24;
     return (React.createElement("div", { className: cn(styles.componentWrapper, styles["size_".concat(size)], className), ref: ref, "data-test-id": dataTestId },

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

@@ -6,7 +6,7 @@ const styles = {"componentWrapper":"icon-view__componentWrapper_1fnhr","componen
 require('./index.css');
 
 const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor = 'var(--color-light-bg-secondary)', imageUrl, className, children, topAddons, bottomAddons, pathsMap, dataTestId, }, ref) => {
-    const imagePatternId = imageUrl && `${imageUrl.replace(/[^a-z]+/g, '')}_${size}`;
+    const imagePatternId = imageUrl && `${imageUrl.replace(/[^a-z0-9]+/g, '')}_${size}`;
     const hasTopAddons = Boolean(topAddons) && size > 24;
     const hasBottomAddons = Boolean(bottomAddons) && size > 24;
     return (React.createElement("div", { className: cn(styles.componentWrapper, styles[`size_${size}`], className), ref: ref, "data-test-id": dataTestId },

package/input/Component.js

@@ -3,7 +3,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsButton = require('../button');
 var coreComponentsFormControl = require('../form-control');
-var badge = require('@alfalab/core-components/badge');
+var coreComponentsBadge = require('../badge');
 var hooks = require('@alfalab/hooks');
 var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
 var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
@@ -128,9 +128,9 @@ var Input = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default.default(styles.clearIcon, colorStyles[colors].clearIcon) }))),
             rightAddons,
             error && (React__default.default.createElement("div", { className: styles.errorIcon },
-                React__default.default.createElement(badge.Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, { className: styles.errorColorIcon }) }))),
+                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, { className: styles.errorColorIcon }) }))),
             success && !error && (React__default.default.createElement("div", { className: styles.successIcon },
-                React__default.default.createElement(badge.Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles.successColorIcon }) }))))));
+                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles.successColorIcon }) }))))));
     };
     return (React__default.default.createElement(coreComponentsFormControl.FormControl, { ref: wrapperRef, className: cn__default.default(className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn__default.default(fieldClassName, (_b = {},
             _b[styles.focusVisible] = focusVisible,

package/input/cssm/Component.js

@@ -3,7 +3,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsButton = require('../../button/cssm');
 var coreComponentsFormControl = require('../../form-control/cssm');
-var badge = require('@alfalab/core-components/badge');
+var coreComponentsBadge = require('../../badge/cssm');
 var hooks = require('@alfalab/hooks');
 var CrossCircleMIcon = require('@alfalab/icons-glyph/CrossCircleMIcon');
 var CheckmarkCircleMIcon = require('@alfalab/icons-glyph/CheckmarkCircleMIcon');
@@ -125,9 +125,9 @@ var Input = React__default.default.forwardRef(function (_a, ref) {
                 React__default.default.createElement(CrossCircleMIcon.CrossCircleMIcon, { className: cn__default.default(styles__default.default.clearIcon, colorStyles[colors].clearIcon) }))),
             rightAddons,
             error && (React__default.default.createElement("div", { className: styles__default.default.errorIcon },
-                React__default.default.createElement(badge.Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, { className: styles__default.default.errorColorIcon }) }))),
+                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'negative', content: React__default.default.createElement(ExclamationCircleMIcon.ExclamationCircleMIcon, { className: styles__default.default.errorColorIcon }) }))),
             success && !error && (React__default.default.createElement("div", { className: styles__default.default.successIcon },
-                React__default.default.createElement(badge.Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default.default.successColorIcon }) }))))));
+                React__default.default.createElement(coreComponentsBadge.Badge, { view: 'icon', size: 'm', iconColor: 'positive', content: React__default.default.createElement(CheckmarkCircleMIcon.CheckmarkCircleMIcon, { className: styles__default.default.successColorIcon }) }))))));
     };
     return (React__default.default.createElement(coreComponentsFormControl.FormControl, { ref: wrapperRef, className: cn__default.default(className, focused && focusedClassName, filled && filledClassName), fieldClassName: cn__default.default(fieldClassName, (_b = {},
             _b[styles__default.default.focusVisible] = focusVisible,

package/input/cssm/index.js

@@ -4,7 +4,7 @@ require('react-merge-refs');
 require('classnames');
 require('../../button/cssm');
 require('../../form-control/cssm');
-require('@alfalab/core-components/badge');
+require('../../badge/cssm');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CrossCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');

package/input/esm/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Button } from '../../button/esm';
 import { FormControl } from '../../form-control/esm';
-import { Badge } from '@alfalab/core-components/badge';
+import { Badge } from '../../badge/esm';
 import { useFocus } from '@alfalab/hooks';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';

package/input/esm/index.js

@@ -4,7 +4,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../button/esm';
 import '../../form-control/esm';
-import '@alfalab/core-components/badge';
+import '../../badge/esm';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';

package/input/index.js

@@ -4,7 +4,7 @@ require('react-merge-refs');
 require('classnames');
 require('../button');
 require('../form-control');
-require('@alfalab/core-components/badge');
+require('../badge');
 require('@alfalab/hooks');
 require('@alfalab/icons-glyph/CrossCircleMIcon');
 require('@alfalab/icons-glyph/CheckmarkCircleMIcon');

package/input/modern/Component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Button } from '../../button/modern';
 import { FormControl } from '../../form-control/modern';
-import { Badge } from '@alfalab/core-components/badge';
+import { Badge } from '../../badge/modern';
 import { useFocus } from '@alfalab/hooks';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon';

package/input/modern/index.js

@@ -4,7 +4,7 @@ import 'react-merge-refs';
 import 'classnames';
 import '../../button/modern';
 import '../../form-control/modern';
-import '@alfalab/core-components/badge';
+import '../../badge/modern';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/CheckmarkCircleMIcon';

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

@@ -1,2 +1,3 @@
-export { InputAutocompleteDesktop as InputAutocomplete, InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
+export { InputAutocompleteDesktop as InputAutocomplete } from "./Component.desktop";
+export type { InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
 export * from "./responsive";

package/input-autocomplete/esm/index.d.ts

@@ -1,2 +1,3 @@
-export { InputAutocompleteDesktop as InputAutocomplete, InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
+export { InputAutocompleteDesktop as InputAutocomplete } from "./Component.desktop";
+export type { InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
 export * from "./responsive";

package/input-autocomplete/index.d.ts

@@ -1,2 +1,3 @@
-export { InputAutocompleteDesktop as InputAutocomplete, InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
+export { InputAutocompleteDesktop as InputAutocomplete } from "./Component.desktop";
+export type { InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
 export * from "./responsive";

package/input-autocomplete/modern/index.d.ts

@@ -1,2 +1,3 @@
-export { InputAutocompleteDesktop as InputAutocomplete, InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
+export { InputAutocompleteDesktop as InputAutocomplete } from "./Component.desktop";
+export type { InputAutocompleteDesktopProps as InputAutocompleteProps } from "./Component.desktop";
 export * from "./responsive";

package/intl-phone-input/component.js

@@ -98,18 +98,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         });
         return targetCountry;
     };
-    var addCountryCode = function (inputValue) {
-        if (clearableCountryCode || !countryIso2) {
-            return inputValue.length === 1 && inputValue !== '+'
-                ? "+".concat(inputValue)
-                : inputValue;
-        }
-        var country = countriesHash[countryIso2];
-        return utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(inputValue, country);
-    };
     var setCountryByDialCode = function (inputValue) {
         var country = getCountryByNumber(inputValue);
-        onChange(formatPhone(addCountryCode(inputValue)));
+        onChange(formatPhone(inputValue));
         if (country) {
             setCountryIso2(country.iso2);
             handleCountryChange(country.iso2);
@@ -127,6 +118,15 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
+    var addCountryCode = function (inputValue) {
+        if (clearableCountryCode || !countryIso2) {
+            return inputValue.length === 1 && inputValue !== '+'
+                ? "+".concat(inputValue)
+                : inputValue;
+        }
+        var country = countriesHash[countryIso2];
+        return utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(inputValue, country);
+    };
     var handleInputChange = function (event) {
         setCountryByDialCodeWithLengthCheck(event.target.value);
         onChange(formatPhone(addCountryCode(event.target.value)));

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

@@ -15,7 +15,7 @@ require('./index.css');
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return components_flagIcon_flagSprite.flagSprite[country] ? (React__default.default.createElement("span", { className: cn__default.default(styles.flagIcon, className), "data-test-id": "flag-icon-".concat(country), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default.default.createElement("div", { className: cn__default.default(styles.flagPlaceholder, className) }));
+    return components_flagIcon_flagSprite.flagSprite[country] ? (React__default.default.createElement("span", { className: cn__default.default(styles.flagIcon, className), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default.default.createElement("div", { className: cn__default.default(styles.flagPlaceholder, className) }));
 };
 
 exports.FlagIcon = FlagIcon;

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

@@ -100,18 +100,9 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
         });
         return targetCountry;
     };
-    var addCountryCode = function (inputValue) {
-        if (clearableCountryCode || !countryIso2) {
-            return inputValue.length === 1 && inputValue !== '+'
-                ? "+".concat(inputValue)
-                : inputValue;
-        }
-        var country = countriesHash[countryIso2];
-        return utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(inputValue, country);
-    };
     var setCountryByDialCode = function (inputValue) {
         var country = getCountryByNumber(inputValue);
-        onChange(formatPhone(addCountryCode(inputValue)));
+        onChange(formatPhone(inputValue));
         if (country) {
             setCountryIso2(country.iso2);
             handleCountryChange(country.iso2);
@@ -129,6 +120,15 @@ var IntlPhoneInput = React.forwardRef(function (_a, ref) {
             }
         }
     };
+    var addCountryCode = function (inputValue) {
+        if (clearableCountryCode || !countryIso2) {
+            return inputValue.length === 1 && inputValue !== '+'
+                ? "+".concat(inputValue)
+                : inputValue;
+        }
+        var country = countriesHash[countryIso2];
+        return utils_formatPhoneWithUnclearableCountryCode.formatPhoneWithUnclearableCountryCode(inputValue, country);
+    };
     var handleInputChange = function (event) {
         setCountryByDialCodeWithLengthCheck(event.target.value);
         onChange(formatPhone(addCountryCode(event.target.value)));

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

@@ -14,7 +14,7 @@ var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return components_flagIcon_flagSprite.flagSprite[country] ? (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.flagIcon, className), "data-test-id": "flag-icon-".concat(country), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.flagPlaceholder, className) }));
+    return components_flagIcon_flagSprite.flagSprite[country] ? (React__default.default.createElement("span", { className: cn__default.default(styles__default.default.flagIcon, className), dangerouslySetInnerHTML: { __html: components_flagIcon_flagSprite.flagSprite[country] } })) : (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.flagPlaceholder, className) }));
 };
 
 exports.FlagIcon = FlagIcon;

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

@@ -92,18 +92,9 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
         });
         return targetCountry;
     };
-    var addCountryCode = function (inputValue) {
-        if (clearableCountryCode || !countryIso2) {
-            return inputValue.length === 1 && inputValue !== '+'
-                ? "+".concat(inputValue)
-                : inputValue;
-        }
-        var country = countriesHash[countryIso2];
-        return formatPhoneWithUnclearableCountryCode(inputValue, country);
-    };
     var setCountryByDialCode = function (inputValue) {
         var country = getCountryByNumber(inputValue);
-        onChange(formatPhone(addCountryCode(inputValue)));
+        onChange(formatPhone(inputValue));
         if (country) {
             setCountryIso2(country.iso2);
             handleCountryChange(country.iso2);
@@ -121,6 +112,15 @@ var IntlPhoneInput = forwardRef(function (_a, ref) {
             }
         }
     };
+    var addCountryCode = function (inputValue) {
+        if (clearableCountryCode || !countryIso2) {
+            return inputValue.length === 1 && inputValue !== '+'
+                ? "+".concat(inputValue)
+                : inputValue;
+        }
+        var country = countriesHash[countryIso2];
+        return formatPhoneWithUnclearableCountryCode(inputValue, country);
+    };
     var handleInputChange = function (event) {
         setCountryByDialCodeWithLengthCheck(event.target.value);
         onChange(formatPhone(addCountryCode(event.target.value)));

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

@@ -10,7 +10,7 @@ require('./index.css');
  */
 var FlagIcon = function (_a) {
     var _b = _a.country, country = _b === void 0 ? '' : _b, className = _a.className;
-    return flagSprite[country] ? (React.createElement("span", { className: cn(styles.flagIcon, className), "data-test-id": "flag-icon-".concat(country), dangerouslySetInnerHTML: { __html: flagSprite[country] } })) : (React.createElement("div", { className: cn(styles.flagPlaceholder, className) }));
+    return flagSprite[country] ? (React.createElement("span", { className: cn(styles.flagIcon, className), dangerouslySetInnerHTML: { __html: flagSprite[country] } })) : (React.createElement("div", { className: cn(styles.flagPlaceholder, className) }));
 };
 
 export { FlagIcon };

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

@@ -90,18 +90,9 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
         });
         return targetCountry;
     };
-    const addCountryCode = (inputValue) => {
-        if (clearableCountryCode || !countryIso2) {
-            return inputValue.length === 1 && inputValue !== '+'
-                ? `+${inputValue}`
-                : inputValue;
-        }
-        const country = countriesHash[countryIso2];
-        return formatPhoneWithUnclearableCountryCode(inputValue, country);
-    };
     const setCountryByDialCode = (inputValue) => {
         const country = getCountryByNumber(inputValue);
-        onChange(formatPhone(addCountryCode(inputValue)));
+        onChange(formatPhone(inputValue));
         if (country) {
             setCountryIso2(country.iso2);
             handleCountryChange(country.iso2);
@@ -119,6 +110,15 @@ const IntlPhoneInput = forwardRef(({ disabled = false, readOnly = false, hideCou
             }
         }
     };
+    const addCountryCode = (inputValue) => {
+        if (clearableCountryCode || !countryIso2) {
+            return inputValue.length === 1 && inputValue !== '+'
+                ? `+${inputValue}`
+                : inputValue;
+        }
+        const country = countriesHash[countryIso2];
+        return formatPhoneWithUnclearableCountryCode(inputValue, country);
+    };
     const handleInputChange = (event) => {
         setCountryByDialCodeWithLengthCheck(event.target.value);
         onChange(formatPhone(addCountryCode(event.target.value)));

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

@@ -8,6 +8,6 @@ require('./index.css');
 /**
  * Компонент флага в виде иконки.
  */
-const FlagIcon = ({ country = '', className }) => flagSprite[country] ? (React.createElement("span", { className: cn(styles.flagIcon, className), "data-test-id": `flag-icon-${country}`, dangerouslySetInnerHTML: { __html: flagSprite[country] } })) : (React.createElement("div", { className: cn(styles.flagPlaceholder, className) }));
+const FlagIcon = ({ country = '', className }) => flagSprite[country] ? (React.createElement("span", { className: cn(styles.flagIcon, className), dangerouslySetInnerHTML: { __html: flagSprite[country] } })) : (React.createElement("div", { className: cn(styles.flagPlaceholder, className) }));
 
 export { FlagIcon };

package/modal/Component.desktop.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-762ac297.js');
+var tslib_es6 = require('./tslib.es6-1c4ea188.js');
 var React = require('react');
 var components_closer_Component = require('./components/closer/Component.js');
 var components_content_Component = require('./components/content/Component.js');

package/modal/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-762ac297.js');
+var tslib_es6 = require('./tslib.es6-1c4ea188.js');
 var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');

package/modal/Component.mobile.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-762ac297.js');
+var tslib_es6 = require('./tslib.es6-1c4ea188.js');
 var React = require('react');
 var components_closer_Component = require('./components/closer/Component.js');
 var components_content_Component = require('./components/content/Component.js');

package/modal/Component.responsive.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('./tslib.es6-762ac297.js');
+var tslib_es6 = require('./tslib.es6-1c4ea188.js');
 var React = require('react');
 var hooks = require('@alfalab/hooks');
 var components_closer_Component = require('./components/closer/Component.js');

package/modal/components/closer/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../../tslib.es6-762ac297.js');
+var tslib_es6 = require('../../tslib.es6-1c4ea188.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');

package/modal/components/header/Component.js

@@ -5,7 +5,7 @@ var Context = require('../../Context.js');
 var ResponsiveContext = require('../../ResponsiveContext.js');
 var components_closer_Component = require('../closer/Component.js');
 require('../../../base-modal');
-require('../../tslib.es6-762ac297.js');
+require('../../tslib.es6-1c4ea188.js');
 require('../../../icon-button');
 require('@alfalab/icons-glyph/CrossHeavyMIcon');
 

package/modal/desktop.js

@@ -1,5 +1,5 @@
 var Component_desktop = require('./Component.desktop.js');
-require('./tslib.es6-762ac297.js');
+require('./tslib.es6-1c4ea188.js');
 require('react');
 require('./components/closer/Component.js');
 require('classnames');

package/modal/esm/Component.desktop.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-386fa09a.js';
+import { _ as __assign } from './tslib.es6-70fc4630.js';
 import React, { forwardRef } from 'react';
 import { Closer } from './components/closer/Component.js';
 import { Content } from './components/content/Component.js';

package/modal/esm/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from './tslib.es6-386fa09a.js';
+import { a as __rest, _ as __assign } from './tslib.es6-70fc4630.js';
 import React, { forwardRef, useRef, useMemo } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';

package/modal/esm/Component.mobile.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-386fa09a.js';
+import { _ as __assign } from './tslib.es6-70fc4630.js';
 import React, { forwardRef } from 'react';
 import { Closer } from './components/closer/Component.js';
 import { Content } from './components/content/Component.js';

package/modal/esm/Component.responsive.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from './tslib.es6-386fa09a.js';
+import { a as __rest, _ as __assign } from './tslib.es6-70fc4630.js';
 import React, { forwardRef } from 'react';
 import { useMedia } from '@alfalab/hooks';
 import { Closer } from './components/closer/Component.js';

package/modal/esm/components/closer/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-386fa09a.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-70fc4630.js';
 import React, { useContext, useCallback } from 'react';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';

package/modal/esm/components/header/Component.js

@@ -7,7 +7,7 @@ import { Closer } from '../closer/Component.js';
 import '../../../../base-modal/esm';
 import '../../../../icon-button/esm';
 import '@alfalab/icons-glyph/CrossHeavyMIcon';
-import '../../tslib.es6-386fa09a.js';
+import '../../tslib.es6-70fc4630.js';
 
 var getDataTestId = function (dataTestId, element) {
     var elementPart = element ? "-".concat(element.toLowerCase()) : '';

package/modal/esm/desktop.js

@@ -12,5 +12,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-386fa09a.js';
+import './tslib.es6-70fc4630.js';
 import './Context.js';

package/modal/esm/index.js

@@ -14,4 +14,4 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-386fa09a.js';
+import './tslib.es6-70fc4630.js';

package/modal/esm/mobile.js

@@ -12,5 +12,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-386fa09a.js';
+import './tslib.es6-70fc4630.js';
 import './Context.js';

package/modal/esm/responsive.js

@@ -13,5 +13,5 @@ import './components/header/Component.js';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './Component.js';
 import 'react-merge-refs';
-import './tslib.es6-386fa09a.js';
+import './tslib.es6-70fc4630.js';
 import './Context.js';

package/modal/index.js

@@ -1,6 +1,6 @@
 var Component_responsive = require('./Component.responsive.js');
 var Context = require('./Context.js');
-require('./tslib.es6-762ac297.js');
+require('./tslib.es6-1c4ea188.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/closer/Component.js');

package/modal/mobile.js

@@ -1,5 +1,5 @@
 var Component_mobile = require('./Component.mobile.js');
-require('./tslib.es6-762ac297.js');
+require('./tslib.es6-1c4ea188.js');
 require('react');
 require('./components/closer/Component.js');
 require('classnames');

package/modal/responsive.js

@@ -1,5 +1,5 @@
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-762ac297.js');
+require('./tslib.es6-1c4ea188.js');
 require('react');
 require('@alfalab/hooks');
 require('./components/closer/Component.js');

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "36.5.1-beta.0",
+  "version": "36.5.1",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -128,8 +128,7 @@
     "@types/swiper": "^5.4.3",
     "@typescript-eslint/eslint-plugin": "^5.40.1",
     "@typescript-eslint/parser": "^5.40.1",
-    "rollup-plugin-ts": "^3.0.2",
-    "arui-presets-lint": "^6.0.1",
+    "arui-presets-lint": "^6.1.0",
     "axios": "^0.21.0",
     "babel-jest": "^26.6.3",
     "babel-loader": "^8.0.6",
@@ -194,9 +193,10 @@
     "rollup": "^3.5.1",
     "rollup-plugin-copy": "^3.4.0",
     "rollup-plugin-multi-input": "^1.3.1",
+    "rollup-plugin-ts": "^3.0.2",
     "shelljs": "^0.8.5",
     "standard-version": "^8.0.0",
-    "storybook-addon-live-examples": "^1.0.9",
+    "storybook-addon-live-examples": "^1.0.10",
     "string-hash": "^1.1.3",
     "stylelint": "^14.9.1",
     "stylelint-config-prettier": "^9.0.3",