@alfalab/core-components 37.4.0-beta.0 → 37.5.0-beta.1

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

@@ -1,8 +1,6 @@
-/* hash: iifaq */
-:root {
-    --color-static-graphic-solitude: #e8f2fe;
-}
+/* hash: zf874 */
 :root {
+} /* deprecated */ :root {
     --color-light-graphic-primary: #0b1f35;
     --color-light-graphic-primary-inverted: #fff;
     --color-light-graphic-quaternary: #dbdee1;
@@ -15,23 +13,24 @@
     --color-light-text-secondary: rgba(11, 31, 53, 0.7);
     --color-light-text-tertiary: rgba(11, 31, 53, 0.3);
     --color-light-graphic-primary-tint-15: rgb(48, 65, 83);
-}
-:root {
+} :root {
+    --color-static-graphic-solitude: #e8f2fe;
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-2xs: 4px;
-}
-:root {
+} :root {
     --border-radius-circle: 50%;
     --border-radius-pill: 99px;
-}
-:root {
+} :root {
+    --gap-2xs: 4px;
+} :root {
+} :root {
+} :root {
 
     /* Кнопки выбора месяцев и годов */
 
@@ -68,35 +67,27 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
-}
-.calendar__daysTable_vgwke {
+} .calendar__daysTable_1suc5 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
-}
-.calendar__daysTable_vgwke.calendar__responsive_vgwke {
+} .calendar__daysTable_1suc5.calendar__responsive_1suc5 {
         width: 100%;
-    }
-.calendar__daysTable_vgwke th {
+    } .calendar__daysTable_1suc5 th {
         padding: 0;
-    }
-.calendar__daysTable_vgwke td {
+    } .calendar__daysTable_1suc5 td {
         padding: var(--gap-2xs) 0 0;
-    }
-.calendar__dayName_vgwke {
+    } .calendar__dayName_1suc5 {
     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_vgwke {
+} @media (max-width: 374px) { .calendar__dayName_1suc5 {
         height: 36px
 }
-    }
-.calendar__day_vgwke {
+    } .calendar__day_1suc5 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -114,54 +105,41 @@
     border-radius: var(--calendar-day-border-radius);
     color: var(--color-light-text-primary);
     z-index: 1
-}
-@media (max-width: 374px) {
-.calendar__day_vgwke {
+} @media (max-width: 374px) { .calendar__day_1suc5 {
         width: 36px;
         height: 36px
 }
-    }
-.calendar__day_vgwke.calendar__highlighted_vgwke,
-    .calendar__day_vgwke.calendar__range_vgwke.calendar__highlighted_vgwke:not(.calendar__disabled_vgwke) {
+    } .calendar__day_1suc5.calendar__highlighted_1suc5,
+    .calendar__day_1suc5.calendar__range_1suc5.calendar__highlighted_1suc5:not(.calendar__disabled_1suc5) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
-    }
-.calendar__day_vgwke.calendar__holiday_vgwke {
+    } .calendar__day_1suc5.calendar__holiday_1suc5 {
         color: var(--calendar-holiday-color);
-    }
-.calendar__day_vgwke.calendar__disabled_vgwke {
+    } .calendar__day_1suc5.calendar__disabled_1suc5 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
-    }
-.calendar__day_vgwke.calendar__today_vgwke {
+    } .calendar__day_1suc5.calendar__today_1suc5 {
         font-weight: bold;
         color: var(--calendar-today-color);
-    }
-.calendar__day_vgwke.calendar__rangeComplete_vgwke {
+    } .calendar__day_1suc5.calendar__rangeComplete_1suc5 {
         background: var(--calendar-range-complete-background);
-    }
-.calendar__day_vgwke.calendar__selected_vgwke,
-    .calendar__day_vgwke.calendar__disabled_vgwke.calendar__selected_vgwke {
+    } .calendar__day_1suc5.calendar__selected_1suc5,
+    .calendar__day_1suc5.calendar__disabled_1suc5.calendar__selected_1suc5 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
-    }
-@media (hover) {
-            .calendar__day_vgwke.calendar__selected_vgwke:hover {
+    } @media (hover) {
+            .calendar__day_1suc5.calendar__selected_1suc5:hover {
                 background: var(--calendar-selected-hover-background);
             }
-        }
-.calendar__day_vgwke:focus {
+        } .calendar__day_1suc5:focus {
         z-index: 1;
-    }
-/* RANGE */
-.calendar__dayWrapper_vgwke {
+    } /* RANGE */ .calendar__dayWrapper_1suc5 {
     -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
     position: relative
-}
-.calendar__dayWrapper_vgwke:before {
+} .calendar__dayWrapper_1suc5:before {
         content: '';
         display: block;
         position: absolute;
@@ -169,35 +147,27 @@
         bottom: 0;
         width: 100%;
         height: var(--calendar-day-size);
-    }
-.calendar__dayWrapper_vgwke:focus {
+    } .calendar__dayWrapper_1suc5:focus {
         outline: none;
-    }
-.calendar__dayWrapper_vgwke.calendar__cursorPointer_vgwke {
+    } .calendar__dayWrapper_1suc5.calendar__cursorPointer_1suc5 {
         cursor: pointer;
-    }
-.calendar__range_vgwke .calendar__day_vgwke:not(.calendar__selected_vgwke):not(.calendar__disabled_vgwke):not(.calendar__today_vgwke):not(.calendar__holiday_vgwke) {
+    } .calendar__range_1suc5 .calendar__day_1suc5:not(.calendar__selected_1suc5):not(.calendar__disabled_1suc5):not(.calendar__today_1suc5):not(.calendar__holiday_1suc5) {
         color: var(--calendar-range-color);
-    }
-.calendar__range_vgwke:before {
+    } .calendar__range_1suc5:before {
         background: var(--calendar-range-background);
-    }
-.calendar__rangeEnd_vgwke:before {
+    } .calendar__rangeEnd_1suc5: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_vgwke:before {
+    } .calendar__rangeStart_1suc5: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_vgwke:before {
+    } .calendar__rangeComplete_1suc5:before {
         background: var(--calendar-range-complete-background);
-    }
-.calendar__transitLeft_vgwke:after, .calendar__transitRight_vgwke:after {
+    } .calendar__transitLeft_1suc5:after, .calendar__transitRight_1suc5:after {
         content: '';
         position: absolute;
         display: block;
@@ -205,90 +175,67 @@
         height: var(--calendar-day-size);
         bottom: 0;
         pointer-events: none;
-    }
-.calendar__transitLeft_vgwke:after {
+    } .calendar__transitLeft_1suc5:after {
         right: 100%;
         background: linear-gradient(
             270deg,
             var(--calendar-range-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    }
-.calendar__transitLeft_vgwke:first-child:before {
+    } .calendar__transitLeft_1suc5:first-child:before {
             opacity: 0;
-        }
-.calendar__transitLeft_vgwke:first-child:after {
+        } .calendar__transitLeft_1suc5:first-child:after {
             right: 0;
-        }
-.calendar__transitRight_vgwke:after {
+        } .calendar__transitRight_1suc5:after {
         left: 100%;
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-background) 100%
         );
-    }
-.calendar__transitRight_vgwke:last-child:before {
+    } .calendar__transitRight_1suc5:last-child:before {
             opacity: 0;
-        }
-.calendar__transitRight_vgwke:last-child:after {
+        } .calendar__transitRight_1suc5:last-child:after {
             left: 0;
-        }
-.calendar__sharpTransitLeft_vgwke:first-child:before {
+        } .calendar__sharpTransitLeft_1suc5:first-child:before {
             opacity: 1;
-        }
-.calendar__sharpTransitLeft_vgwke:first-child:after {
+        } .calendar__sharpTransitLeft_1suc5:first-child:after {
             opacity: 0;
-        }
-.calendar__sharpTransitRight_vgwke:last-child:before {
+        } .calendar__sharpTransitRight_1suc5:last-child:before {
             opacity: 1;
-        }
-.calendar__sharpTransitRight_vgwke:last-child:after {
+        } .calendar__sharpTransitRight_1suc5:last-child:after {
             opacity: 0;
-        }
-.calendar__rangeComplete_vgwke.calendar__transitLeft_vgwke:after {
+        } .calendar__rangeComplete_1suc5.calendar__transitLeft_1suc5:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
-    }
-.calendar__rangeComplete_vgwke.calendar__transitRight_vgwke:after {
+    } .calendar__rangeComplete_1suc5.calendar__transitRight_1suc5:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
             var(--calendar-range-complete-background) 100%
         );
