@alfalab/core-components 31.0.0 → 31.3.0

package/toast-plate/index.css

@@ -1,9 +1,4 @@
-/* hash: 1muxr */
-:root {
-    --color-light-bg-primary-inverted: #0b1f35;
-    --color-light-border-secondary-inverted: #3c4c5d;
-    --color-light-text-primary-inverted: #fff;
-}
+/* hash: 1b0im */
 :root {
 
     /* Hard */
@@ -23,8 +18,7 @@
     --border-radius-m: 8px;
 }
 :root {
-    --toast-plate-bg-color: var(--color-light-bg-primary-inverted);
-    --toast-plate-color: var(--color-light-text-primary-inverted);
+    /* default */
     --toast-plate-border-radius: var(--border-radius-m);
     --toast-plate-title-font-weight: 700;
     --toast-plate-action-align: center;
@@ -32,86 +26,85 @@
     --toast-plate-action-divider-display: block;
     --toast-plate-content-with-closer-right-padding: var(--gap-m);
     --toast-plate-close-button-align: center;
+
+    /* inverted */
 }
-.toast-plate__component_1b89g {
+.toast-plate__component_1g437 {
     position: relative;
     display: inline-flex;
     flex-direction: column;
     box-sizing: border-box;
     border-radius: var(--toast-plate-border-radius);
-    color: var(--toast-plate-color);
     min-height: 56px;
-    padding: var(--gap-m);
-    background-color: var(--toast-plate-bg-color)
+    padding: var(--gap-m)
 }
-.toast-plate__component_1b89g.toast-plate__hasCloser_1b89g {
+.toast-plate__component_1g437.toast-plate__hasCloser_1g437 {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_1b89g {
+.toast-plate__contentWrap_1g437 {
     display: flex;
 }
-.toast-plate__block_1b89g {
+.toast-plate__block_1g437 {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_1b89g {
+.toast-plate__content_1g437 {
     display: flex;
     flex-grow: 1
 }
-.toast-plate__content_1b89g.toast-plate__hasCloser_1b89g:not(.toast-plate__hasActionButton_1b89g) {
+.toast-plate__content_1g437.toast-plate__hasCloser_1g437:not(.toast-plate__hasActionButton_1g437) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
     }
-.toast-plate__actionSection_1b89g {
+.toast-plate__actionSection_1g437 {
     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_1b89g:last-child {
+.toast-plate__actionSection_1g437:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_1b89g {
+.toast-plate__leftAddons_1g437 {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_1b89g {
+.toast-plate__title_1g437 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_1b89g {
+.toast-plate__children_1g437 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_1b89g + .toast-plate__children_1b89g {
+.toast-plate__title_1g437 + .toast-plate__children_1g437 {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButtonWrapper_1b89g {
+.toast-plate__closeButtonWrapper_1g437 {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
 }
-.toast-plate__closeButtonWrapper_1b89g:before {
+.toast-plate__closeButtonWrapper_1g437:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
         top: var(--gap-s);
         bottom: var(--gap-s);
         width: 1px;
-        background-color: var(--color-light-border-secondary-inverted);
         content: '';
     }
-.toast-plate__closeButton_1b89g {
+.toast-plate__closeButton_1g437 {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/inverted.css

@@ -0,0 +1,28 @@
+/* hash: nsmud */
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-border-secondary: #e7e9eb;
+    --color-light-text-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    /* default */
+
+    /* inverted */
+    --toast-plate-inverted-color: var(--color-light-text-primary);
+    --toast-plate-inverted-bg-color: var(--color-light-bg-primary);
+}
+.toast-plate__component_1r7nk {
+    color: var(--toast-plate-inverted-color);
+    background-color: var(--toast-plate-inverted-bg-color);
+}
+.toast-plate__closeButtonWrapper_1r7nk:before {
+        background-color: var(--color-light-border-secondary);
+    }

package/toast-plate/modern/component.d.ts

@@ -63,6 +63,10 @@ type ToastPlateProps = HTMLAttributes<HTMLDivElement> & {
      * Функция, с помощью которой можно переопределить иконки в Badge
      */
     getBadgeIcons?: (icons: BadgeIcons) => BadgeIcons;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: 'default' | 'inverted';
 };
 declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & {
     /**
@@ -121,5 +125,9 @@ declare const ToastPlate: React.ForwardRefExoticComponent<React.HTMLAttributes<H
      * Функция, с помощью которой можно переопределить иконки в Badge
      */
     getBadgeIcons?: ((icons: BadgeIcons) => BadgeIcons) | undefined;
+    /**
+     * Набор цветов для компонента
+     */
+    colors?: "default" | "inverted" | undefined;
 } & React.RefAttributes<HTMLDivElement>>;
 export { BadgeIcons, ToastPlateProps, ToastPlate };

package/toast-plate/modern/component.js

@@ -7,15 +7,25 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { IconButton } from '../../icon-button/modern';
 import { Badge } from '../../badge/modern';
 
-var styles = {"component":"toast-plate__component_1b89g","hasCloser":"toast-plate__hasCloser_1b89g","contentWrap":"toast-plate__contentWrap_1b89g","block":"toast-plate__block_1b89g","content":"toast-plate__content_1b89g","hasActionButton":"toast-plate__hasActionButton_1b89g","actionSection":"toast-plate__actionSection_1b89g","leftAddons":"toast-plate__leftAddons_1b89g","title":"toast-plate__title_1b89g","children":"toast-plate__children_1b89g","closeButtonWrapper":"toast-plate__closeButtonWrapper_1b89g","closeButton":"toast-plate__closeButton_1b89g"};
+var styles = {"component":"toast-plate__component_1g437","hasCloser":"toast-plate__hasCloser_1g437","contentWrap":"toast-plate__contentWrap_1g437","block":"toast-plate__block_1g437","content":"toast-plate__content_1g437","hasActionButton":"toast-plate__hasActionButton_1g437","actionSection":"toast-plate__actionSection_1g437","leftAddons":"toast-plate__leftAddons_1g437","title":"toast-plate__title_1g437","children":"toast-plate__children_1g437","closeButtonWrapper":"toast-plate__closeButtonWrapper_1g437","closeButton":"toast-plate__closeButton_1g437"};
 require('./index.css');
 
+var defaultColors = {"component":"toast-plate__component_19m2g","closeButtonWrapper":"toast-plate__closeButtonWrapper_19m2g"};
+require('./default.css');
+
+var invertedColors = {"component":"toast-plate__component_1r7nk","closeButtonWrapper":"toast-plate__closeButtonWrapper_1r7nk"};
+require('./inverted.css');
+
+const colorStyles = {
+    default: defaultColors,
+    inverted: invertedColors,
+};
 const iconDefaultComponents = {
     negative: React.createElement(CrossCircleMIcon, { className: styles.badgeIcon }),
     positive: React.createElement(CheckmarkCircleMIcon, { className: styles.badgeIcon }),
     attention: React.createElement(AlertCircleMIcon, { className: styles.badgeIcon }),
 };
-const ToastPlate = forwardRef(({ dataTestId, className, titleClassName, contentClassName, actionSectionClassName, 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, colors = 'default', ...restProps }, ref) => {
     const needRenderLeftAddons = Boolean(leftAddons || badge);
     const iconComponents = getBadgeIcons
         ? getBadgeIcons(iconDefaultComponents)
@@ -25,7 +35,7 @@ const ToastPlate = forwardRef(({ dataTestId, className, titleClassName, contentC
             onClose(event);
         }
     }, [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),
+    return (React.createElement("div", Object.assign({ className: cn(styles.component, colorStyles[colors].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, {
                     [styles.hasCloser]: hasCloser,
@@ -38,8 +48,8 @@ const ToastPlate = forwardRef(({ dataTestId, className, titleClassName, contentC
             actionButton && (React.createElement("div", { className: cn(actionSectionClassName, styles.actionSection, {
                     [styles.hasCloser]: hasCloser,
                 }) }, actionButton)),
-            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' }))))));
+            hasCloser && (React.createElement("div", { className: cn(styles.closeButtonWrapper, colorStyles[colors].closeButtonWrapper) },
+                React.createElement(IconButton, { icon: CrossMIcon, colors: colors === 'default' ? 'inverted' : 'default', className: cn(styles.closeButton), onClick: handleClose, "aria-label": '\u0437\u0430\u043A\u0440\u044B\u0442\u044C' }))))));
 });
 
 export { ToastPlate };

package/toast-plate/modern/default.css

@@ -0,0 +1,28 @@
+/* hash: 1blml */
+:root {
+    --color-light-bg-primary-inverted: #0b1f35;
+    --color-light-border-secondary-inverted: #3c4c5d;
+    --color-light-text-primary-inverted: #fff;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    /* default */
+    --toast-plate-bg-color: var(--color-light-bg-primary-inverted);
+    --toast-plate-color: var(--color-light-text-primary-inverted);
+
+    /* inverted */
+}
+.toast-plate__component_19m2g {
+    color: var(--toast-plate-color);
+    background-color: var(--toast-plate-bg-color);
+}
+.toast-plate__closeButtonWrapper_19m2g:before {
+        background-color: var(--color-light-border-secondary-inverted);
+    }

package/toast-plate/modern/index.css

@@ -1,9 +1,4 @@
-/* hash: 1muxr */
-:root {
-    --color-light-bg-primary-inverted: #0b1f35;
-    --color-light-border-secondary-inverted: #3c4c5d;
-    --color-light-text-primary-inverted: #fff;
-}
+/* hash: 1b0im */
 :root {
 
     /* Hard */
@@ -23,8 +18,7 @@
     --border-radius-m: 8px;
 }
 :root {
-    --toast-plate-bg-color: var(--color-light-bg-primary-inverted);
-    --toast-plate-color: var(--color-light-text-primary-inverted);
+    /* default */
     --toast-plate-border-radius: var(--border-radius-m);
     --toast-plate-title-font-weight: 700;
     --toast-plate-action-align: center;
@@ -32,86 +26,85 @@
     --toast-plate-action-divider-display: block;
     --toast-plate-content-with-closer-right-padding: var(--gap-m);
     --toast-plate-close-button-align: center;
+
+    /* inverted */
 }
-.toast-plate__component_1b89g {
+.toast-plate__component_1g437 {
     position: relative;
     display: inline-flex;
     flex-direction: column;
     box-sizing: border-box;
     border-radius: var(--toast-plate-border-radius);
-    color: var(--toast-plate-color);
     min-height: 56px;
-    padding: var(--gap-m);
-    background-color: var(--toast-plate-bg-color)
+    padding: var(--gap-m)
 }
-.toast-plate__component_1b89g.toast-plate__hasCloser_1b89g {
+.toast-plate__component_1g437.toast-plate__hasCloser_1g437 {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_1b89g {
+.toast-plate__contentWrap_1g437 {
     display: flex;
 }
-.toast-plate__block_1b89g {
+.toast-plate__block_1g437 {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_1b89g {
+.toast-plate__content_1g437 {
     display: flex;
     flex-grow: 1
 }
-.toast-plate__content_1b89g.toast-plate__hasCloser_1b89g:not(.toast-plate__hasActionButton_1b89g) {
+.toast-plate__content_1g437.toast-plate__hasCloser_1g437:not(.toast-plate__hasActionButton_1g437) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
     }
-.toast-plate__actionSection_1b89g {
+.toast-plate__actionSection_1g437 {
     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_1b89g:last-child {
+.toast-plate__actionSection_1g437:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_1b89g {
+.toast-plate__leftAddons_1g437 {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_1b89g {
+.toast-plate__title_1g437 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_1b89g {
+.toast-plate__children_1g437 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_1b89g + .toast-plate__children_1b89g {
+.toast-plate__title_1g437 + .toast-plate__children_1g437 {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButtonWrapper_1b89g {
+.toast-plate__closeButtonWrapper_1g437 {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
 }
-.toast-plate__closeButtonWrapper_1b89g:before {
+.toast-plate__closeButtonWrapper_1g437:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
         top: var(--gap-s);
         bottom: var(--gap-s);
         width: 1px;
-        background-color: var(--color-light-border-secondary-inverted);
         content: '';
     }
-.toast-plate__closeButton_1b89g {
+.toast-plate__closeButton_1g437 {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/modern/inverted.css

@@ -0,0 +1,28 @@
+/* hash: nsmud */
+:root {
+    --color-light-bg-primary: #fff;
+    --color-light-border-secondary: #e7e9eb;
+    --color-light-text-primary: #0b1f35;
+}
+:root {
+
+    /* Hard */
+
+    /* Up */
+
+    /* Hard up */
+}
+:root {
+    /* default */
+
+    /* inverted */
+    --toast-plate-inverted-color: var(--color-light-text-primary);
+    --toast-plate-inverted-bg-color: var(--color-light-bg-primary);
+}
+.toast-plate__component_1r7nk {
+    color: var(--toast-plate-inverted-color);
+    background-color: var(--toast-plate-inverted-bg-color);
+}
+.toast-plate__closeButtonWrapper_1r7nk:before {
+        background-color: var(--color-light-border-secondary);
+    }

package/tooltip/{Component-df9c8df5.js → Component-511ba03f.js}

@@ -48,13 +48,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_85zj8","popper":"tooltip__popper_85zj8","hint":"tooltip__hint_85zj8","target":"tooltip__target_85zj8","overlap":"tooltip__overlap_85zj8"};
+var styles = {"component":"tooltip__component_1kuhh","popper":"tooltip__popper_1kuhh","hint":"tooltip__hint_1kuhh","target":"tooltip__target_1kuhh","overlap":"tooltip__overlap_1kuhh"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_1k52n","arrow":"tooltip__arrow_1k52n"};
+var defaultColors = {"hint":"tooltip__hint_vmitq","arrow":"tooltip__arrow_vmitq"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_10i20","arrow":"tooltip__arrow_10i20","hint":"tooltip__hint_10i20"};
+var invertedColors = {"tooltip":"tooltip__tooltip_bzi6j","arrow":"tooltip__arrow_bzi6j","hint":"tooltip__hint_bzi6j"};
 require('./inverted.css');
 
 var colorStyles = {

package/tooltip/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-df9c8df5.js');
+var Component = require('./Component-511ba03f.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-df9c8df5.js');
+var Component = require('./Component-511ba03f.js');
 var React = require('react');
 var cn = require('classnames');
 require('react-merge-refs');
@@ -15,7 +15,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"target":"tooltip__target_ock4e","overlap":"tooltip__overlap_ock4e"};
+var styles = {"target":"tooltip__target_1cv3x","overlap":"tooltip__overlap_1cv3x"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/default.css

@@ -1,4 +1,4 @@
-/* hash: 1fqtu */
+/* hash: 1q5v9 */
 :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_1k52n {
+.tooltip__hint_vmitq {
     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_1k52n .tooltip__arrow_1k52n:after {
+.tooltip__hint_vmitq .tooltip__arrow_vmitq:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/esm/{Component-c46d5e37.js → Component-05bc4a9e.js}

@@ -42,13 +42,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_85zj8","popper":"tooltip__popper_85zj8","hint":"tooltip__hint_85zj8","target":"tooltip__target_85zj8","overlap":"tooltip__overlap_85zj8"};
+var styles = {"component":"tooltip__component_1kuhh","popper":"tooltip__popper_1kuhh","hint":"tooltip__hint_1kuhh","target":"tooltip__target_1kuhh","overlap":"tooltip__overlap_1kuhh"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_1k52n","arrow":"tooltip__arrow_1k52n"};
+var defaultColors = {"hint":"tooltip__hint_vmitq","arrow":"tooltip__arrow_vmitq"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_10i20","arrow":"tooltip__arrow_10i20","hint":"tooltip__hint_10i20"};
+var invertedColors = {"tooltip":"tooltip__tooltip_bzi6j","arrow":"tooltip__arrow_bzi6j","hint":"tooltip__hint_bzi6j"};
 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-c46d5e37.js';
+export { T as Tooltip } from './Component-05bc4a9e.js';

package/tooltip/esm/component.responsive.js

@@ -2,13 +2,13 @@ import React, { Fragment } from 'react';
 import cn from 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import { _ as __rest, a as __assign, T as Tooltip } from './Component-c46d5e37.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-05bc4a9e.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_ock4e","overlap":"tooltip__overlap_ock4e"};
+var styles = {"target":"tooltip__target_1cv3x","overlap":"tooltip__overlap_1cv3x"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/esm/default.css

@@ -1,4 +1,4 @@
-/* hash: 1fqtu */
+/* hash: 1q5v9 */
 :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_1k52n {
+.tooltip__hint_vmitq {
     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_1k52n .tooltip__arrow_1k52n:after {
+.tooltip__hint_vmitq .tooltip__arrow_vmitq: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: 7sb5v */
+/* hash: 2h8fd */
 :root {
 
     /* Hard */
@@ -17,27 +17,27 @@
 :root {
     --disabled-cursor: not-allowed;
 }
-.tooltip__component_85zj8 {
+.tooltip__component_1kuhh {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_85zj8 {
+.tooltip__popper_1kuhh {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_85zj8 .tooltip__component_85zj8 {
+.tooltip__hint_1kuhh .tooltip__component_1kuhh {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_85zj8 {
+.tooltip__target_1kuhh {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_85zj8 .tooltip__overlap_85zj8 {
+.tooltip__target_1kuhh .tooltip__overlap_1kuhh {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-c46d5e37";
+export * from "./Component-05bc4a9e";

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-c46d5e37.js';
+export { T as Tooltip } from './Component-05bc4a9e.js';

package/tooltip/esm/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 17dpc */
+/* hash: 1hsqq */
 :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_10i20 {
+.tooltip__tooltip_bzi6j {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_10i20 .tooltip__arrow_10i20:after {
+.tooltip__tooltip_bzi6j .tooltip__arrow_bzi6j:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_10i20 {
+.tooltip__hint_bzi6j {
     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_10i20 .tooltip__arrow_10i20:after {
+.tooltip__hint_bzi6j .tooltip__arrow_bzi6j:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/esm/responsive.css

@@ -1,9 +1,9 @@
-/* hash: 1i6lz */
-.tooltip__target_ock4e {
+/* hash: 17rkk */
+.tooltip__target_1cv3x {
     position: relative;
     width: max-content
 }
-.tooltip__target_ock4e .tooltip__overlap_ock4e {
+.tooltip__target_1cv3x .tooltip__overlap_1cv3x {
         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-c46d5e37.js';
+import './Component-05bc4a9e.js';
 import '@alfalab/hooks';
 import '../../bottom-sheet/esm';
 import '../../button/esm';