@alfalab/core-components 41.4.0 → 41.6.0

package/button/modern/inverted.css

@@ -1,4 +1,4 @@
-/* hash: 1wb61 */
+/* hash: 1ro06 */
 :root {
 } /* deprecated */ :root {
     --color-dark-bg-quaternary: #3a3a3c;
@@ -112,168 +112,168 @@
     --button-spinner-static-color: var(--color-static-graphic-light);
     --button-spinner-inverted-color: var(--color-light-graphic-primary-inverted);
     --button-spinner-inverted-primary-color: var(--color-light-graphic-primary);
-} .button__accent_1rmrv {
+} .button__accent_1qrez {
     color: var(--button-inverted-accent-color);
     background-color: var(--button-inverted-accent-base-bg-color);
     border: 1px solid transparent
-} .button__accent_1rmrv:hover {
+} .button__accent_1qrez:hover {
         background-color: var(--button-inverted-accent-hover-bg-color)
-    } @media (hover: none) { .button__accent_1rmrv:hover {
+    } @media (hover: none) { .button__accent_1qrez:hover {
             background-color: var(--button-inverted-accent-base-bg-color)
     }
-        } .button__accent_1rmrv:active {
+        } .button__accent_1qrez:active {
         background-color: var(--button-inverted-accent-active-bg-color);
-    } .button__accent_1rmrv > .button__loader_1rmrv {
+    } .button__accent_1qrez > .button__loader_1qrez {
         color: var(--button-spinner-static-color);
-    } .button__primary_1rmrv {
+    } .button__primary_1qrez {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color);
     border: 1px solid transparent
-} .button__primary_1rmrv:hover {
+} .button__primary_1qrez:hover {
         background-color: var(--button-inverted-primary-hover-bg-color)
-    } @media (hover: none) { .button__primary_1rmrv:hover {
+    } @media (hover: none) { .button__primary_1qrez:hover {
             background-color: var(--button-inverted-primary-base-bg-color)
     }
-        } .button__primary_1rmrv:active {
+        } .button__primary_1qrez:active {
         background-color: var(--button-inverted-primary-active-bg-color);
-    } .button__primary_1rmrv > .button__loader_1rmrv {
+    } .button__primary_1qrez > .button__loader_1qrez {
         color: var(--button-spinner-inverted-primary-color);
-    } .button__secondary_1rmrv {
+    } .button__secondary_1qrez {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
-} .button__secondary_1rmrv:hover {
+} .button__secondary_1qrez:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color)
-    } @media (hover: none) { .button__secondary_1rmrv:hover {
+    } @media (hover: none) { .button__secondary_1qrez:hover {
             background-color: var(--button-inverted-secondary-base-bg-color)
     }
-        } .button__secondary_1rmrv:active {
+        } .button__secondary_1qrez:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
-    } .button__secondary_1rmrv > .button__loader_1rmrv {
+    } .button__secondary_1qrez > .button__loader_1qrez {
         color: var(--button-spinner-inverted-color);
-    } .button__outlined_1rmrv {
+    } .button__outlined_1qrez {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
-} .button__outlined_1rmrv:hover {
+} .button__outlined_1qrez:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color)
-    } @media (hover: none) { .button__outlined_1rmrv:hover {
+    } @media (hover: none) { .button__outlined_1qrez:hover {
             background-color: var(--button-inverted-outlined-base-bg-color)
     }
-        } .button__outlined_1rmrv:active {
+        } .button__outlined_1qrez:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
-    } .button__tertiary_1rmrv {
+    } .button__tertiary_1qrez {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
-} .button__tertiary_1rmrv:hover {
+} .button__tertiary_1qrez:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
         border-color: var(--button-inverted-tertiary-hover-border-color)
