@alfalab/core-components 26.12.0 → 27.1.0

package/button/modern/inverted.css

@@ -1,11 +1,23 @@
-/* hash: myiuy */
+/* hash: vtcct */
 :root {
-    --color-dark-bg-accent: #ef3124;
-    --color-dark-bg-neutral: #485767;
+    --color-dark-bg-quaternary: #485767;
     --color-dark-text-primary: #fff;
-    --color-light-border-tertiary-inverted: #6d7986;
+    --color-light-bg-accent: #ef3124;
+    --color-light-border-underline: #b6bcc3;
+    --color-light-border-underline-inverted: #6d7986;
     --color-light-specialbg-component-inverted: rgba(255, 255, 255, 0.15);
     --color-light-text-primary-inverted: #fff;
+    --color-static-text-primary-light: #fff;
+    --color-light-bg-accent-tint-15: rgb(241, 80, 69);
+    --color-light-bg-accent-tint-20: rgb(242, 90, 80);
+    --color-light-bg-primary-alpha-8: rgba(255, 255, 255, 0.08);
+    --color-light-bg-primary-alpha-15: rgba(255, 255, 255, 0.15);
+    --color-light-bg-primary-alpha-20: rgba(255, 255, 255, 0.2);
+    --color-light-border-underline-alpha-30: rgba(182, 188, 195, 0.3);
+    --color-light-text-primary-inverted-alpha-30: rgba(255, 255, 255, 0.3);
+    --color-light-text-primary-inverted-shade-30: rgb(179, 179, 179);
+    --color-light-text-primary-inverted-shade-50: rgb(128, 128, 128);
+    --color-static-text-primary-light-alpha-30: rgba(255, 255, 255, 0.3);
 }
 :root {
 
@@ -17,196 +29,200 @@
 }
 :root {
     /* primary */
-    --button-inverted-primary-base-bg-color: var(--color-dark-bg-accent);
-    --button-inverted-primary-hover-bg-color: rgb(241, 80, 69);
-    --button-inverted-primary-active-bg-color: rgb(203, 42, 31);
+    --button-inverted-primary-base-bg-color: var(--color-light-bg-accent);
+    --button-inverted-primary-hover-bg-color: var(--color-light-bg-accent-tint-15);
+    --button-inverted-primary-active-bg-color: var(--color-light-bg-accent-tint-20);
     --button-inverted-primary-disabled-bg-color: rgba(239, 49, 36, 0.3);
-    --button-inverted-primary-color: var(--color-light-text-primary-inverted);
-    --button-inverted-primary-disabled-color: var(--color-light-text-primary-inverted);
+    --button-inverted-primary-disabled-color: var(--color-static-text-primary-light-alpha-30);
+    --button-inverted-primary-color: var(--color-static-text-primary-light);
 
     /* secondary */
-    --button-inverted-secondary-base-bg-color: var(--color-dark-bg-neutral);
-    --button-inverted-secondary-hover-bg-color: rgb(99, 112, 126);
-    --button-inverted-secondary-active-bg-color: rgb(61, 74, 88);
-    --button-inverted-secondary-disabled-bg-color: rgba(72, 87, 103, 0.3);
+    --button-inverted-secondary-base-bg-color: var(--color-light-specialbg-component-inverted);
+    --button-inverted-secondary-hover-bg-color: var(
+        --color-light-specialbg-component-inverted-tint-15
+    );
+    --button-inverted-secondary-active-bg-color: var(
+        --color-light-specialbg-component-inverted-tint-20
+    );
+    --button-inverted-secondary-disabled-bg-color: var(--color-light-bg-primary-alpha-8);
     --button-inverted-secondary-base-border-color: transparent;
     --button-inverted-secondary-disabled-border-color: transparent;
-    --button-inverted-secondary-color: var(--color-dark-text-primary);
-    --button-inverted-secondary-disabled-color: rgba(255, 255, 255, 0.3);
+    --button-inverted-secondary-color: var(--color-light-text-primary-inverted);
+    --button-inverted-secondary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
 
     /* tertiary */
     --button-inverted-tertiary-base-bg-color: transparent;
-    --button-inverted-tertiary-hover-bg-color: rgba(255, 255, 255, 0.15);
-    --button-inverted-tertiary-active-bg-color: rgba(0, 0, 0, 0.15);
+    --button-inverted-tertiary-hover-bg-color: var(--color-light-bg-primary-alpha-15);
+    --button-inverted-tertiary-active-bg-color: var(--color-light-bg-primary-alpha-20);
     --button-inverted-tertiary-disabled-bg-color: transparent;
-    --button-inverted-tertiary-base-border-color: var(--color-light-border-tertiary-inverted);
-    --button-inverted-tertiary-disabled-border-color: rgba(35, 53, 73, 0.3);
-    --button-inverted-tertiary-color: var(--color-dark-text-primary);
-    --button-inverted-tertiary-disabled-color: rgba(255, 255, 255, 0.3);
+    --button-inverted-tertiary-base-border-color: var(--color-light-border-underline);
+    --button-inverted-tertiary-disabled-border-color: var(--color-light-border-underline-alpha-30);
+    --button-inverted-tertiary-color: var(--color-light-text-primary-inverted);
+    --button-inverted-tertiary-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
 
     /* outlined */
     --button-inverted-outlined-base-bg-color: transparent;
     --button-inverted-outlined-hover-bg-color: rgba(255, 255, 255, 0.15);
     --button-inverted-outlined-active-bg-color: rgba(0, 0, 0, 0.15);
     --button-inverted-outlined-disabled-bg-color: transparent;
-    --button-inverted-outlined-base-border-color: var(--color-light-border-tertiary-inverted);
+    --button-inverted-outlined-base-border-color: var(--color-light-border-underline-inverted);
     --button-inverted-outlined-disabled-border-color: rgba(35, 53, 73, 0.3);
     --button-inverted-outlined-color: var(--color-dark-text-primary);
     --button-inverted-outlined-disabled-color: rgba(255, 255, 255, 0.3);
 
     /* ghost */
     --button-inverted-ghost-base-color: var(--color-light-text-primary-inverted);
-    --button-inverted-ghost-hover-color: rgb(179, 179, 179);
-    --button-inverted-ghost-active-color: rgb(128, 128, 128);
-    --button-inverted-ghost-disabled-color: rgba(255, 255, 255, 0.3);
+    --button-inverted-ghost-hover-color: var(--color-light-text-primary-inverted-shade-30);
+    --button-inverted-ghost-active-color: var(--color-light-text-primary-inverted-shade-50);
+    --button-inverted-ghost-disabled-color: var(--color-light-text-primary-inverted-alpha-30);
 }
