@alfalab/core-components 47.17.0 → 47.18.0-beta.0

package/universal-date-input/components/date-range-input/Component.js

@@ -13,7 +13,7 @@ var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-d9cb3063.js');
+var index_module = require('../../index.module-7a3c151d.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/universal-date-input/cssm/Component.responsive.js

@@ -3,6 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq/cssm');
+var coreComponentsShared = require('../../shared/cssm');
 var components_baseUniversalDateInput_Component = require('./components/base-universal-date-input/Component.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
@@ -10,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var UniversalDateInput = React.forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? coreComponentsShared.getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = tslib.__rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/cssm/components/date-input/Component.js

@@ -12,7 +12,6 @@ var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
 var styles = require('../../index.module.css');
-var desktopStyles = require('./date-input.desktop.module.css');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -21,7 +20,6 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var isValid__default = /*#__PURE__*/_interopDefaultCompat(isValid);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
-var desktopStyles__default = /*#__PURE__*/_interopDefaultCompat(desktopStyles);
 
 function getDefaultValue(defaultValue, withTime) {
     if (defaultValue !== undefined) {
@@ -133,7 +131,7 @@ var DateInput = React.forwardRef(function (_a, ref) {
         React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { clear: clear && utils_index.isCompleteDate(inputDate) && utils_index.isCompleteTime(inputTime, withTime), onClear: valueProp === undefined ? handleClear : onClear, breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs__default.default([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs__default.default([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleInputChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React__default.default.createElement(React__default.default.Fragment, null,
                 rightAddons,
                 picker && (React__default.default.createElement(CalendarMIcon.CalendarMIcon, { onClick: onPickerClick, className: styles__default.default.calendarIcon, onMouseDown: utils_index.preventDefault }))) })),
-        platform === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, tslib.__assign({ offset: [0, 4], position: 'bottom-start', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName, desktopStyles__default.default.calendarContainer), withTransition: false }), renderCalendar())) : (renderCalendar())));
+        platform === 'desktop' ? (React__default.default.createElement(coreComponentsPopover.Popover, tslib.__assign({ offset: [0, 4], position: 'bottom-start', dataTestId: coreComponentsShared.getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn__default.default(styles__default.default.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));
 });
 
 exports.DateInput = DateInput;

package/universal-date-input/cssm/index-5712fce2.d.ts

@@ -130,11 +130,6 @@ type CalendarDesktopProps = {
      * @default false
      */
     showCurrentYearSelector?: boolean;
-    /**
-     * CalendarDesktop используется в мобильной и десктопной версии
-     * Пропс позволяет определить платформу
-     */
-    mobile?: boolean;
 };
 type OmittedCalendarProps = "headerClassName" | "contentClassName";
 type OmittedCalendarContentProps = "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector";

package/universal-date-input/cssm/index.module.css

@@ -16,7 +16,6 @@
     --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --border-radius-8: var(--border-radius-m);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
@@ -46,9 +45,7 @@
     /* marker */
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
-
-    /* border */
-    --calendar-popover-border-radius: var(--border-radius-8);
+    --calendar-popover-border-radius: var(--border-radius-m);
 } .wrapper {
     display: inline-block;
     outline: none;

package/universal-date-input/esm/Component.responsive.js

@@ -1,6 +1,7 @@
 import { __rest, __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/esm';
+import { getComponentBreakpoint } from '../../shared/esm';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -21,12 +22,11 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-08cc599c.js';
+import './index.module-c86589b8.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
@@ -34,7 +34,7 @@ import './components/month-input/Component.js';
 import './components/time-input/Component.js';
 
 var UniversalDateInput = forwardRef(function (_a, ref) {
-    var _b = _a.breakpoint, breakpoint = _b === void 0 ? 1024 : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
+    var _b = _a.breakpoint, breakpoint = _b === void 0 ? getComponentBreakpoint() : _b, defaultMatchMediaValue = _a.defaultMatchMediaValue, view = _a.view, restProps = __rest(_a, ["breakpoint", "defaultMatchMediaValue", "view"]);
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(BaseUniversalDateInput, __assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });

package/universal-date-input/esm/components/base-universal-date-input/Component.js

@@ -11,7 +11,7 @@ import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { MonthInput } from '../month-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-08cc599c.js';
+import { s as styles } from '../../index.module-c86589b8.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';

package/universal-date-input/esm/components/base-universal-date-input/index.js

@@ -25,7 +25,7 @@ import '../date-input/Component.js';
 import '../../../../input/esm';
 import '../../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-08cc599c.js';
+import '../../index.module-c86589b8.js';
 import '../date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/components/date-input/Component.js

@@ -9,16 +9,13 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DATE_TIME_FORMAT, DATE_FORMAT, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, isCompleteDate, preventDefault, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-08cc599c.js';
+import { s as styles } from '../../index.module-c86589b8.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
 
-var desktopStyles = {"calendarContainer":"universal-date-input__calendarContainer_zewip"};
-require('./date-input.desktop.css');
-
 function getDefaultValue(defaultValue, withTime) {
     if (defaultValue !== undefined) {
         if (typeof defaultValue === 'string') {
@@ -129,7 +126,7 @@ var DateInput = forwardRef(function (_a, ref) {
         React.createElement(Input, __assign({}, restProps, { clear: clear && isCompleteDate(inputDate) && isCompleteTime(inputTime, withTime), onClear: valueProp === undefined ? handleClear : onClear, breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleInputChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(CalendarMIcon, { onClick: onPickerClick, className: styles.calendarIcon, onMouseDown: preventDefault }))) })),
-        platform === 'desktop' ? (React.createElement(Popover, __assign({ offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName, desktopStyles.calendarContainer), withTransition: false }), renderCalendar())) : (renderCalendar())));
+        platform === 'desktop' ? (React.createElement(Popover, __assign({ offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover') }, popoverProps, { open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));
 });
 
 export { DateInput };

package/universal-date-input/esm/components/date-input/index.js

@@ -15,4 +15,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-08cc599c.js';
+import '../../index.module-c86589b8.js';

package/universal-date-input/esm/components/date-range-input/Component.js

@@ -11,7 +11,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, formatDateRange, isCompleteDateRange, preventDefault, isCompleteDate, parseDateString, updateRange } from '../../utils/index.js';
-import { s as styles } from '../../index.module-08cc599c.js';
+import { s as styles } from '../../index.module-c86589b8.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/esm/components/date-range-input/index.js

@@ -17,4 +17,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-08cc599c.js';
+import '../../index.module-c86589b8.js';

package/universal-date-input/esm/desktop/Component.desktop.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-08cc599c.js';
+import '../index.module-c86589b8.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/desktop/index.js

@@ -26,7 +26,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-08cc599c.js';
+import '../index.module-c86589b8.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/index-5712fce2.d.ts

@@ -130,11 +130,6 @@ type CalendarDesktopProps = {
      * @default false
      */
     showCurrentYearSelector?: boolean;
-    /**
-     * CalendarDesktop используется в мобильной и десктопной версии
-     * Пропс позволяет определить платформу
-     */
-    mobile?: boolean;
 };
 type OmittedCalendarProps = "headerClassName" | "contentClassName";
 type OmittedCalendarContentProps = "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector";

package/universal-date-input/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: u5wig */
+/* hash: 10f9e */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -17,7 +17,6 @@
     --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --border-radius-8: var(--border-radius-m);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
@@ -47,30 +46,28 @@
     /* marker */
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
-
-    /* border */
-    --calendar-popover-border-radius: var(--border-radius-8);
-} .universal-date-input__wrapper_1o23m {
+    --calendar-popover-border-radius: var(--border-radius-m);
+} .universal-date-input__wrapper_1kc3q {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1o23m {
+} .universal-date-input__block_1kc3q {
     width: 100%;
-} .universal-date-input__calendarIcon_1o23m {
+} .universal-date-input__calendarIcon_1kc3q {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_1o23m {
+} .universal-date-input__calendarContainer_1kc3q {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1o23m {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_1kc3q {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1o23m.universal-date-input__blink_1o23m.universal-date-input__blink_1o23m {
+    } .universal-date-input__blink_1kc3q.universal-date-input__blink_1kc3q.universal-date-input__blink_1kc3q {
     background-color: var(--color-light-status-muted-negative);
 }

package/universal-date-input/esm/index.js

@@ -2,6 +2,7 @@ export { UniversalDateInput } from './Component.responsive.js';
 import 'tslib';
 import 'react';
 import '../../mq/esm';
+import '../../shared/esm';
 import './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -22,12 +23,11 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/esm';
 import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-08cc599c.js';
+import './index.module-c86589b8.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/index.module-c86589b8.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_1kc3q","block":"universal-date-input__block_1kc3q","calendarIcon":"universal-date-input__calendarIcon_1kc3q","calendarContainer":"universal-date-input__calendarContainer_1kc3q","blink":"universal-date-input__blink_1kc3q"};
+require('./index.css');
+
+export { styles as s };

package/universal-date-input/esm/mobile/Component.mobile.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-08cc599c.js';
+import '../index.module-c86589b8.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/esm/mobile/index.js

@@ -26,7 +26,7 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-08cc599c.js';
+import '../index.module-c86589b8.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/index-5712fce2.d.ts

@@ -130,11 +130,6 @@ type CalendarDesktopProps = {
      * @default false
      */
     showCurrentYearSelector?: boolean;
-    /**
-     * CalendarDesktop используется в мобильной и десктопной версии
-     * Пропс позволяет определить платформу
-     */
-    mobile?: boolean;
 };
 type OmittedCalendarProps = "headerClassName" | "contentClassName";
 type OmittedCalendarContentProps = "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector";

package/universal-date-input/index.css

@@ -1,4 +1,4 @@
-/* hash: u5wig */
+/* hash: 10f9e */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -17,7 +17,6 @@
     --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --border-radius-8: var(--border-radius-m);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
@@ -47,30 +46,28 @@
     /* marker */
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
-
-    /* border */
-    --calendar-popover-border-radius: var(--border-radius-8);
-} .universal-date-input__wrapper_1o23m {
+    --calendar-popover-border-radius: var(--border-radius-m);
+} .universal-date-input__wrapper_1kc3q {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1o23m {
+} .universal-date-input__block_1kc3q {
     width: 100%;
-} .universal-date-input__calendarIcon_1o23m {
+} .universal-date-input__calendarIcon_1kc3q {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_1o23m {
+} .universal-date-input__calendarContainer_1kc3q {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1o23m {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_1kc3q {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1o23m.universal-date-input__blink_1o23m.universal-date-input__blink_1o23m {
+    } .universal-date-input__blink_1kc3q.universal-date-input__blink_1kc3q.universal-date-input__blink_1kc3q {
     background-color: var(--color-light-status-muted-negative);
 }

package/universal-date-input/index.module-7a3c151d.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_1kc3q","block":"universal-date-input__block_1kc3q","calendarIcon":"universal-date-input__calendarIcon_1kc3q","calendarContainer":"universal-date-input__calendarContainer_1kc3q","blink":"universal-date-input__blink_1kc3q"};
+require('./index.css');
+
+exports.styles = styles;

package/universal-date-input/modern/Component.responsive.js

@@ -1,5 +1,6 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
+import { getComponentBreakpoint } from '../../shared/modern';
 import { BaseUniversalDateInput } from './components/base-universal-date-input/Component.js';
 import 'react-merge-refs';
 import '@maskito/react';
@@ -20,19 +21,18 @@ import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
-import '../../shared/modern';
 import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-001b8e2d.js';
+import './index.module-5487faa2.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 import './components/month-input/Component.js';
 import './components/time-input/Component.js';
 
-const UniversalDateInput = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, view, ...restProps }, ref) => {
+const UniversalDateInput = forwardRef(({ breakpoint = getComponentBreakpoint(), defaultMatchMediaValue, view, ...restProps }, ref) => {
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(BaseUniversalDateInput, { ...restProps, ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' }));
 });

package/universal-date-input/modern/components/base-universal-date-input/Component.js

@@ -10,7 +10,7 @@ import { DateInput } from '../date-input/Component.js';
 import { DateRangeInput } from '../date-range-input/Component.js';
 import { MonthInput } from '../month-input/Component.js';
 import { TimeInput } from '../time-input/Component.js';
-import { s as styles } from '../../index.module-001b8e2d.js';
+import { s as styles } from '../../index.module-5487faa2.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';

package/universal-date-input/modern/components/base-universal-date-input/index.js

@@ -24,7 +24,7 @@ import '../date-input/Component.js';
 import '../../../../input/modern';
 import '../../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-001b8e2d.js';
+import '../../index.module-5487faa2.js';
 import '../date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/components/date-input/Component.js

@@ -8,16 +8,13 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_TIME_SEPARATOR, DEFAULT_MIN_DATE, DEFAULT_MAX_DATE, DATE_TIME_FORMAT, DATE_FORMAT } from '../../consts.js';
 import { isValidDate, isCompleteTime, formatDate, isCompleteDate, preventDefault, parseDateString } from '../../utils/index.js';
-import { s as styles } from '../../index.module-001b8e2d.js';
+import { s as styles } from '../../index.module-5487faa2.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
 
-const desktopStyles = {"calendarContainer":"universal-date-input__calendarContainer_zewip"};
-require('./date-input.desktop.css');
-
 function getDefaultValue(defaultValue, withTime) {
     if (defaultValue !== undefined) {
         if (typeof defaultValue === 'string') {
@@ -125,7 +122,7 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWra
         React.createElement(Input, { ...restProps, clear: clear && isCompleteDate(inputDate) && isCompleteTime(inputTime, withTime), onClear: valueProp === undefined ? handleClear : onClear, breakpoint: breakpoint, dataTestId: dataTestId, wrapperRef: mergeRefs([inputWrapperRef, inputWrapperRefProp]), ref: mergeRefs([ref, inputRef]), value: inputValue, inputMode: 'decimal', onInput: handleInputChange, onBlur: handleBlur, error: error || getInnerError(), block: true, rightAddons: React.createElement(React.Fragment, null,
                 rightAddons,
                 picker && (React.createElement(CalendarMIcon, { onClick: onPickerClick, className: styles.calendarIcon, onMouseDown: preventDefault }))) }),
-        platform === 'desktop' ? (React.createElement(Popover, { offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover'), ...popoverProps, open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName, desktopStyles.calendarContainer), withTransition: false }, renderCalendar())) : (renderCalendar())));
+        platform === 'desktop' ? (React.createElement(Popover, { offset: [0, 4], position: 'bottom-start', dataTestId: getDataTestId(dataTestId, 'popover'), ...popoverProps, open: open, anchorElement: inputWrapperRef.current, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName), withTransition: false }, renderCalendar())) : (renderCalendar())));
 });
 
 export { DateInput };

package/universal-date-input/modern/components/date-input/index.js

@@ -14,4 +14,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-001b8e2d.js';
+import '../../index.module-5487faa2.js';

package/universal-date-input/modern/components/date-range-input/Component.js

@@ -10,7 +10,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { DATE_RANGE_SEPARATOR, DEFAULT_MAX_DATE, DEFAULT_MIN_DATE } from '../../consts.js';
 import { getValidRange, formatDate, formatDateRange, isCompleteDateRange, preventDefault, isCompleteDate, parseDateString, updateRange } from '../../utils/index.js';
-import { s as styles } from '../../index.module-001b8e2d.js';
+import { s as styles } from '../../index.module-5487faa2.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';

package/universal-date-input/modern/components/date-range-input/index.js

@@ -16,4 +16,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-001b8e2d.js';
+import '../../index.module-5487faa2.js';

package/universal-date-input/modern/desktop/Component.desktop.js

@@ -24,7 +24,7 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-001b8e2d.js';
+import '../index.module-5487faa2.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/desktop/index.js

@@ -25,7 +25,7 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-001b8e2d.js';
+import '../index.module-5487faa2.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/index-5712fce2.d.ts

@@ -130,11 +130,6 @@ type CalendarDesktopProps = {
      * @default false
      */
     showCurrentYearSelector?: boolean;
-    /**
-     * CalendarDesktop используется в мобильной и десктопной версии
-     * Пропс позволяет определить платформу
-     */
-    mobile?: boolean;
 };
 type OmittedCalendarProps = "headerClassName" | "contentClassName";
 type OmittedCalendarContentProps = "className" | "defaultView" | "selectorView" | "rangeComplete" | "onMonthChange" | "onYearClick" | "onPeriodClick" | "dataTestId" | "hasHeader" | "responsive" | "showCurrentYearSelector";

package/universal-date-input/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: u5wig */
+/* hash: 10f9e */
 :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } /* deprecated */ :root {
     --color-light-neutral-300: #e7e8eb;
@@ -17,7 +17,6 @@
     --border-radius-m: 8px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --border-radius-8: var(--border-radius-m);
 } :root { /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
@@ -47,30 +46,28 @@
     /* marker */
 } :root {
     --calendar-icon-color: var(--color-light-neutral-translucent-700);
-
-    /* border */
-    --calendar-popover-border-radius: var(--border-radius-8);
-} .universal-date-input__wrapper_1o23m {
+    --calendar-popover-border-radius: var(--border-radius-m);
+} .universal-date-input__wrapper_1kc3q {
     display: inline-block;
     outline: none;
     position: relative;
-} .universal-date-input__block_1o23m {
+} .universal-date-input__block_1kc3q {
     width: 100%;
-} .universal-date-input__calendarIcon_1o23m {
+} .universal-date-input__calendarIcon_1kc3q {
     width: 24px;
     height: 100%;
     display: block;
     color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_1o23m {
+} .universal-date-input__calendarContainer_1kc3q {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-neutral-300);
     width: var(--calendar-width)
-} @media (max-width: 374px) { .universal-date-input__calendarContainer_1o23m {
+} @media (max-width: 374px) { .universal-date-input__calendarContainer_1kc3q {
         width: 100%;
         min-width: 288px
 }
-    } .universal-date-input__blink_1o23m.universal-date-input__blink_1o23m.universal-date-input__blink_1o23m {
+    } .universal-date-input__blink_1kc3q.universal-date-input__blink_1kc3q.universal-date-input__blink_1kc3q {
     background-color: var(--color-light-status-muted-negative);
 }