-    } @media (hover: none) { .button__tertiary_1rmrv:hover {
+    } @media (hover: none) { .button__tertiary_1qrez:hover {
             background-color: var(--button-inverted-tertiary-base-bg-color);
             border-color: var(--button-inverted-tertiary-base-border-color)
     }
-        } .button__tertiary_1rmrv:active {
+        } .button__tertiary_1qrez:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
-    } .button__tertiary_1rmrv > .button__loader_1rmrv {
+    } .button__tertiary_1qrez > .button__loader_1qrez {
         color: var(--button-spinner-inverted-color);
-    } .button__filled_1rmrv {
+    } .button__filled_1qrez {
     color: var(--color-dark-text-primary);
     background-color: var(--color-dark-bg-quaternary)
-} .button__filled_1rmrv:hover {
+} .button__filled_1qrez:hover {
         background-color: rgb(88, 88, 89)
-    } @media (hover: none) { .button__filled_1rmrv:hover {
+    } @media (hover: none) { .button__filled_1qrez:hover {
             background-color: var(--color-dark-bg-quaternary)
     }
-        } .button__filled_1rmrv:active {
+        } .button__filled_1qrez:active {
         background-color: rgb(49, 49, 51);
-    } .button__transparent_1rmrv {
+    } .button__transparent_1qrez {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
-} .button__transparent_1rmrv:hover {
+} .button__transparent_1qrez:hover {
         background-color: rgba(255, 255, 255, 0.2)
-    } @media (hover: none) { .button__transparent_1rmrv:hover {
+    } @media (hover: none) { .button__transparent_1qrez:hover {
             background-color: rgba(255, 255, 255, 0.1)
     }
-        } .button__transparent_1rmrv:active {
+        } .button__transparent_1qrez:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
-    } .button__link_1rmrv {
+    } .button__link_1qrez {
     color: var(--button-inverted-link-base-color);
     background-color: transparent;
     border: 1px solid transparent
-} .button__link_1rmrv:hover {
+} .button__link_1qrez:hover {
         background-color: var(--button-inverted-link-hover-bg-color)
-    } @media (hover: none) { .button__link_1rmrv:hover {
+    } @media (hover: none) { .button__link_1qrez:hover {
             background-color: transparent
     }
-        } .button__link_1rmrv:active {
+        } .button__link_1qrez:active {
         /* TODO: какой цвет? */
         background-color: var(--button-inverted-link-active-bg-color);
-    } .button__link_1rmrv > .button__loader_1rmrv {
+    } .button__link_1qrez > .button__loader_1qrez {
         color: var(--button-spinner-inverted-color);
-    } .button__ghost_1rmrv {
+    } .button__ghost_1qrez {
     color: var(--button-inverted-ghost-base-color)
-} .button__ghost_1rmrv:hover {
+} .button__ghost_1qrez:hover {
         color: var(--button-inverted-ghost-hover-color)
-    } @media (hover: none) { .button__ghost_1rmrv:hover {
+    } @media (hover: none) { .button__ghost_1qrez:hover {
             color: var(--button-inverted-ghost-base-color)
     }
-        } .button__ghost_1rmrv:active {
+        } .button__ghost_1qrez:active {
         color: var(--button-inverted-ghost-active-color);
-    } .button__ghost_1rmrv > .button__loader_1rmrv {
+    } .button__ghost_1qrez > .button__loader_1qrez {
         color: var(--button-spinner-inverted-color);
-    } .button__component_1rmrv[disabled].button__accent_1rmrv {
+    } .button__component_1qrez[disabled].button__accent_1qrez {
         color: var(--button-inverted-accent-disabled-color);
         background-color: var(--button-inverted-accent-disabled-bg-color)
-    } .button__component_1rmrv[disabled].button__accent_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__accent_1qrez.button__loading_1qrez {
             background-color: var(--button-inverted-accent-base-bg-color);
-        } .button__component_1rmrv[disabled].button__primary_1rmrv {
+        } .button__component_1qrez[disabled].button__primary_1qrez {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
-    } .button__component_1rmrv[disabled].button__primary_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__primary_1qrez.button__loading_1qrez {
             background-color: var(--button-inverted-primary-base-bg-color);
-        } .button__component_1rmrv[disabled].button__secondary_1rmrv {
+        } .button__component_1qrez[disabled].button__secondary_1qrez {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
-    } .button__component_1rmrv[disabled].button__secondary_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__secondary_1qrez.button__loading_1qrez {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
-        } .button__component_1rmrv[disabled].button__outlined_1rmrv {
+        } .button__component_1qrez[disabled].button__outlined_1qrez {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
-    } .button__component_1rmrv[disabled].button__outlined_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__outlined_1qrez.button__loading_1qrez {
             color: var(--button-inverted-outlined-color);
-        } .button__component_1rmrv[disabled].button__tertiary_1rmrv {
+        } .button__component_1qrez[disabled].button__tertiary_1qrez {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
-    } .button__component_1rmrv[disabled].button__tertiary_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__tertiary_1qrez.button__loading_1qrez {
             color: var(--button-inverted-tertiary-color);
-        } .button__component_1rmrv[disabled].button__filled_1rmrv {
+        } .button__component_1qrez[disabled].button__filled_1qrez {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(58, 58, 60, 0.3);
         border-color: transparent
-    } .button__component_1rmrv[disabled].button__filled_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__filled_1qrez.button__loading_1qrez {
             color: var(--color-dark-text-primary);
             background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
-        } .button__component_1rmrv[disabled].button__transparent_1rmrv {
+        } .button__component_1qrez[disabled].button__transparent_1qrez {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
-    } .button__component_1rmrv[disabled].button__transparent_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__transparent_1qrez.button__loading_1qrez {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
-        } .button__component_1rmrv[disabled].button__link_1rmrv {
+        } .button__component_1qrez[disabled].button__link_1qrez {
         color: var(--button-inverted-link-disabled-color);
         background-color: transparent
-    } .button__component_1rmrv[disabled].button__link_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__link_1qrez.button__loading_1qrez {
             color: var(--button-inverted-link-base-color);
-        } .button__component_1rmrv[disabled].button__ghost_1rmrv {
+        } .button__component_1qrez[disabled].button__ghost_1qrez {
         color: var(--button-inverted-ghost-disabled-color)
-    } .button__component_1rmrv[disabled].button__ghost_1rmrv.button__loading_1rmrv {
+    } .button__component_1qrez[disabled].button__ghost_1qrez.button__loading_1qrez {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.desktop.js

@@ -70,7 +70,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var 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"};
+var styles = {"component":"calendar__component_1b1yp","responsive":"calendar__responsive_1b1yp","period":"calendar__period_1b1yp","monthYear":"calendar__monthYear_1b1yp","container":"calendar__container_1b1yp","sixWeeks":"calendar__sixWeeks_1b1yp"};
 require('./desktop.css');
 
 var CalendarDesktop = React.forwardRef(function (_a, ref) {

package/calendar/{modern/Component.responsive-0a445a49.d.ts → Component.responsive-a7877647.d.ts}

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

package/calendar/{Component.responsive-ca46e3c5.js → Component.responsive-a7877647.js}

@@ -41,7 +41,7 @@ var endOfDay__default = /*#__PURE__*/_interopDefaultCompat(endOfDay);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var 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"};
+var styles = {"wrapper":"calendar__wrapper_l1ity","withZIndex":"calendar__withZIndex_l1ity","calendar":"calendar__calendar_l1ity","dayNames":"calendar__dayNames_l1ity","withHeader":"calendar__withHeader_l1ity","month":"calendar__month_l1ity","daysTable":"calendar__daysTable_l1ity","dayName":"calendar__dayName_l1ity"};
 require('./components/calendar-mobile/index.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.

package/calendar/Component.responsive.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 require('tslib');
 require('react');
 require('@alfalab/hooks');
-var components_calendarMobile_Component = require('./Component.responsive-ca46e3c5.js');
+var components_calendarMobile_Component = require('./Component.responsive-a7877647.js');
 require('./Component.desktop.js');
 require('react-virtuoso');
 require('@juggle/resize-observer');

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

@@ -11,7 +11,7 @@ require('date-fns/startOfMonth');
 require('../../../button');
 require('../../../modal/mobile');
 require('../../Component.desktop.js');
-var components_calendarMobile_Component = require('../../Component.responsive-ca46e3c5.js');
+var components_calendarMobile_Component = require('../../Component.responsive-a7877647.js');
 require('date-fns/differenceInDays');
 require('@alfalab/hooks');
 require('../../useCalendar.js');

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

@@ -1,4 +1,4 @@
-/* hash: u1oq4 */
+/* hash: 1yh16 */
 :root {
 } /* deprecated */ :root {
     --color-light-bg-primary: #fff;
@@ -57,13 +57,13 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_1pv7u {
+} .calendar__wrapper_l1ity {
     background: var(--color-light-bg-primary);
-} .calendar__withZIndex_1pv7u {
+} .calendar__withZIndex_l1ity {
     z-index: 2;
-} .calendar__calendar_1pv7u th {
+} .calendar__calendar_l1ity th {
     border-bottom: 1px solid var(--color-light-border-primary);
-} .calendar__dayNames_1pv7u {
+} .calendar__dayNames_l1ity {
     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_l1ity.calendar__withHeader_l1ity {
         top: 48px;
-    } .calendar__dayNames_1pv7u th {
+    } .calendar__dayNames_l1ity th {
     height: 100%;
-} .calendar__month_1pv7u {
+} .calendar__month_l1ity {
     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_l1ity {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_1pv7u {
+} .calendar__dayName_l1ity {
     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_l1ity {
         height: 36px
 }
     }

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

@@ -1,2 +1,2 @@
-export * from "../../Component.responsive-ca46e3c5";
+export * from "../../Component.responsive-a7877647";
 export {};

package/calendar/components/calendar-mobile/index.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-a7877647.js');
 require('tslib');
 require('react');
 require('@alfalab/hooks');

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

@@ -44,7 +44,7 @@ var isToday__default = /*#__PURE__*/_interopDefaultCompat(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultCompat(isWithinInterval);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var 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"};
+var styles = {"daysTable":"calendar__daysTable_idjhw","responsive":"calendar__responsive_idjhw","dayName":"calendar__dayName_idjhw","day":"calendar__day_idjhw","rounded":"calendar__rounded_idjhw","rectangular":"calendar__rectangular_idjhw","highlighted":"calendar__highlighted_idjhw","range":"calendar__range_idjhw","disabled":"calendar__disabled_idjhw","holiday":"calendar__holiday_idjhw","today":"calendar__today_idjhw","rangeComplete":"calendar__rangeComplete_idjhw","selected":"calendar__selected_idjhw","dayWrapper":"calendar__dayWrapper_idjhw","cursorPointer":"calendar__cursorPointer_idjhw","rangeEnd":"calendar__rangeEnd_idjhw","rangeStart":"calendar__rangeStart_idjhw","transitLeft":"calendar__transitLeft_idjhw","transitRight":"calendar__transitRight_idjhw","sharpTransitLeft":"calendar__sharpTransitLeft_idjhw","sharpTransitRight":"calendar__sharpTransitRight_idjhw","daysEnter":"calendar__daysEnter_idjhw","left":"calendar__left_idjhw","daysEnterActive":"calendar__daysEnterActive_idjhw","daysExit":"calendar__daysExit_idjhw","daysExitActive":"calendar__daysExitActive_idjhw","right":"calendar__right_idjhw","dayAddons":"calendar__dayAddons_idjhw","dayContent":"calendar__dayContent_idjhw","addons":"calendar__addons_idjhw","dot":"calendar__dot_idjhw","bottomAddon":"calendar__bottomAddon_idjhw"};
 require('./index.css');
 
 var DaysTable = function (_a) {