-.button__primary_ol9ge {
+.button__primary_10cgu {
     color: var(--button-inverted-primary-color);
     background-color: var(--button-inverted-primary-base-bg-color)
 }
-.button__primary_ol9ge:hover {
+.button__primary_10cgu:hover {
         background-color: var(--button-inverted-primary-hover-bg-color);
     }
-.button__primary_ol9ge:active {
+.button__primary_10cgu:active {
         background-color: var(--button-inverted-primary-active-bg-color);
     }
-.button__secondary_ol9ge {
+.button__secondary_10cgu {
     color: var(--button-inverted-secondary-color);
     background-color: var(--button-inverted-secondary-base-bg-color);
     border: 1px solid var(--button-inverted-secondary-base-border-color)
 }
-.button__secondary_ol9ge:hover {
+.button__secondary_10cgu:hover {
         background-color: var(--button-inverted-secondary-hover-bg-color);
     }
-.button__secondary_ol9ge:active {
+.button__secondary_10cgu:active {
         background-color: var(--button-inverted-secondary-active-bg-color);
     }
-.button__outlined_ol9ge {
+.button__outlined_10cgu {
     color: var(--button-inverted-outlined-color);
     background-color: var(--button-inverted-outlined-base-bg-color);
     border: 1px solid var(--button-inverted-outlined-base-border-color)
 }
-.button__outlined_ol9ge:hover {
+.button__outlined_10cgu:hover {
         background-color: var(--button-inverted-outlined-hover-bg-color);
     }
-.button__outlined_ol9ge:active {
+.button__outlined_10cgu:active {
         background-color: var(--button-inverted-outlined-active-bg-color);
     }
-.button__tertiary_ol9ge {
+.button__tertiary_10cgu {
     color: var(--button-inverted-tertiary-color);
     background-color: var(--button-inverted-tertiary-base-bg-color);
     border: 1px solid var(--button-inverted-tertiary-base-border-color)
 }
-.button__tertiary_ol9ge:hover {
+.button__tertiary_10cgu:hover {
         background-color: var(--button-inverted-tertiary-hover-bg-color);
     }
-.button__tertiary_ol9ge:active {
+.button__tertiary_10cgu:active {
         background-color: var(--button-inverted-tertiary-active-bg-color);
     }
-.button__filled_ol9ge {
+.button__filled_10cgu {
     color: var(--color-dark-text-primary);
-    background-color: var(--color-dark-bg-neutral)
+    background-color: var(--color-dark-bg-quaternary)
 }
-.button__filled_ol9ge:hover {
+.button__filled_10cgu:hover {
         background-color: rgb(99, 112, 126);
     }
-.button__filled_ol9ge:active {
+.button__filled_10cgu:active {
         background-color: rgb(61, 74, 88);
     }
-.button__transparent_ol9ge {
+.button__transparent_10cgu {
     color: var(--color-light-text-primary-inverted);
     background-color: rgba(255, 255, 255, 0.1)
 }
-.button__transparent_ol9ge:hover {
+.button__transparent_10cgu:hover {
         background-color: rgba(255, 255, 255, 0.2);
     }
-.button__transparent_ol9ge:active {
+.button__transparent_10cgu:active {
         /* TODO: какой цвет? */
         background-color: rgba(255, 255, 255, 0.05);
     }
-.button__link_ol9ge {
+.button__link_10cgu {
     color: var(--color-light-text-primary-inverted);
     background-color: transparent
 }
-.button__link_ol9ge:hover {
-        background-color: var(--color-light-specialbg-component-inverted);
+.button__link_10cgu:hover {
+        background-color: var(--color-light-bg-primary-alpha-15);
     }
-.button__link_ol9ge:active {
+.button__link_10cgu:active {
         /* TODO: какой цвет? */
-        background-color: rgba(179, 179, 179, 0.15);
+        background-color: var(--color-light-bg-primary-alpha-20);
     }
-.button__ghost_ol9ge {
+.button__ghost_10cgu {
     color: var(--button-inverted-ghost-base-color)
 }
-.button__ghost_ol9ge:hover {
+.button__ghost_10cgu:hover {
         color: var(--button-inverted-ghost-hover-color);
     }
-.button__ghost_ol9ge:active {
+.button__ghost_10cgu:active {
         color: var(--button-inverted-ghost-active-color);
     }
-.button__component_ol9ge:disabled.button__primary_ol9ge {
+.button__component_10cgu:disabled.button__primary_10cgu {
         color: var(--button-inverted-primary-disabled-color);
         background-color: var(--button-inverted-primary-disabled-bg-color)
     }
-.button__component_ol9ge:disabled.button__primary_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__primary_10cgu.button__loading_10cgu {
             background-color: var(--button-inverted-primary-base-bg-color);
         }
-.button__component_ol9ge:disabled.button__secondary_ol9ge {
+.button__component_10cgu:disabled.button__secondary_10cgu {
         color: var(--button-inverted-secondary-disabled-color);
         background-color: var(--button-inverted-secondary-disabled-bg-color);
         border-color: var(--button-inverted-secondary-disabled-border-color)
     }
-.button__component_ol9ge:disabled.button__secondary_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__secondary_10cgu.button__loading_10cgu {
             color: var(--button-inverted-secondary-color);
             background-color: var(--button-inverted-secondary-base-bg-color);
             border-color: var(--button-inverted-secondary-base-border-color);
         }
-.button__component_ol9ge:disabled.button__outlined_ol9ge {
+.button__component_10cgu:disabled.button__outlined_10cgu {
         color: var(--button-inverted-outlined-disabled-color);
         background-color: var(--button-inverted-outlined-disabled-bg-color);
         border-color: var(--button-inverted-outlined-disabled-border-color)
     }
-.button__component_ol9ge:disabled.button__outlined_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__outlined_10cgu.button__loading_10cgu {
             color: var(--button-inverted-outlined-color);
             border-color: var(--button-inverted-outlined-border-color);
         }
-.button__component_ol9ge:disabled.button__tertiary_ol9ge {
+.button__component_10cgu:disabled.button__tertiary_10cgu {
         color: var(--button-inverted-tertiary-disabled-color);
         background-color: var(--button-inverted-tertiary-disabled-bg-color);
         border-color: var(--button-inverted-tertiary-disabled-border-color)
     }
-.button__component_ol9ge:disabled.button__tertiary_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__tertiary_10cgu.button__loading_10cgu {
             color: var(--button-inverted-tertiary-color);
             border-color: var(--button-inverted-tertiary-border-color);
         }
-.button__component_ol9ge:disabled.button__filled_ol9ge {
+.button__component_10cgu:disabled.button__filled_10cgu {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(72, 87, 103, 0.3);
         border-color: transparent
     }
-.button__component_ol9ge:disabled.button__filled_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__filled_10cgu.button__loading_10cgu {
             color: var(--color-dark-text-primary);
-            background-color: var(--color-dark-bg-neutral);
+            background-color: var(--color-dark-bg-quaternary);
             border-color: transparent;
         }
-.button__component_ol9ge:disabled.button__transparent_ol9ge {
+.button__component_10cgu:disabled.button__transparent_10cgu {
         color: rgba(255, 255, 255, 0.3);
         background-color: rgba(255, 255, 255, 0.03)
     }
-.button__component_ol9ge:disabled.button__transparent_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__transparent_10cgu.button__loading_10cgu {
             color: var(--color-light-text-primary-inverted);
             background-color: rgba(255, 255, 255, 0.1);
         }
-.button__component_ol9ge:disabled.button__link_ol9ge {
-        color: rgba(255, 255, 255, 0.3);
+.button__component_10cgu:disabled.button__link_10cgu {
+        color: var(--color-light-text-primary-inverted-alpha-30);
         background-color: transparent
     }
-.button__component_ol9ge:disabled.button__link_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__link_10cgu.button__loading_10cgu {
             color: var(--color-light-text-primary-inverted);
         }
-.button__component_ol9ge:disabled.button__ghost_ol9ge {
+.button__component_10cgu:disabled.button__ghost_10cgu {
         color: var(--button-inverted-ghost-disabled-color)
     }
-.button__component_ol9ge:disabled.button__ghost_ol9ge.button__loading_ol9ge {
+.button__component_10cgu:disabled.button__ghost_10cgu.button__loading_10cgu {
             color: var(--button-inverted-ghost-base-color);
         }

package/calendar/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-143012f2.js');
+var tslib_es6 = require('./tslib.es6-b2bac420.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfDay = require('date-fns/startOfDay');
@@ -70,7 +70,7 @@ var startOfDay__default = /*#__PURE__*/_interopDefaultLegacy(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 var endOfDay__default = /*#__PURE__*/_interopDefaultLegacy(endOfDay);
 
-var styles = {"component":"calendar__component_1xft2","container":"calendar__container_1xft2","sixWeeks":"calendar__sixWeeks_1xft2","period":"calendar__period_1xft2","monthYear":"calendar__monthYear_1xft2"};
+var styles = {"component":"calendar__component_1awca","container":"calendar__container_1awca","sixWeeks":"calendar__sixWeeks_1awca","period":"calendar__period_1awca","monthYear":"calendar__monthYear_1awca"};
 require('./index.css');
 
 var Calendar = React.forwardRef(function (_a, ref) {

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-143012f2.js');
+var tslib_es6 = require('../../tslib.es6-b2bac420.js');
 var React = require('react');
 var cn = require('classnames');
 require('date-fns/startOfDay');
@@ -44,7 +44,7 @@ var isSameDay__default = /*#__PURE__*/_interopDefaultLegacy(isSameDay);
 var isToday__default = /*#__PURE__*/_interopDefaultLegacy(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultLegacy(isWithinInterval);
 
-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"};
+var styles = {"daysTable":"calendar__daysTable_oxidl","dayName":"calendar__dayName_oxidl","day":"calendar__day_oxidl","highlighted":"calendar__highlighted_oxidl","range":"calendar__range_oxidl","disabled":"calendar__disabled_oxidl","today":"calendar__today_oxidl","rangeComplete":"calendar__rangeComplete_oxidl","selected":"calendar__selected_oxidl","dayWrapper":"calendar__dayWrapper_oxidl","rangeEnd":"calendar__rangeEnd_oxidl","rangeStart":"calendar__rangeStart_oxidl","transitLeft":"calendar__transitLeft_oxidl","transitRight":"calendar__transitRight_oxidl","left":"calendar__left_oxidl","daysEnter":"calendar__daysEnter_oxidl","daysEnterActive":"calendar__daysEnterActive_oxidl","daysExit":"calendar__daysExit_oxidl","daysExitActive":"calendar__daysExitActive_oxidl","right":"calendar__right_oxidl","dot":"calendar__dot_oxidl"};
 require('./index.css');
 
 var DaysTable = function (_a) {

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

@@ -1,11 +1,11 @@
-/* hash: bnbbj */
+/* hash: 16md2 */
 :root {
     --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_1r7ml {
+.calendar__daysTable_oxidl {
     border-collapse: separate;
     border-spacing: 0;
     position: relative
 }
-.calendar__daysTable_1r7ml th {
+.calendar__daysTable_oxidl th {
         padding: 0;
     }
-.calendar__daysTable_1r7ml td {
+.calendar__daysTable_oxidl td {
         padding: var(--gap-2xs) 0 0;
     }
-.calendar__dayName_1r7ml {
+.calendar__dayName_oxidl {
     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_1r7ml {
+.calendar__dayName_oxidl {
         height: 36px
 }
     }
-.calendar__day_1r7ml {
+.calendar__day_oxidl {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -107,46 +107,46 @@
     z-index: 1
 }
 @media (max-width: 374px) {
-.calendar__day_1r7ml {
+.calendar__day_oxidl {
         width: 36px;
         height: 36px
 }
     }
-.calendar__day_1r7ml.calendar__highlighted_1r7ml,
-    .calendar__day_1r7ml.calendar__range_1r7ml.calendar__highlighted_1r7ml:not(.calendar__disabled_1r7ml) {
+.calendar__day_oxidl.calendar__highlighted_oxidl,
+    .calendar__day_oxidl.calendar__range_oxidl.calendar__highlighted_oxidl:not(.calendar__disabled_oxidl) {
         color: var(--calendar-highlighted-color);
         background: var(--calendar-highlighted-background);
     }
-.calendar__day_1r7ml.calendar__disabled_1r7ml {
+.calendar__day_oxidl.calendar__disabled_oxidl {
         pointer-events: none;
         color: var(--calendar-disabled-color);
 
         background: var(--calendar-disabled-background);
         cursor: default;
     }
-.calendar__day_1r7ml.calendar__today_1r7ml {
+.calendar__day_oxidl.calendar__today_oxidl {
         font-weight: bold;
         color: var(--calendar-today-color);
     }
-.calendar__day_1r7ml.calendar__rangeComplete_1r7ml {
+.calendar__day_oxidl.calendar__rangeComplete_oxidl {
         background: var(--calendar-range-complete-background);
     }
-.calendar__day_1r7ml.calendar__selected_1r7ml,
-    .calendar__day_1r7ml.calendar__disabled_1r7ml.calendar__selected_1r7ml {
+.calendar__day_oxidl.calendar__selected_oxidl,
+    .calendar__day_oxidl.calendar__disabled_oxidl.calendar__selected_oxidl {
         color: var(--calendar-selected-color);
         background: var(--calendar-selected-background);
     }
-.calendar__day_1r7ml.calendar__selected_1r7ml:hover {
+.calendar__day_oxidl.calendar__selected_oxidl:hover {
             background: var(--calendar-selected-hover-background);
         }
-.calendar__day_1r7ml:focus {
+.calendar__day_oxidl:focus {
         z-index: 1;
     }
 /* RANGE */
-.calendar__dayWrapper_1r7ml {
+.calendar__dayWrapper_oxidl {
     position: relative
 }
-.calendar__dayWrapper_1r7ml:before {
+.calendar__dayWrapper_oxidl:before {
         content: '';
         display: block;
         position: absolute;
@@ -155,34 +155,34 @@
         width: 100%;
         height: var(--calendar-day-size);
     }
-.calendar__range_1r7ml .calendar__day_1r7ml:not(.calendar__selected_1r7ml):not(.calendar__disabled_1r7ml):not(.calendar__today_1r7ml) {
+.calendar__range_oxidl .calendar__day_oxidl:not(.calendar__selected_oxidl):not(.calendar__disabled_oxidl):not(.calendar__today_oxidl) {
         color: var(--calendar-range-color);
     }
-.calendar__range_1r7ml:before {
+.calendar__range_oxidl:before {
         background: var(--calendar-range-background);
     }
-.calendar__rangeEnd_1r7ml:before {
+.calendar__rangeEnd_oxidl:before {
         border-bottom-right-radius: 50%;
         border-top-right-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeEnd_1r7ml:after {
+.calendar__rangeEnd_oxidl:after {
         opacity: 0;
     }
-.calendar__rangeStart_1r7ml:before {
+.calendar__rangeStart_oxidl:before {
         left: auto;
         right: 0;
         border-bottom-left-radius: 50%;
         border-top-left-radius: 50%;
         width: var(--calendar-day-size);
     }
-.calendar__rangeStart_1r7ml:after {
+.calendar__rangeStart_oxidl:after {
         opacity: 0;
     }
-.calendar__rangeComplete_1r7ml:before {
+.calendar__rangeComplete_oxidl:before {
         background: var(--calendar-range-complete-background);
     }
-.calendar__transitLeft_1r7ml:after, .calendar__transitRight_1r7ml:after {
+.calendar__transitLeft_oxidl:after, .calendar__transitRight_oxidl:after {
         content: '';
         position: absolute;
         display: block;
@@ -191,7 +191,7 @@
         bottom: 0;
         pointer-events: none;
     }
-.calendar__transitLeft_1r7ml:after {
+.calendar__transitLeft_oxidl:after {
         right: 100%;
         background: linear-gradient(
             270deg,
@@ -199,13 +199,13 @@
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__transitLeft_1r7ml:first-child:before {
+.calendar__transitLeft_oxidl:first-child:before {
             opacity: 0;
         }
-.calendar__transitLeft_1r7ml:first-child:after {
+.calendar__transitLeft_oxidl:first-child:after {
             right: 0;
         }
-.calendar__transitRight_1r7ml:after {
+.calendar__transitRight_oxidl:after {
         left: 100%;
         background: linear-gradient(
             270deg,
@@ -213,20 +213,20 @@
             var(--calendar-range-background) 100%
         );
     }
-.calendar__transitRight_1r7ml:last-child:before {
+.calendar__transitRight_oxidl:last-child:before {
             opacity: 0;
         }
-.calendar__transitRight_1r7ml:last-child:after {
+.calendar__transitRight_oxidl:last-child:after {
             left: 0;
         }
-.calendar__rangeComplete_1r7ml.calendar__transitLeft_1r7ml:after {
+.calendar__rangeComplete_oxidl.calendar__transitLeft_oxidl:after {
         background: linear-gradient(
             270deg,
             var(--calendar-range-complete-background) 0%,
             var(--color-light-specialbg-nulled) 100%
         );
     }
-.calendar__rangeComplete_1r7ml.calendar__transitRight_1r7ml:after {
+.calendar__rangeComplete_oxidl.calendar__transitRight_oxidl:after {
         background: linear-gradient(
             270deg,
             var(--color-light-specialbg-nulled) 0%,
@@ -234,31 +234,31 @@
         );
     }
 /* SLIDE ANIMATION */
-.calendar__left_1r7ml .calendar__daysEnter_1r7ml {
+.calendar__left_oxidl .calendar__daysEnter_oxidl {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__left_1r7ml .calendar__daysEnterActive_1r7ml {
+.calendar__left_oxidl .calendar__daysEnterActive_oxidl {
         transform: translateX(0%);
     }
-.calendar__left_1r7ml .calendar__daysExit_1r7ml {
+.calendar__left_oxidl .calendar__daysExit_oxidl {
         transform: translateX(0%);
     }
-.calendar__left_1r7ml .calendar__daysExitActive_1r7ml {
+.calendar__left_oxidl .calendar__daysExitActive_oxidl {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1r7ml .calendar__daysEnter_1r7ml {
+.calendar__right_oxidl .calendar__daysEnter_oxidl {
         transform: translateX(calc(-1 * var(--calendar-day-size)));
     }
-.calendar__right_1r7ml .calendar__daysEnterActive_1r7ml {
+.calendar__right_oxidl .calendar__daysEnterActive_oxidl {
         transform: translateX(0%);
     }
-.calendar__right_1r7ml .calendar__daysExit_1r7ml {
+.calendar__right_oxidl .calendar__daysExit_oxidl {
         transform: translateX(0%);
     }
-.calendar__right_1r7ml .calendar__daysExitActive_1r7ml {
+.calendar__right_oxidl .calendar__daysExitActive_oxidl {
         transform: translateX(var(--calendar-day-size));
     }
-.calendar__dot_1r7ml {
+.calendar__dot_oxidl {
     display: block;
     position: absolute;
     bottom: 4px;
@@ -269,25 +269,25 @@
     border-radius: var(--border-radius-circle);
     background: var(--calendar-marker-background);
 }
-.calendar__selected_1r7ml .calendar__dot_1r7ml {
+.calendar__selected_oxidl .calendar__dot_oxidl {
     background: var(--calendar-marker-selected-background);
 }
-.calendar__daysEnter_1r7ml {
+.calendar__daysEnter_oxidl {
     opacity: 0;
     position: absolute;
     left: 0;
 }
-.calendar__daysEnterActive_1r7ml {
+.calendar__daysEnterActive_oxidl {
     opacity: 1;
 }
-.calendar__daysExit_1r7ml {
+.calendar__daysExit_oxidl {
     pointer-events: none;
     opacity: 1;
 }
-.calendar__daysExitActive_1r7ml {
+.calendar__daysExitActive_oxidl {
     opacity: 0;
 }
-.calendar__daysEnterActive_1r7ml,
-.calendar__daysExitActive_1r7ml {
+.calendar__daysEnterActive_oxidl,
+.calendar__daysExitActive_oxidl {
     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-143012f2.js');
+require('../../tslib.es6-b2bac420.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/components/header/Component.js

@@ -8,7 +8,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_sr4za","withShadow":"calendar__withShadow_sr4za"};
+var styles = {"header":"calendar__header_7i20l","withShadow":"calendar__withShadow_7i20l"};
 require('./index.css');
 
 var Header = function (_a) {

package/calendar/components/header/index.css

@@ -1,4 +1,4 @@
-/* hash: 1u059 */
+/* hash: 1ciq4 */
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
 
@@ -32,7 +32,7 @@
 
     /* marker */
 }
-.calendar__header_sr4za {
+.calendar__header_7i20l {
     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_sr4za {
+.calendar__withShadow_7i20l {
     box-shadow: var(--shadow-s);
 }