@alfalab/core-components 44.5.1-beta.4 → 44.6.0-beta.0

package/button/modern/components/base-button/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1td9z */
+/* hash: 1oihl */
 :root {
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #36363a;
@@ -127,128 +127,128 @@
     /* ghost mobile inverted */
 
     /* loader mobile */
-} .button__accent_rjibc {
+} .button__accent_1bmov {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_rjibc:hover {
+        .button__accent_1bmov:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_rjibc:active {
+    } .button__accent_1bmov:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_rjibc > .button__loader_rjibc {
+    } .button__accent_1bmov > .button__loader_1bmov {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_rjibc {
+    } .button__primary_1bmov {
     border: 1px solid transparent;
-} .button__secondary_rjibc {
+} .button__secondary_1bmov {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_rjibc > .button__loader_rjibc {
+} .button__secondary_1bmov > .button__loader_1bmov {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_rjibc {
+    } .button__outlined_1bmov {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 } @media (hover: hover) {
-        .button__outlined_rjibc:hover {
+        .button__outlined_1bmov:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
         }
-    } .button__outlined_rjibc:active {
+    } .button__outlined_1bmov:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__tertiary_rjibc {
+    } .button__tertiary_1bmov {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 } @media (hover: hover) {
-        .button__tertiary_rjibc:hover {
+        .button__tertiary_1bmov:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_rjibc:active {
+    } .button__tertiary_1bmov:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_rjibc > .button__loader_rjibc {
+    } .button__tertiary_1bmov > .button__loader_1bmov {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_rjibc {
+    } .button__filled_1bmov {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
 } @media (hover: hover) {
-        .button__filled_rjibc:hover {
+        .button__filled_1bmov:hover {
             background-color: rgb(84, 84, 88);
         }
-    } .button__filled_rjibc:active {
+    } .button__filled_1bmov:active {
         background-color: rgb(46, 46, 49);
-    } .button__transparent_rjibc {
+    } .button__transparent_1bmov {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
 } @media (hover: hover) {
-        .button__transparent_rjibc:hover {
+        .button__transparent_1bmov:hover {
             background-color: rgba(255, 255, 255, 0.2);
         }
-    } .button__transparent_rjibc:active {
+    } .button__transparent_1bmov:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
-    } .button__link_rjibc {
+    } .button__link_1bmov {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_rjibc:hover {
+        .button__link_1bmov:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_rjibc:active {
+    } .button__link_1bmov:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_rjibc > .button__loader_rjibc {
+    } .button__link_1bmov > .button__loader_1bmov {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_rjibc {
+    } .button__ghost_1bmov {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_rjibc:hover {
+        .button__ghost_1bmov:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_rjibc > .button__loader_rjibc {
+    } .button__ghost_1bmov > .button__loader_1bmov {
         color: var(--button-spinner-inverted-color);
-    } .button__component_rjibc[disabled].button__accent_rjibc {
+    } .button__component_1bmov[disabled].button__accent_1bmov {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_rjibc[disabled].button__accent_rjibc.button__loading_rjibc {
+    } .button__component_1bmov[disabled].button__accent_1bmov.button__loading_1bmov {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_rjibc[disabled].button__secondary_rjibc {
+        } .button__component_1bmov[disabled].button__secondary_1bmov {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_rjibc[disabled].button__secondary_rjibc.button__loading_rjibc {
+    } .button__component_1bmov[disabled].button__secondary_1bmov.button__loading_1bmov {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
-        } .button__component_rjibc[disabled].button__outlined_rjibc {
+        } .button__component_1bmov[disabled].button__outlined_1bmov {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
-    } .button__component_rjibc[disabled].button__outlined_rjibc.button__loading_rjibc {
+    } .button__component_1bmov[disabled].button__outlined_1bmov.button__loading_1bmov {
             color: var(--button-inverted-outlined-color);
-        } .button__component_rjibc[disabled].button__tertiary_rjibc {
+        } .button__component_1bmov[disabled].button__tertiary_1bmov {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_rjibc[disabled].button__tertiary_rjibc.button__loading_rjibc {
+    } .button__component_1bmov[disabled].button__tertiary_1bmov.button__loading_1bmov {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_rjibc[disabled].button__filled_rjibc {
+        } .button__component_1bmov[disabled].button__filled_1bmov {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(54, 54, 58, 0.3);
         border-color: transparent
-    } .button__component_rjibc[disabled].button__filled_rjibc.button__loading_rjibc {
+    } .button__component_1bmov[disabled].button__filled_1bmov.button__loading_1bmov {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_rjibc[disabled].button__transparent_rjibc {
+        } .button__component_1bmov[disabled].button__transparent_1bmov {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
-    } .button__component_rjibc[disabled].button__transparent_rjibc.button__loading_rjibc {
+    } .button__component_1bmov[disabled].button__transparent_1bmov.button__loading_1bmov {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
-        } .button__component_rjibc[disabled].button__link_rjibc {
+        } .button__component_1bmov[disabled].button__link_1bmov {
         background-color: transparent
-    } .button__component_rjibc[disabled].button__link_rjibc.button__loading_rjibc {
+    } .button__component_1bmov[disabled].button__link_1bmov.button__loading_1bmov {
             color: var(--button-inverted-link-base-color);
-        } .button__component_rjibc[disabled].button__ghost_rjibc.button__loading_rjibc {
+        } .button__component_1bmov[disabled].button__ghost_1bmov.button__loading_1bmov {
             color: var(--button-inverted-ghost-base-color);
         }

package/button/modern/desktop/Component.desktop.js

@@ -6,13 +6,13 @@ import '../../../shared/modern';
 import '../../../spinner/modern';
 import '@alfalab/hooks';
 
-const defaultColors = {"primary":"button__primary_1sqie","loader":"button__loader_1sqie","secondary":"button__secondary_1sqie","ghost":"button__ghost_1sqie","component":"button__component_1sqie","loading":"button__loading_1sqie","tertiary":"button__tertiary_1sqie","link":"button__link_1sqie"};
+const defaultColors = {"primary":"button__primary_16sg9","loader":"button__loader_16sg9","secondary":"button__secondary_16sg9","ghost":"button__ghost_16sg9","component":"button__component_16sg9","loading":"button__loading_16sg9","tertiary":"button__tertiary_16sg9","link":"button__link_16sg9"};
 require('./default.desktop.css');
 
-const styles = {"xxs":"button__xxs_3myld","xs":"button__xs_3myld","s":"button__s_3myld","m":"button__m_3myld","l":"button__l_3myld","xl":"button__xl_3myld"};
+const styles = {"xxs":"button__xxs_jjyst","xs":"button__xs_jjyst","s":"button__s_jjyst","m":"button__m_jjyst","l":"button__l_jjyst","xl":"button__xl_jjyst"};
 require('./desktop.css');
 
-const invertedColors = {"primary":"button__primary_1ac6r","loader":"button__loader_1ac6r","secondary":"button__secondary_1ac6r","ghost":"button__ghost_1ac6r","component":"button__component_1ac6r","loading":"button__loading_1ac6r","tertiary":"button__tertiary_1ac6r","link":"button__link_1ac6r"};
+const invertedColors = {"primary":"button__primary_q907v","loader":"button__loader_q907v","secondary":"button__secondary_q907v","ghost":"button__ghost_q907v","component":"button__component_q907v","loading":"button__loading_q907v","tertiary":"button__tertiary_q907v","link":"button__link_q907v"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

package/button/modern/desktop/default.desktop.css

@@ -1,4 +1,4 @@
-/* hash: 1i60y */
+/* hash: 79zw2 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -103,38 +103,38 @@
     /* ghost mobile inverted */
 
     /* loader mobile */
-} .button__primary_1sqie {
+} .button__primary_16sg9 {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1sqie:hover {
+        .button__primary_16sg9:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_1sqie:active {
+    } .button__primary_16sg9:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_1sqie > .button__loader_1sqie {
+    } .button__primary_16sg9 > .button__loader_16sg9 {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_1sqie {
+    } .button__secondary_16sg9 {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_1sqie:hover {
+} .button__secondary_16sg9:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_1sqie:active {
+    } .button__secondary_16sg9:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__ghost_1sqie:active {
+    } .button__ghost_16sg9:active {
         color: var(--button-ghost-active-color);
-    } .button__component_1sqie[disabled].button__primary_1sqie {
+    } .button__component_16sg9[disabled].button__primary_16sg9 {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_1sqie[disabled].button__primary_1sqie.button__loading_1sqie {
+    } .button__component_16sg9[disabled].button__primary_16sg9.button__loading_16sg9 {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_1sqie[disabled].button__secondary_1sqie {
+        } .button__component_16sg9[disabled].button__secondary_16sg9 {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_1sqie[disabled].button__tertiary_1sqie {
+    } .button__component_16sg9[disabled].button__tertiary_16sg9 {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_1sqie[disabled].button__link_1sqie {
+    } .button__component_16sg9[disabled].button__link_16sg9 {
         color: var(--button-link-disabled-color);
-    } .button__component_1sqie[disabled].button__ghost_1sqie {
+    } .button__component_16sg9[disabled].button__ghost_16sg9 {
         color: var(--button-ghost-disabled-color);
     }

package/button/modern/desktop/desktop.css

@@ -1,4 +1,4 @@
-/* hash: wu41o */
+/* hash: 67as0 */
 :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 */
@@ -82,16 +82,16 @@
     /* ghost mobile inverted */
 
     /* loader mobile */
-} .button__xxs_3myld {
+} .button__xxs_jjyst {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__xs_3myld {
+} .button__xs_jjyst {
     border-radius: var(--button-xs-size-border-radius);
-} .button__s_3myld {
+} .button__s_jjyst {
     border-radius: var(--button-s-size-border-radius);
-} .button__m_3myld {
+} .button__m_jjyst {
     border-radius: var(--button-m-size-border-radius);
-} .button__l_3myld {
+} .button__l_jjyst {
     border-radius: var(--button-l-size-border-radius);
-} .button__xl_3myld {
+} .button__xl_jjyst {
     border-radius: var(--button-xl-size-border-radius);
 }

package/button/modern/desktop/inverted.desktop.css

@@ -1,4 +1,4 @@
-/* hash: v64mk */
+/* hash: 100x0 */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #fff;
@@ -109,38 +109,38 @@
     /* ghost mobile inverted */
 
     /* loader mobile */
-} .button__primary_1ac6r {
+} .button__primary_q907v {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1ac6r:hover {
+        .button__primary_q907v:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_1ac6r:active {
+    } .button__primary_q907v:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1ac6r > .button__loader_1ac6r {
+    } .button__primary_q907v > .button__loader_q907v {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1ac6r {
+    } .button__secondary_q907v {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_1ac6r:hover {
+} .button__secondary_q907v:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_1ac6r:active {
+    } .button__secondary_q907v:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__ghost_1ac6r:active {
+    } .button__ghost_q907v:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_1ac6r[disabled].button__primary_1ac6r {
+    } .button__component_q907v[disabled].button__primary_q907v {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1ac6r[disabled].button__primary_1ac6r.button__loading_1ac6r {
+    } .button__component_q907v[disabled].button__primary_q907v.button__loading_q907v {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1ac6r[disabled].button__secondary_1ac6r {
+        } .button__component_q907v[disabled].button__secondary_q907v {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_1ac6r[disabled].button__tertiary_1ac6r {
+    } .button__component_q907v[disabled].button__tertiary_q907v {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_1ac6r[disabled].button__link_1ac6r {
+    } .button__component_q907v[disabled].button__link_q907v {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_1ac6r[disabled].button__ghost_1ac6r {
+    } .button__component_q907v[disabled].button__ghost_q907v {
         color: var(--button-inverted-ghost-disabled-color);
     }

package/button/modern/mobile/Component.mobile.js

@@ -6,13 +6,13 @@ import '../../../shared/modern';
 import '../../../spinner/modern';
 import '@alfalab/hooks';
 
-const defaultColors = {"primary":"button__primary_1qpql","loader":"button__loader_1qpql","secondary":"button__secondary_1qpql","ghost":"button__ghost_1qpql","component":"button__component_1qpql","loading":"button__loading_1qpql","tertiary":"button__tertiary_1qpql","link":"button__link_1qpql"};
+const defaultColors = {"primary":"button__primary_16mk1","loader":"button__loader_16mk1","secondary":"button__secondary_16mk1","ghost":"button__ghost_16mk1","component":"button__component_16mk1","loading":"button__loading_16mk1","tertiary":"button__tertiary_16mk1","link":"button__link_16mk1"};
 require('./default.mobile.css');
 
-const invertedColors = {"primary":"button__primary_eu89o","loader":"button__loader_eu89o","secondary":"button__secondary_eu89o","ghost":"button__ghost_eu89o","component":"button__component_eu89o","loading":"button__loading_eu89o","tertiary":"button__tertiary_eu89o","link":"button__link_eu89o"};
+const invertedColors = {"primary":"button__primary_1dhw5","loader":"button__loader_1dhw5","secondary":"button__secondary_1dhw5","ghost":"button__ghost_1dhw5","component":"button__component_1dhw5","loading":"button__loading_1dhw5","tertiary":"button__tertiary_1dhw5","link":"button__link_1dhw5"};
 require('./inverted.mobile.css');
 
-const styles = {"xxs":"button__xxs_3g5ne","xs":"button__xs_3g5ne","s":"button__s_3g5ne","m":"button__m_3g5ne","l":"button__l_3g5ne","xl":"button__xl_3g5ne"};
+const styles = {"xxs":"button__xxs_c7ocn","xs":"button__xs_c7ocn","s":"button__s_c7ocn","m":"button__m_c7ocn","l":"button__l_c7ocn","xl":"button__xl_c7ocn"};
 require('./mobile.css');
 
 const colorStyles = {

package/button/modern/mobile/default.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1bjof */
+/* hash: 1gegt */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary: #0e0e0e;
@@ -100,36 +100,36 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-1500-inverted);
-} .button__primary_1qpql {
+} .button__primary_16mk1 {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1qpql:hover {
+        .button__primary_16mk1:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1qpql:active {
+    } .button__primary_16mk1:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1qpql > .button__loader_1qpql {
+    } .button__primary_16mk1 > .button__loader_16mk1 {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1qpql {
+    } .button__secondary_16mk1 {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1qpql:active {
+} .button__secondary_16mk1:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__ghost_1qpql:active {
+    } .button__ghost_16mk1:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1qpql[disabled].button__primary_1qpql {
+    } .button__component_16mk1[disabled].button__primary_16mk1 {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1qpql[disabled].button__primary_1qpql.button__loading_1qpql {
+    } .button__component_16mk1[disabled].button__primary_16mk1.button__loading_16mk1 {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1qpql[disabled].button__secondary_1qpql {
+        } .button__component_16mk1[disabled].button__secondary_16mk1 {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1qpql[disabled].button__tertiary_1qpql {
+    } .button__component_16mk1[disabled].button__tertiary_16mk1 {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1qpql[disabled].button__link_1qpql {
+    } .button__component_16mk1[disabled].button__link_16mk1 {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1qpql[disabled].button__ghost_1qpql {
+    } .button__component_16mk1[disabled].button__ghost_16mk1 {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/modern/mobile/inverted.mobile.css

@@ -1,4 +1,4 @@
-/* hash: 1ovgu */
+/* hash: dzfrq */
 :root {
 } /* deprecated */ :root {
     --color-light-accent-secondary-inverted: #fff;
@@ -109,36 +109,36 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_eu89o {
+} .button__primary_1dhw5 {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_eu89o:hover {
+        .button__primary_1dhw5:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_eu89o:active {
+    } .button__primary_1dhw5:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_eu89o > .button__loader_eu89o {
+    } .button__primary_1dhw5 > .button__loader_1dhw5 {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_eu89o {
+    } .button__secondary_1dhw5 {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_eu89o:active {
+} .button__secondary_1dhw5:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__ghost_eu89o:active {
+    } .button__ghost_1dhw5:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_eu89o[disabled].button__primary_eu89o {
+    } .button__component_1dhw5[disabled].button__primary_1dhw5 {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_eu89o[disabled].button__primary_eu89o.button__loading_eu89o {
+    } .button__component_1dhw5[disabled].button__primary_1dhw5.button__loading_1dhw5 {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_eu89o[disabled].button__secondary_eu89o {
+        } .button__component_1dhw5[disabled].button__secondary_1dhw5 {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_eu89o[disabled].button__tertiary_eu89o {
+    } .button__component_1dhw5[disabled].button__tertiary_1dhw5 {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_eu89o[disabled].button__link_eu89o {
+    } .button__component_1dhw5[disabled].button__link_1dhw5 {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_eu89o[disabled].button__ghost_eu89o {
+    } .button__component_1dhw5[disabled].button__ghost_1dhw5 {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/modern/mobile/mobile.css

@@ -1,4 +1,4 @@
-/* hash: lo9nd */
+/* hash: 1l8mv */
 :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 */
@@ -83,16 +83,16 @@
     /* ghost mobile inverted */
 
     /* loader mobile */
-} .button__xxs_3g5ne {
+} .button__xxs_c7ocn {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__xs_3g5ne {
+} .button__xs_c7ocn {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__s_3g5ne {
+} .button__s_c7ocn {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__m_3g5ne {
+} .button__m_c7ocn {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__l_3g5ne {
+} .button__l_c7ocn {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__xl_3g5ne {
+} .button__xl_c7ocn {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getButtonTestIds } from "../utils";

package/button/modern/shared/index.js

@@ -0,0 +1,2 @@
+export { getButtonTestIds } from '../utils.js';
+import '../../../shared/modern';

package/button/modern/typings.d.ts

@@ -80,6 +80,11 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Дочерние элементы.
      */

package/button/modern/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getButtonTestIds(dataTestId: string): {
+    button: string;
+    spinner: string;
+};
+export { getButtonTestIds };

package/button/modern/utils.js

@@ -0,0 +1,10 @@
+import { getDataTestId } from '../../shared/modern';
+
+function getButtonTestIds(dataTestId) {
+    return {
+        button: dataTestId,
+        spinner: getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+export { getButtonTestIds };

package/button/shared/index.d.ts

@@ -0,0 +1 @@
+export { getButtonTestIds } from "../utils";

package/button/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getButtonTestIds = utils.getButtonTestIds;

package/button/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/button/typings.d.ts

@@ -80,6 +80,11 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Дочерние элементы.
      */

package/button/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getButtonTestIds(dataTestId: string): {
+    button: string;
+    spinner: string;
+};
+export { getButtonTestIds };

package/button/utils.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../shared');
+
+function getButtonTestIds(dataTestId) {
+    return {
+        button: dataTestId,
+        spinner: coreComponentsShared.getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+exports.getButtonTestIds = getButtonTestIds;