@alfalab/core-components 22.3.1 → 23.3.0

package/themes/dist/corp.css

@@ -55,12 +55,19 @@
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
     --color-static-status-blue-tint-90: rgb(230, 242, 255);
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-tint-90: rgb(231, 246, 239);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-tint-90: rgb(240, 242, 243);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
     --color-static-status-orange-tint-90: rgb(252, 240, 230);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
     --color-static-status-purple-tint-90: rgb(240, 235, 248);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
     --color-static-status-red-tint-90: rgb(251, 232, 231);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-tint-90: rgb(233, 244, 243);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
     --color-dark-bg-accent: #ef3124;

package/themes/dist/input/site.css

@@ -1,4 +1,4 @@
 :root {
-    --input-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
-    --input-inverted-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
+    --input-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
+    --input-inverted-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
 }

package/themes/dist/mixins/calendar/click.css

@@ -1,7 +1,7 @@
 @define-mixin calendar-click {
     /* theme */
-    --calendar-arrow-background: url('https://alfabank.st/icons/glyph_chevron-back_m.svg');
-    --calendar-select-icon-background: url('https://alfabank.st/icons/glyph_arrow-up-down_m.svg');
+    --calendar-arrow-background: url('https://alfabank.gcdn.co/icons/glyph_chevron-back_m.svg');
+    --calendar-select-icon-background: url('https://alfabank.gcdn.co/icons/glyph_arrow-up-down_m.svg');
     --calendar-today-border-color: transparent;
     --calendar-range-background: var(--color-light-bg-secondary);
     --calendar-selector-button-outline-border-color: transparent;

package/themes/dist/mixins/checkbox-group/click.css

@@ -0,0 +1,5 @@
+@define-mixin checkbox-group-click {
+    /* theme */
+    --checkbox-group-error-padding-left: 0;
+    --checkbox-group-error-border-left: none;
+}

package/themes/dist/mixins/click.css

@@ -3,6 +3,7 @@
 @import './input/click.css';
 @import './button/click.css';
 @import './checkbox/click.css';
+@import './checkbox-group/click.css';
 @import './radio/click.css';
 @import './switch/click.css';
 @import './tabs/click.css';
@@ -29,6 +30,7 @@
     @mixin input-click;
     @mixin button-click;
     @mixin checkbox-click;
+    @mixin checkbox-group-click;
     @mixin radio-click;
     @mixin switch-click;
     @mixin tabs-click;

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

@@ -1,4 +1,4 @@
 @define-mixin input-site {
-    --input-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
-    --input-inverted-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
+    --input-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
+    --input-inverted-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
 }

package/themes/dist/mixins/modal/click.css

@@ -15,7 +15,7 @@
     --modal-l-footer-paddings: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 
     /* closer */
-    --modal-closer-icon: url('https://alfabank.st/icons/glyph_cross-heavy_m.svg');
+    --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross-heavy_m.svg');
 
     /* sticky */
     --modal-footer-sticky-box-shadow: none;

package/themes/dist/mixins/select/click.css

@@ -13,6 +13,6 @@
     --select-checkmark-margin: 0 0 0 var(--gap-m);
     --select-checkmark-size: 24px;
     --select-checkmark-order: 1;
-    --select-checkmark-background: url('https://alfabank.st/icons/glyph_checkmark-circle_m_color.svg');
+    --select-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
     --select-checkmark-border-radius: 0;
 }

package/themes/dist/mobile.css

@@ -55,12 +55,19 @@
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
     --color-static-status-blue-tint-90: rgb(230, 242, 255);
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-tint-90: rgb(231, 246, 239);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-tint-90: rgb(240, 242, 243);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
     --color-static-status-orange-tint-90: rgb(252, 240, 230);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
     --color-static-status-purple-tint-90: rgb(240, 235, 248);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
     --color-static-status-red-tint-90: rgb(251, 232, 231);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-tint-90: rgb(233, 244, 243);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
     --color-dark-bg-accent: #ef3124;

package/themes/dist/modal/click.css

@@ -15,7 +15,7 @@
     --modal-l-footer-paddings: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 
     /* closer */
