@alfalab/core-components 39.0.0 → 39.1.1

package/button/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1scpo */
+/* hash: 176r8 */
 :root {
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #485767;
@@ -102,163 +102,163 @@
     /* loader */
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-inverted-color: var(--color-light-graphic-primary-inverted);
-} .button__accent_1d0fj {
+} .button__accent_1kotd {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_1d0fj:hover {
+} .button__accent_1kotd:hover {
         background-color: var(--button-inverted-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_1d0fj:hover {
+    } @media (hover: none) { .button__accent_1kotd:hover {
             background-color: var(--button-inverted-accent-base-bg-color)
     }
-        } .button__accent_1d0fj:active {
+        } .button__accent_1kotd:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_1d0fj > .button__loader_1d0fj {
+    } .button__accent_1kotd > .button__loader_1kotd {
         color: var(--button-spinner-static-color);
-    } .button__primary_1d0fj {
+    } .button__primary_1kotd {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_1d0fj:hover {
+} .button__primary_1kotd:hover {
         background-color: var(--button-inverted-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_1d0fj:hover {
+    } @media (hover: none) { .button__primary_1kotd:hover {
             background-color: var(--button-inverted-primary-base-bg-color)
     }
-        } .button__primary_1d0fj:active {
+        } .button__primary_1kotd:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1d0fj > .button__loader_1d0fj {
+    } .button__primary_1kotd > .button__loader_1kotd {
         color: var(--button-spinner-static-color);
-    } .button__secondary_1d0fj {
+    } .button__secondary_1kotd {
     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_1d0fj:hover {
+} .button__secondary_1kotd:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_1d0fj:hover {
+    } @media (hover: none) { .button__secondary_1kotd:hover {
             background-color: var(--button-inverted-secondary-base-bg-color)
     }
-        } .button__secondary_1d0fj:active {
+        } .button__secondary_1kotd:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__secondary_1d0fj > .button__loader_1d0fj {
+    } .button__secondary_1kotd > .button__loader_1kotd {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_1d0fj {
+    } .button__outlined_1kotd {
     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_1d0fj:hover {
+} .button__outlined_1kotd:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_1d0fj:hover {
+    } @media (hover: none) { .button__outlined_1kotd:hover {
             background-color: var(--button-inverted-outlined-base-bg-color)
     }
-        } .button__outlined_1d0fj:active {
+        } .button__outlined_1kotd:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__tertiary_1d0fj {
+    } .button__tertiary_1kotd {
     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_1d0fj:hover {
+} .button__tertiary_1kotd:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
         border-color: var(--button-inverted-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_1d0fj:hover {
+    } @media (hover: none) { .button__tertiary_1kotd:hover {
             background-color: var(--button-inverted-tertiary-base-bg-color);
             border-color: var(--button-inverted-tertiary-base-border-color)
     }
-        } .button__tertiary_1d0fj:active {
+        } .button__tertiary_1kotd:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_1d0fj > .button__loader_1d0fj {
+    } .button__tertiary_1kotd > .button__loader_1kotd {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_1d0fj {
+    } .button__filled_1kotd {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
-} .button__filled_1d0fj:hover {
+} .button__filled_1kotd:hover {
         background-color: rgb(99, 112, 126)
-    } @media (hover: none) { .button__filled_1d0fj:hover {
+    } @media (hover: none) { .button__filled_1kotd:hover {
             background-color: var(--color-dark-bg-quaternary)
     }
-        } .button__filled_1d0fj:active {
+        } .button__filled_1kotd:active {
         background-color: rgb(61, 74, 88);
-    } .button__transparent_1d0fj {
+    } .button__transparent_1kotd {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
-} .button__transparent_1d0fj:hover {
+} .button__transparent_1kotd:hover {
         background-color: rgba(255, 255, 255, 0.2)
-    } @media (hover: none) { .button__transparent_1d0fj:hover {
+    } @media (hover: none) { .button__transparent_1kotd:hover {
             background-color: rgba(255, 255, 255, 0.1)
     }
-        } .button__transparent_1d0fj:active {
+        } .button__transparent_1kotd:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
-    } .button__link_1d0fj {
+    } .button__link_1kotd {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_1d0fj:hover {
+} .button__link_1kotd:hover {
         background-color: var(--button-inverted-link-hover-bg-color)
-    } @media (hover: none) { .button__link_1d0fj:hover {
+    } @media (hover: none) { .button__link_1kotd:hover {
             background-color: transparent
     }
-        } .button__link_1d0fj:active {
+        } .button__link_1kotd:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_1d0fj > .button__loader_1d0fj {
+    } .button__link_1kotd > .button__loader_1kotd {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_1d0fj {
+    } .button__ghost_1kotd {
     color: var(--button-inverted-ghost-base-color)
-} .button__ghost_1d0fj:hover {
+} .button__ghost_1kotd:hover {
         color: var(--button-inverted-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_1d0fj:hover {
+    } @media (hover: none) { .button__ghost_1kotd:hover {
             color: var(--button-inverted-ghost-base-color)
     }
-        } .button__ghost_1d0fj:active {
+        } .button__ghost_1kotd:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__ghost_1d0fj > .button__loader_1d0fj {
+    } .button__ghost_1kotd > .button__loader_1kotd {
         color: var(--button-spinner-inverted-color);
-    } .button__component_1d0fj[disabled].button__primary_1d0fj {
+    } .button__component_1kotd[disabled].button__primary_1kotd {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1d0fj[disabled].button__primary_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__primary_1kotd.button__loading_1kotd {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1d0fj[disabled].button__secondary_1d0fj {
+        } .button__component_1kotd[disabled].button__secondary_1kotd {
         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_1d0fj[disabled].button__secondary_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__secondary_1kotd.button__loading_1kotd {
             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_1d0fj[disabled].button__outlined_1d0fj {
+        } .button__component_1kotd[disabled].button__outlined_1kotd {
         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_1d0fj[disabled].button__outlined_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__outlined_1kotd.button__loading_1kotd {
             color: var(--button-inverted-outlined-color);
-        } .button__component_1d0fj[disabled].button__tertiary_1d0fj {
+        } .button__component_1kotd[disabled].button__tertiary_1kotd {
         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_1d0fj[disabled].button__tertiary_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__tertiary_1kotd.button__loading_1kotd {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_1d0fj[disabled].button__filled_1d0fj {
+        } .button__component_1kotd[disabled].button__filled_1kotd {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(72, 87, 103, 0.3);
         border-color: transparent
-    } .button__component_1d0fj[disabled].button__filled_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__filled_1kotd.button__loading_1kotd {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_1d0fj[disabled].button__transparent_1d0fj {
+        } .button__component_1kotd[disabled].button__transparent_1kotd {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
-    } .button__component_1d0fj[disabled].button__transparent_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__transparent_1kotd.button__loading_1kotd {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
-        } .button__component_1d0fj[disabled].button__link_1d0fj {
+        } .button__component_1kotd[disabled].button__link_1kotd {
         color: var(--button-inverted-link-disabled-color);
         background-color: transparent
-    } .button__component_1d0fj[disabled].button__link_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__link_1kotd.button__loading_1kotd {
             color: var(--button-inverted-link-base-color);
-        } .button__component_1d0fj[disabled].button__ghost_1d0fj {
+        } .button__component_1kotd[disabled].button__ghost_1kotd {
         color: var(--button-inverted-ghost-disabled-color)
-    } .button__component_1d0fj[disabled].button__ghost_1d0fj.button__loading_1d0fj {
+    } .button__component_1kotd[disabled].button__ghost_1kotd.button__loading_1kotd {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.desktop.js

@@ -68,7 +68,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"component":"calendar__component_dm2mc","responsive":"calendar__responsive_dm2mc","period":"calendar__period_dm2mc","monthYear":"calendar__monthYear_dm2mc","container":"calendar__container_dm2mc","sixWeeks":"calendar__sixWeeks_dm2mc"};
+var styles = {"component":"calendar__component_1suk8","responsive":"calendar__responsive_1suk8","period":"calendar__period_1suk8","monthYear":"calendar__monthYear_1suk8","container":"calendar__container_1suk8","sixWeeks":"calendar__sixWeeks_1suk8"};
 require('./desktop.css');
 
 var CalendarDesktop = React.forwardRef(function (_a, ref) {

package/calendar/{modern/Component.responsive-13f92a88.d.ts → Component.responsive-29fa301c.d.ts}

@@ -199,6 +199,7 @@ type BaseModalProps = {
 };
 type BaseModalContext = {
     parentRef: React.RefObject<HTMLDivElement>;
+    componentRef: React.RefObject<HTMLDivElement>;
     hasFooter?: boolean;
     hasHeader?: boolean;
     hasScroll?: boolean;
@@ -383,9 +384,9 @@ type NavigationBarProps = {
      */
     view: "desktop" | "mobile";
     /**
-     * Ссылка на родительскую ноду.
+     * Ссылка на родительскую ноду overflow: auto
      */
-    parentRef?: React.RefObject<HTMLDivElement>;
+    scrollableParentRef?: React.RefObject<HTMLDivElement>;
 };
 type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
 type FooterProps = {

package/calendar/{Component.responsive-22c378d1.js → Component.responsive-29fa301c.js}

@@ -41,7 +41,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"wrapper":"calendar__wrapper_1ylgb","withZIndex":"calendar__withZIndex_1ylgb","calendar":"calendar__calendar_1ylgb","dayNames":"calendar__dayNames_1ylgb","withHeader":"calendar__withHeader_1ylgb","month":"calendar__month_1ylgb","daysTable":"calendar__daysTable_1ylgb","dayName":"calendar__dayName_1ylgb"};
+var styles = {"wrapper":"calendar__wrapper_38xar","withZIndex":"calendar__withZIndex_38xar","calendar":"calendar__calendar_38xar","dayNames":"calendar__dayNames_38xar","withHeader":"calendar__withHeader_38xar","month":"calendar__month_38xar","daysTable":"calendar__daysTable_38xar","dayName":"calendar__dayName_38xar"};
 require('./components/calendar-mobile/index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

package/calendar/Component.responsive.js

@@ -1,7 +1,7 @@
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-22c378d1.js');
+var components_calendarMobile_Component = require('./Component.responsive-29fa301c.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');

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

@@ -9,7 +9,7 @@ require('date-fns/startOfMonth');
 require('../../../button');
 require('../../../modal/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-22c378d1.js');
+var components_calendarMobile_Component = require('../../Component.responsive-29fa301c.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');

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

@@ -1,4 +1,4 @@
-/* hash: bii43 */
+/* hash: 1vu13 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -57,13 +57,13 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_1ylgb {
+} .calendar__wrapper_38xar {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_1ylgb {
+} .calendar__withZIndex_38xar {
     z-index: 2;
-} .calendar__calendar_1ylgb th {
+} .calendar__calendar_38xar th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_1ylgb {
+} .calendar__dayNames_38xar {
     padding: 0 var(--gap-m);
     width: 100%;
     position: sticky;
@@ -71,11 +71,11 @@
     background: var(--modal-header-background);
     top: 0;
     height: 32px
-} .calendar__dayNames_1ylgb.calendar__withHeader_1ylgb {
+} .calendar__dayNames_38xar.calendar__withHeader_38xar {
         top: 48px;
-    } .calendar__dayNames_1ylgb th {
+    } .calendar__dayNames_38xar th {
     height: 100%;
-} .calendar__month_1ylgb {
+} .calendar__month_38xar {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -84,18 +84,18 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_1ylgb {
+} .calendar__daysTable_38xar {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_1ylgb {
+} .calendar__dayName_38xar {
     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_1ylgb {
+} @media (max-width: 374px) { .calendar__dayName_38xar {
         height: 36px
 }
     }

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

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-22c378d1";
+export * from "../../Component.responsive-29fa301c";
 export {};

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

@@ -1,4 +1,4 @@
-var components_calendarMobile_Component = require('../../Component.responsive-22c378d1.js');
+var components_calendarMobile_Component = require('../../Component.responsive-29fa301c.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/components/days-table/Component.js

@@ -42,7 +42,7 @@ var isToday__default = /*#__PURE__*/_interopDefaultCompat(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultCompat(isWithinInterval);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"daysTable":"calendar__daysTable_1r93h","responsive":"calendar__responsive_1r93h","dayName":"calendar__dayName_1r93h","day":"calendar__day_1r93h","highlighted":"calendar__highlighted_1r93h","range":"calendar__range_1r93h","disabled":"calendar__disabled_1r93h","holiday":"calendar__holiday_1r93h","today":"calendar__today_1r93h","rangeComplete":"calendar__rangeComplete_1r93h","selected":"calendar__selected_1r93h","dayWrapper":"calendar__dayWrapper_1r93h","cursorPointer":"calendar__cursorPointer_1r93h","rangeEnd":"calendar__rangeEnd_1r93h","rangeStart":"calendar__rangeStart_1r93h","transitLeft":"calendar__transitLeft_1r93h","transitRight":"calendar__transitRight_1r93h","sharpTransitLeft":"calendar__sharpTransitLeft_1r93h","sharpTransitRight":"calendar__sharpTransitRight_1r93h","daysEnter":"calendar__daysEnter_1r93h","left":"calendar__left_1r93h","daysEnterActive":"calendar__daysEnterActive_1r93h","daysExit":"calendar__daysExit_1r93h","daysExitActive":"calendar__daysExitActive_1r93h","right":"calendar__right_1r93h","dot":"calendar__dot_1r93h"};
+var styles = {"daysTable":"calendar__daysTable_1fk49","responsive":"calendar__responsive_1fk49","dayName":"calendar__dayName_1fk49","day":"calendar__day_1fk49","highlighted":"calendar__highlighted_1fk49","range":"calendar__range_1fk49","disabled":"calendar__disabled_1fk49","holiday":"calendar__holiday_1fk49","today":"calendar__today_1fk49","rangeComplete":"calendar__rangeComplete_1fk49","selected":"calendar__selected_1fk49","dayWrapper":"calendar__dayWrapper_1fk49","cursorPointer":"calendar__cursorPointer_1fk49","rangeEnd":"calendar__rangeEnd_1fk49","rangeStart":"calendar__rangeStart_1fk49","transitLeft":"calendar__transitLeft_1fk49","transitRight":"calendar__transitRight_1fk49","sharpTransitLeft":"calendar__sharpTransitLeft_1fk49","sharpTransitRight":"calendar__sharpTransitRight_1fk49","daysEnter":"calendar__daysEnter_1fk49","left":"calendar__left_1fk49","daysEnterActive":"calendar__daysEnterActive_1fk49","daysExit":"calendar__daysExit_1fk49","daysExitActive":"calendar__daysExitActive_1fk49","right":"calendar__right_1fk49","dot":"calendar__dot_1fk49"};
 require('./index.css');
 
 var DaysTable = function (_a) {

package/calendar/components/days-table/index.css

@@ -1,4 +1,4 @@
-/* hash: f7far */
+/* hash: vqp0k */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
@@ -67,27 +67,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
-} .calendar__daysTable_1r93h {
+} .calendar__daysTable_1fk49 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_1r93h.calendar__responsive_1r93h {
+} .calendar__daysTable_1fk49.calendar__responsive_1fk49 {
         width: 100%;
-    } .calendar__daysTable_1r93h th {
+    } .calendar__daysTable_1fk49 th {
         padding: 0;
-    } .calendar__daysTable_1r93h td {
+    } .calendar__daysTable_1fk49 td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_1r93h {
+    } .calendar__dayName_1fk49 {
     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_1r93h {
+} @media (max-width: 374px) { .calendar__dayName_1fk49 {
         height: 36px
 }
-    } .calendar__day_1r93h {
+    } .calendar__day_1fk49 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -105,41 +105,41 @@
     border-radius: var(--calendar-day-border-radius);
     color: var(--color-light-text-primary);
     z-index: 1
-} @media (max-width: 374px) { .calendar__day_1r93h {
+} @media (max-width: 374px) { .calendar__day_1fk49 {
         width: 36px;
         height: 36px
 }
-    } .calendar__day_1r93h.calendar__highlighted_1r93h,
-    .calendar__day_1r93h.calendar__range_1r93h.calendar__highlighted_1r93h:not(.calendar__disabled_1r93h) {
+    } .calendar__day_1fk49.calendar__highlighted_1fk49,
+    .calendar__day_1fk49.calendar__range_1fk49.calendar__highlighted_1fk49:not(.calendar__disabled_1fk49) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_1r93h.calendar__holiday_1r93h {
+    } .calendar__day_1fk49.calendar__holiday_1fk49 {
         color: var(--calendar-holiday-color);
-    } .calendar__day_1r93h.calendar__disabled_1r93h {
+    } .calendar__day_1fk49.calendar__disabled_1fk49 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_1r93h.calendar__today_1r93h {
+    } .calendar__day_1fk49.calendar__today_1fk49 {
         font-weight: bold;
         color: var(--calendar-today-color);
-    } .calendar__day_1r93h.calendar__rangeComplete_1r93h {
+    } .calendar__day_1fk49.calendar__rangeComplete_1fk49 {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_1r93h.calendar__selected_1r93h,
-    .calendar__day_1r93h.calendar__disabled_1r93h.calendar__selected_1r93h {
+    } .calendar__day_1fk49.calendar__selected_1fk49,
+    .calendar__day_1fk49.calendar__disabled_1fk49.calendar__selected_1fk49 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_1r93h.calendar__selected_1r93h:hover {
+            .calendar__day_1fk49.calendar__selected_1fk49:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_1r93h:focus {
+        } .calendar__day_1fk49:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_1r93h {
+    } /* RANGE */ .calendar__dayWrapper_1fk49 {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_1r93h:before {
+} .calendar__dayWrapper_1fk49:before {
         content: '';
         display: block;
         position: absolute;
@@ -147,27 +147,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_1r93h:focus {
+    } .calendar__dayWrapper_1fk49:focus {
         outline: none;
-    } .calendar__dayWrapper_1r93h.calendar__cursorPointer_1r93h {
+    } .calendar__dayWrapper_1fk49.calendar__cursorPointer_1fk49 {
         cursor: pointer;
-    } .calendar__range_1r93h .calendar__day_1r93h:not(.calendar__selected_1r93h):not(.calendar__disabled_1r93h):not(.calendar__today_1r93h):not(.calendar__holiday_1r93h) {
+    } .calendar__range_1fk49 .calendar__day_1fk49:not(.calendar__selected_1fk49):not(.calendar__disabled_1fk49):not(.calendar__today_1fk49):not(.calendar__holiday_1fk49) {
         color: var(--calendar-range-color);
-    } .calendar__range_1r93h:before {
+    } .calendar__range_1fk49:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_1r93h:before {
+    } .calendar__rangeEnd_1fk49:before {
         width: calc(50% + 20px);
         border-top-right-radius: var(--calendar-day-border-radius);
         border-bottom-right-radius: var(--calendar-day-border-radius);
-    } .calendar__rangeStart_1r93h:before {
+    } .calendar__rangeStart_1fk49:before {
         left: auto;
         right: 0;
         width: calc(50% + 20px);
         border-top-left-radius: var(--calendar-day-border-radius);
         border-bottom-left-radius: var(--calendar-day-border-radius);
-    } .calendar__rangeComplete_1r93h:before {
+    } .calendar__rangeComplete_1fk49:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_1r93h:after, .calendar__transitRight_1r93h:after {
+    } .calendar__transitLeft_1fk49:after, .calendar__transitRight_1fk49:after {
         content: '';
         position: absolute;
         display: block;
@@ -175,67 +175,67 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_1r93h:after {
+    } .calendar__transitLeft_1fk49:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__transitLeft_1r93h:first-child:before {
+    } .calendar__transitLeft_1fk49:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_1r93h:first-child:after {
+        } .calendar__transitLeft_1fk49:first-child:after {
             right: 0;
-        } .calendar__transitRight_1r93h:after {
+        } .calendar__transitRight_1fk49:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_1r93h:last-child:before {
+    } .calendar__transitRight_1fk49:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_1r93h:last-child:after {
+        } .calendar__transitRight_1fk49:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_1r93h:first-child:before {
+        } .calendar__sharpTransitLeft_1fk49:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_1r93h:first-child:after {
+        } .calendar__sharpTransitLeft_1fk49:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_1r93h:last-child:before {
+        } .calendar__sharpTransitRight_1fk49:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_1r93h:last-child:after {
+        } .calendar__sharpTransitRight_1fk49:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_1r93h.calendar__transitLeft_1r93h:after {
+        } .calendar__rangeComplete_1fk49.calendar__transitLeft_1fk49:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__rangeComplete_1r93h.calendar__transitRight_1r93h:after {
+    } .calendar__rangeComplete_1fk49.calendar__transitRight_1fk49:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_1r93h .calendar__dayWrapper_1r93h {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_1fk49 .calendar__dayWrapper_1fk49 {
     width: 100px;
-} .calendar__left_1r93h .calendar__daysEnter_1r93h {
+} .calendar__left_1fk49 .calendar__daysEnter_1fk49 {
         transform: translateX(50px);
-    } .calendar__left_1r93h .calendar__daysEnterActive_1r93h {
+    } .calendar__left_1fk49 .calendar__daysEnterActive_1fk49 {
         transform: translateX(0);
-    } .calendar__left_1r93h .calendar__daysExit_1r93h {
+    } .calendar__left_1fk49 .calendar__daysExit_1fk49 {
         transform: translateX(0);
-    } .calendar__left_1r93h .calendar__daysExitActive_1r93h {
+    } .calendar__left_1fk49 .calendar__daysExitActive_1fk49 {
         transform: translateX(-50px);
-    } .calendar__right_1r93h .calendar__daysEnter_1r93h {
+    } .calendar__right_1fk49 .calendar__daysEnter_1fk49 {
         transform: translateX(-50px);
-    } .calendar__right_1r93h .calendar__daysEnterActive_1r93h {
+    } .calendar__right_1fk49 .calendar__daysEnterActive_1fk49 {
         transform: translateX(0);
-    } .calendar__right_1r93h .calendar__daysExit_1r93h {
+    } .calendar__right_1fk49 .calendar__daysExit_1fk49 {
         transform: translateX(0);
-    } .calendar__right_1r93h .calendar__daysExitActive_1r93h {
+    } .calendar__right_1fk49 .calendar__daysExitActive_1fk49 {
         transform: translateX(50px);
-    } .calendar__dot_1r93h {
+    } .calendar__dot_1fk49 {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -245,20 +245,20 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_1r93h .calendar__dot_1r93h {
+} .calendar__selected_1fk49 .calendar__dot_1fk49 {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_1r93h {
+} .calendar__daysEnter_1fk49 {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_1r93h {
+} .calendar__daysEnterActive_1fk49 {
     opacity: 1;
-} .calendar__daysExit_1r93h {
+} .calendar__daysExit_1fk49 {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_1r93h {
+} .calendar__daysExitActive_1fk49 {
     opacity: 0;
-} .calendar__daysEnterActive_1r93h,
-.calendar__daysExitActive_1r93h {
+} .calendar__daysEnterActive_1fk49,
+.calendar__daysExitActive_1fk49 {
     transition: opacity 200ms, transform 300ms;
 }

package/calendar/components/header/Component.js

@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"header":"calendar__header_153uw","withShadow":"calendar__withShadow_153uw"};
+var styles = {"header":"calendar__header_18sfy","withShadow":"calendar__withShadow_18sfy"};
 require('./index.css');
 
 var Header = function (_a) {