@alfalab/core-components 31.1.0 → 31.2.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;
-}
 :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_1reub {
+.toast-plate__component_1q31v {
     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_1reub.toast-plate__hasCloser_1reub {
+.toast-plate__component_1q31v.toast-plate__hasCloser_1q31v {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_1reub {
+.toast-plate__contentWrap_1q31v {
     display: flex;
 }
-.toast-plate__block_1reub {
+.toast-plate__block_1q31v {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_1reub {
+.toast-plate__content_1q31v {
     display: flex;
     flex-grow: 1
 }
-.toast-plate__content_1reub.toast-plate__hasCloser_1reub:not(.toast-plate__hasActionButton_1reub) {
+.toast-plate__content_1q31v.toast-plate__hasCloser_1q31v:not(.toast-plate__hasActionButton_1q31v) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
     }
-.toast-plate__actionSection_1reub {
+.toast-plate__actionSection_1q31v {
     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_1reub:last-child {
+.toast-plate__actionSection_1q31v:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_1reub {
+.toast-plate__leftAddons_1q31v {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_1reub {
+.toast-plate__title_1q31v {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_1reub {
+.toast-plate__children_1q31v {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_1reub + .toast-plate__children_1reub {
+.toast-plate__title_1q31v + .toast-plate__children_1q31v {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButtonWrapper_1reub {
+.toast-plate__closeButtonWrapper_1q31v {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
 }
-.toast-plate__closeButtonWrapper_1reub:before {
+.toast-plate__closeButtonWrapper_1q31v: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_1reub {
+.toast-plate__closeButton_1q31v {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/inverted.css

@@ -0,0 +1,28 @@
+/* hash: 1ud9x */
+: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_12fgh {
+    color: var(--toast-plate-inverted-color);
+    background-color: var(--toast-plate-inverted-bg-color);
+}
+.toast-plate__closeButtonWrapper_12fgh: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_1reub","hasCloser":"toast-plate__hasCloser_1reub","contentWrap":"toast-plate__contentWrap_1reub","block":"toast-plate__block_1reub","content":"toast-plate__content_1reub","hasActionButton":"toast-plate__hasActionButton_1reub","actionSection":"toast-plate__actionSection_1reub","leftAddons":"toast-plate__leftAddons_1reub","title":"toast-plate__title_1reub","children":"toast-plate__children_1reub","closeButtonWrapper":"toast-plate__closeButtonWrapper_1reub","closeButton":"toast-plate__closeButton_1reub"};
+var styles = {"component":"toast-plate__component_1q31v","hasCloser":"toast-plate__hasCloser_1q31v","contentWrap":"toast-plate__contentWrap_1q31v","block":"toast-plate__block_1q31v","content":"toast-plate__content_1q31v","hasActionButton":"toast-plate__hasActionButton_1q31v","actionSection":"toast-plate__actionSection_1q31v","leftAddons":"toast-plate__leftAddons_1q31v","title":"toast-plate__title_1q31v","children":"toast-plate__children_1q31v","closeButtonWrapper":"toast-plate__closeButtonWrapper_1q31v","closeButton":"toast-plate__closeButton_1q31v"};
 require('./index.css');
 
+var defaultColors = {"component":"toast-plate__component_ktvcy","closeButtonWrapper":"toast-plate__closeButtonWrapper_ktvcy"};
+require('./default.css');
+
+var invertedColors = {"component":"toast-plate__component_12fgh","closeButtonWrapper":"toast-plate__closeButtonWrapper_12fgh"};
+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: j55m3 */
+: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_ktvcy {
+    color: var(--toast-plate-color);
+    background-color: var(--toast-plate-bg-color);
+}
+.toast-plate__closeButtonWrapper_ktvcy: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;
-}
 :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_1reub {
+.toast-plate__component_1q31v {
     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_1reub.toast-plate__hasCloser_1reub {
+.toast-plate__component_1q31v.toast-plate__hasCloser_1q31v {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_1reub {
+.toast-plate__contentWrap_1q31v {
     display: flex;
 }
-.toast-plate__block_1reub {
+.toast-plate__block_1q31v {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_1reub {
+.toast-plate__content_1q31v {
     display: flex;
     flex-grow: 1
 }
-.toast-plate__content_1reub.toast-plate__hasCloser_1reub:not(.toast-plate__hasActionButton_1reub) {
+.toast-plate__content_1q31v.toast-plate__hasCloser_1q31v:not(.toast-plate__hasActionButton_1q31v) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
     }
-.toast-plate__actionSection_1reub {
+.toast-plate__actionSection_1q31v {
     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_1reub:last-child {
+.toast-plate__actionSection_1q31v:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_1reub {
+.toast-plate__leftAddons_1q31v {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_1reub {
+.toast-plate__title_1q31v {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_1reub {
+.toast-plate__children_1q31v {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
 }
-.toast-plate__title_1reub + .toast-plate__children_1reub {
+.toast-plate__title_1q31v + .toast-plate__children_1q31v {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButtonWrapper_1reub {
+.toast-plate__closeButtonWrapper_1q31v {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
 }
-.toast-plate__closeButtonWrapper_1reub:before {
+.toast-plate__closeButtonWrapper_1q31v: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_1reub {
+.toast-plate__closeButton_1q31v {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/modern/inverted.css

@@ -0,0 +1,28 @@
+/* hash: 1ud9x */
+: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_12fgh {
+    color: var(--toast-plate-inverted-color);
+    background-color: var(--toast-plate-inverted-bg-color);
+}
+.toast-plate__closeButtonWrapper_12fgh:before {
+        background-color: var(--color-light-border-secondary);
+    }

package/tooltip/{Component-e397e2fe.js → Component-63020e85.js}

@@ -48,13 +48,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_1ycwq","popper":"tooltip__popper_1ycwq","hint":"tooltip__hint_1ycwq","target":"tooltip__target_1ycwq","overlap":"tooltip__overlap_1ycwq"};
+var styles = {"component":"tooltip__component_yogst","popper":"tooltip__popper_yogst","hint":"tooltip__hint_yogst","target":"tooltip__target_yogst","overlap":"tooltip__overlap_yogst"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_lhdsz","arrow":"tooltip__arrow_lhdsz"};
+var defaultColors = {"hint":"tooltip__hint_sgztt","arrow":"tooltip__arrow_sgztt"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_1ud5s","arrow":"tooltip__arrow_1ud5s","hint":"tooltip__hint_1ud5s"};
+var invertedColors = {"tooltip":"tooltip__tooltip_8tz6m","arrow":"tooltip__arrow_8tz6m","hint":"tooltip__hint_8tz6m"};
 require('./inverted.css');
 
 var colorStyles = {

package/tooltip/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-e397e2fe.js');
+var Component = require('./Component-63020e85.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-e397e2fe.js');
+var Component = require('./Component-63020e85.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_1n08y","overlap":"tooltip__overlap_1n08y"};
+var styles = {"target":"tooltip__target_1g0mx","overlap":"tooltip__overlap_1g0mx"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/default.css

@@ -21,13 +21,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_lhdsz {
+.tooltip__hint_sgztt {
     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_lhdsz .tooltip__arrow_lhdsz:after {
+.tooltip__hint_sgztt .tooltip__arrow_sgztt:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/esm/{Component-a47d575f.js → Component-04a6d9fb.js}

@@ -42,13 +42,13 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_1ycwq","popper":"tooltip__popper_1ycwq","hint":"tooltip__hint_1ycwq","target":"tooltip__target_1ycwq","overlap":"tooltip__overlap_1ycwq"};
+var styles = {"component":"tooltip__component_yogst","popper":"tooltip__popper_yogst","hint":"tooltip__hint_yogst","target":"tooltip__target_yogst","overlap":"tooltip__overlap_yogst"};
 require('./index.css');
 
-var defaultColors = {"hint":"tooltip__hint_lhdsz","arrow":"tooltip__arrow_lhdsz"};
+var defaultColors = {"hint":"tooltip__hint_sgztt","arrow":"tooltip__arrow_sgztt"};
 require('./default.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_1ud5s","arrow":"tooltip__arrow_1ud5s","hint":"tooltip__hint_1ud5s"};
+var invertedColors = {"tooltip":"tooltip__tooltip_8tz6m","arrow":"tooltip__arrow_8tz6m","hint":"tooltip__hint_8tz6m"};
 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-a47d575f.js';
+export { T as Tooltip } from './Component-04a6d9fb.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-a47d575f.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-04a6d9fb.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_1n08y","overlap":"tooltip__overlap_1n08y"};
+var styles = {"target":"tooltip__target_1g0mx","overlap":"tooltip__overlap_1g0mx"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/esm/default.css

@@ -21,13 +21,13 @@
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__hint_lhdsz {
+.tooltip__hint_sgztt {
     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_lhdsz .tooltip__arrow_lhdsz:after {
+.tooltip__hint_sgztt .tooltip__arrow_sgztt:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }

package/tooltip/esm/index.css

@@ -17,27 +17,27 @@
 :root {
     --disabled-cursor: not-allowed;
 }
-.tooltip__component_1ycwq {
+.tooltip__component_yogst {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_1ycwq {
+.tooltip__popper_yogst {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_1ycwq .tooltip__component_1ycwq {
+.tooltip__hint_yogst .tooltip__component_yogst {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
 }
-.tooltip__target_1ycwq {
+.tooltip__target_yogst {
     cursor: pointer;
     width: max-content;
     position: relative
 }
-.tooltip__target_1ycwq .tooltip__overlap_1ycwq {
+.tooltip__target_yogst .tooltip__overlap_yogst {
         cursor: var(--disabled-cursor);
         position: absolute;
         height: 100%;

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-a47d575f";
+export * from "./Component-04a6d9fb";

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-a47d575f.js';
+export { T as Tooltip } from './Component-04a6d9fb.js';

package/tooltip/esm/inverted.css

@@ -27,20 +27,20 @@
     --tooltip-inverted-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-inverted-box-shadow: var(--shadow-m-hard);
 }
-.tooltip__tooltip_1ud5s {
+.tooltip__tooltip_8tz6m {
     background-color: var(--tooltip-inverted-bg-color);
     color: var(--tooltip-inverted-text-color);
     box-shadow: var(--tooltip-inverted-box-shadow);
 }
-.tooltip__tooltip_1ud5s .tooltip__arrow_1ud5s:after {
+.tooltip__tooltip_8tz6m .tooltip__arrow_8tz6m:after {
     background-color: var(--tooltip-inverted-bg-color);
 }
-.tooltip__hint_1ud5s {
+.tooltip__hint_8tz6m {
     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_1ud5s .tooltip__arrow_1ud5s:after {
+.tooltip__hint_8tz6m .tooltip__arrow_8tz6m:after {
     background-color: var(--tooltip-hint-inverted-bg-color);
 }

package/tooltip/esm/responsive.css

@@ -1,9 +1,9 @@
 /* hash: 1i6lz */
-.tooltip__target_1n08y {
+.tooltip__target_1g0mx {
     position: relative;
     width: max-content
 }
-.tooltip__target_1n08y .tooltip__overlap_1n08y {
+.tooltip__target_1g0mx .tooltip__overlap_1g0mx {
         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-a47d575f.js';
+import './Component-04a6d9fb.js';
 import '@alfalab/hooks';
 import '../../bottom-sheet/esm';
 import '../../button/esm';