@alfalab/core-components 48.11.0-beta.0 → 48.11.0-beta.1

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

@@ -178,153 +178,153 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__accent_14hng {
+} .button__accent_1sa37 {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__accent_14hng:hover {
+        .button__accent_1sa37:hover {
             background-color: var(--button-inverted-accent-hover-bg-color);
         }
-    } .button__accent_14hng:active {
+    } .button__accent_1sa37:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_14hng > .button__loader_14hng {
+    } .button__accent_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-static-color);
-    } .button__primary_14hng {
+    } .button__primary_1sa37 {
     border: 1px solid transparent
-} .button__primary_14hng .button__hint_14hng {
+} .button__primary_1sa37 .button__hint_1sa37 {
         color: var(--button-inverted-primary-hint-color);
-    } .button__secondary_14hng {
+    } .button__secondary_1sa37 {
     color: var(--button-inverted-secondary-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_14hng > .button__loader_14hng {
+} .button__secondary_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__secondary_14hng .button__hint_14hng {
+    } .button__secondary_1sa37 .button__hint_1sa37 {
         color: var(--button-inverted-secondary-hint-color);
-    } .button__outlined_14hng {
+    } .button__outlined_1sa37 {
     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_14hng:hover {
+        .button__outlined_1sa37:hover {
             background-color: var(--button-inverted-outlined-hover-bg-color);
             border-color: var(--button-inverted-outlined-hover-border-color);
         }
-    } .button__outlined_14hng:active {
+    } .button__outlined_1sa37:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__outlined_14hng > .button__loader_14hng {
+    } .button__outlined_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_14hng .button__hint_14hng {
+    } .button__outlined_1sa37 .button__hint_1sa37 {
         color: var(--button-inverted-outlined-hint-color);
-    } .button__tertiary_14hng {
+    } .button__tertiary_1sa37 {
     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_14hng:hover {
+        .button__tertiary_1sa37:hover {
             background-color: var(--button-inverted-tertiary-hover-bg-color);
             border-color: var(--button-inverted-tertiary-hover-border-color);
         }
-    } .button__tertiary_14hng:active {
+    } .button__tertiary_1sa37:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_14hng > .button__loader_14hng {
+    } .button__tertiary_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__tertiary_14hng .button__hint_14hng {
+    } .button__tertiary_1sa37 .button__hint_1sa37 {
         color: var(--button-inverted-tertiary-hint-color);
-    } .button__filled_14hng {
+    } .button__filled_1sa37 {
     color: var(--color-light-text-primary-inverted);
     background-color: var(--color-light-neutral-translucent-300-inverted);
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__filled_14hng:hover {
+        .button__filled_1sa37:hover {
             background-color: var(--color-light-neutral-translucent-300-inverted-hover);
         }
-    } .button__filled_14hng:active {
+    } .button__filled_1sa37:active {
         background-color: var(--color-light-neutral-translucent-300-inverted-press);
-    } .button__filled_14hng > .button__loader_14hng {
+    } .button__filled_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_14hng {
+    } .button__transparent_1sa37 {
     color: var(--button-inverted-transparent-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__transparent_14hng:hover {
+        .button__transparent_1sa37:hover {
             background-color: var(--button-inverted-transparent-hover-bg-color);
         }
-    } .button__transparent_14hng:active {
+    } .button__transparent_1sa37:active {
         background-color: var(--button-inverted-transparent-active-bg-color);
-    } .button__transparent_14hng > .button__loader_14hng {
+    } .button__transparent_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__transparent_14hng .button__hint_14hng {
+    } .button__transparent_1sa37 .button__hint_1sa37 {
         color: var(--button-inverted-transparent-base-hint-color);
-    } .button__link_14hng {
+    } .button__link_1sa37 {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
 } @media (hover: hover) {
-        .button__link_14hng:hover {
+        .button__link_1sa37:hover {
             background-color: var(--button-inverted-link-hover-bg-color);
         }
-    } .button__link_14hng:active {
+    } .button__link_1sa37:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_14hng > .button__loader_14hng {
+    } .button__link_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__text_14hng {
+    } .button__text_1sa37 {
     background-color: transparent;
     color: var(--button-inverted-text-base-color)
 } @media (hover: hover) {
-        .button__text_14hng:hover {
+        .button__text_1sa37:hover {
             color: var(--button-inverted-text-hover-color);
         }
-    } .button__text_14hng > .button__loader_14hng {
+    } .button__text_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__text_14hng .button__hint_14hng {
+    } .button__text_1sa37 .button__hint_1sa37 {
         color: var(--button-inverted-text-base-hint-color);
-    } .button__ghost_14hng {
+    } .button__ghost_1sa37 {
     background-color: transparent;
     color: var(--button-inverted-ghost-base-color)
 } @media (hover: hover) {
-        .button__ghost_14hng:hover {
+        .button__ghost_1sa37:hover {
             color: var(--button-inverted-ghost-hover-color);
         }
-    } .button__ghost_14hng > .button__loader_14hng {
+    } .button__ghost_1sa37 > .button__loader_1sa37 {
         color: var(--button-spinner-inverted-color);
-    } .button__component_14hng[disabled].button__accent_14hng {
+    } .button__component_1sa37[disabled].button__accent_1sa37 {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_14hng[disabled].button__accent_14hng.button__loading_14hng {
+    } .button__component_1sa37[disabled].button__accent_1sa37.button__loading_1sa37 {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_14hng[disabled].button__secondary_14hng {
+        } .button__component_1sa37[disabled].button__secondary_1sa37 {
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_14hng[disabled].button__secondary_14hng.button__loading_14hng {
+    } .button__component_1sa37[disabled].button__secondary_1sa37.button__loading_1sa37 {
             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_14hng[disabled].button__outlined_14hng {
+        } .button__component_1sa37[disabled].button__outlined_1sa37 {
         background-color: var(--button-inverted-outlined-disabled-bg-color)
-    } .button__component_14hng[disabled].button__outlined_14hng.button__loading_14hng {
+    } .button__component_1sa37[disabled].button__outlined_1sa37.button__loading_1sa37 {
             color: var(--button-inverted-outlined-color);
-        } .button__component_14hng[disabled].button__tertiary_14hng {
+        } .button__component_1sa37[disabled].button__tertiary_1sa37 {
         background-color: var(--button-inverted-tertiary-disabled-bg-color)
-    } .button__component_14hng[disabled].button__tertiary_14hng.button__loading_14hng {
+    } .button__component_1sa37[disabled].button__tertiary_1sa37.button__loading_1sa37 {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_14hng[disabled].button__filled_14hng {
+        } .button__component_1sa37[disabled].button__filled_1sa37 {
         color: var(--color-light-text-tertiary-inverted);
         background-color: var(--color-light-neutral-translucent-100-inverted)
-    } .button__component_14hng[disabled].button__filled_14hng.button__loading_14hng {
+    } .button__component_1sa37[disabled].button__filled_1sa37.button__loading_1sa37 {
             color: var(--color-light-text-primary-inverted);
             background-color: var(--color-light-neutral-translucent-300-inverted);
-        } .button__component_14hng[disabled].button__transparent_14hng {
+        } .button__component_1sa37[disabled].button__transparent_1sa37 {
         background-color: transparent
-    } .button__component_14hng[disabled].button__transparent_14hng.button__loading_14hng {
+    } .button__component_1sa37[disabled].button__transparent_1sa37.button__loading_1sa37 {
             color: var(--button-inverted-transparent-base-color);
-        } .button__component_14hng[disabled].button__link_14hng {
+        } .button__component_1sa37[disabled].button__link_1sa37 {
         background-color: transparent
-    } .button__component_14hng[disabled].button__link_14hng.button__loading_14hng {
+    } .button__component_1sa37[disabled].button__link_1sa37.button__loading_1sa37 {
             color: var(--button-inverted-link-base-color);
-        } .button__component_14hng[disabled].button__text_14hng.button__loading_14hng {
+        } .button__component_1sa37[disabled].button__text_1sa37.button__loading_1sa37 {
             color: var(--button-inverted-text-base-color);
-        } .button__component_14hng[disabled].button__ghost_14hng.button__loading_14hng {
+        } .button__component_1sa37[disabled].button__ghost_1sa37.button__loading_1sa37 {
             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_jod64","loader":"button__loader_jod64","secondary":"button__secondary_jod64","text":"button__text_jod64","ghost":"button__ghost_jod64","component":"button__component_jod64","loading":"button__loading_jod64","outlined":"button__outlined_jod64","tertiary":"button__tertiary_jod64","transparent":"button__transparent_jod64","link":"button__link_jod64"};
+const defaultColors = {"primary":"button__primary_1ux1g","loader":"button__loader_1ux1g","secondary":"button__secondary_1ux1g","text":"button__text_1ux1g","ghost":"button__ghost_1ux1g","component":"button__component_1ux1g","loading":"button__loading_1ux1g","outlined":"button__outlined_1ux1g","tertiary":"button__tertiary_1ux1g","transparent":"button__transparent_1ux1g","link":"button__link_1ux1g"};
 require('./default.desktop.css');
 
-const styles = {"size-32":"button__size-32_x1mq4","size-40":"button__size-40_x1mq4","size-48":"button__size-48_x1mq4","size-56":"button__size-56_x1mq4","size-64":"button__size-64_x1mq4","size-72":"button__size-72_x1mq4"};
+const styles = {"size-32":"button__size-32_1ku2h","size-40":"button__size-40_1ku2h","size-48":"button__size-48_1ku2h","size-56":"button__size-56_1ku2h","size-64":"button__size-64_1ku2h","size-72":"button__size-72_1ku2h"};
 require('./desktop.css');
 
-const invertedColors = {"primary":"button__primary_102go","loader":"button__loader_102go","secondary":"button__secondary_102go","text":"button__text_102go","ghost":"button__ghost_102go","component":"button__component_102go","loading":"button__loading_102go","outlined":"button__outlined_102go","tertiary":"button__tertiary_102go","transparent":"button__transparent_102go","link":"button__link_102go"};
+const invertedColors = {"primary":"button__primary_117zv","loader":"button__loader_117zv","secondary":"button__secondary_117zv","text":"button__text_117zv","ghost":"button__ghost_117zv","component":"button__component_117zv","loading":"button__loading_117zv","outlined":"button__outlined_117zv","tertiary":"button__tertiary_117zv","transparent":"button__transparent_117zv","link":"button__link_117zv"};
 require('./inverted.desktop.css');
 
 const colorStyles = {

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

@@ -132,47 +132,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_jod64 {
+} .button__primary_1ux1g {
     color: var(--button-primary-color);
     background-color: var(--button-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_jod64:hover {
+        .button__primary_1ux1g:hover {
             background-color: var(--button-primary-hover-bg-color);
         }
-    } .button__primary_jod64:active {
+    } .button__primary_1ux1g:active {
         background-color: var(--button-primary-active-bg-color);
-    } .button__primary_jod64 > .button__loader_jod64 {
+    } .button__primary_1ux1g > .button__loader_1ux1g {
         color: var(--button-spinner-primary-color);
-    } .button__secondary_jod64 {
+    } .button__secondary_1ux1g {
     background-color: var(--button-secondary-base-bg-color)
-} .button__secondary_jod64:hover {
+} .button__secondary_1ux1g:hover {
         background-color: var(--button-secondary-hover-bg-color);
-    } .button__secondary_jod64:active {
+    } .button__secondary_1ux1g:active {
         background-color: var(--button-secondary-active-bg-color);
-    } .button__text_jod64:active {
+    } .button__text_1ux1g:active {
         color: var(--button-text-active-color);
-    } .button__ghost_jod64:active {
+    } .button__ghost_1ux1g:active {
         color: var(--button-ghost-active-color);
-    } .button__component_jod64[disabled].button__primary_jod64 {
+    } .button__component_1ux1g[disabled].button__primary_1ux1g {
         color: var(--button-primary-disabled-color);
         background-color: var(--button-primary-disabled-bg-color)
-    } .button__component_jod64[disabled].button__primary_jod64.button__loading_jod64 {
+    } .button__component_1ux1g[disabled].button__primary_1ux1g.button__loading_1ux1g {
             background-color: var(--button-primary-base-bg-color);
-        } .button__component_jod64[disabled].button__secondary_jod64 {
+        } .button__component_1ux1g[disabled].button__secondary_1ux1g {
         color: var(--button-secondary-disabled-color);
         background-color: var(--button-secondary-disabled-bg-color);
-    } .button__component_jod64[disabled].button__outlined_jod64 {
+    } .button__component_1ux1g[disabled].button__outlined_1ux1g {
         color: var(--button-outlined-disabled-color);
         border-color: var(--button-outlined-disabled-border-color);
-    } .button__component_jod64[disabled].button__tertiary_jod64 {
+    } .button__component_1ux1g[disabled].button__tertiary_1ux1g {
         color: var(--button-tertiary-disabled-color);
         border-color: var(--button-tertiary-disabled-border-color);
-    } .button__component_jod64[disabled].button__transparent_jod64 {
+    } .button__component_1ux1g[disabled].button__transparent_1ux1g {
         color: var(--button-transparent-disabled-color);
-    } .button__component_jod64[disabled].button__link_jod64 {
+    } .button__component_1ux1g[disabled].button__link_1ux1g {
         color: var(--button-link-disabled-color);
-    } .button__component_jod64[disabled].button__text_jod64 {
+    } .button__component_1ux1g[disabled].button__text_1ux1g {
         color: var(--button-text-disabled-color);
-    } .button__component_jod64[disabled].button__ghost_jod64 {
+    } .button__component_1ux1g[disabled].button__ghost_1ux1g {
         color: var(--button-ghost-disabled-color);
     }

package/button/modern/desktop/desktop.css

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

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

@@ -140,47 +140,47 @@
     /* text mobile inverted */
 
     /* loader mobile */
-} .button__primary_102go {
+} .button__primary_117zv {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_102go:hover {
+        .button__primary_117zv:hover {
             background-color: var(--button-inverted-primary-hover-bg-color);
         }
-    } .button__primary_102go:active {
+    } .button__primary_117zv:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_102go > .button__loader_102go {
+    } .button__primary_117zv > .button__loader_117zv {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_102go {
+    } .button__secondary_117zv {
     background-color: var(--button-inverted-secondary-base-bg-color)
-} .button__secondary_102go:hover {
+} .button__secondary_117zv:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
-    } .button__secondary_102go:active {
+    } .button__secondary_117zv:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__text_102go:active {
+    } .button__text_117zv:active {
         color: var(--button-inverted-text-active-color);
-    } .button__ghost_102go:active {
+    } .button__ghost_117zv:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__component_102go[disabled].button__primary_102go {
+    } .button__component_117zv[disabled].button__primary_117zv {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_102go[disabled].button__primary_102go.button__loading_102go {
+    } .button__component_117zv[disabled].button__primary_117zv.button__loading_117zv {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_102go[disabled].button__secondary_102go {
+        } .button__component_117zv[disabled].button__secondary_117zv {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
-    } .button__component_102go[disabled].button__outlined_102go {
+    } .button__component_117zv[disabled].button__outlined_117zv {
         color: var(--button-inverted-outlined-disabled-color);
         border-color: var(--button-inverted-outlined-disabled-border-color);
-    } .button__component_102go[disabled].button__tertiary_102go {
+    } .button__component_117zv[disabled].button__tertiary_117zv {
         color: var(--button-inverted-tertiary-disabled-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color);
-    } .button__component_102go[disabled].button__transparent_102go {
+    } .button__component_117zv[disabled].button__transparent_117zv {
         color: var(--button-inverted-transparent-disabled-color);
-    } .button__component_102go[disabled].button__link_102go {
+    } .button__component_117zv[disabled].button__link_117zv {
         color: var(--button-inverted-link-disabled-color);
-    } .button__component_102go[disabled].button__text_102go {
+    } .button__component_117zv[disabled].button__text_117zv {
         color: var(--button-inverted-text-disabled-color);
-    } .button__component_102go[disabled].button__ghost_102go {
+    } .button__component_117zv[disabled].button__ghost_117zv {
         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_ts7w1","loader":"button__loader_ts7w1","secondary":"button__secondary_ts7w1","text":"button__text_ts7w1","ghost":"button__ghost_ts7w1","component":"button__component_ts7w1","loading":"button__loading_ts7w1","outlined":"button__outlined_ts7w1","tertiary":"button__tertiary_ts7w1","transparent":"button__transparent_ts7w1","link":"button__link_ts7w1"};
+const defaultColors = {"primary":"button__primary_uxr2t","loader":"button__loader_uxr2t","secondary":"button__secondary_uxr2t","text":"button__text_uxr2t","ghost":"button__ghost_uxr2t","component":"button__component_uxr2t","loading":"button__loading_uxr2t","outlined":"button__outlined_uxr2t","tertiary":"button__tertiary_uxr2t","transparent":"button__transparent_uxr2t","link":"button__link_uxr2t"};
 require('./default.mobile.css');
 
-const invertedColors = {"primary":"button__primary_6d37z","loader":"button__loader_6d37z","secondary":"button__secondary_6d37z","text":"button__text_6d37z","ghost":"button__ghost_6d37z","component":"button__component_6d37z","loading":"button__loading_6d37z","outlined":"button__outlined_6d37z","tertiary":"button__tertiary_6d37z","transparent":"button__transparent_6d37z","link":"button__link_6d37z"};
+const invertedColors = {"primary":"button__primary_1hlri","loader":"button__loader_1hlri","secondary":"button__secondary_1hlri","text":"button__text_1hlri","ghost":"button__ghost_1hlri","component":"button__component_1hlri","loading":"button__loading_1hlri","outlined":"button__outlined_1hlri","tertiary":"button__tertiary_1hlri","transparent":"button__transparent_1hlri","link":"button__link_1hlri"};
 require('./inverted.mobile.css');
 
-const styles = {"size-32":"button__size-32_784yz","size-40":"button__size-40_784yz","size-48":"button__size-48_784yz","size-56":"button__size-56_784yz","size-64":"button__size-64_784yz","size-72":"button__size-72_784yz"};
+const styles = {"size-32":"button__size-32_v43nd","size-40":"button__size-40_v43nd","size-48":"button__size-48_v43nd","size-56":"button__size-56_v43nd","size-64":"button__size-64_v43nd","size-72":"button__size-72_v43nd"};
 require('./mobile.css');
 
 const colorStyles = {

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

@@ -129,45 +129,45 @@
 
     /* loader mobile */
     --button-spinner-primary-mobile-color: var(--color-light-neutral-translucent-1300-inverted);
-} .button__primary_ts7w1 {
+} .button__primary_uxr2t {
     color: var(--button-primary-mobile-color);
     background-color: var(--button-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_ts7w1:hover {
+        .button__primary_uxr2t:hover {
             background-color: var(--button-primary-mobile-hover-bg-color);
         }
-    } .button__primary_ts7w1:active {
+    } .button__primary_uxr2t:active {
         background-color: var(--button-primary-mobile-active-bg-color);
-    } .button__primary_ts7w1 > .button__loader_ts7w1 {
+    } .button__primary_uxr2t > .button__loader_uxr2t {
         color: var(--button-spinner-primary-mobile-color);
-    } .button__secondary_ts7w1 {
+    } .button__secondary_uxr2t {
     background-color: var(--button-secondary-mobile-base-bg-color)
-} .button__secondary_ts7w1:active {
+} .button__secondary_uxr2t:active {
         background-color: var(--button-secondary-mobile-active-bg-color);
-    } .button__text_ts7w1:active {
+    } .button__text_uxr2t:active {
         color: var(--button-text-mobile-active-color);
-    } .button__ghost_ts7w1:active {
+    } .button__ghost_uxr2t:active {
         color: var(--button-ghost-mobile-active-color);
-    } .button__component_ts7w1[disabled].button__primary_ts7w1 {
+    } .button__component_uxr2t[disabled].button__primary_uxr2t {
         color: var(--button-primary-mobile-disabled-color);
         background-color: var(--button-primary-mobile-disabled-bg-color)
-    } .button__component_ts7w1[disabled].button__primary_ts7w1.button__loading_ts7w1 {
+    } .button__component_uxr2t[disabled].button__primary_uxr2t.button__loading_uxr2t {
             background-color: var(--button-primary-mobile-base-bg-color);
-        } .button__component_ts7w1[disabled].button__secondary_ts7w1 {
+        } .button__component_uxr2t[disabled].button__secondary_uxr2t {
         color: var(--button-secondary-mobile-disabled-color);
         background-color: var(--button-secondary-mobile-disabled-bg-color);
-    } .button__component_ts7w1[disabled].button__outlined_ts7w1 {
+    } .button__component_uxr2t[disabled].button__outlined_uxr2t {
         color: var(--button-outlined-mobile-disabled-color);
         border-color: var(--button-outlined-mobile-disabled-border-color);
-    } .button__component_ts7w1[disabled].button__tertiary_ts7w1 {
+    } .button__component_uxr2t[disabled].button__tertiary_uxr2t {
         color: var(--button-tertiary-mobile-disabled-color);
         border-color: var(--button-tertiary-mobile-disabled-border-color);
-    } .button__component_ts7w1[disabled].button__transparent_ts7w1 {
+    } .button__component_uxr2t[disabled].button__transparent_uxr2t {
         color: var(--button-transparent-mobile-disabled-color);
-    } .button__component_ts7w1[disabled].button__link_ts7w1 {
+    } .button__component_uxr2t[disabled].button__link_uxr2t {
         color: var(--button-link-mobile-disabled-color);
-    } .button__component_ts7w1[disabled].button__text_ts7w1 {
+    } .button__component_uxr2t[disabled].button__text_uxr2t {
         color: var(--button-text-mobile-disabled-color);
-    } .button__component_ts7w1[disabled].button__ghost_ts7w1 {
+    } .button__component_uxr2t[disabled].button__ghost_uxr2t {
         color: var(--button-ghost-mobile-disabled-color);
     }

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

@@ -140,45 +140,45 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-translucent-1300);
-} .button__primary_6d37z {
+} .button__primary_1hlri {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_6d37z:hover {
+        .button__primary_1hlri:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_6d37z:active {
+    } .button__primary_1hlri:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_6d37z > .button__loader_6d37z {
+    } .button__primary_1hlri > .button__loader_1hlri {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_6d37z {
+    } .button__secondary_1hlri {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_6d37z:active {
+} .button__secondary_1hlri:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__text_6d37z:active {
+    } .button__text_1hlri:active {
         color: var(--button-inverted-text-mobile-active-color);
-    } .button__ghost_6d37z:active {
+    } .button__ghost_1hlri:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_6d37z[disabled].button__primary_6d37z {
+    } .button__component_1hlri[disabled].button__primary_1hlri {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_6d37z[disabled].button__primary_6d37z.button__loading_6d37z {
+    } .button__component_1hlri[disabled].button__primary_1hlri.button__loading_1hlri {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_6d37z[disabled].button__secondary_6d37z {
+        } .button__component_1hlri[disabled].button__secondary_1hlri {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_6d37z[disabled].button__outlined_6d37z {
+    } .button__component_1hlri[disabled].button__outlined_1hlri {
         color: var(--button-inverted-outlined-mobile-disabled-color);
         border-color: var(--button-inverted-outlined-mobile-disabled-border-color);
-    } .button__component_6d37z[disabled].button__tertiary_6d37z {
+    } .button__component_1hlri[disabled].button__tertiary_1hlri {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_6d37z[disabled].button__transparent_6d37z {
+    } .button__component_1hlri[disabled].button__transparent_1hlri {
         color: var(--button-inverted-transparent-mobile-disabled-color);
-    } .button__component_6d37z[disabled].button__link_6d37z {
+    } .button__component_1hlri[disabled].button__link_1hlri {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_6d37z[disabled].button__text_6d37z {
+    } .button__component_1hlri[disabled].button__text_1hlri {
         color: var(--button-inverted-text-mobile-disabled-color);
-    } .button__component_6d37z[disabled].button__ghost_6d37z {
+    } .button__component_1hlri[disabled].button__ghost_1hlri {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/modern/mobile/mobile.css

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

package/calendar/{calendarMonthOnlyView-4625f431.js → calendarMonthOnlyView-4cca72a9.js}

@@ -23,7 +23,7 @@ var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"wrapper":"calendar__wrapper_1lx6w","withZIndex":"calendar__withZIndex_1lx6w","calendar":"calendar__calendar_1lx6w","dayNames":"calendar__dayNames_1lx6w","withHeader":"calendar__withHeader_1lx6w","month":"calendar__month_1lx6w","clickableMonth":"calendar__clickableMonth_1lx6w","rectangular":"calendar__rectangular_1lx6w","active":"calendar__active_1lx6w","monthTitle":"calendar__monthTitle_1lx6w","disabled":"calendar__disabled_1lx6w","daysTable":"calendar__daysTable_1lx6w","dayName":"calendar__dayName_1lx6w","virtuoso":"calendar__virtuoso_1lx6w","contentModal":"calendar__contentModal_1lx6w","content":"calendar__content_1lx6w"};
+var styles = {"wrapper":"calendar__wrapper_v4v16","withZIndex":"calendar__withZIndex_v4v16","calendar":"calendar__calendar_v4v16","dayNames":"calendar__dayNames_v4v16","withHeader":"calendar__withHeader_v4v16","month":"calendar__month_v4v16","clickableMonth":"calendar__clickableMonth_v4v16","rectangular":"calendar__rectangular_v4v16","active":"calendar__active_v4v16","monthTitle":"calendar__monthTitle_v4v16","disabled":"calendar__disabled_v4v16","daysTable":"calendar__daysTable_v4v16","dayName":"calendar__dayName_v4v16","virtuoso":"calendar__virtuoso_v4v16","contentModal":"calendar__contentModal_v4v16","content":"calendar__content_v4v16"};
 require('./components/calendar-mobile/index.css');
 
 var CalendarMonthOnlyView = function (_a) {
@@ -94,7 +94,8 @@ var CalendarMonthOnlyView = function (_a) {
     }, [events, offDays, holidays, dayAddons, minDate, maxDate, yearsAmount, selected]);
     var initialMonthIndex = React.useMemo(function () {
         var date = range.value || range.selectedFrom || activeMonth.getTime() || Date.now();
-        return activeMonths.findIndex(function (m) { return isSameMonth__default.default(date, m.date); });
+        var index = activeMonths.findIndex(function (m) { return isSameMonth__default.default(date, m.date); });
+        return Math.max(index, 0);
     }, [range.value, range.selectedFrom, activeMonth, activeMonths]);
     // заголовок должен становиться активным, если выбран весь доступный период в месяце
     var isMonthActive = function (currentMonthIndex) {

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

@@ -10,7 +10,7 @@ var mobile = require('../../../modal/mobile');
 var coreComponentsShared = require('../../../shared');
 var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
 var utils = require('../../utils.js');
-var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-4625f431.js');
+var components_calendarMobile_calendarMonthOnlyView = require('../../calendarMonthOnlyView-4cca72a9.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -18,10 +18,10 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var backdropTransitionStyles = {"appear":"calendar__appear_119sr","enter":"calendar__enter_119sr","appearActive":"calendar__appearActive_119sr","enterActive":"calendar__enterActive_119sr","appearDone":"calendar__appearDone_119sr","enterDone":"calendar__enterDone_119sr","exit":"calendar__exit_119sr","exitActive":"calendar__exitActive_119sr","exitDone":"calendar__exitDone_119sr"};
+var backdropTransitionStyles = {"appear":"calendar__appear_1k01n","enter":"calendar__enter_1k01n","appearActive":"calendar__appearActive_1k01n","enterActive":"calendar__enterActive_1k01n","appearDone":"calendar__appearDone_1k01n","enterDone":"calendar__enterDone_1k01n","exit":"calendar__exit_1k01n","exitActive":"calendar__exitActive_1k01n","exitDone":"calendar__exitDone_1k01n"};
 require('./backdrop-transitions.css');
 
-var transitionStyles = {"appear":"calendar__appear_11gy7","enter":"calendar__enter_11gy7","appearActive":"calendar__appearActive_11gy7","enterActive":"calendar__enterActive_11gy7","exit":"calendar__exit_11gy7","exitActive":"calendar__exitActive_11gy7","exitDone":"calendar__exitDone_11gy7"};
+var transitionStyles = {"appear":"calendar__appear_iqpc0","enter":"calendar__enter_iqpc0","appearActive":"calendar__appearActive_iqpc0","enterActive":"calendar__enterActive_iqpc0","exit":"calendar__exit_iqpc0","exitActive":"calendar__exitActive_iqpc0","exitDone":"calendar__exitDone_iqpc0"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.