@alfalab/core-components 44.5.1 → 44.6.0

package/button/modern/mobile/inverted.mobile.css

@@ -109,36 +109,36 @@
 
     /* loader mobile */
     --button-spinner-inverted-primary-mobile-color: var(--color-light-neutral-1500);
-} .button__primary_s8inj {
+} .button__primary_eu89o {
     color: var(--button-inverted-primary-mobile-color);
     background-color: var(--button-inverted-primary-mobile-base-bg-color)
 } @media (hover: hover) {
-        .button__primary_s8inj:hover {
+        .button__primary_eu89o:hover {
             background-color: var(--button-inverted-primary-mobile-hover-bg-color);
         }
-    } .button__primary_s8inj:active {
+    } .button__primary_eu89o:active {
         background-color: var(--button-inverted-primary-mobile-active-bg-color);
-    } .button__primary_s8inj > .button__loader_s8inj {
+    } .button__primary_eu89o > .button__loader_eu89o {
         color: var(--button-spinner-inverted-primary-mobile-color);
-    } .button__secondary_s8inj {
+    } .button__secondary_eu89o {
     background-color: var(--button-inverted-secondary-mobile-base-bg-color)
-} .button__secondary_s8inj:active {
+} .button__secondary_eu89o:active {
         background-color: var(--button-inverted-secondary-mobile-active-bg-color);
-    } .button__ghost_s8inj:active {
+    } .button__ghost_eu89o:active {
         color: var(--button-inverted-ghost-mobile-active-color);
-    } .button__component_s8inj[disabled].button__primary_s8inj {
+    } .button__component_eu89o[disabled].button__primary_eu89o {
         color: var(--button-inverted-primary-mobile-disabled-color);
         background-color: var(--button-inverted-primary-mobile-disabled-bg-color)
-    } .button__component_s8inj[disabled].button__primary_s8inj.button__loading_s8inj {
+    } .button__component_eu89o[disabled].button__primary_eu89o.button__loading_eu89o {
             background-color: var(--button-inverted-primary-mobile-base-bg-color);
-        } .button__component_s8inj[disabled].button__secondary_s8inj {
+        } .button__component_eu89o[disabled].button__secondary_eu89o {
         color: var(--button-inverted-secondary-mobile-disabled-color);
         background-color: var(--button-inverted-secondary-mobile-disabled-bg-color);
-    } .button__component_s8inj[disabled].button__tertiary_s8inj {
+    } .button__component_eu89o[disabled].button__tertiary_eu89o {
         color: var(--button-inverted-tertiary-mobile-disabled-color);
         border-color: var(--button-inverted-tertiary-mobile-disabled-border-color);
-    } .button__component_s8inj[disabled].button__link_s8inj {
+    } .button__component_eu89o[disabled].button__link_eu89o {
         color: var(--button-inverted-link-mobile-disabled-color);
-    } .button__component_s8inj[disabled].button__ghost_s8inj {
+    } .button__component_eu89o[disabled].button__ghost_eu89o {
         color: var(--button-inverted-ghost-mobile-disabled-color);
     }

package/button/modern/mobile/mobile.css

@@ -83,16 +83,16 @@
     /* ghost mobile inverted */
 
     /* loader mobile */
-} .button__xxs_79qfz {
+} .button__xxs_3g5ne {
     border-radius: var(--button-xxs-size-mobile-border-radius);
-} .button__xs_79qfz {
+} .button__xs_3g5ne {
     border-radius: var(--button-xs-size-mobile-border-radius);
-} .button__s_79qfz {
+} .button__s_3g5ne {
     border-radius: var(--button-s-size-mobile-border-radius);
-} .button__m_79qfz {
+} .button__m_3g5ne {
     border-radius: var(--button-m-size-mobile-border-radius);
-} .button__l_79qfz {
+} .button__l_3g5ne {
     border-radius: var(--button-l-size-mobile-border-radius);
-} .button__xl_79qfz {
+} .button__xl_3g5ne {
     border-radius: var(--button-xl-size-mobile-border-radius);
 }

package/button/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getButtonTestIds } from "../utils";

