@alfalab/core-components 44.2.0 → 44.4.0-beta.0

package/themes/dist/corp.css

@@ -1521,8 +1521,4 @@
     --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
     /* theme */
     --primary-tablist-bottom-border-color: var(--color-light-border-underline);
-    --bottom-sheet-header-border-bottom: 1px solid var(--color-light-border-primary);
-    --bottom-sheet-footer-border-top: 1px solid var(--color-light-border-primary);
-    --modal-header-highlight-box-shadow: var(--shadow-s);
-    --modal-footer-highlight-box-shadow: var(--shadow-s-up);
 }

package/themes/dist/mixins/button/site.css

@@ -15,7 +15,27 @@
         --color-light-neutral-translucent-100-inverted
     );
 
+    /* primary mobile */
+    --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);
+    --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);
+    --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);
+    --button-primary-mobile-color: var(--color-static-text-primary-inverted);
+
+    /* primary inverted mobile */
+    --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);
+    --button-inverted-primary-mobile-hover-bg-color: var(
+        --color-light-accent-primary-inverted-hover
+    );
+    --button-inverted-primary-mobile-active-bg-color: var(
+        --color-light-accent-primary-inverted-press
+    );
+    --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
+
     /* spinner */
     --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+
+    /* spinner mobile */
+    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
 }

package/themes/dist/mixins/corp.css

@@ -1,11 +1,7 @@
 @import './button/corp.css';
 @import './tabs/corp.css';
-@import './bottom-sheet/corp.css';
-@import './modal/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin tabs-corp;
-    @mixin bottom-sheet-corp;
-    @mixin modal-corp;
 }

package/themes/dist/package.json

@@ -1,6 +1,6 @@
 {
     "name": "@alfalab/core-components-themes",
-    "version": "12.0.0",
+    "version": "12.1.0",
     "description": "",
     "keywords": [],
     "license": "MIT",

package/themes/dist/site.css

@@ -1502,9 +1502,26 @@
     --button-inverted-primary-disabled-bg-color: var(
         --color-light-neutral-translucent-100-inverted
     );
+    /* primary mobile */
+    --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);
+    --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);
+    --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);
+    --button-primary-mobile-color: var(--color-static-text-primary-inverted);
+    /* primary inverted mobile */
+    --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);
+    --button-inverted-primary-mobile-hover-bg-color: var(
+        --color-light-accent-primary-inverted-hover
+    );
+    --button-inverted-primary-mobile-active-bg-color: var(
+        --color-light-accent-primary-inverted-press
+    );
+    --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
     /* spinner */
     --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+    /* spinner mobile */
+    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
     /* theme */
     --form-control-s-border-radius: 4px 4px 0 0;
     --form-control-m-border-radius: 4px 4px 0 0;

package/themes/dist/src/mixins/button/site.css

@@ -15,7 +15,27 @@
         --color-light-neutral-translucent-100-inverted
     );
 
+    /* primary mobile */
+    --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);
+    --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);
+    --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);
+    --button-primary-mobile-color: var(--color-static-text-primary-inverted);
+
+    /* primary inverted mobile */
+    --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);
+    --button-inverted-primary-mobile-hover-bg-color: var(
+        --color-light-accent-primary-inverted-hover
+    );
+    --button-inverted-primary-mobile-active-bg-color: var(
+        --color-light-accent-primary-inverted-press
+    );
+    --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
+
     /* spinner */
     --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+
+    /* spinner mobile */
+    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
 }

package/themes/dist/src/mixins/corp.css

@@ -1,11 +1,7 @@
 @import './button/corp.css';
 @import './tabs/corp.css';
-@import './bottom-sheet/corp.css';
-@import './modal/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin tabs-corp;
-    @mixin bottom-sheet-corp;
-    @mixin modal-corp;
 }

package/themes/mixins/button/site.css

@@ -15,7 +15,27 @@
         --color-light-neutral-translucent-100-inverted
     );
 
+    /* primary mobile */
+    --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);
+    --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);
+    --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);
+    --button-primary-mobile-color: var(--color-static-text-primary-inverted);
+
+    /* primary inverted mobile */
+    --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);
+    --button-inverted-primary-mobile-hover-bg-color: var(
+        --color-light-accent-primary-inverted-hover
+    );
+    --button-inverted-primary-mobile-active-bg-color: var(
+        --color-light-accent-primary-inverted-press
+    );
+    --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
+
     /* spinner */
     --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+
