@alfalab/core-components 27.0.0-beta.0 → 27.1.2

package/toast-plate/modern/component.js

@@ -4,10 +4,10 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { AlertCircleMIcon } from '@alfalab/icons-glyph/AlertCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
-import { Button } from '../../button/modern';
+import { IconButton } from '../../icon-button/modern';
 import { Badge } from '../../badge/modern';
 
-var styles = {"component":"toast-plate__component_1s7xj","hasCloser":"toast-plate__hasCloser_1s7xj","contentWrap":"toast-plate__contentWrap_1s7xj","block":"toast-plate__block_1s7xj","content":"toast-plate__content_1s7xj","actionSection":"toast-plate__actionSection_1s7xj","leftAddons":"toast-plate__leftAddons_1s7xj","title":"toast-plate__title_1s7xj","children":"toast-plate__children_1s7xj","closeButton":"toast-plate__closeButton_1s7xj"};
+var styles = {"component":"toast-plate__component_1tjp0","hasCloser":"toast-plate__hasCloser_1tjp0","contentWrap":"toast-plate__contentWrap_1tjp0","block":"toast-plate__block_1tjp0","content":"toast-plate__content_1tjp0","hasActionButton":"toast-plate__hasActionButton_1tjp0","actionSection":"toast-plate__actionSection_1tjp0","leftAddons":"toast-plate__leftAddons_1tjp0","title":"toast-plate__title_1tjp0","children":"toast-plate__children_1tjp0","closeButtonWrapper":"toast-plate__closeButtonWrapper_1tjp0","closeButton":"toast-plate__closeButton_1tjp0"};
 require('./index.css');
 
 const iconDefaultComponents = {
@@ -15,7 +15,7 @@ const iconDefaultComponents = {
     positive: React.createElement(CheckmarkCircleMIcon, { className: styles.badgeIcon }),
     attention: React.createElement(AlertCircleMIcon, { className: styles.badgeIcon }),
 };
-const ToastPlate = forwardRef(({ dataTestId, className, contentClassName, hasCloser, leftAddons, badge, title, children, actionButton, block, onClose, getBadgeIcons, ...restProps }, ref) => {
+const ToastPlate = forwardRef(({ dataTestId, className, titleClassName, contentClassName, actionSectionClassName, hasCloser, leftAddons, badge, title, children, actionButton, block, onClose, getBadgeIcons, ...restProps }, ref) => {
     const needRenderLeftAddons = Boolean(leftAddons || badge);
     const iconComponents = getBadgeIcons
         ? getBadgeIcons(iconDefaultComponents)
@@ -27,15 +27,19 @@ const ToastPlate = forwardRef(({ dataTestId, className, contentClassName, hasClo
     }, [onClose]);
     return (React.createElement("div", Object.assign({ className: cn(styles.component, { [styles.block]: block, [styles.hasCloser]: hasCloser }, className), ref: ref, "data-test-id": dataTestId }, restProps),
         React.createElement("div", { className: styles.contentWrap },
-            React.createElement("div", { className: cn(contentClassName, styles.content) },
+            React.createElement("div", { className: cn(contentClassName, styles.content, {
+                    [styles.hasCloser]: hasCloser,
+                    [styles.hasActionButton]: !!actionButton,
+                }) },
                 needRenderLeftAddons && (React.createElement("div", { className: styles.leftAddons }, leftAddons || (React.createElement(Badge, { view: 'icon', content: badge && iconComponents[badge], iconColor: badge, className: styles.badge, dataTestId: 'badge' })))),
                 React.createElement("div", null,
-                    title && React.createElement("div", { className: styles.title }, title),
+                    title && (React.createElement("div", { className: cn(titleClassName, styles.title) }, title)),
                     children && React.createElement("div", { className: styles.children }, children))),
-            actionButton && (React.createElement("div", { className: cn(styles.actionSection, {
+            actionButton && (React.createElement("div", { className: cn(actionSectionClassName, styles.actionSection, {
                     [styles.hasCloser]: hasCloser,
                 }) }, actionButton)),
-            hasCloser && (React.createElement(Button, { colors: 'inverted', className: cn(styles.closeButton), view: 'ghost', onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C', leftAddons: React.createElement(CrossMIcon, null) })))));
+            hasCloser && (React.createElement("div", { className: styles.closeButtonWrapper },
+                React.createElement(IconButton, { icon: CrossMIcon, colors: 'inverted', className: cn(styles.closeButton), onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C' }))))));
 });
 
 export { ToastPlate };

package/toast-plate/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1tobq */
+/* hash: 304ex */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -703,8 +703,10 @@
     --toast-plate-action-align: center;
     --toast-plate-action-padding: 0 var(--gap-2xl);
     --toast-plate-action-divider-display: block;
+    --toast-plate-content-with-closer-right-padding: var(--gap-m);
+    --toast-plate-close-button-align: center;
 }
-.toast-plate__component_1s7xj {
+.toast-plate__component_1tjp0 {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -715,73 +717,75 @@
     padding: var(--gap-m);
     background-color: var(--toast-plate-bg-color)
 }
-.toast-plate__component_1s7xj.toast-plate__hasCloser_1s7xj {
+.toast-plate__component_1tjp0.toast-plate__hasCloser_1tjp0 {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_1s7xj {
+.toast-plate__contentWrap_1tjp0 {
     display: flex;
 }
-.toast-plate__block_1s7xj {
+.toast-plate__block_1tjp0 {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_1s7xj {
+.toast-plate__content_1tjp0 {
     display: flex;
-    flex-grow: 1;
+    flex-grow: 1
 }
-.toast-plate__actionSection_1s7xj {
+.toast-plate__content_1tjp0.toast-plate__hasCloser_1tjp0:not(.toast-plate__hasActionButton_1tjp0) {
+        padding-right: var(--toast-plate-content-with-closer-right-padding);
+    }
+.toast-plate__actionSection_1tjp0 {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--gap-3xs) 0;
     padding: var(--toast-plate-action-padding)
 }
-.toast-plate__actionSection_1s7xj:last-child {
+.toast-plate__actionSection_1tjp0:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_1s7xj {
+.toast-plate__leftAddons_1tjp0 {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_1s7xj {
+.toast-plate__title_1tjp0 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_1s7xj {
+.toast-plate__children_1tjp0 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_1s7xj + .toast-plate__children_1s7xj {
+.toast-plate__title_1tjp0 + .toast-plate__children_1tjp0 {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButton_1s7xj {
-    display: flex;
-    align-items: flex-start;
+.toast-plate__closeButtonWrapper_1tjp0 {
     position: absolute;
-    top: var(--gap-s);
-    bottom: var(--gap-s);
-    right: var(--gap-s);
-    padding: var(--gap-2xs);
+    top: var(--gap-2xs);
+    bottom: var(--gap-2xs);
+    right: var(--gap-2xs)
 }
-.toast-plate__actionSection_1s7xj + .toast-plate__closeButton_1s7xj {
-    align-items: var(--toast-plate-action-align)
-}
-.toast-plate__actionSection_1s7xj + .toast-plate__closeButton_1s7xj:before {
+.toast-plate__closeButtonWrapper_1tjp0:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
-        right: 44px;
-        top: var(--gap-2xs);
-        bottom: var(--gap-2xs);
+        right: 51px;
+        top: var(--gap-s);
+        bottom: var(--gap-s);
         width: 1px;
-        background-color: var(--color-light-bg-tertiary-inverted);
+        background-color: var(--color-light-border-secondary-inverted);
         content: '';
     }
+.toast-plate__closeButton_1tjp0 {
+    display: flex;
+    align-items: var(--toast-plate-close-button-align);
+    height: 100%;
+}

package/toast-plate/modern/index.js

@@ -4,6 +4,6 @@ import '@alfalab/icons-glyph/CheckmarkCircleMIcon';
 import '@alfalab/icons-glyph/CrossCircleMIcon';
 import '@alfalab/icons-glyph/AlertCircleMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
-import '../../button/modern';
+import '../../icon-button/modern';
 import '../../badge/modern';
 export { ToastPlate } from './component.js';

package/tooltip/{Component-a23d8071.js → Component-5adc891a.js}

@@ -48,13 +48,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_19rzc","popper":"tooltip__popper_19rzc","hint":"tooltip__hint_19rzc","target":"tooltip__target_19rzc","overlap":"tooltip__overlap_19rzc"};
+var styles = {"component":"tooltip__component_1lgu1","popper":"tooltip__popper_1lgu1","hint":"tooltip__hint_1lgu1","target":"tooltip__target_1lgu1","overlap":"tooltip__overlap_1lgu1"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_jsls1","arrow":"tooltip__arrow_jsls1"};
+var defaultColors = {"hint":"tooltip__hint_n0jtz","arrow":"tooltip__arrow_n0jtz"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_19zbu","arrow":"tooltip__arrow_19zbu","hint":"tooltip__hint_19zbu"};
+var invertedColors = {"tooltip":"tooltip__tooltip_1g13y","arrow":"tooltip__arrow_1g13y","hint":"tooltip__hint_1g13y"};
 require('./inverted.css');
 
 var colorStyles = {

package/tooltip/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a23d8071.js');
+var Component = require('./Component-5adc891a.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/component.responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a23d8071.js');
+var Component = require('./Component-5adc891a.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"target":"tooltip__target_gjj8g","overlap":"tooltip__overlap_gjj8g"};
+var styles = {"target":"tooltip__target_zic0o","overlap":"tooltip__overlap_zic0o"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/default.css

@@ -1,4 +1,4 @@
-/* hash: 19nsj */
+/* hash: 12i23 */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -21,13 +21,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_jsls1 {
+.tooltip__hint_n0jtz {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
 }
-.tooltip__hint_jsls1 .tooltip__arrow_jsls1:after {
+.tooltip__hint_n0jtz .tooltip__arrow_n0jtz:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/esm/{Component-69264c9e.js → Component-b2f979f1.js}

@@ -42,13 +42,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_19rzc","popper":"tooltip__popper_19rzc","hint":"tooltip__hint_19rzc","target":"tooltip__target_19rzc","overlap":"tooltip__overlap_19rzc"};
+var styles = {"component":"tooltip__component_1lgu1","popper":"tooltip__popper_1lgu1","hint":"tooltip__hint_1lgu1","target":"tooltip__target_1lgu1","overlap":"tooltip__overlap_1lgu1"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_jsls1","arrow":"tooltip__arrow_jsls1"};
+var defaultColors = {"hint":"tooltip__hint_n0jtz","arrow":"tooltip__arrow_n0jtz"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_19zbu","arrow":"tooltip__arrow_19zbu","hint":"tooltip__hint_19zbu"};
+var invertedColors = {"tooltip":"tooltip__tooltip_1g13y","arrow":"tooltip__arrow_1g13y","hint":"tooltip__hint_1g13y"};
 require('./inverted.css');
 
 var colorStyles = {

package/tooltip/esm/Component.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-export { T as Tooltip } from './Component-69264c9e.js';
+export { T as Tooltip } from './Component-b2f979f1.js';

package/tooltip/esm/component.responsive.js

@@ -2,13 +2,13 @@ import React, { Fragment } from 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import { _ as __rest, a as __assign, T as Tooltip } from './Component-69264c9e.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-b2f979f1.js';
 import { useMedia } from '@alfalab/hooks';
 import { BottomSheet } from '../../bottom-sheet/esm';
 import { Button } from '../../button/esm';
 import { useControlled } from './utils.js';
 
-var styles = {"target":"tooltip__target_gjj8g","overlap":"tooltip__overlap_gjj8g"};
+var styles = {"target":"tooltip__target_zic0o","overlap":"tooltip__overlap_zic0o"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: 19nsj */
+/* hash: 12i23 */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -21,13 +21,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_jsls1 {
+.tooltip__hint_n0jtz {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
 }
-.tooltip__hint_jsls1 .tooltip__arrow_jsls1:after {
+.tooltip__hint_n0jtz .tooltip__arrow_n0jtz:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1uc6j */
+/* hash: 125c0 */
 :root {
 
     /* Hard */
@@ -17,27 +17,27 @@
 :root {
     --disabled-cursor: not-allowed;
 }
-.tooltip__component_19rzc {
+.tooltip__component_1lgu1 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_19rzc {
+.tooltip__popper_1lgu1 {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_19rzc .tooltip__component_19rzc {
+.tooltip__hint_1lgu1 .tooltip__component_1lgu1 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_19rzc {
+.tooltip__target_1lgu1 {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_19rzc .tooltip__overlap_19rzc {
+.tooltip__target_1lgu1 .tooltip__overlap_1lgu1 {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-69264c9e";
+export * from "./Component-b2f979f1";

package/tooltip/esm/index.js

@@ -2,4 +2,4 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-export { T as Tooltip } from './Component-69264c9e.js';
+export { T as Tooltip } from './Component-b2f979f1.js';

package/tooltip/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 11ao0 */
+/* hash: u4xki */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-primary-inverted: #0b1f35;
@@ -27,20 +27,20 @@
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__tooltip_19zbu {
+.tooltip__tooltip_1g13y {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_19zbu .tooltip__arrow_19zbu:after {
+.tooltip__tooltip_1g13y .tooltip__arrow_1g13y:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_19zbu {
+.tooltip__hint_1g13y {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-inverted-bg-color);
     box-shadow: var(--tooltip-hint-inverted-box-shadow);
     color: var(--tooltip-hint-inverted-text-color);
 }
-.tooltip__hint_19zbu .tooltip__arrow_19zbu:after {
+.tooltip__hint_1g13y .tooltip__arrow_1g13y:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/esm/responsive.css

@@ -1,9 +1,9 @@
-/* hash: 1keux */
-.tooltip__target_gjj8g {
+/* hash: 1vfdq */
+.tooltip__target_zic0o {
     position: relative;
     width: max-content
 }
-.tooltip__target_gjj8g .tooltip__overlap_gjj8g {
+.tooltip__target_zic0o .tooltip__overlap_zic0o {
         position: absolute;
         height: 100%;
         width: 100%;

package/tooltip/esm/responsive.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import './Component-69264c9e.js';
+import './Component-b2f979f1.js';
 import '@alfalab/hooks';
 import '../../bottom-sheet/esm';
 import '../../button/esm';

package/tooltip/index.css

@@ -1,4 +1,4 @@
-/* hash: 1uc6j */
+/* hash: 125c0 */
 :root {
 
     /* Hard */
@@ -17,27 +17,27 @@
 :root {
     --disabled-cursor: not-allowed;
 }
-.tooltip__component_19rzc {
+.tooltip__component_1lgu1 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_19rzc {
+.tooltip__popper_1lgu1 {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_19rzc .tooltip__component_19rzc {
+.tooltip__hint_1lgu1 .tooltip__component_1lgu1 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_19rzc {
+.tooltip__target_1lgu1 {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_19rzc .tooltip__overlap_19rzc {
+.tooltip__target_1lgu1 .tooltip__overlap_1lgu1 {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./Component-a23d8071";
+export * from "./Component-5adc891a";

package/tooltip/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-a23d8071.js');
+var Component = require('./Component-5adc891a.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 11ao0 */
+/* hash: u4xki */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-primary-inverted: #0b1f35;
@@ -27,20 +27,20 @@
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__tooltip_19zbu {
+.tooltip__tooltip_1g13y {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_19zbu .tooltip__arrow_19zbu:after {
+.tooltip__tooltip_1g13y .tooltip__arrow_1g13y:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_19zbu {
+.tooltip__hint_1g13y {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-inverted-bg-color);
     box-shadow: var(--tooltip-hint-inverted-box-shadow);
     color: var(--tooltip-hint-inverted-text-color);
 }
-.tooltip__hint_19zbu .tooltip__arrow_19zbu:after {
+.tooltip__hint_1g13y .tooltip__arrow_1g13y:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/modern/Component.js

@@ -3,13 +3,13 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { Popover } from '../../popover/modern';
 
-var styles = {"component":"tooltip__component_19rzc","popper":"tooltip__popper_19rzc","hint":"tooltip__hint_19rzc","target":"tooltip__target_19rzc","overlap":"tooltip__overlap_19rzc"};
+var styles = {"component":"tooltip__component_1lgu1","popper":"tooltip__popper_1lgu1","hint":"tooltip__hint_1lgu1","target":"tooltip__target_1lgu1","overlap":"tooltip__overlap_1lgu1"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_jsls1","arrow":"tooltip__arrow_jsls1"};
+var defaultColors = {"hint":"tooltip__hint_n0jtz","arrow":"tooltip__arrow_n0jtz"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_19zbu","arrow":"tooltip__arrow_19zbu","hint":"tooltip__hint_19zbu"};
+var invertedColors = {"tooltip":"tooltip__tooltip_1g13y","arrow":"tooltip__arrow_1g13y","hint":"tooltip__hint_1g13y"};
 require('./inverted.css');
 
 const colorStyles = {

package/tooltip/modern/component.responsive.js

@@ -8,7 +8,7 @@ import { BottomSheet } from '../../bottom-sheet/modern';
 import { Button } from '../../button/modern';
 import { useControlled } from './utils.js';
 
-var styles = {"target":"tooltip__target_gjj8g","overlap":"tooltip__overlap_gjj8g"};
+var styles = {"target":"tooltip__target_zic0o","overlap":"tooltip__overlap_zic0o"};
 require('./responsive.css');
 
 const TooltipResponsive = ({ defaultMatch = 'mobile', content, children, open, onOpen, onClose, actionButtonTitle = 'Понятно', hasCloser, ...restProps }) => {

package/tooltip/modern/default.css

@@ -1,4 +1,4 @@
-/* hash: 19nsj */
+/* hash: 12i23 */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-text-primary-inverted: #fff;
@@ -21,13 +21,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_jsls1 {
+.tooltip__hint_n0jtz {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
 }
-.tooltip__hint_jsls1 .tooltip__arrow_jsls1:after {
+.tooltip__hint_n0jtz .tooltip__arrow_n0jtz:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1uc6j */
+/* hash: 125c0 */
 :root {
 
     /* Hard */
@@ -17,27 +17,27 @@
 :root {
     --disabled-cursor: not-allowed;
 }
-.tooltip__component_19rzc {
+.tooltip__component_1lgu1 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_19rzc {
+.tooltip__popper_1lgu1 {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_19rzc .tooltip__component_19rzc {
+.tooltip__hint_1lgu1 .tooltip__component_1lgu1 {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_19rzc {
+.tooltip__target_1lgu1 {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_19rzc .tooltip__overlap_19rzc {
+.tooltip__target_1lgu1 .tooltip__overlap_1lgu1 {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 11ao0 */
+/* hash: u4xki */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-bg-primary-inverted: #0b1f35;
@@ -27,20 +27,20 @@
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__tooltip_19zbu {
+.tooltip__tooltip_1g13y {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_19zbu .tooltip__arrow_19zbu:after {
+.tooltip__tooltip_1g13y .tooltip__arrow_1g13y:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_19zbu {
+.tooltip__hint_1g13y {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-inverted-bg-color);
     box-shadow: var(--tooltip-hint-inverted-box-shadow);
     color: var(--tooltip-hint-inverted-text-color);
 }
-.tooltip__hint_19zbu .tooltip__arrow_19zbu:after {
+.tooltip__hint_1g13y .tooltip__arrow_1g13y:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/modern/responsive.css

@@ -1,9 +1,9 @@
-/* hash: 1keux */
-.tooltip__target_gjj8g {
+/* hash: 1vfdq */
+.tooltip__target_zic0o {
     position: relative;
     width: max-content
 }
-.tooltip__target_gjj8g .tooltip__overlap_gjj8g {
+.tooltip__target_zic0o .tooltip__overlap_zic0o {
         position: absolute;
         height: 100%;
         width: 100%;