@alfalab/core-components 48.8.0-beta.0 → 48.8.0

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

@@ -9,9 +9,10 @@ var coreComponentsInput = require('../../../input');
 var coreComponentsPopover = require('../../../popover');
 var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var CalendarSIcon = require('@alfalab/icons-glyph/CalendarSIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-19a466f7.js');
+var index_module = require('../../index.module-10715cde.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -127,13 +128,14 @@ var DateInput = React.forwardRef(function (_a, ref) {
         }
         return null;
     };
+    var CalendarIcon = restProps.size === 40 ? CalendarSIcon.CalendarSIcon : CalendarMIcon.CalendarMIcon;
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(index_module.styles.wrapper, wrapperClassName, (_b = {},
             _b[index_module.styles.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
         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: index_module.styles.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, popperClassName: cn__default.default(index_module.styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName, desktopStyles.calendarContainer), withTransition: false }), renderCalendar())) : (renderCalendar())));
+                picker && (React__default.default.createElement(CalendarIcon, { onClick: onPickerClick, className: cn__default.default(index_module.styles.calendarIcon, index_module.styles["size-".concat(restProps.size)]), 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(index_module.styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName, desktopStyles.calendarContainer), withTransition: false }), renderCalendar())) : (renderCalendar())));
 });
 
 exports.DateInput = DateInput;

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

@@ -11,9 +11,10 @@ var coreComponentsInput = require('../../../input');
 var coreComponentsPopover = require('../../../popover');
 var coreComponentsShared = require('../../../shared');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var CalendarSIcon = require('@alfalab/icons-glyph/CalendarSIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
-var index_module = require('../../index.module-19a466f7.js');
+var index_module = require('../../index.module-10715cde.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 
@@ -132,13 +133,14 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
         }
         return null;
     };
+    var CalendarIcon = restProps.size === 40 ? CalendarSIcon.CalendarSIcon : CalendarMIcon.CalendarMIcon;
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(index_module.styles.wrapper, wrapperClassName, (_b = {},
             _b[index_module.styles.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
         React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { clear: clear && utils_index.isCompleteDateRange(inputValue), onClear: valueProp === undefined ? handleClear : onClear, dataTestId: dataTestId, breakpoint: breakpoint, 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: index_module.styles.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, popperClassName: cn__default.default(index_module.styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));
+                picker && (React__default.default.createElement(CalendarIcon, { onClick: onPickerClick, className: cn__default.default(index_module.styles.calendarIcon, index_module.styles["size-".concat(restProps.size)]), 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(index_module.styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));
 });
 
 exports.DateRangeInput = DateRangeInput;

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

@@ -9,6 +9,7 @@ var coreComponentsInput = require('../../../../input/cssm');
 var coreComponentsPopover = require('../../../../popover/cssm');
 var coreComponentsShared = require('../../../../shared/cssm');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var CalendarSIcon = require('@alfalab/icons-glyph/CalendarSIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
 var styles = require('../../index.module.css');
@@ -127,13 +128,14 @@ var DateInput = React.forwardRef(function (_a, ref) {
         }
         return null;
     };
+    var CalendarIcon = restProps.size === 40 ? CalendarSIcon.CalendarSIcon : CalendarMIcon.CalendarMIcon;
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(styles__default.default.wrapper, wrapperClassName, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
         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, 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())));
+                picker && (React__default.default.createElement(CalendarIcon, { onClick: onPickerClick, className: cn__default.default(styles__default.default.calendarIcon, styles__default.default["size-".concat(restProps.size)]), 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())));
 });
 
 exports.DateInput = DateInput;

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

@@ -11,6 +11,7 @@ var coreComponentsInput = require('../../../../input/cssm');
 var coreComponentsPopover = require('../../../../popover/cssm');
 var coreComponentsShared = require('../../../../shared/cssm');
 var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
+var CalendarSIcon = require('@alfalab/icons-glyph/CalendarSIcon');
 var consts = require('../../consts.js');
 var utils_index = require('../../utils/index.js');
 var styles = require('../../index.module.css');
@@ -133,13 +134,14 @@ var DateRangeInput = React.forwardRef(function (_a, ref) {
         }
         return null;
     };
