@alfalab/core-components 23.3.0 → 23.6.0-beta.0

package/calendar/Component.js

@@ -1,18 +1,20 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-1f1b8ecf.js');
+var tslib_es6 = require('./tslib.es6-cf13d2c0.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');
 var hooks = require('@alfalab/hooks');
-require('../button');
-require('./components/select-button/Component.js');
 var components_header_Component = require('./components/header/Component.js');
+require('../button');
 require('react-transition-group');
 var utils = require('./utils.js');
 var components_daysTable_Component = require('./components/days-table/Component.js');
+require('./components/select-button/Component.js');
 var components_monthsTable_Component = require('./components/months-table/Component.js');
 var components_yearsTable_Component = require('./components/years-table/Component.js');
+require('./components/period-slider/utils.js');
+var components_periodSlider_Component = require('./components/period-slider/Component.js');
 require('react-merge-refs');
 var useCalendar = require('./useCalendar.js');
 
@@ -21,7 +23,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"component":"calendar__component_1qlqc","container":"calendar__container_1qlqc","sixWeeks":"calendar__sixWeeks_1qlqc"};
+var styles = {"component":"calendar__component_n1cpg","container":"calendar__container_n1cpg","sixWeeks":"calendar__sixWeeks_n1cpg","period":"calendar__period_n1cpg"};
 require('./index.css');
 
 var Calendar = React.forwardRef(function (_a, ref) {
@@ -89,7 +91,8 @@ var Calendar = React.forwardRef(function (_a, ref) {
     return (React__default['default'].createElement("div", tslib_es6.__assign({}, getRootProps({ ref: ref }), { className: cn__default['default'](styles.component, className, (_b = {},
             _b[styles.sixWeeks] = weeks.length === 6,
             _b)), "data-test-id": dataTestId }),
-        React__default['default'].createElement(components_header_Component.Header, { month: utils.monthName(activeMonth), year: activeMonth.getFullYear().toString(), prevArrowVisible: canSetPrevMonth, nextArrowVisible: canSetNextMonth, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onMonthClick: handleMonthClick, onYearClick: handleYearClick, view: selectorView, withShadow: scrolled }),
+        React__default['default'].createElement(components_header_Component.Header, { view: selectorView, withShadow: scrolled },
+            React__default['default'].createElement(components_periodSlider_Component.PeriodSlider, { className: styles.period, value: activeMonth, periodType: 'month', prevArrowDisabled: !canSetPrevMonth, nextArrowDisabled: !canSetNextMonth, hideDisabledArrows: true, onPrevArrowClick: handlePrevArrowClick, onNextArrowClick: handleNextArrowClick, onMonthClick: handleMonthClick, onYearClick: handleYearClick, view: selectorView === 'month-only' ? 'period' : 'full' })),
         React__default['default'].createElement("div", { className: styles.container },
             view === 'days' && (React__default['default'].createElement(components_daysTable_Component.DaysTable, { weeks: weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted })),
             view === 'months' && (React__default['default'].createElement(components_monthsTable_Component.MonthsTable, { selectedMonth: activeMonth, months: months, getMonthProps: getMonthProps })),

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-1f1b8ecf.js');
+var tslib_es6 = require('../../tslib.es6-cf13d2c0.js');
 var React = require('react');
 var cn = require('classnames');
 var dateFns = require('date-fns');
@@ -14,7 +14,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"daysTable":"calendar__daysTable_1cva9","transitLeft":"calendar__transitLeft_1cva9","transitRight":"calendar__transitRight_1cva9","dayName":"calendar__dayName_1cva9","day":"calendar__day_1cva9","event":"calendar__event_1cva9","today":"calendar__today_1cva9","highlighted":"calendar__highlighted_1cva9","disabled":"calendar__disabled_1cva9","range":"calendar__range_1cva9","selected":"calendar__selected_1cva9","rangeStart":"calendar__rangeStart_1cva9","firstDay":"calendar__firstDay_1cva9","lastDay":"calendar__lastDay_1cva9","left":"calendar__left_1cva9","daysEnter":"calendar__daysEnter_1cva9","daysEnterActive":"calendar__daysEnterActive_1cva9","daysExit":"calendar__daysExit_1cva9","daysExitActive":"calendar__daysExitActive_1cva9","right":"calendar__right_1cva9"};
+var styles = {"daysTable":"calendar__daysTable_9awmm","transitLeft":"calendar__transitLeft_9awmm","transitRight":"calendar__transitRight_9awmm","dayName":"calendar__dayName_9awmm","day":"calendar__day_9awmm","event":"calendar__event_9awmm","today":"calendar__today_9awmm","highlighted":"calendar__highlighted_9awmm","disabled":"calendar__disabled_9awmm","range":"calendar__range_9awmm","selected":"calendar__selected_9awmm","rangeStart":"calendar__rangeStart_9awmm","firstDay":"calendar__firstDay_9awmm","lastDay":"calendar__lastDay_9awmm","left":"calendar__left_9awmm","daysEnter":"calendar__daysEnter_9awmm","daysEnterActive":"calendar__daysEnterActive_9awmm","daysExit":"calendar__daysExit_9awmm","daysExitActive":"calendar__daysExitActive_9awmm","right":"calendar__right_9awmm"};
 require('./index.css');
 
 var DaysTable = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: 8glix */
+/* hash: 1scz3 */
 :root {
     --color-static-graphic-solitude: #e8f2fe;
 }
@@ -60,38 +60,38 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-tertiary);
 }
-.calendar__daysTable_1cva9 {
+.calendar__daysTable_9awmm {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_1cva9 th {
+.calendar__daysTable_9awmm th {
         padding: 0;
     }
-.calendar__daysTable_1cva9 td {
+.calendar__daysTable_9awmm td {
         padding: var(--gap-2xs) 0 0
     }
-.calendar__daysTable_1cva9 td:first-child .calendar__transitLeft_1cva9 {
+.calendar__daysTable_9awmm td:first-child .calendar__transitLeft_9awmm {
             background: linear-gradient(
                 270deg,
                 var(--calendar-range-background) 0%,
                 var(--color-light-specialbg-nulled) 100%
             )
         }
-.calendar__daysTable_1cva9 td:first-child .calendar__transitLeft_1cva9:after {
+.calendar__daysTable_9awmm td:first-child .calendar__transitLeft_9awmm:after {
                 display: none;
             }
-.calendar__daysTable_1cva9 td:last-child .calendar__transitRight_1cva9 {
+.calendar__daysTable_9awmm td:last-child .calendar__transitRight_9awmm {
             background: linear-gradient(
                 270deg,
                 var(--color-light-specialbg-nulled) 0%,
                 var(--calendar-range-background) 100%
             )
         }
-.calendar__daysTable_1cva9 td:last-child .calendar__transitRight_1cva9:after {
+.calendar__daysTable_9awmm td:last-child .calendar__transitRight_9awmm:after {
                 display: none;
             }
-.calendar__dayName_1cva9 {
+.calendar__dayName_9awmm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -100,11 +100,11 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_1cva9 {
+.calendar__dayName_9awmm {
         height: 36px
 }
     }
-.calendar__day_1cva9 {
+.calendar__day_9awmm {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -121,12 +121,12 @@
     color: var(--color-light-text-primary)
 }
 @media (max-width: 374px) {
-.calendar__day_1cva9 {
+.calendar__day_9awmm {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_1cva9.calendar__event_1cva9:before {
+.calendar__day_9awmm.calendar__event_9awmm:before {
             content: '';
             display: block;
             position: absolute;
@@ -136,10 +136,10 @@
             border-radius: var(--border-radius-circle);
             background: var(--calendar-marker-background);
         }
-.calendar__day_1cva9.calendar__today_1cva9 {
+.calendar__day_9awmm.calendar__today_9awmm {
         font-weight: bold
     }
-.calendar__day_1cva9.calendar__today_1cva9 span:after {
+.calendar__day_9awmm.calendar__today_9awmm span:after {
             content: '';
             border: 1px solid var(--calendar-today-border-color);
             position: absolute;
@@ -150,32 +150,32 @@
             border-radius: var(--calendar-day-border-radius);
             box-sizing: border-box;
         }
-.calendar__day_1cva9.calendar__highlighted_1cva9 {
+.calendar__day_9awmm.calendar__highlighted_9awmm {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_1cva9.calendar__disabled_1cva9 {
+.calendar__day_9awmm.calendar__disabled_9awmm {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_1cva9.calendar__range_1cva9 {
+.calendar__day_9awmm.calendar__range_9awmm {
         color: var(--calendar-range-color);
         background: var(--calendar-range-background);
         border-radius: 0;
     }
-.calendar__day_1cva9.calendar__selected_1cva9,
-    .calendar__day_1cva9.calendar__disabled_1cva9.calendar__selected_1cva9 {
+.calendar__day_9awmm.calendar__selected_9awmm,
+    .calendar__day_9awmm.calendar__disabled_9awmm.calendar__selected_9awmm {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
         cursor: default;
     }
-.calendar__day_1cva9.calendar__rangeStart_1cva9 {
+.calendar__day_9awmm.calendar__rangeStart_9awmm {
         cursor: pointer;
     }
-.calendar__day_1cva9.calendar__firstDay_1cva9:after, .calendar__day_1cva9.calendar__lastDay_1cva9:after {
+.calendar__day_9awmm.calendar__firstDay_9awmm:after, .calendar__day_9awmm.calendar__lastDay_9awmm:after {
             transition: opacity 0.2s ease;
             content: '';
             position: absolute;
@@ -185,7 +185,7 @@
             opacity: 0;
             pointer-events: none;
         }
-.calendar__day_1cva9.calendar__firstDay_1cva9:after {
+.calendar__day_9awmm.calendar__firstDay_9awmm:after {
             right: 100%;
             background: linear-gradient(
                 270deg,
@@ -193,7 +193,7 @@
                 var(--color-light-specialbg-nulled) 100%
             );
         }
-.calendar__day_1cva9.calendar__lastDay_1cva9:after {
+.calendar__day_9awmm.calendar__lastDay_9awmm:after {
             left: 100%;
             background: linear-gradient(
                 270deg,
@@ -201,52 +201,52 @@
                 var(--calendar-range-background) 100%
             );
         }
-.calendar__day_1cva9.calendar__transitLeft_1cva9:after, .calendar__day_1cva9.calendar__transitRight_1cva9:after {
+.calendar__day_9awmm.calendar__transitLeft_9awmm:after, .calendar__day_9awmm.calendar__transitRight_9awmm:after {
             opacity: 1;
         }
-.calendar__day_1cva9:focus {
+.calendar__day_9awmm:focus {
         z-index: 1;
     }
-.calendar__left_1cva9 .calendar__daysEnter_1cva9 {
+.calendar__left_9awmm .calendar__daysEnter_9awmm {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_1cva9 .calendar__daysEnterActive_1cva9 {
+.calendar__left_9awmm .calendar__daysEnterActive_9awmm {
         transform: translateX(0%);
     }
-.calendar__left_1cva9 .calendar__daysExit_1cva9 {
+.calendar__left_9awmm .calendar__daysExit_9awmm {
         transform: translateX(0%);
     }
-.calendar__left_1cva9 .calendar__daysExitActive_1cva9 {
+.calendar__left_9awmm .calendar__daysExitActive_9awmm {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1cva9 .calendar__daysEnter_1cva9 {
+.calendar__right_9awmm .calendar__daysEnter_9awmm {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1cva9 .calendar__daysEnterActive_1cva9 {
+.calendar__right_9awmm .calendar__daysEnterActive_9awmm {
         transform: translateX(0%);
     }
-.calendar__right_1cva9 .calendar__daysExit_1cva9 {
+.calendar__right_9awmm .calendar__daysExit_9awmm {
         transform: translateX(0%);
     }
-.calendar__right_1cva9 .calendar__daysExitActive_1cva9 {
+.calendar__right_9awmm .calendar__daysExitActive_9awmm {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__daysEnter_1cva9 {
+.calendar__daysEnter_9awmm {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_1cva9 {
+.calendar__daysEnterActive_9awmm {
     opacity: 1;
 }
-.calendar__daysExit_1cva9 {
+.calendar__daysExit_9awmm {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_1cva9 {
+.calendar__daysExitActive_9awmm {
     opacity: 0;
 }
-.calendar__daysEnterActive_1cva9,
-.calendar__daysExitActive_1cva9 {
+.calendar__daysEnterActive_9awmm,
+.calendar__daysExitActive_9awmm {
     transition: opacity 300ms, transform 300ms;
 }

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

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

package/calendar/components/header/Component.d.ts

@@ -1,14 +1,6 @@
-import { FC, MouseEvent } from 'react';
+import { FC } from 'react';
 import { SelectorView } from "../../typings";
 type HeaderProps = {
-    /**
-     * Выбранный месяц
-     */
-    month?: string;
-    /**
-     * Выбранный год
-     */
-    year?: string;
     /**
      * Вид шапки — месяц и год или только месяц
      */
@@ -17,30 +9,6 @@ type HeaderProps = {
      * Отображать тень? (нужна при прокрутке)
      */
     withShadow?: boolean;
-    /**
-     * Показывать кнопку переключения на пред. месяц?
-     */
-    prevArrowVisible?: boolean;
-    /**
-     * Показывать кнопку переключения на след. месяц?
-     */
-    nextArrowVisible?: boolean;
-    /**
-     * Обработчик нажатия кнопки переключения на пред. месяц
-     */
-    onPrevArrowClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия кнопки переключения на след. месяц
-     */
-    onNextArrowClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на кнопку месяца
-     */
-    onMonthClick?: (event: MouseEvent<HTMLButtonElement>) => void;
-    /**
-     * Обработчик нажатия на кнопку года
-     */
-    onYearClick?: (event: MouseEvent<HTMLButtonElement>) => void;
 };
 declare const Header: FC<HeaderProps>;
 export { HeaderProps, Header };

package/calendar/components/header/Component.js

@@ -1,38 +1,23 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-1f1b8ecf.js');
 var React = require('react');
 var cn = require('classnames');
-var coreComponentsButton = require('../../../button');
-var components_selectButton_Component = require('../select-button/Component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"calendar__header_13n88","withShadow":"calendar__withShadow_13n88","inner":"calendar__inner_13n88","month":"calendar__month_13n88","year":"calendar__year_13n88","buttonContent":"calendar__buttonContent_13n88","monthOnly":"calendar__monthOnly_13n88","upDownIcon":"calendar__upDownIcon_13n88","arrow":"calendar__arrow_13n88"};
+var styles = {"header":"calendar__header_2ulw4","withShadow":"calendar__withShadow_2ulw4","monthOnly":"calendar__monthOnly_2ulw4"};
 require('./index.css');
 
 var Header = function (_a) {
     var _b;
-    var month = _a.month, year = _a.year, _c = _a.view, view = _c === void 0 ? 'full' : _c, withShadow = _a.withShadow, _d = _a.prevArrowVisible, prevArrowVisible = _d === void 0 ? true : _d, _e = _a.nextArrowVisible, nextArrowVisible = _e === void 0 ? true : _e, onPrevArrowClick = _a.onPrevArrowClick, onNextArrowClick = _a.onNextArrowClick, onMonthClick = _a.onMonthClick, onYearClick = _a.onYearClick;
+    var _c = _a.view, view = _c === void 0 ? 'full' : _c, withShadow = _a.withShadow, children = _a.children;
     return (React__default['default'].createElement("div", { className: cn__default['default'](styles.header, (_b = {},
             _b[styles.monthOnly] = view === 'month-only',
             _b[styles.withShadow] = withShadow,
-            _b)), "aria-live": 'polite' },
-        React__default['default'].createElement("div", { className: styles.inner },
-            prevArrowVisible && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles.arrow, onClick: onPrevArrowClick, "aria-label": '\u041F\u0440\u0435\u0434\u044B\u0434\u0443\u0449\u0438\u0439 \u043C\u0435\u0441\u044F\u0446' })),
-            view === 'full' ? (React__default['default'].createElement(React__default['default'].Fragment, null,
-                React__default['default'].createElement(components_selectButton_Component.SelectButton, { view: 'filled', className: cn__default['default'](styles.button, styles.month), onClick: onMonthClick },
-                    React__default['default'].createElement("span", { className: styles.buttonContent },
-                        month,
-                        React__default['default'].createElement("span", { className: styles.upDownIcon }))),
-                React__default['default'].createElement(components_selectButton_Component.SelectButton, { view: 'filled', className: cn__default['default'](styles.button, styles.year), onClick: onYearClick },
-                    React__default['default'].createElement("span", { className: styles.buttonContent },
-                        year,
-                        React__default['default'].createElement("span", { className: styles.upDownIcon }))))) : (React__default['default'].createElement("span", { className: cn__default['default'](styles.button, styles.month) }, month)),
-            nextArrowVisible && (React__default['default'].createElement(coreComponentsButton.Button, { view: 'ghost', className: styles.arrow, onClick: onNextArrowClick, "aria-label": '\u0421\u043B\u0435\u0434\u0443\u044E\u0449\u0438\u0439 \u043C\u0435\u0441\u044F\u0446' })))));
+            _b)), "aria-live": 'polite' }, children));
 };
 
 exports.Header = Header;

package/calendar/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 13m98 */
+/* hash: 11gfm */
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 
@@ -9,27 +9,17 @@
     /* Hard up */
 }
 :root {
-    --gap-xs: 8px;
     --gap-s: 12px;
     --gap-m: 16px;
     --gap-2xl: 32px;
 }
-:root {
-    --font-family-system: system-ui, -apple-system, 'Segoe UI', Roboto, 'Helvetica Neue', Helvetica,
-        sans-serif;
-}
 :root {
 
     /* Кнопки выбора месяцев и годов */
 
     /* Шапка */
-    --calendar-arrow-background: url('https://alfabank.gcdn.co/icons/icon_arrow-left_m_black.svg');
-    --calendar-select-icon-background: url('https://alfabank.gcdn.co/icons/icon_arrow-select_m_black.svg');
     --calendar-header-paddings: var(--gap-m) var(--gap-m) var(--gap-s);
     --calendar-month-only-header-paddings: var(--gap-m) var(--gap-2xl) var(--gap-s);
-    --calendar-month-only-header-font-family: var(--font-family-system);
-    --calendar-month-only-header-font-size: 16px;
-    --calendar-month-only-header-font-weight: 400;
 
     /* День */
 
@@ -45,93 +35,15 @@
 
     /* marker */
 }
-.calendar__header_13n88 {
+.calendar__header_2ulw4 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--calendar-header-paddings);
     transition: box-shadow 0.2s ease;
 }
-.calendar__withShadow_13n88 {
+.calendar__withShadow_2ulw4 {
     box-shadow: var(--shadow-s);
 }
-.calendar__inner_13n88 {
-    position: relative;
-    height: 40px;
-    display: flex;
-    align-items: center;
-    justify-content: center
-}
-@media (max-width: 374px) {
-.calendar__inner_13n88 {
-        justify-content: space-between;
-        width: 256px;
-        margin: 0 auto
-}
-    }
-.calendar__month_13n88 {
-    width: 131px
-}
-@media (max-width: 374px) {
-.calendar__month_13n88 {
-        width: auto;
-        flex-grow: 1
-}
-    }
-.calendar__year_13n88 {
-    width: 105px;
-
-    margin-left: var(--gap-xs)
-}
-@media (max-width: 374px) {
-.calendar__year_13n88 {
-        width: 90px
-}
-    }
-.calendar__buttonContent_13n88 {
-    width: 100%;
-    display: flex;
-    align-items: center;
-    justify-content: space-between;
-}
-.calendar__monthOnly_13n88 {
-    padding: var(--calendar-month-only-header-paddings)
-}
-.calendar__monthOnly_13n88 .calendar__month_13n88 {
-        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;
-
-        width: auto;
-    }
-.calendar__upDownIcon_13n88 {
-    display: block;
-    background: var(--calendar-select-icon-background);
-    width: 24px;
-    height: 24px;
-    margin-left: var(--gap-xs)
-}
-@media (max-width: 374px) {
-.calendar__upDownIcon_13n88 {
-        margin-left: auto
-}
-    }
-.calendar__arrow_13n88 {
-    position: absolute;
-    width: 24px;
-    height: 24px;
-    top: 8px;
-    background: var(--calendar-arrow-background)
-}
-.calendar__arrow_13n88:first-child {
-        left: 0;
-    }
-.calendar__arrow_13n88:last-child {
-        right: 0;
-        transform: rotateY(180deg);
-    }
-@media (max-width: 374px) {
-.calendar__arrow_13n88 {
-        display: none
+.calendar__monthOnly_2ulw4 {
+    padding: var(--calendar-month-only-header-paddings);
 }
-    }

package/calendar/components/header/index.js

@@ -1,10 +1,7 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-1f1b8ecf.js');
 require('react');
 require('classnames');
-require('../../../button');
-require('../select-button/Component.js');
 var components_header_Component = require('./Component.js');
 
 

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

@@ -1,18 +1,18 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-1f1b8ecf.js');
+var tslib_es6 = require('../../tslib.es6-cf13d2c0.js');
 var React = require('react');
 require('classnames');
 var dateFns = require('date-fns');
 require('../../../button');
-var components_selectButton_Component = require('../select-button/Component.js');
 var utils = require('../../utils.js');
+var components_selectButton_Component = require('../select-button/Component.js');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"monthsTable":"calendar__monthsTable_1egcr","button":"calendar__button_1egcr"};
+var styles = {"monthsTable":"calendar__monthsTable_izmcd","button":"calendar__button_izmcd"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -1,4 +1,4 @@
-/* hash: pkp1y */
+/* hash: afyk2 */
 :root {
 
     /* Hard */
@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__monthsTable_1egcr {
+.calendar__monthsTable_izmcd {
     display: flex;
     flex-wrap: wrap;
     width: 318px;
@@ -40,20 +40,20 @@
     justify-content: flex-start
 }
 @media (max-width: 374px) {
-.calendar__monthsTable_1egcr {
+.calendar__monthsTable_izmcd {
         /* 2 кнопки по 125px + 2 отступа по 6px */
         width: 262px
 }
     }
-.calendar__button_1egcr {
+.calendar__button_izmcd {
     width: var(--calendar-selector-button-width);
     margin: 0 3px var(--gap-xs)
 }
-.calendar__button_1egcr:nth-last-child(-n + 3) {
+.calendar__button_izmcd:nth-last-child(-n + 3) {
         margin-bottom: 0;
     }
 @media (max-width: 374px) {
-.calendar__button_1egcr {
+.calendar__button_izmcd {
         margin: 0 3px var(--gap-2xs);
         width: 125px;
         height: 36px

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

@@ -1,12 +1,12 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-1f1b8ecf.js');
+require('../../tslib.es6-cf13d2c0.js');
 require('react');
 require('classnames');
 require('date-fns');
 require('../../../button');
-require('../select-button/Component.js');
 require('../../utils.js');
+require('../select-button/Component.js');
 var components_monthsTable_Component = require('./Component.js');