@alfalab/core-components 21.3.0 → 22.0.0

package/toast-plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 6hmtn */
+/* hash: 65vdt */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -274,6 +274,7 @@
     --color-dark-bg-neutral-tint-10: rgb(90, 104, 118);
     --color-dark-bg-neutral-tint-15: rgb(99, 112, 126);
     --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
+    --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
     --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
     --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
     --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
@@ -281,6 +282,7 @@
     --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
     --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
     --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
+    --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
     --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
     --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
     --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
@@ -335,6 +337,7 @@
     --color-light-bg-neutral-shade-10: rgb(197, 200, 203);
     --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
     --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
+    --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
     --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
     --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
     --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
@@ -519,7 +522,7 @@
     --toast-plate-action-padding: 0 var(--gap-2xl);
     --toast-plate-action-divider-display: block;
 }
-.toast-plate__component_6hmtn {
+.toast-plate__component_154mp {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -530,55 +533,55 @@
     padding: var(--gap-m);
     background-color: var(--toast-plate-bg-color)
 }
-.toast-plate__component_6hmtn.toast-plate__hasCloser_6hmtn {
+.toast-plate__component_154mp.toast-plate__hasCloser_154mp {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_6hmtn {
+.toast-plate__contentWrap_154mp {
     display: flex;
 }
-.toast-plate__block_6hmtn {
+.toast-plate__block_154mp {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_6hmtn {
+.toast-plate__content_154mp {
     display: flex;
     flex-grow: 1;
 }
-.toast-plate__actionSection_6hmtn {
+.toast-plate__actionSection_154mp {
     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_6hmtn:last-child {
+.toast-plate__actionSection_154mp:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_6hmtn {
+.toast-plate__leftAddons_154mp {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_6hmtn {
+.toast-plate__title_154mp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_6hmtn {
+.toast-plate__children_154mp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-all;
 }
-.toast-plate__title_6hmtn + .toast-plate__children_6hmtn {
+.toast-plate__title_154mp + .toast-plate__children_154mp {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButton_6hmtn {
+.toast-plate__closeButton_154mp {
     display: flex;
     align-items: flex-start;
     position: absolute;
@@ -587,10 +590,10 @@
     right: var(--gap-s);
     padding: var(--gap-2xs);
 }
-.toast-plate__actionSection_6hmtn + .toast-plate__closeButton_6hmtn {
+.toast-plate__actionSection_154mp + .toast-plate__closeButton_154mp {
     align-items: var(--toast-plate-action-align)
 }
-.toast-plate__actionSection_6hmtn + .toast-plate__closeButton_6hmtn:before {
+.toast-plate__actionSection_154mp + .toast-plate__closeButton_154mp:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 44px;

package/toast-plate/index.css

@@ -1,4 +1,4 @@
-/* hash: 6hmtn */
+/* hash: 65vdt */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -274,6 +274,7 @@
     --color-dark-bg-neutral-tint-10: rgb(90, 104, 118);
     --color-dark-bg-neutral-tint-15: rgb(99, 112, 126);
     --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
+    --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
     --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
     --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
     --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
@@ -281,6 +282,7 @@
     --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
     --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
     --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
+    --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
     --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
     --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
     --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
@@ -335,6 +337,7 @@
     --color-light-bg-neutral-shade-10: rgb(197, 200, 203);
     --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
     --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
+    --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
     --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
     --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
     --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
@@ -519,7 +522,7 @@
     --toast-plate-action-padding: 0 var(--gap-2xl);
     --toast-plate-action-divider-display: block;
 }
-.toast-plate__component_6hmtn {
+.toast-plate__component_154mp {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -530,55 +533,55 @@
     padding: var(--gap-m);
     background-color: var(--toast-plate-bg-color)
 }
-.toast-plate__component_6hmtn.toast-plate__hasCloser_6hmtn {
+.toast-plate__component_154mp.toast-plate__hasCloser_154mp {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_6hmtn {
+.toast-plate__contentWrap_154mp {
     display: flex;
 }
-.toast-plate__block_6hmtn {
+.toast-plate__block_154mp {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_6hmtn {
+.toast-plate__content_154mp {
     display: flex;
     flex-grow: 1;
 }
-.toast-plate__actionSection_6hmtn {
+.toast-plate__actionSection_154mp {
     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_6hmtn:last-child {
+.toast-plate__actionSection_154mp:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_6hmtn {
+.toast-plate__leftAddons_154mp {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_6hmtn {
+.toast-plate__title_154mp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_6hmtn {
+.toast-plate__children_154mp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-all;
 }
-.toast-plate__title_6hmtn + .toast-plate__children_6hmtn {
+.toast-plate__title_154mp + .toast-plate__children_154mp {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButton_6hmtn {
+.toast-plate__closeButton_154mp {
     display: flex;
     align-items: flex-start;
     position: absolute;
@@ -587,10 +590,10 @@
     right: var(--gap-s);
     padding: var(--gap-2xs);
 }
-.toast-plate__actionSection_6hmtn + .toast-plate__closeButton_6hmtn {
+.toast-plate__actionSection_154mp + .toast-plate__closeButton_154mp {
     align-items: var(--toast-plate-action-align)
 }
-.toast-plate__actionSection_6hmtn + .toast-plate__closeButton_6hmtn:before {
+.toast-plate__actionSection_154mp + .toast-plate__closeButton_154mp:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 44px;

package/toast-plate/modern/component.js

@@ -7,7 +7,7 @@ import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { Button } from '../../button/modern';
 import { Badge } from '../../badge/modern';
 
-var styles = {"component":"toast-plate__component_6hmtn","hasCloser":"toast-plate__hasCloser_6hmtn","contentWrap":"toast-plate__contentWrap_6hmtn","block":"toast-plate__block_6hmtn","content":"toast-plate__content_6hmtn","actionSection":"toast-plate__actionSection_6hmtn","leftAddons":"toast-plate__leftAddons_6hmtn","title":"toast-plate__title_6hmtn","children":"toast-plate__children_6hmtn","closeButton":"toast-plate__closeButton_6hmtn"};
+var styles = {"component":"toast-plate__component_154mp","hasCloser":"toast-plate__hasCloser_154mp","contentWrap":"toast-plate__contentWrap_154mp","block":"toast-plate__block_154mp","content":"toast-plate__content_154mp","actionSection":"toast-plate__actionSection_154mp","leftAddons":"toast-plate__leftAddons_154mp","title":"toast-plate__title_154mp","children":"toast-plate__children_154mp","closeButton":"toast-plate__closeButton_154mp"};
 require('./index.css');
 
 const iconDefaultComponents = {

package/toast-plate/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 6hmtn */
+/* hash: 65vdt */
 :root {
     --color-dark-indigo: #0b1f35;
     --color-dark-indigo-60: rgba(11, 31, 53, 0.6);
@@ -274,6 +274,7 @@
     --color-dark-bg-neutral-tint-10: rgb(90, 104, 118);
     --color-dark-bg-neutral-tint-15: rgb(99, 112, 126);
     --color-dark-bg-neutral-tint-30: rgb(127, 137, 149);
+    --color-dark-bg-neutral-shade-15: rgb(61, 74, 88);
     --color-dark-bg-primary-alpha-8: rgba(11, 31, 53, 0.08);
     --color-dark-bg-primary-inverted-alpha-3: rgba(255, 255, 255, 0.03);
     --color-dark-bg-primary-inverted-alpha-7: rgba(255, 255, 255, 0.07);
@@ -281,6 +282,7 @@
     --color-dark-bg-primary-inverted-alpha-15: rgba(255, 255, 255, 0.15);
     --color-dark-bg-primary-inverted-alpha-20: rgba(255, 255, 255, 0.2);
     --color-dark-bg-primary-inverted-alpha-40: rgba(255, 255, 255, 0.4);
+    --color-dark-bg-primary-inverted-alpha-50: rgba(255, 255, 255, 0.5);
     --color-dark-bg-secondary-inverted-alpha-7: rgba(182, 188, 195, 0.07);
     --color-dark-bg-secondary-inverted-alpha-15: rgba(182, 188, 195, 0.15);
     --color-dark-bg-tertiary-tint-7: rgb(74, 89, 104);
@@ -335,6 +337,7 @@
     --color-light-bg-neutral-shade-10: rgb(197, 200, 203);
     --color-light-bg-neutral-shade-15: rgb(186, 189, 191);
     --color-light-bg-neutral-shade-30: rgb(153, 155, 157);
+    --color-light-bg-neutral-tint-15: rgb(224, 227, 230);
     --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
     --color-light-bg-primary-inverted-alpha-3: rgba(11, 31, 53, 0.03);
     --color-light-bg-primary-inverted-alpha-7: rgba(11, 31, 53, 0.07);
@@ -519,7 +522,7 @@
     --toast-plate-action-padding: 0 var(--gap-2xl);
     --toast-plate-action-divider-display: block;
 }
-.toast-plate__component_6hmtn {
+.toast-plate__component_154mp {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -530,55 +533,55 @@
     padding: var(--gap-m);
     background-color: var(--toast-plate-bg-color)
 }
-.toast-plate__component_6hmtn.toast-plate__hasCloser_6hmtn {
+.toast-plate__component_154mp.toast-plate__hasCloser_154mp {
         /* 2×16 + 24 */
         padding-right: 56px;
     }
-.toast-plate__contentWrap_6hmtn {
+.toast-plate__contentWrap_154mp {
     display: flex;
 }
-.toast-plate__block_6hmtn {
+.toast-plate__block_154mp {
     display: flex;
     width: 100%;
 }
-.toast-plate__content_6hmtn {
+.toast-plate__content_154mp {
     display: flex;
     flex-grow: 1;
 }
-.toast-plate__actionSection_6hmtn {
+.toast-plate__actionSection_154mp {
     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_6hmtn:last-child {
+.toast-plate__actionSection_154mp:last-child {
         padding-right: 0;
     }
-.toast-plate__leftAddons_6hmtn {
+.toast-plate__leftAddons_154mp {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
 }
-.toast-plate__title_6hmtn {
+.toast-plate__title_154mp {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
 }
-.toast-plate__children_6hmtn {
+.toast-plate__children_154mp {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-all;
 }
-.toast-plate__title_6hmtn + .toast-plate__children_6hmtn {
+.toast-plate__title_154mp + .toast-plate__children_154mp {
     margin-top: var(--gap-2xs);
 }
-.toast-plate__closeButton_6hmtn {
+.toast-plate__closeButton_154mp {
     display: flex;
     align-items: flex-start;
     position: absolute;
@@ -587,10 +590,10 @@
     right: var(--gap-s);
     padding: var(--gap-2xs);
 }
-.toast-plate__actionSection_6hmtn + .toast-plate__closeButton_6hmtn {
+.toast-plate__actionSection_154mp + .toast-plate__closeButton_154mp {
     align-items: var(--toast-plate-action-align)
 }
-.toast-plate__actionSection_6hmtn + .toast-plate__closeButton_6hmtn:before {
+.toast-plate__actionSection_154mp + .toast-plate__closeButton_154mp:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 44px;

package/tooltip/{Component-7f2dbcf0.js → Component-7a120e2e.js}

@@ -48,7 +48,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_17w4r","popper":"tooltip__popper_17w4r","hint":"tooltip__hint_17w4r","arrow":"tooltip__arrow_17w4r","target":"tooltip__target_17w4r"};
+var styles = {"component":"tooltip__component_1pbnq","popper":"tooltip__popper_1pbnq","hint":"tooltip__hint_1pbnq","arrow":"tooltip__arrow_1pbnq","target":"tooltip__target_1pbnq"};
 require('./index.css');
 
 var Tooltip = function (_a) {

package/tooltip/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var Component = require('./Component-7f2dbcf0.js');
+var Component = require('./Component-7a120e2e.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-7f2dbcf0.js');
+var Component = require('./Component-7a120e2e.js');
 var React = require('react');
 require('classnames');
 require('react-merge-refs');

package/tooltip/esm/{Component-6d28f284.js → Component-d14ba787.js}

@@ -42,7 +42,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"tooltip__component_17w4r","popper":"tooltip__popper_17w4r","hint":"tooltip__hint_17w4r","arrow":"tooltip__arrow_17w4r","target":"tooltip__target_17w4r"};
+var styles = {"component":"tooltip__component_1pbnq","popper":"tooltip__popper_1pbnq","hint":"tooltip__hint_1pbnq","arrow":"tooltip__arrow_1pbnq","target":"tooltip__target_1pbnq"};
 require('./index.css');
 
 var Tooltip = function (_a) {

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-6d28f284.js';
+export { T as Tooltip } from './Component-d14ba787.js';

package/tooltip/esm/component.responsive.js

@@ -2,7 +2,7 @@ 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-6d28f284.js';
+import { _ as __rest, a as __assign, T as Tooltip } from './Component-d14ba787.js';
 import { useMedia } from '@alfalab/hooks';
 import { BottomSheet } from '../../bottom-sheet/esm';
 

package/tooltip/esm/index.css

@@ -22,31 +22,31 @@
 :root {
     --tooltip-hint-bg-color: var(--color-static-bg-primary-dark);
 }
-.tooltip__component_17w4r {
+.tooltip__component_1pbnq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_17w4r {
+.tooltip__popper_1pbnq {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_17w4r {
+.tooltip__hint_1pbnq {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: none;
 }
-.tooltip__hint_17w4r .tooltip__component_17w4r {
+.tooltip__hint_1pbnq .tooltip__component_1pbnq {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
     color: var(--color-light-text-primary-inverted);
 }
-.tooltip__hint_17w4r .tooltip__arrow_17w4r:after {
+.tooltip__hint_1pbnq .tooltip__arrow_1pbnq:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }
-.tooltip__target_17w4r {
+.tooltip__target_1pbnq {
     cursor: pointer;
 }

package/tooltip/esm/index.d.ts

@@ -1 +1 @@
-export * from "./Component-6d28f284";
+export * from "./Component-d14ba787";

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-6d28f284.js';
+export { T as Tooltip } from './Component-d14ba787.js';

package/tooltip/esm/responsive.js

@@ -2,7 +2,7 @@ import 'react';
 import 'classnames';
 import 'react-merge-refs';
 import '../../popover/esm';
-import './Component-6d28f284.js';
+import './Component-d14ba787.js';
 import '@alfalab/hooks';
 import '../../bottom-sheet/esm';
 export { TooltipResponsive } from './component.responsive.js';

package/tooltip/index.css

@@ -22,31 +22,31 @@
 :root {
     --tooltip-hint-bg-color: var(--color-static-bg-primary-dark);
 }
-.tooltip__component_17w4r {
+.tooltip__component_1pbnq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_17w4r {
+.tooltip__popper_1pbnq {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_17w4r {
+.tooltip__hint_1pbnq {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: none;
 }
-.tooltip__hint_17w4r .tooltip__component_17w4r {
+.tooltip__hint_1pbnq .tooltip__component_1pbnq {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
     color: var(--color-light-text-primary-inverted);
 }
-.tooltip__hint_17w4r .tooltip__arrow_17w4r:after {
+.tooltip__hint_1pbnq .tooltip__arrow_1pbnq:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }
-.tooltip__target_17w4r {
+.tooltip__target_1pbnq {
     cursor: pointer;
 }

package/tooltip/index.d.ts

@@ -1 +1 @@
-export * from "./Component-7f2dbcf0";
+export * from "./Component-7a120e2e";

package/tooltip/index.js

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

package/tooltip/modern/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
 import { Popover } from '../../popover/modern';
 
-var styles = {"component":"tooltip__component_17w4r","popper":"tooltip__popper_17w4r","hint":"tooltip__hint_17w4r","arrow":"tooltip__arrow_17w4r","target":"tooltip__target_17w4r"};
+var styles = {"component":"tooltip__component_1pbnq","popper":"tooltip__popper_1pbnq","hint":"tooltip__hint_1pbnq","arrow":"tooltip__arrow_1pbnq","target":"tooltip__target_1pbnq"};
 require('./index.css');
 
 const Tooltip = ({ children, content, trigger = 'hover', onCloseDelay = 300, onOpenDelay = 300, dataTestId, open: forcedOpen, offset = [0, 16], position, contentClassName, arrowClassName, popoverClassName, updatePopover, targetClassName, zIndex, onClose, onOpen, getPortalContainer, view = 'tooltip', targetRef = null, fallbackPlacements, }) => {

package/tooltip/modern/index.css

@@ -22,31 +22,31 @@
 :root {
     --tooltip-hint-bg-color: var(--color-static-bg-primary-dark);
 }
-.tooltip__component_17w4r {
+.tooltip__component_1pbnq {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-m);
 }
-.tooltip__popper_17w4r {
+.tooltip__popper_1pbnq {
     border-radius: var(--border-radius-m);
 }
-.tooltip__hint_17w4r {
+.tooltip__hint_1pbnq {
     border-radius: var(--border-radius-s);
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: none;
 }
-.tooltip__hint_17w4r .tooltip__component_17w4r {
+.tooltip__hint_1pbnq .tooltip__component_1pbnq {
     font-size: 13px;
     line-height: 16px;
     font-weight: 400;
     padding: var(--gap-xs);
     color: var(--color-light-text-primary-inverted);
 }
-.tooltip__hint_17w4r .tooltip__arrow_17w4r:after {
+.tooltip__hint_1pbnq .tooltip__arrow_1pbnq:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
 }
-.tooltip__target_17w4r {
+.tooltip__target_1pbnq {
     cursor: pointer;
 }

package/tooltip/responsive.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-7f2dbcf0.js');
+require('./Component-7a120e2e.js');
 require('react');
 require('classnames');
 require('react-merge-refs');

package/typography/colors.css

@@ -22,39 +22,39 @@
     /* Hard up */
 }
 /* colors */
-.typography__tertiary_7rmvg {
+.typography__tertiary_j28id {
     color: var(--color-light-text-tertiary);
 }
-.typography__disabled_7rmvg {
+.typography__disabled_j28id {
     color: var(--color-light-text-disabled);
 }
-.typography__accent_7rmvg {
+.typography__accent_j28id {
     color: var(--color-light-text-accent);
 }
-.typography__primary_7rmvg {
+.typography__primary_j28id {
     color: var(--color-light-text-primary);
 }
-.typography__attention_7rmvg {
+.typography__attention_j28id {
     color: var(--color-light-text-attention);
 }
-.typography__positive_7rmvg {
+.typography__positive_j28id {
     color: var(--color-light-text-positive);
 }
-.typography__secondary_7rmvg {
+.typography__secondary_j28id {
     color: var(--color-light-text-secondary);
 }
-.typography__tertiary-inverted_7rmvg {
+.typography__tertiary-inverted_j28id {
     color: var(--color-light-text-tertiary-inverted);
 }
-.typography__primary-inverted_7rmvg {
+.typography__primary-inverted_j28id {
     color: var(--color-light-text-primary-inverted);
 }
-.typography__secondary-inverted_7rmvg {
+.typography__secondary-inverted_j28id {
     color: var(--color-light-text-secondary-inverted);
 }
-.typography__link_7rmvg {
+.typography__link_j28id {
     color: var(--color-light-text-link);
 }
-.typography__negative_7rmvg {
+.typography__negative_j28id {
     color: var(--color-light-text-negative);
 }