@alfalab/core-components 46.3.0-beta.0 → 46.3.0

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

@@ -57,26 +57,26 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_9bw9t {
+} .calendar__wrapper_pwjjt {
     overflow-x: hidden;
-} .calendar__withZIndex_9bw9t {
+} .calendar__withZIndex_pwjjt {
     z-index: 2;
-} .calendar__calendar_9bw9t.calendar__calendar_9bw9t {
+} .calendar__calendar_pwjjt.calendar__calendar_pwjjt {
     height: 100%;
-} .calendar__calendar_9bw9t th {
+} .calendar__calendar_pwjjt th {
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .calendar__dayNames_9bw9t {
+} .calendar__dayNames_pwjjt {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px;
     padding: 0 6px
-} .calendar__dayNames_9bw9t.calendar__withHeader_9bw9t {
+} .calendar__dayNames_pwjjt.calendar__withHeader_pwjjt {
         top: 48px;
-    } .calendar__dayNames_9bw9t th {
+    } .calendar__dayNames_pwjjt th {
     height: 100%;
-} .calendar__month_9bw9t {
+} .calendar__month_pwjjt {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -85,25 +85,25 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_9bw9t {
+} .calendar__daysTable_pwjjt {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_9bw9t {
+} .calendar__dayName_pwjjt {
     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_9bw9t {
+} @media (max-width: 374px) { .calendar__dayName_pwjjt {
         height: 36px
 }
-    } .calendar__virtuoso_9bw9t {
+    } .calendar__virtuoso_pwjjt {
     margin: 0 var(--gap-m);
-} .calendar__contentModal_9bw9t {
+} .calendar__contentModal_pwjjt {
     padding-right: 0;
     padding-left: 0;
-} .calendar__content_9bw9t.calendar__content_9bw9t {
+} .calendar__content_pwjjt.calendar__content_pwjjt {
     flex-basis: 0;
 }

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

@@ -14,18 +14,18 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_11qyl,
-.calendar__enter_11qyl {
+} .calendar__appear_1a3pl,
+.calendar__enter_1a3pl {
     transform: translateX(100%);
-} .calendar__appearActive_11qyl,
-.calendar__enterActive_11qyl {
+} .calendar__appearActive_1a3pl,
+.calendar__enterActive_1a3pl {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .calendar__exit_11qyl {
+} .calendar__exit_1a3pl {
     transform: translateX(0);
-} .calendar__exitActive_11qyl,
-.calendar__exitDone_11qyl {
+} .calendar__exitActive_1a3pl,
+.calendar__exitDone_1a3pl {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

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

@@ -25,7 +25,7 @@ var isToday__default = /*#__PURE__*/_interopDefaultCompat(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultCompat(isWithinInterval);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"daysTable":"calendar__daysTable_u3dye","responsive":"calendar__responsive_u3dye","dayName":"calendar__dayName_u3dye","day":"calendar__day_u3dye","rounded":"calendar__rounded_u3dye","rectangular":"calendar__rectangular_u3dye","highlighted":"calendar__highlighted_u3dye","range":"calendar__range_u3dye","disabled":"calendar__disabled_u3dye","holiday":"calendar__holiday_u3dye","today":"calendar__today_u3dye","rangeComplete":"calendar__rangeComplete_u3dye","selected":"calendar__selected_u3dye","dayWrapper":"calendar__dayWrapper_u3dye","cursorPointer":"calendar__cursorPointer_u3dye","rangeEnd":"calendar__rangeEnd_u3dye","rangeStart":"calendar__rangeStart_u3dye","transitLeft":"calendar__transitLeft_u3dye","transitRight":"calendar__transitRight_u3dye","sharpTransitLeft":"calendar__sharpTransitLeft_u3dye","sharpTransitRight":"calendar__sharpTransitRight_u3dye","daysEnter":"calendar__daysEnter_u3dye","left":"calendar__left_u3dye","daysEnterActive":"calendar__daysEnterActive_u3dye","daysExit":"calendar__daysExit_u3dye","daysExitActive":"calendar__daysExitActive_u3dye","right":"calendar__right_u3dye","dayAddons":"calendar__dayAddons_u3dye","dayContent":"calendar__dayContent_u3dye","addons":"calendar__addons_u3dye","dot":"calendar__dot_u3dye","bottomAddon":"calendar__bottomAddon_u3dye"};
+var styles = {"daysTable":"calendar__daysTable_lqmyv","responsive":"calendar__responsive_lqmyv","dayName":"calendar__dayName_lqmyv","day":"calendar__day_lqmyv","rounded":"calendar__rounded_lqmyv","rectangular":"calendar__rectangular_lqmyv","highlighted":"calendar__highlighted_lqmyv","range":"calendar__range_lqmyv","disabled":"calendar__disabled_lqmyv","holiday":"calendar__holiday_lqmyv","today":"calendar__today_lqmyv","rangeComplete":"calendar__rangeComplete_lqmyv","selected":"calendar__selected_lqmyv","dayWrapper":"calendar__dayWrapper_lqmyv","cursorPointer":"calendar__cursorPointer_lqmyv","rangeEnd":"calendar__rangeEnd_lqmyv","rangeStart":"calendar__rangeStart_lqmyv","transitLeft":"calendar__transitLeft_lqmyv","transitRight":"calendar__transitRight_lqmyv","sharpTransitLeft":"calendar__sharpTransitLeft_lqmyv","sharpTransitRight":"calendar__sharpTransitRight_lqmyv","daysEnter":"calendar__daysEnter_lqmyv","left":"calendar__left_lqmyv","daysEnterActive":"calendar__daysEnterActive_lqmyv","daysExit":"calendar__daysExit_lqmyv","daysExitActive":"calendar__daysExitActive_lqmyv","right":"calendar__right_lqmyv","dayAddons":"calendar__dayAddons_lqmyv","dayContent":"calendar__dayContent_lqmyv","addons":"calendar__addons_lqmyv","dot":"calendar__dot_lqmyv","bottomAddon":"calendar__bottomAddon_lqmyv"};
 require('./index.css');
 
 var DaysTable = function (_a) {

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

@@ -70,27 +70,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-neutral-translucent-1300);
     --calendar-marker-selected-background: var(--color-light-neutral-translucent-1300-inverted);
-} .calendar__daysTable_u3dye {
+} .calendar__daysTable_lqmyv {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_u3dye.calendar__responsive_u3dye {
+} .calendar__daysTable_lqmyv.calendar__responsive_lqmyv {
         width: 100%;
-    } .calendar__daysTable_u3dye th {
+    } .calendar__daysTable_lqmyv th {
         padding: 0;
-    } .calendar__daysTable_u3dye td {
+    } .calendar__daysTable_lqmyv td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_u3dye {
+    } .calendar__dayName_lqmyv {
     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_u3dye {
+} @media (max-width: 374px) { .calendar__dayName_lqmyv {
         height: 36px
 }
-    } .calendar__day_u3dye {
+    } .calendar__day_lqmyv {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
     position: relative;
@@ -103,41 +103,41 @@
     box-sizing: border-box;
     color: var(--color-light-text-primary);
     z-index: 1
-} .calendar__day_u3dye.calendar__rounded_u3dye {
+} .calendar__day_lqmyv.calendar__rounded_lqmyv {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_u3dye.calendar__rectangular_u3dye {
+    } .calendar__day_lqmyv.calendar__rectangular_lqmyv {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_u3dye.calendar__highlighted_u3dye,
-    .calendar__day_u3dye.calendar__range_u3dye.calendar__highlighted_u3dye:not(.calendar__disabled_u3dye) {
+    } .calendar__day_lqmyv.calendar__highlighted_lqmyv,
+    .calendar__day_lqmyv.calendar__range_lqmyv.calendar__highlighted_lqmyv:not(.calendar__disabled_lqmyv) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_u3dye.calendar__holiday_u3dye {
+    } .calendar__day_lqmyv.calendar__holiday_lqmyv {
         color: var(--calendar-holiday-color);
-    } .calendar__day_u3dye.calendar__disabled_u3dye {
+    } .calendar__day_lqmyv.calendar__disabled_lqmyv {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_u3dye.calendar__today_u3dye {
+    } .calendar__day_lqmyv.calendar__today_lqmyv {
         color: var(--calendar-today-color);
-    } .calendar__day_u3dye.calendar__rangeComplete_u3dye {
+    } .calendar__day_lqmyv.calendar__rangeComplete_lqmyv {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_u3dye.calendar__selected_u3dye,
-    .calendar__day_u3dye.calendar__disabled_u3dye.calendar__selected_u3dye {
+    } .calendar__day_lqmyv.calendar__selected_lqmyv,
+    .calendar__day_lqmyv.calendar__disabled_lqmyv.calendar__selected_lqmyv {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_u3dye.calendar__selected_u3dye:hover {
+            .calendar__day_lqmyv.calendar__selected_lqmyv:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_u3dye:focus {
+        } .calendar__day_lqmyv:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_u3dye {
+    } /* RANGE */ .calendar__dayWrapper_lqmyv {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_u3dye:before {
+} .calendar__dayWrapper_lqmyv:before {
         content: '';
         display: block;
         position: absolute;
@@ -145,27 +145,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_u3dye:focus {
+    } .calendar__dayWrapper_lqmyv:focus {
         outline: none;
-    } .calendar__dayWrapper_u3dye.calendar__cursorPointer_u3dye {
+    } .calendar__dayWrapper_lqmyv.calendar__cursorPointer_lqmyv {
         cursor: pointer;
-    } .calendar__range_u3dye .calendar__day_u3dye:not(.calendar__selected_u3dye):not(.calendar__disabled_u3dye):not(.calendar__today_u3dye):not(.calendar__holiday_u3dye) {
+    } .calendar__range_lqmyv .calendar__day_lqmyv:not(.calendar__selected_lqmyv):not(.calendar__disabled_lqmyv):not(.calendar__today_lqmyv):not(.calendar__holiday_lqmyv) {
         color: var(--calendar-range-color);
-    } .calendar__range_u3dye:before {
+    } .calendar__range_lqmyv:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_u3dye:before {
+    } .calendar__rangeEnd_lqmyv: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_u3dye:before {
+    } .calendar__rangeStart_lqmyv: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_u3dye:before {
+    } .calendar__rangeComplete_lqmyv:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_u3dye:after, .calendar__transitRight_u3dye:after {
+    } .calendar__transitLeft_lqmyv:after, .calendar__transitRight_lqmyv:after {
         content: '';
         position: absolute;
         display: block;
@@ -173,81 +173,81 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_u3dye:after {
+    } .calendar__transitLeft_lqmyv:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__transitLeft_u3dye:first-child:before {
+    } .calendar__transitLeft_lqmyv:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_u3dye:first-child:after {
+        } .calendar__transitLeft_lqmyv:first-child:after {
             right: 0;
-        } .calendar__transitRight_u3dye:after {
+        } .calendar__transitRight_lqmyv:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_u3dye:last-child:before {
+    } .calendar__transitRight_lqmyv:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_u3dye:last-child:after {
+        } .calendar__transitRight_lqmyv:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_u3dye:first-child:before {
+        } .calendar__sharpTransitLeft_lqmyv:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_u3dye:first-child:after {
+        } .calendar__sharpTransitLeft_lqmyv:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_u3dye:last-child:before {
+        } .calendar__sharpTransitRight_lqmyv:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_u3dye:last-child:after {
+        } .calendar__sharpTransitRight_lqmyv:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_u3dye.calendar__transitLeft_u3dye:after {
+        } .calendar__rangeComplete_lqmyv.calendar__transitLeft_lqmyv:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__rangeComplete_u3dye.calendar__transitRight_u3dye:after {
+    } .calendar__rangeComplete_lqmyv.calendar__transitRight_lqmyv:after {
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_u3dye .calendar__dayWrapper_u3dye {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_lqmyv .calendar__dayWrapper_lqmyv {
     width: 100px;
-} .calendar__left_u3dye .calendar__daysEnter_u3dye {
+} .calendar__left_lqmyv .calendar__daysEnter_lqmyv {
         transform: translateX(50px);
-    } .calendar__left_u3dye .calendar__daysEnterActive_u3dye {
+    } .calendar__left_lqmyv .calendar__daysEnterActive_lqmyv {
         transform: translateX(0);
-    } .calendar__left_u3dye .calendar__daysExit_u3dye {
+    } .calendar__left_lqmyv .calendar__daysExit_lqmyv {
         transform: translateX(0);
-    } .calendar__left_u3dye .calendar__daysExitActive_u3dye {
+    } .calendar__left_lqmyv .calendar__daysExitActive_lqmyv {
         transform: translateX(-50px);
-    } .calendar__right_u3dye .calendar__daysEnter_u3dye {
+    } .calendar__right_lqmyv .calendar__daysEnter_lqmyv {
         transform: translateX(-50px);
-    } .calendar__right_u3dye .calendar__daysEnterActive_u3dye {
+    } .calendar__right_lqmyv .calendar__daysEnterActive_lqmyv {
         transform: translateX(0);
-    } .calendar__right_u3dye .calendar__daysExit_u3dye {
+    } .calendar__right_lqmyv .calendar__daysExit_lqmyv {
         transform: translateX(0);
-    } .calendar__right_u3dye .calendar__daysExitActive_u3dye {
+    } .calendar__right_lqmyv .calendar__daysExitActive_lqmyv {
         transform: translateX(50px);
-    } .calendar__dayAddons_u3dye > span {
+    } .calendar__dayAddons_lqmyv > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_u3dye {
+    } .calendar__dayContent_lqmyv {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_u3dye.calendar__today_u3dye {
+} .calendar__dayContent_lqmyv.calendar__today_lqmyv {
         font-weight: bold;
-    } .calendar__addons_u3dye {
+    } .calendar__addons_lqmyv {
     min-height: 8px;
-} .calendar__dot_u3dye {
+} .calendar__dot_lqmyv {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -257,25 +257,25 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_u3dye .calendar__dot_u3dye {
+} .calendar__selected_lqmyv .calendar__dot_lqmyv {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_u3dye {
+} .calendar__daysEnter_lqmyv {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_u3dye {
+} .calendar__daysEnterActive_lqmyv {
     opacity: 1;
-} .calendar__daysExit_u3dye {
+} .calendar__daysExit_lqmyv {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_u3dye {
+} .calendar__daysExitActive_lqmyv {
     opacity: 0;
-} .calendar__daysEnterActive_u3dye,
-.calendar__daysExitActive_u3dye {
+} .calendar__daysEnterActive_lqmyv,
+.calendar__daysExitActive_lqmyv {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_u3dye {
+} .calendar__bottomAddon_lqmyv {
     margin: 0 auto
-} .calendar__bottomAddon_u3dye.calendar__selected_u3dye,
-    .calendar__bottomAddon_u3dye.calendar__selected_u3dye > * {
+} .calendar__bottomAddon_lqmyv.calendar__selected_lqmyv,
+    .calendar__bottomAddon_lqmyv.calendar__selected_lqmyv > * {
         color: var(--calendar-selected-color);
     }

package/calendar/components/header/Component.js

@@ -8,7 +8,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_1wxwt","withShadow":"calendar__withShadow_1wxwt"};
+var styles = {"header":"calendar__header_xdqcp","withShadow":"calendar__withShadow_xdqcp"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/components/header/index.css

@@ -38,13 +38,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_1wxwt {
+} .calendar__header_xdqcp {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) var(--gap-m) var(--gap-s);
     transition: box-shadow 0.2s ease;
     display: flex;
     justify-content: center;
-} .calendar__withShadow_1wxwt {
+} .calendar__withShadow_xdqcp {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }

package/calendar/components/month-year-header/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"calendar__component_1osvu","button":"calendar__button_1osvu","month":"calendar__month_1osvu","year":"calendar__year_1osvu","buttonContent":"calendar__buttonContent_1osvu","upDownIcon":"calendar__upDownIcon_1osvu"};
+var styles = {"component":"calendar__component_1r41b","button":"calendar__button_1r41b","month":"calendar__month_1r41b","year":"calendar__year_1r41b","buttonContent":"calendar__buttonContent_1r41b","upDownIcon":"calendar__upDownIcon_1r41b"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

package/calendar/components/month-year-header/index.css

@@ -37,33 +37,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1osvu {
+} .calendar__component_1r41b {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_1osvu.calendar__button_1osvu {
+} .cc-calendar .calendar__button_1r41b.calendar__button_1r41b {
         border-radius: var(--border-radius-s);
-    } .calendar__month_1osvu {
+    } .calendar__month_1r41b {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_1osvu {
+} @media (max-width: 374px) { .calendar__month_1r41b {
         flex-grow: 1
 }
-    } .calendar__year_1osvu {
+    } .calendar__year_1r41b {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__year_1osvu {
+} @media (max-width: 374px) { .calendar__year_1r41b {
         width: 90px
 }
-    } .calendar__buttonContent_1osvu {
+    } .calendar__buttonContent_1r41b {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_1osvu {
+} .calendar__upDownIcon_1r41b {
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__upDownIcon_1osvu {
+} @media (max-width: 374px) { .calendar__upDownIcon_1r41b {
         margin-left: auto
 }
     }

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

@@ -15,7 +15,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
 
-var styles = {"monthsTable":"calendar__monthsTable_1bfn0","responsive":"calendar__responsive_1bfn0","button":"calendar__button_1bfn0"};
+var styles = {"monthsTable":"calendar__monthsTable_132w1","responsive":"calendar__responsive_132w1","button":"calendar__button_132w1"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -49,40 +49,40 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__monthsTable_1bfn0 {
+} .cc-calendar .calendar__monthsTable_132w1 {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width)
-    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1bfn0 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_132w1 {
             width: var(--calendar-mobile-inner-width);
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__monthsTable_1bfn0.calendar__responsive_1bfn0 {
+        } .cc-calendar .calendar__monthsTable_132w1.calendar__responsive_132w1 {
             width: 100%
-        } .cc-calendar .calendar__monthsTable_1bfn0.calendar__responsive_1bfn0 .calendar__button_1bfn0 {
+        } .cc-calendar .calendar__monthsTable_132w1.calendar__responsive_132w1 .calendar__button_132w1 {
                 width: calc(33.333% - var(--gap-2xs) / 1.5);
-            } .cc-calendar .calendar__monthsTable_1bfn0:not(.calendar__responsive_1bfn0) .calendar__button_1bfn0 {
+            } .cc-calendar .calendar__monthsTable_132w1:not(.calendar__responsive_132w1) .calendar__button_132w1 {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1bfn0:not(.calendar__responsive_1bfn0) .calendar__button_1bfn0 {
+            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_132w1:not(.calendar__responsive_132w1) .calendar__button_132w1 {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__monthsTable_1bfn0:not(.calendar__responsive_1bfn0) .calendar__button_1bfn0:nth-child(3n) {
+                    .cc-calendar .calendar__monthsTable_132w1:not(.calendar__responsive_132w1) .calendar__button_132w1:nth-child(3n) {
                         margin-right: var(--gap-2xs);
                     }
 
-                    .cc-calendar .calendar__monthsTable_1bfn0:not(.calendar__responsive_1bfn0) .calendar__button_1bfn0:nth-child(2n) {
+                    .cc-calendar .calendar__monthsTable_132w1:not(.calendar__responsive_132w1) .calendar__button_132w1:nth-child(2n) {
                         margin-right: 0;
-                    } .cc-calendar .calendar__monthsTable_1bfn0:not(.calendar__responsive_1bfn0) .calendar__button_1bfn0 {
+                    } .cc-calendar .calendar__monthsTable_132w1:not(.calendar__responsive_132w1) .calendar__button_132w1 {
 
                     height: 36px
             }
-                } .cc-calendar .calendar__button_1bfn0 {
+                } .cc-calendar .calendar__button_132w1 {
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_1bfn0:nth-child(3n) {
+    } .cc-calendar .calendar__button_132w1:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_1bfn0 {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_132w1 {
             height: 36px
     }
         }

package/calendar/components/period-slider/Component.js

@@ -18,7 +18,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var endOfWeek__default = /*#__PURE__*/_interopDefaultCompat(endOfWeek);
 var startOfWeek__default = /*#__PURE__*/_interopDefaultCompat(startOfWeek);
 
-var styles = {"component":"calendar__component_1h8xr","period":"calendar__period_1h8xr","clicablePeriod":"calendar__clicablePeriod_1h8xr","empty":"calendar__empty_1h8xr","arrow":"calendar__arrow_1h8xr","full":"calendar__full_1h8xr","yearSelectorButton":"calendar__yearSelectorButton_1h8xr"};
+var styles = {"component":"calendar__component_horb4","period":"calendar__period_horb4","clicablePeriod":"calendar__clicablePeriod_horb4","empty":"calendar__empty_horb4","arrow":"calendar__arrow_horb4","full":"calendar__full_horb4","yearSelectorButton":"calendar__yearSelectorButton_horb4"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

package/calendar/components/period-slider/index.css

@@ -42,37 +42,37 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1h8xr {
+} .calendar__component_horb4 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_1h8xr {
+} .calendar__period_horb4 {
     font-family: var(--calendar-month-only-header-font-family);
     font-size: var(--calendar-month-only-header-font-size);
     font-weight: var(--calendar-month-only-header-font-weight);
     line-height: 24px;
     text-align: center
-} @media (max-width: 374px) { .calendar__period_1h8xr {
+} @media (max-width: 374px) { .calendar__period_horb4 {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__clicablePeriod_1h8xr {
+    } .calendar__clicablePeriod_horb4 {
     cursor: pointer;
-} .calendar__empty_1h8xr {
+} .calendar__empty_horb4 {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_1h8xr {
+} .calendar__arrow_horb4 {
     position: absolute;
     top: 4px
-} .calendar__arrow_1h8xr:first-child {
+} .calendar__arrow_horb4:first-child {
         left: 0;
-    } .calendar__arrow_1h8xr:last-child {
+    } .calendar__arrow_horb4:last-child {
         right: 0;
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_1h8xr .calendar__arrow_1h8xr {
+    } @media (max-width: 374px) { .calendar__full_horb4 .calendar__arrow_horb4 {
         display: none
 }
-    } .calendar__yearSelectorButton_1h8xr {
+    } .calendar__yearSelectorButton_horb4 {
     margin-left: var(--gap-xs);
 }

package/calendar/components/select-button/Component.js

@@ -10,7 +10,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"button":"calendar__button_4okfw","filled":"calendar__filled_4okfw","current":"calendar__current_4okfw","selected":"calendar__selected_4okfw"};
+var styles = {"button":"calendar__button_145i1","filled":"calendar__filled_145i1","current":"calendar__current_145i1","selected":"calendar__selected_145i1"};
 require('./index.css');
 
 var SelectButton = React.forwardRef(function (_a, ref) {

package/calendar/components/select-button/index.css

@@ -46,7 +46,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_4okfw.calendar__button_4okfw {
+} .cc-calendar .calendar__button_145i1.calendar__button_145i1 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -56,23 +56,23 @@
         padding: 0 var(--gap-xs);
         background-color: transparent;
         border-radius: var(--border-radius-l)
-    } .cc-calendar .calendar__button_4okfw.calendar__button_4okfw:not(:disabled):hover {
+    } .cc-calendar .calendar__button_145i1.calendar__button_145i1:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_4okfw.calendar__button_4okfw.calendar__filled_4okfw {
+        } .cc-calendar .calendar__button_145i1.calendar__button_145i1.calendar__filled_145i1 {
             background-color: var(--color-light-neutral-translucent-300)
-        } .cc-calendar .calendar__button_4okfw.calendar__button_4okfw.calendar__filled_4okfw:not(:disabled):hover {
+        } .cc-calendar .calendar__button_145i1.calendar__button_145i1.calendar__filled_145i1:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_4okfw.calendar__button_4okfw.calendar__current_4okfw {
+            } .cc-calendar .calendar__button_145i1.calendar__button_145i1.calendar__current_145i1 {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_4okfw.calendar__button_4okfw.calendar__selected_4okfw,
-        .cc-calendar .calendar__button_4okfw.calendar__button_4okfw.calendar__selected_4okfw:disabled {
+        } .cc-calendar .calendar__button_145i1.calendar__button_145i1.calendar__selected_145i1,
+        .cc-calendar .calendar__button_145i1.calendar__button_145i1.calendar__selected_145i1:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_4okfw.calendar__button_4okfw.calendar__selected_4okfw:not(:disabled):hover, .cc-calendar .calendar__button_4okfw.calendar__button_4okfw.calendar__selected_4okfw:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_145i1.calendar__button_145i1.calendar__selected_145i1:not(:disabled):hover, .cc-calendar .calendar__button_145i1.calendar__button_145i1.calendar__selected_145i1:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_4okfw.calendar__button_4okfw > * {
+            } .cc-calendar .calendar__button_145i1.calendar__button_145i1 > * {
             flex-grow: 1;
         }