@alfalab/core-components 47.26.1-52bd94585023d817e098c7c90c7ee9a926580424 → 47.26.1-beta.1239097434

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

@@ -36,10 +36,7 @@
     --gap-2xs: 4px; /* 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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
 } :root {
@@ -81,27 +78,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-neutral-translucent-1300);
     --calendar-marker-selected-background: var(--color-light-neutral-translucent-1300-inverted);
-} .calendar__daysTable_1d650 {
+} .calendar__daysTable_7klm1 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-} .calendar__daysTable_1d650.calendar__responsive_1d650 {
+} .calendar__daysTable_7klm1.calendar__responsive_7klm1 {
         width: 100%;
-    } .calendar__daysTable_1d650 th {
+    } .calendar__daysTable_7klm1 th {
         padding: var(--gap-0);
-    } .calendar__daysTable_1d650 td {
+    } .calendar__daysTable_7klm1 td {
         padding: var(--gap-4) var(--gap-0) var(--gap-0);
-    } .calendar__dayName_1d650 {
+    } .calendar__dayName_7klm1 {
     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_1d650 {
+} @media (max-width: 374px) { .calendar__dayName_7klm1 {
         height: 36px
 }
-    } .calendar__day_1d650 {
+    } .calendar__day_7klm1 {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
 
     position: relative;
@@ -114,41 +111,41 @@
     box-sizing: border-box;
     color: var(--color-light-text-primary);
     z-index: 1
-} .calendar__day_1d650.calendar__rounded_1d650 {
+} .calendar__day_7klm1.calendar__rounded_7klm1 {
         border-radius: var(--calendar-day-border-radius);
-    } .calendar__day_1d650.calendar__rectangular_1d650 {
+    } .calendar__day_7klm1.calendar__rectangular_7klm1 {
         border-radius: var(--border-radius-8);
         width: 44px;
-    } .calendar__day_1d650.calendar__highlighted_1d650,
-    .calendar__day_1d650.calendar__range_1d650.calendar__highlighted_1d650:not(.calendar__disabled_1d650) {
+    } .calendar__day_7klm1.calendar__highlighted_7klm1,
+    .calendar__day_7klm1.calendar__range_7klm1.calendar__highlighted_7klm1:not(.calendar__disabled_7klm1) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    } .calendar__day_1d650.calendar__holiday_1d650 {
+    } .calendar__day_7klm1.calendar__holiday_7klm1 {
         color: var(--calendar-holiday-color);
-    } .calendar__day_1d650.calendar__disabled_1d650 {
+    } .calendar__day_7klm1.calendar__disabled_7klm1 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    } .calendar__day_1d650.calendar__today_1d650 {
+    } .calendar__day_7klm1.calendar__today_7klm1 {
         color: var(--calendar-today-color);
-    } .calendar__day_1d650.calendar__rangeComplete_1d650 {
+    } .calendar__day_7klm1.calendar__rangeComplete_7klm1 {
         background: var(--calendar-range-complete-background);
-    } .calendar__day_1d650.calendar__selected_1d650,
-    .calendar__day_1d650.calendar__disabled_1d650.calendar__selected_1d650 {
+    } .calendar__day_7klm1.calendar__selected_7klm1,
+    .calendar__day_7klm1.calendar__disabled_7klm1.calendar__selected_7klm1 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     } @media (hover) {
-            .calendar__day_1d650.calendar__selected_1d650:hover {
+            .calendar__day_7klm1.calendar__selected_7klm1:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        } .calendar__day_1d650:focus {
+        } .calendar__day_7klm1:focus {
         z-index: 1;
-    } /* RANGE */ .calendar__dayWrapper_1d650 {
+    } /* RANGE */ .calendar__dayWrapper_7klm1 {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-} .calendar__dayWrapper_1d650:before {
+} .calendar__dayWrapper_7klm1:before {
         content: '';
         display: block;
         position: absolute;
@@ -156,35 +153,35 @@
         bottom: var(--gap-0);
         width: 100%;
         height: var(--calendar-day-size);
-    } .calendar__dayWrapper_1d650:focus {
+    } .calendar__dayWrapper_7klm1:focus {
         outline: none;
-    } .calendar__dayWrapper_1d650.calendar__cursorPointer_1d650 {
+    } .calendar__dayWrapper_7klm1.calendar__cursorPointer_7klm1 {
         cursor: pointer;
-    } .calendar__range_1d650 .calendar__day_1d650:not(.calendar__selected_1d650):not(.calendar__disabled_1d650):not(.calendar__today_1d650):not(.calendar__holiday_1d650) {
+    } .calendar__range_7klm1 .calendar__day_7klm1:not(.calendar__selected_7klm1):not(.calendar__disabled_7klm1):not(.calendar__today_7klm1):not(.calendar__holiday_7klm1) {
         color: var(--calendar-range-color);
-    } .calendar__range_1d650:before {
+    } .calendar__range_7klm1:before {
         background: var(--calendar-range-background);
-    } .calendar__rangeEnd_1d650:before {
+    } .calendar__rangeEnd_7klm1:before {
         width: calc(50% + 20px);
         border-top-right-radius: var(--calendar-day-border-radius);
         border-bottom-right-radius: var(--calendar-day-border-radius);
-    } .calendar__rangeEnd_1d650.calendar__shapeRectangular_1d650:before {
+    } .calendar__rangeEnd_7klm1.calendar__shapeRectangular_7klm1:before {
         width: calc(50% + 22px);
         border-top-right-radius: var(--border-radius-8);
         border-bottom-right-radius: var(--border-radius-8);
-    } .calendar__rangeStart_1d650:before {
+    } .calendar__rangeStart_7klm1:before {
         left: auto;
         right: var(--gap-0);
         width: calc(50% + 20px);
         border-top-left-radius: var(--calendar-day-border-radius);
         border-bottom-left-radius: var(--calendar-day-border-radius);
-    } .calendar__rangeStart_1d650.calendar__shapeRectangular_1d650:before {
+    } .calendar__rangeStart_7klm1.calendar__shapeRectangular_7klm1:before {
         width: calc(50% + 22px);
         border-top-left-radius: var(--border-radius-8);
         border-bottom-left-radius: var(--border-radius-8);
-    } .calendar__rangeComplete_1d650:before {
+    } .calendar__rangeComplete_7klm1:before {
         background: var(--calendar-range-complete-background);
-    } .calendar__transitLeft_1d650:after, .calendar__transitRight_1d650:after {
+    } .calendar__transitLeft_7klm1:after, .calendar__transitRight_7klm1:after {
         content: '';
         position: absolute;
         display: block;
@@ -192,81 +189,81 @@
         height: var(--calendar-day-size);
         bottom: var(--gap-0);
         pointer-events: none;
-    } .calendar__transitLeft_1d650:after {
+    } .calendar__transitLeft_7klm1:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__transitLeft_1d650:first-child:before {
+    } .calendar__transitLeft_7klm1:first-child:before {
             opacity: 0;
-        } .calendar__transitLeft_1d650:first-child:after {
+        } .calendar__transitLeft_7klm1:first-child:after {
             right: var(--gap-0);
-        } .calendar__transitRight_1d650:after {
+        } .calendar__transitRight_7klm1:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-background) 100%
         );