-    --modal-closer-icon: url('https://alfabank.st/icons/glyph_cross-heavy_m.svg');
+    --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross-heavy_m.svg');
 
     /* sticky */
     --modal-footer-sticky-box-shadow: none;

package/themes/dist/package.json

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

package/themes/dist/select/click.css

@@ -13,6 +13,6 @@
     --select-checkmark-margin: 0 0 0 var(--gap-m);
     --select-checkmark-size: 24px;
     --select-checkmark-order: 1;
-    --select-checkmark-background: url('https://alfabank.st/icons/glyph_checkmark-circle_m_color.svg');
+    --select-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
     --select-checkmark-border-radius: 0;
 }

package/themes/dist/site.css

@@ -55,12 +55,19 @@
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
     --color-static-status-blue-tint-90: rgb(230, 242, 255);
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-tint-90: rgb(231, 246, 239);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-tint-90: rgb(240, 242, 243);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
     --color-static-status-orange-tint-90: rgb(252, 240, 230);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
     --color-static-status-purple-tint-90: rgb(240, 235, 248);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
     --color-static-status-red-tint-90: rgb(251, 232, 231);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-tint-90: rgb(233, 244, 243);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
     --color-dark-bg-accent: #ef3124;
@@ -509,6 +516,6 @@
     --primary-tablist-l-gaps: var(--gap-4xl);
     --primary-tablist-l-font-weight: 500;
     --primary-tablist-bottom-border-color: var(--color-light-border-secondary-inverted);
-    --input-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
-    --input-inverted-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
+    --input-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
+    --input-inverted-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
 }

package/themes/input/site.css

@@ -1,4 +1,4 @@
 :root {
-    --input-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
-    --input-inverted-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
+    --input-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
+    --input-inverted-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
 }

package/themes/mixins/calendar/click.css

@@ -1,7 +1,7 @@
 @define-mixin calendar-click {
     /* theme */
-    --calendar-arrow-background: url('https://alfabank.st/icons/glyph_chevron-back_m.svg');
-    --calendar-select-icon-background: url('https://alfabank.st/icons/glyph_arrow-up-down_m.svg');
+    --calendar-arrow-background: url('https://alfabank.gcdn.co/icons/glyph_chevron-back_m.svg');
+    --calendar-select-icon-background: url('https://alfabank.gcdn.co/icons/glyph_arrow-up-down_m.svg');
     --calendar-today-border-color: transparent;
     --calendar-range-background: var(--color-light-bg-secondary);
     --calendar-selector-button-outline-border-color: transparent;

package/themes/mixins/checkbox-group/click.css

@@ -0,0 +1,5 @@
+@define-mixin checkbox-group-click {
+    /* theme */
+    --checkbox-group-error-padding-left: 0;
+    --checkbox-group-error-border-left: none;
+}

package/themes/mixins/click.css

@@ -3,6 +3,7 @@
 @import './input/click.css';
 @import './button/click.css';
 @import './checkbox/click.css';
+@import './checkbox-group/click.css';
 @import './radio/click.css';
 @import './switch/click.css';
 @import './tabs/click.css';
@@ -29,6 +30,7 @@
     @mixin input-click;
     @mixin button-click;
     @mixin checkbox-click;
+    @mixin checkbox-group-click;
     @mixin radio-click;
     @mixin switch-click;
     @mixin tabs-click;

package/themes/mixins/input/site.css

@@ -1,4 +1,4 @@
 @define-mixin input-site {
-    --input-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
-    --input-inverted-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
+    --input-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
+    --input-inverted-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
 }

package/themes/mixins/modal/click.css

@@ -15,7 +15,7 @@
     --modal-l-footer-paddings: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 
     /* closer */
-    --modal-closer-icon: url('https://alfabank.st/icons/glyph_cross-heavy_m.svg');
+    --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross-heavy_m.svg');
 
     /* sticky */
     --modal-footer-sticky-box-shadow: none;

package/themes/mixins/select/click.css

@@ -13,6 +13,6 @@
     --select-checkmark-margin: 0 0 0 var(--gap-m);
     --select-checkmark-size: 24px;
     --select-checkmark-order: 1;
-    --select-checkmark-background: url('https://alfabank.st/icons/glyph_checkmark-circle_m_color.svg');
+    --select-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
     --select-checkmark-border-radius: 0;
 }

