@alfalab/core-components 23.0.0 → 23.4.0

package/calendar-input/cssm/Component.d.ts

@@ -88,6 +88,10 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Позиционирование поповера с календарем
      */
     popoverPosition?: PopoverProps['position'];
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: PopoverProps['zIndex'];
     /**
      * Календарь будет принимать ширину инпута
      */
@@ -177,6 +181,10 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Pick<DateInputProps
      * Позиционирование поповера с календарем
      */
     popoverPosition?: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: number | undefined;
     /**
      * Календарь будет принимать ширину инпута
      */

package/calendar-input/cssm/Component.js

@@ -57,7 +57,7 @@ function __rest(s, e) {
 
 var CalendarInput = React.forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.block, block = _c === void 0 ? false : _c, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, defaultMonth = _a.defaultMonth, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, _f = _a.calendarPosition, calendarPosition = _f === void 0 ? 'popover' : _f, value = _a.value, dataTestId = _a.dataTestId, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, _h = _a.minDate, minDate = _h === void 0 ? calendarProps.minDate : _h, _j = _a.maxDate, maxDate = _j === void 0 ? calendarProps.maxDate : _j, _k = _a.offDays, offDays = _k === void 0 ? calendarProps.offDays || [] : _k, preventFlip = _a.preventFlip, _l = _a.mobileMode, mobileMode = _l === void 0 ? 'popover' : _l, _m = _a.wrapperRef, wrapperRef = _m === void 0 ? null : _m, disabled = _a.disabled, onChange = _a.onChange, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _o = _a.Calendar, Calendar = _o === void 0 ? coreComponentsCalendar.Calendar : _o, _p = _a.popoverPosition, popoverPosition = _p === void 0 ? 'bottom-start' : _p, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "useAnchorWidth", "rightAddons"]);
+    var _c = _a.block, block = _c === void 0 ? false : _c, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, defaultMonth = _a.defaultMonth, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, _f = _a.calendarPosition, calendarPosition = _f === void 0 ? 'popover' : _f, value = _a.value, dataTestId = _a.dataTestId, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, _h = _a.minDate, minDate = _h === void 0 ? calendarProps.minDate : _h, _j = _a.maxDate, maxDate = _j === void 0 ? calendarProps.maxDate : _j, _k = _a.offDays, offDays = _k === void 0 ? calendarProps.offDays || [] : _k, preventFlip = _a.preventFlip, _l = _a.mobileMode, mobileMode = _l === void 0 ? 'popover' : _l, _m = _a.wrapperRef, wrapperRef = _m === void 0 ? null : _m, disabled = _a.disabled, onChange = _a.onChange, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _o = _a.Calendar, Calendar = _o === void 0 ? coreComponentsCalendar.Calendar : _o, _p = _a.popoverPosition, popoverPosition = _p === void 0 ? 'bottom-start' : _p, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons"]);
     var uncontrolled = value === undefined;
     var shouldRenderNative = coreComponentsDateInput.SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
     var shouldRenderOnlyInput = mobileMode === 'input';
@@ -160,7 +160,7 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
                 rightAddons,
                 React__default['default'].createElement(CalendarMIcon.CalendarMIcon, { className: styles__default['default'].calendarIcon })), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),
-        shouldRenderPopover && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles__default['default'].calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip }, renderCalendar()))));
+        shouldRenderPopover && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles__default['default'].calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
 });
 
 exports.CalendarInput = CalendarInput;

package/calendar-input/esm/Component.d.ts

@@ -88,6 +88,10 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Позиционирование поповера с календарем
      */
     popoverPosition?: PopoverProps['position'];
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: PopoverProps['zIndex'];
     /**
      * Календарь будет принимать ширину инпута
      */
@@ -177,6 +181,10 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Pick<DateInputProps
      * Позиционирование поповера с календарем
      */
     popoverPosition?: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: number | undefined;
     /**
      * Календарь будет принимать ширину инпута
      */

package/calendar-input/esm/Component.js