package/button/modern/shared/index.js

@@ -0,0 +1,2 @@
+export { getButtonTestIds } from '../utils.js';
+import '../../../shared/modern';

package/button/modern/typings.d.ts

@@ -80,6 +80,11 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Дочерние элементы.
      */

package/button/modern/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getButtonTestIds(dataTestId: string): {
+    button: string;
+    spinner: string;
+};
+export { getButtonTestIds };

package/button/modern/utils.js

@@ -0,0 +1,10 @@
+import { getDataTestId } from '../../shared/modern';
+
+function getButtonTestIds(dataTestId) {
+    return {
+        button: dataTestId,
+        spinner: getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+export { getButtonTestIds };

package/button/shared/index.d.ts

@@ -0,0 +1 @@
+export { getButtonTestIds } from "../utils";

package/button/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getButtonTestIds = utils.getButtonTestIds;

package/button/shared/package.json

@@ -0,0 +1,3 @@
+{
+    "module": "../esm/shared/index.js"
+}

package/button/typings.d.ts

@@ -80,6 +80,11 @@ type ComponentProps = {
      * Набор цветов для компонента
      */
     colors?: 'default' | 'inverted';
+    /**
+     * Включает размытие фона для некоторых вариантов кнопки
+     * @description Может привести к просадке fps и другим багам. Старайтесь не размещать слишком много заблюреных элементов на одной странице.
+     */
+    allowBackdropBlur?: boolean;
     /**
      * Дочерние элементы.
      */

package/button/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getButtonTestIds(dataTestId: string): {
+    button: string;
+    spinner: string;
+};
+export { getButtonTestIds };

package/button/utils.js

@@ -0,0 +1,12 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var coreComponentsShared = require('../shared');
+
+function getButtonTestIds(dataTestId) {
+    return {
+        button: dataTestId,
+        spinner: coreComponentsShared.getDataTestId(dataTestId, 'loader'),
+    };
+}
+
+exports.getButtonTestIds = getButtonTestIds;

package/calendar/Component.responsive.js

@@ -5,70 +5,6 @@ var React = require('react');
 var coreComponentsMq = require('../mq');
 var components_calendarMobile_Component = require('./components/calendar-mobile/Component.js');
 var desktop_Component_desktop = require('./desktop/Component.desktop.js');
-require('react-merge-refs');
-require('react-virtuoso');
-require('@juggle/resize-observer');
-require('classnames');
-require('date-fns/endOfDay');
-require('date-fns/isSameMonth');
-require('date-fns/startOfDay');
-require('date-fns/startOfMonth');
-require('../button/mobile');
-require('../modal/mobile');
-require('./useCalendar.js');
-require('date-fns/addMonths');
-require('date-fns/addYears');
-require('date-fns/isSameDay');
-require('date-fns/isSameYear');
-require('date-fns/setYear');
-require('date-fns/subYears');
-require('./utils.js');
-require('date-fns/addDays');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/endOfWeek');
-require('date-fns/endOfYear');
-require('date-fns/format');
-require('date-fns/isAfter');
-require('date-fns/isBefore');
-require('date-fns/lastDayOfMonth');
-require('date-fns/max');
-require('date-fns/min');
-require('date-fns/parse');
-require('date-fns/startOfWeek');
-require('date-fns/startOfYear');
-require('date-fns/subDays');
-require('date-fns/subMonths');
-require('./components/days-table/Component.js');
-require('react-transition-group');
-require('date-fns/isEqual');
-require('date-fns/isLastDayOfMonth');
-require('date-fns/isToday');
-require('date-fns/isWithinInterval');
-require('../button/desktop');
-require('@alfalab/hooks');
-require('../shared');
-require('./components/header/Component.js');
-require('./components/month-year-header/Component.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('./components/select-button/Component.js');
-require('./components/months-table/Component.js');
-require('date-fns/isThisMonth');
-require('./components/period-slider/Component.js');
-require('../icon-button');
-require('@alfalab/icons-glyph/ChevronBackMIcon');
-require('./components/period-slider/utils.js');
-require('date-fns/addQuarters');
-require('date-fns/addWeeks');
-require('date-fns/endOfMonth');
-require('date-fns/endOfQuarter');
-require('date-fns/getQuarter');
-require('date-fns/getYear');
-require('date-fns/isYesterday');
-require('date-fns/startOfQuarter');
-require('./components/years-table/Component.js');
-require('date-fns/isThisYear');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/calendar/components/calendar-mobile/Component.js

@@ -16,57 +16,6 @@ var desktop_Component_desktop = require('../../desktop/Component.desktop.js');
 var useCalendar = require('../../useCalendar.js');
 var utils = require('../../utils.js');
 var components_daysTable_Component = require('../days-table/Component.js');
-require('../../../shared');
-require('@alfalab/hooks');
-require('../header/Component.js');
-require('../month-year-header/Component.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('../select-button/Component.js');
-require('../../../button/desktop');
-require('../months-table/Component.js');
-require('date-fns/isThisMonth');
-require('../period-slider/Component.js');
-require('date-fns/endOfWeek');
-require('date-fns/startOfWeek');
-require('../../../icon-button');
-require('@alfalab/icons-glyph/ChevronBackMIcon');
-require('../period-slider/utils.js');
-require('date-fns/addDays');
-require('date-fns/addMonths');
-require('date-fns/addQuarters');
-require('date-fns/addWeeks');
-require('date-fns/addYears');
-require('date-fns/endOfMonth');
-require('date-fns/endOfQuarter');
-require('date-fns/endOfYear');
-require('date-fns/getQuarter');
-require('date-fns/getYear');
-require('date-fns/isToday');
-require('date-fns/isYesterday');
-require('date-fns/startOfQuarter');
-require('date-fns/startOfYear');
-require('../years-table/Component.js');
-require('date-fns/isSameYear');
-require('date-fns/isThisYear');
-require('date-fns/isSameDay');
-require('date-fns/setYear');
-require('date-fns/subYears');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/format');
-require('date-fns/isAfter');
-require('date-fns/isBefore');
-require('date-fns/lastDayOfMonth');
-require('date-fns/max');
-require('date-fns/min');
-require('date-fns/parse');
-require('date-fns/subDays');
-require('date-fns/subMonths');
-require('react-transition-group');
-require('date-fns/isEqual');
-require('date-fns/isLastDayOfMonth');
-require('date-fns/isWithinInterval');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -78,13 +27,13 @@ var isSameMonth__default = /*#__PURE__*/_interopDefaultCompat(isSameMonth);
 var startOfDay__default = /*#__PURE__*/_interopDefaultCompat(startOfDay);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var backdropTransitionStyles = {"appear":"calendar__appear_1rqg3","enter":"calendar__enter_1rqg3","appearActive":"calendar__appearActive_1rqg3","enterActive":"calendar__enterActive_1rqg3","appearDone":"calendar__appearDone_1rqg3","enterDone":"calendar__enterDone_1rqg3","exit":"calendar__exit_1rqg3","exitActive":"calendar__exitActive_1rqg3","exitDone":"calendar__exitDone_1rqg3"};
+var backdropTransitionStyles = {"appear":"calendar__appear_prqto","enter":"calendar__enter_prqto","appearActive":"calendar__appearActive_prqto","enterActive":"calendar__enterActive_prqto","appearDone":"calendar__appearDone_prqto","enterDone":"calendar__enterDone_prqto","exit":"calendar__exit_prqto","exitActive":"calendar__exitActive_prqto","exitDone":"calendar__exitDone_prqto"};
 require('./backdrop-transitions.css');
 
-var styles = {"wrapper":"calendar__wrapper_1fef3","withZIndex":"calendar__withZIndex_1fef3","calendar":"calendar__calendar_1fef3","dayNames":"calendar__dayNames_1fef3","withHeader":"calendar__withHeader_1fef3","month":"calendar__month_1fef3","daysTable":"calendar__daysTable_1fef3","dayName":"calendar__dayName_1fef3","header":"calendar__header_1fef3","content":"calendar__content_1fef3"};
+var styles = {"wrapper":"calendar__wrapper_fandm","withZIndex":"calendar__withZIndex_fandm","calendar":"calendar__calendar_fandm","dayNames":"calendar__dayNames_fandm","withHeader":"calendar__withHeader_fandm","month":"calendar__month_fandm","daysTable":"calendar__daysTable_fandm","dayName":"calendar__dayName_fandm","virtuoso":"calendar__virtuoso_fandm","contentModal":"calendar__contentModal_fandm","content":"calendar__content_fandm"};
 require('./index.css');
 
-var transitionStyles = {"appear":"calendar__appear_1q0r5","enter":"calendar__enter_1q0r5","appearActive":"calendar__appearActive_1q0r5","enterActive":"calendar__enterActive_1q0r5","exit":"calendar__exit_1q0r5","exitActive":"calendar__exitActive_1q0r5","exitDone":"calendar__exitDone_1q0r5"};
+var transitionStyles = {"appear":"calendar__appear_116q7","enter":"calendar__enter_116q7","appearActive":"calendar__appearActive_116q7","enterActive":"calendar__enterActive_116q7","exit":"calendar__exit_116q7","exitActive":"calendar__exitActive_116q7","exitDone":"calendar__exitDone_116q7"};
 require('./transitions.css');
 
 // ResizeObserverPolyfill необходим для корректной работы react-virtuoso.
@@ -155,7 +104,7 @@ var CalendarMonthOnlyView = function (_a) {
             activeMonths[index].title,
             " ")),
         React__default.default.createElement(components_daysTable_Component.DaysTable, { withTransition: false, weeks: activeMonths[index].weeks, activeMonth: activeMonth, selectedFrom: selectedFrom, selectedTo: selectedTo, getDayProps: getDayProps, highlighted: highlighted, rangeComplete: rangeComplete, hasHeader: false, responsive: true, shape: shape }))); };
-    return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex !== null && initialMonthIndex !== void 0 ? initialMonthIndex : 0, align: 'center' }, increaseViewportBy: 500, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true }));
+    return (React__default.default.createElement(reactVirtuoso.Virtuoso, { totalCount: activeMonths.length, itemContent: renderMonth, initialTopMostItemIndex: { index: initialMonthIndex !== null && initialMonthIndex !== void 0 ? initialMonthIndex : 0, align: 'center' }, increaseViewportBy: 500, itemSize: function (el) { return el.getBoundingClientRect().height + 32; }, customScrollParent: scrollableContainer, useWindowScroll: true, className: styles.virtuoso }));
 };
 var CalendarMobile = React.forwardRef(function (_a, ref) {
     var _b, _c;
@@ -187,7 +136,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
         if (monthOnlyView) {
             return (React__default.default.createElement(CalendarMonthOnlyView, tslib.__assign({ open: open, yearsAmount: yearsAmount, scrollableContainer: modalRef, onMonthTitleClick: onMonthTitleClick }, commonProps, restProps)));
         }
-        return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, styles.calendar), headerClassName: styles.header, contentClassName: styles.content }, commonProps, restProps)));
+        return (React__default.default.createElement(desktop_Component_desktop.CalendarDesktop, tslib.__assign({ responsive: true, className: cn__default.default(className, styles.calendar), contentClassName: styles.content }, commonProps, restProps)));
     };
     var renderFooter = function () {
         if (selectedFrom || selectedTo) {
@@ -212,7 +161,7 @@ var CalendarMobile = React.forwardRef(function (_a, ref) {
             timeout: 360,
         } },
         hasHeader && (React__default.default.createElement(mobile.ModalMobile.Header, { hasCloser: true, title: title, sticky: true, bottomAddons: renderDayNames(), className: cn__default.default((_b = {}, _b[styles.withZIndex] = selectorView === 'full', _b)) })),
-        React__default.default.createElement(mobile.ModalMobile.Content, { flex: true }, renderContent()),
+        React__default.default.createElement(mobile.ModalMobile.Content, { className: styles.contentModal, flex: true }, renderContent()),
         React__default.default.createElement(mobile.ModalMobile.Footer, { sticky: true, className: cn__default.default((_c = {}, _c[styles.withZIndex] = selectorView === 'full', _c)) }, renderFooter())));
 });
 

