@alfalab/core-components 46.0.0-beta.1 → 46.0.0

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

@@ -158,140 +158,140 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_c4agy {
+} .button__accent_1y11o {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_c4agy:hover {
+        .button__accent_1y11o:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_c4agy:active {
+    } .button__accent_1y11o:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_c4agy > .button__loader_c4agy {
+    } .button__accent_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_c4agy {
+    } .button__primary_1y11o {
     border: 1px solid transparent;
-} .button__secondary_c4agy {
+} .button__secondary_1y11o {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_c4agy > .button__loader_c4agy {
+} .button__secondary_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_c4agy {
+    } .button__outlined_1y11o {
     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_c4agy:hover {
+        .button__outlined_1y11o:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_c4agy:active {
+    } .button__outlined_1y11o:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_c4agy > .button__loader_c4agy {
+    } .button__outlined_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_c4agy {
+    } .button__tertiary_1y11o {
     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_c4agy:hover {
+        .button__tertiary_1y11o:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_c4agy:active {
+    } .button__tertiary_1y11o:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_c4agy > .button__loader_c4agy {
+    } .button__tertiary_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_c4agy {
+    } .button__filled_1y11o {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
 } @media (hover: hover) {
-        .button__filled_c4agy:hover {
+        .button__filled_1y11o:hover {
             background-color: rgb(84, 84, 88);
         }
-    } .button__filled_c4agy:active {
+    } .button__filled_1y11o:active {
         background-color: rgb(46, 46, 49);
-    } .button__transparent_c4agy {
+    } .button__transparent_1y11o {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_c4agy:hover {
+        .button__transparent_1y11o:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_c4agy:active {
+    } .button__transparent_1y11o:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_c4agy > .button__loader_c4agy {
+    } .button__transparent_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-color);
-    } .button__link_c4agy {
+    } .button__link_1y11o {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_c4agy:hover {
+        .button__link_1y11o:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_c4agy:active {
+    } .button__link_1y11o:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_c4agy > .button__loader_c4agy {
+    } .button__link_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-color);
-    } .button__text_c4agy {
+    } .button__text_1y11o {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_c4agy:hover {
+        .button__text_1y11o:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_c4agy > .button__loader_c4agy {
+    } .button__text_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_c4agy {
+    } .button__ghost_1y11o {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_c4agy:hover {
+        .button__ghost_1y11o:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_c4agy > .button__loader_c4agy {
+    } .button__ghost_1y11o > .button__loader_1y11o {
         color: var(--button-spinner-inverted-color);
-    } .button__component_c4agy[disabled].button__accent_c4agy {
+    } .button__component_1y11o[disabled].button__accent_1y11o {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_c4agy[disabled].button__accent_c4agy.button__loading_c4agy {
+    } .button__component_1y11o[disabled].button__accent_1y11o.button__loading_1y11o {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_c4agy[disabled].button__secondary_c4agy {
+        } .button__component_1y11o[disabled].button__secondary_1y11o {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_c4agy[disabled].button__secondary_c4agy.button__loading_c4agy {
+    } .button__component_1y11o[disabled].button__secondary_1y11o.button__loading_1y11o {
             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_c4agy[disabled].button__outlined_c4agy {
+        } .button__component_1y11o[disabled].button__outlined_1y11o {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_c4agy[disabled].button__outlined_c4agy.button__loading_c4agy {
+    } .button__component_1y11o[disabled].button__outlined_1y11o.button__loading_1y11o {
             color: var(--button-inverted-outlined-color);
-        } .button__component_c4agy[disabled].button__tertiary_c4agy {
+        } .button__component_1y11o[disabled].button__tertiary_1y11o {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_c4agy[disabled].button__tertiary_c4agy.button__loading_c4agy {
+    } .button__component_1y11o[disabled].button__tertiary_1y11o.button__loading_1y11o {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_c4agy[disabled].button__filled_c4agy {
+        } .button__component_1y11o[disabled].button__filled_1y11o {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(54, 54, 58, 0.3);
         border-color: transparent
-    } .button__component_c4agy[disabled].button__filled_c4agy.button__loading_c4agy {
+    } .button__component_1y11o[disabled].button__filled_1y11o.button__loading_1y11o {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_c4agy[disabled].button__transparent_c4agy {
+        } .button__component_1y11o[disabled].button__transparent_1y11o {
         background-color: transparent
-    } .button__component_c4agy[disabled].button__transparent_c4agy.button__loading_c4agy {
+    } .button__component_1y11o[disabled].button__transparent_1y11o.button__loading_1y11o {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_c4agy[disabled].button__link_c4agy {
+        } .button__component_1y11o[disabled].button__link_1y11o {
         background-color: transparent
-    } .button__component_c4agy[disabled].button__link_c4agy.button__loading_c4agy {
+    } .button__component_1y11o[disabled].button__link_1y11o.button__loading_1y11o {
             color: var(--button-inverted-link-base-color);
-        } .button__component_c4agy[disabled].button__text_c4agy.button__loading_c4agy {
+        } .button__component_1y11o[disabled].button__text_1y11o.button__loading_1y11o {
             color: var(--button-inverted-text-base-color);
-        } .button__component_c4agy[disabled].button__ghost_c4agy.button__loading_c4agy {
+        } .button__component_1y11o[disabled].button__ghost_1y11o.button__loading_1y11o {
             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_eo9fs","loader":"button__loader_eo9fs","secondary":"button__secondary_eo9fs","text":"button__text_eo9fs","ghost":"button__ghost_eo9fs","component":"button__component_eo9fs","loading":"button__loading_eo9fs","outlined":"button__outlined_eo9fs","tertiary":"button__tertiary_eo9fs","transparent":"button__transparent_eo9fs","link":"button__link_eo9fs"};
+const defaultColors = {"primary":"button__primary_1arqq","loader":"button__loader_1arqq","secondary":"button__secondary_1arqq","text":"button__text_1arqq","ghost":"button__ghost_1arqq","component":"button__component_1arqq","loading":"button__loading_1arqq","outlined":"button__outlined_1arqq","tertiary":"button__tertiary_1arqq","transparent":"button__transparent_1arqq","link":"button__link_1arqq"};
 require('./default.desktop.css');
 
-const styles = {"size-32":"button__size-32_5wm6d","size-40":"button__size-40_5wm6d","size-48":"button__size-48_5wm6d","size-56":"button__size-56_5wm6d","size-64":"button__size-64_5wm6d","size-72":"button__size-72_5wm6d"};
+const styles = {"size-32":"button__size-32_qm35a","size-40":"button__size-40_qm35a","size-48":"button__size-48_qm35a","size-56":"button__size-56_qm35a","size-64":"button__size-64_qm35a","size-72":"button__size-72_qm35a"};
 require('./desktop.css');
 
-const invertedColors = {"primary":"button__primary_lq598","loader":"button__loader_lq598","secondary":"button__secondary_lq598","text":"button__text_lq598","ghost":"button__ghost_lq598","component":"button__component_lq598","loading":"button__loading_lq598","outlined":"button__outlined_lq598","tertiary":"button__tertiary_lq598","transparent":"button__transparent_lq598","link":"button__link_lq598"};
+const invertedColors = {"primary":"button__primary_wzi4n","loader":"button__loader_wzi4n","secondary":"button__secondary_wzi4n","text":"button__text_wzi4n","ghost":"button__ghost_wzi4n","component":"button__component_wzi4n","loading":"button__loading_wzi4n","outlined":"button__outlined_wzi4n","tertiary":"button__tertiary_wzi4n","transparent":"button__transparent_wzi4n","link":"button__link_wzi4n"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

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

@@ -128,47 +128,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_eo9fs {
+} .button__primary_1arqq {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_eo9fs:hover {
+        .button__primary_1arqq:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_eo9fs:active {
+    } .button__primary_1arqq:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_eo9fs > .button__loader_eo9fs {
+    } .button__primary_1arqq > .button__loader_1arqq {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_eo9fs {
+    } .button__secondary_1arqq {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_eo9fs:hover {
+} .button__secondary_1arqq:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_eo9fs:active {
+    } .button__secondary_1arqq:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_eo9fs:active {
+    } .button__text_1arqq:active {
         color: var(--button-text-active-color);
-    } .button__ghost_eo9fs:active {
+    } .button__ghost_1arqq:active {
         color: var(--button-ghost-active-color);
-    } .button__component_eo9fs[disabled].button__primary_eo9fs {
+    } .button__component_1arqq[disabled].button__primary_1arqq {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_eo9fs[disabled].button__primary_eo9fs.button__loading_eo9fs {
+    } .button__component_1arqq[disabled].button__primary_1arqq.button__loading_1arqq {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_eo9fs[disabled].button__secondary_eo9fs {
+        } .button__component_1arqq[disabled].button__secondary_1arqq {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_eo9fs[disabled].button__outlined_eo9fs {
+    } .button__component_1arqq[disabled].button__outlined_1arqq {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_eo9fs[disabled].button__tertiary_eo9fs {
+    } .button__component_1arqq[disabled].button__tertiary_1arqq {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_eo9fs[disabled].button__transparent_eo9fs {
+    } .button__component_1arqq[disabled].button__transparent_1arqq {
         color: var(--button-transparent-disabled-color);
-    } .button__component_eo9fs[disabled].button__link_eo9fs {
+    } .button__component_1arqq[disabled].button__link_1arqq {
         color: var(--button-link-disabled-color);
-    } .button__component_eo9fs[disabled].button__text_eo9fs {
+    } .button__component_1arqq[disabled].button__text_1arqq {
         color: var(--button-text-disabled-color);
-    } .button__component_eo9fs[disabled].button__ghost_eo9fs {
+    } .button__component_1arqq[disabled].button__ghost_1arqq {
         color: var(--button-ghost-disabled-color);
     }

package/button/modern/desktop/desktop.css

@@ -102,16 +102,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_5wm6d {
+} .button__size-32_qm35a {
     border-radius: var(--button-xxs-size-border-radius);
-} .button__size-40_5wm6d {
+} .button__size-40_qm35a {
     border-radius: var(--button-xs-size-border-radius);
-} .button__size-48_5wm6d {
+} .button__size-48_qm35a {
     border-radius: var(--button-s-size-border-radius);
-} .button__size-56_5wm6d {
+} .button__size-56_qm35a {
     border-radius: var(--button-m-size-border-radius);
-} .button__size-64_5wm6d {
+} .button__size-64_qm35a {
     border-radius: var(--button-l-size-border-radius);
-} .button__size-72_5wm6d {
+} .button__size-72_qm35a {
     border-radius: var(--button-xl-size-border-radius);
 }

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

@@ -136,47 +136,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_lq598 {
+} .button__primary_wzi4n {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_lq598:hover {
+        .button__primary_wzi4n:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_lq598:active {
+    } .button__primary_wzi4n:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_lq598 > .button__loader_lq598 {
+    } .button__primary_wzi4n > .button__loader_wzi4n {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_lq598 {
+    } .button__secondary_wzi4n {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_lq598:hover {
+} .button__secondary_wzi4n:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_lq598:active {
+    } .button__secondary_wzi4n:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_lq598:active {
+    } .button__text_wzi4n:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_lq598:active {
+    } .button__ghost_wzi4n:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_lq598[disabled].button__primary_lq598 {
+    } .button__component_wzi4n[disabled].button__primary_wzi4n {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_lq598[disabled].button__primary_lq598.button__loading_lq598 {
+    } .button__component_wzi4n[disabled].button__primary_wzi4n.button__loading_wzi4n {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_lq598[disabled].button__secondary_lq598 {
+        } .button__component_wzi4n[disabled].button__secondary_wzi4n {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_lq598[disabled].button__outlined_lq598 {
+    } .button__component_wzi4n[disabled].button__outlined_wzi4n {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_lq598[disabled].button__tertiary_lq598 {
+    } .button__component_wzi4n[disabled].button__tertiary_wzi4n {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_lq598[disabled].button__transparent_lq598 {
+    } .button__component_wzi4n[disabled].button__transparent_wzi4n {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_lq598[disabled].button__link_lq598 {
+    } .button__component_wzi4n[disabled].button__link_wzi4n {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_lq598[disabled].button__text_lq598 {
+    } .button__component_wzi4n[disabled].button__text_wzi4n {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_lq598[disabled].button__ghost_lq598 {
+    } .button__component_wzi4n[disabled].button__ghost_wzi4n {
         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_1svjd","loader":"button__loader_1svjd","secondary":"button__secondary_1svjd","text":"button__text_1svjd","ghost":"button__ghost_1svjd","component":"button__component_1svjd","loading":"button__loading_1svjd","outlined":"button__outlined_1svjd","tertiary":"button__tertiary_1svjd","transparent":"button__transparent_1svjd","link":"button__link_1svjd"};
+const defaultColors = {"primary":"button__primary_4njpq","loader":"button__loader_4njpq","secondary":"button__secondary_4njpq","text":"button__text_4njpq","ghost":"button__ghost_4njpq","component":"button__component_4njpq","loading":"button__loading_4njpq","outlined":"button__outlined_4njpq","tertiary":"button__tertiary_4njpq","transparent":"button__transparent_4njpq","link":"button__link_4njpq"};
 require('./default.mobile.css');
 
-const invertedColors = {"primary":"button__primary_1tmz2","loader":"button__loader_1tmz2","secondary":"button__secondary_1tmz2","text":"button__text_1tmz2","ghost":"button__ghost_1tmz2","component":"button__component_1tmz2","loading":"button__loading_1tmz2","outlined":"button__outlined_1tmz2","tertiary":"button__tertiary_1tmz2","transparent":"button__transparent_1tmz2","link":"button__link_1tmz2"};
+const invertedColors = {"primary":"button__primary_1ji6e","loader":"button__loader_1ji6e","secondary":"button__secondary_1ji6e","text":"button__text_1ji6e","ghost":"button__ghost_1ji6e","component":"button__component_1ji6e","loading":"button__loading_1ji6e","outlined":"button__outlined_1ji6e","tertiary":"button__tertiary_1ji6e","transparent":"button__transparent_1ji6e","link":"button__link_1ji6e"};
 require('./inverted.mobile.css');
 
-const styles = {"size-32":"button__size-32_x0st4","size-40":"button__size-40_x0st4","size-48":"button__size-48_x0st4","size-56":"button__size-56_x0st4","size-64":"button__size-64_x0st4","size-72":"button__size-72_x0st4"};
+const styles = {"size-32":"button__size-32_ab3j0","size-40":"button__size-40_ab3j0","size-48":"button__size-48_ab3j0","size-56":"button__size-56_ab3j0","size-64":"button__size-64_ab3j0","size-72":"button__size-72_ab3j0"};
 require('./mobile.css');
 
 const colorStyles = {

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

@@ -125,45 +125,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-1500-inverted);
-} .button__primary_1svjd {
+} .button__primary_4njpq {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1svjd:hover {
+        .button__primary_4njpq:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1svjd:active {
+    } .button__primary_4njpq:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1svjd > .button__loader_1svjd {
+    } .button__primary_4njpq > .button__loader_4njpq {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1svjd {
+    } .button__secondary_4njpq {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1svjd:active {
+} .button__secondary_4njpq:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1svjd:active {
+    } .button__text_4njpq:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1svjd:active {
+    } .button__ghost_4njpq:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1svjd[disabled].button__primary_1svjd {
+    } .button__component_4njpq[disabled].button__primary_4njpq {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1svjd[disabled].button__primary_1svjd.button__loading_1svjd {
+    } .button__component_4njpq[disabled].button__primary_4njpq.button__loading_4njpq {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1svjd[disabled].button__secondary_1svjd {
+        } .button__component_4njpq[disabled].button__secondary_4njpq {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1svjd[disabled].button__outlined_1svjd {
+    } .button__component_4njpq[disabled].button__outlined_4njpq {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1svjd[disabled].button__tertiary_1svjd {
+    } .button__component_4njpq[disabled].button__tertiary_4njpq {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1svjd[disabled].button__transparent_1svjd {
+    } .button__component_4njpq[disabled].button__transparent_4njpq {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1svjd[disabled].button__link_1svjd {
+    } .button__component_4njpq[disabled].button__link_4njpq {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1svjd[disabled].button__text_1svjd {
+    } .button__component_4njpq[disabled].button__text_4njpq {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1svjd[disabled].button__ghost_1svjd {
+    } .button__component_4njpq[disabled].button__ghost_4njpq {
         color: var(--button-ghost-mobile-disabled-color);
     }

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

@@ -136,45 +136,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_1tmz2 {
+} .button__primary_1ji6e {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1tmz2:hover {
+        .button__primary_1ji6e:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1tmz2:active {
+    } .button__primary_1ji6e:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1tmz2 > .button__loader_1tmz2 {
+    } .button__primary_1ji6e > .button__loader_1ji6e {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1tmz2 {
+    } .button__secondary_1ji6e {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1tmz2:active {
+} .button__secondary_1ji6e:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1tmz2:active {
+    } .button__text_1ji6e:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1tmz2:active {
+    } .button__ghost_1ji6e:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1tmz2[disabled].button__primary_1tmz2 {
+    } .button__component_1ji6e[disabled].button__primary_1ji6e {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1tmz2[disabled].button__primary_1tmz2.button__loading_1tmz2 {
+    } .button__component_1ji6e[disabled].button__primary_1ji6e.button__loading_1ji6e {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1tmz2[disabled].button__secondary_1tmz2 {
+        } .button__component_1ji6e[disabled].button__secondary_1ji6e {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1tmz2[disabled].button__outlined_1tmz2 {
+    } .button__component_1ji6e[disabled].button__outlined_1ji6e {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1tmz2[disabled].button__tertiary_1tmz2 {
+    } .button__component_1ji6e[disabled].button__tertiary_1ji6e {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1tmz2[disabled].button__transparent_1tmz2 {
+    } .button__component_1ji6e[disabled].button__transparent_1ji6e {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1tmz2[disabled].button__link_1tmz2 {
+    } .button__component_1ji6e[disabled].button__link_1ji6e {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1tmz2[disabled].button__text_1tmz2 {
+    } .button__component_1ji6e[disabled].button__text_1ji6e {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1tmz2[disabled].button__ghost_1tmz2 {
+    } .button__component_1ji6e[disabled].button__ghost_1ji6e {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/modern/mobile/mobile.css

@@ -103,16 +103,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_x0st4 {
+} .button__size-32_ab3j0 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_x0st4 {
+} .button__size-40_ab3j0 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_x0st4 {
+} .button__size-48_ab3j0 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_x0st4 {
+} .button__size-56_ab3j0 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_x0st4 {
+} .button__size-64_ab3j0 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_x0st4 {
+} .button__size-72_ab3j0 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/calendar/components/calendar-mobile/Component.js

@@ -28,13 +28,13 @@ var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var backdropTransitionStyles = {"appear":"calendar__appear_14q68","enter":"calendar__enter_14q68","appearActive":"calendar__appearActive_14q68","enterActive":"calendar__enterActive_14q68","appearDone":"calendar__appearDone_14q68","enterDone":"calendar__enterDone_14q68","exit":"calendar__exit_14q68","exitActive":"calendar__exitActive_14q68","exitDone":"calendar__exitDone_14q68"};
+var backdropTransitionStyles = {"appear":"calendar__appear_1l85y","enter":"calendar__enter_1l85y","appearActive":"calendar__appearActive_1l85y","enterActive":"calendar__enterActive_1l85y","appearDone":"calendar__appearDone_1l85y","enterDone":"calendar__enterDone_1l85y","exit":"calendar__exit_1l85y","exitActive":"calendar__exitActive_1l85y","exitDone":"calendar__exitDone_1l85y"};
 require('./backdrop-transitions.css');
 
-var styles = {"wrapper":"calendar__wrapper_jhm9z","withZIndex":"calendar__withZIndex_jhm9z","calendar":"calendar__calendar_jhm9z","dayNames":"calendar__dayNames_jhm9z","withHeader":"calendar__withHeader_jhm9z","month":"calendar__month_jhm9z","daysTable":"calendar__daysTable_jhm9z","dayName":"calendar__dayName_jhm9z","virtuoso":"calendar__virtuoso_jhm9z","contentModal":"calendar__contentModal_jhm9z","content":"calendar__content_jhm9z"};
+var styles = {"wrapper":"calendar__wrapper_11ytp","withZIndex":"calendar__withZIndex_11ytp","calendar":"calendar__calendar_11ytp","dayNames":"calendar__dayNames_11ytp","withHeader":"calendar__withHeader_11ytp","month":"calendar__month_11ytp","daysTable":"calendar__daysTable_11ytp","dayName":"calendar__dayName_11ytp","virtuoso":"calendar__virtuoso_11ytp","contentModal":"calendar__contentModal_11ytp","content":"calendar__content_11ytp"};
 require('./index.css');
 
-var transitionStyles = {"appear":"calendar__appear_dzwyk","enter":"calendar__enter_dzwyk","appearActive":"calendar__appearActive_dzwyk","enterActive":"calendar__enterActive_dzwyk","exit":"calendar__exit_dzwyk","exitActive":"calendar__exitActive_dzwyk","exitDone":"calendar__exitDone_dzwyk"};
+var transitionStyles = {"appear":"calendar__appear_17sju","enter":"calendar__enter_17sju","appearActive":"calendar__appearActive_17sju","enterActive":"calendar__enterActive_17sju","exit":"calendar__exit_17sju","exitActive":"calendar__exitActive_17sju","exitDone":"calendar__exitDone_17sju"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -151,7 +151,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
         if (monthOnlyView) {
             return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
         }
-        return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, styles.calendar), contentClassName: styles.content }, commonProps, restProps)));
+        return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, styles.calendar), contentClassName: styles.content, dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'mobile') }, commonProps, restProps)));
     };
     var renderFooter = function () {
         if (selectedFrom || selectedTo) {

package/calendar/components/calendar-mobile/backdrop-transitions.css

@@ -1,4 +1,4 @@
-/* hash: 1wc1s */
+/* hash: 10gyt */
 :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 */ /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-bg-primary-inverted-alpha-10: rgba(14, 14, 14, 0.1);
@@ -15,19 +15,19 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_14q68,
-.calendar__enter_14q68 {
+} .calendar__appear_1l85y,
+.calendar__enter_1l85y {
     background-color: transparent;
-} .calendar__appearActive_14q68,
-.calendar__enterActive_14q68,
-.calendar__appearDone_14q68,
-.calendar__enterDone_14q68 {
+} .calendar__appearActive_1l85y,
+.calendar__enterActive_1l85y,
+.calendar__appearDone_1l85y,
+.calendar__enterDone_1l85y {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
     transition: background-color 80ms linear;
-} .calendar__exit_14q68 {
+} .calendar__exit_1l85y {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
-} .calendar__exitActive_14q68,
-.calendar__exitDone_14q68 {
+} .calendar__exitActive_1l85y,
+.calendar__exitDone_1l85y {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;