@alfalab/core-components 41.14.0 → 41.14.1-beta.4

package/toast/component.js

@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"toastPlate":"toast__toastPlate_1pejw","title":"toast__title_1pejw","popoverInner":"toast__popoverInner_1pejw","block":"toast__block_1pejw","fixed":"toast__fixed_1pejw","enter":"toast__enter_1pejw","enterActive":"toast__enterActive_1pejw","exit":"toast__exit_1pejw","exitActive":"toast__exitActive_1pejw"};
+var styles = {"toastPlate":"toast__toastPlate_9e1ch","title":"toast__title_9e1ch","popoverInner":"toast__popoverInner_9e1ch","block":"toast__block_9e1ch","fixed":"toast__fixed_9e1ch","enter":"toast__enter_9e1ch","enterActive":"toast__enterActive_9e1ch","exit":"toast__exit_9e1ch","exitActive":"toast__exitActive_9e1ch"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/component.js

@@ -9,7 +9,7 @@ import { stackingOrder, Stack } from '../../stack/esm';
 import { ToastPlate } from '../../toast-plate/esm';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
 
-var styles = {"toastPlate":"toast__toastPlate_1pejw","title":"toast__title_1pejw","popoverInner":"toast__popoverInner_1pejw","block":"toast__block_1pejw","fixed":"toast__fixed_1pejw","enter":"toast__enter_1pejw","enterActive":"toast__enterActive_1pejw","exit":"toast__exit_1pejw","exitActive":"toast__exitActive_1pejw"};
+var styles = {"toastPlate":"toast__toastPlate_9e1ch","title":"toast__title_9e1ch","popoverInner":"toast__popoverInner_9e1ch","block":"toast__block_9e1ch","fixed":"toast__fixed_9e1ch","enter":"toast__enter_9e1ch","enterActive":"toast__enterActive_9e1ch","exit":"toast__exit_9e1ch","exitActive":"toast__exitActive_9e1ch"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/index.css

@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1pejw {
+} .toast__toastPlate_9e1ch {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1pejw {
+} .toast__title_9e1ch {
     font-weight: 400;
-} .toast__popoverInner_1pejw {
+} .toast__popoverInner_9e1ch {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1pejw {
+} .toast__block_9e1ch {
     width: 100%;
-} .toast__fixed_1pejw {
+} .toast__fixed_9e1ch {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1pejw.toast__enter_1pejw {
+} .toast__fixed_9e1ch.toast__enter_9e1ch {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1pejw.toast__enterActive_1pejw {
+    } .toast__fixed_9e1ch.toast__enterActive_9e1ch {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1pejw.toast__exit_1pejw {
+    } .toast__fixed_9e1ch.toast__exit_9e1ch {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1pejw.toast__exitActive_1pejw {
+    } .toast__fixed_9e1ch.toast__exitActive_9e1ch {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast/index.css

@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1pejw {
+} .toast__toastPlate_9e1ch {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1pejw {
+} .toast__title_9e1ch {
     font-weight: 400;
-} .toast__popoverInner_1pejw {
+} .toast__popoverInner_9e1ch {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1pejw {
+} .toast__block_9e1ch {
     width: 100%;
-} .toast__fixed_1pejw {
+} .toast__fixed_9e1ch {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1pejw.toast__enter_1pejw {
+} .toast__fixed_9e1ch.toast__enter_9e1ch {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1pejw.toast__enterActive_1pejw {
+    } .toast__fixed_9e1ch.toast__enterActive_9e1ch {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1pejw.toast__exit_1pejw {
+    } .toast__fixed_9e1ch.toast__exit_9e1ch {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1pejw.toast__exitActive_1pejw {
+    } .toast__fixed_9e1ch.toast__exitActive_9e1ch {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast/modern/component.js

@@ -8,7 +8,7 @@ import { Stack, stackingOrder } from '../../stack/modern';
 import { ToastPlate } from '../../toast-plate/modern';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
 
-const styles = {"toastPlate":"toast__toastPlate_1pejw","title":"toast__title_1pejw","popoverInner":"toast__popoverInner_1pejw","block":"toast__block_1pejw","fixed":"toast__fixed_1pejw","enter":"toast__enter_1pejw","enterActive":"toast__enterActive_1pejw","exit":"toast__exit_1pejw","exitActive":"toast__exitActive_1pejw"};
+const styles = {"toastPlate":"toast__toastPlate_9e1ch","title":"toast__title_9e1ch","popoverInner":"toast__popoverInner_9e1ch","block":"toast__block_9e1ch","fixed":"toast__fixed_9e1ch","enter":"toast__enter_9e1ch","enterActive":"toast__enterActive_9e1ch","exit":"toast__exit_9e1ch","exitActive":"toast__exitActive_9e1ch"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/toast/modern/index.css

@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1pejw {
+} .toast__toastPlate_9e1ch {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1pejw {
+} .toast__title_9e1ch {
     font-weight: 400;
-} .toast__popoverInner_1pejw {
+} .toast__popoverInner_9e1ch {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1pejw {
+} .toast__block_9e1ch {
     width: 100%;
-} .toast__fixed_1pejw {
+} .toast__fixed_9e1ch {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1pejw.toast__enter_1pejw {
+} .toast__fixed_9e1ch.toast__enter_9e1ch {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1pejw.toast__enterActive_1pejw {
+    } .toast__fixed_9e1ch.toast__enterActive_9e1ch {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1pejw.toast__exit_1pejw {
+    } .toast__fixed_9e1ch.toast__exit_9e1ch {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1pejw.toast__exitActive_1pejw {
+    } .toast__fixed_9e1ch.toast__exitActive_9e1ch {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast-plate/component.js

@@ -15,13 +15,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"component":"toast-plate__component_wdqab","closeButtonWrapper":"toast-plate__closeButtonWrapper_wdqab"};
+var defaultColors = {"component":"toast-plate__component_xemu4","closeButtonWrapper":"toast-plate__closeButtonWrapper_xemu4"};
 require('./default.css');
 
-var styles = {"component":"toast-plate__component_113ft","hasCloser":"toast-plate__hasCloser_113ft","contentWrap":"toast-plate__contentWrap_113ft","block":"toast-plate__block_113ft","content":"toast-plate__content_113ft","hasActionButton":"toast-plate__hasActionButton_113ft","actionSection":"toast-plate__actionSection_113ft","leftAddons":"toast-plate__leftAddons_113ft","title":"toast-plate__title_113ft","children":"toast-plate__children_113ft","closeButtonWrapper":"toast-plate__closeButtonWrapper_113ft","closeButton":"toast-plate__closeButton_113ft"};
+var styles = {"component":"toast-plate__component_1orad","hasCloser":"toast-plate__hasCloser_1orad","contentWrap":"toast-plate__contentWrap_1orad","block":"toast-plate__block_1orad","content":"toast-plate__content_1orad","hasActionButton":"toast-plate__hasActionButton_1orad","actionSection":"toast-plate__actionSection_1orad","leftAddons":"toast-plate__leftAddons_1orad","title":"toast-plate__title_1orad","children":"toast-plate__children_1orad","closeButtonWrapper":"toast-plate__closeButtonWrapper_1orad","closeButton":"toast-plate__closeButton_1orad"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_1i4gu","closeButtonWrapper":"toast-plate__closeButtonWrapper_1i4gu"};
+var invertedColors = {"component":"toast-plate__component_1j5de","closeButtonWrapper":"toast-plate__closeButtonWrapper_1j5de"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/default.css

@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_wdqab {
+} .toast-plate__component_xemu4 {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_wdqab:before {
+} .toast-plate__closeButtonWrapper_xemu4:before {
         background-color: var(--color-light-border-secondary-inverted);
     }

package/toast-plate/esm/component.js

@@ -8,13 +8,13 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-var defaultColors = {"component":"toast-plate__component_wdqab","closeButtonWrapper":"toast-plate__closeButtonWrapper_wdqab"};
+var defaultColors = {"component":"toast-plate__component_xemu4","closeButtonWrapper":"toast-plate__closeButtonWrapper_xemu4"};
 require('./default.css');
 
-var styles = {"component":"toast-plate__component_113ft","hasCloser":"toast-plate__hasCloser_113ft","contentWrap":"toast-plate__contentWrap_113ft","block":"toast-plate__block_113ft","content":"toast-plate__content_113ft","hasActionButton":"toast-plate__hasActionButton_113ft","actionSection":"toast-plate__actionSection_113ft","leftAddons":"toast-plate__leftAddons_113ft","title":"toast-plate__title_113ft","children":"toast-plate__children_113ft","closeButtonWrapper":"toast-plate__closeButtonWrapper_113ft","closeButton":"toast-plate__closeButton_113ft"};
+var styles = {"component":"toast-plate__component_1orad","hasCloser":"toast-plate__hasCloser_1orad","contentWrap":"toast-plate__contentWrap_1orad","block":"toast-plate__block_1orad","content":"toast-plate__content_1orad","hasActionButton":"toast-plate__hasActionButton_1orad","actionSection":"toast-plate__actionSection_1orad","leftAddons":"toast-plate__leftAddons_1orad","title":"toast-plate__title_1orad","children":"toast-plate__children_1orad","closeButtonWrapper":"toast-plate__closeButtonWrapper_1orad","closeButton":"toast-plate__closeButton_1orad"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_1i4gu","closeButtonWrapper":"toast-plate__closeButtonWrapper_1i4gu"};
+var invertedColors = {"component":"toast-plate__component_1j5de","closeButtonWrapper":"toast-plate__closeButtonWrapper_1j5de"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/esm/default.css

@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_wdqab {
+} .toast-plate__component_xemu4 {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_wdqab:before {
+} .toast-plate__closeButtonWrapper_xemu4:before {
         background-color: var(--color-light-border-secondary-inverted);
     }

package/toast-plate/esm/index.css

@@ -32,7 +32,7 @@
     --toast-plate-close-button-align: center;
 
     /* inverted */
-} .toast-plate__component_113ft {
+} .toast-plate__component_1orad {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -40,52 +40,52 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-m)
-} .toast-plate__component_113ft.toast-plate__hasCloser_113ft {
+} .toast-plate__component_1orad.toast-plate__hasCloser_1orad {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__contentWrap_113ft {
+    } .toast-plate__contentWrap_1orad {
     display: flex;
-} .toast-plate__block_113ft {
+} .toast-plate__block_1orad {
     display: flex;
     width: 100%;
-} .toast-plate__content_113ft {
+} .toast-plate__content_1orad {
     display: flex;
     flex-grow: 1
-} .toast-plate__content_113ft.toast-plate__hasCloser_113ft:not(.toast-plate__hasActionButton_113ft) {
+} .toast-plate__content_1orad.toast-plate__hasCloser_1orad:not(.toast-plate__hasActionButton_1orad) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_113ft {
+    } .toast-plate__actionSection_1orad {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--toast-plate-action-margin) 0;
     padding: var(--toast-plate-action-padding)
-} .toast-plate__actionSection_113ft:last-child {
+} .toast-plate__actionSection_1orad:last-child {
         padding-right: 0;
-    } .toast-plate__leftAddons_113ft {
+    } .toast-plate__leftAddons_1orad {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__title_113ft {
+} .toast-plate__title_1orad {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
-} .toast-plate__children_113ft {
+} .toast-plate__children_1orad {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_113ft + .toast-plate__children_113ft {
+} .toast-plate__title_1orad + .toast-plate__children_1orad {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_113ft {
+} .toast-plate__closeButtonWrapper_1orad {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_113ft:before {
+} .toast-plate__closeButtonWrapper_1orad:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -93,7 +93,7 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_113ft {
+    } .toast-plate__closeButton_1orad {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/esm/inverted.css

@@ -23,9 +23,9 @@
     /* inverted */
     --toast-plate-inverted-color: var(--color-light-text-primary);
     --toast-plate-inverted-bg-color: var(--color-light-bg-primary);
-} .toast-plate__component_1i4gu {
+} .toast-plate__component_1j5de {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_1i4gu:before {
+} .toast-plate__closeButtonWrapper_1j5de:before {
         background-color: var(--color-light-border-secondary);
     }

package/toast-plate/index.css

@@ -32,7 +32,7 @@
     --toast-plate-close-button-align: center;
 
     /* inverted */
-} .toast-plate__component_113ft {
+} .toast-plate__component_1orad {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -40,52 +40,52 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-m)
-} .toast-plate__component_113ft.toast-plate__hasCloser_113ft {
+} .toast-plate__component_1orad.toast-plate__hasCloser_1orad {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__contentWrap_113ft {
+    } .toast-plate__contentWrap_1orad {
     display: flex;
-} .toast-plate__block_113ft {
+} .toast-plate__block_1orad {
     display: flex;
     width: 100%;
-} .toast-plate__content_113ft {
+} .toast-plate__content_1orad {
     display: flex;
     flex-grow: 1
-} .toast-plate__content_113ft.toast-plate__hasCloser_113ft:not(.toast-plate__hasActionButton_113ft) {
+} .toast-plate__content_1orad.toast-plate__hasCloser_1orad:not(.toast-plate__hasActionButton_1orad) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_113ft {
+    } .toast-plate__actionSection_1orad {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--toast-plate-action-margin) 0;
     padding: var(--toast-plate-action-padding)
-} .toast-plate__actionSection_113ft:last-child {
+} .toast-plate__actionSection_1orad:last-child {
         padding-right: 0;
-    } .toast-plate__leftAddons_113ft {
+    } .toast-plate__leftAddons_1orad {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__title_113ft {
+} .toast-plate__title_1orad {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
-} .toast-plate__children_113ft {
+} .toast-plate__children_1orad {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_113ft + .toast-plate__children_113ft {
+} .toast-plate__title_1orad + .toast-plate__children_1orad {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_113ft {
+} .toast-plate__closeButtonWrapper_1orad {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_113ft:before {
+} .toast-plate__closeButtonWrapper_1orad:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -93,7 +93,7 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_113ft {
+    } .toast-plate__closeButton_1orad {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/inverted.css

@@ -23,9 +23,9 @@
     /* inverted */
     --toast-plate-inverted-color: var(--color-light-text-primary);
     --toast-plate-inverted-bg-color: var(--color-light-bg-primary);
-} .toast-plate__component_1i4gu {
+} .toast-plate__component_1j5de {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_1i4gu:before {
+} .toast-plate__closeButtonWrapper_1j5de:before {
         background-color: var(--color-light-border-secondary);
     }

package/toast-plate/modern/component.js

@@ -7,13 +7,13 @@ import { CheckmarkCircleMIcon } from '@alfalab/icons-glyph/CheckmarkCircleMIcon'
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 
-const defaultColors = {"component":"toast-plate__component_wdqab","closeButtonWrapper":"toast-plate__closeButtonWrapper_wdqab"};
+const defaultColors = {"component":"toast-plate__component_xemu4","closeButtonWrapper":"toast-plate__closeButtonWrapper_xemu4"};
 require('./default.css');
 
-const styles = {"component":"toast-plate__component_113ft","hasCloser":"toast-plate__hasCloser_113ft","contentWrap":"toast-plate__contentWrap_113ft","block":"toast-plate__block_113ft","content":"toast-plate__content_113ft","hasActionButton":"toast-plate__hasActionButton_113ft","actionSection":"toast-plate__actionSection_113ft","leftAddons":"toast-plate__leftAddons_113ft","title":"toast-plate__title_113ft","children":"toast-plate__children_113ft","closeButtonWrapper":"toast-plate__closeButtonWrapper_113ft","closeButton":"toast-plate__closeButton_113ft"};
+const styles = {"component":"toast-plate__component_1orad","hasCloser":"toast-plate__hasCloser_1orad","contentWrap":"toast-plate__contentWrap_1orad","block":"toast-plate__block_1orad","content":"toast-plate__content_1orad","hasActionButton":"toast-plate__hasActionButton_1orad","actionSection":"toast-plate__actionSection_1orad","leftAddons":"toast-plate__leftAddons_1orad","title":"toast-plate__title_1orad","children":"toast-plate__children_1orad","closeButtonWrapper":"toast-plate__closeButtonWrapper_1orad","closeButton":"toast-plate__closeButton_1orad"};
 require('./index.css');
 
-const invertedColors = {"component":"toast-plate__component_1i4gu","closeButtonWrapper":"toast-plate__closeButtonWrapper_1i4gu"};
+const invertedColors = {"component":"toast-plate__component_1j5de","closeButtonWrapper":"toast-plate__closeButtonWrapper_1j5de"};
 require('./inverted.css');
 
 const colorStyles = {

package/toast-plate/modern/default.css

@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_wdqab {
+} .toast-plate__component_xemu4 {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_wdqab:before {
+} .toast-plate__closeButtonWrapper_xemu4:before {
         background-color: var(--color-light-border-secondary-inverted);
     }

package/toast-plate/modern/index.css

@@ -32,7 +32,7 @@
     --toast-plate-close-button-align: center;
 
     /* inverted */
-} .toast-plate__component_113ft {
+} .toast-plate__component_1orad {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -40,52 +40,52 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-m)
-} .toast-plate__component_113ft.toast-plate__hasCloser_113ft {
+} .toast-plate__component_1orad.toast-plate__hasCloser_1orad {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__contentWrap_113ft {
+    } .toast-plate__contentWrap_1orad {
     display: flex;
-} .toast-plate__block_113ft {
+} .toast-plate__block_1orad {
     display: flex;
     width: 100%;
-} .toast-plate__content_113ft {
+} .toast-plate__content_1orad {
     display: flex;
     flex-grow: 1
-} .toast-plate__content_113ft.toast-plate__hasCloser_113ft:not(.toast-plate__hasActionButton_113ft) {
+} .toast-plate__content_1orad.toast-plate__hasCloser_1orad:not(.toast-plate__hasActionButton_1orad) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_113ft {
+    } .toast-plate__actionSection_1orad {
     display: flex;
     align-items: var(--toast-plate-action-align);
     flex-shrink: 0;
     margin: var(--toast-plate-action-margin) 0;
     padding: var(--toast-plate-action-padding)
-} .toast-plate__actionSection_113ft:last-child {
+} .toast-plate__actionSection_1orad:last-child {
         padding-right: 0;
-    } .toast-plate__leftAddons_113ft {
+    } .toast-plate__leftAddons_1orad {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__title_113ft {
+} .toast-plate__title_1orad {
     font-size: 16px;
     line-height: 24px;
     font-weight: 700;
 
     font-weight: var(--toast-plate-title-font-weight);
-} .toast-plate__children_113ft {
+} .toast-plate__children_1orad {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_113ft + .toast-plate__children_113ft {
+} .toast-plate__title_1orad + .toast-plate__children_1orad {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_113ft {
+} .toast-plate__closeButtonWrapper_1orad {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_113ft:before {
+} .toast-plate__closeButtonWrapper_1orad:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -93,7 +93,7 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_113ft {
+    } .toast-plate__closeButton_1orad {
     display: flex;
     align-items: var(--toast-plate-close-button-align);
     height: 100%;

package/toast-plate/modern/inverted.css

@@ -23,9 +23,9 @@
     /* inverted */
     --toast-plate-inverted-color: var(--color-light-text-primary);
     --toast-plate-inverted-bg-color: var(--color-light-bg-primary);
-} .toast-plate__component_1i4gu {
+} .toast-plate__component_1j5de {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_1i4gu:before {
+} .toast-plate__closeButtonWrapper_1j5de:before {
         background-color: var(--color-light-border-secondary);
     }

package/tooltip/Component.js

@@ -12,13 +12,13 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var defaultColors = {"hint":"tooltip__hint_xhmh4","arrow":"tooltip__arrow_xhmh4","tooltip":"tooltip__tooltip_xhmh4"};
+var defaultColors = {"hint":"tooltip__hint_10rfl","arrow":"tooltip__arrow_10rfl","tooltip":"tooltip__tooltip_10rfl"};
 require('./default.css');
 
-var styles = {"component":"tooltip__component_1soqc","popper":"tooltip__popper_1soqc","hint":"tooltip__hint_1soqc","target":"tooltip__target_1soqc","overlap":"tooltip__overlap_1soqc"};
+var styles = {"component":"tooltip__component_xzaeu","popper":"tooltip__popper_xzaeu","hint":"tooltip__hint_xzaeu","target":"tooltip__target_xzaeu","overlap":"tooltip__overlap_xzaeu"};
 require('./index.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_1nocj","arrow":"tooltip__arrow_1nocj","hint":"tooltip__hint_1nocj"};
+var invertedColors = {"tooltip":"tooltip__tooltip_1qy5o","arrow":"tooltip__arrow_1qy5o","hint":"tooltip__hint_1qy5o"};
 require('./inverted.css');
 
 var colorStyles = {

package/tooltip/component.responsive.js

@@ -16,7 +16,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"target":"tooltip__target_19ku4","overlap":"tooltip__overlap_19ku4"};
+var styles = {"target":"tooltip__target_12g8n","overlap":"tooltip__overlap_12g8n"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {

package/tooltip/default.css

@@ -23,15 +23,15 @@
     --tooltip-hint-bg-color: var(--color-light-bg-primary-inverted);
     --tooltip-hint-text-color: var(--color-light-text-primary-inverted);
     --tooltip-hint-box-shadow: var(--shadow-m-hard);
-} .tooltip__hint_xhmh4 {
+} .tooltip__hint_10rfl {
     background-color: var(--tooltip-hint-bg-color);
     box-shadow: var(--tooltip-hint-box-shadow);
     color: var(--tooltip-hint-text-color);
-} .tooltip__hint_xhmh4 .tooltip__arrow_xhmh4:after {
+} .tooltip__hint_10rfl .tooltip__arrow_10rfl:after {
     background-color: var(--tooltip-hint-bg-color);
     border-color: var(--tooltip-hint-bg-color);
-} .tooltip__tooltip_xhmh4 {
+} .tooltip__tooltip_10rfl {
     border: 1px solid var(--color-light-border-secondary)
-} .tooltip__tooltip_xhmh4 .tooltip__arrow_xhmh4:after {
+} .tooltip__tooltip_10rfl .tooltip__arrow_10rfl:after {
         border-color: var(--color-light-border-secondary);
     }

package/tooltip/esm/Component.js

@@ -4,13 +4,13 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { Popover } from '../../popover/esm';
 
-var defaultColors = {"hint":"tooltip__hint_xhmh4","arrow":"tooltip__arrow_xhmh4","tooltip":"tooltip__tooltip_xhmh4"};
+var defaultColors = {"hint":"tooltip__hint_10rfl","arrow":"tooltip__arrow_10rfl","tooltip":"tooltip__tooltip_10rfl"};
 require('./default.css');
 
-var styles = {"component":"tooltip__component_1soqc","popper":"tooltip__popper_1soqc","hint":"tooltip__hint_1soqc","target":"tooltip__target_1soqc","overlap":"tooltip__overlap_1soqc"};
+var styles = {"component":"tooltip__component_xzaeu","popper":"tooltip__popper_xzaeu","hint":"tooltip__hint_xzaeu","target":"tooltip__target_xzaeu","overlap":"tooltip__overlap_xzaeu"};
 require('./index.css');
 
-var invertedColors = {"tooltip":"tooltip__tooltip_1nocj","arrow":"tooltip__arrow_1nocj","hint":"tooltip__hint_1nocj"};
+var invertedColors = {"tooltip":"tooltip__tooltip_1qy5o","arrow":"tooltip__arrow_1qy5o","hint":"tooltip__hint_1qy5o"};
 require('./inverted.css');
 
 var colorStyles = {

package/tooltip/esm/component.responsive.js

@@ -9,7 +9,7 @@ import { useControlled } from './utils.js';
 import 'react-merge-refs';
 import '../../popover/esm';
 
-var styles = {"target":"tooltip__target_19ku4","overlap":"tooltip__overlap_19ku4"};
+var styles = {"target":"tooltip__target_12g8n","overlap":"tooltip__overlap_12g8n"};
 require('./responsive.css');
 
 var TooltipResponsive = function (_a) {