@alfalab/core-components 20.7.1 → 21.1.1

package/calendar/components/header/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-643f6e6d.js');
+require('../../tslib.es6-e99706e0.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button');

package/calendar/components/header/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-643f6e6d.js');
+require('../../tslib.es6-e99706e0.js');
 require('react');
 require('classnames');
 require('../../../button');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-643f6e6d.js');
+var tslib_es6 = require('../../tslib.es6-e99706e0.js');
 var React = require('react');
 require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/months-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-643f6e6d.js');
+require('../../tslib.es6-e99706e0.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/components/select-button/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-643f6e6d.js');
+var tslib_es6 = require('../../tslib.es6-e99706e0.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsButton = require('../../../button');

package/calendar/components/select-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-643f6e6d.js');
+require('../../tslib.es6-e99706e0.js');
 require('react');
 require('classnames');
 require('../../../button');

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

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../../tslib.es6-643f6e6d.js');
+var tslib_es6 = require('../../tslib.es6-e99706e0.js');
 var React = require('react');
 require('classnames');
 var dateFns = require('date-fns');

package/calendar/components/years-table/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../../tslib.es6-643f6e6d.js');
+require('../../tslib.es6-e99706e0.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from './tslib.es6-78b906d0.js';
+import { _ as __assign } from './tslib.es6-1de307a8.js';
 import React, { forwardRef, useState, useMemo, useCallback } from 'react';
 import cn from 'classnames';
 import { startOfMonth, startOfDay, endOfDay } from 'date-fns';

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

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-78b906d0.js';
+import { _ as __assign } from '../../tslib.es6-1de307a8.js';
 import React, { useRef, useCallback } from 'react';
 import cn from 'classnames';
 import { startOfMonth, isToday, isEqual, isSameDay, isWithinInterval, isLastDayOfMonth } from 'date-fns';

package/calendar/esm/components/days-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-78b906d0.js';
+import '../../tslib.es6-1de307a8.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/components/header/Component.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-78b906d0.js';
+import '../../tslib.es6-1de307a8.js';
 import React from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';

package/calendar/esm/components/header/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-78b906d0.js';
+import '../../tslib.es6-1de307a8.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/components/months-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-78b906d0.js';
+import { _ as __assign } from '../../tslib.es6-1de307a8.js';
 import React, { useCallback } from 'react';
 import 'classnames';
 import { isSameMonth, isThisMonth } from 'date-fns';

package/calendar/esm/components/months-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-78b906d0.js';
+import '../../tslib.es6-1de307a8.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/components/select-button/Component.js

@@ -1,4 +1,4 @@
-import { a as __rest, _ as __assign } from '../../tslib.es6-78b906d0.js';
+import { a as __rest, _ as __assign } from '../../tslib.es6-1de307a8.js';
 import React, { forwardRef } from 'react';
 import cn from 'classnames';
 import { Button } from '../../../../button/esm';

package/calendar/esm/components/select-button/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-78b906d0.js';
+import '../../tslib.es6-1de307a8.js';
 import 'react';
 import 'classnames';
 import '../../../../button/esm';

package/calendar/esm/components/years-table/Component.js

@@ -1,4 +1,4 @@
-import { _ as __assign } from '../../tslib.es6-78b906d0.js';
+import { _ as __assign } from '../../tslib.es6-1de307a8.js';
 import React, { useRef, useCallback, useLayoutEffect } from 'react';
 import 'classnames';
 import { isSameYear, isThisYear } from 'date-fns';

package/calendar/esm/components/years-table/index.js

@@ -1,4 +1,4 @@
-import '../../tslib.es6-78b906d0.js';
+import '../../tslib.es6-1de307a8.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/esm/index.js

@@ -1,4 +1,4 @@
-import './tslib.es6-78b906d0.js';
+import './tslib.es6-1de307a8.js';
 import 'react';
 import 'classnames';
 import 'date-fns';

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-643f6e6d.js');
+require('./tslib.es6-e99706e0.js');
 require('react');
 require('classnames');
 require('date-fns');

package/calendar-input/Component.js

@@ -6,6 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var coreComponentsPopover = require('../popover');
 var coreComponentsDateInput = require('../date-input');
 var coreComponentsCalendar = require('../calendar');
+var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
@@ -52,7 +53,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-input__component_mt2q6","block":"calendar-input__block_mt2q6","calendarContainer":"calendar-input__calendarContainer_mt2q6","calendarIcon":"calendar-input__calendarIcon_mt2q6","nativeInput":"calendar-input__nativeInput_mt2q6"};
+var styles = {"component":"calendar-input__component_1kv9n","block":"calendar-input__block_1kv9n","calendarContainer":"calendar-input__calendarContainer_1kv9n","calendarIcon":"calendar-input__calendarIcon_1kv9n","nativeInput":"calendar-input__nativeInput_1kv9n"};
 require('./index.css');
 
 var CalendarInput = React.forwardRef(function (_a, ref) {
@@ -154,7 +155,7 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
     React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React__default['default'].createElement(coreComponentsDateInput.DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default['default']([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', rightAddons: React__default['default'].createElement("span", { className: styles.calendarIcon }), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
+        React__default['default'].createElement(coreComponentsDateInput.DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default['default']([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', rightAddons: React__default['default'].createElement(CalendarMIcon.CalendarMIcon, { className: styles.calendarIcon }), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),
         shouldRenderPopover && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip }, renderCalendar()))));
 });

package/calendar-input/cssm/Component.js

@@ -6,6 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var coreComponentsPopover = require('../../popover/cssm');
 var coreComponentsDateInput = require('../../date-input/cssm');
 var coreComponentsCalendar = require('../../calendar/cssm');
+var CalendarMIcon = require('@alfalab/icons-glyph/CalendarMIcon');
 var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
@@ -153,7 +154,7 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
     React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
             _b[styles__default['default'].block] = block,
             _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React__default['default'].createElement(coreComponentsDateInput.DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default['default']([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', rightAddons: React__default['default'].createElement("span", { className: styles__default['default'].calendarIcon }), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
+        React__default['default'].createElement(coreComponentsDateInput.DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs__default['default']([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', 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, anchorElement: inputWrapperRef.current, popperClassName: styles__default['default'].calendarContainer, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip }, renderCalendar()))));
 });

package/calendar-input/cssm/index.js

@@ -7,6 +7,7 @@ require('react-merge-refs');
 require('../../popover/cssm');
 require('../../date-input/cssm');
 require('../../calendar/cssm');
+require('@alfalab/icons-glyph/CalendarMIcon');
 require('./index.module.css');
 require('date-fns');
 var utils = require('./utils.js');

package/calendar-input/cssm/index.module.css

@@ -1,5 +1,6 @@
 :root {
     --color-light-border-primary: #dbdee1;
+    --color-light-graphic-primary: #0b1f35;
 }
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -37,7 +38,9 @@
     /* marker */
 }
 :root {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m_primary.svg');
+    --calendar-input-icon-color: var(--color-light-graphic-primary);
+    --calendar-input-popover-border-color: var(--color-light-border-primary);
+    --calendar-input-popover-border-radius: var(--border-radius-m);
 }
 .component {
     display: inline-block;
@@ -51,16 +54,14 @@
     display: inline-block;
     box-sizing: border-box;
     box-shadow: var(--shadow-s);
-    border: 1px solid var(--color-light-border-primary);
-    border-radius: var(--border-radius-m);
+    border: 1px solid var(--calendar-input-popover-border-color);
+    border-radius: var(--calendar-input-popover-border-radius);
 }
 .calendarIcon {
     width: 24px;
     height: 24px;
     display: block;
-    background: var(--calendar-input-calendar-icon);
-    background-size: cover;
-    background-position: center
+    color: var(--calendar-input-icon-color)
 }
 .calendarIcon:not(:only-child) {
         margin-right: var(--gap-2xs);

package/calendar-input/esm/Component.js

@@ -4,6 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { Popover } from '../../popover/esm';
 import { parseDateString, isCompleteDateInput, formatDate, DateInput, SUPPORTS_INPUT_TYPE_DATE } from '../../date-input/esm';
 import { dateInLimits, Calendar } from '../../calendar/esm';
+import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -44,7 +45,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"component":"calendar-input__component_mt2q6","block":"calendar-input__block_mt2q6","calendarContainer":"calendar-input__calendarContainer_mt2q6","calendarIcon":"calendar-input__calendarIcon_mt2q6","nativeInput":"calendar-input__nativeInput_mt2q6"};
+var styles = {"component":"calendar-input__component_1kv9n","block":"calendar-input__block_1kv9n","calendarContainer":"calendar-input__calendarContainer_1kv9n","calendarIcon":"calendar-input__calendarIcon_1kv9n","nativeInput":"calendar-input__nativeInput_1kv9n"};
 require('./index.css');
 
 var CalendarInput = forwardRef(function (_a, ref) {
@@ -146,7 +147,7 @@ var CalendarInput = forwardRef(function (_a, ref) {
     React.createElement("div", { className: cn(styles.component, className, (_b = {},
             _b[styles.block] = block,
             _b)), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React.createElement(DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', rightAddons: React.createElement("span", { className: styles.calendarIcon }), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
+        React.createElement(DateInput, __assign({}, restProps, { ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', rightAddons: React.createElement(CalendarMIcon, { className: styles.calendarIcon }), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),
         shouldRenderPopover && (React.createElement(Popover, { open: open, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip }, renderCalendar()))));
 });

package/calendar-input/esm/index.css

@@ -1,6 +1,7 @@
-/* hash: mt2q6 */
+/* hash: 1kv9n */
 :root {
     --color-light-border-primary: #dbdee1;
+    --color-light-graphic-primary: #0b1f35;
 }
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -38,35 +39,35 @@
     /* marker */
 }
 :root {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m_primary.svg');
+    --calendar-input-icon-color: var(--color-light-graphic-primary);
+    --calendar-input-popover-border-color: var(--color-light-border-primary);
+    --calendar-input-popover-border-radius: var(--border-radius-m);
 }
-.calendar-input__component_mt2q6 {
+.calendar-input__component_1kv9n {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_mt2q6 {
+.calendar-input__block_1kv9n {
     width: 100%;
 }
-.calendar-input__calendarContainer_mt2q6 {
+.calendar-input__calendarContainer_1kv9n {
     display: inline-block;
     box-sizing: border-box;
     box-shadow: var(--shadow-s);
-    border: 1px solid var(--color-light-border-primary);
-    border-radius: var(--border-radius-m);
+    border: 1px solid var(--calendar-input-popover-border-color);
+    border-radius: var(--calendar-input-popover-border-radius);
 }
-.calendar-input__calendarIcon_mt2q6 {
+.calendar-input__calendarIcon_1kv9n {
     width: 24px;
     height: 24px;
     display: block;
-    background: var(--calendar-input-calendar-icon);
-    background-size: cover;
-    background-position: center
+    color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_mt2q6:not(:only-child) {
+.calendar-input__calendarIcon_1kv9n:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_mt2q6 {
+.calendar-input__nativeInput_1kv9n {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -77,9 +78,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_mt2q6::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_1kv9n::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_mt2q6::-webkit-inner-spin-button {
+.calendar-input__nativeInput_1kv9n::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/esm/index.js

@@ -4,6 +4,7 @@ import 'react-merge-refs';
 import '../../popover/esm';
 import '../../date-input/esm';
 import '../../calendar/esm';
+import '@alfalab/icons-glyph/CalendarMIcon';
 export { CalendarInput } from './Component.js';
 import 'date-fns';
 export { DATE_FORMAT, DATE_MASK, IS_BROWSER, NATIVE_DATE_FORMAT, SUPPORTS_INPUT_TYPE_DATE, formatDate, isCompleteDateInput, isInputDateSupported, parseDateString } from './utils.js';

package/calendar-input/index.css

@@ -1,6 +1,7 @@
-/* hash: mt2q6 */
+/* hash: 1kv9n */
 :root {
     --color-light-border-primary: #dbdee1;
+    --color-light-graphic-primary: #0b1f35;
 }
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -38,35 +39,35 @@
     /* marker */
 }
 :root {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m_primary.svg');
+    --calendar-input-icon-color: var(--color-light-graphic-primary);
+    --calendar-input-popover-border-color: var(--color-light-border-primary);
+    --calendar-input-popover-border-radius: var(--border-radius-m);
 }
-.calendar-input__component_mt2q6 {
+.calendar-input__component_1kv9n {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_mt2q6 {
+.calendar-input__block_1kv9n {
     width: 100%;
 }
-.calendar-input__calendarContainer_mt2q6 {
+.calendar-input__calendarContainer_1kv9n {
     display: inline-block;
     box-sizing: border-box;
     box-shadow: var(--shadow-s);
-    border: 1px solid var(--color-light-border-primary);
-    border-radius: var(--border-radius-m);
+    border: 1px solid var(--calendar-input-popover-border-color);
+    border-radius: var(--calendar-input-popover-border-radius);
 }
-.calendar-input__calendarIcon_mt2q6 {
+.calendar-input__calendarIcon_1kv9n {
     width: 24px;
     height: 24px;
     display: block;
-    background: var(--calendar-input-calendar-icon);
-    background-size: cover;
-    background-position: center
+    color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_mt2q6:not(:only-child) {
+.calendar-input__calendarIcon_1kv9n:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_mt2q6 {
+.calendar-input__nativeInput_1kv9n {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -77,9 +78,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_mt2q6::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_1kv9n::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_mt2q6::-webkit-inner-spin-button {
+.calendar-input__nativeInput_1kv9n::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/index.js

@@ -7,6 +7,7 @@ require('react-merge-refs');
 require('../popover');
 require('../date-input');
 require('../calendar');
+require('@alfalab/icons-glyph/CalendarMIcon');
 require('date-fns');
 var utils = require('./utils.js');
 

package/calendar-input/modern/Component.js

@@ -1,11 +1,12 @@
 import React, { forwardRef, useState, useRef, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import mergeRefs from 'react-merge-refs';
+import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 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_mt2q6","block":"calendar-input__block_mt2q6","calendarContainer":"calendar-input__calendarContainer_mt2q6","calendarIcon":"calendar-input__calendarIcon_mt2q6","nativeInput":"calendar-input__nativeInput_mt2q6"};
+var styles = {"component":"calendar-input__component_1kv9n","block":"calendar-input__block_1kv9n","calendarContainer":"calendar-input__calendarContainer_1kv9n","calendarIcon":"calendar-input__calendarIcon_1kv9n","nativeInput":"calendar-input__nativeInput_1kv9n"};
 require('./index.css');
 
 const CalendarInput = forwardRef(({ block = false, className, inputClassName, 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, readOnly, Calendar: Calendar$1 = Calendar, popoverPosition = 'bottom-start', ...restProps }, ref) => {
@@ -103,7 +104,7 @@ const CalendarInput = forwardRef(({ block = false, className, inputClassName, de
     React.createElement("div", { className: cn(styles.component, className, {
             [styles.block]: block,
         }), tabIndex: -1, onKeyDown: inputDisabled ? undefined : handleKeyDown, onClick: inputDisabled ? undefined : handleClick, onFocus: inputDisabled ? undefined : handleFocus, onBlur: handleBlur, "data-test-id": dataTestId },
-        React.createElement(DateInput, Object.assign({}, restProps, { ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', rightAddons: React.createElement("span", { className: styles.calendarIcon }), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
+        React.createElement(DateInput, Object.assign({}, restProps, { ref: ref, wrapperRef: mergeRefs([wrapperRef, inputWrapperRef]), className: inputClassName, value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', rightAddons: React.createElement(CalendarMIcon, { className: styles.calendarIcon }), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),
         shouldRenderPopover && (React.createElement(Popover, { open: open, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip }, renderCalendar()))));
 });

package/calendar-input/modern/index.css

@@ -1,6 +1,7 @@
-/* hash: mt2q6 */
+/* hash: 1kv9n */
 :root {
     --color-light-border-primary: #dbdee1;
+    --color-light-graphic-primary: #0b1f35;
 }
 :root {
     --shadow-s: 0 0 8px rgba(11, 31, 53, 0.04), 0 4px 8px rgba(11, 31, 53, 0.08);
@@ -38,35 +39,35 @@
     /* marker */
 }
 :root {
-    --calendar-input-calendar-icon: url('https://alfabank.st/icons/glyph_calendar_m_primary.svg');
+    --calendar-input-icon-color: var(--color-light-graphic-primary);
+    --calendar-input-popover-border-color: var(--color-light-border-primary);
+    --calendar-input-popover-border-radius: var(--border-radius-m);
 }
-.calendar-input__component_mt2q6 {
+.calendar-input__component_1kv9n {
     display: inline-block;
     outline: none;
     position: relative;
 }
-.calendar-input__block_mt2q6 {
+.calendar-input__block_1kv9n {
     width: 100%;
 }
-.calendar-input__calendarContainer_mt2q6 {
+.calendar-input__calendarContainer_1kv9n {
     display: inline-block;
     box-sizing: border-box;
     box-shadow: var(--shadow-s);
-    border: 1px solid var(--color-light-border-primary);
-    border-radius: var(--border-radius-m);
+    border: 1px solid var(--calendar-input-popover-border-color);
+    border-radius: var(--calendar-input-popover-border-radius);
 }
-.calendar-input__calendarIcon_mt2q6 {
+.calendar-input__calendarIcon_1kv9n {
     width: 24px;
     height: 24px;
     display: block;
-    background: var(--calendar-input-calendar-icon);
-    background-size: cover;
-    background-position: center
+    color: var(--calendar-input-icon-color)
 }
-.calendar-input__calendarIcon_mt2q6:not(:only-child) {
+.calendar-input__calendarIcon_1kv9n:not(:only-child) {
         margin-right: var(--gap-2xs);
     }
-.calendar-input__nativeInput_mt2q6 {
+.calendar-input__nativeInput_1kv9n {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -77,9 +78,9 @@
             appearance: none;
     z-index: 1
 }
-.calendar-input__nativeInput_mt2q6::-webkit-calendar-picker-indicator {
+.calendar-input__nativeInput_1kv9n::-webkit-calendar-picker-indicator {
         display: none;
     }
-.calendar-input__nativeInput_mt2q6::-webkit-inner-spin-button {
+.calendar-input__nativeInput_1kv9n::-webkit-inner-spin-button {
         display: none;
     }

package/calendar-input/modern/index.js

@@ -1,6 +1,7 @@
 import 'react';
 import 'classnames';
 import 'react-merge-refs';
+import '@alfalab/icons-glyph/CalendarMIcon';
 import 'date-fns';
 import '../../popover/modern';
 import '../../date-input/modern';

package/calendar-range/Component.js

@@ -41,7 +41,7 @@ var __assign = function () {
     return __assign.apply(this, arguments);
 };
 
-var styles = {"component":"calendar-range__component_v17im","divider":"calendar-range__divider_v17im"};
+var styles = {"component":"calendar-range__component_jkizo","divider":"calendar-range__divider_jkizo"};
 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_v17im","divider":"calendar-range__divider_v17im"};
+var styles = {"component":"calendar-range__component_jkizo","divider":"calendar-range__divider_jkizo"};
 require('./index.css');
 
 var CalendarRange = function (_a) {

package/calendar-range/esm/index.css

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