package/themes/mobile.css

@@ -55,12 +55,19 @@
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
     --color-static-status-blue-tint-90: rgb(230, 242, 255);
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-tint-90: rgb(231, 246, 239);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-tint-90: rgb(240, 242, 243);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
     --color-static-status-orange-tint-90: rgb(252, 240, 230);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
     --color-static-status-purple-tint-90: rgb(240, 235, 248);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
     --color-static-status-red-tint-90: rgb(251, 232, 231);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-tint-90: rgb(233, 244, 243);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
     --color-dark-bg-accent: #ef3124;

package/themes/modal/click.css

@@ -15,7 +15,7 @@
     --modal-l-footer-paddings: var(--gap-2xl) var(--gap-6xl) var(--gap-6xl);
 
     /* closer */
-    --modal-closer-icon: url('https://alfabank.st/icons/glyph_cross-heavy_m.svg');
+    --modal-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross-heavy_m.svg');
 
     /* sticky */
     --modal-footer-sticky-box-shadow: none;

package/themes/select/click.css

@@ -13,6 +13,6 @@
     --select-checkmark-margin: 0 0 0 var(--gap-m);
     --select-checkmark-size: 24px;
     --select-checkmark-order: 1;
-    --select-checkmark-background: url('https://alfabank.st/icons/glyph_checkmark-circle_m_color.svg');
+    --select-checkmark-background: url('https://alfabank.gcdn.co/icons/glyph_checkmark-circle_m_color.svg');
     --select-checkmark-border-radius: 0;
 }

package/themes/site.css

@@ -55,12 +55,19 @@
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
     --color-static-status-blue-tint-90: rgb(230, 242, 255);
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-tint-90: rgb(231, 246, 239);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-tint-90: rgb(240, 242, 243);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
     --color-static-status-orange-tint-90: rgb(252, 240, 230);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
     --color-static-status-purple-tint-90: rgb(240, 235, 248);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
     --color-static-status-red-tint-90: rgb(251, 232, 231);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-tint-90: rgb(233, 244, 243);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
     --color-dark-bg-accent: #ef3124;
@@ -509,6 +516,6 @@
     --primary-tablist-l-gaps: var(--gap-4xl);
     --primary-tablist-l-font-weight: 500;
     --primary-tablist-bottom-border-color: var(--color-light-border-secondary-inverted);
-    --input-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
-    --input-inverted-error-icon: url('https://alfabank.st/icons/icon_error_m_color.svg');
+    --input-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
+    --input-inverted-error-icon: url('https://alfabank.gcdn.co/icons/icon_error_m_color.svg');
 }

package/toast/component.js

