@alfalab/core-components 22.2.0 → 22.3.0

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-38ad746a.js');
+var tslib_es6 = require('../../tslib.es6-a875354d.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_lafw0","transitLeft":"calendar__transitLeft_lafw0","transitRight":"calendar__transitRight_lafw0","dayName":"calendar__dayName_lafw0","day":"calendar__day_lafw0","event":"calendar__event_lafw0","today":"calendar__today_lafw0","highlighted":"calendar__highlighted_lafw0","disabled":"calendar__disabled_lafw0","range":"calendar__range_lafw0","selected":"calendar__selected_lafw0","rangeStart":"calendar__rangeStart_lafw0","firstDay":"calendar__firstDay_lafw0","lastDay":"calendar__lastDay_lafw0","left":"calendar__left_lafw0","daysEnter":"calendar__daysEnter_lafw0","daysEnterActive":"calendar__daysEnterActive_lafw0","daysExit":"calendar__daysExit_lafw0","daysExitActive":"calendar__daysExitActive_lafw0","right":"calendar__right_lafw0"};
+var styles = {"daysTable":"calendar__daysTable_1uc53","transitLeft":"calendar__transitLeft_1uc53","transitRight":"calendar__transitRight_1uc53","dayName":"calendar__dayName_1uc53","day":"calendar__day_1uc53","event":"calendar__event_1uc53","today":"calendar__today_1uc53","highlighted":"calendar__highlighted_1uc53","disabled":"calendar__disabled_1uc53","range":"calendar__range_1uc53","selected":"calendar__selected_1uc53","rangeStart":"calendar__rangeStart_1uc53","firstDay":"calendar__firstDay_1uc53","lastDay":"calendar__lastDay_1uc53","left":"calendar__left_1uc53","daysEnter":"calendar__daysEnter_1uc53","daysEnterActive":"calendar__daysEnterActive_1uc53","daysExit":"calendar__daysExit_1uc53","daysExitActive":"calendar__daysExitActive_1uc53","right":"calendar__right_1uc53"};
 require('./index.css');
 
 var DaysTable = function (_a) {

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

@@ -60,46 +60,51 @@
     /* marker */
     --calendar-marker-background: var(--color-light-graphic-tertiary);
 }
-.calendar__daysTable_lafw0 {
+.calendar__daysTable_1uc53 {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_lafw0 th {
+.calendar__daysTable_1uc53 th {
         padding: 0;
     }
-.calendar__daysTable_lafw0 td {
+.calendar__daysTable_1uc53 td {
         padding: var(--gap-2xs) 0 0
     }
-.calendar__daysTable_lafw0 td:first-child .calendar__transitLeft_lafw0 {
+.calendar__daysTable_1uc53 td:first-child .calendar__transitLeft_1uc53 {
             background: linear-gradient(
                 270deg,
                 var(--calendar-range-background) 0%,
                 var(--color-light-specialbg-nulled) 100%
             )
         }
-.calendar__daysTable_lafw0 td:first-child .calendar__transitLeft_lafw0:after {
+.calendar__daysTable_1uc53 td:first-child .calendar__transitLeft_1uc53:after {
                 display: none;
             }
-.calendar__daysTable_lafw0 td:last-child .calendar__transitRight_lafw0 {
+.calendar__daysTable_1uc53 td:last-child .calendar__transitRight_1uc53 {
             background: linear-gradient(
                 270deg,
                 var(--color-light-specialbg-nulled) 0%,
                 var(--calendar-range-background) 100%
             )
         }
-.calendar__daysTable_lafw0 td:last-child .calendar__transitRight_lafw0:after {
+.calendar__daysTable_1uc53 td:last-child .calendar__transitRight_1uc53:after {
                 display: none;
             }
-.calendar__dayName_lafw0 {
+.calendar__dayName_1uc53 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: 40px;
-    color: var(--color-light-text-secondary);
+    color: var(--color-light-text-secondary)
 }
-.calendar__day_lafw0 {
+@media (max-width: 374px) {
+.calendar__dayName_1uc53 {
+        height: 36px
+}
+    }
+.calendar__day_1uc53 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -115,7 +120,13 @@
     border-radius: var(--calendar-day-border-radius);
     color: var(--color-light-text-primary)
 }
-.calendar__day_lafw0.calendar__event_lafw0:before {
+@media (max-width: 374px) {
+.calendar__day_1uc53 {
+        width: 36px;
+        height: 36px
+}
+    }
+.calendar__day_1uc53.calendar__event_1uc53:before {
             content: '';
             display: block;
             position: absolute;
@@ -125,10 +136,10 @@
             border-radius: var(--border-radius-circle);
             background: var(--calendar-marker-background);
         }
-.calendar__day_lafw0.calendar__today_lafw0 {
+.calendar__day_1uc53.calendar__today_1uc53 {
         font-weight: bold
     }
-.calendar__day_lafw0.calendar__today_lafw0 span:after {
+.calendar__day_1uc53.calendar__today_1uc53 span:after {
             content: '';
             border: 1px solid var(--calendar-today-border-color);
             position: absolute;
@@ -139,32 +150,32 @@
             border-radius: var(--calendar-day-border-radius);
             box-sizing: border-box;
         }
-.calendar__day_lafw0.calendar__highlighted_lafw0 {
+.calendar__day_1uc53.calendar__highlighted_1uc53 {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_lafw0.calendar__disabled_lafw0 {
+.calendar__day_1uc53.calendar__disabled_1uc53 {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_lafw0.calendar__range_lafw0 {
+.calendar__day_1uc53.calendar__range_1uc53 {
         color: var(--calendar-range-color);
         background: var(--calendar-range-background);
         border-radius: 0;
     }
-.calendar__day_lafw0.calendar__selected_lafw0,
-    .calendar__day_lafw0.calendar__disabled_lafw0.calendar__selected_lafw0 {
+.calendar__day_1uc53.calendar__selected_1uc53,
+    .calendar__day_1uc53.calendar__disabled_1uc53.calendar__selected_1uc53 {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
         cursor: default;
     }
-.calendar__day_lafw0.calendar__rangeStart_lafw0 {
+.calendar__day_1uc53.calendar__rangeStart_1uc53 {
         cursor: pointer;
     }
-.calendar__day_lafw0.calendar__firstDay_lafw0:after, .calendar__day_lafw0.calendar__lastDay_lafw0:after {
+.calendar__day_1uc53.calendar__firstDay_1uc53:after, .calendar__day_1uc53.calendar__lastDay_1uc53:after {
             transition: opacity 0.2s ease;
             content: '';
             position: absolute;
@@ -174,7 +185,7 @@
             opacity: 0;
             pointer-events: none;
         }
-.calendar__day_lafw0.calendar__firstDay_lafw0:after {
+.calendar__day_1uc53.calendar__firstDay_1uc53:after {
             right: 100%;
             background: linear-gradient(
                 270deg,
@@ -182,7 +193,7 @@
                 var(--color-light-specialbg-nulled) 100%
             );
         }
-.calendar__day_lafw0.calendar__lastDay_lafw0:after {
+.calendar__day_1uc53.calendar__lastDay_1uc53:after {
             left: 100%;
             background: linear-gradient(
                 270deg,
@@ -190,52 +201,52 @@
                 var(--calendar-range-background) 100%
             );
         }
-.calendar__day_lafw0.calendar__transitLeft_lafw0:after, .calendar__day_lafw0.calendar__transitRight_lafw0:after {
+.calendar__day_1uc53.calendar__transitLeft_1uc53:after, .calendar__day_1uc53.calendar__transitRight_1uc53:after {
             opacity: 1;
         }
-.calendar__day_lafw0:focus {
+.calendar__day_1uc53:focus {
         z-index: 1;
     }
-.calendar__left_lafw0 .calendar__daysEnter_lafw0 {
+.calendar__left_1uc53 .calendar__daysEnter_1uc53 {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_lafw0 .calendar__daysEnterActive_lafw0 {
+.calendar__left_1uc53 .calendar__daysEnterActive_1uc53 {
         transform: translateX(0%);
     }
-.calendar__left_lafw0 .calendar__daysExit_lafw0 {
+.calendar__left_1uc53 .calendar__daysExit_1uc53 {
         transform: translateX(0%);
     }
-.calendar__left_lafw0 .calendar__daysExitActive_lafw0 {
+.calendar__left_1uc53 .calendar__daysExitActive_1uc53 {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_lafw0 .calendar__daysEnter_lafw0 {
+.calendar__right_1uc53 .calendar__daysEnter_1uc53 {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_lafw0 .calendar__daysEnterActive_lafw0 {
+.calendar__right_1uc53 .calendar__daysEnterActive_1uc53 {
         transform: translateX(0%);
     }
-.calendar__right_lafw0 .calendar__daysExit_lafw0 {
+.calendar__right_1uc53 .calendar__daysExit_1uc53 {
         transform: translateX(0%);
     }
-.calendar__right_lafw0 .calendar__daysExitActive_lafw0 {
+.calendar__right_1uc53 .calendar__daysExitActive_1uc53 {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__daysEnter_lafw0 {
+.calendar__daysEnter_1uc53 {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_lafw0 {
+.calendar__daysEnterActive_1uc53 {
     opacity: 1;
 }
-.calendar__daysExit_lafw0 {
+.calendar__daysExit_1uc53 {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_lafw0 {
+.calendar__daysExitActive_1uc53 {
     opacity: 0;
 }
-.calendar__daysEnterActive_lafw0,
-.calendar__daysExitActive_lafw0 {
+.calendar__daysEnterActive_1uc53,
+.calendar__daysExitActive_1uc53 {
     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-38ad746a.js');
+require('../../tslib.es6-a875354d.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/components/header/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-38ad746a.js');
+require('../../tslib.es6-a875354d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"header":"calendar__header_j8jt0","withShadow":"calendar__withShadow_j8jt0","inner":"calendar__inner_j8jt0","month":"calendar__month_j8jt0","year":"calendar__year_j8jt0","buttonContent":"calendar__buttonContent_j8jt0","monthOnly":"calendar__monthOnly_j8jt0","upDownIcon":"calendar__upDownIcon_j8jt0","arrow":"calendar__arrow_j8jt0"};
+var styles = {"header":"calendar__header_1cgc7","withShadow":"calendar__withShadow_1cgc7","inner":"calendar__inner_1cgc7","month":"calendar__month_1cgc7","year":"calendar__year_1cgc7","buttonContent":"calendar__buttonContent_1cgc7","monthOnly":"calendar__monthOnly_1cgc7","upDownIcon":"calendar__upDownIcon_1cgc7","arrow":"calendar__arrow_1cgc7"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/components/header/index.css

@@ -23,8 +23,8 @@
     /* Кнопки выбора месяцев и годов */
 
     /* Шапка */
-    --calendar-arrow-background: url('https://alfabank.st/icons/icon_arrow-left_m_black.svg');
-    --calendar-select-icon-background: url('https://alfabank.st/icons/icon_arrow-select_m_black.svg');
+    --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);
@@ -45,40 +45,58 @@
 
     /* marker */
 }
-.calendar__header_j8jt0 {
+.calendar__header_1cgc7 {
     width: 100%;
     box-sizing: border-box;
     padding: var(--calendar-header-paddings);
     transition: box-shadow 0.2s ease;
 }
-.calendar__withShadow_j8jt0 {
+.calendar__withShadow_1cgc7 {
     box-shadow: var(--shadow-s);
 }
-.calendar__inner_j8jt0 {
+.calendar__inner_1cgc7 {
     position: relative;
     height: 40px;
     display: flex;
     align-items: center;
-    justify-content: center;
+    justify-content: center
 }
-.calendar__month_j8jt0 {
-    width: 131px;
+@media (max-width: 374px) {
+.calendar__inner_1cgc7 {
+        justify-content: space-between;
+        width: 256px;
+        margin: 0 auto
 }
-.calendar__year_j8jt0 {
+    }
+.calendar__month_1cgc7 {
+    width: 131px
+}
+@media (max-width: 374px) {
+.calendar__month_1cgc7 {
+        width: auto;
+        flex-grow: 1
+}
+    }
+.calendar__year_1cgc7 {
     width: 105px;
 
-    margin-left: var(--gap-xs);
+    margin-left: var(--gap-xs)
+}
+@media (max-width: 374px) {
+.calendar__year_1cgc7 {
+        width: 90px
 }
-.calendar__buttonContent_j8jt0 {
+    }
+.calendar__buttonContent_1cgc7 {
     width: 100%;
     display: flex;
     align-items: center;
     justify-content: space-between;
 }
-.calendar__monthOnly_j8jt0 {
+.calendar__monthOnly_1cgc7 {
     padding: var(--calendar-month-only-header-paddings)
 }
-.calendar__monthOnly_j8jt0 .calendar__month_j8jt0 {
+.calendar__monthOnly_1cgc7 .calendar__month_1cgc7 {
         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 +104,34 @@
 
         width: auto;
     }
-.calendar__upDownIcon_j8jt0 {
+.calendar__upDownIcon_1cgc7 {
     display: block;
     background: var(--calendar-select-icon-background);
     width: 24px;
     height: 24px;
-    margin-left: var(--gap-xs);
+    margin-left: var(--gap-xs)
+}
+@media (max-width: 374px) {
+.calendar__upDownIcon_1cgc7 {
+        margin-left: auto
 }
-.calendar__arrow_j8jt0 {
+    }
+.calendar__arrow_1cgc7 {
     position: absolute;
     width: 24px;
     height: 24px;
     top: 8px;
     background: var(--calendar-arrow-background)
 }
-.calendar__arrow_j8jt0:first-child {
+.calendar__arrow_1cgc7:first-child {
         left: 0;
     }
-.calendar__arrow_j8jt0:last-child {
+.calendar__arrow_1cgc7:last-child {
         right: 0;
         transform: rotateY(180deg);
     }
+@media (max-width: 374px) {
+.calendar__arrow_1cgc7 {
+        display: none
+}
+    }

package/calendar/components/header/index.js

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

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-38ad746a.js');
+var tslib_es6 = require('../../tslib.es6-a875354d.js');
 var React = require('react');
 require('classnames');
 var dateFns = require('date-fns');
@@ -12,7 +12,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"monthsTable":"calendar__monthsTable_mviel","button":"calendar__button_mviel"};
+var styles = {"monthsTable":"calendar__monthsTable_1vx7m","button":"calendar__button_1vx7m"};
 require('./index.css');
 
 var MonthsTable = function (_a) {

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

@@ -8,6 +8,7 @@
     /* Hard up */
 }
 :root {
+    --gap-2xs: 4px;
     --gap-xs: 8px;
 }
 :root {
@@ -31,17 +32,30 @@
 
     /* marker */
 }
-.calendar__monthsTable_mviel {
+.calendar__monthsTable_1vx7m {
     display: flex;
     flex-wrap: wrap;
     width: 318px;
     margin: auto -3px;
-    justify-content: flex-start;
+    justify-content: flex-start
 }
-.calendar__button_mviel {
+@media (max-width: 374px) {
+.calendar__monthsTable_1vx7m {
+        /* 2 кнопки по 125px + 2 отступа по 6px */
+        width: 262px
+}
+    }
+.calendar__button_1vx7m {
     width: var(--calendar-selector-button-width);
     margin: 0 3px var(--gap-xs)
 }
-.calendar__button_mviel:nth-last-child(-n + 3) {
+.calendar__button_1vx7m:nth-last-child(-n + 3) {
         margin-bottom: 0;
     }
+@media (max-width: 374px) {
+.calendar__button_1vx7m {
+        margin: 0 3px var(--gap-2xs);
+        width: 125px;
+        height: 36px
+}
+    }

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

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

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-38ad746a.js');
+var tslib_es6 = require('../../tslib.es6-a875354d.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button');
@@ -10,7 +10,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"button":"calendar__button_a94xp","filled":"calendar__filled_a94xp","outlined":"calendar__outlined_a94xp","selected":"calendar__selected_a94xp"};
+var styles = {"button":"calendar__button_13gxc","filled":"calendar__filled_13gxc","outlined":"calendar__outlined_13gxc","selected":"calendar__selected_13gxc"};
 require('./index.css');
 
 var SelectButton = React.forwardRef(function (_a, ref) {

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

@@ -42,7 +42,7 @@
 
     /* marker */
 }
-.calendar__button_a94xp {
+.calendar__button_13gxc {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -53,28 +53,28 @@
     background-color: transparent;
     border-radius: var(--border-radius-s)
 }
-.calendar__button_a94xp:not(:disabled):hover {
+.calendar__button_13gxc:not(:disabled):hover {
         background-color: var(--color-light-bg-tertiary);
         color: var(--color-light-text-primary);
     }
-.calendar__button_a94xp.calendar__filled_a94xp {
+.calendar__button_13gxc.calendar__filled_13gxc {
         background-color: var(--color-light-bg-tertiary)
     }
-.calendar__button_a94xp.calendar__filled_a94xp:not(:disabled):hover {
+.calendar__button_13gxc.calendar__filled_13gxc:not(:disabled):hover {
             background-color: var(--color-light-bg-tertiary-shade-7);
         }
-.calendar__button_a94xp.calendar__outlined_a94xp {
+.calendar__button_13gxc.calendar__outlined_13gxc {
         border: 1px solid var(--calendar-selector-button-outline-border-color);
     }
-.calendar__button_a94xp.calendar__selected_a94xp,
-    .calendar__button_a94xp.calendar__selected_a94xp:disabled {
+.calendar__button_13gxc.calendar__selected_13gxc,
+    .calendar__button_13gxc.calendar__selected_13gxc:disabled {
         background-color: var(--color-light-bg-primary-inverted);
         color: var(--color-light-text-primary-inverted)
     }
-.calendar__button_a94xp.calendar__selected_a94xp:not(:disabled):hover, .calendar__button_a94xp.calendar__selected_a94xp:disabled:not(:disabled):hover {
+.calendar__button_13gxc.calendar__selected_13gxc:not(:disabled):hover, .calendar__button_13gxc.calendar__selected_13gxc:disabled:not(:disabled):hover {
             background-color: var(--color-light-bg-primary-inverted);
             color: var(--color-light-text-primary-inverted);
         }
-.calendar__button_a94xp > * {
+.calendar__button_13gxc > * {
         flex-grow: 1;
     }

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

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

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-38ad746a.js');
+var tslib_es6 = require('../../tslib.es6-a875354d.js');
 var React = require('react');
 require('classnames');
 var dateFns = require('date-fns');
@@ -11,7 +11,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"yearsTable":"calendar__yearsTable_8qh1j","inner":"calendar__inner_8qh1j","button":"calendar__button_8qh1j"};
+var styles = {"yearsTable":"calendar__yearsTable_11y9g","inner":"calendar__inner_11y9g","button":"calendar__button_11y9g"};
 require('./index.css');
 
 var YearsTable = function (_a) {

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

@@ -8,6 +8,7 @@
     /* Hard up */
 }
 :root {
+    --gap-2xs: 4px;
     --gap-xs: 8px;
     --gap-m-neg: -16px;
 }
@@ -32,14 +33,14 @@
 
     /* marker */
 }
-.calendar__yearsTable_8qh1j {
+.calendar__yearsTable_11y9g {
     overflow: auto;
     overflow-x: hidden;
     width: 100%;
     margin-bottom: var(--gap-m-neg);
     padding-top: 6px;
 }
-.calendar__inner_8qh1j {
+.calendar__inner_11y9g {
     display: flex;
     flex-wrap: wrap;
     justify-content: flex-start;
@@ -49,10 +50,19 @@
     left: 13px;
     overflow: hidden;
 }
-.calendar__button_8qh1j {
+.calendar__button_11y9g {
     width: var(--calendar-selector-button-width);
     margin: 0 3px var(--gap-xs)
 }
-.calendar__button_8qh1j:nth-last-child(-n + 3) {
+.calendar__button_11y9g:nth-last-child(-n + 3) {
         margin-bottom: 0;
     }
+@media (max-width: 374px) {
+.calendar__button_11y9g {
+        margin: 0 3px var(--gap-2xs);
+
+        /* ширина блока, 16 боковые отступы, 2*6px между кнопками */
+        width: calc((288px - 32px - 12px) / 3);
+        height: 36px
+}
+    }

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

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

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

@@ -96,8 +96,13 @@
     font-weight: 400;
 
     height: 40px;
-    color: var(--color-light-text-secondary);
+    color: var(--color-light-text-secondary)
 }
+@media (max-width: 374px) {
+.dayName {
+        height: 36px
+}
+    }
 .day {
     font-size: 16px;
     line-height: 24px;
@@ -114,6 +119,12 @@
     border-radius: var(--calendar-day-border-radius);
     color: var(--color-light-text-primary)
 }
+@media (max-width: 374px) {
+.day {
+        width: 36px;
+        height: 36px
+}
+    }
 .day.event:before {
             content: '';
             display: block;