@alfalab/core-components 41.4.0 → 41.5.0

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

@@ -42,35 +42,35 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_19a1j {
+} .calendar__component_vuig3 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
-} .calendar__period_19a1j {
+} .calendar__period_vuig3 {
     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_19a1j {
+} @media (max-width: 374px) { .calendar__period_vuig3 {
         width: auto;
         flex-grow: 1
 }
-    } .calendar__empty_19a1j {
+    } .calendar__empty_vuig3 {
     color: var(--color-light-text-secondary);
-} .calendar__arrow_19a1j {
+} .calendar__arrow_vuig3 {
     position: absolute;
     top: 4px
-} .calendar__arrow_19a1j:first-child {
+} .calendar__arrow_vuig3:first-child {
         left: 0;
-    } .calendar__arrow_19a1j:last-child {
+    } .calendar__arrow_vuig3:last-child {
         right: 0;
         transform: rotateY(180deg);
-    } @media (max-width: 374px) { .calendar__full_19a1j .calendar__arrow_19a1j {
+    } @media (max-width: 374px) { .calendar__full_vuig3 .calendar__arrow_vuig3 {
         display: none
 }
-    } .calendar__yearSelectorButton_19a1j {
+    } .calendar__yearSelectorButton_vuig3 {
     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_daowt","filled":"calendar__filled_daowt","outlined":"calendar__outlined_daowt","selected":"calendar__selected_daowt"};
+var styles = {"button":"calendar__button_1a9cf","filled":"calendar__filled_1a9cf","outlined":"calendar__outlined_1a9cf","selected":"calendar__selected_1a9cf"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

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

@@ -45,7 +45,7 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__button_daowt {
+} .cc-calendar .calendar__button_1a9cf {
         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_daowt:not(:disabled):hover {
+    } .cc-calendar .calendar__button_1a9cf:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary);
             color: var(--color-light-text-primary);
-        } .cc-calendar .calendar__button_daowt.calendar__filled_daowt {
+        } .cc-calendar .calendar__button_1a9cf.calendar__filled_1a9cf {
             background-color: var(--color-light-bg-tertiary)
-        } .cc-calendar .calendar__button_daowt.calendar__filled_daowt:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1a9cf.calendar__filled_1a9cf:not(:disabled):hover {
                 background-color: var(--color-light-bg-tertiary-shade-7);
-            } .cc-calendar .calendar__button_daowt.calendar__outlined_daowt {
+            } .cc-calendar .calendar__button_1a9cf.calendar__outlined_1a9cf {
             border: 1px solid var(--calendar-select-button-today-border-color);
-        } .cc-calendar .calendar__button_daowt.calendar__selected_daowt,
-        .cc-calendar .calendar__button_daowt.calendar__selected_daowt:disabled {
+        } .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf,
+        .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf:disabled {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted)
-        } .cc-calendar .calendar__button_daowt.calendar__selected_daowt:not(:disabled):hover, .cc-calendar .calendar__button_daowt.calendar__selected_daowt:disabled:not(:disabled):hover {
+        } .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf:not(:disabled):hover, .cc-calendar .calendar__button_1a9cf.calendar__selected_1a9cf:disabled:not(:disabled):hover {
                 background-color: var(--calendar-select-button-selected-background);
                 color: var(--color-light-text-primary-inverted);
-            } .cc-calendar .calendar__button_daowt > * {
+            } .cc-calendar .calendar__button_1a9cf > * {
             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_3bqw0","responsive":"calendar__responsive_3bqw0","inner":"calendar__inner_3bqw0","button":"calendar__button_3bqw0"};
+var styles = {"yearsTable":"calendar__yearsTable_193bg","responsive":"calendar__responsive_193bg","inner":"calendar__inner_193bg","button":"calendar__button_193bg"};
 require('./index.css');
 
 var YearsTable = function (_a) {

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

@@ -49,21 +49,21 @@
     /* disabled */
 
     /* marker */
-} .cc-calendar .calendar__yearsTable_3bqw0 {
+} .cc-calendar .calendar__yearsTable_193bg {
         overflow: auto;
         overflow-x: hidden;
         width: 100%
-    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_3bqw0 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__yearsTable_193bg {
             padding-top: var(--gap-xs)
     }
-        } .cc-calendar .calendar__yearsTable_3bqw0.calendar__responsive_3bqw0 {
+        } .cc-calendar .calendar__yearsTable_193bg.calendar__responsive_193bg {
             justify-content: space-between
-        } .cc-calendar .calendar__yearsTable_3bqw0.calendar__responsive_3bqw0 .calendar__inner_3bqw0 {
+        } .cc-calendar .calendar__yearsTable_193bg.calendar__responsive_193bg .calendar__inner_193bg {
                 left: auto;
-            } .cc-calendar .calendar__yearsTable_3bqw0.calendar__responsive_3bqw0 .calendar__button_3bqw0 {
+            } .cc-calendar .calendar__yearsTable_193bg.calendar__responsive_193bg .calendar__button_193bg {
                 width: 33%;
                 margin-right: 0;
-            } .cc-calendar .calendar__inner_3bqw0 {
+            } .cc-calendar .calendar__inner_193bg {
         display: flex;
         flex-wrap: wrap;
         justify-content: flex-start;
@@ -72,26 +72,26 @@
         /* (width - inner-width) / 2 */
         left: 32px;
         overflow: hidden
-    } @media (max-width: 374px) { .cc-calendar .calendar__inner_3bqw0 {
+    } @media (max-width: 374px) { .cc-calendar .calendar__inner_193bg {
             left: 16px
     }
-        } .cc-calendar .calendar__button_3bqw0 {
+        } .cc-calendar .calendar__button_193bg {
         width: var(--calendar-select-button-width);
         margin-right: var(--gap-2xs);
         margin-bottom: var(--gap-xs)
-    } .cc-calendar .calendar__button_3bqw0:nth-child(3n) {
+    } .cc-calendar .calendar__button_193bg:nth-child(3n) {
             margin-right: 0;
-        } @media (max-width: 374px) { .cc-calendar .calendar__button_3bqw0 {
+        } @media (max-width: 374px) { .cc-calendar .calendar__button_193bg {
             width: var(--calendar-mobile-select-button-width)
     }
 
-            .cc-calendar .calendar__button_3bqw0:nth-child(3n) {
+            .cc-calendar .calendar__button_193bg:nth-child(3n) {
                 margin-right: var(--gap-2xs);
             }
 
-            .cc-calendar .calendar__button_3bqw0:nth-child(2n) {
+            .cc-calendar .calendar__button_193bg:nth-child(2n) {
                 margin-right: 0;
-            } .cc-calendar .calendar__button_3bqw0 {
+            } .cc-calendar .calendar__button_193bg {
 
             height: 36px
     }

package/calendar/esm/desktop.css

@@ -40,27 +40,27 @@
     /* disabled */
 
     /* marker */
-} .calendar__component_i6ilc {
+} .calendar__component_1kytl {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
     flex-direction: column;
     overflow: hidden;
     outline: none
-} @media (max-width: 374px) { .calendar__component_i6ilc {
+} @media (max-width: 374px) { .calendar__component_1kytl {
         align-items: center;
         width: 100%;
         height: 321px
 }
-    } .calendar__component_i6ilc.calendar__responsive_i6ilc {
+    } .calendar__component_1kytl.calendar__responsive_1kytl {
         width: 100%
-    } .calendar__component_i6ilc.calendar__responsive_i6ilc .calendar__period_i6ilc {
+    } .calendar__component_1kytl.calendar__responsive_1kytl .calendar__period_1kytl {
             width: 100%;
-        } .calendar__component_i6ilc.calendar__responsive_i6ilc .calendar__monthYear_i6ilc {
+        } .calendar__component_1kytl.calendar__responsive_1kytl .calendar__monthYear_1kytl {
             width: 100%;
-        } .calendar__component_i6ilc.calendar__responsive_i6ilc .calendar__container_i6ilc {
+        } .calendar__component_1kytl.calendar__responsive_1kytl .calendar__container_1kytl {
             width: 100%;
-        } .calendar__container_i6ilc {
+        } .calendar__container_1kytl {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -68,24 +68,24 @@
     box-sizing: border-box;
     flex-grow: 1;
     overflow: hidden
-} @media (max-width: 374px) { .calendar__container_i6ilc {
+} @media (max-width: 374px) { .calendar__container_1kytl {
         width: 288px
 }
-    } .calendar__sixWeeks_i6ilc {
+    } .calendar__sixWeeks_1kytl {
     height: 388px
-} @media (max-width: 374px) { .calendar__sixWeeks_i6ilc {
+} @media (max-width: 374px) { .calendar__sixWeeks_1kytl {
         height: 361px
 }
-    } .calendar__period_i6ilc {
+    } .calendar__period_1kytl {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__period_i6ilc {
+} @media (max-width: 374px) { .calendar__period_1kytl {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
-    } .calendar__monthYear_i6ilc {
+    } .calendar__monthYear_1kytl {
     width: var(--calendar-inner-width)
-} @media (max-width: 374px) { .calendar__monthYear_i6ilc {
+} @media (max-width: 374px) { .calendar__monthYear_1kytl {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto

package/calendar/esm/index.js

@@ -1,5 +1,5 @@
 export { CalendarDesktop as Calendar } from './Component.desktop.js';
-export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-e943c570.js';
+export { a as CalendarMobile, C as CalendarResponsive } from './Component.responsive-9c88d40b.js';
 export { usePeriod, usePeriodWithReset } from './usePeriod.js';
 export { useCalendar } from './useCalendar.js';
 export { PeriodSlider } from './components/period-slider/Component.js';

package/calendar/esm/mobile.js

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from './Component.responsive-e943c570.js';
+export { a as CalendarMobile } from './Component.responsive-9c88d40b.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/esm/responsive.d.ts

@@ -1,2 +1,2 @@
-export * from "./Component.responsive-e943c570";
+export * from "./Component.responsive-9c88d40b";
 export {};

package/calendar/esm/responsive.js

@@ -1,4 +1,4 @@
-export { C as CalendarResponsive } from './Component.responsive-e943c570.js';
+export { C as CalendarResponsive } from './Component.responsive-9c88d40b.js';
 import 'tslib';
 import 'react';
 import '@alfalab/hooks';

package/calendar/index.js

@@ -1,7 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var Component_desktop = require('./Component.desktop.js');
-var components_calendarMobile_Component = require('./Component.responsive-ca46e3c5.js');
+var components_calendarMobile_Component = require('./Component.responsive-01fc776b.js');
 var usePeriod = require('./usePeriod.js');
 var useCalendar = require('./useCalendar.js');
 var components_periodSlider_Component = require('./components/period-slider/Component.js');

package/calendar/mobile.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var components_calendarMobile_Component = require('./Component.responsive-ca46e3c5.js');
+var components_calendarMobile_Component = require('./Component.responsive-01fc776b.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

package/calendar/modern/Component.desktop.js

@@ -59,7 +59,7 @@ import 'date-fns/setYear';
 import 'date-fns/subYears';
 import './components/period-slider/utils.js';
 
-const styles = {"component":"calendar__component_i6ilc","responsive":"calendar__responsive_i6ilc","period":"calendar__period_i6ilc","monthYear":"calendar__monthYear_i6ilc","container":"calendar__container_i6ilc","sixWeeks":"calendar__sixWeeks_i6ilc"};
+const styles = {"component":"calendar__component_1kytl","responsive":"calendar__responsive_1kytl","period":"calendar__period_1kytl","monthYear":"calendar__monthYear_1kytl","container":"calendar__container_1kytl","sixWeeks":"calendar__sixWeeks_1kytl"};
 require('./desktop.css');
 
 const CalendarDesktop = 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, dayAddons, shape = 'rounded', }, ref) => {

package/calendar/{Component.responsive-ca46e3c5.d.ts → modern/Component.responsive-6909ce92.d.ts}

@@ -162,6 +162,11 @@ type BaseModalProps = {
      * Пропсы для анимации (CSSTransition)
      */
     transitionProps?: Partial<TransitionProps>;
+    /**
+     * Рендерить ли в контейнер через портал.
+     * @default true
+     */
+    usePortal?: boolean;
     /**
      * Обработчик события нажатия на бэкдроп
      */

package/calendar/modern/{Component.responsive-0a445a49.js → Component.responsive-6909ce92.js}

@@ -64,7 +64,7 @@ import 'react-merge-refs';
 import 'date-fns/setYear';
 import 'date-fns/subYears';
 
-const styles = {"wrapper":"calendar__wrapper_1pv7u","withZIndex":"calendar__withZIndex_1pv7u","calendar":"calendar__calendar_1pv7u","dayNames":"calendar__dayNames_1pv7u","withHeader":"calendar__withHeader_1pv7u","month":"calendar__month_1pv7u","daysTable":"calendar__daysTable_1pv7u","dayName":"calendar__dayName_1pv7u"};
+const styles = {"wrapper":"calendar__wrapper_1c47f","withZIndex":"calendar__withZIndex_1c47f","calendar":"calendar__calendar_1c47f","dayNames":"calendar__dayNames_1c47f","withHeader":"calendar__withHeader_1c47f","month":"calendar__month_1c47f","daysTable":"calendar__daysTable_1c47f","dayName":"calendar__dayName_1c47f"};
 require('./components/calendar-mobile/index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

package/calendar/modern/Component.responsive.js

@@ -1,6 +1,6 @@
 import 'react';
 import '@alfalab/hooks';
-export { C as CalendarResponsive } from './Component.responsive-0a445a49.js';
+export { C as CalendarResponsive } from './Component.responsive-6909ce92.js';
 import './Component.desktop.js';
 import 'react-virtuoso';
 import '@juggle/resize-observer';

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

@@ -8,7 +8,7 @@ import 'date-fns/startOfMonth';
 import '../../../../button/modern';
 import '../../../../modal/modern/mobile';
 import '../../Component.desktop.js';
-export { a as CalendarMobile } from '../../Component.responsive-0a445a49.js';
+export { a as CalendarMobile } from '../../Component.responsive-6909ce92.js';
 import 'date-fns/differenceInDays';
 import '@alfalab/hooks';
 import 'react-merge-refs';

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

@@ -57,13 +57,13 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_1pv7u {
+} .calendar__wrapper_1c47f {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_1pv7u {
+} .calendar__withZIndex_1c47f {
     z-index: 2;
-} .calendar__calendar_1pv7u th {
+} .calendar__calendar_1c47f th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_1pv7u {
+} .calendar__dayNames_1c47f {
     padding: 0 var(--gap-m);
     width: 100%;
     position: sticky;
@@ -71,11 +71,11 @@
     background: var(--modal-header-background);
     top: 0;
     height: 32px
-} .calendar__dayNames_1pv7u.calendar__withHeader_1pv7u {
+} .calendar__dayNames_1c47f.calendar__withHeader_1c47f {
         top: 48px;
-    } .calendar__dayNames_1pv7u th {
+    } .calendar__dayNames_1c47f th {
     height: 100%;
-} .calendar__month_1pv7u {
+} .calendar__month_1c47f {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -84,18 +84,18 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_1pv7u {
+} .calendar__daysTable_1c47f {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_1pv7u {
+} .calendar__dayName_1c47f {
     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_1pv7u {
+} @media (max-width: 374px) { .calendar__dayName_1c47f {
         height: 36px
 }
     }

package/calendar/modern/components/calendar-mobile/index.d.ts

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-0a445a49";
+export * from "../../Component.responsive-6909ce92";
 export {};

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

@@ -1,4 +1,4 @@
-export { a as CalendarMobile } from '../../Component.responsive-0a445a49.js';
+export { a as CalendarMobile } from '../../Component.responsive-6909ce92.js';
 import 'react';
 import '@alfalab/hooks';
 import 'react-virtuoso';

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

@@ -30,7 +30,7 @@ import 'date-fns/startOfYear';
 import 'date-fns/subDays';
 import 'date-fns/subMonths';
 
-const styles = {"daysTable":"calendar__daysTable_wu021","responsive":"calendar__responsive_wu021","dayName":"calendar__dayName_wu021","day":"calendar__day_wu021","rounded":"calendar__rounded_wu021","rectangular":"calendar__rectangular_wu021","highlighted":"calendar__highlighted_wu021","range":"calendar__range_wu021","disabled":"calendar__disabled_wu021","holiday":"calendar__holiday_wu021","today":"calendar__today_wu021","rangeComplete":"calendar__rangeComplete_wu021","selected":"calendar__selected_wu021","dayWrapper":"calendar__dayWrapper_wu021","cursorPointer":"calendar__cursorPointer_wu021","rangeEnd":"calendar__rangeEnd_wu021","rangeStart":"calendar__rangeStart_wu021","transitLeft":"calendar__transitLeft_wu021","transitRight":"calendar__transitRight_wu021","sharpTransitLeft":"calendar__sharpTransitLeft_wu021","sharpTransitRight":"calendar__sharpTransitRight_wu021","daysEnter":"calendar__daysEnter_wu021","left":"calendar__left_wu021","daysEnterActive":"calendar__daysEnterActive_wu021","daysExit":"calendar__daysExit_wu021","daysExitActive":"calendar__daysExitActive_wu021","right":"calendar__right_wu021","dayAddons":"calendar__dayAddons_wu021","dayContent":"calendar__dayContent_wu021","addons":"calendar__addons_wu021","dot":"calendar__dot_wu021","bottomAddon":"calendar__bottomAddon_wu021"};
+const styles = {"daysTable":"calendar__daysTable_x9r6s","responsive":"calendar__responsive_x9r6s","dayName":"calendar__dayName_x9r6s","day":"calendar__day_x9r6s","rounded":"calendar__rounded_x9r6s","rectangular":"calendar__rectangular_x9r6s","highlighted":"calendar__highlighted_x9r6s","range":"calendar__range_x9r6s","disabled":"calendar__disabled_x9r6s","holiday":"calendar__holiday_x9r6s","today":"calendar__today_x9r6s","rangeComplete":"calendar__rangeComplete_x9r6s","selected":"calendar__selected_x9r6s","dayWrapper":"calendar__dayWrapper_x9r6s","cursorPointer":"calendar__cursorPointer_x9r6s","rangeEnd":"calendar__rangeEnd_x9r6s","rangeStart":"calendar__rangeStart_x9r6s","transitLeft":"calendar__transitLeft_x9r6s","transitRight":"calendar__transitRight_x9r6s","sharpTransitLeft":"calendar__sharpTransitLeft_x9r6s","sharpTransitRight":"calendar__sharpTransitRight_x9r6s","daysEnter":"calendar__daysEnter_x9r6s","left":"calendar__left_x9r6s","daysEnterActive":"calendar__daysEnterActive_x9r6s","daysExit":"calendar__daysExit_x9r6s","daysExitActive":"calendar__daysExitActive_x9r6s","right":"calendar__right_x9r6s","dayAddons":"calendar__dayAddons_x9r6s","dayContent":"calendar__dayContent_x9r6s","addons":"calendar__addons_x9r6s","dot":"calendar__dot_x9r6s","bottomAddon":"calendar__bottomAddon_x9r6s"};
 require('./index.css');
 
 /* eslint-disable complexity */