@alfalab/core-components 41.3.1 → 41.4.0-beta.1

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

@@ -69,27 +69,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
-} .calendar__daysTable_hxj8a {
+} .calendar__daysTable_x9r6s {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_hxj8a.calendar__responsive_hxj8a {
+} .calendar__daysTable_x9r6s.calendar__responsive_x9r6s {
         width: 100%;
-    } .calendar__daysTable_hxj8a th {
+    } .calendar__daysTable_x9r6s th {
         padding: 0;
-    } .calendar__daysTable_hxj8a td {
+    } .calendar__daysTable_x9r6s td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_hxj8a {
+    } .calendar__dayName_x9r6s {
     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_hxj8a {
+} @media (max-width: 374px) { .calendar__dayName_x9r6s {
         height: 36px
 }
-    } .calendar__day_hxj8a {
+    } .calendar__day_x9r6s {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
     position: relative;
@@ -102,42 +102,42 @@
     box-sizing: border-box;
     color: var(--color-light-text-primary);
     z-index: 1
-} .calendar__day_hxj8a.calendar__rounded_hxj8a {
+} .calendar__day_x9r6s.calendar__rounded_x9r6s {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_hxj8a.calendar__rectangular_hxj8a {
+    } .calendar__day_x9r6s.calendar__rectangular_x9r6s {
         border-radius: var(--border-radius-m);
         width: 44px;
-    } .calendar__day_hxj8a.calendar__highlighted_hxj8a,
-    .calendar__day_hxj8a.calendar__range_hxj8a.calendar__highlighted_hxj8a:not(.calendar__disabled_hxj8a) {
+    } .calendar__day_x9r6s.calendar__highlighted_x9r6s,
+    .calendar__day_x9r6s.calendar__range_x9r6s.calendar__highlighted_x9r6s:not(.calendar__disabled_x9r6s) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_hxj8a.calendar__holiday_hxj8a {
+    } .calendar__day_x9r6s.calendar__holiday_x9r6s {
         color: var(--calendar-holiday-color);
-    } .calendar__day_hxj8a.calendar__disabled_hxj8a {
+    } .calendar__day_x9r6s.calendar__disabled_x9r6s {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_hxj8a.calendar__today_hxj8a {
+    } .calendar__day_x9r6s.calendar__today_x9r6s {
         font-weight: bold;
         color: var(--calendar-today-color);
-    } .calendar__day_hxj8a.calendar__rangeComplete_hxj8a {
+    } .calendar__day_x9r6s.calendar__rangeComplete_x9r6s {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_hxj8a.calendar__selected_hxj8a,
-    .calendar__day_hxj8a.calendar__disabled_hxj8a.calendar__selected_hxj8a {
+    } .calendar__day_x9r6s.calendar__selected_x9r6s,
+    .calendar__day_x9r6s.calendar__disabled_x9r6s.calendar__selected_x9r6s {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_hxj8a.calendar__selected_hxj8a:hover {
+            .calendar__day_x9r6s.calendar__selected_x9r6s:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_hxj8a:focus {
+        } .calendar__day_x9r6s:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_hxj8a {
+    } /* RANGE */ .calendar__dayWrapper_x9r6s {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_hxj8a:before {
+} .calendar__dayWrapper_x9r6s:before {
         content: '';
         display: block;
         position: absolute;
@@ -145,27 +145,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_hxj8a:focus {
+    } .calendar__dayWrapper_x9r6s:focus {
         outline: none;
-    } .calendar__dayWrapper_hxj8a.calendar__cursorPointer_hxj8a {
+    } .calendar__dayWrapper_x9r6s.calendar__cursorPointer_x9r6s {
         cursor: pointer;
-    } .calendar__range_hxj8a .calendar__day_hxj8a:not(.calendar__selected_hxj8a):not(.calendar__disabled_hxj8a):not(.calendar__today_hxj8a):not(.calendar__holiday_hxj8a) {
+    } .calendar__range_x9r6s .calendar__day_x9r6s:not(.calendar__selected_x9r6s):not(.calendar__disabled_x9r6s):not(.calendar__today_x9r6s):not(.calendar__holiday_x9r6s) {
         color: var(--calendar-range-color);
-    } .calendar__range_hxj8a:before {
+    } .calendar__range_x9r6s:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_hxj8a:before {
+    } .calendar__rangeEnd_x9r6s: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_hxj8a:before {
+    } .calendar__rangeStart_x9r6s: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_hxj8a:before {
+    } .calendar__rangeComplete_x9r6s:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_hxj8a:after, .calendar__transitRight_hxj8a:after {
+    } .calendar__transitLeft_x9r6s:after, .calendar__transitRight_x9r6s:after {
         content: '';
         position: absolute;
         display: block;
@@ -173,79 +173,79 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_hxj8a:after {
+    } .calendar__transitLeft_x9r6s:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__transitLeft_hxj8a:first-child:before {
+    } .calendar__transitLeft_x9r6s:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_hxj8a:first-child:after {
+        } .calendar__transitLeft_x9r6s:first-child:after {
             right: 0;
-        } .calendar__transitRight_hxj8a:after {
+        } .calendar__transitRight_x9r6s:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_hxj8a:last-child:before {
+    } .calendar__transitRight_x9r6s:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_hxj8a:last-child:after {
+        } .calendar__transitRight_x9r6s:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_hxj8a:first-child:before {
+        } .calendar__sharpTransitLeft_x9r6s:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_hxj8a:first-child:after {
+        } .calendar__sharpTransitLeft_x9r6s:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_hxj8a:last-child:before {
+        } .calendar__sharpTransitRight_x9r6s:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_hxj8a:last-child:after {
+        } .calendar__sharpTransitRight_x9r6s:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_hxj8a.calendar__transitLeft_hxj8a:after {
+        } .calendar__rangeComplete_x9r6s.calendar__transitLeft_x9r6s:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__rangeComplete_hxj8a.calendar__transitRight_hxj8a:after {
+    } .calendar__rangeComplete_x9r6s.calendar__transitRight_x9r6s:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_hxj8a .calendar__dayWrapper_hxj8a {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_x9r6s .calendar__dayWrapper_x9r6s {
     width: 100px;
-} .calendar__left_hxj8a .calendar__daysEnter_hxj8a {
+} .calendar__left_x9r6s .calendar__daysEnter_x9r6s {
         transform: translateX(50px);
-    } .calendar__left_hxj8a .calendar__daysEnterActive_hxj8a {
+    } .calendar__left_x9r6s .calendar__daysEnterActive_x9r6s {
         transform: translateX(0);
-    } .calendar__left_hxj8a .calendar__daysExit_hxj8a {
+    } .calendar__left_x9r6s .calendar__daysExit_x9r6s {
         transform: translateX(0);
-    } .calendar__left_hxj8a .calendar__daysExitActive_hxj8a {
+    } .calendar__left_x9r6s .calendar__daysExitActive_x9r6s {
         transform: translateX(-50px);
-    } .calendar__right_hxj8a .calendar__daysEnter_hxj8a {
+    } .calendar__right_x9r6s .calendar__daysEnter_x9r6s {
         transform: translateX(-50px);
-    } .calendar__right_hxj8a .calendar__daysEnterActive_hxj8a {
+    } .calendar__right_x9r6s .calendar__daysEnterActive_x9r6s {
         transform: translateX(0);
-    } .calendar__right_hxj8a .calendar__daysExit_hxj8a {
+    } .calendar__right_x9r6s .calendar__daysExit_x9r6s {
         transform: translateX(0);
-    } .calendar__right_hxj8a .calendar__daysExitActive_hxj8a {
+    } .calendar__right_x9r6s .calendar__daysExitActive_x9r6s {
         transform: translateX(50px);
-    } .calendar__dayAddons_hxj8a > span {
+    } .calendar__dayAddons_x9r6s > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: 0 var(--gap-3xs);
-    } .calendar__dayContent_hxj8a {
+    } .calendar__dayContent_x9r6s {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
-} .calendar__addons_hxj8a {
+} .calendar__addons_x9r6s {
     min-height: 8px;
-} .calendar__dot_hxj8a {
+} .calendar__dot_x9r6s {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -255,25 +255,25 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_hxj8a .calendar__dot_hxj8a {
+} .calendar__selected_x9r6s .calendar__dot_x9r6s {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_hxj8a {
+} .calendar__daysEnter_x9r6s {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_hxj8a {
+} .calendar__daysEnterActive_x9r6s {
     opacity: 1;
-} .calendar__daysExit_hxj8a {
+} .calendar__daysExit_x9r6s {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_hxj8a {
+} .calendar__daysExitActive_x9r6s {
     opacity: 0;
-} .calendar__daysEnterActive_hxj8a,
-.calendar__daysExitActive_hxj8a {
+} .calendar__daysEnterActive_x9r6s,
+.calendar__daysExitActive_x9r6s {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_hxj8a {
+} .calendar__bottomAddon_x9r6s {
     margin: 0 auto
-} .calendar__bottomAddon_hxj8a.calendar__selected_hxj8a,
-    .calendar__bottomAddon_hxj8a.calendar__selected_hxj8a > * {
+} .calendar__bottomAddon_x9r6s.calendar__selected_x9r6s,
+    .calendar__bottomAddon_x9r6s.calendar__selected_x9r6s > * {
         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_1cnj0","withShadow":"calendar__withShadow_1cnj0"};
+var styles = {"header":"calendar__header_1jle8","withShadow":"calendar__withShadow_1jle8"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/components/header/index.css

@@ -39,13 +39,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_1cnj0 {
+} .calendar__header_1jle8 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) 0 var(--gap-s);
     transition: box-shadow 0.2s ease;
     display: flex;
     justify-content: center;
-} .calendar__withShadow_1cnj0 {
+} .calendar__withShadow_1jle8 {
     box-shadow: var(--shadow-s);
 }

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

@@ -34,7 +34,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_x3qup","button":"calendar__button_x3qup","month":"calendar__month_x3qup","year":"calendar__year_x3qup","buttonContent":"calendar__buttonContent_x3qup","upDownIcon":"calendar__upDownIcon_x3qup"};
+var styles = {"component":"calendar__component_1mjc2","button":"calendar__button_1mjc2","month":"calendar__month_1mjc2","year":"calendar__year_1mjc2","buttonContent":"calendar__buttonContent_1mjc2","upDownIcon":"calendar__upDownIcon_1mjc2"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

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

@@ -37,33 +37,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_x3qup {
+} .calendar__component_1mjc2 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_x3qup {
+} .cc-calendar .calendar__button_1mjc2 {
         border-radius: var(--border-radius-s);
-    } .calendar__month_x3qup {
+    } .calendar__month_1mjc2 {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_x3qup {
+} @media (max-width: 374px) { .calendar__month_1mjc2 {
         flex-grow: 1
 }
-    } .calendar__year_x3qup {
+    } .calendar__year_1mjc2 {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__year_x3qup {
+} @media (max-width: 374px) { .calendar__year_1mjc2 {
         width: 90px
 }
-    } .calendar__buttonContent_x3qup {
+    } .calendar__buttonContent_1mjc2 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_x3qup {
+} .calendar__upDownIcon_1mjc2 {
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__upDownIcon_x3qup {
+} @media (max-width: 374px) { .calendar__upDownIcon_1mjc2 {
         margin-left: auto
 }
     }

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

@@ -37,7 +37,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var isThisMonth__default = /*#__PURE__*/_interopDefaultCompat(isThisMonth);
 
-var styles = {"monthsTable":"calendar__monthsTable_ryvvi","responsive":"calendar__responsive_ryvvi","button":"calendar__button_ryvvi"};
+var styles = {"monthsTable":"calendar__monthsTable_yi6rv","responsive":"calendar__responsive_yi6rv","button":"calendar__button_yi6rv"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -49,38 +49,38 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__monthsTable_ryvvi {
+} .cc-calendar .calendar__monthsTable_yi6rv {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width);
         justify-content: flex-start
-    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_ryvvi {
+    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_yi6rv {
             width: var(--calendar-mobile-inner-width);
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__monthsTable_ryvvi.calendar__responsive_ryvvi {
+        } .cc-calendar .calendar__monthsTable_yi6rv.calendar__responsive_yi6rv {
             width: 100%;
             justify-content: space-between
-        } .cc-calendar .calendar__monthsTable_ryvvi.calendar__responsive_ryvvi .calendar__button_ryvvi {
+        } .cc-calendar .calendar__monthsTable_yi6rv.calendar__responsive_yi6rv .calendar__button_yi6rv {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__button_ryvvi {
+            } .cc-calendar .calendar__button_yi6rv {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_ryvvi:nth-child(3n) {
+    } .cc-calendar .calendar__button_yi6rv:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_ryvvi {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_yi6rv {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_ryvvi:nth-child(3n) {
+            .cc-calendar .calendar__button_yi6rv:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_ryvvi:nth-child(2n) {
+            .cc-calendar .calendar__button_yi6rv:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_ryvvi {
+            } .cc-calendar .calendar__button_yi6rv {
 
             height: 36px
     }

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

@@ -46,7 +46,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var endOfWeek__default = /*#__PURE__*/_interopDefaultCompat(endOfWeek);
 var startOfWeek__default = /*#__PURE__*/_interopDefaultCompat(startOfWeek);
 
-var styles = {"component":"calendar__component_92mu7","period":"calendar__period_92mu7","empty":"calendar__empty_92mu7","arrow":"calendar__arrow_92mu7","full":"calendar__full_92mu7","yearSelectorButton":"calendar__yearSelectorButton_92mu7"};
+var styles = {"component":"calendar__component_vuig3","period":"calendar__period_vuig3","empty":"calendar__empty_vuig3","arrow":"calendar__arrow_vuig3","full":"calendar__full_vuig3","yearSelectorButton":"calendar__yearSelectorButton_vuig3"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

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

@@ -42,35 +42,35 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_92mu7 {
+} .calendar__component_vuig3 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_92mu7 {
+} .calendar__period_vuig3 {
     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_92mu7 {
+} @media (max-width: 374px) { .calendar__period_vuig3 {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__empty_92mu7 {
+    } .calendar__empty_vuig3 {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_92mu7 {
+} .calendar__arrow_vuig3 {
     position: absolute;
     top: 4px
-} .calendar__arrow_92mu7:first-child {
+} .calendar__arrow_vuig3:first-child {
         left: 0;
-    } .calendar__arrow_92mu7:last-child {
+    } .calendar__arrow_vuig3:last-child {
         right: 0;
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_92mu7 .calendar__arrow_92mu7 {
+    } @media (max-width: 374px) { .calendar__full_vuig3 .calendar__arrow_vuig3 {
         display: none
 }
-    } .calendar__yearSelectorButton_92mu7 {
+    } .calendar__yearSelectorButton_vuig3 {
     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_1c4e9","filled":"calendar__filled_1c4e9","outlined":"calendar__outlined_1c4e9","selected":"calendar__selected_1c4e9"};
+var styles = {"button":"calendar__button_1a9cf","filled":"calendar__filled_1a9cf","outlined":"calendar__outlined_1a9cf","selected":"calendar__selected_1a9cf"};
 require('./index.css');
 
 var SelectButton = React.forwardRef(function (_a, ref) {

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

@@ -45,7 +45,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_1c4e9 {
+} .cc-calendar .calendar__button_1a9cf {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -55,22 +55,22 @@
         padding: 0 var(--gap-xs);
         background-color: transparent;
         border-radius: var(--border-radius-l)
-    } .cc-calendar .calendar__button_1c4e9:not(:disabled):hover {
+    } .cc-calendar .calendar__button_1a9cf:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_1c4e9.calendar__filled_1c4e9 {
+        } .cc-calendar .calendar__button_1a9cf.calendar__filled_1a9cf {
             background-color: var(--color-light-bg-tertiary)
-        } .cc-calendar .calendar__button_1c4e9.calendar__filled_1c4e9:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1a9cf.calendar__filled_1a9cf:not(:disabled):hover {
                 background-color: var(--color-light-bg-tertiary-shade-7);
-            } .cc-calendar .calendar__button_1c4e9.calendar__outlined_1c4e9 {
+            } .cc-calendar .calendar__button_1a9cf.calendar__outlined_1a9cf {
             border: 1px solid var(--calendar-select-button-today-border-color);
-        } .cc-calendar .calendar__button_1c4e9.calendar__selected_1c4e9,
-        .cc-calendar .calendar__button_1c4e9.calendar__selected_1c4e9:disabled {
+        } .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf,
+        .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_1c4e9.calendar__selected_1c4e9:not(:disabled):hover, .cc-calendar .calendar__button_1c4e9.calendar__selected_1c4e9:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf:not(:disabled):hover, .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_1c4e9 > * {
+            } .cc-calendar .calendar__button_1a9cf > * {
             flex-grow: 1;
         }

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

@@ -15,7 +15,7 @@ var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isSameYear__default = /*#__PURE__*/_interopDefaultCompat(isSameYear);
 var isThisYear__default = /*#__PURE__*/_interopDefaultCompat(isThisYear);
 
-var styles = {"yearsTable":"calendar__yearsTable_125g8","responsive":"calendar__responsive_125g8","inner":"calendar__inner_125g8","button":"calendar__button_125g8"};
+var styles = {"yearsTable":"calendar__yearsTable_193bg","responsive":"calendar__responsive_193bg","inner":"calendar__inner_193bg","button":"calendar__button_193bg"};
 require('./index.css');
 
 var YearsTable = function (_a) {

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

@@ -49,21 +49,21 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_125g8 {
+} .cc-calendar .calendar__yearsTable_193bg {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_125g8 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_193bg {
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__yearsTable_125g8.calendar__responsive_125g8 {
+        } .cc-calendar .calendar__yearsTable_193bg.calendar__responsive_193bg {
             justify-content: space-between
-        } .cc-calendar .calendar__yearsTable_125g8.calendar__responsive_125g8 .calendar__inner_125g8 {
+        } .cc-calendar .calendar__yearsTable_193bg.calendar__responsive_193bg .calendar__inner_193bg {
                 left: auto;
-            } .cc-calendar .calendar__yearsTable_125g8.calendar__responsive_125g8 .calendar__button_125g8 {
+            } .cc-calendar .calendar__yearsTable_193bg.calendar__responsive_193bg .calendar__button_193bg {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__inner_125g8 {
+            } .cc-calendar .calendar__inner_193bg {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -72,26 +72,26 @@
         /* (width - inner-width) / 2 */
         left: 32px;
         overflow: hidden
-    } @media (max-width: 374px) { .cc-calendar .calendar__inner_125g8 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__inner_193bg {
             left: 16px
     }
-        } .cc-calendar .calendar__button_125g8 {
+        } .cc-calendar .calendar__button_193bg {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_125g8:nth-child(3n) {
+    } .cc-calendar .calendar__button_193bg:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_125g8 {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_193bg {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_125g8:nth-child(3n) {
+            .cc-calendar .calendar__button_193bg:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_125g8:nth-child(2n) {
+            .cc-calendar .calendar__button_193bg:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_125g8 {
+            } .cc-calendar .calendar__button_193bg {
 
             height: 36px
     }