@alfalab/core-components 37.3.0-beta.2 → 37.4.0-beta.0

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

@@ -30,7 +30,7 @@ import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
 
-const styles = {"daysTable":"calendar__daysTable_94q4q","responsive":"calendar__responsive_94q4q","dayName":"calendar__dayName_94q4q","day":"calendar__day_94q4q","highlighted":"calendar__highlighted_94q4q","range":"calendar__range_94q4q","disabled":"calendar__disabled_94q4q","holiday":"calendar__holiday_94q4q","today":"calendar__today_94q4q","rangeComplete":"calendar__rangeComplete_94q4q","selected":"calendar__selected_94q4q","dayWrapper":"calendar__dayWrapper_94q4q","cursorPointer":"calendar__cursorPointer_94q4q","rangeEnd":"calendar__rangeEnd_94q4q","rangeStart":"calendar__rangeStart_94q4q","transitLeft":"calendar__transitLeft_94q4q","transitRight":"calendar__transitRight_94q4q","sharpTransitLeft":"calendar__sharpTransitLeft_94q4q","sharpTransitRight":"calendar__sharpTransitRight_94q4q","daysEnter":"calendar__daysEnter_94q4q","left":"calendar__left_94q4q","daysEnterActive":"calendar__daysEnterActive_94q4q","daysExit":"calendar__daysExit_94q4q","daysExitActive":"calendar__daysExitActive_94q4q","right":"calendar__right_94q4q","dot":"calendar__dot_94q4q"};
+const styles = {"daysTable":"calendar__daysTable_vgwke","responsive":"calendar__responsive_vgwke","dayName":"calendar__dayName_vgwke","day":"calendar__day_vgwke","highlighted":"calendar__highlighted_vgwke","range":"calendar__range_vgwke","disabled":"calendar__disabled_vgwke","holiday":"calendar__holiday_vgwke","today":"calendar__today_vgwke","rangeComplete":"calendar__rangeComplete_vgwke","selected":"calendar__selected_vgwke","dayWrapper":"calendar__dayWrapper_vgwke","cursorPointer":"calendar__cursorPointer_vgwke","rangeEnd":"calendar__rangeEnd_vgwke","rangeStart":"calendar__rangeStart_vgwke","transitLeft":"calendar__transitLeft_vgwke","transitRight":"calendar__transitRight_vgwke","sharpTransitLeft":"calendar__sharpTransitLeft_vgwke","sharpTransitRight":"calendar__sharpTransitRight_vgwke","daysEnter":"calendar__daysEnter_vgwke","left":"calendar__left_vgwke","daysEnterActive":"calendar__daysEnterActive_vgwke","daysExit":"calendar__daysExit_vgwke","daysExitActive":"calendar__daysExitActive_vgwke","right":"calendar__right_vgwke","dot":"calendar__dot_vgwke"};
 require('./index.css');
 
 /* eslint-disable complexity */

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