package/calendar/components/calendar-mobile/backdrop-transitions.css

@@ -15,19 +15,19 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_1rqg3,
-.calendar__enter_1rqg3 {
+} .calendar__appear_prqto,
+.calendar__enter_prqto {
     background-color: transparent;
-} .calendar__appearActive_1rqg3,
-.calendar__enterActive_1rqg3,
-.calendar__appearDone_1rqg3,
-.calendar__enterDone_1rqg3 {
+} .calendar__appearActive_prqto,
+.calendar__enterActive_prqto,
+.calendar__appearDone_prqto,
+.calendar__enterDone_prqto {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
     transition: background-color 80ms linear;
-} .calendar__exit_1rqg3 {
+} .calendar__exit_prqto {
     background-color: var(--color-light-bg-primary-inverted-alpha-10);
-} .calendar__exitActive_1rqg3,
-.calendar__exitDone_1rqg3 {
+} .calendar__exitActive_prqto,
+.calendar__exitDone_prqto {
     background-color: transparent;
     transition: background-color 80ms linear;
     transition-delay: 280ms;

package/calendar/components/calendar-mobile/index.css

@@ -17,6 +17,7 @@
 } :root {
 } :root {
     --gap-xs: 8px;
+    --gap-m: 16px;
     --gap-2xl: 32px;
 } :root {
 } :root {
@@ -56,26 +57,26 @@
     /* mobile */
 
     /* paddings */
-} .calendar__wrapper_1fef3 {
+} .calendar__wrapper_fandm {
     overflow-x: hidden;
-} .calendar__withZIndex_1fef3 {
+} .calendar__withZIndex_fandm {
     z-index: 2;
-} .calendar__calendar_1fef3.calendar__calendar_1fef3 {
+} .calendar__calendar_fandm.calendar__calendar_fandm {
     height: 100%;
-} .calendar__calendar_1fef3 th {
+} .calendar__calendar_fandm th {
     border-bottom: 1px solid var(--color-light-neutral-300);
-} .calendar__dayNames_1fef3 {
+} .calendar__dayNames_fandm {
     width: 100%;
     position: sticky;
     background: var(--modal-header-background);
     top: 0;
     height: 32px;
     padding: 0 6px
-} .calendar__dayNames_1fef3.calendar__withHeader_1fef3 {
+} .calendar__dayNames_fandm.calendar__withHeader_fandm {
         top: 48px;
-    } .calendar__dayNames_1fef3 th {
+    } .calendar__dayNames_fandm th {
     height: 100%;
-} .calendar__month_1fef3 {
+} .calendar__month_fandm {
     font-style: normal;
     font-weight: 700;
     font-size: 12px;
@@ -84,24 +85,25 @@
     text-transform: uppercase;
     color: var(--color-light-text-primary);
     margin-bottom: var(--gap-xs);
-} .calendar__daysTable_1fef3 {
+} .calendar__daysTable_fandm {
     display: flex;
     flex-direction: column;
     margin-top: var(--gap-2xl);
-} .calendar__dayName_1fef3 {
+} .calendar__dayName_fandm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
 
     height: var(--calendar-day-size);
     color: var(--color-light-text-secondary)