@@ -45,12 +45,12 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-input__component_7j6g4","block":"calendar-input__block_7j6g4","calendarContainer":"calendar-input__calendarContainer_7j6g4","calendarIcon":"calendar-input__calendarIcon_7j6g4","nativeInput":"calendar-input__nativeInput_7j6g4"};
+var styles = {"component":"calendar-input__component_1voti","block":"calendar-input__block_1voti","calendarContainer":"calendar-input__calendarContainer_1voti","calendarIcon":"calendar-input__calendarIcon_1voti","nativeInput":"calendar-input__nativeInput_1voti"};
 require('./index.css');
 
 var CalendarInput = forwardRef(function (_a, ref) {
     var _b;
-    var _c = _a.block, block = _c === void 0 ? false : _c, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, defaultMonth = _a.defaultMonth, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, _f = _a.calendarPosition, calendarPosition = _f === void 0 ? 'popover' : _f, value = _a.value, dataTestId = _a.dataTestId, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, _h = _a.minDate, minDate = _h === void 0 ? calendarProps.minDate : _h, _j = _a.maxDate, maxDate = _j === void 0 ? calendarProps.maxDate : _j, _k = _a.offDays, offDays = _k === void 0 ? calendarProps.offDays || [] : _k, preventFlip = _a.preventFlip, _l = _a.mobileMode, mobileMode = _l === void 0 ? 'popover' : _l, _m = _a.wrapperRef, wrapperRef = _m === void 0 ? null : _m, disabled = _a.disabled, onChange = _a.onChange, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _o = _a.Calendar, Calendar$1 = _o === void 0 ? Calendar : _o, _p = _a.popoverPosition, popoverPosition = _p === void 0 ? 'bottom-start' : _p, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "useAnchorWidth", "rightAddons"]);
+    var _c = _a.block, block = _c === void 0 ? false : _c, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, defaultMonth = _a.defaultMonth, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, _f = _a.calendarPosition, calendarPosition = _f === void 0 ? 'popover' : _f, value = _a.value, dataTestId = _a.dataTestId, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, _h = _a.minDate, minDate = _h === void 0 ? calendarProps.minDate : _h, _j = _a.maxDate, maxDate = _j === void 0 ? calendarProps.maxDate : _j, _k = _a.offDays, offDays = _k === void 0 ? calendarProps.offDays || [] : _k, preventFlip = _a.preventFlip, _l = _a.mobileMode, mobileMode = _l === void 0 ? 'popover' : _l, _m = _a.wrapperRef, wrapperRef = _m === void 0 ? null : _m, disabled = _a.disabled, onChange = _a.onChange, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _o = _a.Calendar, Calendar$1 = _o === void 0 ? Calendar : _o, _p = _a.popoverPosition, popoverPosition = _p === void 0 ? 'bottom-start' : _p, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons"]);
     var uncontrolled = value === undefined;
     var shouldRenderNative = SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
     var shouldRenderOnlyInput = mobileMode === 'input';
@@ -153,7 +153,7 @@ var CalendarInput = forwardRef(function (_a, ref) {
                 rightAddons,
                 React.createElement(CalendarMIcon, { className: styles.calendarIcon })), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),
-        shouldRenderPopover && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip }, renderCalendar()))));
+        shouldRenderPopover && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
 });
 
 export { CalendarInput };

package/calendar-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: e3y9o */
+/* hash: 19xym */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
@@ -43,15 +43,15 @@
     --calendar-input-popover-border-color: var(--color-light-border-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
 }