@@ -55,7 +55,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_w7uft","popoverInner":"toast__popoverInner_w7uft","block":"toast__block_w7uft","fixed":"toast__fixed_w7uft","enter":"toast__enter_w7uft","enterActive":"toast__enterActive_w7uft","exit":"toast__exit_w7uft","exitActive":"toast__exitActive_w7uft"};
+var styles = {"toastPlate":"toast__toastPlate_15cuj","popoverInner":"toast__popoverInner_15cuj","block":"toast__block_15cuj","fixed":"toast__fixed_15cuj","enter":"toast__enter_15cuj","enterActive":"toast__enterActive_15cuj","exit":"toast__exit_15cuj","exitActive":"toast__exitActive_15cuj"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/component.js

@@ -47,7 +47,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"toastPlate":"toast__toastPlate_w7uft","popoverInner":"toast__popoverInner_w7uft","block":"toast__block_w7uft","fixed":"toast__fixed_w7uft","enter":"toast__enter_w7uft","enterActive":"toast__enterActive_w7uft","exit":"toast__exit_w7uft","exitActive":"toast__exitActive_w7uft"};
+var styles = {"toastPlate":"toast__toastPlate_15cuj","popoverInner":"toast__popoverInner_15cuj","block":"toast__block_15cuj","fixed":"toast__fixed_15cuj","enter":"toast__enter_15cuj","enterActive":"toast__enterActive_15cuj","exit":"toast__exit_15cuj","exitActive":"toast__exitActive_15cuj"};
 require('./index.css');
 
 var CSS_TRANSITION_CLASS_NAMES = {

package/toast/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qkcc */
+/* hash: 1fv8p */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -14,36 +14,36 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_w7uft {
+.toast__toastPlate_15cuj {
     box-shadow: var(--toast-box-shadow);
 }
-.toast__popoverInner_w7uft {
+.toast__popoverInner_15cuj {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_w7uft {
+.toast__block_15cuj {
     width: 100%;
 }
-.toast__fixed_w7uft {
+.toast__fixed_15cuj {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_w7uft.toast__enter_w7uft {
+.toast__fixed_15cuj.toast__enter_15cuj {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_w7uft.toast__enterActive_w7uft {
+.toast__fixed_15cuj.toast__enterActive_15cuj {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w7uft.toast__exit_w7uft {
+.toast__fixed_15cuj.toast__exit_15cuj {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w7uft.toast__exitActive_w7uft {
+.toast__fixed_15cuj.toast__exitActive_15cuj {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qkcc */
+/* hash: 1fv8p */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -14,36 +14,36 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_w7uft {
+.toast__toastPlate_15cuj {
     box-shadow: var(--toast-box-shadow);
 }
-.toast__popoverInner_w7uft {
+.toast__popoverInner_15cuj {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_w7uft {
+.toast__block_15cuj {
     width: 100%;
 }
-.toast__fixed_w7uft {
+.toast__fixed_15cuj {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_w7uft.toast__enter_w7uft {
+.toast__fixed_15cuj.toast__enter_15cuj {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_w7uft.toast__enterActive_w7uft {
+.toast__fixed_15cuj.toast__enterActive_15cuj {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w7uft.toast__exit_w7uft {
+.toast__fixed_15cuj.toast__exit_15cuj {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w7uft.toast__exitActive_w7uft {
+.toast__fixed_15cuj.toast__exitActive_15cuj {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast/modern/component.js

@@ -8,7 +8,7 @@ import { Popover } from '../../popover/modern';
 import { Portal } from '../../portal/modern';
 import { stackingOrder, Stack } from '../../stack/modern';
 
-var styles = {"toastPlate":"toast__toastPlate_w7uft","popoverInner":"toast__popoverInner_w7uft","block":"toast__block_w7uft","fixed":"toast__fixed_w7uft","enter":"toast__enter_w7uft","enterActive":"toast__enterActive_w7uft","exit":"toast__exit_w7uft","exitActive":"toast__exitActive_w7uft"};
+var styles = {"toastPlate":"toast__toastPlate_15cuj","popoverInner":"toast__popoverInner_15cuj","block":"toast__block_15cuj","fixed":"toast__fixed_15cuj","enter":"toast__enter_15cuj","enterActive":"toast__enterActive_15cuj","exit":"toast__exit_15cuj","exitActive":"toast__exitActive_15cuj"};
 require('./index.css');
 
 const CSS_TRANSITION_CLASS_NAMES = {

package/toast/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1qkcc */
+/* hash: 1fv8p */
 :root {
     --shadow-m: 0 0 16px rgba(11, 31, 53, 0.08), 0 8px 16px rgba(11, 31, 53, 0.16);
 
@@ -14,36 +14,36 @@
 :root {
     --toast-box-shadow: var(--shadow-m);
 }
-.toast__toastPlate_w7uft {
+.toast__toastPlate_15cuj {
     box-shadow: var(--toast-box-shadow);
 }
-.toast__popoverInner_w7uft {
+.toast__popoverInner_15cuj {
     border: none;
     border-radius: var(--toast-plate-border-radius);
     box-shadow: var(--toast-box-shadow);
     background-color: transparent;
 }
-.toast__block_w7uft {
+.toast__block_15cuj {
     width: 100%;
 }
-.toast__fixed_w7uft {
+.toast__fixed_15cuj {
     position: fixed;
     bottom: var(--gap-2xl);
     transition: opacity 150ms ease-in-out, transform 150ms ease-in-out
 }
-.toast__fixed_w7uft.toast__enter_w7uft {
+.toast__fixed_15cuj.toast__enter_15cuj {
         opacity: 0;
         transform: scale(0.98);
     }
-.toast__fixed_w7uft.toast__enterActive_w7uft {
+.toast__fixed_15cuj.toast__enterActive_15cuj {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w7uft.toast__exit_w7uft {
+.toast__fixed_15cuj.toast__exit_15cuj {
         opacity: 1;
         transform: scale(1);
     }
-.toast__fixed_w7uft.toast__exitActive_w7uft {
+.toast__fixed_15cuj.toast__exitActive_15cuj {
         opacity: 0;
         transform: scale(0.98);
     }

package/toast-plate/component.js

@@ -53,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"toast-plate__component_1uw7v","hasCloser":"toast-plate__hasCloser_1uw7v","contentWrap":"toast-plate__contentWrap_1uw7v","block":"toast-plate__block_1uw7v","content":"toast-plate__content_1uw7v","actionSection":"toast-plate__actionSection_1uw7v","leftAddons":"toast-plate__leftAddons_1uw7v","title":"toast-plate__title_1uw7v","children":"toast-plate__children_1uw7v","closeButton":"toast-plate__closeButton_1uw7v"};
+var styles = {"component":"toast-plate__component_82hpe","hasCloser":"toast-plate__hasCloser_82hpe","contentWrap":"toast-plate__contentWrap_82hpe","block":"toast-plate__block_82hpe","content":"toast-plate__content_82hpe","actionSection":"toast-plate__actionSection_82hpe","leftAddons":"toast-plate__leftAddons_82hpe","title":"toast-plate__title_82hpe","children":"toast-plate__children_82hpe","closeButton":"toast-plate__closeButton_82hpe"};
 require('./index.css');
 
 var iconDefaultComponents = {

package/toast-plate/cssm/index.module.css

@@ -117,12 +117,19 @@
     --color-static-status-red: #d91d0b;
     --color-static-status-teal: #219187;
     --color-static-status-blue-tint-90: rgb(230, 242, 255);
+    --color-static-status-blue-alpha-10: rgba(0, 122, 255, 0.1);
     --color-static-status-green-tint-90: rgb(231, 246, 239);
+    --color-static-status-green-alpha-10: rgba(19, 164, 99, 0.1);
     --color-static-status-grey-tint-90: rgb(240, 242, 243);
+    --color-static-status-grey-alpha-10: rgba(109, 121, 134, 0.1);
     --color-static-status-orange-tint-90: rgb(252, 240, 230);
+    --color-static-status-orange-alpha-10: rgba(222, 106, 0, 0.1);
     --color-static-status-purple-tint-90: rgb(240, 235, 248);
+    --color-static-status-purple-alpha-10: rgba(103, 58, 183, 0.1);
     --color-static-status-red-tint-90: rgb(251, 232, 231);
+    --color-static-status-red-alpha-10: rgba(217, 29, 11, 0.1);
     --color-static-status-teal-tint-90: rgb(233, 244, 243);
+    --color-static-status-teal-alpha-10: rgba(33, 145, 135, 0.1);
 }
 :root {
     --color-dark-bg-accent: #ef3124;

package/toast-plate/esm/component.js

@@ -46,7 +46,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"toast-plate__component_1uw7v","hasCloser":"toast-plate__hasCloser_1uw7v","contentWrap":"toast-plate__contentWrap_1uw7v","block":"toast-plate__block_1uw7v","content":"toast-plate__content_1uw7v","actionSection":"toast-plate__actionSection_1uw7v","leftAddons":"toast-plate__leftAddons_1uw7v","title":"toast-plate__title_1uw7v","children":"toast-plate__children_1uw7v","closeButton":"toast-plate__closeButton_1uw7v"};
+var styles = {"component":"toast-plate__component_82hpe","hasCloser":"toast-plate__hasCloser_82hpe","contentWrap":"toast-plate__contentWrap_82hpe","block":"toast-plate__block_82hpe","content":"toast-plate__content_82hpe","actionSection":"toast-plate__actionSection_82hpe","leftAddons":"toast-plate__leftAddons_82hpe","title":"toast-plate__title_82hpe","children":"toast-plate__children_82hpe","closeButton":"toast-plate__closeButton_82hpe"};
 require('./index.css');
 
 var iconDefaultComponents = {