-    }
-/* SLIDE ANIMATION */
-.calendar__daysEnter_vgwke .calendar__dayWrapper_vgwke {
+    } /* SLIDE ANIMATION */ .calendar__daysEnter_1suc5 .calendar__dayWrapper_1suc5 {
     width: 100px;
-}
-.calendar__left_vgwke .calendar__daysEnter_vgwke {
+} .calendar__left_1suc5 .calendar__daysEnter_1suc5 {
         transform: translateX(50px);
-    }
-.calendar__left_vgwke .calendar__daysEnterActive_vgwke {
+    } .calendar__left_1suc5 .calendar__daysEnterActive_1suc5 {
         transform: translateX(0);
-    }
-.calendar__left_vgwke .calendar__daysExit_vgwke {
+    } .calendar__left_1suc5 .calendar__daysExit_1suc5 {
         transform: translateX(0);
-    }
-.calendar__left_vgwke .calendar__daysExitActive_vgwke {
+    } .calendar__left_1suc5 .calendar__daysExitActive_1suc5 {
         transform: translateX(-50px);
-    }
-.calendar__right_vgwke .calendar__daysEnter_vgwke {
+    } .calendar__right_1suc5 .calendar__daysEnter_1suc5 {
         transform: translateX(-50px);
-    }
-.calendar__right_vgwke .calendar__daysEnterActive_vgwke {
+    } .calendar__right_1suc5 .calendar__daysEnterActive_1suc5 {
         transform: translateX(0);
-    }
-.calendar__right_vgwke .calendar__daysExit_vgwke {
+    } .calendar__right_1suc5 .calendar__daysExit_1suc5 {
         transform: translateX(0);
-    }
-.calendar__right_vgwke .calendar__daysExitActive_vgwke {
+    } .calendar__right_1suc5 .calendar__daysExitActive_1suc5 {
         transform: translateX(50px);
-    }
-.calendar__dot_vgwke {
+    } .calendar__dot_1suc5 {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -298,26 +245,20 @@
     transform: translateX(-50%);
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
-}
-.calendar__selected_vgwke .calendar__dot_vgwke {
+} .calendar__selected_1suc5 .calendar__dot_1suc5 {
     background: var(--calendar-marker-selected-background);
-}
-.calendar__daysEnter_vgwke {
+} .calendar__daysEnter_1suc5 {
     opacity: 0;
     position: absolute;
     left: 0;
-}
-.calendar__daysEnterActive_vgwke {
+} .calendar__daysEnterActive_1suc5 {
     opacity: 1;
-}
-.calendar__daysExit_vgwke {
+} .calendar__daysExit_1suc5 {
     pointer-events: none;
     opacity: 1;
-}
-.calendar__daysExitActive_vgwke {
+} .calendar__daysExitActive_1suc5 {
     opacity: 0;
-}
-.calendar__daysEnterActive_vgwke,
-.calendar__daysExitActive_vgwke {
+} .calendar__daysEnterActive_1suc5,
+.calendar__daysExitActive_1suc5 {
     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_24bcl","withShadow":"calendar__withShadow_24bcl"};
+const styles = {"header":"calendar__header_qatoz","withShadow":"calendar__withShadow_qatoz"};
 require('./index.css');
 
 const Header = ({ view = 'full', withShadow, children }) => (React.createElement("div", { className: cn(styles.header, {

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

@@ -1,5 +1,9 @@
-/* hash: aoicx */
+/* hash: 1bi9d */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 
     /* Hard */
@@ -7,12 +11,13 @@
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-s: 12px;
     --gap-m: 16px;
-}
-:root {
+} :root {
+} :root {
+} :root {
 
     /* Кнопки выбора месяцев и годов */
 
@@ -33,15 +38,13 @@
     /* disabled */
 
     /* marker */
-}
-.calendar__header_24bcl {
+} .calendar__header_qatoz {
     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_24bcl {
+} .calendar__withShadow_qatoz {
     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_hc7bm","button":"calendar__button_hc7bm","month":"calendar__month_hc7bm","year":"calendar__year_hc7bm","buttonContent":"calendar__buttonContent_hc7bm","upDownIcon":"calendar__upDownIcon_hc7bm"};
+const styles = {"component":"calendar__component_u3t1w","button":"calendar__button_u3t1w","month":"calendar__month_u3t1w","year":"calendar__year_u3t1w","buttonContent":"calendar__buttonContent_u3t1w","upDownIcon":"calendar__upDownIcon_u3t1w"};
 require('./index.css');
 
 const MonthYearHeader = ({ value, className, onMonthClick, onYearClick, dataTestId, }) => {

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

@@ -1,19 +1,22 @@
-/* hash: 1f3ns */
+/* hash: mbzqw */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
-    --gap-xs: 8px;
-}
-:root {
+} :root {
     --border-radius-s: 4px;
-}
-:root {
+} :root {
+    --gap-xs: 8px;
+} :root {
+} :root {
+} :root {
 
     /* Кнопки выбора месяцев и годов */
 
@@ -34,45 +37,33 @@
     /* disabled */
 
     /* marker */
-}
-.calendar__component_hc7bm {
+} .calendar__component_u3t1w {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-}
-.cc-calendar .calendar__button_hc7bm {
+} .cc-calendar .calendar__button_u3t1w {
         border-radius: var(--border-radius-s);
-    }
-.calendar__month_hc7bm {
+    } .calendar__month_u3t1w {
     flex-basis: 65%
-}
-@media (max-width: 374px) {
-.calendar__month_hc7bm {
+} @media (max-width: 374px) { .calendar__month_u3t1w {
         flex-grow: 1
 }
-    }
-.calendar__year_hc7bm {
+    } .calendar__year_u3t1w {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
-}
-@media (max-width: 374px) {
-.calendar__year_hc7bm {
+} @media (max-width: 374px) { .calendar__year_u3t1w {
         width: 90px
 }
-    }
-.calendar__buttonContent_hc7bm {
+    } .calendar__buttonContent_u3t1w {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
-}
-.calendar__upDownIcon_hc7bm {
+} .calendar__upDownIcon_u3t1w {
     margin-left: var(--gap-xs)
-}
-@media (max-width: 374px) {
-.calendar__upDownIcon_hc7bm {
+} @media (max-width: 374px) { .calendar__upDownIcon_u3t1w {
         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_gy5ln","responsive":"calendar__responsive_gy5ln","button":"calendar__button_gy5ln"};
+const styles = {"monthsTable":"calendar__monthsTable_1ebl6","responsive":"calendar__responsive_1ebl6","button":"calendar__button_1ebl6"};
 require('./index.css');
 
 const MonthsTable = ({ selectedMonth, months = [], getMonthProps, responsive, }) => {

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

@@ -1,17 +1,22 @@
-/* hash: 1iifx */
+/* hash: e4sa6 */
 :root {
+} /* deprecated */ :root {
+} :root {
+} :root {
+} :root {
 
     /* Hard */
 
     /* Up */
 
     /* Hard up */
-}
-:root {
+} :root {
+} :root {
     --gap-2xs: 4px;
     --gap-xs: 8px;
-}
-:root {
+} :root {
+} :root {
+} :root {
     --calendar-inner-width: 280px;
     --calendar-mobile-inner-width: 256px;
     --calendar-inner-third-part-width: calc(var(--calendar-inner-width) / 3);
@@ -44,47 +49,37 @@
     /* disabled */
 
     /* marker */
-}
-.cc-calendar .calendar__monthsTable_gy5ln {
+} .cc-calendar .calendar__monthsTable_1ebl6 {
         display: flex;
         flex-wrap: wrap;
         width: var(--calendar-inner-width);
         justify-content: flex-start
-    }
-@media (max-width: 374px) {
-.cc-calendar .calendar__monthsTable_gy5ln {
+    } @media (max-width: 374px) { .cc-calendar .calendar__monthsTable_1ebl6 {
             width: var(--calendar-mobile-inner-width)
     }
-        }
-.cc-calendar .calendar__monthsTable_gy5ln.calendar__responsive_gy5ln {
+        } .cc-calendar .calendar__monthsTable_1ebl6.calendar__responsive_1ebl6 {
             width: 100%;
             justify-content: space-between
-        }
-.cc-calendar .calendar__monthsTable_gy5ln.calendar__responsive_gy5ln .calendar__button_gy5ln {
+        } .cc-calendar .calendar__monthsTable_1ebl6.calendar__responsive_1ebl6 .calendar__button_1ebl6 {
                 width: 33%;
                 margin-right: 0;
-            }
-.cc-calendar .calendar__button_gy5ln {
+            } .cc-calendar .calendar__button_1ebl6 {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    }
-.cc-calendar .calendar__button_gy5ln:nth-child(3n) {
+    } .cc-calendar .calendar__button_1ebl6:nth-child(3n) {
             margin-right: 0;
-        }
-@media (max-width: 374px) {
-.cc-calendar .calendar__button_gy5ln {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_1ebl6 {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_gy5ln:nth-child(3n) {
+            .cc-calendar .calendar__button_1ebl6:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_gy5ln:nth-child(2n) {
+            .cc-calendar .calendar__button_1ebl6:nth-child(2n) {
                 margin-right: 0;
-            }
-.cc-calendar .calendar__button_gy5ln {
+            } .cc-calendar .calendar__button_1ebl6 {
 
             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_1t61w","period":"calendar__period_1t61w","empty":"calendar__empty_1t61w","arrow":"calendar__arrow_1t61w","full":"calendar__full_1t61w","yearSelectorButton":"calendar__yearSelectorButton_1t61w"};
+const styles = {"component":"calendar__component_ibg7d","period":"calendar__period_ibg7d","empty":"calendar__empty_ibg7d","arrow":"calendar__arrow_ibg7d","full":"calendar__full_ibg7d","yearSelectorButton":"calendar__yearSelectorButton_ibg7d"};
 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, }) => {