-.calendar-input__component_7j6g4 {
+.calendar-input__component_1voti {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_7j6g4 {
+.calendar-input__block_1voti {
     width: 100%;
 }
-.calendar-input__calendarContainer_7j6g4 {
+.calendar-input__calendarContainer_1voti {
     display: inline-block;
     box-sizing: border-box;
     box-shadow: var(--shadow-s);
@@ -59,21 +59,21 @@
     border-radius: var(--calendar-input-popover-border-radius)
 }
 @media (max-width: 374px) {
-.calendar-input__calendarContainer_7j6g4 {
+.calendar-input__calendarContainer_1voti {
         width: 100%;
         min-width: 288px
 }
     }
-.calendar-input__calendarIcon_7j6g4 {
+.calendar-input__calendarIcon_1voti {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_7j6g4:not(:only-child) {
+.calendar-input__calendarIcon_1voti:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_7j6g4 {
+.calendar-input__nativeInput_1voti {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -84,9 +84,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_7j6g4::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_1voti::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_7j6g4::-webkit-inner-spin-button {
+.calendar-input__nativeInput_1voti::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/index.css

@@ -1,4 +1,4 @@
-/* hash: e3y9o */
+/* hash: 19xym */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
@@ -43,15 +43,15 @@
     --calendar-input-popover-border-color: var(--color-light-border-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
 }
-.calendar-input__component_7j6g4 {
+.calendar-input__component_1voti {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_7j6g4 {
+.calendar-input__block_1voti {
     width: 100%;
 }
-.calendar-input__calendarContainer_7j6g4 {
+.calendar-input__calendarContainer_1voti {
     display: inline-block;
     box-sizing: border-box;
     box-shadow: var(--shadow-s);
@@ -59,21 +59,21 @@
     border-radius: var(--calendar-input-popover-border-radius)
 }
 @media (max-width: 374px) {
-.calendar-input__calendarContainer_7j6g4 {
+.calendar-input__calendarContainer_1voti {
         width: 100%;
         min-width: 288px
 }
     }
-.calendar-input__calendarIcon_7j6g4 {
+.calendar-input__calendarIcon_1voti {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_7j6g4:not(:only-child) {
+.calendar-input__calendarIcon_1voti:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_7j6g4 {
+.calendar-input__nativeInput_1voti {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -84,9 +84,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_7j6g4::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_1voti::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_7j6g4::-webkit-inner-spin-button {
+.calendar-input__nativeInput_1voti::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/modern/Component.d.ts

@@ -88,6 +88,10 @@ type CalendarInputProps = Omit<DateInputProps, 'onChange' | 'mobileMode'> & {
      * Позиционирование поповера с календарем
      */
     popoverPosition?: PopoverProps['position'];
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: PopoverProps['zIndex'];
     /**
      * Календарь будет принимать ширину инпута
      */
@@ -177,6 +181,10 @@ declare const CalendarInput: React.ForwardRefExoticComponent<Pick<DateInputProps
      * Позиционирование поповера с календарем
      */
     popoverPosition?: "top" | "bottom" | "right" | "left" | "top-start" | "top-end" | "bottom-start" | "bottom-end" | "right-start" | "right-end" | "left-start" | "left-end" | undefined;
+    /**
+     * z-index Popover
+     */
+    zIndexPopover?: number | undefined;
     /**
      * Календарь будет принимать ширину инпута
      */

package/calendar-input/modern/Component.js

@@ -6,10 +6,10 @@ import { Popover } from '../../popover/modern';
 import { parseDateString, isCompleteDateInput, formatDate, DateInput, SUPPORTS_INPUT_TYPE_DATE } from '../../date-input/modern';
 import { Calendar, dateInLimits } from '../../calendar/modern';
 
-var styles = {"component":"calendar-input__component_7j6g4","block":"calendar-input__block_7j6g4","calendarContainer":"calendar-input__calendarContainer_7j6g4","calendarIcon":"calendar-input__calendarIcon_7j6g4","nativeInput":"calendar-input__nativeInput_7j6g4"};
+var styles = {"component":"calendar-input__component_1voti","block":"calendar-input__block_1voti","calendarContainer":"calendar-input__calendarContainer_1voti","calendarIcon":"calendar-input__calendarIcon_1voti","nativeInput":"calendar-input__nativeInput_1voti"};
 require('./index.css');
 
-const CalendarInput = forwardRef(({ block = false, className, inputClassName, popoverClassName, defaultOpen = false, defaultMonth, defaultValue = '', calendarPosition = 'popover', value, dataTestId, calendarProps = {}, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], preventFlip, mobileMode = 'popover', wrapperRef = null, disabled, onChange, onInputChange, onCalendarChange, onKeyDown, readOnly, Calendar: Calendar$1 = Calendar, popoverPosition = 'bottom-start', useAnchorWidth, rightAddons, ...restProps }, ref) => {
+const CalendarInput = forwardRef(({ block = false, className, inputClassName, popoverClassName, defaultOpen = false, defaultMonth, defaultValue = '', calendarPosition = 'popover', value, dataTestId, calendarProps = {}, minDate = calendarProps.minDate, maxDate = calendarProps.maxDate, offDays = calendarProps.offDays || [], preventFlip, mobileMode = 'popover', wrapperRef = null, disabled, onChange, onInputChange, onCalendarChange, onKeyDown, readOnly, Calendar: Calendar$1 = Calendar, popoverPosition = 'bottom-start', zIndexPopover, useAnchorWidth, rightAddons, ...restProps }, ref) => {
     const uncontrolled = value === undefined;
     const shouldRenderNative = SUPPORTS_INPUT_TYPE_DATE && mobileMode === 'native';
     const shouldRenderOnlyInput = mobileMode === 'input';
@@ -110,7 +110,7 @@ const CalendarInput = forwardRef(({ block = false, className, inputClassName, po
                 rightAddons,
                 React.createElement(CalendarMIcon, { className: styles.calendarIcon })), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),
-        shouldRenderPopover && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip }, renderCalendar()))));
+        shouldRenderPopover && (React.createElement(Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
 });
 
 export { CalendarInput };

package/calendar-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: e3y9o */
+/* hash: 19xym */
 :root {
     --color-light-border-primary: #dbdee1;
     --color-light-graphic-primary: #0b1f35;
@@ -43,15 +43,15 @@
     --calendar-input-popover-border-color: var(--color-light-border-primary);
     --calendar-input-popover-border-radius: var(--border-radius-m);
 }
-.calendar-input__component_7j6g4 {
+.calendar-input__component_1voti {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_7j6g4 {
+.calendar-input__block_1voti {
     width: 100%;
 }
-.calendar-input__calendarContainer_7j6g4 {
+.calendar-input__calendarContainer_1voti {
     display: inline-block;
     box-sizing: border-box;
     box-shadow: var(--shadow-s);
@@ -59,21 +59,21 @@
     border-radius: var(--calendar-input-popover-border-radius)
 }
 @media (max-width: 374px) {
-.calendar-input__calendarContainer_7j6g4 {
+.calendar-input__calendarContainer_1voti {
         width: 100%;
         min-width: 288px
 }
     }
-.calendar-input__calendarIcon_7j6g4 {
+.calendar-input__calendarIcon_1voti {
     width: 24px;
     height: 24px;
     display: block;
     color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_7j6g4:not(:only-child) {
+.calendar-input__calendarIcon_1voti:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_7j6g4 {
+.calendar-input__nativeInput_1voti {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -84,9 +84,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_7j6g4::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_1voti::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_7j6g4::-webkit-inner-spin-button {
+.calendar-input__nativeInput_1voti::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-range/Component.js

@@ -41,7 +41,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"calendar-range__component_1v83x","divider":"calendar-range__divider_1v83x"};
+var styles = {"component":"calendar-range__component_1kcmx","divider":"calendar-range__divider_1kcmx"};
 require('./index.css');
 
 var CalendarRange = function (_a) {

package/calendar-range/esm/Component.js

@@ -34,7 +34,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"calendar-range__component_1v83x","divider":"calendar-range__divider_1v83x"};
+var styles = {"component":"calendar-range__component_1kcmx","divider":"calendar-range__divider_1kcmx"};
 require('./index.css');
 
 var CalendarRange = function (_a) {

package/calendar-range/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bubo */
+/* hash: 5761z */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_1v83x {
+.calendar-range__component_1kcmx {
     display: flex
 }
-.calendar-range__component_1v83x button[aria-selected='true'] {
+.calendar-range__component_1kcmx button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_1v83x {
+.calendar-range__divider_1kcmx {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1v83x:after {
+.calendar-range__divider_1kcmx:after {
         content: '';
         display: block;
         width: 100%;

package/calendar-range/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bubo */
+/* hash: 5761z */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_1v83x {
+.calendar-range__component_1kcmx {
     display: flex
 }
-.calendar-range__component_1v83x button[aria-selected='true'] {
+.calendar-range__component_1kcmx button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_1v83x {
+.calendar-range__divider_1kcmx {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1v83x:after {
+.calendar-range__divider_1kcmx:after {
         content: '';
         display: block;
         width: 100%;

package/calendar-range/modern/Component.js

@@ -7,7 +7,7 @@ import { initialValueState, getCorrectValueState, isDayButton } from './utils.js
 import { useCalendarMonthes } from './useCalendarMonthes.js';
 import { useCalendarMaxMinDates } from './useCalendarMaxMinDates.js';
 
-var styles = {"component":"calendar-range__component_1v83x","divider":"calendar-range__divider_1v83x"};
+var styles = {"component":"calendar-range__component_1kcmx","divider":"calendar-range__divider_1kcmx"};
 require('./index.css');
 
 /* eslint-disable multiline-comment-style */

package/calendar-range/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 1bubo */
+/* hash: 5761z */
 :root {
     --color-light-graphic-primary: #0b1f35;
 }
@@ -13,13 +13,13 @@
 :root {
     --gap-xs: 8px;
 }
-.calendar-range__component_1v83x {
+.calendar-range__component_1kcmx {
     display: flex
 }
-.calendar-range__component_1v83x button[aria-selected='true'] {
+.calendar-range__component_1kcmx button[aria-selected='true'] {
         cursor: pointer;
     }
-.calendar-range__divider_1v83x {
+.calendar-range__divider_1kcmx {
     height: 48px;
     display: flex;
     align-items: center;
@@ -27,7 +27,7 @@
     width: 16px;
     margin: 0 var(--gap-xs)
 }
-.calendar-range__divider_1v83x:after {
+.calendar-range__divider_1kcmx:after {
         content: '';
         display: block;
         width: 100%;

package/calendar-with-skeleton/Component.js

@@ -50,7 +50,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_smlhw","calendarVisible":"calendar-with-skeleton__calendarVisible_smlhw","skeleton":"calendar-with-skeleton__skeleton_smlhw","header":"calendar-with-skeleton__header_smlhw","weekDays":"calendar-with-skeleton__weekDays_smlhw","row":"calendar-with-skeleton__row_smlhw","enter":"calendar-with-skeleton__enter_smlhw","enterActive":"calendar-with-skeleton__enterActive_smlhw","exit":"calendar-with-skeleton__exit_smlhw","exitActive":"calendar-with-skeleton__exitActive_smlhw"};
+var styles = {"component":"calendar-with-skeleton__component_1841x","calendarVisible":"calendar-with-skeleton__calendarVisible_1841x","skeleton":"calendar-with-skeleton__skeleton_1841x","header":"calendar-with-skeleton__header_1841x","weekDays":"calendar-with-skeleton__weekDays_1841x","row":"calendar-with-skeleton__row_1841x","enter":"calendar-with-skeleton__enter_1841x","enterActive":"calendar-with-skeleton__enterActive_1841x","exit":"calendar-with-skeleton__exit_1841x","exitActive":"calendar-with-skeleton__exitActive_1841x"};
 require('./index.css');
 
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {

package/calendar-with-skeleton/esm/Component.js

@@ -43,7 +43,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-with-skeleton__component_smlhw","calendarVisible":"calendar-with-skeleton__calendarVisible_smlhw","skeleton":"calendar-with-skeleton__skeleton_smlhw","header":"calendar-with-skeleton__header_smlhw","weekDays":"calendar-with-skeleton__weekDays_smlhw","row":"calendar-with-skeleton__row_smlhw","enter":"calendar-with-skeleton__enter_smlhw","enterActive":"calendar-with-skeleton__enterActive_smlhw","exit":"calendar-with-skeleton__exit_smlhw","exitActive":"calendar-with-skeleton__exitActive_smlhw"};
+var styles = {"component":"calendar-with-skeleton__component_1841x","calendarVisible":"calendar-with-skeleton__calendarVisible_1841x","skeleton":"calendar-with-skeleton__skeleton_1841x","header":"calendar-with-skeleton__header_1841x","weekDays":"calendar-with-skeleton__weekDays_1841x","row":"calendar-with-skeleton__row_1841x","enter":"calendar-with-skeleton__enter_1841x","enterActive":"calendar-with-skeleton__enterActive_1841x","exit":"calendar-with-skeleton__exit_1841x","exitActive":"calendar-with-skeleton__exitActive_1841x"};
 require('./index.css');
 
 var CalendarWithSkeleton = forwardRef(function (_a, ref) {

package/calendar-with-skeleton/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: y4kbk */
+/* hash: yljjk */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_smlhw {
+.calendar-with-skeleton__component_1841x {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_smlhw {
+.calendar-with-skeleton__calendarVisible_1841x {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_smlhw {
+.calendar-with-skeleton__skeleton_1841x {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -37,25 +37,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_smlhw {
+.calendar-with-skeleton__header_1841x {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_smlhw {
+.calendar-with-skeleton__weekDays_1841x {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_smlhw {
+.calendar-with-skeleton__row_1841x {
     height: 32px
 }
-.calendar-with-skeleton__row_smlhw + .calendar-with-skeleton__row_smlhw {
+.calendar-with-skeleton__row_1841x + .calendar-with-skeleton__row_1841x {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_smlhw,
-.calendar-with-skeleton__enterActive_smlhw,
-.calendar-with-skeleton__exit_smlhw {
+.calendar-with-skeleton__enter_1841x,
+.calendar-with-skeleton__enterActive_1841x,
+.calendar-with-skeleton__exit_1841x {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_smlhw {
+.calendar-with-skeleton__exitActive_1841x {
     opacity: 0;
 }

package/calendar-with-skeleton/index.css

@@ -1,4 +1,4 @@
-/* hash: y4kbk */
+/* hash: yljjk */
 :root {
     --color-light-bg-primary: #fff;
 }
@@ -14,15 +14,15 @@
     --gap-m: 16px;
     --gap-l: 20px;
 }
-.calendar-with-skeleton__component_smlhw {
+.calendar-with-skeleton__component_1841x {
     width: var(--calendar-width);
     height: var(--calendar-height);
     position: relative;
 }
-.calendar-with-skeleton__calendarVisible_smlhw {
+.calendar-with-skeleton__calendarVisible_1841x {
     height: auto;
 }
-.calendar-with-skeleton__skeleton_smlhw {
+.calendar-with-skeleton__skeleton_1841x {
     display: flex;
     flex-direction: column;
     padding: var(--gap-m);
@@ -37,25 +37,25 @@
     background-color: var(--color-light-bg-primary);
     background-clip: content-box;
 }
-.calendar-with-skeleton__header_smlhw {
+.calendar-with-skeleton__header_1841x {
     height: 48px;
     margin-bottom: var(--gap-l);
 }
-.calendar-with-skeleton__weekDays_smlhw {
+.calendar-with-skeleton__weekDays_1841x {
     height: 12px;
     margin-bottom: var(--gap-m);
 }
-.calendar-with-skeleton__row_smlhw {
+.calendar-with-skeleton__row_1841x {
     height: 32px
 }
-.calendar-with-skeleton__row_smlhw + .calendar-with-skeleton__row_smlhw {
+.calendar-with-skeleton__row_1841x + .calendar-with-skeleton__row_1841x {
         margin-top: 10px;
     }
-.calendar-with-skeleton__enter_smlhw,
-.calendar-with-skeleton__enterActive_smlhw,
-.calendar-with-skeleton__exit_smlhw {
+.calendar-with-skeleton__enter_1841x,
+.calendar-with-skeleton__enterActive_1841x,
+.calendar-with-skeleton__exit_1841x {
     opacity: 1;
 }
-.calendar-with-skeleton__exitActive_smlhw {
+.calendar-with-skeleton__exitActive_1841x {
     opacity: 0;
 }

package/calendar-with-skeleton/modern/Component.js

@@ -4,7 +4,7 @@ import { CSSTransition } from 'react-transition-group';
 import { Skeleton } from '../../skeleton/modern';
 import { Calendar } from '../../calendar/modern';
 
-var styles = {"component":"calendar-with-skeleton__component_smlhw","calendarVisible":"calendar-with-skeleton__calendarVisible_smlhw","skeleton":"calendar-with-skeleton__skeleton_smlhw","header":"calendar-with-skeleton__header_smlhw","weekDays":"calendar-with-skeleton__weekDays_smlhw","row":"calendar-with-skeleton__row_smlhw","enter":"calendar-with-skeleton__enter_smlhw","enterActive":"calendar-with-skeleton__enterActive_smlhw","exit":"calendar-with-skeleton__exit_smlhw","exitActive":"calendar-with-skeleton__exitActive_smlhw"};
+var styles = {"component":"calendar-with-skeleton__component_1841x","calendarVisible":"calendar-with-skeleton__calendarVisible_1841x","skeleton":"calendar-with-skeleton__skeleton_1841x","header":"calendar-with-skeleton__header_1841x","weekDays":"calendar-with-skeleton__weekDays_1841x","row":"calendar-with-skeleton__row_1841x","enter":"calendar-with-skeleton__enter_1841x","enterActive":"calendar-with-skeleton__enterActive_1841x","exit":"calendar-with-skeleton__exit_1841x","exitActive":"calendar-with-skeleton__exitActive_1841x"};
 require('./index.css');
 
 const CalendarWithSkeleton = forwardRef(({ calendarVisible = true, animate = true, ...restProps }, ref) => {