@@ -1,4 +1,4 @@
-/* hash: 3k58r */
+/* hash: iifaq */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -69,21 +69,21 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar__daysTable_94q4q {
+.calendar__daysTable_vgwke {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_94q4q.calendar__responsive_94q4q {
+.calendar__daysTable_vgwke.calendar__responsive_vgwke {
         width: 100%;
     }
-.calendar__daysTable_94q4q th {
+.calendar__daysTable_vgwke th {
         padding: 0;
     }
-.calendar__daysTable_94q4q td {
+.calendar__daysTable_vgwke td {
         padding: var(--gap-2xs) 0 0;
     }
-.calendar__dayName_94q4q {
+.calendar__dayName_vgwke {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -92,11 +92,11 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_94q4q {
+.calendar__dayName_vgwke {
         height: 36px
 }
     }
-.calendar__day_94q4q {
+.calendar__day_vgwke {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -116,52 +116,52 @@
     z-index: 1
 }
 @media (max-width: 374px) {
-.calendar__day_94q4q {
+.calendar__day_vgwke {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_94q4q.calendar__highlighted_94q4q,
-    .calendar__day_94q4q.calendar__range_94q4q.calendar__highlighted_94q4q:not(.calendar__disabled_94q4q) {
+.calendar__day_vgwke.calendar__highlighted_vgwke,
+    .calendar__day_vgwke.calendar__range_vgwke.calendar__highlighted_vgwke:not(.calendar__disabled_vgwke) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_94q4q.calendar__holiday_94q4q {
+.calendar__day_vgwke.calendar__holiday_vgwke {
         color: var(--calendar-holiday-color);
     }
-.calendar__day_94q4q.calendar__disabled_94q4q {
+.calendar__day_vgwke.calendar__disabled_vgwke {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_94q4q.calendar__today_94q4q {
+.calendar__day_vgwke.calendar__today_vgwke {
         font-weight: bold;
         color: var(--calendar-today-color);
     }
-.calendar__day_94q4q.calendar__rangeComplete_94q4q {
+.calendar__day_vgwke.calendar__rangeComplete_vgwke {
         background: var(--calendar-range-complete-background);
     }
-.calendar__day_94q4q.calendar__selected_94q4q,
-    .calendar__day_94q4q.calendar__disabled_94q4q.calendar__selected_94q4q {
+.calendar__day_vgwke.calendar__selected_vgwke,
+    .calendar__day_vgwke.calendar__disabled_vgwke.calendar__selected_vgwke {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
 @media (hover) {
-            .calendar__day_94q4q.calendar__selected_94q4q:hover {
+            .calendar__day_vgwke.calendar__selected_vgwke:hover {
                 background: var(--calendar-selected-hover-background);
             }
         }
-.calendar__day_94q4q:focus {
+.calendar__day_vgwke:focus {
         z-index: 1;
     }
 /* RANGE */
-.calendar__dayWrapper_94q4q {
+.calendar__dayWrapper_vgwke {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
 }
-.calendar__dayWrapper_94q4q:before {
+.calendar__dayWrapper_vgwke:before {
         content: '';
         display: block;
         position: absolute;
@@ -170,34 +170,34 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__dayWrapper_94q4q:focus {
+.calendar__dayWrapper_vgwke:focus {
         outline: none;
     }
-.calendar__dayWrapper_94q4q.calendar__cursorPointer_94q4q {
+.calendar__dayWrapper_vgwke.calendar__cursorPointer_vgwke {
         cursor: pointer;
     }
-.calendar__range_94q4q .calendar__day_94q4q:not(.calendar__selected_94q4q):not(.calendar__disabled_94q4q):not(.calendar__today_94q4q):not(.calendar__holiday_94q4q) {
+.calendar__range_vgwke .calendar__day_vgwke:not(.calendar__selected_vgwke):not(.calendar__disabled_vgwke):not(.calendar__today_vgwke):not(.calendar__holiday_vgwke) {
         color: var(--calendar-range-color);
     }
-.calendar__range_94q4q:before {
+.calendar__range_vgwke:before {
         background: var(--calendar-range-background);
     }
-.calendar__rangeEnd_94q4q:before {
+.calendar__rangeEnd_vgwke: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_94q4q:before {
+.calendar__rangeStart_vgwke: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_94q4q:before {
+.calendar__rangeComplete_vgwke:before {
         background: var(--calendar-range-complete-background);
     }
-.calendar__transitLeft_94q4q:after, .calendar__transitRight_94q4q:after {
+.calendar__transitLeft_vgwke:after, .calendar__transitRight_vgwke:after {
         content: '';
         position: absolute;
         display: block;
@@ -206,7 +206,7 @@
         bottom: 0;
         pointer-events: none;
     }
-.calendar__transitLeft_94q4q:after {
+.calendar__transitLeft_vgwke:after {
         right: 100%;
         background: linear-gradient(
             270deg,
@@ -214,13 +214,13 @@
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__transitLeft_94q4q:first-child:before {
+.calendar__transitLeft_vgwke:first-child:before {
             opacity: 0;
         }
-.calendar__transitLeft_94q4q:first-child:after {
+.calendar__transitLeft_vgwke:first-child:after {
             right: 0;
         }
-.calendar__transitRight_94q4q:after {
+.calendar__transitRight_vgwke:after {
         left: 100%;
         background: linear-gradient(
             270deg,
@@ -228,32 +228,32 @@
             var(--calendar-range-background) 100%
         );
     }
-.calendar__transitRight_94q4q:last-child:before {
+.calendar__transitRight_vgwke:last-child:before {
             opacity: 0;
         }
-.calendar__transitRight_94q4q:last-child:after {
+.calendar__transitRight_vgwke:last-child:after {
             left: 0;
         }
-.calendar__sharpTransitLeft_94q4q:first-child:before {
+.calendar__sharpTransitLeft_vgwke:first-child:before {
             opacity: 1;
         }
-.calendar__sharpTransitLeft_94q4q:first-child:after {
+.calendar__sharpTransitLeft_vgwke:first-child:after {
             opacity: 0;
         }
-.calendar__sharpTransitRight_94q4q:last-child:before {
+.calendar__sharpTransitRight_vgwke:last-child:before {
             opacity: 1;
         }
-.calendar__sharpTransitRight_94q4q:last-child:after {
+.calendar__sharpTransitRight_vgwke:last-child:after {
             opacity: 0;
         }
-.calendar__rangeComplete_94q4q.calendar__transitLeft_94q4q:after {
+.calendar__rangeComplete_vgwke.calendar__transitLeft_vgwke:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__rangeComplete_94q4q.calendar__transitRight_94q4q:after {
+.calendar__rangeComplete_vgwke.calendar__transitRight_vgwke:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
@@ -261,34 +261,34 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__daysEnter_94q4q .calendar__dayWrapper_94q4q {
+.calendar__daysEnter_vgwke .calendar__dayWrapper_vgwke {
     width: 100px;
 }
-.calendar__left_94q4q .calendar__daysEnter_94q4q {
+.calendar__left_vgwke .calendar__daysEnter_vgwke {
         transform: translateX(50px);
     }
-.calendar__left_94q4q .calendar__daysEnterActive_94q4q {
+.calendar__left_vgwke .calendar__daysEnterActive_vgwke {
         transform: translateX(0);
     }
-.calendar__left_94q4q .calendar__daysExit_94q4q {
+.calendar__left_vgwke .calendar__daysExit_vgwke {
         transform: translateX(0);
     }
-.calendar__left_94q4q .calendar__daysExitActive_94q4q {
+.calendar__left_vgwke .calendar__daysExitActive_vgwke {
         transform: translateX(-50px);
     }
-.calendar__right_94q4q .calendar__daysEnter_94q4q {
+.calendar__right_vgwke .calendar__daysEnter_vgwke {
         transform: translateX(-50px);
     }
-.calendar__right_94q4q .calendar__daysEnterActive_94q4q {
+.calendar__right_vgwke .calendar__daysEnterActive_vgwke {
         transform: translateX(0);
     }
-.calendar__right_94q4q .calendar__daysExit_94q4q {
+.calendar__right_vgwke .calendar__daysExit_vgwke {
         transform: translateX(0);
     }
-.calendar__right_94q4q .calendar__daysExitActive_94q4q {
+.calendar__right_vgwke .calendar__daysExitActive_vgwke {
         transform: translateX(50px);
     }
-.calendar__dot_94q4q {
+.calendar__dot_vgwke {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -299,25 +299,25 @@
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
 }
-.calendar__selected_94q4q .calendar__dot_94q4q {
+.calendar__selected_vgwke .calendar__dot_vgwke {
     background: var(--calendar-marker-selected-background);
 }
-.calendar__daysEnter_94q4q {
+.calendar__daysEnter_vgwke {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_94q4q {
+.calendar__daysEnterActive_vgwke {
     opacity: 1;
 }
-.calendar__daysExit_94q4q {
+.calendar__daysExit_vgwke {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_94q4q {
+.calendar__daysExitActive_vgwke {
     opacity: 0;
 }
-.calendar__daysEnterActive_94q4q,
-.calendar__daysExitActive_94q4q {
+.calendar__daysEnterActive_vgwke,
+.calendar__daysExitActive_vgwke {
     transition: opacity 200ms, transform 300ms;
 }

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-const styles = {"header":"calendar__header_1tc94","withShadow":"calendar__withShadow_1tc94"};
+const styles = {"header":"calendar__header_24bcl","withShadow":"calendar__withShadow_24bcl"};
 require('./index.css');
 
 const Header = ({ view = 'full', withShadow, children }) => (React.createElement("div", { className: cn(styles.header, {

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

@@ -1,4 +1,4 @@
-/* hash: dfj2w */
+/* hash: aoicx */
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 
@@ -34,7 +34,7 @@
 
     /* marker */
 }
-.calendar__header_1tc94 {
+.calendar__header_24bcl {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) 0 var(--gap-s);
@@ -42,6 +42,6 @@
     display: flex;
     justify-content: center;
 }
-.calendar__withShadow_1tc94 {
+.calendar__withShadow_24bcl {
     box-shadow: var(--shadow-s);
 }

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

@@ -26,7 +26,7 @@ import 'date-fns/subDays';
 import 'date-fns/subMonths';
 import '../../../../button/modern';
 
-const styles = {"component":"calendar__component_u8097","button":"calendar__button_u8097","month":"calendar__month_u8097","year":"calendar__year_u8097","buttonContent":"calendar__buttonContent_u8097","upDownIcon":"calendar__upDownIcon_u8097"};
+const styles = {"component":"calendar__component_hc7bm","button":"calendar__button_hc7bm","month":"calendar__month_hc7bm","year":"calendar__year_hc7bm","buttonContent":"calendar__buttonContent_hc7bm","upDownIcon":"calendar__upDownIcon_hc7bm"};
 require('./index.css');
 
 const MonthYearHeader = ({ value, className, onMonthClick, onYearClick, dataTestId, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 49wbc */
+/* hash: 1f3ns */
 :root {
 
     /* Hard */
@@ -35,44 +35,44 @@
 
     /* marker */
 }
-.calendar__component_u8097 {
+.calendar__component_hc7bm {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.cc-calendar .calendar__button_u8097 {
+.cc-calendar .calendar__button_hc7bm {
         border-radius: var(--border-radius-s);
     }
-.calendar__month_u8097 {
+.calendar__month_hc7bm {
     flex-basis: 65%
 }
 @media (max-width: 374px) {
-.calendar__month_u8097 {
+.calendar__month_hc7bm {
         flex-grow: 1
 }
     }
-.calendar__year_u8097 {
+.calendar__year_hc7bm {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__year_u8097 {
+.calendar__year_hc7bm {
         width: 90px
 }
     }
-.calendar__buttonContent_u8097 {
+.calendar__buttonContent_hc7bm {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__upDownIcon_u8097 {
+.calendar__upDownIcon_hc7bm {
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__upDownIcon_u8097 {
+.calendar__upDownIcon_hc7bm {
         margin-left: auto
 }
     }

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

@@ -27,7 +27,7 @@ import 'date-fns/subDays';
 import 'date-fns/subMonths';
 import '../../../../button/modern';
 
-const styles = {"monthsTable":"calendar__monthsTable_yx9bs","responsive":"calendar__responsive_yx9bs","button":"calendar__button_yx9bs"};
+const styles = {"monthsTable":"calendar__monthsTable_gy5ln","responsive":"calendar__responsive_gy5ln","button":"calendar__button_gy5ln"};
 require('./index.css');
 
 const MonthsTable = ({ selectedMonth, months = [], getMonthProps, responsive, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 13k5v */
+/* hash: 1iifx */
 :root {
 
     /* Hard */
@@ -45,46 +45,46 @@
 
     /* marker */
 }
-.cc-calendar .calendar__monthsTable_yx9bs {
+.cc-calendar .calendar__monthsTable_gy5ln {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width);
         justify-content: flex-start
     }
 @media (max-width: 374px) {
-.cc-calendar .calendar__monthsTable_yx9bs {
+.cc-calendar .calendar__monthsTable_gy5ln {
             width: var(--calendar-mobile-inner-width)
     }
         }
-.cc-calendar .calendar__monthsTable_yx9bs.calendar__responsive_yx9bs {
+.cc-calendar .calendar__monthsTable_gy5ln.calendar__responsive_gy5ln {
             width: 100%;
             justify-content: space-between
         }
-.cc-calendar .calendar__monthsTable_yx9bs.calendar__responsive_yx9bs .calendar__button_yx9bs {
+.cc-calendar .calendar__monthsTable_gy5ln.calendar__responsive_gy5ln .calendar__button_gy5ln {
                 width: 33%;
                 margin-right: 0;
             }
-.cc-calendar .calendar__button_yx9bs {
+.cc-calendar .calendar__button_gy5ln {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
     }
-.cc-calendar .calendar__button_yx9bs:nth-child(3n) {
+.cc-calendar .calendar__button_gy5ln:nth-child(3n) {
             margin-right: 0;
         }
 @media (max-width: 374px) {
-.cc-calendar .calendar__button_yx9bs {
+.cc-calendar .calendar__button_gy5ln {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_yx9bs:nth-child(3n) {
+            .cc-calendar .calendar__button_gy5ln:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_yx9bs:nth-child(2n) {
+            .cc-calendar .calendar__button_gy5ln:nth-child(2n) {
                 margin-right: 0;
             }
-.cc-calendar .calendar__button_yx9bs {
+.cc-calendar .calendar__button_gy5ln {
 
             height: 36px
     }

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

@@ -37,7 +37,7 @@ import 'date-fns/isToday';
 import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
 
-const styles = {"component":"calendar__component_9zunt","period":"calendar__period_9zunt","empty":"calendar__empty_9zunt","arrow":"calendar__arrow_9zunt","full":"calendar__full_9zunt","yearSelectorButton":"calendar__yearSelectorButton_9zunt"};
+const styles = {"component":"calendar__component_1t61w","period":"calendar__period_1t61w","empty":"calendar__empty_1t61w","arrow":"calendar__arrow_1t61w","full":"calendar__full_1t61w","yearSelectorButton":"calendar__yearSelectorButton_1t61w"};
 require('./index.css');
 
 const PeriodSlider = ({ value, periodType = 'month', className, periodFormatter = formatPeriod, prevArrowDisabled = false, nextArrowDisabled = false, hideDisabledArrows = false, isMonthAndYearSelectable = false, showCurrentYearSelector = false, onPrevArrowClick = () => null, onNextArrowClick = () => null, onMonthClick, onYearClick, dataTestId, }) => {

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

@@ -1,4 +1,4 @@
-/* hash: mjyvp */
+/* hash: 17sj9 */
 :root {
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
 }
@@ -42,14 +42,14 @@
 
     /* marker */
 }
-.calendar__component_9zunt {
+.calendar__component_1t61w {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.calendar__period_9zunt {
+.calendar__period_1t61w {
     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);
@@ -57,30 +57,30 @@
     text-align: center
 }
 @media (max-width: 374px) {
-.calendar__period_9zunt {
+.calendar__period_1t61w {
         width: auto;
         flex-grow: 1
 }
     }
-.calendar__empty_9zunt {
+.calendar__empty_1t61w {
     color: var(--color-light-text-secondary);
 }
-.calendar__arrow_9zunt {
+.calendar__arrow_1t61w {
     position: absolute;
     top: 4px
 }
-.calendar__arrow_9zunt:first-child {
+.calendar__arrow_1t61w:first-child {
         left: 0;
     }
-.calendar__arrow_9zunt:last-child {
+.calendar__arrow_1t61w:last-child {
         right: 0;
         transform: rotateY(180deg);
     }
 @media (max-width: 374px) {
-.calendar__full_9zunt .calendar__arrow_9zunt {
+.calendar__full_1t61w .calendar__arrow_1t61w {
         display: none
 }
     }
-.calendar__yearSelectorButton_9zunt {
+.calendar__yearSelectorButton_1t61w {
     margin-left: var(--gap-xs);
 }

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

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/modern';
 
-const styles = {"button":"calendar__button_9j6vw","filled":"calendar__filled_9j6vw","outlined":"calendar__outlined_9j6vw","selected":"calendar__selected_9j6vw"};
+const styles = {"button":"calendar__button_1c271","filled":"calendar__filled_1c271","outlined":"calendar__outlined_1c271","selected":"calendar__selected_1c271"};
 require('./index.css');
 
 const SelectButton = forwardRef(({ className, children, view = 'default', ...restProps }, ref) => (React.createElement(Button, { ...restProps, ref: ref, view: 'ghost', size: 'xs', className: cn(styles.button, styles[view], className) }, children)));

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

@@ -1,4 +1,4 @@
-/* hash: 1nvgj */
+/* hash: 1l4ft */
 :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-bg-tertiary: #e7e9eb;
@@ -45,7 +45,7 @@
 
     /* marker */
 }
-.cc-calendar .calendar__button_9j6vw {
+.cc-calendar .calendar__button_1c271 {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -56,28 +56,28 @@
         background-color: transparent;
         border-radius: var(--border-radius-l)
     }
-.cc-calendar .calendar__button_9j6vw:not(:disabled):hover {
+.cc-calendar .calendar__button_1c271:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary);
             color: var(--color-light-text-primary);
         }
-.cc-calendar .calendar__button_9j6vw.calendar__filled_9j6vw {
+.cc-calendar .calendar__button_1c271.calendar__filled_1c271 {
             background-color: var(--color-light-bg-tertiary)
         }
-.cc-calendar .calendar__button_9j6vw.calendar__filled_9j6vw:not(:disabled):hover {
+.cc-calendar .calendar__button_1c271.calendar__filled_1c271:not(:disabled):hover {
                 background-color: var(--color-light-bg-tertiary-shade-7);
             }
-.cc-calendar .calendar__button_9j6vw.calendar__outlined_9j6vw {
+.cc-calendar .calendar__button_1c271.calendar__outlined_1c271 {
             border: 1px solid var(--calendar-select-button-today-border-color);
         }
-.cc-calendar .calendar__button_9j6vw.calendar__selected_9j6vw,
-        .cc-calendar .calendar__button_9j6vw.calendar__selected_9j6vw:disabled {
+.cc-calendar .calendar__button_1c271.calendar__selected_1c271,
+        .cc-calendar .calendar__button_1c271.calendar__selected_1c271:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
         }
-.cc-calendar .calendar__button_9j6vw.calendar__selected_9j6vw:not(:disabled):hover, .cc-calendar .calendar__button_9j6vw.calendar__selected_9j6vw:disabled:not(:disabled):hover {
+.cc-calendar .calendar__button_1c271.calendar__selected_1c271:not(:disabled):hover, .cc-calendar .calendar__button_1c271.calendar__selected_1c271:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
             }
-.cc-calendar .calendar__button_9j6vw > * {
+.cc-calendar .calendar__button_1c271 > * {
             flex-grow: 1;
         }

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

@@ -5,7 +5,7 @@ import isThisYear from 'date-fns/isThisYear';
 import { SelectButton } from '../select-button/Component.js';
 import '../../../../button/modern';
 
-const styles = {"yearsTable":"calendar__yearsTable_1iu6d","responsive":"calendar__responsive_1iu6d","inner":"calendar__inner_1iu6d","button":"calendar__button_1iu6d"};
+const styles = {"yearsTable":"calendar__yearsTable_1qncn","responsive":"calendar__responsive_1qncn","inner":"calendar__inner_1qncn","button":"calendar__button_1qncn"};
 require('./index.css');
 
 const YearsTable = ({ selectedYear, years = [], getYearProps, onScroll, responsive, }) => {