@alfalab/core-components 47.26.6 → 47.26.7

package/button/esm/desktop/inverted.desktop.css

@@ -24,6 +24,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -140,47 +143,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_h2lj6 {
+} .button__primary_1nma4 {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_h2lj6:hover {
+        .button__primary_1nma4:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_h2lj6:active {
+    } .button__primary_1nma4:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_h2lj6 > .button__loader_h2lj6 {
+    } .button__primary_1nma4 > .button__loader_1nma4 {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_h2lj6 {
+    } .button__secondary_1nma4 {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_h2lj6:hover {
+} .button__secondary_1nma4:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_h2lj6:active {
+    } .button__secondary_1nma4:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_h2lj6:active {
+    } .button__text_1nma4:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_h2lj6:active {
+    } .button__ghost_1nma4:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_h2lj6[disabled].button__primary_h2lj6 {
+    } .button__component_1nma4[disabled].button__primary_1nma4 {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_h2lj6[disabled].button__primary_h2lj6.button__loading_h2lj6 {
+    } .button__component_1nma4[disabled].button__primary_1nma4.button__loading_1nma4 {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_h2lj6[disabled].button__secondary_h2lj6 {
+        } .button__component_1nma4[disabled].button__secondary_1nma4 {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_h2lj6[disabled].button__outlined_h2lj6 {
+    } .button__component_1nma4[disabled].button__outlined_1nma4 {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_h2lj6[disabled].button__tertiary_h2lj6 {
+    } .button__component_1nma4[disabled].button__tertiary_1nma4 {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_h2lj6[disabled].button__transparent_h2lj6 {
+    } .button__component_1nma4[disabled].button__transparent_1nma4 {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_h2lj6[disabled].button__link_h2lj6 {
+    } .button__component_1nma4[disabled].button__link_1nma4 {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_h2lj6[disabled].button__text_h2lj6 {
+    } .button__component_1nma4[disabled].button__text_1nma4 {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_h2lj6[disabled].button__ghost_h2lj6 {
+    } .button__component_1nma4[disabled].button__ghost_1nma4 {
         color: var(--button-inverted-ghost-disabled-color);
     }

package/button/esm/mobile/Component.mobile.js

@@ -7,13 +7,13 @@ import '../../../shared/esm';
 import '../../../spinner/esm';
 import '@alfalab/hooks';
 
-var defaultColors = {"primary":"button__primary_1nrr6","loader":"button__loader_1nrr6","secondary":"button__secondary_1nrr6","text":"button__text_1nrr6","ghost":"button__ghost_1nrr6","component":"button__component_1nrr6","loading":"button__loading_1nrr6","outlined":"button__outlined_1nrr6","tertiary":"button__tertiary_1nrr6","transparent":"button__transparent_1nrr6","link":"button__link_1nrr6"};
+var defaultColors = {"primary":"button__primary_vabpp","loader":"button__loader_vabpp","secondary":"button__secondary_vabpp","text":"button__text_vabpp","ghost":"button__ghost_vabpp","component":"button__component_vabpp","loading":"button__loading_vabpp","outlined":"button__outlined_vabpp","tertiary":"button__tertiary_vabpp","transparent":"button__transparent_vabpp","link":"button__link_vabpp"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1mec4","loader":"button__loader_1mec4","secondary":"button__secondary_1mec4","text":"button__text_1mec4","ghost":"button__ghost_1mec4","component":"button__component_1mec4","loading":"button__loading_1mec4","outlined":"button__outlined_1mec4","tertiary":"button__tertiary_1mec4","transparent":"button__transparent_1mec4","link":"button__link_1mec4"};
+var invertedColors = {"primary":"button__primary_4yxpu","loader":"button__loader_4yxpu","secondary":"button__secondary_4yxpu","text":"button__text_4yxpu","ghost":"button__ghost_4yxpu","component":"button__component_4yxpu","loading":"button__loading_4yxpu","outlined":"button__outlined_4yxpu","tertiary":"button__tertiary_4yxpu","transparent":"button__transparent_4yxpu","link":"button__link_4yxpu"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_19rz2","size-40":"button__size-40_19rz2","size-48":"button__size-48_19rz2","size-56":"button__size-56_19rz2","size-64":"button__size-64_19rz2","size-72":"button__size-72_19rz2"};
+var styles = {"size-32":"button__size-32_1stf8","size-40":"button__size-40_1stf8","size-48":"button__size-48_1stf8","size-56":"button__size-56_1stf8","size-64":"button__size-64_1stf8","size-72":"button__size-72_1stf8"};
 require('./mobile.css');
 
 var colorStyles = {

package/button/esm/mobile/default.mobile.css

@@ -26,6 +26,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -129,45 +132,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_1nrr6 {
+} .button__primary_vabpp {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1nrr6:hover {
+        .button__primary_vabpp:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1nrr6:active {
+    } .button__primary_vabpp:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1nrr6 > .button__loader_1nrr6 {
+    } .button__primary_vabpp > .button__loader_vabpp {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1nrr6 {
+    } .button__secondary_vabpp {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1nrr6:active {
+} .button__secondary_vabpp:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1nrr6:active {
+    } .button__text_vabpp:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1nrr6:active {
+    } .button__ghost_vabpp:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1nrr6[disabled].button__primary_1nrr6 {
+    } .button__component_vabpp[disabled].button__primary_vabpp {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1nrr6[disabled].button__primary_1nrr6.button__loading_1nrr6 {
+    } .button__component_vabpp[disabled].button__primary_vabpp.button__loading_vabpp {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1nrr6[disabled].button__secondary_1nrr6 {
+        } .button__component_vabpp[disabled].button__secondary_vabpp {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1nrr6[disabled].button__outlined_1nrr6 {
+    } .button__component_vabpp[disabled].button__outlined_vabpp {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1nrr6[disabled].button__tertiary_1nrr6 {
+    } .button__component_vabpp[disabled].button__tertiary_vabpp {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1nrr6[disabled].button__transparent_1nrr6 {
+    } .button__component_vabpp[disabled].button__transparent_vabpp {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1nrr6[disabled].button__link_1nrr6 {
+    } .button__component_vabpp[disabled].button__link_vabpp {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1nrr6[disabled].button__text_1nrr6 {
+    } .button__component_vabpp[disabled].button__text_vabpp {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1nrr6[disabled].button__ghost_1nrr6 {
+    } .button__component_vabpp[disabled].button__ghost_vabpp {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/inverted.mobile.css

@@ -21,6 +21,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -140,45 +143,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_1mec4 {
+} .button__primary_4yxpu {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1mec4:hover {
+        .button__primary_4yxpu:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1mec4:active {
+    } .button__primary_4yxpu:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1mec4 > .button__loader_1mec4 {
+    } .button__primary_4yxpu > .button__loader_4yxpu {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1mec4 {
+    } .button__secondary_4yxpu {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1mec4:active {
+} .button__secondary_4yxpu:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1mec4:active {
+    } .button__text_4yxpu:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1mec4:active {
+    } .button__ghost_4yxpu:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1mec4[disabled].button__primary_1mec4 {
+    } .button__component_4yxpu[disabled].button__primary_4yxpu {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1mec4[disabled].button__primary_1mec4.button__loading_1mec4 {
+    } .button__component_4yxpu[disabled].button__primary_4yxpu.button__loading_4yxpu {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1mec4[disabled].button__secondary_1mec4 {
+        } .button__component_4yxpu[disabled].button__secondary_4yxpu {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1mec4[disabled].button__outlined_1mec4 {
+    } .button__component_4yxpu[disabled].button__outlined_4yxpu {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1mec4[disabled].button__tertiary_1mec4 {
+    } .button__component_4yxpu[disabled].button__tertiary_4yxpu {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1mec4[disabled].button__transparent_1mec4 {
+    } .button__component_4yxpu[disabled].button__transparent_4yxpu {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1mec4[disabled].button__link_1mec4 {
+    } .button__component_4yxpu[disabled].button__link_4yxpu {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1mec4[disabled].button__text_1mec4 {
+    } .button__component_4yxpu[disabled].button__text_4yxpu {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1mec4[disabled].button__ghost_1mec4 {
+    } .button__component_4yxpu[disabled].button__ghost_4yxpu {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/esm/mobile/mobile.css

@@ -22,6 +22,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -110,16 +113,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_19rz2 {
+} .button__size-32_1stf8 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_19rz2 {
+} .button__size-40_1stf8 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_19rz2 {
+} .button__size-48_1stf8 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_19rz2 {
+} .button__size-56_1stf8 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_19rz2 {
+} .button__size-64_1stf8 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_19rz2 {
+} .button__size-72_1stf8 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/mobile/Component.mobile.js

@@ -8,13 +8,13 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var defaultColors = {"primary":"button__primary_1nrr6","loader":"button__loader_1nrr6","secondary":"button__secondary_1nrr6","text":"button__text_1nrr6","ghost":"button__ghost_1nrr6","component":"button__component_1nrr6","loading":"button__loading_1nrr6","outlined":"button__outlined_1nrr6","tertiary":"button__tertiary_1nrr6","transparent":"button__transparent_1nrr6","link":"button__link_1nrr6"};
+var defaultColors = {"primary":"button__primary_vabpp","loader":"button__loader_vabpp","secondary":"button__secondary_vabpp","text":"button__text_vabpp","ghost":"button__ghost_vabpp","component":"button__component_vabpp","loading":"button__loading_vabpp","outlined":"button__outlined_vabpp","tertiary":"button__tertiary_vabpp","transparent":"button__transparent_vabpp","link":"button__link_vabpp"};
 require('./default.mobile.css');
 
-var invertedColors = {"primary":"button__primary_1mec4","loader":"button__loader_1mec4","secondary":"button__secondary_1mec4","text":"button__text_1mec4","ghost":"button__ghost_1mec4","component":"button__component_1mec4","loading":"button__loading_1mec4","outlined":"button__outlined_1mec4","tertiary":"button__tertiary_1mec4","transparent":"button__transparent_1mec4","link":"button__link_1mec4"};
+var invertedColors = {"primary":"button__primary_4yxpu","loader":"button__loader_4yxpu","secondary":"button__secondary_4yxpu","text":"button__text_4yxpu","ghost":"button__ghost_4yxpu","component":"button__component_4yxpu","loading":"button__loading_4yxpu","outlined":"button__outlined_4yxpu","tertiary":"button__tertiary_4yxpu","transparent":"button__transparent_4yxpu","link":"button__link_4yxpu"};
 require('./inverted.mobile.css');
 
-var styles = {"size-32":"button__size-32_19rz2","size-40":"button__size-40_19rz2","size-48":"button__size-48_19rz2","size-56":"button__size-56_19rz2","size-64":"button__size-64_19rz2","size-72":"button__size-72_19rz2"};
+var styles = {"size-32":"button__size-32_1stf8","size-40":"button__size-40_1stf8","size-48":"button__size-48_1stf8","size-56":"button__size-56_1stf8","size-64":"button__size-64_1stf8","size-72":"button__size-72_1stf8"};
 require('./mobile.css');
 
 var colorStyles = {

package/button/mobile/default.mobile.css

@@ -26,6 +26,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -129,45 +132,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_1nrr6 {
+} .button__primary_vabpp {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1nrr6:hover {
+        .button__primary_vabpp:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1nrr6:active {
+    } .button__primary_vabpp:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_1nrr6 > .button__loader_1nrr6 {
+    } .button__primary_vabpp > .button__loader_vabpp {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_1nrr6 {
+    } .button__secondary_vabpp {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_1nrr6:active {
+} .button__secondary_vabpp:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_1nrr6:active {
+    } .button__text_vabpp:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_1nrr6:active {
+    } .button__ghost_vabpp:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_1nrr6[disabled].button__primary_1nrr6 {
+    } .button__component_vabpp[disabled].button__primary_vabpp {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_1nrr6[disabled].button__primary_1nrr6.button__loading_1nrr6 {
+    } .button__component_vabpp[disabled].button__primary_vabpp.button__loading_vabpp {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_1nrr6[disabled].button__secondary_1nrr6 {
+        } .button__component_vabpp[disabled].button__secondary_vabpp {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_1nrr6[disabled].button__outlined_1nrr6 {
+    } .button__component_vabpp[disabled].button__outlined_vabpp {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_1nrr6[disabled].button__tertiary_1nrr6 {
+    } .button__component_vabpp[disabled].button__tertiary_vabpp {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_1nrr6[disabled].button__transparent_1nrr6 {
+    } .button__component_vabpp[disabled].button__transparent_vabpp {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_1nrr6[disabled].button__link_1nrr6 {
+    } .button__component_vabpp[disabled].button__link_vabpp {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_1nrr6[disabled].button__text_1nrr6 {
+    } .button__component_vabpp[disabled].button__text_vabpp {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_1nrr6[disabled].button__ghost_1nrr6 {
+    } .button__component_vabpp[disabled].button__ghost_vabpp {
         color: var(--button-ghost-mobile-disabled-color);
     }

package/button/mobile/inverted.mobile.css

@@ -21,6 +21,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -140,45 +143,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_1mec4 {
+} .button__primary_4yxpu {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_1mec4:hover {
+        .button__primary_4yxpu:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_1mec4:active {
+    } .button__primary_4yxpu:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_1mec4 > .button__loader_1mec4 {
+    } .button__primary_4yxpu > .button__loader_4yxpu {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_1mec4 {
+    } .button__secondary_4yxpu {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_1mec4:active {
+} .button__secondary_4yxpu:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_1mec4:active {
+    } .button__text_4yxpu:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_1mec4:active {
+    } .button__ghost_4yxpu:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_1mec4[disabled].button__primary_1mec4 {
+    } .button__component_4yxpu[disabled].button__primary_4yxpu {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_1mec4[disabled].button__primary_1mec4.button__loading_1mec4 {
+    } .button__component_4yxpu[disabled].button__primary_4yxpu.button__loading_4yxpu {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_1mec4[disabled].button__secondary_1mec4 {
+        } .button__component_4yxpu[disabled].button__secondary_4yxpu {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_1mec4[disabled].button__outlined_1mec4 {
+    } .button__component_4yxpu[disabled].button__outlined_4yxpu {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_1mec4[disabled].button__tertiary_1mec4 {
+    } .button__component_4yxpu[disabled].button__tertiary_4yxpu {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_1mec4[disabled].button__transparent_1mec4 {
+    } .button__component_4yxpu[disabled].button__transparent_4yxpu {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_1mec4[disabled].button__link_1mec4 {
+    } .button__component_4yxpu[disabled].button__link_4yxpu {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_1mec4[disabled].button__text_1mec4 {
+    } .button__component_4yxpu[disabled].button__text_4yxpu {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_1mec4[disabled].button__ghost_1mec4 {
+    } .button__component_4yxpu[disabled].button__ghost_4yxpu {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/mobile/mobile.css

@@ -22,6 +22,9 @@
 } :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 */
 
     /* новые значения, используйте их */
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
 } :root {
 } :root {
 } /* сбрасывает синюю подсветку при нажатии */ :root {
@@ -110,16 +113,16 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__size-32_19rz2 {
+} .button__size-32_1stf8 {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__size-40_19rz2 {
+} .button__size-40_1stf8 {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__size-48_19rz2 {
+} .button__size-48_1stf8 {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__size-56_19rz2 {
+} .button__size-56_1stf8 {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__size-64_19rz2 {
+} .button__size-64_1stf8 {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__size-72_19rz2 {
+} .button__size-72_1stf8 {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/modern/components/base-button/Component.js

@@ -5,13 +5,13 @@ import { getDataTestId } from '../../../../shared/modern';
 import { Spinner } from '../../../../spinner/modern';
 import { useFocus } from '@alfalab/hooks';
 
-const defaultColors = {"accent":"button__accent_lmfjj","loader":"button__loader_lmfjj","primary":"button__primary_lmfjj","secondary":"button__secondary_lmfjj","outlined":"button__outlined_lmfjj","tertiary":"button__tertiary_lmfjj","filled":"button__filled_lmfjj","transparent":"button__transparent_lmfjj","link":"button__link_lmfjj","text":"button__text_lmfjj","ghost":"button__ghost_lmfjj","component":"button__component_lmfjj","loading":"button__loading_lmfjj"};
+const defaultColors = {"accent":"button__accent_40pw6","loader":"button__loader_40pw6","primary":"button__primary_40pw6","secondary":"button__secondary_40pw6","outlined":"button__outlined_40pw6","tertiary":"button__tertiary_40pw6","filled":"button__filled_40pw6","transparent":"button__transparent_40pw6","link":"button__link_40pw6","text":"button__text_40pw6","ghost":"button__ghost_40pw6","component":"button__component_40pw6","loading":"button__loading_40pw6"};
 require('./default.css');
 
-const commonStyles = {"component":"button__component_sgt0m","hug":"button__hug_sgt0m","fill":"button__fill_sgt0m","hint":"button__hint_sgt0m","allowBackdropBlur":"button__allowBackdropBlur_sgt0m","secondary":"button__secondary_sgt0m","accent":"button__accent_sgt0m","primary":"button__primary_sgt0m","focused":"button__focused_sgt0m","loading":"button__loading_sgt0m","label":"button__label_sgt0m","addons":"button__addons_sgt0m","stretchText":"button__stretchText_sgt0m","loader":"button__loader_sgt0m","size-32":"button__size-32_sgt0m","iconOnly":"button__iconOnly_sgt0m","size-40":"button__size-40_sgt0m","size-48":"button__size-48_sgt0m","size-56":"button__size-56_sgt0m","size-64":"button__size-64_sgt0m","size-72":"button__size-72_sgt0m","withRightAddons":"button__withRightAddons_sgt0m","ghost":"button__ghost_sgt0m","text":"button__text_sgt0m","withLeftAddons":"button__withLeftAddons_sgt0m","link":"button__link_sgt0m","transparent":"button__transparent_sgt0m","block":"button__block_sgt0m","nowrap":"button__nowrap_sgt0m","rounded":"button__rounded_sgt0m"};
+const commonStyles = {"component":"button__component_1z0hm","hug":"button__hug_1z0hm","fill":"button__fill_1z0hm","hint":"button__hint_1z0hm","allowBackdropBlur":"button__allowBackdropBlur_1z0hm","secondary":"button__secondary_1z0hm","accent":"button__accent_1z0hm","primary":"button__primary_1z0hm","focused":"button__focused_1z0hm","loading":"button__loading_1z0hm","label":"button__label_1z0hm","addons":"button__addons_1z0hm","stretchText":"button__stretchText_1z0hm","loader":"button__loader_1z0hm","size-32":"button__size-32_1z0hm","iconOnly":"button__iconOnly_1z0hm","size-40":"button__size-40_1z0hm","size-48":"button__size-48_1z0hm","size-56":"button__size-56_1z0hm","size-64":"button__size-64_1z0hm","size-72":"button__size-72_1z0hm","withRightAddons":"button__withRightAddons_1z0hm","ghost":"button__ghost_1z0hm","text":"button__text_1z0hm","withLeftAddons":"button__withLeftAddons_1z0hm","link":"button__link_1z0hm","transparent":"button__transparent_1z0hm","block":"button__block_1z0hm","nowrap":"button__nowrap_1z0hm","rounded":"button__rounded_1z0hm"};
 require('./index.css');
 
-const invertedColors = {"accent":"button__accent_u61p2","loader":"button__loader_u61p2","primary":"button__primary_u61p2","secondary":"button__secondary_u61p2","outlined":"button__outlined_u61p2","tertiary":"button__tertiary_u61p2","filled":"button__filled_u61p2","transparent":"button__transparent_u61p2","link":"button__link_u61p2","text":"button__text_u61p2","ghost":"button__ghost_u61p2","component":"button__component_u61p2","loading":"button__loading_u61p2"};
+const invertedColors = {"accent":"button__accent_ckc1q","loader":"button__loader_ckc1q","primary":"button__primary_ckc1q","secondary":"button__secondary_ckc1q","outlined":"button__outlined_ckc1q","tertiary":"button__tertiary_ckc1q","filled":"button__filled_ckc1q","transparent":"button__transparent_ckc1q","link":"button__link_ckc1q","text":"button__text_ckc1q","ghost":"button__ghost_ckc1q","component":"button__component_ckc1q","loading":"button__loading_ckc1q"};
 require('./inverted.css');
 
 /* eslint-disable complexity */