@alfalab/core-components 45.5.0-rc.2 → 45.6.0

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

@@ -70,27 +70,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-neutral-1500);
     --calendar-marker-selected-background: var(--color-light-neutral-1500-inverted);
-} .calendar__daysTable_1ende {
+} .calendar__daysTable_1ljjq {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_1ende.calendar__responsive_1ende {
+} .calendar__daysTable_1ljjq.calendar__responsive_1ljjq {
         width: 100%;
-    } .calendar__daysTable_1ende th {
+    } .calendar__daysTable_1ljjq th {
         padding: 0;
-    } .calendar__daysTable_1ende td {
+    } .calendar__daysTable_1ljjq td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_1ende {
+    } .calendar__dayName_1ljjq {
     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_1ende {
+} @media (max-width: 374px) { .calendar__dayName_1ljjq {
         height: 36px
 }
-    } .calendar__day_1ende {
+    } .calendar__day_1ljjq {
     -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_1ende.calendar__rounded_1ende {
+} .calendar__day_1ljjq.calendar__rounded_1ljjq {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_1ende.calendar__rectangular_1ende {
+    } .calendar__day_1ljjq.calendar__rectangular_1ljjq {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_1ende.calendar__highlighted_1ende,
-    .calendar__day_1ende.calendar__range_1ende.calendar__highlighted_1ende:not(.calendar__disabled_1ende) {
+    } .calendar__day_1ljjq.calendar__highlighted_1ljjq,
+    .calendar__day_1ljjq.calendar__range_1ljjq.calendar__highlighted_1ljjq:not(.calendar__disabled_1ljjq) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_1ende.calendar__holiday_1ende {
+    } .calendar__day_1ljjq.calendar__holiday_1ljjq {
         color: var(--calendar-holiday-color);
-    } .calendar__day_1ende.calendar__disabled_1ende {
+    } .calendar__day_1ljjq.calendar__disabled_1ljjq {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_1ende.calendar__today_1ende {
+    } .calendar__day_1ljjq.calendar__today_1ljjq {
         color: var(--calendar-today-color);
-    } .calendar__day_1ende.calendar__rangeComplete_1ende {
+    } .calendar__day_1ljjq.calendar__rangeComplete_1ljjq {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_1ende.calendar__selected_1ende,
-    .calendar__day_1ende.calendar__disabled_1ende.calendar__selected_1ende {
+    } .calendar__day_1ljjq.calendar__selected_1ljjq,
+    .calendar__day_1ljjq.calendar__disabled_1ljjq.calendar__selected_1ljjq {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_1ende.calendar__selected_1ende:hover {
+            .calendar__day_1ljjq.calendar__selected_1ljjq:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_1ende:focus {
+        } .calendar__day_1ljjq:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_1ende {
+    } /* RANGE */ .calendar__dayWrapper_1ljjq {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_1ende:before {
+} .calendar__dayWrapper_1ljjq:before {
         content: '';
         display: block;
         position: absolute;
@@ -145,27 +145,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_1ende:focus {
+    } .calendar__dayWrapper_1ljjq:focus {
         outline: none;
-    } .calendar__dayWrapper_1ende.calendar__cursorPointer_1ende {
+    } .calendar__dayWrapper_1ljjq.calendar__cursorPointer_1ljjq {
         cursor: pointer;
-    } .calendar__range_1ende .calendar__day_1ende:not(.calendar__selected_1ende):not(.calendar__disabled_1ende):not(.calendar__today_1ende):not(.calendar__holiday_1ende) {
+    } .calendar__range_1ljjq .calendar__day_1ljjq:not(.calendar__selected_1ljjq):not(.calendar__disabled_1ljjq):not(.calendar__today_1ljjq):not(.calendar__holiday_1ljjq) {
         color: var(--calendar-range-color);
-    } .calendar__range_1ende:before {
+    } .calendar__range_1ljjq:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_1ende:before {
+    } .calendar__rangeEnd_1ljjq: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_1ende:before {
+    } .calendar__rangeStart_1ljjq: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_1ende:before {
+    } .calendar__rangeComplete_1ljjq:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_1ende:after, .calendar__transitRight_1ende:after {
+    } .calendar__transitLeft_1ljjq:after, .calendar__transitRight_1ljjq:after {
         content: '';
         position: absolute;
         display: block;
@@ -173,81 +173,81 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_1ende:after {
+    } .calendar__transitLeft_1ljjq:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__transitLeft_1ende:first-child:before {
+    } .calendar__transitLeft_1ljjq:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_1ende:first-child:after {
+        } .calendar__transitLeft_1ljjq:first-child:after {
             right: 0;
-        } .calendar__transitRight_1ende:after {
+        } .calendar__transitRight_1ljjq:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_1ende:last-child:before {
+    } .calendar__transitRight_1ljjq:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_1ende:last-child:after {
+        } .calendar__transitRight_1ljjq:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_1ende:first-child:before {
+        } .calendar__sharpTransitLeft_1ljjq:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_1ende:first-child:after {
+        } .calendar__sharpTransitLeft_1ljjq:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_1ende:last-child:before {
+        } .calendar__sharpTransitRight_1ljjq:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_1ende:last-child:after {
+        } .calendar__sharpTransitRight_1ljjq:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_1ende.calendar__transitLeft_1ende:after {
+        } .calendar__rangeComplete_1ljjq.calendar__transitLeft_1ljjq:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__rangeComplete_1ende.calendar__transitRight_1ende:after {
+    } .calendar__rangeComplete_1ljjq.calendar__transitRight_1ljjq:after {
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_1ende .calendar__dayWrapper_1ende {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_1ljjq .calendar__dayWrapper_1ljjq {
     width: 100px;
-} .calendar__left_1ende .calendar__daysEnter_1ende {
+} .calendar__left_1ljjq .calendar__daysEnter_1ljjq {
         transform: translateX(50px);
-    } .calendar__left_1ende .calendar__daysEnterActive_1ende {
+    } .calendar__left_1ljjq .calendar__daysEnterActive_1ljjq {
         transform: translateX(0);
-    } .calendar__left_1ende .calendar__daysExit_1ende {
+    } .calendar__left_1ljjq .calendar__daysExit_1ljjq {
         transform: translateX(0);
-    } .calendar__left_1ende .calendar__daysExitActive_1ende {
+    } .calendar__left_1ljjq .calendar__daysExitActive_1ljjq {
         transform: translateX(-50px);
-    } .calendar__right_1ende .calendar__daysEnter_1ende {
+    } .calendar__right_1ljjq .calendar__daysEnter_1ljjq {
         transform: translateX(-50px);
-    } .calendar__right_1ende .calendar__daysEnterActive_1ende {
+    } .calendar__right_1ljjq .calendar__daysEnterActive_1ljjq {
         transform: translateX(0);
-    } .calendar__right_1ende .calendar__daysExit_1ende {
+    } .calendar__right_1ljjq .calendar__daysExit_1ljjq {
         transform: translateX(0);
-    } .calendar__right_1ende .calendar__daysExitActive_1ende {
+    } .calendar__right_1ljjq .calendar__daysExitActive_1ljjq {
         transform: translateX(50px);
-    } .calendar__dayAddons_1ende > span {
+    } .calendar__dayAddons_1ljjq > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_1ende {
+    } .calendar__dayContent_1ljjq {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_1ende.calendar__today_1ende {
+} .calendar__dayContent_1ljjq.calendar__today_1ljjq {
         font-weight: bold;
-    } .calendar__addons_1ende {
+    } .calendar__addons_1ljjq {
     min-height: 8px;
-} .calendar__dot_1ende {
+} .calendar__dot_1ljjq {
     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_1ende .calendar__dot_1ende {
+} .calendar__selected_1ljjq .calendar__dot_1ljjq {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_1ende {
+} .calendar__daysEnter_1ljjq {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_1ende {
+} .calendar__daysEnterActive_1ljjq {
     opacity: 1;
-} .calendar__daysExit_1ende {
+} .calendar__daysExit_1ljjq {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_1ende {
+} .calendar__daysExitActive_1ljjq {
     opacity: 0;
-} .calendar__daysEnterActive_1ende,
-.calendar__daysExitActive_1ende {
+} .calendar__daysEnterActive_1ljjq,
+.calendar__daysExitActive_1ljjq {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_1ende {
+} .calendar__bottomAddon_1ljjq {
     margin: 0 auto
-} .calendar__bottomAddon_1ende.calendar__selected_1ende,
-    .calendar__bottomAddon_1ende.calendar__selected_1ende > * {
+} .calendar__bottomAddon_1ljjq.calendar__selected_1ljjq,
+    .calendar__bottomAddon_1ljjq.calendar__selected_1ljjq > * {
         color: var(--calendar-selected-color);
     }

package/calendar/esm/components/header/Component.js

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"header":"calendar__header_nqaez","withShadow":"calendar__withShadow_nqaez"};
+var styles = {"header":"calendar__header_1csfk","withShadow":"calendar__withShadow_1csfk"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/esm/components/header/index.css

@@ -38,13 +38,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_nqaez {
+} .calendar__header_1csfk {
     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_nqaez {
+} .calendar__withShadow_1csfk {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }

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

@@ -29,7 +29,7 @@ import '../../../../shared/esm';
 import 'tslib';
 import '../../../../button/esm/desktop';
 
-var styles = {"component":"calendar__component_jdbtu","button":"calendar__button_jdbtu","month":"calendar__month_jdbtu","year":"calendar__year_jdbtu","buttonContent":"calendar__buttonContent_jdbtu","upDownIcon":"calendar__upDownIcon_jdbtu"};
+var styles = {"component":"calendar__component_1subp","button":"calendar__button_1subp","month":"calendar__month_1subp","year":"calendar__year_1subp","buttonContent":"calendar__buttonContent_1subp","upDownIcon":"calendar__upDownIcon_1subp"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

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

@@ -37,33 +37,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_jdbtu {
+} .calendar__component_1subp {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_jdbtu {
+} .cc-calendar .calendar__button_1subp {
         border-radius: var(--border-radius-s);
-    } .calendar__month_jdbtu {
+    } .calendar__month_1subp {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_jdbtu {
+} @media (max-width: 374px) { .calendar__month_1subp {
         flex-grow: 1
 }
-    } .calendar__year_jdbtu {
+    } .calendar__year_1subp {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__year_jdbtu {
+} @media (max-width: 374px) { .calendar__year_1subp {
         width: 90px
 }
-    } .calendar__buttonContent_jdbtu {
+    } .calendar__buttonContent_1subp {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_jdbtu {
+} .calendar__upDownIcon_1subp {
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__upDownIcon_jdbtu {
+} @media (max-width: 374px) { .calendar__upDownIcon_1subp {
         margin-left: auto
 }
     }

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

@@ -30,7 +30,7 @@ import 'date-fns/subMonths';
 import '../../../../shared/esm';
 import '../../../../button/esm/desktop';
 
-var styles = {"monthsTable":"calendar__monthsTable_1udal","responsive":"calendar__responsive_1udal","button":"calendar__button_1udal"};
+var styles = {"monthsTable":"calendar__monthsTable_1fh2w","responsive":"calendar__responsive_1fh2w","button":"calendar__button_1fh2w"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

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

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

@@ -40,7 +40,7 @@ import 'date-fns/isToday';
 import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
 
-var styles = {"component":"calendar__component_1z0io","period":"calendar__period_1z0io","clicablePeriod":"calendar__clicablePeriod_1z0io","empty":"calendar__empty_1z0io","arrow":"calendar__arrow_1z0io","full":"calendar__full_1z0io","yearSelectorButton":"calendar__yearSelectorButton_1z0io"};
+var styles = {"component":"calendar__component_p1jrt","period":"calendar__period_p1jrt","clicablePeriod":"calendar__clicablePeriod_p1jrt","empty":"calendar__empty_p1jrt","arrow":"calendar__arrow_p1jrt","full":"calendar__full_p1jrt","yearSelectorButton":"calendar__yearSelectorButton_p1jrt"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

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

@@ -42,37 +42,37 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1z0io {
+} .calendar__component_p1jrt {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_1z0io {
+} .calendar__period_p1jrt {
     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_1z0io {
+} @media (max-width: 374px) { .calendar__period_p1jrt {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__clicablePeriod_1z0io {
+    } .calendar__clicablePeriod_p1jrt {
     cursor: pointer;
-} .calendar__empty_1z0io {
+} .calendar__empty_p1jrt {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_1z0io {
+} .calendar__arrow_p1jrt {
     position: absolute;
     top: 4px
-} .calendar__arrow_1z0io:first-child {
+} .calendar__arrow_p1jrt:first-child {
         left: 0;
-    } .calendar__arrow_1z0io:last-child {
+    } .calendar__arrow_p1jrt:last-child {
         right: 0;
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_1z0io .calendar__arrow_1z0io {
+    } @media (max-width: 374px) { .calendar__full_p1jrt .calendar__arrow_p1jrt {
         display: none
 }
-    } .calendar__yearSelectorButton_1z0io {
+    } .calendar__yearSelectorButton_p1jrt {
     margin-left: var(--gap-xs);
 }

package/calendar/esm/components/select-button/Component.d.ts

@@ -19,6 +19,6 @@ declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
     /**
      * Вид кнопки
      */
-    view?: "selected" | "default" | "filled" | "current" | undefined;
+    view?: "default" | "filled" | "selected" | "current" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { SelectButtonProps, SelectButton };

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

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { ButtonDesktop } from '../../../../button/esm/desktop';
 
-var styles = {"button":"calendar__button_73c6z","filled":"calendar__filled_73c6z","current":"calendar__current_73c6z","selected":"calendar__selected_73c6z"};
+var styles = {"button":"calendar__button_w5hc3","filled":"calendar__filled_w5hc3","current":"calendar__current_w5hc3","selected":"calendar__selected_w5hc3"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

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

@@ -46,7 +46,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_73c6z {
+} .cc-calendar .calendar__button_w5hc3 {
         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_73c6z:not(:disabled):hover {
+    } .cc-calendar .calendar__button_w5hc3:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_73c6z.calendar__filled_73c6z {
+        } .cc-calendar .calendar__button_w5hc3.calendar__filled_w5hc3 {
             background-color: var(--color-light-neutral-translucent-300)
-        } .cc-calendar .calendar__button_73c6z.calendar__filled_73c6z:not(:disabled):hover {
+        } .cc-calendar .calendar__button_w5hc3.calendar__filled_w5hc3:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_73c6z.calendar__current_73c6z {
+            } .cc-calendar .calendar__button_w5hc3.calendar__current_w5hc3 {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_73c6z.calendar__selected_73c6z,
-        .cc-calendar .calendar__button_73c6z.calendar__selected_73c6z:disabled {
+        } .cc-calendar .calendar__button_w5hc3.calendar__selected_w5hc3,
+        .cc-calendar .calendar__button_w5hc3.calendar__selected_w5hc3:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_73c6z.calendar__selected_73c6z:not(:disabled):hover, .cc-calendar .calendar__button_73c6z.calendar__selected_73c6z:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_w5hc3.calendar__selected_w5hc3:not(:disabled):hover, .cc-calendar .calendar__button_w5hc3.calendar__selected_w5hc3:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_73c6z > * {
+            } .cc-calendar .calendar__button_w5hc3 > * {
             flex-grow: 1;
         }

package/calendar/esm/components/years-table/Component.js

@@ -6,7 +6,7 @@ import isThisYear from 'date-fns/isThisYear';
 import { SelectButton } from '../select-button/Component.js';
 import '../../../../button/esm/desktop';
 
-var styles = {"yearsTable":"calendar__yearsTable_d87ni","responsive":"calendar__responsive_d87ni","inner":"calendar__inner_d87ni","button":"calendar__button_d87ni"};
+var styles = {"yearsTable":"calendar__yearsTable_12acs","responsive":"calendar__responsive_12acs","inner":"calendar__inner_12acs","button":"calendar__button_12acs"};
 require('./index.css');
 
 var YearsTable = function (_a) {

package/calendar/esm/components/years-table/index.css

@@ -49,43 +49,43 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_d87ni {
+} .cc-calendar .calendar__yearsTable_12acs {
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_d87ni {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_12acs {
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__yearsTable_d87ni.calendar__responsive_d87ni .calendar__inner_d87ni {
+        } .cc-calendar .calendar__yearsTable_12acs.calendar__responsive_12acs .calendar__inner_12acs {
                 width: 100%;
-            } .cc-calendar .calendar__yearsTable_d87ni.calendar__responsive_d87ni .calendar__button_d87ni {
+            } .cc-calendar .calendar__yearsTable_12acs.calendar__responsive_12acs .calendar__button_12acs {
                 width: calc(33.333% - var(--gap-2xs) / 1.5);
-            } .cc-calendar .calendar__yearsTable_d87ni:not(.calendar__responsive_d87ni) .calendar__inner_d87ni {
+            } .cc-calendar .calendar__yearsTable_12acs:not(.calendar__responsive_12acs) .calendar__inner_12acs {
                 width: var(--calendar-inner-width);
                 margin: 0 auto
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_d87ni:not(.calendar__responsive_d87ni) .calendar__inner_d87ni {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_12acs:not(.calendar__responsive_12acs) .calendar__inner_12acs {
                     width: var(--calendar-mobile-inner-width)
             }
-                } .cc-calendar .calendar__yearsTable_d87ni:not(.calendar__responsive_d87ni) .calendar__button_d87ni {
+                } .cc-calendar .calendar__yearsTable_12acs:not(.calendar__responsive_12acs) .calendar__button_12acs {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_d87ni:not(.calendar__responsive_d87ni) .calendar__button_d87ni {
+            } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_12acs:not(.calendar__responsive_12acs) .calendar__button_12acs {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__yearsTable_d87ni:not(.calendar__responsive_d87ni) .calendar__button_d87ni:nth-child(3n) {
+                    .cc-calendar .calendar__yearsTable_12acs:not(.calendar__responsive_12acs) .calendar__button_12acs:nth-child(3n) {
                         margin-right: var(--gap-2xs);
                     }
 
-                    .cc-calendar .calendar__yearsTable_d87ni:not(.calendar__responsive_d87ni) .calendar__button_d87ni:nth-child(2n) {
+                    .cc-calendar .calendar__yearsTable_12acs:not(.calendar__responsive_12acs) .calendar__button_12acs:nth-child(2n) {
                         margin-right: 0;
                     }
-                } .cc-calendar .calendar__inner_d87ni {
+                } .cc-calendar .calendar__inner_12acs {
         position: relative;
         overflow: hidden;
-    } .cc-calendar .calendar__button_d87ni {
+    } .cc-calendar .calendar__button_12acs {
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_d87ni:nth-child(3n) {
+    } .cc-calendar .calendar__button_12acs:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_d87ni {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_12acs {
             height: 36px
     }
         }

package/calendar/esm/desktop/Component.desktop.js

@@ -62,7 +62,7 @@ import 'react-merge-refs';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
 
-var styles = {"component":"calendar__component_4fs8o","responsive":"calendar__responsive_4fs8o","period":"calendar__period_4fs8o","monthYear":"calendar__monthYear_4fs8o","container":"calendar__container_4fs8o","customScrollbar":"calendar__customScrollbar_4fs8o","nativeScrollbar":"calendar__nativeScrollbar_4fs8o","sixWeeks":"calendar__sixWeeks_4fs8o"};
+var styles = {"component":"calendar__component_jbzxj","responsive":"calendar__responsive_jbzxj","period":"calendar__period_jbzxj","monthYear":"calendar__monthYear_jbzxj","container":"calendar__container_jbzxj","customScrollbar":"calendar__customScrollbar_jbzxj","nativeScrollbar":"calendar__nativeScrollbar_jbzxj","sixWeeks":"calendar__sixWeeks_jbzxj"};
 require('./desktop.css');
 
 var useCustomWebkitScrollbar = hooks.useCustomWebkitScrollbar;