@alfalab/core-components 41.18.0 → 41.19.0-beta.0

package/button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 2l6sg */
+/* hash: uen80 */
 :root {
 } /* deprecated */ :root {
     --color-light-border-link: #0072ef; /* 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 */
@@ -41,7 +41,7 @@
     --button-m-size-border-radius: var(--border-radius-l);
     --button-l-size-border-radius: var(--border-radius-l);
     --button-xl-size-border-radius: var(--border-radius-l);
-} .button__component_12hmz {
+} .button__component_1fz90 {
     position: relative;
     display: inline-flex;
     vertical-align: middle;
@@ -67,148 +67,148 @@
     transition: background 0.2s ease, border 0.2s ease, color 0.2s ease, transform 0.12s ease;
     box-sizing: border-box;
     will-change: transform;
-} .button__focused_12hmz {
+} .button__focused_1fz90 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .button__loading_12hmz .button__text_12hmz,
-.button__loading_12hmz .button__addons_12hmz {
+} .button__loading_1fz90 .button__text_1fz90,
+.button__loading_1fz90 .button__addons_1fz90 {
     opacity: 0;
-} .button__stretchText_12hmz {
+} .button__stretchText_1fz90 {
     flex-grow: 1;
-} .button__loader_12hmz {
+} .button__loader_1fz90 {
     position: absolute;
     left: 0;
     right: 0;
     margin: 0 auto;
 } /* Size */ /* За счет того, что у кнопок есть border 1px,
-для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .button__xxs_12hmz {
+для полного соответствия макетам padding необходимо уменьшить на 1px (16px -> 15px) */ .button__xxs_1fz90 {
     min-width: 80px;
     min-height: var(--size-xxs-height);
     padding: 0 15px;
     font-size: 14px;
     border-radius: var(--button-xxs-size-border-radius)
-} .button__xxs_12hmz.button__iconOnly_12hmz {
+} .button__xxs_1fz90.button__iconOnly_1fz90 {
         min-width: var(--size-xxs-height);
-    } .button__xs_12hmz {
+    } .button__xs_1fz90 {
     min-width: 88px;
     min-height: var(--size-xs-height);
     padding: 0 19px;
     font-size: 14px;
     border-radius: var(--button-xs-size-border-radius)
-} .button__xs_12hmz.button__iconOnly_12hmz {
+} .button__xs_1fz90.button__iconOnly_1fz90 {
         min-width: var(--size-xs-height);
-    } .button__s_12hmz {
+    } .button__s_1fz90 {
     min-width: 104px;
     min-height: var(--size-s-height);
     font-size: 16px;
     line-height: 24px;
     border-radius: var(--button-s-size-border-radius)
-} .button__s_12hmz.button__iconOnly_12hmz {
+} .button__s_1fz90.button__iconOnly_1fz90 {
         min-width: var(--size-s-height);
-    } .button__m_12hmz {
+    } .button__m_1fz90 {
     min-width: 128px;
     min-height: var(--size-m-height);
     padding: 0 27px;
     font-size: 16px;
     line-height: 24px;
     border-radius: var(--button-m-size-border-radius)
-} .button__m_12hmz.button__iconOnly_12hmz {
+} .button__m_1fz90.button__iconOnly_1fz90 {
         min-width: var(--size-m-height);
-    } .button__l_12hmz {
+    } .button__l_1fz90 {
     min-width: 160px;
     min-height: var(--size-l-height);
     padding: 0 31px;
     font-size: 18px;
     line-height: 24px;
     border-radius: var(--button-l-size-border-radius)
-} .button__l_12hmz.button__iconOnly_12hmz {
+} .button__l_1fz90.button__iconOnly_1fz90 {
         min-width: var(--size-l-height);
-    } .button__xl_12hmz {
+    } .button__xl_1fz90 {
     min-width: 168px;
     min-height: var(--size-xl-height);
     padding: 0 35px;
     font-size: 18px;
     line-height: 24px;
     border-radius: var(--button-xl-size-border-radius)
-} .button__xl_12hmz.button__iconOnly_12hmz {
+} .button__xl_1fz90.button__iconOnly_1fz90 {
         min-width: var(--size-xl-height);
-    } .button__withRightAddons_12hmz.button__xxs_12hmz {
+    } .button__withRightAddons_1fz90.button__xxs_1fz90 {
         padding-right: 11px;
-    } .button__withRightAddons_12hmz.button__xs_12hmz {
+    } .button__withRightAddons_1fz90.button__xs_1fz90 {
         padding-right: 15px;
-    } .button__withRightAddons_12hmz.button__s_12hmz {
+    } .button__withRightAddons_1fz90.button__s_1fz90 {
         padding-right: 19px;
-    } .button__withRightAddons_12hmz.button__m_12hmz {
+    } .button__withRightAddons_1fz90.button__m_1fz90 {
         padding-right: 23px;
-    } .button__withRightAddons_12hmz.button__l_12hmz {
+    } .button__withRightAddons_1fz90.button__l_1fz90 {
         padding-right: 27px;
-    } .button__withRightAddons_12hmz.button__xl_12hmz {
+    } .button__withRightAddons_1fz90.button__xl_1fz90 {
         padding-right: 31px;
-    } .button__withRightAddons_12hmz.button__ghost_12hmz {
+    } .button__withRightAddons_1fz90.button__ghost_1fz90 {
         padding-right: 0;
-    } .button__withLeftAddons_12hmz.button__xxs_12hmz {
+    } .button__withLeftAddons_1fz90.button__xxs_1fz90 {
         padding-left: 11px;
-    } .button__withLeftAddons_12hmz.button__xs_12hmz {
+    } .button__withLeftAddons_1fz90.button__xs_1fz90 {
         padding-left: 15px;
-    } .button__withLeftAddons_12hmz.button__s_12hmz {
+    } .button__withLeftAddons_1fz90.button__s_1fz90 {
         padding-left: 19px;
-    } .button__withLeftAddons_12hmz.button__m_12hmz {
+    } .button__withLeftAddons_1fz90.button__m_1fz90 {
         padding-left: 23px;
-    } .button__withLeftAddons_12hmz.button__l_12hmz {
+    } .button__withLeftAddons_1fz90.button__l_1fz90 {
         padding-left: 27px;
-    } .button__withLeftAddons_12hmz.button__xl_12hmz {
+    } .button__withLeftAddons_1fz90.button__xl_1fz90 {
         padding-left: 31px;
-    } .button__withLeftAddons_12hmz.button__ghost_12hmz {
+    } .button__withLeftAddons_1fz90.button__ghost_1fz90 {
         padding-left: 0;
-    } .button__link_12hmz {
+    } .button__link_1fz90 {
     min-width: 0;
-} .button__ghost_12hmz {
+} .button__ghost_1fz90 {
     min-width: 0;
     min-height: 0;
     padding: 0;
     border: none;
     -webkit-appearance: none;
             appearance: none
-} .button__ghost_12hmz.button__iconOnly_12hmz {
+} .button__ghost_1fz90.button__iconOnly_1fz90 {
         min-width: 0;
-    } /* Disabled */ .button__component_12hmz[disabled] {
+    } /* Disabled */ .button__component_1fz90[disabled] {
     cursor: var(--disabled-cursor)
-} .button__component_12hmz[disabled] * {
+} .button__component_1fz90[disabled] * {
         pointer-events: none;
-    } /* Addons */ .button__addons_12hmz {
+    } /* Addons */ .button__addons_1fz90 {
     display: flex;
     flex-shrink: 0;
     align-items: center;
     margin: 0
-} .button__addons_12hmz:first-child {
+} .button__addons_1fz90:first-child {
         margin-right: var(--gap-2xs);
-    } .button__addons_12hmz:last-child {
+    } .button__addons_1fz90:last-child {
         margin-left: var(--gap-2xs);
-    } .button__addons_12hmz:only-child {
+    } .button__addons_1fz90:only-child {
         margin: 0;
-    } .button__s_12hmz .button__addons_12hmz:first-child, .button__m_12hmz .button__addons_12hmz:first-child {
+    } .button__s_1fz90 .button__addons_1fz90:first-child, .button__m_1fz90 .button__addons_1fz90:first-child {
         margin-right: var(--gap-xs);
-    } .button__s_12hmz .button__addons_12hmz:last-child, .button__m_12hmz .button__addons_12hmz:last-child {
+    } .button__s_1fz90 .button__addons_1fz90:last-child, .button__m_1fz90 .button__addons_1fz90:last-child {
         margin-left: var(--gap-xs);
-    } .button__s_12hmz .button__addons_12hmz:only-child, .button__m_12hmz .button__addons_12hmz:only-child {
+    } .button__s_1fz90 .button__addons_1fz90:only-child, .button__m_1fz90 .button__addons_1fz90:only-child {
         margin: 0;
-    } .button__l_12hmz .button__addons_12hmz:first-child, .button__xl_12hmz .button__addons_12hmz:first-child {
+    } .button__l_1fz90 .button__addons_1fz90:first-child, .button__xl_1fz90 .button__addons_1fz90:first-child {
         margin-right: var(--gap-s);
-    } .button__l_12hmz .button__addons_12hmz:last-child, .button__xl_12hmz .button__addons_12hmz:last-child {
+    } .button__l_1fz90 .button__addons_1fz90:last-child, .button__xl_1fz90 .button__addons_1fz90:last-child {
         margin-left: var(--gap-s);
-    } .button__l_12hmz .button__addons_12hmz:only-child, .button__xl_12hmz .button__addons_12hmz:only-child {
+    } .button__l_1fz90 .button__addons_1fz90:only-child, .button__xl_1fz90 .button__addons_1fz90:only-child {
         margin: 0;
-    } .button__iconOnly_12hmz {
+    } .button__iconOnly_1fz90 {
     padding: 0;
-} /* Block */ .button__block_12hmz {
+} /* Block */ .button__block_1fz90 {
     display: flex;
     width: 100%;
-} /* Nowrap */ .button__nowrap_12hmz {
+} /* Nowrap */ .button__nowrap_1fz90 {
     overflow: hidden;
     white-space: nowrap;
     text-overflow: ellipsis;
 } /* IE min-height fix */ @media screen and (-ms-high-contrast: active), (-ms-high-contrast: none) {
-    .button__component_12hmz:after {
+    .button__component_1fz90:after {
         min-height: inherit;
         font-size: 0;
         content: '';

package/button/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 9fdq7 */
+/* hash: nrzli */
 :root {
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #3a3a3c;
@@ -112,168 +112,168 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-inverted-color: var(--color-light-graphic-primary-inverted);
     --button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .button__accent_wir5i {
+} .button__accent_1ucre {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_wir5i:hover {
+} .button__accent_1ucre:hover {
         background-color: var(--button-inverted-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_wir5i:hover {
+    } @media (hover: none) { .button__accent_1ucre:hover {
             background-color: var(--button-inverted-accent-base-bg-color)
     }
-        } .button__accent_wir5i:active {
+        } .button__accent_1ucre:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_wir5i > .button__loader_wir5i {
+    } .button__accent_1ucre > .button__loader_1ucre {
         color: var(--button-spinner-static-color);
-    } .button__primary_wir5i {
+    } .button__primary_1ucre {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_wir5i:hover {
+} .button__primary_1ucre:hover {
         background-color: var(--button-inverted-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_wir5i:hover {
+    } @media (hover: none) { .button__primary_1ucre:hover {
             background-color: var(--button-inverted-primary-base-bg-color)
     }
-        } .button__primary_wir5i:active {
+        } .button__primary_1ucre:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_wir5i > .button__loader_wir5i {
+    } .button__primary_1ucre > .button__loader_1ucre {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_wir5i {
+    } .button__secondary_1ucre {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_wir5i:hover {
+} .button__secondary_1ucre:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_wir5i:hover {
+    } @media (hover: none) { .button__secondary_1ucre:hover {
             background-color: var(--button-inverted-secondary-base-bg-color)
     }
-        } .button__secondary_wir5i:active {
+        } .button__secondary_1ucre:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__secondary_wir5i > .button__loader_wir5i {
+    } .button__secondary_1ucre > .button__loader_1ucre {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_wir5i {
+    } .button__outlined_1ucre {
     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)
-} .button__outlined_wir5i:hover {
+} .button__outlined_1ucre:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_wir5i:hover {
+    } @media (hover: none) { .button__outlined_1ucre:hover {
             background-color: var(--button-inverted-outlined-base-bg-color)
     }
-        } .button__outlined_wir5i:active {
+        } .button__outlined_1ucre:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__tertiary_wir5i {
+    } .button__tertiary_1ucre {
     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)
-} .button__tertiary_wir5i:hover {
+} .button__tertiary_1ucre:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
         border-color: var(--button-inverted-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_wir5i:hover {
+    } @media (hover: none) { .button__tertiary_1ucre:hover {
             background-color: var(--button-inverted-tertiary-base-bg-color);
             border-color: var(--button-inverted-tertiary-base-border-color)
     }
-        } .button__tertiary_wir5i:active {
+        } .button__tertiary_1ucre:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_wir5i > .button__loader_wir5i {
+    } .button__tertiary_1ucre > .button__loader_1ucre {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_wir5i {
+    } .button__filled_1ucre {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
-} .button__filled_wir5i:hover {
+} .button__filled_1ucre:hover {
         background-color: rgb(88, 88, 89)
-    } @media (hover: none) { .button__filled_wir5i:hover {
+    } @media (hover: none) { .button__filled_1ucre:hover {
             background-color: var(--color-dark-bg-quaternary)
     }
-        } .button__filled_wir5i:active {
+        } .button__filled_1ucre:active {
         background-color: rgb(49, 49, 51);
-    } .button__transparent_wir5i {
+    } .button__transparent_1ucre {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
-} .button__transparent_wir5i:hover {
+} .button__transparent_1ucre:hover {
         background-color: rgba(255, 255, 255, 0.2)
-    } @media (hover: none) { .button__transparent_wir5i:hover {
+    } @media (hover: none) { .button__transparent_1ucre:hover {
             background-color: rgba(255, 255, 255, 0.1)
     }
-        } .button__transparent_wir5i:active {
+        } .button__transparent_1ucre:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
-    } .button__link_wir5i {
+    } .button__link_1ucre {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_wir5i:hover {
+} .button__link_1ucre:hover {
         background-color: var(--button-inverted-link-hover-bg-color)
-    } @media (hover: none) { .button__link_wir5i:hover {
+    } @media (hover: none) { .button__link_1ucre:hover {
             background-color: transparent
     }
-        } .button__link_wir5i:active {
+        } .button__link_1ucre:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_wir5i > .button__loader_wir5i {
+    } .button__link_1ucre > .button__loader_1ucre {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_wir5i {
+    } .button__ghost_1ucre {
     color: var(--button-inverted-ghost-base-color)
-} .button__ghost_wir5i:hover {
+} .button__ghost_1ucre:hover {
         color: var(--button-inverted-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_wir5i:hover {
+    } @media (hover: none) { .button__ghost_1ucre:hover {
             color: var(--button-inverted-ghost-base-color)
     }
-        } .button__ghost_wir5i:active {
+        } .button__ghost_1ucre:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__ghost_wir5i > .button__loader_wir5i {
+    } .button__ghost_1ucre > .button__loader_1ucre {
         color: var(--button-spinner-inverted-color);
-    } .button__component_wir5i[disabled].button__accent_wir5i {
+    } .button__component_1ucre[disabled].button__accent_1ucre {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_wir5i[disabled].button__accent_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__accent_1ucre.button__loading_1ucre {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_wir5i[disabled].button__primary_wir5i {
+        } .button__component_1ucre[disabled].button__primary_1ucre {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_wir5i[disabled].button__primary_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__primary_1ucre.button__loading_1ucre {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_wir5i[disabled].button__secondary_wir5i {
+        } .button__component_1ucre[disabled].button__secondary_1ucre {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_wir5i[disabled].button__secondary_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__secondary_1ucre.button__loading_1ucre {
             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_wir5i[disabled].button__outlined_wir5i {
+        } .button__component_1ucre[disabled].button__outlined_1ucre {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
-    } .button__component_wir5i[disabled].button__outlined_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__outlined_1ucre.button__loading_1ucre {
             color: var(--button-inverted-outlined-color);
-        } .button__component_wir5i[disabled].button__tertiary_wir5i {
+        } .button__component_1ucre[disabled].button__tertiary_1ucre {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
-    } .button__component_wir5i[disabled].button__tertiary_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__tertiary_1ucre.button__loading_1ucre {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_wir5i[disabled].button__filled_wir5i {
+        } .button__component_1ucre[disabled].button__filled_1ucre {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(58, 58, 60, 0.3);
         border-color: transparent
-    } .button__component_wir5i[disabled].button__filled_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__filled_1ucre.button__loading_1ucre {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_wir5i[disabled].button__transparent_wir5i {
+        } .button__component_1ucre[disabled].button__transparent_1ucre {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
-    } .button__component_wir5i[disabled].button__transparent_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__transparent_1ucre.button__loading_1ucre {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
-        } .button__component_wir5i[disabled].button__link_wir5i {
+        } .button__component_1ucre[disabled].button__link_1ucre {
         color: var(--button-inverted-link-disabled-color);
         background-color: transparent
-    } .button__component_wir5i[disabled].button__link_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__link_1ucre.button__loading_1ucre {
             color: var(--button-inverted-link-base-color);
-        } .button__component_wir5i[disabled].button__ghost_wir5i {
+        } .button__component_1ucre[disabled].button__ghost_1ucre {
         color: var(--button-inverted-ghost-disabled-color)
-    } .button__component_wir5i[disabled].button__ghost_wir5i.button__loading_wir5i {
+    } .button__component_1ucre[disabled].button__ghost_1ucre.button__loading_1ucre {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.desktop.js

@@ -70,7 +70,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"calendar__component_1fnti","responsive":"calendar__responsive_1fnti","period":"calendar__period_1fnti","monthYear":"calendar__monthYear_1fnti","container":"calendar__container_1fnti","customScrollbar":"calendar__customScrollbar_1fnti","sixWeeks":"calendar__sixWeeks_1fnti"};
+var styles = {"component":"calendar__component_1q5sz","responsive":"calendar__responsive_1q5sz","period":"calendar__period_1q5sz","monthYear":"calendar__monthYear_1q5sz","container":"calendar__container_1q5sz","customScrollbar":"calendar__customScrollbar_1q5sz","sixWeeks":"calendar__sixWeeks_1q5sz"};
 require('./desktop.css');
 
 var CalendarDesktop = React.forwardRef(function (_a, ref) {

package/calendar/{esm/Component.responsive-3f6dfd37.d.ts → Component.responsive-4428a49f.d.ts}

@@ -19,10 +19,6 @@ type CalendarMobileProps = CalendarDesktopProps & {
      * Обработчик закрытия модалки
      */
     onClose?: () => void;
-    /**
-     * Обработчик клика на название месяца в мобильном календаре
-     */
-    onMonthTitleClick?: (event: React.MouseEvent<HTMLSpanElement>) => void;
     /**
      * Количество лет для генерации в обе стороны от текущего года
      */
@@ -40,7 +36,6 @@ declare const CalendarMobile: React.ForwardRefExoticComponent<CalendarDesktopPro
     open: boolean;
     title?: string | undefined;
     onClose?: (() => void) | undefined;
-    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement>) => void) | undefined;
     yearsAmount?: number | undefined;
     hasHeader?: boolean | undefined;
     allowSelectionFromEmptyRange?: boolean | undefined;
@@ -663,7 +658,6 @@ declare const CalendarResponsive: React.ForwardRefExoticComponent<CalendarDeskto
     open: boolean;
     title?: string | undefined;
     onClose?: (() => void) | undefined;
-    onMonthTitleClick?: ((event: React.MouseEvent<HTMLSpanElement, MouseEvent>) => void) | undefined;
     yearsAmount?: number | undefined;
     hasHeader?: boolean | undefined;
     allowSelectionFromEmptyRange?: boolean | undefined;

package/calendar/{Component.responsive-60e65579.js → Component.responsive-4428a49f.js}

@@ -43,7 +43,7 @@ var getMonth__default = /*#__PURE__*/_interopDefaultCompat(getMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"wrapper":"calendar__wrapper_msy2y","withZIndex":"calendar__withZIndex_msy2y","calendar":"calendar__calendar_msy2y","dayNames":"calendar__dayNames_msy2y","withHeader":"calendar__withHeader_msy2y","month":"calendar__month_msy2y","daysTable":"calendar__daysTable_msy2y","dayName":"calendar__dayName_msy2y"};
+var styles = {"wrapper":"calendar__wrapper_1sfsc","withZIndex":"calendar__withZIndex_1sfsc","calendar":"calendar__calendar_1sfsc","dayNames":"calendar__dayNames_1sfsc","withHeader":"calendar__withHeader_1sfsc","month":"calendar__month_1sfsc","daysTable":"calendar__daysTable_1sfsc","dayName":"calendar__dayName_1sfsc"};
 require('./components/calendar-mobile/index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -51,7 +51,7 @@ if (typeof window !== 'undefined' && !window.ResizeObserver) {
     window.ResizeObserver = resizeObserver.ResizeObserver;
 }
 var CalendarMonthOnlyView = function (_a) {
-    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
+    var value = _a.value, defaultView = _a.defaultView, monthTimestamp = _a.month, minDateTimestamp = _a.minDate, maxDateTimestamp = _a.maxDate, defaultMonthTimestamp = _a.defaultMonth, offDays = _a.offDays, events = _a.events, holidays = _a.holidays, onChange = _a.onChange, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, rangeComplete = _a.rangeComplete, onMonthChange = _a.onMonthChange, _b = _a.yearsAmount, yearsAmount = _b === void 0 ? 3 : _b, dayAddons = _a.dayAddons, _c = _a.shape, shape = _c === void 0 ? 'rounded' : _c, scrollableContainer = _a.scrollableContainer;
     var initialMonthIndex = React.useMemo(function () {
         var currentMonthIndex = new Date().getMonth();
         var monthIndex = currentMonthIndex;
@@ -111,12 +111,7 @@ var CalendarMonthOnlyView = function (_a) {
             }), title: "".concat(utils.monthName(item.date), " ").concat(item.date.getFullYear()) })); });
     }, [events, offDays, holidays, dayAddons, months, yearsAmount, minDate, maxDate, selected]);
     var renderMonth = function (index) { return (React__default.default.createElement("div", { className: styles.daysTable, id: "month-".concat(index) },
-        onMonthTitleClick ? (
-        /* eslint-disable-next-line jsx-a11y/click-events-have-key-events */
-        React__default.default.createElement("span", { className: styles.month, onClick: onMonthTitleClick, tabIndex: 0, role: 'button' }, activeMonths[index].title)) : (React__default.default.createElement("span", { className: styles.month },
-            " ",
-            activeMonths[index].title,
-            " ")),
+        React__default.default.createElement("span", { className: styles.month }, activeMonths[index].title),
         React__default.default.createElement(components_daysTable_Component.DaysTable, { weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true, shape: shape }))); };
     if (!scrollableContainer)
         return null;
@@ -124,7 +119,7 @@ var CalendarMonthOnlyView = function (_a) {
 };
 var CalendarMobile = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, onMonthTitleClick = _a.onMonthTitleClick, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "onMonthTitleClick", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
+    var _d = _a.hasHeader, hasHeader = _d === void 0 ? true : _d, _e = _a.allowSelectionFromEmptyRange, allowSelectionFromEmptyRange = _e === void 0 ? false : _e, className = _a.className, _f = _a.defaultView, defaultView = _f === void 0 ? 'days' : _f, _g = _a.selectorView, selectorView = _g === void 0 ? 'full' : _g, value = _a.value, selectedFrom = _a.selectedFrom, selectedTo = _a.selectedTo, onChange = _a.onChange, dataTestId = _a.dataTestId, open = _a.open, onClose = _a.onClose, _h = _a.title, title = _h === void 0 ? 'Календарь' : _h, _j = _a.yearsAmount, yearsAmount = _j === void 0 ? 3 : _j, restProps = tslib.__rest(_a, ["hasHeader", "allowSelectionFromEmptyRange", "className", "defaultView", "selectorView", "value", "selectedFrom", "selectedTo", "onChange", "dataTestId", "open", "onClose", "title", "yearsAmount"]);
     var _k = React.useState(), modalRef = _k[0], setModalRef = _k[1];
     var monthOnlyView = selectorView === 'month-only';
     var handleClose = function () {
@@ -148,7 +143,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             selectedTo: selectedTo,
         };
         if (monthOnlyView) {
-            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
+            return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef }, commonProps, restProps)));
         }
         return (React__default.default.createElement(Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: styles.calendar }, commonProps, restProps)));
     };

package/calendar/Component.responsive.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-60e65579.js');
+var components_calendarMobile_Component = require('./Component.responsive-4428a49f.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');

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

@@ -12,7 +12,7 @@ require('date-fns/startOfMonth');
 require('../../../button');
 require('../../../modal/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-60e65579.js');
+var components_calendarMobile_Component = require('../../Component.responsive-4428a49f.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');

package/calendar/components/calendar-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: 1yfap */
+/* hash: 1xhbp */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -56,23 +56,23 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_msy2y {
+} .calendar__wrapper_1sfsc {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_msy2y {
+} .calendar__withZIndex_1sfsc {
     z-index: 2;
-} .calendar__calendar_msy2y th {
+} .calendar__calendar_1sfsc th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_msy2y {
+} .calendar__dayNames_1sfsc {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px
-} .calendar__dayNames_msy2y.calendar__withHeader_msy2y {
+} .calendar__dayNames_1sfsc.calendar__withHeader_1sfsc {
         top: 48px;
-    } .calendar__dayNames_msy2y th {
+    } .calendar__dayNames_1sfsc th {
     height: 100%;
-} .calendar__month_msy2y {
+} .calendar__month_1sfsc {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -81,18 +81,18 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_msy2y {
+} .calendar__daysTable_1sfsc {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_msy2y {
+} .calendar__dayName_1sfsc {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_msy2y {
+} @media (max-width: 374px) { .calendar__dayName_1sfsc {
         height: 36px
 }
     }

package/calendar/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-60e65579";
+export * from "../../Component.responsive-4428a49f";
 export {};

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('../../Component.responsive-60e65579.js');
+var components_calendarMobile_Component = require('../../Component.responsive-4428a49f.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');