-} @media (max-width: 374px) { .calendar__dayName_1fef3 {
+} @media (max-width: 374px) { .calendar__dayName_fandm {
         height: 36px
 }
-    } .calendar__header_1fef3.calendar__header_1fef3,
-.calendar__content_1fef3.calendar__content_1fef3 {
+    } .calendar__virtuoso_fandm {
+    margin: 0 var(--gap-m);
+} .calendar__contentModal_fandm {
     padding-right: 0;
     padding-left: 0;
-} .calendar__content_1fef3.calendar__content_1fef3 {
+} .calendar__content_fandm.calendar__content_fandm {
     flex-basis: 0;
 }

package/calendar/components/calendar-mobile/index.js

@@ -1,73 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
 var components_calendarMobile_Component = require('./Component.js');
-require('tslib');
-require('react');
-require('react-merge-refs');
-require('react-virtuoso');
-require('@juggle/resize-observer');
-require('classnames');
-require('date-fns/endOfDay');
-require('date-fns/isSameMonth');
-require('date-fns/startOfDay');
-require('date-fns/startOfMonth');
-require('../../../button/mobile');
-require('../../../modal/mobile');
-require('../../desktop/Component.desktop.js');
-require('../../../shared');
-require('@alfalab/hooks');
-require('../days-table/Component.js');
-require('react-transition-group');
-require('date-fns/isEqual');
-require('date-fns/isLastDayOfMonth');
-require('date-fns/isSameDay');
-require('date-fns/isToday');
-require('date-fns/isWithinInterval');
-require('../../../button/desktop');
-require('../../utils.js');
-require('date-fns/addDays');
-require('date-fns/addMonths');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/endOfWeek');
-require('date-fns/endOfYear');
-require('date-fns/format');
-require('date-fns/isAfter');
-require('date-fns/isBefore');
-require('date-fns/lastDayOfMonth');
-require('date-fns/max');
-require('date-fns/min');
-require('date-fns/parse');
-require('date-fns/startOfWeek');
-require('date-fns/startOfYear');
-require('date-fns/subDays');
-require('date-fns/subMonths');
-require('../header/Component.js');
-require('../month-year-header/Component.js');
-require('@alfalab/icons-glyph/ChevronDownCompactSIcon');
-require('../select-button/Component.js');
-require('../months-table/Component.js');
-require('date-fns/isThisMonth');
-require('../period-slider/Component.js');
-require('../../../icon-button');
-require('@alfalab/icons-glyph/ChevronBackMIcon');
-require('../period-slider/utils.js');
-require('date-fns/addQuarters');
-require('date-fns/addWeeks');
-require('date-fns/addYears');
-require('date-fns/endOfMonth');
-require('date-fns/endOfQuarter');
-require('date-fns/getQuarter');
-require('date-fns/getYear');
-require('date-fns/isYesterday');
-require('date-fns/startOfQuarter');
-require('../years-table/Component.js');
-require('date-fns/isSameYear');
-require('date-fns/isThisYear');
-require('../../useCalendar.js');
-require('date-fns/setYear');
-require('date-fns/subYears');
 
 
 

package/calendar/components/calendar-mobile/transitions.css

@@ -14,18 +14,18 @@
 } :root {
 } :root {
 } :root {
-} .calendar__appear_1q0r5,
-.calendar__enter_1q0r5 {
+} .calendar__appear_116q7,
+.calendar__enter_116q7 {
     transform: translateX(100%);
-} .calendar__appearActive_1q0r5,
-.calendar__enterActive_1q0r5 {
+} .calendar__appearActive_116q7,
+.calendar__enterActive_116q7 {
     transform: translateX(0);
     transition: transform 280ms ease-in-out;
     transition-delay: 80ms;
-} .calendar__exit_1q0r5 {
+} .calendar__exit_116q7 {
     transform: translateX(0);
-} .calendar__exitActive_1q0r5,
-.calendar__exitDone_1q0r5 {
+} .calendar__exitActive_116q7,
+.calendar__exitDone_116q7 {
     transform: translateX(100%);
     transition: transform 280ms ease-in-out;
 }

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

