@alfalab/core-components 26.10.0 → 27.0.0-beta.0

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

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

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-d6279673.js');
+require('../../tslib.es6-9016aae0.js');
 require('react');
 require('classnames');
 require('../../../button');

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

@@ -2,9 +2,9 @@
     --color-static-graphic-solitude: #e8f2fe;
 }
 :root {
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
     --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
     --color-light-text-link: #007aff;
@@ -44,7 +44,7 @@
 
     /* highlighted */
     --calendar-highlighted-color: var(--color-light-text-primary);
-    --calendar-highlighted-background: var(--color-light-graphic-neutral);
+    --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
     /* range */
     --calendar-range-color: var(--color-light-text-primary);

package/calendar/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-85c3732c.js';
+import { _ as __assign } from './tslib.es6-cc88169d.js';
 import React, { forwardRef, useState, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import startOfDay from 'date-fns/startOfDay';
@@ -60,7 +60,7 @@ import { useCalendar } from './useCalendar.js';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import { MonthYearHeader } from './components/month-year-header/Component.js';
 
-var styles = {"component":"calendar__component_1yxg1","container":"calendar__container_1yxg1","sixWeeks":"calendar__sixWeeks_1yxg1","period":"calendar__period_1yxg1","monthYear":"calendar__monthYear_1yxg1"};
+var styles = {"component":"calendar__component_1xft2","container":"calendar__container_1xft2","sixWeeks":"calendar__sixWeeks_1xft2","period":"calendar__period_1xft2","monthYear":"calendar__monthYear_1xft2"};
 require('./index.css');
 
 var Calendar = forwardRef(function (_a, ref) {

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-85c3732c.js';
+import { _ as __assign } from '../../tslib.es6-cc88169d.js';
 import React, { useRef, useCallback } from 'react';
 import cn from 'classnames';
 import 'date-fns/startOfDay';
@@ -31,7 +31,7 @@ import 'date-fns/format';
 import 'date-fns/parse';
 import { getSelectionRange, WEEKDAYS } from '../../utils.js';
 
-var styles = {"daysTable":"calendar__daysTable_12apn","dayName":"calendar__dayName_12apn","day":"calendar__day_12apn","highlighted":"calendar__highlighted_12apn","range":"calendar__range_12apn","disabled":"calendar__disabled_12apn","today":"calendar__today_12apn","rangeComplete":"calendar__rangeComplete_12apn","selected":"calendar__selected_12apn","dayWrapper":"calendar__dayWrapper_12apn","rangeEnd":"calendar__rangeEnd_12apn","rangeStart":"calendar__rangeStart_12apn","transitLeft":"calendar__transitLeft_12apn","transitRight":"calendar__transitRight_12apn","left":"calendar__left_12apn","daysEnter":"calendar__daysEnter_12apn","daysEnterActive":"calendar__daysEnterActive_12apn","daysExit":"calendar__daysExit_12apn","daysExitActive":"calendar__daysExitActive_12apn","right":"calendar__right_12apn","dot":"calendar__dot_12apn"};
+var styles = {"daysTable":"calendar__daysTable_1r7ml","dayName":"calendar__dayName_1r7ml","day":"calendar__day_1r7ml","highlighted":"calendar__highlighted_1r7ml","range":"calendar__range_1r7ml","disabled":"calendar__disabled_1r7ml","today":"calendar__today_1r7ml","rangeComplete":"calendar__rangeComplete_1r7ml","selected":"calendar__selected_1r7ml","dayWrapper":"calendar__dayWrapper_1r7ml","rangeEnd":"calendar__rangeEnd_1r7ml","rangeStart":"calendar__rangeStart_1r7ml","transitLeft":"calendar__transitLeft_1r7ml","transitRight":"calendar__transitRight_1r7ml","left":"calendar__left_1r7ml","daysEnter":"calendar__daysEnter_1r7ml","daysEnterActive":"calendar__daysEnterActive_1r7ml","daysExit":"calendar__daysExit_1r7ml","daysExitActive":"calendar__daysExitActive_1r7ml","right":"calendar__right_1r7ml","dot":"calendar__dot_1r7ml"};
 require('./index.css');
 
 var DaysTable = function (_a) {

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

@@ -3,9 +3,9 @@
     --color-static-graphic-solitude: #e8f2fe;
 }
 :root {
-    --color-light-graphic-neutral: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
     --color-light-graphic-primary-inverted: #fff;
+    --color-light-graphic-quaternary: #dbdee1;
     --color-light-specialbg-component: rgba(11, 31, 53, 0.07);
     --color-light-specialbg-nulled: rgba(255, 255, 255, 0);
     --color-light-text-link: #007aff;
@@ -45,7 +45,7 @@
 
     /* highlighted */
     --calendar-highlighted-color: var(--color-light-text-primary);
-    --calendar-highlighted-background: var(--color-light-graphic-neutral);
+    --calendar-highlighted-background: var(--color-light-graphic-quaternary);
 
     /* range */
     --calendar-range-color: var(--color-light-text-primary);
@@ -65,18 +65,18 @@
     --calendar-marker-background: var(--color-light-graphic-primary);
     --calendar-marker-selected-background: var(--color-light-graphic-primary-inverted);
 }
-.calendar__daysTable_12apn {
+.calendar__daysTable_1r7ml {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_12apn th {
+.calendar__daysTable_1r7ml th {
         padding: 0;
     }
-.calendar__daysTable_12apn td {
+.calendar__daysTable_1r7ml td {
         padding: var(--gap-2xs) 0 0;
     }
-.calendar__dayName_12apn {
+.calendar__dayName_1r7ml {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -85,11 +85,11 @@
     color: var(--color-light-text-secondary)
 }
 @media (max-width: 374px) {
-.calendar__dayName_12apn {
+.calendar__dayName_1r7ml {
         height: 36px
 }
     }
-.calendar__day_12apn {
+.calendar__day_1r7ml {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -107,46 +107,46 @@
     z-index: 1
 }
 @media (max-width: 374px) {
-.calendar__day_12apn {
+.calendar__day_1r7ml {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_12apn.calendar__highlighted_12apn,
-    .calendar__day_12apn.calendar__range_12apn.calendar__highlighted_12apn:not(.calendar__disabled_12apn) {
+.calendar__day_1r7ml.calendar__highlighted_1r7ml,
+    .calendar__day_1r7ml.calendar__range_1r7ml.calendar__highlighted_1r7ml:not(.calendar__disabled_1r7ml) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_12apn.calendar__disabled_12apn {
+.calendar__day_1r7ml.calendar__disabled_1r7ml {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_12apn.calendar__today_12apn {
+.calendar__day_1r7ml.calendar__today_1r7ml {
         font-weight: bold;
         color: var(--calendar-today-color);
     }
-.calendar__day_12apn.calendar__rangeComplete_12apn {
+.calendar__day_1r7ml.calendar__rangeComplete_1r7ml {
         background: var(--calendar-range-complete-background);
     }
-.calendar__day_12apn.calendar__selected_12apn,
-    .calendar__day_12apn.calendar__disabled_12apn.calendar__selected_12apn {
+.calendar__day_1r7ml.calendar__selected_1r7ml,
+    .calendar__day_1r7ml.calendar__disabled_1r7ml.calendar__selected_1r7ml {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
-.calendar__day_12apn.calendar__selected_12apn:hover {
+.calendar__day_1r7ml.calendar__selected_1r7ml:hover {
             background: var(--calendar-selected-hover-background);
         }
-.calendar__day_12apn:focus {
+.calendar__day_1r7ml:focus {
         z-index: 1;
     }
 /* RANGE */
-.calendar__dayWrapper_12apn {
+.calendar__dayWrapper_1r7ml {
     position: relative
 }
-.calendar__dayWrapper_12apn:before {
+.calendar__dayWrapper_1r7ml:before {
         content: '';
         display: block;
         position: absolute;
@@ -155,34 +155,34 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__range_12apn .calendar__day_12apn:not(.calendar__selected_12apn):not(.calendar__disabled_12apn):not(.calendar__today_12apn) {
+.calendar__range_1r7ml .calendar__day_1r7ml:not(.calendar__selected_1r7ml):not(.calendar__disabled_1r7ml):not(.calendar__today_1r7ml) {
         color: var(--calendar-range-color);
     }
-.calendar__range_12apn:before {
+.calendar__range_1r7ml:before {
         background: var(--calendar-range-background);
     }
-.calendar__rangeEnd_12apn:before {
+.calendar__rangeEnd_1r7ml:before {
         border-bottom-right-radius: 50%;
         border-top-right-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeEnd_12apn:after {
+.calendar__rangeEnd_1r7ml:after {
         opacity: 0;
     }
-.calendar__rangeStart_12apn:before {
+.calendar__rangeStart_1r7ml:before {
         left: auto;
         right: 0;
         border-bottom-left-radius: 50%;
         border-top-left-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeStart_12apn:after {
+.calendar__rangeStart_1r7ml:after {
         opacity: 0;
     }
-.calendar__rangeComplete_12apn:before {
+.calendar__rangeComplete_1r7ml:before {
         background: var(--calendar-range-complete-background);
     }
-.calendar__transitLeft_12apn:after, .calendar__transitRight_12apn:after {
+.calendar__transitLeft_1r7ml:after, .calendar__transitRight_1r7ml:after {
         content: '';
         position: absolute;
         display: block;
@@ -191,7 +191,7 @@
         bottom: 0;
         pointer-events: none;
     }
-.calendar__transitLeft_12apn:after {
+.calendar__transitLeft_1r7ml:after {
         right: 100%;
         background: linear-gradient(
             270deg,
@@ -199,13 +199,13 @@
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__transitLeft_12apn:first-child:before {
+.calendar__transitLeft_1r7ml:first-child:before {
             opacity: 0;
         }
-.calendar__transitLeft_12apn:first-child:after {
+.calendar__transitLeft_1r7ml:first-child:after {
             right: 0;
         }
-.calendar__transitRight_12apn:after {
+.calendar__transitRight_1r7ml:after {
         left: 100%;
         background: linear-gradient(
             270deg,
@@ -213,20 +213,20 @@
             var(--calendar-range-background) 100%
         );
     }
-.calendar__transitRight_12apn:last-child:before {
+.calendar__transitRight_1r7ml:last-child:before {
             opacity: 0;
         }
-.calendar__transitRight_12apn:last-child:after {
+.calendar__transitRight_1r7ml:last-child:after {
             left: 0;
         }
-.calendar__rangeComplete_12apn.calendar__transitLeft_12apn:after {
+.calendar__rangeComplete_1r7ml.calendar__transitLeft_1r7ml:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__rangeComplete_12apn.calendar__transitRight_12apn:after {
+.calendar__rangeComplete_1r7ml.calendar__transitRight_1r7ml:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
@@ -234,31 +234,31 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__left_12apn .calendar__daysEnter_12apn {
+.calendar__left_1r7ml .calendar__daysEnter_1r7ml {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_12apn .calendar__daysEnterActive_12apn {
+.calendar__left_1r7ml .calendar__daysEnterActive_1r7ml {
         transform: translateX(0%);
     }
-.calendar__left_12apn .calendar__daysExit_12apn {
+.calendar__left_1r7ml .calendar__daysExit_1r7ml {
         transform: translateX(0%);
     }
-.calendar__left_12apn .calendar__daysExitActive_12apn {
+.calendar__left_1r7ml .calendar__daysExitActive_1r7ml {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_12apn .calendar__daysEnter_12apn {
+.calendar__right_1r7ml .calendar__daysEnter_1r7ml {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_12apn .calendar__daysEnterActive_12apn {
+.calendar__right_1r7ml .calendar__daysEnterActive_1r7ml {
         transform: translateX(0%);
     }
-.calendar__right_12apn .calendar__daysExit_12apn {
+.calendar__right_1r7ml .calendar__daysExit_1r7ml {
         transform: translateX(0%);
     }
-.calendar__right_12apn .calendar__daysExitActive_12apn {
+.calendar__right_1r7ml .calendar__daysExitActive_1r7ml {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__dot_12apn {
+.calendar__dot_1r7ml {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -269,25 +269,25 @@
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
 }
-.calendar__selected_12apn .calendar__dot_12apn {
+.calendar__selected_1r7ml .calendar__dot_1r7ml {
     background: var(--calendar-marker-selected-background);
 }
-.calendar__daysEnter_12apn {
+.calendar__daysEnter_1r7ml {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_12apn {
+.calendar__daysEnterActive_1r7ml {
     opacity: 1;
 }
-.calendar__daysExit_12apn {
+.calendar__daysExit_1r7ml {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_12apn {
+.calendar__daysExitActive_1r7ml {
     opacity: 0;
 }
-.calendar__daysEnterActive_12apn,
-.calendar__daysExitActive_12apn {
+.calendar__daysEnterActive_1r7ml,
+.calendar__daysExitActive_1r7ml {
     transition: opacity 300ms, transform 300ms;
 }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-85c3732c.js';
+import '../../tslib.es6-cc88169d.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfDay';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import cn from 'classnames';
 
-var styles = {"header":"calendar__header_1l01f","withShadow":"calendar__withShadow_1l01f"};
+var styles = {"header":"calendar__header_sr4za","withShadow":"calendar__withShadow_sr4za"};
 require('./index.css');
 
 var Header = function (_a) {

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

@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__header_1l01f {
+.calendar__header_sr4za {
     width: 100%;
     box-sizing: border-box;
     padding: var(--gap-m) 0 var(--gap-s);
@@ -40,6 +40,6 @@
     display: flex;
     justify-content: center;
 }
-.calendar__withShadow_1l01f {
+.calendar__withShadow_sr4za {
     box-shadow: var(--shadow-s);
 }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-85c3732c.js';
+import '../../tslib.es6-cc88169d.js';
 import React from 'react';
 import cn from 'classnames';
 import 'date-fns/startOfDay';
@@ -27,7 +27,7 @@ import { monthName } from '../../utils.js';
 import { SelectButton } from '../select-button/Component.js';
 import { ChevronDownCompactSIcon } from '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 
-var styles = {"component":"calendar__component_1h5c3","button":"calendar__button_1h5c3","month":"calendar__month_1h5c3","year":"calendar__year_1h5c3","buttonContent":"calendar__buttonContent_1h5c3","upDownIcon":"calendar__upDownIcon_1h5c3"};
+var styles = {"component":"calendar__component_gf7mj","button":"calendar__button_gf7mj","month":"calendar__month_gf7mj","year":"calendar__year_gf7mj","buttonContent":"calendar__buttonContent_gf7mj","upDownIcon":"calendar__upDownIcon_gf7mj"};
 require('./index.css');
 
 var MonthYearHeader = function (_a) {

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

@@ -33,44 +33,44 @@
 
     /* marker */
 }
-.calendar__component_1h5c3 {
+.calendar__component_gf7mj {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.calendar__button_1h5c3 {
+.calendar__button_gf7mj {
     border-radius: var(--border-radius-s);
 }
-.calendar__month_1h5c3 {
+.calendar__month_gf7mj {
     flex-basis: 65%
 }
 @media (max-width: 374px) {
-.calendar__month_1h5c3 {
+.calendar__month_gf7mj {
         flex-grow: 1
 }
     }
-.calendar__year_1h5c3 {
+.calendar__year_gf7mj {
     flex-basis: 35%;
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__year_1h5c3 {
+.calendar__year_gf7mj {
         width: 90px
 }
     }
-.calendar__buttonContent_1h5c3 {
+.calendar__buttonContent_gf7mj {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__upDownIcon_1h5c3 {
+.calendar__upDownIcon_gf7mj {
     margin-left: var(--gap-xs)
 }
 @media (max-width: 374px) {
-.calendar__upDownIcon_1h5c3 {
+.calendar__upDownIcon_gf7mj {
         margin-left: auto
 }
     }

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-85c3732c.js';
+import '../../tslib.es6-cc88169d.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-85c3732c.js';
+import { _ as __assign } from '../../tslib.es6-cc88169d.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_y7hlp","button":"calendar__button_y7hlp"};
+var styles = {"monthsTable":"calendar__monthsTable_16xql","button":"calendar__button_16xql"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

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

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

@@ -1,4 +1,4 @@
-import '../../tslib.es6-85c3732c.js';
+import '../../tslib.es6-cc88169d.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_9v1ap","period":"calendar__period_9v1ap","empty":"calendar__empty_9v1ap","arrow":"calendar__arrow_9v1ap","full":"calendar__full_9v1ap","yearSelectorButton":"calendar__yearSelectorButton_9v1ap"};
+var styles = {"component":"calendar__component_18trg","period":"calendar__period_18trg","empty":"calendar__empty_18trg","arrow":"calendar__arrow_18trg","full":"calendar__full_18trg","yearSelectorButton":"calendar__yearSelectorButton_18trg"};
 require('./index.css');
 
 var PeriodSlider = function (_a) {

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

@@ -40,14 +40,14 @@
 
     /* marker */
 }
-.calendar__component_9v1ap {
+.calendar__component_18trg {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
     justify-content: center;
 }
-.calendar__period_9v1ap {
+.calendar__period_18trg {
     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_9v1ap {
+.calendar__period_18trg {
         width: auto;
         flex-grow: 1
 }
     }
-.calendar__empty_9v1ap {
+.calendar__empty_18trg {
     color: var(--color-light-text-secondary);
 }
-.calendar__arrow_9v1ap {
+.calendar__arrow_18trg {
     position: absolute;
     top: 4px
 }
-.calendar__arrow_9v1ap:first-child {
+.calendar__arrow_18trg:first-child {
         left: 0;
     }
-.calendar__arrow_9v1ap:last-child {
+.calendar__arrow_18trg:last-child {
         right: 0;
         transform: rotateY(180deg);
     }
 @media (max-width: 374px) {
-.calendar__full_9v1ap .calendar__arrow_9v1ap {
+.calendar__full_18trg .calendar__arrow_18trg {
         display: none
 }
     }
-.calendar__yearSelectorButton_9v1ap {
+.calendar__yearSelectorButton_18trg {
     margin-left: var(--gap-xs);
 }

package/calendar/esm/components/select-button/Component.d.ts

@@ -19,6 +19,6 @@ declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
     /**
      * Вид кнопки
      */
-    view?: "selected" | "outlined" | "filled" | "default" | undefined;
+    view?: "outlined" | "filled" | "default" | "selected" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { SelectButtonProps, SelectButton };