@alfalab/core-components 21.3.3 → 22.0.0

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

@@ -60,38 +60,38 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-tertiary);
 }
-.calendar__daysTable_u33y4 {
+.calendar__daysTable_134vm {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_u33y4 th {
+.calendar__daysTable_134vm th {
         padding: 0;
     }
-.calendar__daysTable_u33y4 td {
+.calendar__daysTable_134vm td {
         padding: var(--gap-2xs) 0 0
     }
-.calendar__daysTable_u33y4 td:first-child .calendar__transitLeft_u33y4 {
+.calendar__daysTable_134vm td:first-child .calendar__transitLeft_134vm {
             background: linear-gradient(
                 270deg,
                 var(--calendar-range-background) 0%,
                 var(--color-light-specialbg-nulled) 100%
             )
         }
-.calendar__daysTable_u33y4 td:first-child .calendar__transitLeft_u33y4:after {
+.calendar__daysTable_134vm td:first-child .calendar__transitLeft_134vm:after {
                 display: none;
             }
-.calendar__daysTable_u33y4 td:last-child .calendar__transitRight_u33y4 {
+.calendar__daysTable_134vm td:last-child .calendar__transitRight_134vm {
             background: linear-gradient(
                 270deg,
                 var(--color-light-specialbg-nulled) 0%,
                 var(--calendar-range-background) 100%
             )
         }
-.calendar__daysTable_u33y4 td:last-child .calendar__transitRight_u33y4:after {
+.calendar__daysTable_134vm td:last-child .calendar__transitRight_134vm:after {
                 display: none;
             }
-.calendar__dayName_u33y4 {
+.calendar__dayName_134vm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -99,7 +99,7 @@
     height: 40px;
     color: var(--color-light-text-secondary);
 }
-.calendar__day_u33y4 {
+.calendar__day_134vm {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -115,7 +115,7 @@
     border-radius: var(--calendar-day-border-radius);
     color: var(--color-light-text-primary)
 }
-.calendar__day_u33y4.calendar__event_u33y4:before {
+.calendar__day_134vm.calendar__event_134vm:before {
             content: '';
             display: block;
             position: absolute;
@@ -125,10 +125,10 @@
             border-radius: var(--border-radius-circle);
             background: var(--calendar-marker-background);
         }
-.calendar__day_u33y4.calendar__today_u33y4 {
+.calendar__day_134vm.calendar__today_134vm {
         font-weight: bold
     }
-.calendar__day_u33y4.calendar__today_u33y4 span:after {
+.calendar__day_134vm.calendar__today_134vm span:after {
             content: '';
             border: 1px solid var(--calendar-today-border-color);
             position: absolute;
@@ -139,32 +139,32 @@
             border-radius: var(--calendar-day-border-radius);
             box-sizing: border-box;
         }
-.calendar__day_u33y4.calendar__highlighted_u33y4 {
+.calendar__day_134vm.calendar__highlighted_134vm {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_u33y4.calendar__disabled_u33y4 {
+.calendar__day_134vm.calendar__disabled_134vm {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_u33y4.calendar__range_u33y4 {
+.calendar__day_134vm.calendar__range_134vm {
         color: var(--calendar-range-color);
         background: var(--calendar-range-background);
         border-radius: 0;
     }
-.calendar__day_u33y4.calendar__selected_u33y4,
-    .calendar__day_u33y4.calendar__disabled_u33y4.calendar__selected_u33y4 {
+.calendar__day_134vm.calendar__selected_134vm,
+    .calendar__day_134vm.calendar__disabled_134vm.calendar__selected_134vm {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
         cursor: default;
     }
-.calendar__day_u33y4.calendar__rangeStart_u33y4 {
+.calendar__day_134vm.calendar__rangeStart_134vm {
         cursor: pointer;
     }
-.calendar__day_u33y4.calendar__firstDay_u33y4:after, .calendar__day_u33y4.calendar__lastDay_u33y4:after {
+.calendar__day_134vm.calendar__firstDay_134vm:after, .calendar__day_134vm.calendar__lastDay_134vm:after {
             transition: opacity 0.2s ease;
             content: '';
             position: absolute;
@@ -174,7 +174,7 @@
             opacity: 0;
             pointer-events: none;
         }
-.calendar__day_u33y4.calendar__firstDay_u33y4:after {
+.calendar__day_134vm.calendar__firstDay_134vm:after {
             right: 100%;
             background: linear-gradient(
                 270deg,
@@ -182,7 +182,7 @@
                 var(--color-light-specialbg-nulled) 100%
             );
         }
-.calendar__day_u33y4.calendar__lastDay_u33y4:after {
+.calendar__day_134vm.calendar__lastDay_134vm:after {
             left: 100%;
             background: linear-gradient(
                 270deg,
@@ -190,52 +190,52 @@
                 var(--calendar-range-background) 100%
             );
         }
-.calendar__day_u33y4.calendar__transitLeft_u33y4:after, .calendar__day_u33y4.calendar__transitRight_u33y4:after {
+.calendar__day_134vm.calendar__transitLeft_134vm:after, .calendar__day_134vm.calendar__transitRight_134vm:after {
             opacity: 1;
         }
-.calendar__day_u33y4:focus {
+.calendar__day_134vm:focus {
         z-index: 1;
     }
-.calendar__left_u33y4 .calendar__daysEnter_u33y4 {
+.calendar__left_134vm .calendar__daysEnter_134vm {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_u33y4 .calendar__daysEnterActive_u33y4 {
+.calendar__left_134vm .calendar__daysEnterActive_134vm {
         transform: translateX(0%);
     }
-.calendar__left_u33y4 .calendar__daysExit_u33y4 {
+.calendar__left_134vm .calendar__daysExit_134vm {
         transform: translateX(0%);
     }
-.calendar__left_u33y4 .calendar__daysExitActive_u33y4 {
+.calendar__left_134vm .calendar__daysExitActive_134vm {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_u33y4 .calendar__daysEnter_u33y4 {
+.calendar__right_134vm .calendar__daysEnter_134vm {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_u33y4 .calendar__daysEnterActive_u33y4 {
+.calendar__right_134vm .calendar__daysEnterActive_134vm {
         transform: translateX(0%);
     }
-.calendar__right_u33y4 .calendar__daysExit_u33y4 {
+.calendar__right_134vm .calendar__daysExit_134vm {
         transform: translateX(0%);
     }
-.calendar__right_u33y4 .calendar__daysExitActive_u33y4 {
+.calendar__right_134vm .calendar__daysExitActive_134vm {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__daysEnter_u33y4 {
+.calendar__daysEnter_134vm {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_u33y4 {
+.calendar__daysEnterActive_134vm {
     opacity: 1;
 }
-.calendar__daysExit_u33y4 {
+.calendar__daysExit_134vm {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_u33y4 {
+.calendar__daysExitActive_134vm {
     opacity: 0;
 }
-.calendar__daysEnterActive_u33y4,
-.calendar__daysExitActive_u33y4 {
+.calendar__daysEnterActive_134vm,
+.calendar__daysExitActive_134vm {
     transition: opacity 300ms, transform 300ms;
 }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-1ab8fd62.js';
+import '../../tslib.es6-7bbceec3.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/components/header/Component.js

@@ -1,10 +1,10 @@
-import '../../tslib.es6-1ab8fd62.js';
+import '../../tslib.es6-7bbceec3.js';
 import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 import { SelectButton } from '../select-button/Component.js';
 
-var styles = {"header":"calendar__header_1wlbz","withShadow":"calendar__withShadow_1wlbz","inner":"calendar__inner_1wlbz","month":"calendar__month_1wlbz","year":"calendar__year_1wlbz","buttonContent":"calendar__buttonContent_1wlbz","monthOnly":"calendar__monthOnly_1wlbz","upDownIcon":"calendar__upDownIcon_1wlbz","arrow":"calendar__arrow_1wlbz"};
+var styles = {"header":"calendar__header_evcbi","withShadow":"calendar__withShadow_evcbi","inner":"calendar__inner_evcbi","month":"calendar__month_evcbi","year":"calendar__year_evcbi","buttonContent":"calendar__buttonContent_evcbi","monthOnly":"calendar__monthOnly_evcbi","upDownIcon":"calendar__upDownIcon_evcbi","arrow":"calendar__arrow_evcbi"};
 require('./index.css');
 
 var Header = function (_a) {

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

@@ -45,40 +45,40 @@
 
     /* marker */
 }
-.calendar__header_1wlbz {
+.calendar__header_evcbi {
     width: 100%;
     box-sizing: border-box;
     padding: var(--calendar-header-paddings);
     transition: box-shadow 0.2s ease;
 }
-.calendar__withShadow_1wlbz {
+.calendar__withShadow_evcbi {
     box-shadow: var(--shadow-s);
 }
-.calendar__inner_1wlbz {
+.calendar__inner_evcbi {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.calendar__month_1wlbz {
+.calendar__month_evcbi {
     width: 131px;
 }
-.calendar__year_1wlbz {
+.calendar__year_evcbi {
     width: 105px;
 
     margin-left: var(--gap-xs);
 }
-.calendar__buttonContent_1wlbz {
+.calendar__buttonContent_evcbi {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__monthOnly_1wlbz {
+.calendar__monthOnly_evcbi {
     padding: var(--calendar-month-only-header-paddings)
 }
-.calendar__monthOnly_1wlbz .calendar__month_1wlbz {
+.calendar__monthOnly_evcbi .calendar__month_evcbi {
         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);
@@ -86,24 +86,24 @@
 
         width: auto;
     }
-.calendar__upDownIcon_1wlbz {
+.calendar__upDownIcon_evcbi {
     display: block;
     background: var(--calendar-select-icon-background);
     width: 24px;
     height: 24px;
     margin-left: var(--gap-xs);
 }
-.calendar__arrow_1wlbz {
+.calendar__arrow_evcbi {
     position: absolute;
     width: 24px;
     height: 24px;
     top: 8px;
     background: var(--calendar-arrow-background)
 }
-.calendar__arrow_1wlbz:first-child {
+.calendar__arrow_evcbi:first-child {
         left: 0;
     }
-.calendar__arrow_1wlbz:last-child {
+.calendar__arrow_evcbi:last-child {
         right: 0;
         transform: rotateY(180deg);
     }

package/calendar/esm/components/header/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-1ab8fd62.js';
+import '../../tslib.es6-7bbceec3.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-1ab8fd62.js';
+import { _ as __assign } from '../../tslib.es6-7bbceec3.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import { isSameMonth, isThisMonth } from 'date-fns';
@@ -6,7 +6,7 @@ import '../../../../button/esm';
 import { SelectButton } from '../select-button/Component.js';
 import { monthName } from '../../utils.js';
 
-var styles = {"monthsTable":"calendar__monthsTable_vo6go","button":"calendar__button_vo6go"};
+var styles = {"monthsTable":"calendar__monthsTable_2o7e7","button":"calendar__button_2o7e7"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -31,17 +31,17 @@
 
     /* marker */
 }
-.calendar__monthsTable_vo6go {
+.calendar__monthsTable_2o7e7 {
     display: flex;
     flex-wrap: wrap;
     width: 318px;
     margin: auto -3px;
     justify-content: flex-start;
 }
-.calendar__button_vo6go {
+.calendar__button_2o7e7 {
     width: var(--calendar-selector-button-width);
     margin: 0 3px var(--gap-xs)
 }
-.calendar__button_vo6go:nth-last-child(-n + 3) {
+.calendar__button_2o7e7:nth-last-child(-n + 3) {
         margin-bottom: 0;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-1ab8fd62.js';
+import '../../tslib.es6-7bbceec3.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

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

@@ -1,9 +1,9 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-1ab8fd62.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-7bbceec3.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';
 
-var styles = {"button":"calendar__button_1nlx4","filled":"calendar__filled_1nlx4","outlined":"calendar__outlined_1nlx4","selected":"calendar__selected_1nlx4"};
+var styles = {"button":"calendar__button_5vxg7","filled":"calendar__filled_5vxg7","outlined":"calendar__outlined_5vxg7","selected":"calendar__selected_5vxg7"};
 require('./index.css');
 
 var SelectButton = forwardRef(function (_a, ref) {

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

@@ -42,7 +42,7 @@
 
     /* marker */
 }
-.calendar__button_1nlx4 {
+.calendar__button_5vxg7 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -53,28 +53,28 @@
     background-color: transparent;
     border-radius: var(--border-radius-s)
 }
-.calendar__button_1nlx4:not(:disabled):hover {
+.calendar__button_5vxg7:not(:disabled):hover {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.calendar__button_1nlx4.calendar__filled_1nlx4 {
+.calendar__button_5vxg7.calendar__filled_5vxg7 {
         background-color: var(--color-light-bg-tertiary)
     }
-.calendar__button_1nlx4.calendar__filled_1nlx4:not(:disabled):hover {
+.calendar__button_5vxg7.calendar__filled_5vxg7:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary-shade-7);
         }
-.calendar__button_1nlx4.calendar__outlined_1nlx4 {
+.calendar__button_5vxg7.calendar__outlined_5vxg7 {
         border: 1px solid var(--calendar-selector-button-outline-border-color);
     }
-.calendar__button_1nlx4.calendar__selected_1nlx4,
-    .calendar__button_1nlx4.calendar__selected_1nlx4:disabled {
+.calendar__button_5vxg7.calendar__selected_5vxg7,
+    .calendar__button_5vxg7.calendar__selected_5vxg7:disabled {
         background-color: var(--color-light-bg-primary-inverted);
         color: var(--color-light-text-primary-inverted)
     }
-.calendar__button_1nlx4.calendar__selected_1nlx4:not(:disabled):hover, .calendar__button_1nlx4.calendar__selected_1nlx4:disabled:not(:disabled):hover {
+.calendar__button_5vxg7.calendar__selected_5vxg7:not(:disabled):hover, .calendar__button_5vxg7.calendar__selected_5vxg7:disabled:not(:disabled):hover {
             background-color: var(--color-light-bg-primary-inverted);
             color: var(--color-light-text-primary-inverted);
         }
-.calendar__button_1nlx4 > * {
+.calendar__button_5vxg7 > * {
         flex-grow: 1;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-1ab8fd62.js';
+import '../../tslib.es6-7bbceec3.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

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

@@ -1,11 +1,11 @@
-import { _ as __assign } from '../../tslib.es6-1ab8fd62.js';
+import { _ as __assign } from '../../tslib.es6-7bbceec3.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import 'classnames';
 import { isSameYear, isThisYear } from 'date-fns';
 import '../../../../button/esm';
 import { SelectButton } from '../select-button/Component.js';
 
-var styles = {"yearsTable":"calendar__yearsTable_1m398","inner":"calendar__inner_1m398","button":"calendar__button_1m398"};
+var styles = {"yearsTable":"calendar__yearsTable_4d9k1","inner":"calendar__inner_4d9k1","button":"calendar__button_4d9k1"};
 require('./index.css');
 
 var YearsTable = function (_a) {

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

@@ -32,14 +32,14 @@
 
     /* marker */
 }
-.calendar__yearsTable_1m398 {
+.calendar__yearsTable_4d9k1 {
     overflow: auto;
     overflow-x: hidden;
     width: 100%;
     margin-bottom: var(--gap-m-neg);
     padding-top: 6px;
 }
-.calendar__inner_1m398 {
+.calendar__inner_4d9k1 {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
@@ -49,10 +49,10 @@
     left: 13px;
     overflow: hidden;
 }
-.calendar__button_1m398 {
+.calendar__button_4d9k1 {
     width: var(--calendar-selector-button-width);
     margin: 0 3px var(--gap-xs)
 }
-.calendar__button_1m398:nth-last-child(-n + 3) {
+.calendar__button_4d9k1:nth-last-child(-n + 3) {
         margin-bottom: 0;
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-1ab8fd62.js';
+import '../../tslib.es6-7bbceec3.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/index.css

@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__component_1yy86 {
+.calendar__component_etkyf {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -40,7 +40,7 @@
     overflow: hidden;
     outline: none;
 }
-.calendar__container_1yy86 {
+.calendar__container_etkyf {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -49,6 +49,6 @@
     flex-grow: 1;
     overflow: hidden;
 }
-.calendar__sixWeeks_1yy86 {
+.calendar__sixWeeks_etkyf {
     height: 379px;
 }

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-1ab8fd62.js';
+import './tslib.es6-7bbceec3.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/index.css

@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__component_1yy86 {
+.calendar__component_etkyf {
     width: var(--calendar-width);
     height: var(--calendar-height);
     display: flex;
@@ -40,7 +40,7 @@
     overflow: hidden;
     outline: none;
 }
-.calendar__container_1yy86 {
+.calendar__container_etkyf {
     display: flex;
     flex-direction: column;
     align-items: center;
@@ -49,6 +49,6 @@
     flex-grow: 1;
     overflow: hidden;
 }
-.calendar__sixWeeks_1yy86 {
+.calendar__sixWeeks_etkyf {
     height: 379px;
 }

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-84d2186b.js');
+require('./tslib.es6-81700d03.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/modern/Component.js

@@ -13,7 +13,7 @@ import { MonthsTable } from './components/months-table/Component.js';
 import { YearsTable } from './components/years-table/Component.js';
 import { useCalendar } from './useCalendar.js';
 
-var styles = {"component":"calendar__component_1yy86","container":"calendar__container_1yy86","sixWeeks":"calendar__sixWeeks_1yy86"};
+var styles = {"component":"calendar__component_etkyf","container":"calendar__container_etkyf","sixWeeks":"calendar__sixWeeks_etkyf"};
 require('./index.css');
 
 const Calendar = forwardRef(({ className, defaultView = 'days', selectorView = 'full', value, month: monthTimestamp, minDate: minDateTimestamp, maxDate: maxDateTimestamp, defaultMonth: defaultMonthTimestamp = +new Date(), selectedFrom, selectedTo, offDays, events, onChange, onMonthChange, dataTestId, }, ref) => {

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

@@ -6,7 +6,7 @@ import { TransitionGroup, CSSTransition } from 'react-transition-group';
 import { Button } from '../../../../button/modern';
 import { getSelectionRange, WEEKDAYS } from '../../utils.js';
 
-var styles = {"daysTable":"calendar__daysTable_u33y4","transitLeft":"calendar__transitLeft_u33y4","transitRight":"calendar__transitRight_u33y4","dayName":"calendar__dayName_u33y4","day":"calendar__day_u33y4","event":"calendar__event_u33y4","today":"calendar__today_u33y4","highlighted":"calendar__highlighted_u33y4","disabled":"calendar__disabled_u33y4","range":"calendar__range_u33y4","selected":"calendar__selected_u33y4","rangeStart":"calendar__rangeStart_u33y4","firstDay":"calendar__firstDay_u33y4","lastDay":"calendar__lastDay_u33y4","left":"calendar__left_u33y4","daysEnter":"calendar__daysEnter_u33y4","daysEnterActive":"calendar__daysEnterActive_u33y4","daysExit":"calendar__daysExit_u33y4","daysExitActive":"calendar__daysExitActive_u33y4","right":"calendar__right_u33y4"};
+var styles = {"daysTable":"calendar__daysTable_134vm","transitLeft":"calendar__transitLeft_134vm","transitRight":"calendar__transitRight_134vm","dayName":"calendar__dayName_134vm","day":"calendar__day_134vm","event":"calendar__event_134vm","today":"calendar__today_134vm","highlighted":"calendar__highlighted_134vm","disabled":"calendar__disabled_134vm","range":"calendar__range_134vm","selected":"calendar__selected_134vm","rangeStart":"calendar__rangeStart_134vm","firstDay":"calendar__firstDay_134vm","lastDay":"calendar__lastDay_134vm","left":"calendar__left_134vm","daysEnter":"calendar__daysEnter_134vm","daysEnterActive":"calendar__daysEnterActive_134vm","daysExit":"calendar__daysExit_134vm","daysExitActive":"calendar__daysExitActive_134vm","right":"calendar__right_134vm"};
 require('./index.css');
 
 const DaysTable = ({ weeks = [], activeMonth = new Date(), highlighted, selectedFrom, selectedTo, getDayProps, }) => {