-    } .calendar__transitRight_1d650:last-child:before {
+    } .calendar__transitRight_7klm1:last-child:before {
             opacity: 0;
-        } .calendar__transitRight_1d650:last-child:after {
+        } .calendar__transitRight_7klm1:last-child:after {
             left: var(--gap-0);
-        } .calendar__sharpTransitLeft_1d650:first-child:before {
+        } .calendar__sharpTransitLeft_7klm1:first-child:before {
             opacity: 1;
-        } .calendar__sharpTransitLeft_1d650:first-child:after {
+        } .calendar__sharpTransitLeft_7klm1:first-child:after {
             opacity: 0;
-        } .calendar__sharpTransitRight_1d650:last-child:before {
+        } .calendar__sharpTransitRight_7klm1:last-child:before {
             opacity: 1;
-        } .calendar__sharpTransitRight_1d650:last-child:after {
+        } .calendar__sharpTransitRight_7klm1:last-child:after {
             opacity: 0;
-        } .calendar__rangeComplete_1d650.calendar__transitLeft_1d650:after {
+        } .calendar__rangeComplete_7klm1.calendar__transitLeft_7klm1:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-transparent-default) 100%
         );
-    } .calendar__rangeComplete_1d650.calendar__transitRight_1d650:after {
+    } .calendar__rangeComplete_7klm1.calendar__transitRight_7klm1:after {
         background: linear-gradient(
             270deg,
             var(--color-light-transparent-default) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    } /* SLIDE ANIMATION */ .calendar__daysEnter_1d650 .calendar__dayWrapper_1d650 {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_7klm1 .calendar__dayWrapper_7klm1 {
     width: 100px;
-} .calendar__left_1d650 .calendar__daysEnter_1d650 {
+} .calendar__left_7klm1 .calendar__daysEnter_7klm1 {
         transform: translateX(50px);
-    } .calendar__left_1d650 .calendar__daysEnterActive_1d650 {
+    } .calendar__left_7klm1 .calendar__daysEnterActive_7klm1 {
         transform: translateX(0);
-    } .calendar__left_1d650 .calendar__daysExit_1d650 {
+    } .calendar__left_7klm1 .calendar__daysExit_7klm1 {
         transform: translateX(0);
-    } .calendar__left_1d650 .calendar__daysExitActive_1d650 {
+    } .calendar__left_7klm1 .calendar__daysExitActive_7klm1 {
         transform: translateX(-50px);
-    } .calendar__right_1d650 .calendar__daysEnter_1d650 {
+    } .calendar__right_7klm1 .calendar__daysEnter_7klm1 {
         transform: translateX(-50px);
-    } .calendar__right_1d650 .calendar__daysEnterActive_1d650 {
+    } .calendar__right_7klm1 .calendar__daysEnterActive_7klm1 {
         transform: translateX(0);
-    } .calendar__right_1d650 .calendar__daysExit_1d650 {
+    } .calendar__right_7klm1 .calendar__daysExit_7klm1 {
         transform: translateX(0);
-    } .calendar__right_1d650 .calendar__daysExitActive_1d650 {
+    } .calendar__right_7klm1 .calendar__daysExitActive_7klm1 {
         transform: translateX(50px);
-    } .calendar__dayAddons_1d650 > span {
+    } .calendar__dayAddons_7klm1 > span {
         display: flex;
         flex-direction: column;
         justify-content: flex-end;
         height: inherit;
         padding: var(--gap-0) var(--gap-2);
-    } .calendar__dayContent_1d650 {
+    } .calendar__dayContent_7klm1 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400
-} .calendar__dayContent_1d650.calendar__today_1d650 {
+} .calendar__dayContent_7klm1.calendar__today_7klm1 {
         font-weight: bold;
-    } .calendar__addons_1d650 {
+    } .calendar__addons_7klm1 {
     min-height: 8px;
-} .calendar__dot_1d650 {
+} .calendar__dot_7klm1 {
     display: block;
     position: absolute;
     bottom: var(--gap-4);
@@ -276,25 +273,25 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-} .calendar__selected_1d650 .calendar__dot_1d650 {
+} .calendar__selected_7klm1 .calendar__dot_7klm1 {
     background: var(--calendar-marker-selected-background);
-} .calendar__daysEnter_1d650 {
+} .calendar__daysEnter_7klm1 {
     opacity: 0;
     position: absolute;
     left: var(--gap-0);
-} .calendar__daysEnterActive_1d650 {
+} .calendar__daysEnterActive_7klm1 {
     opacity: 1;
-} .calendar__daysExit_1d650 {
+} .calendar__daysExit_7klm1 {
     pointer-events: none;
     opacity: 1;
-} .calendar__daysExitActive_1d650 {
+} .calendar__daysExitActive_7klm1 {
     opacity: 0;
-} .calendar__daysEnterActive_1d650,
-.calendar__daysExitActive_1d650 {
+} .calendar__daysEnterActive_7klm1,
+.calendar__daysExitActive_7klm1 {
     transition: opacity 200ms, transform 300ms;
-} .calendar__bottomAddon_1d650 {
+} .calendar__bottomAddon_7klm1 {
     margin: var(--gap-0) auto
-} .calendar__bottomAddon_1d650.calendar__selected_1d650,
-    .calendar__bottomAddon_1d650.calendar__selected_1d650 > * {
+} .calendar__bottomAddon_7klm1.calendar__selected_7klm1,
+    .calendar__bottomAddon_7klm1.calendar__selected_7klm1 > * {
         color: var(--calendar-selected-color);
     }

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

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

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

@@ -19,9 +19,6 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-12: var(--gap-s);
     --gap-16: var(--gap-m);
 } :root {
@@ -47,13 +44,13 @@
     /* disabled */
 
     /* marker */
-} .calendar__header_b1y9k {
+} .calendar__header_1ggbu {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-16) var(--gap-16) var(--gap-12);
     transition: box-shadow 0.2s ease;
     display: flex;
     justify-content: center;