+    /* spinner mobile */
+    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
 }

package/themes/mixins/corp.css

@@ -1,11 +1,7 @@
 @import './button/corp.css';
 @import './tabs/corp.css';
-@import './bottom-sheet/corp.css';
-@import './modal/corp.css';
 
 @define-mixin theme-corp {
     @mixin button-corp;
     @mixin tabs-corp;
-    @mixin bottom-sheet-corp;
-    @mixin modal-corp;
 }

package/themes/site.css

@@ -1502,9 +1502,26 @@
     --button-inverted-primary-disabled-bg-color: var(
         --color-light-neutral-translucent-100-inverted
     );
+    /* primary mobile */
+    --button-primary-mobile-base-bg-color: var(--color-light-accent-primary);
+    --button-primary-mobile-hover-bg-color: var(--color-light-accent-primary-hover);
+    --button-primary-mobile-active-bg-color: var(--color-light-accent-primary-press);
+    --button-primary-mobile-color: var(--color-static-text-primary-inverted);
+    /* primary inverted mobile */
+    --button-inverted-primary-mobile-base-bg-color: var(--color-light-accent-primary-inverted);
+    --button-inverted-primary-mobile-hover-bg-color: var(
+        --color-light-accent-primary-inverted-hover
+    );
+    --button-inverted-primary-mobile-active-bg-color: var(
+        --color-light-accent-primary-inverted-press
+    );
+    --button-inverted-primary-mobile-color: var(--color-static-text-primary-inverted);
     /* spinner */
     --button-spinner-primary-color: var(--color-static-neutral-1500-inverted);
     --button-spinner-inverted-primary-color: var(--color-static-neutral-1500-inverted);
+    /* spinner mobile */
+    --button-spinner-primary-mobile-color: var(--color-static-neutral-1500-inverted);
+    --button-spinner-inverted-primary-mobile-color: var(--color-static-neutral-1500-inverted);
     /* theme */
     --form-control-s-border-radius: 4px 4px 0 0;
     --form-control-m-border-radius: 4px 4px 0 0;

package/toast/components/base-toast/component.js