@@ -13,26 +13,6 @@ var startOfMonth = require('date-fns/startOfMonth');
 var desktop = require('../../../button/desktop');
 var hooks = require('@alfalab/hooks');
 var utils = require('../../utils.js');
-require('date-fns/addDays');
-require('date-fns/addMonths');
-require('date-fns/eachDayOfInterval');
-require('date-fns/eachMonthOfInterval');
-require('date-fns/eachYearOfInterval');
-require('date-fns/endOfDay');
-require('date-fns/endOfWeek');
-require('date-fns/endOfYear');
-require('date-fns/format');
-require('date-fns/isAfter');
-require('date-fns/isBefore');
-require('date-fns/lastDayOfMonth');
-require('date-fns/max');
-require('date-fns/min');
-require('date-fns/parse');
-require('date-fns/startOfDay');
-require('date-fns/startOfWeek');
-require('date-fns/startOfYear');
-require('date-fns/subDays');
-require('date-fns/subMonths');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -45,7 +25,7 @@ var isToday__default = /*#__PURE__*/_interopDefaultCompat(isToday);
 var isWithinInterval__default = /*#__PURE__*/_interopDefaultCompat(isWithinInterval);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultCompat(startOfMonth);
 
-var styles = {"daysTable":"calendar__daysTable_l6ekk","responsive":"calendar__responsive_l6ekk","dayName":"calendar__dayName_l6ekk","day":"calendar__day_l6ekk","rounded":"calendar__rounded_l6ekk","rectangular":"calendar__rectangular_l6ekk","highlighted":"calendar__highlighted_l6ekk","range":"calendar__range_l6ekk","disabled":"calendar__disabled_l6ekk","holiday":"calendar__holiday_l6ekk","today":"calendar__today_l6ekk","rangeComplete":"calendar__rangeComplete_l6ekk","selected":"calendar__selected_l6ekk","dayWrapper":"calendar__dayWrapper_l6ekk","cursorPointer":"calendar__cursorPointer_l6ekk","rangeEnd":"calendar__rangeEnd_l6ekk","rangeStart":"calendar__rangeStart_l6ekk","transitLeft":"calendar__transitLeft_l6ekk","transitRight":"calendar__transitRight_l6ekk","sharpTransitLeft":"calendar__sharpTransitLeft_l6ekk","sharpTransitRight":"calendar__sharpTransitRight_l6ekk","daysEnter":"calendar__daysEnter_l6ekk","left":"calendar__left_l6ekk","daysEnterActive":"calendar__daysEnterActive_l6ekk","daysExit":"calendar__daysExit_l6ekk","daysExitActive":"calendar__daysExitActive_l6ekk","right":"calendar__right_l6ekk","dayAddons":"calendar__dayAddons_l6ekk","dayContent":"calendar__dayContent_l6ekk","addons":"calendar__addons_l6ekk","dot":"calendar__dot_l6ekk","bottomAddon":"calendar__bottomAddon_l6ekk"};
+var styles = {"daysTable":"calendar__daysTable_1a0fi","responsive":"calendar__responsive_1a0fi","dayName":"calendar__dayName_1a0fi","day":"calendar__day_1a0fi","rounded":"calendar__rounded_1a0fi","rectangular":"calendar__rectangular_1a0fi","highlighted":"calendar__highlighted_1a0fi","range":"calendar__range_1a0fi","disabled":"calendar__disabled_1a0fi","holiday":"calendar__holiday_1a0fi","today":"calendar__today_1a0fi","rangeComplete":"calendar__rangeComplete_1a0fi","selected":"calendar__selected_1a0fi","dayWrapper":"calendar__dayWrapper_1a0fi","cursorPointer":"calendar__cursorPointer_1a0fi","rangeEnd":"calendar__rangeEnd_1a0fi","rangeStart":"calendar__rangeStart_1a0fi","transitLeft":"calendar__transitLeft_1a0fi","transitRight":"calendar__transitRight_1a0fi","sharpTransitLeft":"calendar__sharpTransitLeft_1a0fi","sharpTransitRight":"calendar__sharpTransitRight_1a0fi","daysEnter":"calendar__daysEnter_1a0fi","left":"calendar__left_1a0fi","daysEnterActive":"calendar__daysEnterActive_1a0fi","daysExit":"calendar__daysExit_1a0fi","daysExitActive":"calendar__daysExitActive_1a0fi","right":"calendar__right_1a0fi","dayAddons":"calendar__dayAddons_1a0fi","dayContent":"calendar__dayContent_1a0fi","addons":"calendar__addons_1a0fi","dot":"calendar__dot_1a0fi","bottomAddon":"calendar__bottomAddon_1a0fi"};
 require('./index.css');
 
 var DaysTable = function (_a) {