+    var CalendarIcon = restProps.size === 40 ? CalendarSIcon.CalendarSIcon : CalendarMIcon.CalendarMIcon;
     return (React__default.default.createElement("div", tslib.__assign({}, wrapperHandlers, { className: cn__default.default(styles__default.default.wrapper, wrapperClassName, (_b = {},
             _b[styles__default.default.block] = block,
             _b)), tabIndex: -1, "data-test-id": coreComponentsShared.getDataTestId(dataTestId, 'wrapper') }),
         React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { clear: clear && utils_index.isCompleteDateRange(inputValue), onClear: valueProp === undefined ? handleClear : onClear, dataTestId: dataTestId, breakpoint: breakpoint, 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, popperClassName: cn__default.default(styles__default.default.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));
+                picker && (React__default.default.createElement(CalendarIcon, { onClick: onPickerClick, className: cn__default.default(styles__default.default.calendarIcon, styles__default.default["size-".concat(restProps.size)]), 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), withTransition: false }), renderCalendar())) : (renderCalendar())));
 });
 
 exports.DateRangeInput = DateRangeInput;

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

@@ -59,8 +59,10 @@
     width: 24px;
     height: 100%;
     display: block;
-    color: var(--calendar-icon-color);
-} .calendarContainer {
+    color: var(--calendar-icon-color)
+} .calendarIcon.size-40 {
+        width: 16px;
+    } .calendarContainer {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);

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

@@ -26,7 +26,8 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-94005b22.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import './index.module-e82155c4.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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-94005b22.js';
+import { s as styles } from '../../index.module-e82155c4.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';
@@ -28,6 +28,7 @@ import '../../../../shared/esm';
 import '../../../../input/esm';
 import '../../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 

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

@@ -25,7 +25,8 @@ import '../date-input/Component.js';
 import '../../../../input/esm';
 import '../../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-94005b22.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../../index.module-e82155c4.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

@@ -7,9 +7,10 @@ import { Input } from '../../../../input/esm';
 import { Popover } from '../../../../popover/esm';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
+import { CalendarSIcon } from '@alfalab/icons-glyph/CalendarSIcon';
 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-94005b22.js';
+import { s as styles } from '../../index.module-e82155c4.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -123,13 +124,14 @@ var DateInput = forwardRef(function (_a, ref) {
         }
         return null;
     };
+    var CalendarIcon = restProps.size === 40 ? CalendarSIcon : CalendarMIcon;
     return (React.createElement("div", __assign({}, wrapperHandlers, { className: cn(styles.wrapper, wrapperClassName, (_b = {},
             _b[styles.block] = block,
             _b)), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') }),
         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, popperClassName: cn(styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName, desktopStyles.calendarContainer), withTransition: false }), renderCalendar())) : (renderCalendar())));
+                picker && (React.createElement(CalendarIcon, { onClick: onPickerClick, className: cn(styles.calendarIcon, styles["size-".concat(restProps.size)]), 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())));
 });
 
 export { DateInput };

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

@@ -8,6 +8,7 @@ import '../../../../input/esm';
 import '../../../../popover/esm';
 import '../../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import '../../consts.js';
 import '../../utils/index.js';
 import 'date-fns/differenceInDays';
@@ -15,4 +16,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-94005b22.js';
+import '../../index.module-e82155c4.js';

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

@@ -9,9 +9,10 @@ import { Input } from '../../../../input/esm';
 import { Popover } from '../../../../popover/esm';
 import { getDataTestId } from '../../../../shared/esm';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
+import { CalendarSIcon } from '@alfalab/icons-glyph/CalendarSIcon';
 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-94005b22.js';
+import { s as styles } from '../../index.module-e82155c4.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -126,13 +127,14 @@ var DateRangeInput = forwardRef(function (_a, ref) {
         }
         return null;
     };
+    var CalendarIcon = restProps.size === 40 ? CalendarSIcon : CalendarMIcon;
     return (React.createElement("div", __assign({}, wrapperHandlers, { className: cn(styles.wrapper, wrapperClassName, (_b = {},
             _b[styles.block] = block,
             _b)), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') }),
         React.createElement(Input, __assign({}, restProps, { clear: clear && isCompleteDateRange(inputValue), onClear: valueProp === undefined ? handleClear : onClear, dataTestId: dataTestId, breakpoint: breakpoint, 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, popperClassName: cn(styles.calendarContainer, popoverProps === null || popoverProps === void 0 ? void 0 : popoverProps.popperClassName), withTransition: false }), renderCalendar())) : (renderCalendar())));
+                picker && (React.createElement(CalendarIcon, { onClick: onPickerClick, className: cn(styles.calendarIcon, styles["size-".concat(restProps.size)]), 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), withTransition: false }), renderCalendar())) : (renderCalendar())));
 });
 
 export { DateRangeInput };

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

@@ -10,6 +10,7 @@ import '../../../../input/esm';
 import '../../../../popover/esm';
 import '../../../../shared/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import '../../consts.js';
 import '../../utils/index.js';
 import 'date-fns/differenceInDays';