-} .calendar__withShadow_b1y9k {
+} .calendar__withShadow_1ggbu {
     box-shadow: 0 1px 0 0 var(--color-light-neutral-300);
 }

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

@@ -28,10 +28,10 @@ import 'date-fns/subMonths';
 import '../../../../shared/modern';
 import '../../../../button/modern/desktop';
 
-const styles = {"component":"calendar__component_1k3zg","button":"calendar__button_1k3zg","month":"calendar__month_1k3zg","year":"calendar__year_1k3zg","buttonContent":"calendar__buttonContent_1k3zg","upDownIcon":"calendar__upDownIcon_1k3zg"};
+const styles = {"component":"calendar__component_denzb","button":"calendar__button_denzb","month":"calendar__month_denzb","year":"calendar__year_denzb","buttonContent":"calendar__buttonContent_denzb","upDownIcon":"calendar__upDownIcon_denzb"};
 require('./index.css');
 
-const mobileStyles = {"button":"calendar__button_122y3"};
+const mobileStyles = {"button":"calendar__button_2j9jd"};
 require('./mobile.css');
 
 const MonthYearHeader = ({ value, className, onMonthClick, onYearClick, dataTestId, mobile, }) => {

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

@@ -18,9 +18,6 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
@@ -46,33 +43,33 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_1k3zg {
+} .calendar__component_denzb {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .cc-calendar .calendar__button_1k3zg.calendar__button_1k3zg {
+} .cc-calendar .calendar__button_denzb.calendar__button_denzb {
         border-radius: var(--calendar-select-button-border-radius);
-    } .calendar__month_1k3zg {
+    } .calendar__month_denzb {
     flex-basis: 65%
-} @media (max-width: 374px) { .calendar__month_1k3zg {
+} @media (max-width: 374px) { .calendar__month_denzb {
         flex-grow: 1
 }
-    } .calendar__year_1k3zg {
+    } .calendar__year_denzb {
     flex-basis: 35%;
     margin-left: var(--gap-8)
-} @media (max-width: 374px) { .calendar__year_1k3zg {
+} @media (max-width: 374px) { .calendar__year_denzb {
         width: 90px
 }
-    } .calendar__buttonContent_1k3zg {
+    } .calendar__buttonContent_denzb {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-} .calendar__upDownIcon_1k3zg {
+} .calendar__upDownIcon_denzb {
     margin-left: var(--gap-8)
-} @media (max-width: 374px) { .calendar__upDownIcon_1k3zg {
+} @media (max-width: 374px) { .calendar__upDownIcon_denzb {
         margin-left: auto
 }
     }

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

@@ -23,6 +23,6 @@
     /* marker */
 }
 
-.cc-calendar .calendar__button_122y3.calendar__button_122y3 {
+.cc-calendar .calendar__button_2j9jd.calendar__button_2j9jd {
         box-shadow: var(--calendar-mobile-select-button-box-shadow);
     }

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

@@ -29,7 +29,7 @@ import 'date-fns/subMonths';
 import '../../../../shared/modern';
 import '../../../../button/modern/desktop';
 
-const styles = {"monthsTable":"calendar__monthsTable_akdh4","responsive":"calendar__responsive_akdh4","button":"calendar__button_akdh4"};
+const styles = {"monthsTable":"calendar__monthsTable_oenve","responsive":"calendar__responsive_oenve","button":"calendar__button_oenve"};
 require('./index.css');
 
 const MonthsTable = ({ selectedMonth, months = [], getMonthProps, responsive, }) => {

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

@@ -18,10 +18,7 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 } :root {
@@ -59,41 +56,41 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__monthsTable_akdh4 {
+} .cc-calendar .calendar__monthsTable_oenve {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width)
-    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_akdh4 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_oenve {
             width: var(--calendar-mobile-inner-width);
             padding-top: var(--gap-8)
     }
-        } .cc-calendar .calendar__monthsTable_akdh4.calendar__responsive_akdh4 {
+        } .cc-calendar .calendar__monthsTable_oenve.calendar__responsive_oenve {
             width: 100%
-        } .cc-calendar .calendar__monthsTable_akdh4.calendar__responsive_akdh4 .calendar__button_akdh4 {
+        } .cc-calendar .calendar__monthsTable_oenve.calendar__responsive_oenve .calendar__button_oenve {
                 width: calc(33.333% - var(--gap-4) / 1.5);
                 box-shadow: none;
-            } .cc-calendar .calendar__monthsTable_akdh4:not(.calendar__responsive_akdh4) .calendar__button_akdh4 {
+            } .cc-calendar .calendar__monthsTable_oenve:not(.calendar__responsive_oenve) .calendar__button_oenve {
                 width: var(--calendar-select-button-width)
-            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_akdh4:not(.calendar__responsive_akdh4) .calendar__button_akdh4 {
+            } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_oenve:not(.calendar__responsive_oenve) .calendar__button_oenve {
                     width: var(--calendar-mobile-select-button-width)
             }
 
-                    .cc-calendar .calendar__monthsTable_akdh4:not(.calendar__responsive_akdh4) .calendar__button_akdh4:nth-child(3n) {
+                    .cc-calendar .calendar__monthsTable_oenve:not(.calendar__responsive_oenve) .calendar__button_oenve:nth-child(3n) {
                         margin-right: var(--gap-4);
                     }
 
-                    .cc-calendar .calendar__monthsTable_akdh4:not(.calendar__responsive_akdh4) .calendar__button_akdh4:nth-child(2n) {
+                    .cc-calendar .calendar__monthsTable_oenve:not(.calendar__responsive_oenve) .calendar__button_oenve:nth-child(2n) {
                         margin-right: var(--gap-0);
-                    } .cc-calendar .calendar__monthsTable_akdh4:not(.calendar__responsive_akdh4) .calendar__button_akdh4 {
+                    } .cc-calendar .calendar__monthsTable_oenve:not(.calendar__responsive_oenve) .calendar__button_oenve {
 
                     height: 36px
             }
-                } .cc-calendar .calendar__button_akdh4 {
+                } .cc-calendar .calendar__button_oenve {
         margin-right: var(--gap-4);
         margin-bottom: var(--gap-8)
-    } .cc-calendar .calendar__button_akdh4:nth-child(3n) {
+    } .cc-calendar .calendar__button_oenve:nth-child(3n) {
             margin-right: var(--gap-0);
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_akdh4 {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_oenve {
             height: 36px
     }
         }

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

@@ -40,7 +40,7 @@ import 'date-fns/isToday';
 import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
 
-const styles = {"component":"calendar__component_uhpbq","period":"calendar__period_uhpbq","clicablePeriod":"calendar__clicablePeriod_uhpbq","empty":"calendar__empty_uhpbq","arrow":"calendar__arrow_uhpbq","full":"calendar__full_uhpbq","yearSelectorButton":"calendar__yearSelectorButton_uhpbq"};
+const styles = {"component":"calendar__component_xjodm","period":"calendar__period_xjodm","clicablePeriod":"calendar__clicablePeriod_xjodm","empty":"calendar__empty_xjodm","arrow":"calendar__arrow_xjodm","full":"calendar__full_xjodm","yearSelectorButton":"calendar__yearSelectorButton_xjodm"};
 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, onPeriodClick, dataTestId = 'period-slider', emptyValueText = 'Укажите период', }) => {

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

@@ -19,10 +19,7 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
 } :root {
@@ -53,37 +50,37 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_uhpbq {
+} .calendar__component_xjodm {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_uhpbq {
+} .calendar__period_xjodm {
     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_uhpbq {
+} @media (max-width: 374px) { .calendar__period_xjodm {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__clicablePeriod_uhpbq {
+    } .calendar__clicablePeriod_xjodm {
     cursor: pointer;
-} .calendar__empty_uhpbq {
+} .calendar__empty_xjodm {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_uhpbq {
+} .calendar__arrow_xjodm {
     position: absolute;
     top: var(--gap-4)
-} .calendar__arrow_uhpbq:first-child {
+} .calendar__arrow_xjodm:first-child {
         left: var(--gap-0);
-    } .calendar__arrow_uhpbq:last-child {
+    } .calendar__arrow_xjodm:last-child {
         right: var(--gap-0);
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_uhpbq .calendar__arrow_uhpbq {
+    } @media (max-width: 374px) { .calendar__full_xjodm .calendar__arrow_xjodm {
         display: none
 }
-    } .calendar__yearSelectorButton_uhpbq {
+    } .calendar__yearSelectorButton_xjodm {
     margin-left: var(--gap-8);
 }

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

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { ButtonDesktop } from '../../../../button/modern/desktop';
 
-const styles = {"button":"calendar__button_1ph1m","filled":"calendar__filled_1ph1m","current":"calendar__current_1ph1m","selected":"calendar__selected_1ph1m"};
+const styles = {"button":"calendar__button_4mwlw","filled":"calendar__filled_4mwlw","current":"calendar__current_4mwlw","selected":"calendar__selected_4mwlw"};
 require('./index.css');
 
 const SelectButton = forwardRef(({ className, children, view = 'default', ...restProps }, ref) => (React.createElement(ButtonDesktop, { ...restProps, ref: ref, view: 'text', size: 'xs', className: cn(styles.button, styles[view], className) }, children)));

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

@@ -25,10 +25,7 @@
     --gap-xs: 8px; /* 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 */
 
     /* новые значения, используйте их */
-
-    /* no-unit может приводить к проблемам в calc (#1559) */
-    /* stylelint-disable-next-line length-zero-no-unit */
-    --gap-0: 0px;
+    --gap-0: 0;
     --gap-8: var(--gap-xs);
 } :root {
 } :root {
@@ -57,7 +54,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m {
+} .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw {
         font-size: 16px;
         line-height: 24px;
         font-weight: 400;
@@ -68,23 +65,23 @@
         background-color: transparent;
         border-radius: var(--border-radius-l);
         box-shadow: var(--calendar-select-button-box-shadow)
-    } .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m:not(:disabled):hover {
+    } .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw:not(:disabled):hover {
             background-color: var(--color-light-transparent-default-hover);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m.calendar__filled_1ph1m {
+        } .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw.calendar__filled_4mwlw {
             background-color: var(--calendar-select-button-background-color)
-        } .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m.calendar__filled_1ph1m:not(:disabled):hover {
+        } .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw.calendar__filled_4mwlw:not(:disabled):hover {
                 background-color: var(--color-light-neutral-translucent-300-hover);
-            } .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m.calendar__current_1ph1m {
+            } .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw.calendar__current_4mwlw {
             color: var(--calendar-today-color);
             font-weight: bold;
-        } .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m.calendar__selected_1ph1m,
-        .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m.calendar__selected_1ph1m:disabled {
+        } .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw.calendar__selected_4mwlw,
+        .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw.calendar__selected_4mwlw:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m.calendar__selected_1ph1m:not(:disabled):hover, .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m.calendar__selected_1ph1m:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw.calendar__selected_4mwlw:not(:disabled):hover, .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw.calendar__selected_4mwlw:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_1ph1m.calendar__button_1ph1m > * {
+            } .cc-calendar .calendar__button_4mwlw.calendar__button_4mwlw > * {
             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/desktop';
 
-const styles = {"yearsTable":"calendar__yearsTable_1crgk","responsive":"calendar__responsive_1crgk","inner":"calendar__inner_1crgk","button":"calendar__button_1crgk"};
+const styles = {"yearsTable":"calendar__yearsTable_1hx7o","responsive":"calendar__responsive_1hx7o","inner":"calendar__inner_1hx7o","button":"calendar__button_1hx7o"};
 require('./index.css');
 
 const YearsTable = ({ selectedYear, years = [], getYearProps, responsive, }) => {