@alfalab/core-components 27.3.0 → 27.4.0

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

@@ -33,44 +33,44 @@
 
     /* marker */
 }
-.calendar__component_r339o {
+.calendar__component_3bshs {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.calendar__button_r339o {
+.calendar__button_3bshs {
     border-radius: var(--border-radius-s);
 }
-.calendar__month_r339o {
+.calendar__month_3bshs {
     flex-basis: 65%
 }
 @media (max-width: 374px) {
-.calendar__month_r339o {
+.calendar__month_3bshs {
         flex-grow: 1
 }
     }
-.calendar__year_r339o {
+.calendar__year_3bshs {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__year_r339o {
+.calendar__year_3bshs {
         width: 90px
 }
     }
-.calendar__buttonContent_r339o {
+.calendar__buttonContent_3bshs {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__upDownIcon_r339o {
+.calendar__upDownIcon_3bshs {
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__upDownIcon_r339o {
+.calendar__upDownIcon_3bshs {
         margin-left: auto
 }
     }

package/calendar/esm/components/month-year-header/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-52f0d8db.js';
+import '../../tslib.es6-77edfdd8.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-52f0d8db.js';
+import { _ as __assign } from '../../tslib.es6-77edfdd8.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import 'date-fns/startOfDay';
@@ -28,7 +28,7 @@ import isSameMonth from 'date-fns/isSameMonth';
 import isThisMonth from 'date-fns/isThisMonth';
 import { SelectButton } from '../select-button/Component.js';
 
-var styles = {"monthsTable":"calendar__monthsTable_r1j31","button":"calendar__button_r1j31"};
+var styles = {"monthsTable":"calendar__monthsTable_1u2yi","button":"calendar__button_1u2yi"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -33,38 +33,38 @@
 
     /* marker */
 }
-.calendar__monthsTable_r1j31 {
+.calendar__monthsTable_1u2yi {
     display: flex;
     flex-wrap: wrap;
     width: var(--calendar-inner-width);
     justify-content: flex-start
 }
 @media (max-width: 374px) {
-.calendar__monthsTable_r1j31 {
+.calendar__monthsTable_1u2yi {
         width: var(--calendar-mobile-inner-width)
 }
     }
-.calendar__button_r1j31 {
+.calendar__button_1u2yi {
     width: calc((var(--calendar-inner-width) / 3) - (var(--gap-xs) / 3));
     margin-right: var(--gap-2xs);
     margin-bottom: var(--gap-xs)
 }
-.calendar__button_r1j31:nth-child(3n) {
+.calendar__button_1u2yi:nth-child(3n) {
         margin-right: 0;
     }
 @media (max-width: 374px) {
-.calendar__button_r1j31 {
+.calendar__button_1u2yi {
         width: calc((var(--calendar-mobile-inner-width) / 2) - (var(--gap-2xs) / 2))
 }
 
-        .calendar__button_r1j31:nth-child(3n) {
+        .calendar__button_1u2yi:nth-child(3n) {
             margin-right: var(--gap-2xs);
         }
 
-        .calendar__button_r1j31:nth-child(2n) {
+        .calendar__button_1u2yi:nth-child(2n) {
             margin-right: 0;
         }
-.calendar__button_r1j31 {
+.calendar__button_1u2yi {
 
         height: 36px
 }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-52f0d8db.js';
+import '../../tslib.es6-77edfdd8.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

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

@@ -37,7 +37,7 @@ import 'date-fns/isYesterday';
 import 'date-fns/startOfQuarter';
 import { getYearSelectorValue, shiftValues, formatPeriod } from './utils.js';
 
-var styles = {"component":"calendar__component_1ava3","period":"calendar__period_1ava3","empty":"calendar__empty_1ava3","arrow":"calendar__arrow_1ava3","full":"calendar__full_1ava3","yearSelectorButton":"calendar__yearSelectorButton_1ava3"};
+var styles = {"component":"calendar__component_g18zw","period":"calendar__period_g18zw","empty":"calendar__empty_g18zw","arrow":"calendar__arrow_g18zw","full":"calendar__full_g18zw","yearSelectorButton":"calendar__yearSelectorButton_g18zw"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

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

@@ -40,14 +40,14 @@
 
     /* marker */
 }
-.calendar__component_1ava3 {
+.calendar__component_g18zw {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.calendar__period_1ava3 {
+.calendar__period_g18zw {
     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);
@@ -55,30 +55,30 @@
     text-align: center
 }
 @media (max-width: 374px) {
-.calendar__period_1ava3 {
+.calendar__period_g18zw {
         width: auto;
         flex-grow: 1
 }
     }
-.calendar__empty_1ava3 {
+.calendar__empty_g18zw {
     color: var(--color-light-text-secondary);
 }
-.calendar__arrow_1ava3 {
+.calendar__arrow_g18zw {
     position: absolute;
     top: 4px
 }
-.calendar__arrow_1ava3:first-child {
+.calendar__arrow_g18zw:first-child {
         left: 0;
     }
-.calendar__arrow_1ava3:last-child {
+.calendar__arrow_g18zw:last-child {
         right: 0;
         transform: rotateY(180deg);
     }
 @media (max-width: 374px) {
-.calendar__full_1ava3 .calendar__arrow_1ava3 {
+.calendar__full_g18zw .calendar__arrow_g18zw {
         display: none
 }
     }
-.calendar__yearSelectorButton_1ava3 {
+.calendar__yearSelectorButton_g18zw {
     margin-left: var(--gap-xs);
 }

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

@@ -1,9 +1,9 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-52f0d8db.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-77edfdd8.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 
-var styles = {"button":"calendar__button_78zoe","filled":"calendar__filled_78zoe","outlined":"calendar__outlined_78zoe","selected":"calendar__selected_78zoe"};
+var styles = {"button":"calendar__button_1230r","filled":"calendar__filled_1230r","outlined":"calendar__outlined_1230r","selected":"calendar__selected_1230r"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

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

@@ -43,7 +43,7 @@
 
     /* marker */
 }
-.calendar__button_78zoe {
+.calendar__button_1230r {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -54,28 +54,28 @@
     background-color: transparent;
     border-radius: var(--border-radius-l)
 }
-.calendar__button_78zoe:not(:disabled):hover {
+.calendar__button_1230r:not(:disabled):hover {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.calendar__button_78zoe.calendar__filled_78zoe {
+.calendar__button_1230r.calendar__filled_1230r {
         background-color: var(--color-light-bg-tertiary)
     }
-.calendar__button_78zoe.calendar__filled_78zoe:not(:disabled):hover {
+.calendar__button_1230r.calendar__filled_1230r:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary-shade-7);
         }
-.calendar__button_78zoe.calendar__outlined_78zoe {
+.calendar__button_1230r.calendar__outlined_1230r {
         border: 1px solid var(--calendar-select-button-today-border-color);
     }
-.calendar__button_78zoe.calendar__selected_78zoe,
-    .calendar__button_78zoe.calendar__selected_78zoe:disabled {
+.calendar__button_1230r.calendar__selected_1230r,
+    .calendar__button_1230r.calendar__selected_1230r:disabled {
         background-color: var(--calendar-select-button-selected-background);
         color: var(--color-light-text-primary-inverted)
     }
-.calendar__button_78zoe.calendar__selected_78zoe:not(:disabled):hover, .calendar__button_78zoe.calendar__selected_78zoe:disabled:not(:disabled):hover {
+.calendar__button_1230r.calendar__selected_1230r:not(:disabled):hover, .calendar__button_1230r.calendar__selected_1230r:disabled:not(:disabled):hover {
             background-color: var(--calendar-select-button-selected-background);
             color: var(--color-light-text-primary-inverted);
         }
-.calendar__button_78zoe > * {
+.calendar__button_1230r > * {
         flex-grow: 1;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-52f0d8db.js';
+import '../../tslib.es6-77edfdd8.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-52f0d8db.js';
+import { _ as __assign } from '../../tslib.es6-77edfdd8.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import 'classnames';
 import '../../../../button/esm';
@@ -6,7 +6,7 @@ import { SelectButton } from '../select-button/Component.js';
 import isSameYear from 'date-fns/isSameYear';
 import isThisYear from 'date-fns/isThisYear';
 
-var styles = {"yearsTable":"calendar__yearsTable_1gjz5","inner":"calendar__inner_1gjz5","button":"calendar__button_1gjz5"};
+var styles = {"yearsTable":"calendar__yearsTable_1go6d","inner":"calendar__inner_1go6d","button":"calendar__button_1go6d"};
 require('./index.css');
 
 var YearsTable = function (_a) {

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

@@ -33,12 +33,12 @@
 
     /* marker */
 }
-.calendar__yearsTable_1gjz5 {
+.calendar__yearsTable_1go6d {
     overflow: auto;
     overflow-x: hidden;
     width: 100%;
 }
-.calendar__inner_1gjz5 {
+.calendar__inner_1go6d {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
@@ -49,32 +49,32 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__inner_1gjz5 {
+.calendar__inner_1go6d {
         left: 16px
 }
     }
-.calendar__button_1gjz5 {
+.calendar__button_1go6d {
     /* 3 колонки с равными отступами */
     width: calc((var(--calendar-inner-width) / 3) - (var(--gap-xs) / 3));
     margin-right: var(--gap-2xs);
     margin-bottom: var(--gap-xs)
 }
-.calendar__button_1gjz5:nth-child(3n) {
+.calendar__button_1go6d:nth-child(3n) {
         margin-right: 0;
     }
 @media (max-width: 374px) {
-.calendar__button_1gjz5 {
+.calendar__button_1go6d {
         width: calc((var(--calendar-mobile-inner-width) / 2) - (var(--gap-2xs) / 2))
 }
 
-        .calendar__button_1gjz5:nth-child(3n) {
+        .calendar__button_1go6d:nth-child(3n) {
             margin-right: var(--gap-2xs);
         }
 
-        .calendar__button_1gjz5:nth-child(2n) {
+        .calendar__button_1go6d:nth-child(2n) {
             margin-right: 0;
         }
-.calendar__button_1gjz5 {
+.calendar__button_1go6d {
 
         height: 36px
 }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-52f0d8db.js';
+import '../../tslib.es6-77edfdd8.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/index.css

@@ -34,7 +34,7 @@
 
     /* marker */
 }
-.calendar__component_ezfys {
+.calendar__component_vjfcp {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -43,13 +43,13 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_ezfys {
+.calendar__component_vjfcp {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__container_ezfys {
+.calendar__container_vjfcp {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -59,33 +59,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_ezfys {
+.calendar__container_vjfcp {
         width: 288px
 }
     }
-.calendar__sixWeeks_ezfys {
+.calendar__sixWeeks_vjfcp {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_ezfys {
+.calendar__sixWeeks_vjfcp {
         height: 360px
 }
     }
-.calendar__period_ezfys {
+.calendar__period_vjfcp {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_ezfys {
+.calendar__period_vjfcp {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_ezfys {
+.calendar__monthYear_vjfcp {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_ezfys {
+.calendar__monthYear_vjfcp {
         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-52f0d8db.js';
+import './tslib.es6-77edfdd8.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

package/calendar/index.css

@@ -34,7 +34,7 @@
 
     /* marker */
 }
-.calendar__component_ezfys {
+.calendar__component_vjfcp {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -43,13 +43,13 @@
     outline: none
 }
 @media (max-width: 374px) {
-.calendar__component_ezfys {
+.calendar__component_vjfcp {
         align-items: center;
         width: 100%;
         height: 320px
 }
     }
-.calendar__container_ezfys {
+.calendar__container_vjfcp {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -59,33 +59,33 @@
     overflow: hidden
 }
 @media (max-width: 374px) {
-.calendar__container_ezfys {
+.calendar__container_vjfcp {
         width: 288px
 }
     }
-.calendar__sixWeeks_ezfys {
+.calendar__sixWeeks_vjfcp {
     height: 379px
 }
 @media (max-width: 374px) {
-.calendar__sixWeeks_ezfys {
+.calendar__sixWeeks_vjfcp {
         height: 360px
 }
     }
-.calendar__period_ezfys {
+.calendar__period_vjfcp {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__period_ezfys {
+.calendar__period_vjfcp {
         justify-content: space-between;
         width: var(--calendar-mobile-inner-width);
         margin: 0 auto
 }
     }
-.calendar__monthYear_ezfys {
+.calendar__monthYear_vjfcp {
     width: var(--calendar-inner-width)
 }
 @media (max-width: 374px) {
-.calendar__monthYear_ezfys {
+.calendar__monthYear_vjfcp {
         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-51aa9372.js');
+require('./tslib.es6-814783d5.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_ezfys","container":"calendar__container_ezfys","sixWeeks":"calendar__sixWeeks_ezfys","period":"calendar__period_ezfys","monthYear":"calendar__monthYear_ezfys"};
+var styles = {"component":"calendar__component_vjfcp","container":"calendar__container_vjfcp","sixWeeks":"calendar__sixWeeks_vjfcp","period":"calendar__period_vjfcp","monthYear":"calendar__monthYear_vjfcp"};
 require('./index.css');
 
 const Calendar = forwardRef(({ className, defaultView = 'days', selectorView = 'full', isMonthAndYearSelectable, showCurrentYearSelector, value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp = +new Date(), selectedFrom, selectedTo, rangeComplete, offDays, events, onChange, onMonthChange, onMonthClick, onYearClick, dataTestId, }, ref) => {

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

@@ -30,7 +30,7 @@ import 'date-fns/parse';
 import { Button } from '../../../../button/modern';
 import { getSelectionRange, WEEKDAYS } from '../../utils.js';
 
-var styles = {"daysTable":"calendar__daysTable_18zvy","dayName":"calendar__dayName_18zvy","day":"calendar__day_18zvy","highlighted":"calendar__highlighted_18zvy","range":"calendar__range_18zvy","disabled":"calendar__disabled_18zvy","today":"calendar__today_18zvy","rangeComplete":"calendar__rangeComplete_18zvy","selected":"calendar__selected_18zvy","dayWrapper":"calendar__dayWrapper_18zvy","rangeEnd":"calendar__rangeEnd_18zvy","rangeStart":"calendar__rangeStart_18zvy","transitLeft":"calendar__transitLeft_18zvy","transitRight":"calendar__transitRight_18zvy","left":"calendar__left_18zvy","daysEnter":"calendar__daysEnter_18zvy","daysEnterActive":"calendar__daysEnterActive_18zvy","daysExit":"calendar__daysExit_18zvy","daysExitActive":"calendar__daysExitActive_18zvy","right":"calendar__right_18zvy","dot":"calendar__dot_18zvy"};
+var styles = {"daysTable":"calendar__daysTable_9klfi","dayName":"calendar__dayName_9klfi","day":"calendar__day_9klfi","highlighted":"calendar__highlighted_9klfi","range":"calendar__range_9klfi","disabled":"calendar__disabled_9klfi","today":"calendar__today_9klfi","rangeComplete":"calendar__rangeComplete_9klfi","selected":"calendar__selected_9klfi","dayWrapper":"calendar__dayWrapper_9klfi","rangeEnd":"calendar__rangeEnd_9klfi","rangeStart":"calendar__rangeStart_9klfi","transitLeft":"calendar__transitLeft_9klfi","transitRight":"calendar__transitRight_9klfi","left":"calendar__left_9klfi","daysEnter":"calendar__daysEnter_9klfi","daysEnterActive":"calendar__daysEnterActive_9klfi","daysExit":"calendar__daysExit_9klfi","daysExitActive":"calendar__daysExitActive_9klfi","right":"calendar__right_9klfi","dot":"calendar__dot_9klfi"};
 require('./index.css');
 
 /* eslint-disable complexity */