@alfalab/core-components 28.5.0 → 29.0.0-beta.0

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

@@ -1,4 +1,4 @@
-/* hash: m2147 */
+/* hash: 1kjlz */
 :root {
 
     /* Hard */
@@ -45,22 +45,22 @@
 
     /* marker */
 }
-.cc-calendar .calendar__yearsTable_18wbx {
+.cc-calendar .calendar__yearsTable_w05z6 {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
     }
-.cc-calendar .calendar__yearsTable_18wbx.calendar__responsive_18wbx {
+.cc-calendar .calendar__yearsTable_w05z6.calendar__responsive_w05z6 {
             justify-content: space-between
         }
-.cc-calendar .calendar__yearsTable_18wbx.calendar__responsive_18wbx .calendar__inner_18wbx {
+.cc-calendar .calendar__yearsTable_w05z6.calendar__responsive_w05z6 .calendar__inner_w05z6 {
                 left: auto;
             }
-.cc-calendar .calendar__yearsTable_18wbx.calendar__responsive_18wbx .calendar__button_18wbx {
+.cc-calendar .calendar__yearsTable_w05z6.calendar__responsive_w05z6 .calendar__button_w05z6 {
                 width: 33%;
                 margin-right: 0;
             }
-.cc-calendar .calendar__inner_18wbx {
+.cc-calendar .calendar__inner_w05z6 {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -71,31 +71,31 @@
         overflow: hidden
     }
 @media (max-width: 374px) {
-.cc-calendar .calendar__inner_18wbx {
+.cc-calendar .calendar__inner_w05z6 {
             left: 16px
     }
         }
-.cc-calendar .calendar__button_18wbx {
+.cc-calendar .calendar__button_w05z6 {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
     }
-.cc-calendar .calendar__button_18wbx:nth-child(3n) {
+.cc-calendar .calendar__button_w05z6:nth-child(3n) {
             margin-right: 0;
         }
 @media (max-width: 374px) {
-.cc-calendar .calendar__button_18wbx {
+.cc-calendar .calendar__button_w05z6 {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_18wbx:nth-child(3n) {
+            .cc-calendar .calendar__button_w05z6:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_18wbx:nth-child(2n) {
+            .cc-calendar .calendar__button_w05z6:nth-child(2n) {
                 margin-right: 0;
             }
-.cc-calendar .calendar__button_18wbx {
+.cc-calendar .calendar__button_w05z6 {
 
             height: 36px
     }

package/calendar/esm/components/years-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-3dcbe3b8.js';
+import '../../tslib.es6-f1a329be.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/index-bdb4c6b9.d.ts

@@ -172,6 +172,7 @@ declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.
 declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
+declare const getScrollbarSize: () => number;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement | undefined) => void;
 /**
@@ -223,4 +224,4 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };

package/calendar/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 137ex */
+/* hash: 2fn46 */
 :root {
 
     /* Hard */
@@ -36,7 +36,7 @@
 
     /* marker */
 }
-.calendar__component_1qfzh {
+.calendar__component_1leu3 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -45,22 +45,22 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_1qfzh {
+.calendar__component_1leu3 {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__component_1qfzh.calendar__responsive_1qfzh {
+.calendar__component_1leu3.calendar__responsive_1leu3 {
         width: 100%
     }
-.calendar__component_1qfzh.calendar__responsive_1qfzh .calendar__period_1qfzh {
+.calendar__component_1leu3.calendar__responsive_1leu3 .calendar__period_1leu3 {
             width: 100%;
         }
-.calendar__component_1qfzh.calendar__responsive_1qfzh .calendar__monthYear_1qfzh {
+.calendar__component_1leu3.calendar__responsive_1leu3 .calendar__monthYear_1leu3 {
             width: 100%;
         }
-.calendar__container_1qfzh {
+.calendar__container_1leu3 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -70,33 +70,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_1qfzh {
+.calendar__container_1leu3 {
         width: 288px
 }
     }
-.calendar__sixWeeks_1qfzh {
+.calendar__sixWeeks_1leu3 {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_1qfzh {
+.calendar__sixWeeks_1leu3 {
         height: 360px
 }
     }
-.calendar__period_1qfzh {
+.calendar__period_1leu3 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_1qfzh {
+.calendar__period_1leu3 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_1qfzh {
+.calendar__monthYear_1leu3 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_1qfzh {
+.calendar__monthYear_1leu3 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-3dcbe3b8.js';
+import './tslib.es6-f1a329be.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/index-bdb4c6b9.d.ts

@@ -172,6 +172,7 @@ declare const BaseModal: React.ForwardRefExoticComponent<BaseModalProps & React.
 declare function isScrolledToTop(target: HTMLElement): boolean;
 declare function isScrolledToBottom(target: HTMLElement): boolean;
 declare function hasScrollbar(target: HTMLElement): boolean;
+declare const getScrollbarSize: () => number;
 declare const restoreContainerStyles: (container: HTMLElement) => void;
 declare const handleContainer: (container?: HTMLElement | undefined) => void;
 /**
@@ -223,4 +224,4 @@ declare class GlobalStore {
     constructor();
     getModalStore: () => ModalStore;
 }
-export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };
+export { BaseModalProps, BaseModalContext, BaseModal, isScrolledToTop, isScrolledToBottom, hasScrollbar, getScrollbarSize, restoreContainerStyles, handleContainer, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, SavedStyle, getModalStore, GlobalStore };

package/calendar/index.css

@@ -1,4 +1,4 @@
-/* hash: 137ex */
+/* hash: 2fn46 */
 :root {
 
     /* Hard */
@@ -36,7 +36,7 @@
 
     /* marker */
 }
-.calendar__component_1qfzh {
+.calendar__component_1leu3 {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -45,22 +45,22 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_1qfzh {
+.calendar__component_1leu3 {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__component_1qfzh.calendar__responsive_1qfzh {
+.calendar__component_1leu3.calendar__responsive_1leu3 {
         width: 100%
     }
-.calendar__component_1qfzh.calendar__responsive_1qfzh .calendar__period_1qfzh {
+.calendar__component_1leu3.calendar__responsive_1leu3 .calendar__period_1leu3 {
             width: 100%;
         }
-.calendar__component_1qfzh.calendar__responsive_1qfzh .calendar__monthYear_1qfzh {
+.calendar__component_1leu3.calendar__responsive_1leu3 .calendar__monthYear_1leu3 {
             width: 100%;
         }
-.calendar__container_1qfzh {
+.calendar__container_1leu3 {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -70,33 +70,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_1qfzh {
+.calendar__container_1leu3 {
         width: 288px
 }
     }
-.calendar__sixWeeks_1qfzh {
+.calendar__sixWeeks_1leu3 {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_1qfzh {
+.calendar__sixWeeks_1leu3 {
         height: 360px
 }
     }
-.calendar__period_1qfzh {
+.calendar__period_1leu3 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_1qfzh {
+.calendar__period_1leu3 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_1qfzh {
+.calendar__monthYear_1leu3 {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_1qfzh {
+.calendar__monthYear_1leu3 {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-2fbe38de.js');
+require('./tslib.es6-adefb460.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/modern/Component.js

@@ -59,7 +59,7 @@ import { PeriodSlider } from './components/period-slider/Component.js';
 import { useCalendar } from './useCalendar.js';
 import { MonthYearHeader } from './components/month-year-header/Component.js';
 
-var styles = {"component":"calendar__component_1qfzh","responsive":"calendar__responsive_1qfzh","period":"calendar__period_1qfzh","monthYear":"calendar__monthYear_1qfzh","container":"calendar__container_1qfzh","sixWeeks":"calendar__sixWeeks_1qfzh"};
+var styles = {"component":"calendar__component_1leu3","responsive":"calendar__responsive_1leu3","period":"calendar__period_1leu3","monthYear":"calendar__monthYear_1leu3","container":"calendar__container_1leu3","sixWeeks":"calendar__sixWeeks_1leu3"};
 require('./index.css');
 
 const Calendar = forwardRef(({ className, defaultView = 'days', selectorView = 'full', value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp = +new Date(), selectedFrom, selectedTo, rangeComplete, offDays, events, holidays, onChange, onMonthChange, onMonthClick, onYearClick, dataTestId, hasHeader = true, responsive, }, ref) => {

package/calendar/modern/components/calendar-mobile/Component.js

@@ -63,7 +63,7 @@ import '../month-year-header/Component.js';
 import { Calendar } from '../../Component.js';
 import { ModalMobile } from '../../../../modal/modern/mobile';
 
-var styles = {"wrapper":"calendar__wrapper_9d332","withZIndex":"calendar__withZIndex_9d332","calendar":"calendar__calendar_9d332","dayNames":"calendar__dayNames_9d332","withHeader":"calendar__withHeader_9d332","month":"calendar__month_9d332","daysTable":"calendar__daysTable_9d332","dayName":"calendar__dayName_9d332"};
+var styles = {"wrapper":"calendar__wrapper_1n0n1","withZIndex":"calendar__withZIndex_1n0n1","calendar":"calendar__calendar_1n0n1","dayNames":"calendar__dayNames_1n0n1","withHeader":"calendar__withHeader_1n0n1","month":"calendar__month_1n0n1","daysTable":"calendar__daysTable_1n0n1","dayName":"calendar__dayName_1n0n1"};
 require('./index.css');
 
 const CalendarMobile = forwardRef(({ hasHeader = true, allowSelectionFromEmptyRange = false, className, defaultView = 'days', selectorView = 'full', value, selectedFrom, selectedTo, onChange, dataTestId, open, onClose, title = 'Календарь', yearsAmount = 3, ...restProps }, ref) => {

package/calendar/modern/components/calendar-mobile/index.css

@@ -1,4 +1,4 @@
-/* hash: 2can2 */
+/* hash: 4ye3b */
 :root {
     --color-light-bg-primary: #fff;
     --color-light-border-primary: #dbdee1;
@@ -41,16 +41,16 @@
 
     /* marker */
 }
-.calendar__wrapper_9d332 {
+.calendar__wrapper_1n0n1 {
     background: var(--color-light-bg-primary);
 }
-.calendar__withZIndex_9d332 {
+.calendar__withZIndex_1n0n1 {
     z-index: 2;
 }
-.calendar__calendar_9d332 th {
+.calendar__calendar_1n0n1 th {
     border-bottom: 1px solid var(--color-light-border-primary);
 }
-.calendar__dayNames_9d332 {
+.calendar__dayNames_1n0n1 {
     padding: 0 var(--gap-m);
     width: 100%;
     position: sticky;
@@ -59,13 +59,13 @@
     top: 0;
     height: 32px
 }
-.calendar__dayNames_9d332.calendar__withHeader_9d332 {
+.calendar__dayNames_1n0n1.calendar__withHeader_1n0n1 {
         top: 48px;
     }
-.calendar__dayNames_9d332 th {
+.calendar__dayNames_1n0n1 th {
     height: 100%;
 }
-.calendar__month_9d332 {
+.calendar__month_1n0n1 {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -75,12 +75,12 @@
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
 }
-.calendar__daysTable_9d332 {
+.calendar__daysTable_1n0n1 {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
 }
-.calendar__dayName_9d332 {
+.calendar__dayName_1n0n1 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -89,7 +89,7 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_9d332 {
+.calendar__dayName_1n0n1 {
         height: 36px
 }
     }

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

@@ -30,7 +30,7 @@ import 'date-fns/parse';
 import { Button } from '../../../../button/modern';
 import { getSelectionRange, WEEKDAYS, russianWeekDay } from '../../utils.js';
 
-var styles = {"daysTable":"calendar__daysTable_lkv8q","responsive":"calendar__responsive_lkv8q","dayName":"calendar__dayName_lkv8q","day":"calendar__day_lkv8q","highlighted":"calendar__highlighted_lkv8q","range":"calendar__range_lkv8q","disabled":"calendar__disabled_lkv8q","holiday":"calendar__holiday_lkv8q","today":"calendar__today_lkv8q","rangeComplete":"calendar__rangeComplete_lkv8q","selected":"calendar__selected_lkv8q","dayWrapper":"calendar__dayWrapper_lkv8q","cursorPointer":"calendar__cursorPointer_lkv8q","rangeEnd":"calendar__rangeEnd_lkv8q","rangeStart":"calendar__rangeStart_lkv8q","transitLeft":"calendar__transitLeft_lkv8q","transitRight":"calendar__transitRight_lkv8q","sharpTransitLeft":"calendar__sharpTransitLeft_lkv8q","sharpTransitRight":"calendar__sharpTransitRight_lkv8q","daysEnter":"calendar__daysEnter_lkv8q","left":"calendar__left_lkv8q","daysEnterActive":"calendar__daysEnterActive_lkv8q","daysExit":"calendar__daysExit_lkv8q","daysExitActive":"calendar__daysExitActive_lkv8q","right":"calendar__right_lkv8q","dot":"calendar__dot_lkv8q"};
+var styles = {"daysTable":"calendar__daysTable_17oe0","responsive":"calendar__responsive_17oe0","dayName":"calendar__dayName_17oe0","day":"calendar__day_17oe0","highlighted":"calendar__highlighted_17oe0","range":"calendar__range_17oe0","disabled":"calendar__disabled_17oe0","holiday":"calendar__holiday_17oe0","today":"calendar__today_17oe0","rangeComplete":"calendar__rangeComplete_17oe0","selected":"calendar__selected_17oe0","dayWrapper":"calendar__dayWrapper_17oe0","cursorPointer":"calendar__cursorPointer_17oe0","rangeEnd":"calendar__rangeEnd_17oe0","rangeStart":"calendar__rangeStart_17oe0","transitLeft":"calendar__transitLeft_17oe0","transitRight":"calendar__transitRight_17oe0","sharpTransitLeft":"calendar__sharpTransitLeft_17oe0","sharpTransitRight":"calendar__sharpTransitRight_17oe0","daysEnter":"calendar__daysEnter_17oe0","left":"calendar__left_17oe0","daysEnterActive":"calendar__daysEnterActive_17oe0","daysExit":"calendar__daysExit_17oe0","daysExitActive":"calendar__daysExitActive_17oe0","right":"calendar__right_17oe0","dot":"calendar__dot_17oe0"};
 require('./index.css');
 
 /* eslint-disable complexity */