@@ -17,4 +18,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-94005b22.js';
+import '../../index.module-e82155c4.js';

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

@@ -25,7 +25,8 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-94005b22.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-e82155c4.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,8 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-94005b22.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-e82155c4.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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

@@ -60,8 +60,10 @@
     width: 24px;
     height: 100%;
     display: block;
-    color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_5rl11 {
+    color: var(--calendar-icon-color)
+} .universal-date-input__calendarIcon_5rl11.universal-date-input__size-40_5rl11 {
+        width: 16px;
+    } .universal-date-input__calendarContainer_5rl11 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);

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

@@ -27,7 +27,8 @@ import './components/date-input/Component.js';
 import '../../input/esm';
 import '../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-94005b22.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import './index.module-e82155c4.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_5rl11","block":"universal-date-input__block_5rl11","calendarIcon":"universal-date-input__calendarIcon_5rl11","size-40":"universal-date-input__size-40_5rl11","calendarContainer":"universal-date-input__calendarContainer_5rl11","blink":"universal-date-input__blink_5rl11"};
+require('./index.css');
+
+export { styles as s };

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

@@ -25,7 +25,8 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-94005b22.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-e82155c4.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,8 @@ import '../components/date-input/Component.js';
 import '../../../input/esm';
 import '../../../popover/esm';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-94005b22.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-e82155c4.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/index.css

@@ -60,8 +60,10 @@
     width: 24px;
     height: 100%;
     display: block;
-    color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_5rl11 {
+    color: var(--calendar-icon-color)
+} .universal-date-input__calendarIcon_5rl11.universal-date-input__size-40_5rl11 {
+        width: 16px;
+    } .universal-date-input__calendarContainer_5rl11 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);

package/universal-date-input/index.module-10715cde.js

@@ -0,0 +1,4 @@
+var styles = {"wrapper":"universal-date-input__wrapper_5rl11","block":"universal-date-input__block_5rl11","calendarIcon":"universal-date-input__calendarIcon_5rl11","size-40":"universal-date-input__size-40_5rl11","calendarContainer":"universal-date-input__calendarContainer_5rl11","blink":"universal-date-input__blink_5rl11"};
+require('./index.css');
+
+exports.styles = styles;

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

@@ -25,7 +25,8 @@ import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-c93d399c.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import './index.module-8e6676c2.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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-c93d399c.js';
+import { s as styles } from '../../index.module-8e6676c2.js';
 import '../../mask/plugins.js';
 import '../../mask/utils.js';
 import 'date-fns/clamp';
@@ -27,6 +27,7 @@ import '../../../../shared/modern';
 import '../../../../input/modern';
 import '../../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';
 

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

@@ -24,7 +24,8 @@ import '../date-input/Component.js';
 import '../../../../input/modern';
 import '../../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../../index.module-c93d399c.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../../index.module-8e6676c2.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

@@ -6,9 +6,10 @@ import { Input } from '../../../../input/modern';
 import { Popover } from '../../../../popover/modern';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
+import { CalendarSIcon } from '@alfalab/icons-glyph/CalendarSIcon';
 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-c93d399c.js';
+import { s as styles } from '../../index.module-8e6676c2.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -119,13 +120,14 @@ const DateInput = forwardRef(({ autoCorrection, open, value: valueProp, inputWra
         }
         return null;
     };
+    const CalendarIcon = restProps.size === 40 ? CalendarSIcon : CalendarMIcon;
     return (React.createElement("div", { ...wrapperHandlers, className: cn(styles.wrapper, wrapperClassName, {
             [styles.block]: block,
         }), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') },
         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, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName, desktopStyles.calendarContainer), withTransition: false }, renderCalendar())) : (renderCalendar())));
+                picker && (React.createElement(CalendarIcon, { onClick: onPickerClick, className: cn(styles.calendarIcon, styles[`size-${restProps.size}`]), 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())));
 });
 
 export { DateInput };

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

@@ -7,6 +7,7 @@ import '../../../../input/modern';
 import '../../../../popover/modern';
 import '../../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import '../../consts.js';
 import '../../utils/index.js';
 import 'date-fns/differenceInDays';
@@ -14,4 +15,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-c93d399c.js';
+import '../../index.module-8e6676c2.js';

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

@@ -8,9 +8,10 @@ import { Input } from '../../../../input/modern';
 import { Popover } from '../../../../popover/modern';
 import { getDataTestId } from '../../../../shared/modern';
 import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
+import { CalendarSIcon } from '@alfalab/icons-glyph/CalendarSIcon';
 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-c93d399c.js';
