@alfalab/core-components 39.1.1 → 39.2.0

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

@@ -1,4 +1,4 @@
-/* hash: vqp0k */
+/* hash: s4udk */
 :root {
 } /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
@@ -11,10 +11,10 @@
     --color-light-text-primary: #0b1f35;
     --color-light-text-primary-inverted: #fff;
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-    --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
+    --color-light-text-tertiary: rgba(11, 31, 53, 0.3); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-graphic-link-alpha-15: rgba(0, 122, 255, 0.15);
     --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
-} :root {
-    --color-static-graphic-solitude: #e8f2fe;
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -53,7 +53,7 @@
     /* range */
     --calendar-range-color: var(--color-light-text-primary);
     --calendar-range-background: var(--color-light-specialbg-component);
-    --calendar-range-complete-background: var(--color-static-graphic-solitude);
+    --calendar-range-complete-background: var(--color-light-graphic-link-alpha-15);
 
     /* selected */
     --calendar-selected-color: var(--color-light-text-primary-inverted);
@@ -67,27 +67,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
-} .calendar__daysTable_1fk49 {
+} .calendar__daysTable_15xup {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_1fk49.calendar__responsive_1fk49 {
+} .calendar__daysTable_15xup.calendar__responsive_15xup {
         width: 100%;
-    } .calendar__daysTable_1fk49 th {
+    } .calendar__daysTable_15xup th {
         padding: 0;
-    } .calendar__daysTable_1fk49 td {
+    } .calendar__daysTable_15xup td {
         padding: var(--gap-2xs) 0 0;
-    } .calendar__dayName_1fk49 {
+    } .calendar__dayName_15xup {
     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_1fk49 {
+} @media (max-width: 374px) { .calendar__dayName_15xup {
         height: 36px
 }
-    } .calendar__day_1fk49 {
+    } .calendar__day_15xup {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -105,41 +105,37 @@
     border-radius: var(--calendar-day-border-radius);
     color: var(--color-light-text-primary);
     z-index: 1
-} @media (max-width: 374px) { .calendar__day_1fk49 {
-        width: 36px;
-        height: 36px
-}
-    } .calendar__day_1fk49.calendar__highlighted_1fk49,
-    .calendar__day_1fk49.calendar__range_1fk49.calendar__highlighted_1fk49:not(.calendar__disabled_1fk49) {
+} .calendar__day_15xup.calendar__highlighted_15xup,
+    .calendar__day_15xup.calendar__range_15xup.calendar__highlighted_15xup:not(.calendar__disabled_15xup) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_1fk49.calendar__holiday_1fk49 {
+    } .calendar__day_15xup.calendar__holiday_15xup {
         color: var(--calendar-holiday-color);
-    } .calendar__day_1fk49.calendar__disabled_1fk49 {
+    } .calendar__day_15xup.calendar__disabled_15xup {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_1fk49.calendar__today_1fk49 {
+    } .calendar__day_15xup.calendar__today_15xup {
         font-weight: bold;
         color: var(--calendar-today-color);
-    } .calendar__day_1fk49.calendar__rangeComplete_1fk49 {
+    } .calendar__day_15xup.calendar__rangeComplete_15xup {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_1fk49.calendar__selected_1fk49,
-    .calendar__day_1fk49.calendar__disabled_1fk49.calendar__selected_1fk49 {
+    } .calendar__day_15xup.calendar__selected_15xup,
+    .calendar__day_15xup.calendar__disabled_15xup.calendar__selected_15xup {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_1fk49.calendar__selected_1fk49:hover {
+            .calendar__day_15xup.calendar__selected_15xup:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_1fk49:focus {
+        } .calendar__day_15xup:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_1fk49 {
+    } /* RANGE */ .calendar__dayWrapper_15xup {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_1fk49:before {
+} .calendar__dayWrapper_15xup:before {
         content: '';
         display: block;
         position: absolute;
@@ -147,27 +143,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_1fk49:focus {
+    } .calendar__dayWrapper_15xup:focus {
         outline: none;
-    } .calendar__dayWrapper_1fk49.calendar__cursorPointer_1fk49 {
+    } .calendar__dayWrapper_15xup.calendar__cursorPointer_15xup {
         cursor: pointer;
-    } .calendar__range_1fk49 .calendar__day_1fk49:not(.calendar__selected_1fk49):not(.calendar__disabled_1fk49):not(.calendar__today_1fk49):not(.calendar__holiday_1fk49) {
+    } .calendar__range_15xup .calendar__day_15xup:not(.calendar__selected_15xup):not(.calendar__disabled_15xup):not(.calendar__today_15xup):not(.calendar__holiday_15xup) {
         color: var(--calendar-range-color);
-    } .calendar__range_1fk49:before {
+    } .calendar__range_15xup:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_1fk49:before {
+    } .calendar__rangeEnd_15xup: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_1fk49:before {
+    } .calendar__rangeStart_15xup: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_1fk49:before {
+    } .calendar__rangeComplete_15xup:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_1fk49:after, .calendar__transitRight_1fk49:after {
+    } .calendar__transitLeft_15xup:after, .calendar__transitRight_15xup:after {
         content: '';
         position: absolute;
         display: block;
@@ -175,67 +171,67 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    } .calendar__transitLeft_1fk49:after {
+    } .calendar__transitLeft_15xup:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__transitLeft_1fk49:first-child:before {
+    } .calendar__transitLeft_15xup:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_1fk49:first-child:after {
+        } .calendar__transitLeft_15xup:first-child:after {
             right: 0;
-        } .calendar__transitRight_1fk49:after {
+        } .calendar__transitRight_15xup:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_1fk49:last-child:before {
+    } .calendar__transitRight_15xup:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_1fk49:last-child:after {
+        } .calendar__transitRight_15xup:last-child:after {
             left: 0;
-        } .calendar__sharpTransitLeft_1fk49:first-child:before {
+        } .calendar__sharpTransitLeft_15xup:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_1fk49:first-child:after {
+        } .calendar__sharpTransitLeft_15xup:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_1fk49:last-child:before {
+        } .calendar__sharpTransitRight_15xup:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_1fk49:last-child:after {
+        } .calendar__sharpTransitRight_15xup:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_1fk49.calendar__transitLeft_1fk49:after {
+        } .calendar__rangeComplete_15xup.calendar__transitLeft_15xup:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    } .calendar__rangeComplete_1fk49.calendar__transitRight_1fk49:after {
+    } .calendar__rangeComplete_15xup.calendar__transitRight_15xup:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_1fk49 .calendar__dayWrapper_1fk49 {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_15xup .calendar__dayWrapper_15xup {
     width: 100px;
-} .calendar__left_1fk49 .calendar__daysEnter_1fk49 {
+} .calendar__left_15xup .calendar__daysEnter_15xup {
         transform: translateX(50px);
-    } .calendar__left_1fk49 .calendar__daysEnterActive_1fk49 {
+    } .calendar__left_15xup .calendar__daysEnterActive_15xup {
         transform: translateX(0);
-    } .calendar__left_1fk49 .calendar__daysExit_1fk49 {
+    } .calendar__left_15xup .calendar__daysExit_15xup {
         transform: translateX(0);
-    } .calendar__left_1fk49 .calendar__daysExitActive_1fk49 {
+    } .calendar__left_15xup .calendar__daysExitActive_15xup {
         transform: translateX(-50px);
-    } .calendar__right_1fk49 .calendar__daysEnter_1fk49 {
+    } .calendar__right_15xup .calendar__daysEnter_15xup {
         transform: translateX(-50px);
-    } .calendar__right_1fk49 .calendar__daysEnterActive_1fk49 {
+    } .calendar__right_15xup .calendar__daysEnterActive_15xup {
         transform: translateX(0);
-    } .calendar__right_1fk49 .calendar__daysExit_1fk49 {
+    } .calendar__right_15xup .calendar__daysExit_15xup {
         transform: translateX(0);
-    } .calendar__right_1fk49 .calendar__daysExitActive_1fk49 {
+    } .calendar__right_15xup .calendar__daysExitActive_15xup {
         transform: translateX(50px);
-    } .calendar__dot_1fk49 {
+    } .calendar__dot_15xup {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -245,20 +241,38 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_1fk49 .calendar__dot_1fk49 {
+} .calendar__selected_15xup .calendar__dot_15xup {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_1fk49 {
+} .calendar__daysEnter_15xup {
     opacity: 0;
     position: absolute;
     left: 0;
-} .calendar__daysEnterActive_1fk49 {
+} .calendar__daysEnterActive_15xup {
     opacity: 1;
-} .calendar__daysExit_1fk49 {
+} .calendar__daysExit_15xup {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_1fk49 {
+} .calendar__daysExitActive_15xup {
     opacity: 0;
-} .calendar__daysEnterActive_1fk49,
-.calendar__daysExitActive_1fk49 {
+} .calendar__daysEnterActive_15xup,
+.calendar__daysExitActive_15xup {
     transition: opacity 200ms, transform 300ms;
+} @media (max-width: 374px) {
+    .calendar__dayWrapper_15xup:before {
+        height: 36px;
+    }
+
+    .calendar__day_15xup {
+        width: 36px;
+        height: 36px;
+    }
+        .calendar__rangeStart_15xup:before {
+            width: calc(50% + 18px);
+        }
+        .calendar__rangeEnd_15xup:before {
+            width: calc(50% + 18px);
+        }
+        .calendar__transitLeft_15xup:after, .calendar__transitRight_15xup:after {
+            height: 36px;
+        }
 }

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

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

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

@@ -1,7 +1,7 @@
-/* hash: jg5dq */
+/* hash: 46799 */
 :root {
-} /* deprecated */ :root {
-} :root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -38,13 +38,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_18sfy {
+} .calendar__header_auddy {
     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_18sfy {
+} .calendar__withShadow_auddy {
     box-shadow: var(--shadow-s);
 }

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

@@ -27,7 +27,7 @@ import 'date-fns/subMonths';
 import 'tslib';
 import '../../../../button/esm';
 
-var styles = {"component":"calendar__component_1ertf","button":"calendar__button_1ertf","month":"calendar__month_1ertf","year":"calendar__year_1ertf","buttonContent":"calendar__buttonContent_1ertf","upDownIcon":"calendar__upDownIcon_1ertf"};
+var styles = {"component":"calendar__component_uqbmb","button":"calendar__button_uqbmb","month":"calendar__month_uqbmb","year":"calendar__year_uqbmb","buttonContent":"calendar__buttonContent_uqbmb","upDownIcon":"calendar__upDownIcon_uqbmb"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

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

@@ -1,7 +1,7 @@
-/* hash: 1h216 */
+/* hash: 1ijhc */
 :root {
-} /* deprecated */ :root {
-} :root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -37,33 +37,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1ertf {
+} .calendar__component_uqbmb {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_1ertf {
+} .cc-calendar .calendar__button_uqbmb {
         border-radius: var(--border-radius-s);
-    } .calendar__month_1ertf {
+    } .calendar__month_uqbmb {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_1ertf {
+} @media (max-width: 374px) { .calendar__month_uqbmb {
         flex-grow: 1
 }
-    } .calendar__year_1ertf {
+    } .calendar__year_uqbmb {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__year_1ertf {
+} @media (max-width: 374px) { .calendar__year_uqbmb {
         width: 90px
 }
-    } .calendar__buttonContent_1ertf {
+    } .calendar__buttonContent_uqbmb {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_1ertf {
+} .calendar__upDownIcon_uqbmb {
     margin-left: var(--gap-xs)
-} @media (max-width: 374px) { .calendar__upDownIcon_1ertf {
+} @media (max-width: 374px) { .calendar__upDownIcon_uqbmb {
         margin-left: auto
 }
     }

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

@@ -28,7 +28,7 @@ import 'date-fns/subDays';
 import 'date-fns/subMonths';
 import '../../../../button/esm';
 
-var styles = {"monthsTable":"calendar__monthsTable_1jh2i","responsive":"calendar__responsive_1jh2i","button":"calendar__button_1jh2i"};
+var styles = {"monthsTable":"calendar__monthsTable_19usy","responsive":"calendar__responsive_19usy","button":"calendar__button_19usy"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -1,7 +1,7 @@
-/* hash: wo3t7 */
+/* hash: t2967 */
 :root {
-} /* deprecated */ :root {
-} :root {
+} /* deprecated */ :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -49,37 +49,37 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__monthsTable_1jh2i {
+} .cc-calendar .calendar__monthsTable_19usy {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width);
         justify-content: flex-start
-    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1jh2i {
+    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_19usy {
             width: var(--calendar-mobile-inner-width)
     }
-        } .cc-calendar .calendar__monthsTable_1jh2i.calendar__responsive_1jh2i {
+        } .cc-calendar .calendar__monthsTable_19usy.calendar__responsive_19usy {
             width: 100%;
             justify-content: space-between
-        } .cc-calendar .calendar__monthsTable_1jh2i.calendar__responsive_1jh2i .calendar__button_1jh2i {
+        } .cc-calendar .calendar__monthsTable_19usy.calendar__responsive_19usy .calendar__button_19usy {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__button_1jh2i {
+            } .cc-calendar .calendar__button_19usy {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_1jh2i:nth-child(3n) {
+    } .cc-calendar .calendar__button_19usy:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_1jh2i {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_19usy {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_1jh2i:nth-child(3n) {
+            .cc-calendar .calendar__button_19usy:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_1jh2i:nth-child(2n) {
+            .cc-calendar .calendar__button_19usy:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_1jh2i {
+            } .cc-calendar .calendar__button_19usy {
 
             height: 36px
     }

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

@@ -37,7 +37,7 @@ import 'date-fns/isToday';
 import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
 
-var styles = {"component":"calendar__component_1gf8s","period":"calendar__period_1gf8s","empty":"calendar__empty_1gf8s","arrow":"calendar__arrow_1gf8s","full":"calendar__full_1gf8s","yearSelectorButton":"calendar__yearSelectorButton_1gf8s"};
+var styles = {"component":"calendar__component_ih68e","period":"calendar__period_ih68e","empty":"calendar__empty_ih68e","arrow":"calendar__arrow_ih68e","full":"calendar__full_ih68e","yearSelectorButton":"calendar__yearSelectorButton_ih68e"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

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

@@ -1,8 +1,8 @@
-/* hash: 18pof */
+/* hash: 1mc0o */
 :root {
 } /* deprecated */ :root {
-    --color-light-text-secondary: rgba(11, 31, 53, 0.7);
-} :root {
+    --color-light-text-secondary: rgba(11, 31, 53, 0.7); /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -42,35 +42,35 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1gf8s {
+} .calendar__component_ih68e {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_1gf8s {
+} .calendar__period_ih68e {
     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_1gf8s {
+} @media (max-width: 374px) { .calendar__period_ih68e {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__empty_1gf8s {
+    } .calendar__empty_ih68e {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_1gf8s {
+} .calendar__arrow_ih68e {
     position: absolute;
     top: 4px
-} .calendar__arrow_1gf8s:first-child {
+} .calendar__arrow_ih68e:first-child {
         left: 0;
-    } .calendar__arrow_1gf8s:last-child {
+    } .calendar__arrow_ih68e:last-child {
         right: 0;
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_1gf8s .calendar__arrow_1gf8s {
+    } @media (max-width: 374px) { .calendar__full_ih68e .calendar__arrow_ih68e {
         display: none
 }
-    } .calendar__yearSelectorButton_1gf8s {
+    } .calendar__yearSelectorButton_ih68e {
     margin-left: var(--gap-xs);
 }

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

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 
-var styles = {"button":"calendar__button_124wt","filled":"calendar__filled_124wt","outlined":"calendar__outlined_124wt","selected":"calendar__selected_124wt"};
+var styles = {"button":"calendar__button_46u8y","filled":"calendar__filled_46u8y","outlined":"calendar__outlined_46u8y","selected":"calendar__selected_46u8y"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

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

@@ -1,13 +1,13 @@
-/* hash: 9t2si */
+/* hash: 1tk8q */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary-inverted: #0b1f35;
     --color-light-bg-tertiary: #e7e9eb;
     --color-light-border-key: #0b1f35;
     --color-light-text-primary: #0b1f35;
-    --color-light-text-primary-inverted: #fff;
+    --color-light-text-primary-inverted: #fff; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
     --color-light-bg-tertiary-shade-7: rgb(215, 217, 219);
-} :root {
+} :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
 
@@ -45,7 +45,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_124wt {
+} .cc-calendar .calendar__button_46u8y {
         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_124wt:not(:disabled):hover {
+    } .cc-calendar .calendar__button_46u8y:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_124wt.calendar__filled_124wt {
+        } .cc-calendar .calendar__button_46u8y.calendar__filled_46u8y {
             background-color: var(--color-light-bg-tertiary)
-        } .cc-calendar .calendar__button_124wt.calendar__filled_124wt:not(:disabled):hover {
+        } .cc-calendar .calendar__button_46u8y.calendar__filled_46u8y:not(:disabled):hover {
                 background-color: var(--color-light-bg-tertiary-shade-7);
-            } .cc-calendar .calendar__button_124wt.calendar__outlined_124wt {
+            } .cc-calendar .calendar__button_46u8y.calendar__outlined_46u8y {
             border: 1px solid var(--calendar-select-button-today-border-color);
-        } .cc-calendar .calendar__button_124wt.calendar__selected_124wt,
-        .cc-calendar .calendar__button_124wt.calendar__selected_124wt:disabled {
+        } .cc-calendar .calendar__button_46u8y.calendar__selected_46u8y,
+        .cc-calendar .calendar__button_46u8y.calendar__selected_46u8y:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_124wt.calendar__selected_124wt:not(:disabled):hover, .cc-calendar .calendar__button_124wt.calendar__selected_124wt:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_46u8y.calendar__selected_46u8y:not(:disabled):hover, .cc-calendar .calendar__button_46u8y.calendar__selected_46u8y:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_124wt > * {
+            } .cc-calendar .calendar__button_46u8y > * {
             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';
 
-var styles = {"yearsTable":"calendar__yearsTable_yad6n","responsive":"calendar__responsive_yad6n","inner":"calendar__inner_yad6n","button":"calendar__button_yad6n"};
+var styles = {"yearsTable":"calendar__yearsTable_camh5","responsive":"calendar__responsive_camh5","inner":"calendar__inner_camh5","button":"calendar__button_camh5"};
 require('./index.css');
 
 var YearsTable = function (_a) {