@@ -16,7 +16,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"toastPlate":"toast__toastPlate_1qdhx","title":"toast__title_1qdhx","popoverInner":"toast__popoverInner_1qdhx","block":"toast__block_1qdhx","fixed":"toast__fixed_1qdhx","enter":"toast__enter_1qdhx","enterActive":"toast__enterActive_1qdhx","exit":"toast__exit_1qdhx","exitActive":"toast__exitActive_1qdhx"};
+var styles = {"toastPlate":"toast__toastPlate_soahb","title":"toast__title_soahb","popoverInner":"toast__popoverInner_soahb","block":"toast__block_soahb","fixed":"toast__fixed_soahb","enter":"toast__enter_soahb","enterActive":"toast__enterActive_soahb","exit":"toast__exit_soahb","exitActive":"toast__exitActive_soahb"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/components/base-toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 19u27 */
+/* hash: 17bsz */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1qdhx {
+} .toast__toastPlate_soahb {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1qdhx {
+} .toast__title_soahb {
     font-weight: 400;
-} .toast__popoverInner_1qdhx {
+} .toast__popoverInner_soahb {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1qdhx {
+} .toast__block_soahb {
     width: 100%;
-} .toast__fixed_1qdhx {
+} .toast__fixed_soahb {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1qdhx.toast__enter_1qdhx {
+} .toast__fixed_soahb.toast__enter_soahb {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1qdhx.toast__enterActive_1qdhx {
+    } .toast__fixed_soahb.toast__enterActive_soahb {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1qdhx.toast__exit_1qdhx {
+    } .toast__fixed_soahb.toast__exit_soahb {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1qdhx.toast__exitActive_1qdhx {
+    } .toast__fixed_soahb.toast__exitActive_soahb {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast/esm/components/base-toast/component.js

@@ -8,7 +8,7 @@ import { Portal } from '../../../../portal/esm';
 import { stackingOrder, Stack } from '../../../../stack/esm';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
 
-var styles = {"toastPlate":"toast__toastPlate_1qdhx","title":"toast__title_1qdhx","popoverInner":"toast__popoverInner_1qdhx","block":"toast__block_1qdhx","fixed":"toast__fixed_1qdhx","enter":"toast__enter_1qdhx","enterActive":"toast__enterActive_1qdhx","exit":"toast__exit_1qdhx","exitActive":"toast__exitActive_1qdhx"};
+var styles = {"toastPlate":"toast__toastPlate_soahb","title":"toast__title_soahb","popoverInner":"toast__popoverInner_soahb","block":"toast__block_soahb","fixed":"toast__fixed_soahb","enter":"toast__enter_soahb","enterActive":"toast__enterActive_soahb","exit":"toast__exit_soahb","exitActive":"toast__exitActive_soahb"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/components/base-toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 19u27 */
+/* hash: 17bsz */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1qdhx {
+} .toast__toastPlate_soahb {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1qdhx {
+} .toast__title_soahb {
     font-weight: 400;
-} .toast__popoverInner_1qdhx {
+} .toast__popoverInner_soahb {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1qdhx {
+} .toast__block_soahb {
     width: 100%;
-} .toast__fixed_1qdhx {
+} .toast__fixed_soahb {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1qdhx.toast__enter_1qdhx {
+} .toast__fixed_soahb.toast__enter_soahb {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1qdhx.toast__enterActive_1qdhx {
+    } .toast__fixed_soahb.toast__enterActive_soahb {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1qdhx.toast__exit_1qdhx {
+    } .toast__fixed_soahb.toast__exit_soahb {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1qdhx.toast__exitActive_1qdhx {
+    } .toast__fixed_soahb.toast__exitActive_soahb {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast/modern/components/base-toast/component.js

@@ -7,7 +7,7 @@ import { Portal } from '../../../../portal/modern';
 import { Stack, stackingOrder } from '../../../../stack/modern';
 import { usePrevious, useClickOutside } from '@alfalab/hooks';
 
-const styles = {"toastPlate":"toast__toastPlate_1qdhx","title":"toast__title_1qdhx","popoverInner":"toast__popoverInner_1qdhx","block":"toast__block_1qdhx","fixed":"toast__fixed_1qdhx","enter":"toast__enter_1qdhx","enterActive":"toast__enterActive_1qdhx","exit":"toast__exit_1qdhx","exitActive":"toast__exitActive_1qdhx"};
+const styles = {"toastPlate":"toast__toastPlate_soahb","title":"toast__title_soahb","popoverInner":"toast__popoverInner_soahb","block":"toast__block_soahb","fixed":"toast__fixed_soahb","enter":"toast__enter_soahb","enterActive":"toast__enterActive_soahb","exit":"toast__exit_soahb","exitActive":"toast__exitActive_soahb"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/toast/modern/components/base-toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 19u27 */
+/* hash: 17bsz */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -25,32 +25,32 @@
     /* inverted */
 } :root {
     --toast-box-shadow: var(--shadow-m);
-} .toast__toastPlate_1qdhx {
+} .toast__toastPlate_soahb {
     box-shadow: var(--toast-box-shadow);
     word-break: break-word;
-} .toast__title_1qdhx {
+} .toast__title_soahb {
     font-weight: 400;
-} .toast__popoverInner_1qdhx {
+} .toast__popoverInner_soahb {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
-} .toast__block_1qdhx {
+} .toast__block_soahb {
     width: 100%;
-} .toast__fixed_1qdhx {
+} .toast__fixed_soahb {
     position: fixed;
     bottom: var(--gap-2xl)
-} .toast__fixed_1qdhx.toast__enter_1qdhx {
+} .toast__fixed_soahb.toast__enter_soahb {
         opacity: 0;
         transform: scale(0.98);
-    } .toast__fixed_1qdhx.toast__enterActive_1qdhx {
+    } .toast__fixed_soahb.toast__enterActive_soahb {
         opacity: 1;
         transform: scale(1);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;
-    } .toast__fixed_1qdhx.toast__exit_1qdhx {
+    } .toast__fixed_soahb.toast__exit_soahb {
         opacity: 1;
         transform: scale(1);
-    } .toast__fixed_1qdhx.toast__exitActive_1qdhx {
+    } .toast__fixed_soahb.toast__exitActive_soahb {
         opacity: 0;
         transform: scale(0.98);
         transition: opacity 150ms ease-in-out, transform 150ms ease-in-out;

package/toast-plate/components/base-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_10xke","closeButtonWrapper":"toast-plate__closeButtonWrapper_10xke"};
+var defaultColors = {"component":"toast-plate__component_1n1e0","closeButtonWrapper":"toast-plate__closeButtonWrapper_1n1e0"};
 require('./default.css');
 
-var commonStyles = {"component":"toast-plate__component_tb8zd","hasCloser":"toast-plate__hasCloser_tb8zd","wrapper":"toast-plate__wrapper_tb8zd","contentWrapper":"toast-plate__contentWrapper_tb8zd","block":"toast-plate__block_tb8zd","content":"toast-plate__content_tb8zd","direction":"toast-plate__direction_tb8zd","hasActionButton":"toast-plate__hasActionButton_tb8zd","actionSection":"toast-plate__actionSection_tb8zd","bottomButton":"toast-plate__bottomButton_tb8zd","leftAddons":"toast-plate__leftAddons_tb8zd","contentTitle":"toast-plate__contentTitle_tb8zd","children":"toast-plate__children_tb8zd","title":"toast-plate__title_tb8zd","closeButtonWrapper":"toast-plate__closeButtonWrapper_tb8zd","closeButton":"toast-plate__closeButton_tb8zd"};
+var commonStyles = {"component":"toast-plate__component_xvgci","hasCloser":"toast-plate__hasCloser_xvgci","wrapper":"toast-plate__wrapper_xvgci","contentWrapper":"toast-plate__contentWrapper_xvgci","block":"toast-plate__block_xvgci","content":"toast-plate__content_xvgci","direction":"toast-plate__direction_xvgci","hasActionButton":"toast-plate__hasActionButton_xvgci","actionSection":"toast-plate__actionSection_xvgci","bottomButton":"toast-plate__bottomButton_xvgci","leftAddons":"toast-plate__leftAddons_xvgci","contentTitle":"toast-plate__contentTitle_xvgci","children":"toast-plate__children_xvgci","title":"toast-plate__title_xvgci","closeButtonWrapper":"toast-plate__closeButtonWrapper_xvgci","closeButton":"toast-plate__closeButton_xvgci"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_10gwq","closeButtonWrapper":"toast-plate__closeButtonWrapper_10gwq"};
+var invertedColors = {"component":"toast-plate__component_1mkqc","closeButtonWrapper":"toast-plate__closeButtonWrapper_1mkqc"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/components/base-toast-plate/default.css

@@ -1,4 +1,4 @@
-/* hash: hzkev */
+/* hash: 1uowr */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary-inverted: #1c1c1e;
@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_10xke {
+} .toast-plate__component_1n1e0 {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_10xke:before {
+} .toast-plate__closeButtonWrapper_1n1e0:before {
         background-color: var(--color-light-neutral-300-inverted);
     }

package/toast-plate/components/base-toast-plate/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yh68 */
+/* hash: 11o7m */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -29,7 +29,7 @@
     --toast-plate-content-with-closer-right-padding: var(--gap-m);
 
     /* inverted */
-} .toast-plate__component_tb8zd {
+} .toast-plate__component_xvgci {
     position: relative;
     display: inline-flex;
     flex-direction: column;
@@ -37,54 +37,54 @@
     border-radius: var(--toast-plate-border-radius);
     min-height: 56px;
     padding: var(--gap-m)
-} .toast-plate__component_tb8zd.toast-plate__hasCloser_tb8zd {
+} .toast-plate__component_xvgci.toast-plate__hasCloser_xvgci {
         /* 2×16 + 24 */
         padding-right: 56px;
-    } .toast-plate__wrapper_tb8zd {
+    } .toast-plate__wrapper_xvgci {
     display: flex;
-} .toast-plate__contentWrapper_tb8zd {
+} .toast-plate__contentWrapper_xvgci {
     display: flex;
     flex-grow: 1;
-} .toast-plate__block_tb8zd {
+} .toast-plate__block_xvgci {
     display: flex;
     width: 100%;
-} .toast-plate__content_tb8zd {
+} .toast-plate__content_xvgci {
     display: flex;
     flex-grow: 1;
     justify-content: space-between
-} .toast-plate__content_tb8zd.toast-plate__direction_tb8zd {
+} .toast-plate__content_xvgci.toast-plate__direction_xvgci {
         flex-direction: column;
-    } .toast-plate__content_tb8zd.toast-plate__hasCloser_tb8zd:not(.toast-plate__hasActionButton_tb8zd) {
+    } .toast-plate__content_xvgci.toast-plate__hasCloser_xvgci:not(.toast-plate__hasActionButton_xvgci) {
         padding-right: var(--toast-plate-content-with-closer-right-padding);
-    } .toast-plate__actionSection_tb8zd {
+    } .toast-plate__actionSection_xvgci {
     display: flex;
     padding: var(--toast-plate-action-padding);
     flex-shrink: 0
-} .toast-plate__actionSection_tb8zd:not(.toast-plate__hasCloser_tb8zd) {
+} .toast-plate__actionSection_xvgci:not(.toast-plate__hasCloser_xvgci) {
         padding-right: 0;
-    } .toast-plate__actionSection_tb8zd.toast-plate__bottomButton_tb8zd {
+    } .toast-plate__actionSection_xvgci.toast-plate__bottomButton_xvgci {
         padding: var(--toast-plate-action-bottom-padding);
-    } .toast-plate__leftAddons_tb8zd {
+    } .toast-plate__leftAddons_xvgci {
     display: flex;
     align-items: flex-start;
     flex-shrink: 0;
     padding-right: var(--gap-s);
-} .toast-plate__contentTitle_tb8zd {
+} .toast-plate__contentTitle_xvgci {
     padding: var(--gap-3xs) 0;
-} .toast-plate__children_tb8zd {
+} .toast-plate__children_xvgci {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     word-break: break-word;
-} .toast-plate__title_tb8zd + .toast-plate__children_tb8zd {
+} .toast-plate__title_xvgci + .toast-plate__children_xvgci {
     margin-top: var(--gap-2xs);
-} .toast-plate__closeButtonWrapper_tb8zd {
+} .toast-plate__closeButtonWrapper_xvgci {
     position: absolute;
     top: var(--gap-2xs);
     bottom: var(--gap-2xs);
     right: var(--gap-2xs)
-} .toast-plate__closeButtonWrapper_tb8zd:before {
+} .toast-plate__closeButtonWrapper_xvgci:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -92,7 +92,7 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_tb8zd {
+    } .toast-plate__closeButton_xvgci {
     display: flex;
     height: 100%;
 }

package/toast-plate/components/base-toast-plate/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1yalo */
+/* hash: 1bytz */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary: #fff;
@@ -23,9 +23,9 @@
     /* inverted */
     --toast-plate-inverted-color: var(--color-light-text-primary);
     --toast-plate-inverted-bg-color: var(--color-light-modal-bg-primary);
-} .toast-plate__component_10gwq {
+} .toast-plate__component_1mkqc {
     color: var(--toast-plate-inverted-color);
     background-color: var(--toast-plate-inverted-bg-color);
-} .toast-plate__closeButtonWrapper_10gwq:before {
+} .toast-plate__closeButtonWrapper_1mkqc:before {
         background-color: var(--color-light-neutral-300);
     }

package/toast-plate/desktop/Component.desktop.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"actionSection":"toast-plate__actionSection_5i41q","title":"toast-plate__title_5i41q","closeButtonWrapper":"toast-plate__closeButtonWrapper_5i41q","closeButton":"toast-plate__closeButton_5i41q"};
+var styles = {"actionSection":"toast-plate__actionSection_cqox1","title":"toast-plate__title_cqox1","closeButtonWrapper":"toast-plate__closeButtonWrapper_cqox1","closeButton":"toast-plate__closeButton_cqox1"};
 require('./desktop.css');
 
 var ToastPlateDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_baseToastPlate_component.BaseToastPlate, tslib.__assign({}, restProps, { styles: styles, ref: ref })); });

package/toast-plate/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: 15j1y */
+/* hash: 1asou */
 :root {
 } /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
@@ -23,9 +23,9 @@
     --toast-plate-close-button-align: center;
 
     /* inverted */
-} .toast-plate__actionSection_5i41q {
+} .toast-plate__actionSection_cqox1 {
     align-items: var(--toast-plate-action-align);
-} .toast-plate__title_5i41q {
+} .toast-plate__title_cqox1 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 400;
@@ -35,7 +35,7 @@
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .toast-plate__closeButtonWrapper_5i41q:before {
+} .toast-plate__closeButtonWrapper_cqox1:before {
         display: var(--toast-plate-action-divider-display);
         position: absolute;
         right: 51px;
@@ -43,6 +43,6 @@
         bottom: var(--gap-s);
         width: 1px;
         content: '';
-    } .toast-plate__closeButton_5i41q {
+    } .toast-plate__closeButton_cqox1 {
     align-items: var(--toast-plate-close-button-align);
 }

package/toast-plate/esm/components/base-toast-plate/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_10xke","closeButtonWrapper":"toast-plate__closeButtonWrapper_10xke"};
+var defaultColors = {"component":"toast-plate__component_1n1e0","closeButtonWrapper":"toast-plate__closeButtonWrapper_1n1e0"};
 require('./default.css');
 
-var commonStyles = {"component":"toast-plate__component_tb8zd","hasCloser":"toast-plate__hasCloser_tb8zd","wrapper":"toast-plate__wrapper_tb8zd","contentWrapper":"toast-plate__contentWrapper_tb8zd","block":"toast-plate__block_tb8zd","content":"toast-plate__content_tb8zd","direction":"toast-plate__direction_tb8zd","hasActionButton":"toast-plate__hasActionButton_tb8zd","actionSection":"toast-plate__actionSection_tb8zd","bottomButton":"toast-plate__bottomButton_tb8zd","leftAddons":"toast-plate__leftAddons_tb8zd","contentTitle":"toast-plate__contentTitle_tb8zd","children":"toast-plate__children_tb8zd","title":"toast-plate__title_tb8zd","closeButtonWrapper":"toast-plate__closeButtonWrapper_tb8zd","closeButton":"toast-plate__closeButton_tb8zd"};
+var commonStyles = {"component":"toast-plate__component_xvgci","hasCloser":"toast-plate__hasCloser_xvgci","wrapper":"toast-plate__wrapper_xvgci","contentWrapper":"toast-plate__contentWrapper_xvgci","block":"toast-plate__block_xvgci","content":"toast-plate__content_xvgci","direction":"toast-plate__direction_xvgci","hasActionButton":"toast-plate__hasActionButton_xvgci","actionSection":"toast-plate__actionSection_xvgci","bottomButton":"toast-plate__bottomButton_xvgci","leftAddons":"toast-plate__leftAddons_xvgci","contentTitle":"toast-plate__contentTitle_xvgci","children":"toast-plate__children_xvgci","title":"toast-plate__title_xvgci","closeButtonWrapper":"toast-plate__closeButtonWrapper_xvgci","closeButton":"toast-plate__closeButton_xvgci"};
 require('./index.css');
 
-var invertedColors = {"component":"toast-plate__component_10gwq","closeButtonWrapper":"toast-plate__closeButtonWrapper_10gwq"};
+var invertedColors = {"component":"toast-plate__component_1mkqc","closeButtonWrapper":"toast-plate__closeButtonWrapper_1mkqc"};
 require('./inverted.css');
 
 var colorStyles = {

package/toast-plate/esm/components/base-toast-plate/default.css

@@ -1,4 +1,4 @@
-/* hash: hzkev */
+/* hash: 1uowr */
 :root {
 } /* deprecated */ :root {
     --color-light-modal-bg-primary-inverted: #1c1c1e;
@@ -23,9 +23,9 @@
     --toast-plate-color: var(--color-light-text-primary-inverted);
 
     /* inverted */
-} .toast-plate__component_10xke {
+} .toast-plate__component_1n1e0 {
     color: var(--toast-plate-color);
     background-color: var(--toast-plate-bg-color);
-} .toast-plate__closeButtonWrapper_10xke:before {
+} .toast-plate__closeButtonWrapper_1n1e0:before {
         background-color: var(--color-light-neutral-300-inverted);
     }