+import { s as styles } from '../../index.module-8e6676c2.js';
 import 'date-fns/differenceInDays';
 import 'date-fns/format';
 import 'date-fns/isSameDay';
@@ -121,13 +122,14 @@ const DateRangeInput = forwardRef(({ autoCorrection, breakpoint, wrapperClassNam
         }
         return null;
     };
+    const CalendarIcon = restProps.size === 40 ? CalendarSIcon : CalendarMIcon;
     return (React.createElement("div", { ...wrapperHandlers, className: cn(styles.wrapper, wrapperClassName, {
             [styles.block]: block,
         }), tabIndex: -1, "data-test-id": getDataTestId(dataTestId, 'wrapper') },
         React.createElement(Input, { ...restProps, clear: clear && isCompleteDateRange(inputValue), onClear: valueProp === undefined ? handleClear : onClear, dataTestId: dataTestId, breakpoint: breakpoint, 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, popperClassName: cn(styles.calendarContainer, popoverProps?.popperClassName), withTransition: false }, renderCalendar())) : (renderCalendar())));
+                picker && (React.createElement(CalendarIcon, { onClick: onPickerClick, className: cn(styles.calendarIcon, styles[`size-${restProps.size}`]), 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), withTransition: false }, renderCalendar())) : (renderCalendar())));
 });
 
 export { DateRangeInput };

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

@@ -9,6 +9,7 @@ import '../../../../input/modern';
 import '../../../../popover/modern';
 import '../../../../shared/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import '../../consts.js';
 import '../../utils/index.js';
 import 'date-fns/differenceInDays';
@@ -16,4 +17,4 @@ import 'date-fns/format';
 import 'date-fns/isSameDay';
 import 'date-fns/parse';
 import 'date-fns/startOfDay';
-import '../../index.module-c93d399c.js';
+import '../../index.module-8e6676c2.js';

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

@@ -24,7 +24,8 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-c93d399c.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-8e6676c2.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,8 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-c93d399c.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-8e6676c2.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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

@@ -60,8 +60,10 @@
     width: 24px;
     height: 100%;
     display: block;
-    color: var(--calendar-icon-color);
-} .universal-date-input__calendarContainer_5rl11 {
+    color: var(--calendar-icon-color)
+} .universal-date-input__calendarIcon_5rl11.universal-date-input__size-40_5rl11 {
+        width: 16px;
+    } .universal-date-input__calendarContainer_5rl11 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);

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

@@ -26,7 +26,8 @@ import './components/date-input/Component.js';
 import '../../input/modern';
 import '../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import './index.module-c93d399c.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import './index.module-8e6676c2.js';
 import './components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

package/universal-date-input/modern/index.module-8e6676c2.js

@@ -0,0 +1,4 @@
+const styles = {"wrapper":"universal-date-input__wrapper_5rl11","block":"universal-date-input__block_5rl11","calendarIcon":"universal-date-input__calendarIcon_5rl11","size-40":"universal-date-input__size-40_5rl11","calendarContainer":"universal-date-input__calendarContainer_5rl11","blink":"universal-date-input__blink_5rl11"};
+require('./index.css');
+
+export { styles as s };

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

@@ -24,7 +24,8 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-c93d399c.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-8e6676c2.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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

@@ -25,7 +25,8 @@ import '../components/date-input/Component.js';
 import '../../../input/modern';
 import '../../../popover/modern';
 import '@alfalab/icons-glyph/CalendarMIcon';
-import '../index.module-c93d399c.js';
+import '@alfalab/icons-glyph/CalendarSIcon';
+import '../index.module-8e6676c2.js';
 import '../components/date-range-input/Component.js';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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

@@ -25,6 +25,7 @@ import './components/date-input/Component.js';
 import '../../input/moderncssm';
 import '../../popover/moderncssm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import './index.module.css';
 import './components/date-input/date-input.desktop.module.css';
 import './components/date-range-input/Component.js';

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

@@ -27,6 +27,7 @@ import '../../../../shared/moderncssm';
 import '../../../../input/moderncssm';
 import '../../../../popover/moderncssm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import '../date-input/date-input.desktop.module.css';
 import 'date-fns/isAfter';
 import 'date-fns/startOfMonth';

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

@@ -24,6 +24,7 @@ import '../date-input/Component.js';
 import '../../../../input/moderncssm';
 import '../../../../popover/moderncssm';
 import '@alfalab/icons-glyph/CalendarMIcon';
+import '@alfalab/icons-glyph/CalendarSIcon';
 import '../../index.module.css';
 import '../date-input/date-input.desktop.module.css';
 import '../date-range-input/Component.js';