@alfalab/core-components 26.5.2-beta.1 → 26.5.2-beta.4

package/calendar/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./tslib.es6-7662381a.js');
+require('./tslib.es6-57723afc.js');
 require('react');
 require('classnames');
 require('date-fns/startOfDay');

package/calendar/modern/components/select-button/Component.d.ts

@@ -19,6 +19,6 @@ declare const SelectButton: React.ForwardRefExoticComponent<React.ButtonHTMLAttr
     /**
      * Вид кнопки
      */
-    view?: "selected" | "outlined" | "filled" | "default" | undefined;
+    view?: "outlined" | "filled" | "default" | "selected" | undefined;
 } & React.RefAttributes<HTMLButtonElement>>;
 export { SelectButtonProps, SelectButton };

package/calendar-input/cssm/Component.js

@@ -11,12 +11,14 @@ require('date-fns/parse');
 require('date-fns/format');
 require('date-fns/isSameDay');
 var utils = require('./utils.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -57,8 +59,6 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var CalendarInput = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.block, block = _c === void 0 ? false : _c, className = _a.className, inputClassName = _a.inputClassName, popoverClassName = _a.popoverClassName, _d = _a.defaultOpen, defaultOpen = _d === void 0 ? false : _d, defaultMonth = _a.defaultMonth, _e = _a.defaultValue, defaultValue = _e === void 0 ? '' : _e, _f = _a.calendarPosition, calendarPosition = _f === void 0 ? 'popover' : _f, value = _a.value, dataTestId = _a.dataTestId, _g = _a.calendarProps, calendarProps = _g === void 0 ? {} : _g, _h = _a.minDate, minDate = _h === void 0 ? calendarProps.minDate : _h, _j = _a.maxDate, maxDate = _j === void 0 ? calendarProps.maxDate : _j, _k = _a.offDays, offDays = _k === void 0 ? calendarProps.offDays || [] : _k, _l = _a.events, events = _l === void 0 ? calendarProps.events || [] : _l, preventFlip = _a.preventFlip, _m = _a.mobileMode, mobileMode = _m === void 0 ? 'popover' : _m, _o = _a.wrapperRef, wrapperRef = _o === void 0 ? null : _o, disabled = _a.disabled, _p = _a.onChange, onChange = _p === void 0 ? function () { return null; } : _p, onInputChange = _a.onInputChange, onCalendarChange = _a.onCalendarChange, onKeyDown = _a.onKeyDown, readOnly = _a.readOnly, _q = _a.Calendar, Calendar = _q === void 0 ? coreComponentsCalendar.Calendar : _q, _r = _a.popoverPosition, popoverPosition = _r === void 0 ? 'bottom-start' : _r, zIndexPopover = _a.zIndexPopover, useAnchorWidth = _a.useAnchorWidth, rightAddons = _a.rightAddons, error = _a.error, restProps = __rest(_a, ["block", "className", "inputClassName", "popoverClassName", "defaultOpen", "defaultMonth", "defaultValue", "calendarPosition", "value", "dataTestId", "calendarProps", "minDate", "maxDate", "offDays", "events", "preventFlip", "mobileMode", "wrapperRef", "disabled", "onChange", "onInputChange", "onCalendarChange", "onKeyDown", "readOnly", "Calendar", "popoverPosition", "zIndexPopover", "useAnchorWidth", "rightAddons", "error"]);
@@ -164,14 +164,14 @@ var CalendarInput = React.forwardRef(function (_a, ref) {
     ]);
     return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
-    React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
-            _b[styles.block] = block,
+    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]), value: inputValue, defaultValue: defaultValue, disabled: disabled, readOnly: readOnly, mobileMode: mobileMode === 'native' ? 'native' : 'input', error: error, rightAddons: React__default['default'].createElement(React__default['default'].Fragment, null,
                 rightAddons,
-                shouldRenderPopover && (React__default['default'].createElement(CalendarMIcon.CalendarMIcon, { className: styles.calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
+                shouldRenderPopover && (React__default['default'].createElement(CalendarMIcon.CalendarMIcon, { className: styles__default['default'].calendarIcon }))), onKeyDown: handleInputKeyDown, onChange: handleInputChange, block: true })),
         shouldRenderStatic && renderCalendar(),
-        shouldRenderPopover && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles.calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
+        shouldRenderPopover && (React__default['default'].createElement(coreComponentsPopover.Popover, { open: open, useAnchorWidth: useAnchorWidth, anchorElement: inputWrapperRef.current, popperClassName: styles__default['default'].calendarContainer, className: popoverClassName, position: popoverPosition, offset: [0, 8], withTransition: false, preventFlip: preventFlip, zIndex: zIndexPopover }, renderCalendar()))));
 });
 
 exports.CalendarInput = CalendarInput;

package/calendar-input/cssm/index.js

@@ -12,6 +12,7 @@ require('date-fns/parse');
 require('date-fns/format');
 require('date-fns/isSameDay');
 var utils = require('./utils.js');
+require('./index.module.css');
 
 
 

package/calendar-range/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('./index.module-889d9a0e.js');
+var index_module = require('./index.module-d83a3408.js');
 var React = require('react');
 require('classnames');
 require('date-fns/startOfMonth');

package/calendar-range/cssm/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('./index.module-67bfda30.js');
+var tslib_es6 = require('./tslib.es6-ce870b46.js');
 var React = require('react');
 require('classnames');
 require('date-fns/startOfMonth');
@@ -12,6 +12,7 @@ require('date-fns/max');
 require('date-fns/min');
 require('date-fns/isEqual');
 require('./hooks.js');
+require('./views/index.module.css');
 var views_popover = require('./views/popover.js');
 require('date-fns/endOfMonth');
 require('../../calendar/cssm');
@@ -23,9 +24,9 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
 var CalendarRange = function (_a) {
-    var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = index_module.__rest(_a, ["calendarPosition"]);
+    var _b = _a.calendarPosition, calendarPosition = _b === void 0 ? 'static' : _b, restProps = tslib_es6.__rest(_a, ["calendarPosition"]);
     var View = calendarPosition === 'popover' ? views_popover.CalendarRangePopover : views_static.CalendarRangeStatic;
-    return React__default['default'].createElement(View, index_module.__assign({}, restProps));
+    return React__default['default'].createElement(View, tslib_es6.__assign({}, restProps));
 };
 
 exports.CalendarRange = CalendarRange;

package/calendar-range/cssm/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./index.module-67bfda30.js');
+require('./tslib.es6-ce870b46.js');
 require('react');
 require('classnames');
 require('date-fns/startOfMonth');
@@ -12,6 +12,7 @@ require('date-fns/max');
 require('date-fns/min');
 require('date-fns/isEqual');
 require('./hooks.js');
+require('./views/index.module.css');
 require('./views/popover.js');
 require('date-fns/endOfMonth');
 require('../../calendar/cssm');

package/calendar-range/cssm/views/popover.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-67bfda30.js');
+var tslib_es6 = require('../tslib.es6-ce870b46.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');
@@ -12,12 +12,14 @@ require('date-fns/max');
 require('date-fns/min');
 require('date-fns/isEqual');
 var hooks = require('../hooks.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var CalendarRangePopover = function (_a) {
     var className = _a.className, _b = _a.defaultMonth, defaultMonth = _b === void 0 ? startOfMonth__default['default'](new Date()).getTime() : _b, minDate = _a.minDate, maxDate = _a.maxDate, _c = _a.valueFrom, valueFrom = _c === void 0 ? '' : _c, _d = _a.valueTo, valueTo = _d === void 0 ? '' : _d, _e = _a.onDateFromChange, onDateFromChange = _e === void 0 ? function () { return null; } : _e, _f = _a.onDateToChange, onDateToChange = _f === void 0 ? function () { return null; } : _f, _g = _a.onChange, onChange = _g === void 0 ? function () { return null; } : _g, _h = _a.inputFromProps, inputFromProps = _h === void 0 ? {} : _h, _j = _a.inputToProps, inputToProps = _j === void 0 ? {} : _j, offDays = _a.offDays, events = _a.events, dataTestId = _a.dataTestId;
@@ -105,10 +107,10 @@ var CalendarRangePopover = function (_a) {
         }
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputToValue]);
-    return (React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, className), "data-test-id": dataTestId },
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
-        React__default['default'].createElement("span", { className: index_module.styles.divider }),
-        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, index_module.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: index_module.__assign(index_module.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className), "data-test-id": dataTestId },
+        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputFromProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-start', error: inputFromInvalid || bothInvalid || inputFromProps.error, onChange: handleFromChange, onInputChange: handleInputFromChange, onBlur: handleInputFromBlur, value: inputFromValue, minDate: minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputFromProps.calendarProps), { month: monthFrom, onMonthChange: handleMonthFromChange, selectorView: 'full' }) })),
+        React__default['default'].createElement("span", { className: styles__default['default'].divider }),
+        React__default['default'].createElement(coreComponentsCalendarInput.CalendarInput, tslib_es6.__assign({}, inputToProps, { useAnchorWidth: false, calendarPosition: 'popover', popoverPosition: 'bottom-end', error: inputToInvalid || bothInvalid || inputToProps.error, onChange: handleToChange, onInputChange: handleInputToChange, onBlur: handleInputToBlur, value: inputToValue, minDate: dateFrom || minDate, maxDate: maxDate, offDays: offDays, events: events, calendarProps: tslib_es6.__assign(tslib_es6.__assign({}, inputToProps.calendarProps), { month: monthTo, onMonthChange: handleMonthToChange, selectorView: 'full' }) }))));
 };
 
 exports.CalendarRangePopover = CalendarRangePopover;

package/calendar-range/cssm/views/static.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-67bfda30.js');
+var tslib_es6 = require('../tslib.es6-ce870b46.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');
@@ -12,6 +12,7 @@ var max = require('date-fns/max');
 require('date-fns/min');
 require('date-fns/isEqual');
 var hooks = require('../hooks.js');
+var styles = require('./index.module.css');
 var endOfMonth = require('date-fns/endOfMonth');
 var coreComponentsCalendar = require('../../../calendar/cssm');
 var utils = require('../utils.js');
@@ -24,6 +25,7 @@ var startOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(startOfMonth);
 var addMonths__default = /*#__PURE__*/_interopDefaultLegacy(addMonths);
 var subMonths__default = /*#__PURE__*/_interopDefaultLegacy(subMonths);
 var max__default = /*#__PURE__*/_interopDefaultLegacy(max);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 var endOfMonth__default = /*#__PURE__*/_interopDefaultLegacy(endOfMonth);
 
 var CalendarRangeStatic = function (_a) {
@@ -143,24 +145,24 @@ var CalendarRangeStatic = function (_a) {
         // eslint-disable-next-line react-hooks/exhaustive-deps
     }, [inputToValue]);
     var rangeProps = hooks.useSelectionProps(period.selectedFrom, period.selectedTo, highlightedDate);
-    var calendarFromProps = inputFromProps.calendarProps, dateInputFromProps = index_module.__rest(inputFromProps, ["calendarProps"]);
-    var calendarToProps = inputToProps.calendarProps, dateInputToProps = index_module.__rest(inputToProps, ["calendarProps"]);
+    var calendarFromProps = inputFromProps.calendarProps, dateInputFromProps = tslib_es6.__rest(inputFromProps, ["calendarProps"]);
+    var calendarToProps = inputToProps.calendarProps, dateInputToProps = tslib_es6.__rest(inputToProps, ["calendarProps"]);
     var CalendarFromComponent = dateInputFromProps.Calendar || coreComponentsCalendar.Calendar;
     var CalendarToComponent = dateInputToProps.Calendar || coreComponentsCalendar.Calendar;
     return (
     // eslint-disable-next-line jsx-a11y/mouse-events-have-key-events
-    React__default['default'].createElement("div", { className: cn__default['default'](index_module.styles.component, index_module.styles.static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
+    React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, styles__default['default'].static, className), onMouseOver: handleMouseOver, "data-test-id": dataTestId },
         React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
+            React__default['default'].createElement(coreComponentsDateInput.DateInput, tslib_es6.__assign({}, dateInputFromProps, { mobileMode: dateInputFromProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputFromProps.mobileMode, value: inputFromValue, onChange: handleInputFromChange, onClear: handleClearFrom, onBlur: handleValidInputFrom, error: bothInvalid || inputFromInvalid || dateInputFromProps.error, clear: true, block: true })),
-            React__default['default'].createElement(CalendarFromComponent, index_module.__assign({}, calendarFromProps, { className: cn__default['default'](index_module.styles.calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max__default['default']([maxDate, endOfMonth__default['default'](subMonths__default['default'](maxDate, 1))]).getTime() }, rangeProps))),
-        React__default['default'].createElement("span", { className: index_module.styles.divider }),
+            React__default['default'].createElement(CalendarFromComponent, tslib_es6.__assign({}, calendarFromProps, { className: cn__default['default'](styles__default['default'].calendar, calendarFromProps === null || calendarFromProps === void 0 ? void 0 : calendarFromProps.className), month: monthFrom, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthFromChange, minDate: minDate, maxDate: maxDate && max__default['default']([maxDate, endOfMonth__default['default'](subMonths__default['default'](maxDate, 1))]).getTime() }, rangeProps))),
+        React__default['default'].createElement("span", { className: styles__default['default'].divider }),
         React__default['default'].createElement("div", null,
-            React__default['default'].createElement(coreComponentsDateInput.DateInput, index_module.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
+            React__default['default'].createElement(coreComponentsDateInput.DateInput, tslib_es6.__assign({}, dateInputToProps, { mobileMode: dateInputToProps.mobileMode === 'popover'
                     ? 'input'
                     : dateInputToProps.mobileMode, value: inputToValue, onChange: handleInputToChange, onClear: handleClearTo, onBlur: handleValidInputTo, error: bothInvalid || inputToInvalid, clear: true, block: true })),
-            React__default['default'].createElement(CalendarToComponent, index_module.__assign({}, calendarToProps, { className: cn__default['default'](index_module.styles.calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth__default['default'](addMonths__default['default'](minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
+            React__default['default'].createElement(CalendarToComponent, tslib_es6.__assign({}, calendarToProps, { className: cn__default['default'](styles__default['default'].calendar, calendarToProps === null || calendarToProps === void 0 ? void 0 : calendarToProps.className), month: monthTo, selectorView: 'month-only', offDays: offDays, events: events, onChange: period.updatePeriod, onMonthChange: handleMonthToChange, minDate: minDate && startOfMonth__default['default'](addMonths__default['default'](minDate, 1)).getTime(), maxDate: maxDate }, rangeProps)))));
 };
 
 exports.CalendarRangeStatic = CalendarRangeStatic;

package/calendar-range/esm/Component.js

@@ -1,4 +1,4 @@
-import { _ as __rest, a as __assign } from './index.module-f6de1d52.js';
+import { _ as __rest, a as __assign } from './index.module-646558f2.js';
 import React from 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

package/calendar-range/esm/index.js

@@ -1,4 +1,4 @@
-import './index.module-f6de1d52.js';
+import './index.module-646558f2.js';
 import 'react';
 import 'classnames';
 import 'date-fns/startOfMonth';

package/calendar-range/esm/views/popover.js

@@ -1,4 +1,4 @@
-import { s as styles, a as __assign } from '../index.module-f6de1d52.js';
+import { s as styles, a as __assign } from '../index.module-646558f2.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

package/calendar-range/esm/views/static.js

@@ -1,4 +1,4 @@
-import { _ as __rest, s as styles, a as __assign } from '../index.module-f6de1d52.js';
+import { _ as __rest, s as styles, a as __assign } from '../index.module-646558f2.js';
 import React, { useState, useCallback, useEffect } from 'react';
 import cn from 'classnames';
 import startOfMonth from 'date-fns/startOfMonth';

package/calendar-range/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./index.module-889d9a0e.js');
+require('./index.module-d83a3408.js');
 require('react');
 require('classnames');
 require('date-fns/startOfMonth');

package/calendar-range/modern/Component.js

@@ -10,7 +10,7 @@ import 'date-fns/endOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
 import './hooks.js';
-import './index.module-9f340795.js';
+import './index.module-c48a2593.js';
 import { CalendarRangePopover } from './views/popover.js';
 import '../../calendar/modern';
 import './utils.js';

package/calendar-range/modern/index.js

@@ -10,7 +10,7 @@ import 'date-fns/endOfMonth';
 import '../../calendar-input/modern';
 import '../../date-input/modern';
 import './hooks.js';
-import './index.module-9f340795.js';
+import './index.module-c48a2593.js';
 import './views/popover.js';
 import '../../calendar/modern';
 import './utils.js';

package/calendar-range/modern/views/popover.js

@@ -9,7 +9,7 @@ import 'date-fns/isEqual';
 import { isValidInputValue, parseDateString, CalendarInput } from '../../../calendar-input/modern';
 import { isCompleteDateInput } from '../../../date-input/modern';
 import { usePopoverViewMonthes } from '../hooks.js';
-import { s as styles } from '../index.module-9f340795.js';
+import { s as styles } from '../index.module-c48a2593.js';
 
 const CalendarRangePopover = ({ className, defaultMonth = startOfMonth(new Date()).getTime(), minDate, maxDate, valueFrom = '', valueTo = '', onDateFromChange = () => null, onDateToChange = () => null, onChange = () => null, inputFromProps = {}, inputToProps = {}, offDays, events, dataTestId, }) => {
     const [inputFromValue, setInputFromValue] = useState(valueFrom);

package/calendar-range/modern/views/static.js

@@ -10,7 +10,7 @@ import endOfMonth from 'date-fns/endOfMonth';
 import { isValidInputValue, parseDateString, formatDate } from '../../../calendar-input/modern';
 import { isCompleteDateInput, DateInput } from '../../../date-input/modern';
 import { useStaticViewMonthes, useSelectionProps } from '../hooks.js';
-import { s as styles } from '../index.module-9f340795.js';
+import { s as styles } from '../index.module-c48a2593.js';
 import { usePeriodWithReset, Calendar } from '../../../calendar/modern';
 import { isDayButton } from '../utils.js';
 

package/calendar-range/views/popover.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-889d9a0e.js');
+var index_module = require('../index.module-d83a3408.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

package/calendar-range/views/static.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var index_module = require('../index.module-889d9a0e.js');
+var index_module = require('../index.module-d83a3408.js');
 var React = require('react');
 var cn = require('classnames');
 var startOfMonth = require('date-fns/startOfMonth');

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

@@ -5,11 +5,13 @@ var cn = require('classnames');
 var reactTransitionGroup = require('react-transition-group');
 var coreComponentsSkeleton = require('../../skeleton/cssm');
 var coreComponentsCalendar = require('../../calendar/cssm');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 /*! *****************************************************************************
 Copyright (c) Microsoft Corporation.
@@ -50,25 +52,23 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = require("./index.module.css");
-
 var CalendarWithSkeleton = React.forwardRef(function (_a, ref) {
     var _b;
     var _c = _a.calendarVisible, calendarVisible = _c === void 0 ? true : _c, _d = _a.animate, animate = _d === void 0 ? true : _d, className = _a.className, restProps = __rest(_a, ["calendarVisible", "animate", "className"]);
     var skeletonProps = { visible: true, animate: animate };
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.component, className, (_b = {},
-            _b[styles.calendarVisible] = calendarVisible,
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].component, className, (_b = {},
+            _b[styles__default['default'].calendarVisible] = calendarVisible,
             _b)) },
         calendarVisible && React__default['default'].createElement(coreComponentsCalendar.Calendar, __assign({ ref: ref }, restProps)),
-        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles },
-            React__default['default'].createElement("div", { className: styles.skeleton, ref: calendarVisible ? undefined : ref },
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.header })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.weekDays })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row })),
-                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles.row }))))));
+        React__default['default'].createElement(reactTransitionGroup.CSSTransition, { in: !calendarVisible, timeout: 200, unmountOnExit: true, classNames: styles__default['default'] },
+            React__default['default'].createElement("div", { className: styles__default['default'].skeleton, ref: calendarVisible ? undefined : ref },
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].header })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].weekDays })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row })),
+                React__default['default'].createElement(coreComponentsSkeleton.Skeleton, __assign({}, skeletonProps, { className: styles__default['default'].row }))))));
 });
 
 exports.CalendarWithSkeleton = CalendarWithSkeleton;

package/calendar-with-skeleton/cssm/index.js

@@ -6,6 +6,7 @@ require('classnames');
 require('react-transition-group');
 require('../../skeleton/cssm');
 require('../../calendar/cssm');
+require('./index.module.css');
 
 
 

package/card-image/cssm/Component.js

@@ -2,13 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var ASPECT_RATIO = 0.63;
 var DEFAULT_WIDTH = 280;
@@ -26,10 +26,10 @@ var CardImage = function (_a) {
     }, [onLoad]);
     var cardImageUrl = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width;
     var cardImageUrl2x = "" + baseUrl + cardId + "/images?layers=" + layers + "&width=" + width * 2;
-    return (React__default['default'].createElement("div", { className: cn__default['default'](styles.cardImage, rounded && styles.rounded, loaded && styles.loaded, className), style: {
+    return (React__default['default'].createElement("div", { className: cn__default['default'](styles__default['default'].cardImage, rounded && styles__default['default'].rounded, loaded && styles__default['default'].loaded, className), style: {
             width: width,
             height: height,
-        }, id: id, "data-test-id": dataTestId }, cardId && (React__default['default'].createElement("img", { ref: image, className: styles.image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
+        }, id: id, "data-test-id": dataTestId }, cardId && (React__default['default'].createElement("img", { ref: image, className: styles__default['default'].image, width: width, height: height, src: cardImageUrl, srcSet: cardImageUrl2x + " 2x", alt: alt, role: 'presentation', onLoad: handleLoadedImage }))));
 };
 
 exports.ASPECT_RATIO = ASPECT_RATIO;

package/card-image/cssm/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/cdn-icon/cssm/Component.js

@@ -2,13 +2,13 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
-
-var styles = require("./index.module.css");
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var CDNIcon = function (_a) {
     var name = _a.name, color = _a.color, dataTestId = _a.dataTestId, className = _a.className;
@@ -24,7 +24,7 @@ var CDNIcon = function (_a) {
         };
         return function () { return xhr.abort(); };
     }, [name]);
-    return (React__default['default'].createElement("span", { style: { color: color }, className: cn__default['default'](styles.component, className), 
+    return (React__default['default'].createElement("span", { style: { color: color }, className: cn__default['default'](styles__default['default'].component, className), 
         // eslint-disable-next-line react/no-danger
         dangerouslySetInnerHTML: { __html: icon }, "data-test-id": dataTestId }));
 };

package/cdn-icon/cssm/index.js

@@ -2,6 +2,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 require('react');
 require('classnames');
+require('./index.module.css');
 var Component = require('./Component.js');
 
 

package/chart/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('./tslib.es6-70d967a5.js');
+var tslib_es6 = require('./tslib.es6-37641719.js');
 var React = require('react');
 var cn = require('classnames');
 var recharts = require('recharts');

package/chart/cssm/Component.js

@@ -10,9 +10,10 @@ require('./icons/Circle.js');
 require('./icons/CircleLine.js');
 require('./icons/FilledCircle.js');
 require('./icons/StrokeCircle.js');
-var index_module = require('./index.module-c2d8412c.js');
+require('./components/Legends/index.module.css');
 var components_Legends_index = require('./components/Legends/index.js');
 require('./icons/Point.js');
+require('./components/Dot/index.module.css');
 var components_Dot_index = require('./components/Dot/index.js');
 require('./hooks/useSettings/utils/setComposedChartsMargin.js');
 require('./hooks/useSettings/utils/setDatas.js');
@@ -24,13 +25,17 @@ require('./hooks/usePathBar/utils/getRadius.js');
 require('./hooks/usePathBar/index.js');
 var components_CustomizedLabel = require('./components/CustomizedLabel.js');
 var components_RectBar = require('./components/RectBar.js');
+require('./components/Tick/index.module.css');
 var components_Tick_index = require('./components/Tick/index.js');
+require('./components/TooltipContent/index.module.css');
 var components_TooltipContent_index = require('./components/TooltipContent/index.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var CustomizedHOC = function (Component, options) {
     var NewComponent = function (props) {
@@ -162,9 +167,9 @@ var Chart = function (props) {
                         labelList && (React__default['default'].createElement(recharts.LabelList, tslib_es6.__assign({ dataKey: properties.dataKey.toString() }, labelList, { content: React__default['default'].createElement(components_CustomizedLabel.CustomizedLabel, { radius: radius }) }))),
                         data.map(function (_, index) {
                             var key = state.id + "-" + properties.dataKey + "-" + index;
-                            return (React__default['default'].createElement(recharts.Cell, { key: key, className: cn__default['default'](index_module.styles.bar, typeof activeDotsState.active === 'number' &&
+                            return (React__default['default'].createElement(recharts.Cell, { key: key, className: cn__default['default'](styles__default['default'].bar, typeof activeDotsState.active === 'number' &&
                                     activeDotsState.active !== index
-                                    ? index_module.styles.unfocused
+                                    ? styles__default['default'].unfocused
                                     : '') }));
                         }))) : null;
                 case 'area':
@@ -262,7 +267,7 @@ var Chart = function (props) {
     };
     if (!data || !charts || !state)
         return null;
-    return (React__default['default'].createElement("div", { className: index_module.styles.coreChart, ref: svgRef, id: (state === null || state === void 0 ? void 0 : state.id) || '', style: { width: '100%', height: '100%' } },
+    return (React__default['default'].createElement("div", { className: styles__default['default'].coreChart, ref: svgRef, id: (state === null || state === void 0 ? void 0 : state.id) || '', style: { width: '100%', height: '100%' } },
         React__default['default'].createElement(recharts.ResponsiveContainer, { debounce: ((_a = state === null || state === void 0 ? void 0 : state.responsiveContainer) === null || _a === void 0 ? void 0 : _a.debounce) ? state.responsiveContainer.debounce : 0, width: '100%' },
             React__default['default'].createElement(recharts.ComposedChart, tslib_es6.__assign({}, state === null || state === void 0 ? void 0 : state.composeChart, { onMouseMove: mouseMove, onMouseLeave: mouseLeave, data: data }),
                 React__default['default'].createElement("defs", null, renderGradient),

package/chart/cssm/components/Dot/index.js

@@ -2,13 +2,14 @@ Object.defineProperty(exports, '__esModule', { value: true });
 
 var React = require('react');
 var cn = require('classnames');
-var index_module = require('../../index.module-c2d8412c.js');
 var icons_Point = require('../../icons/Point.js');
+var styles = require('./index.module.css');
 
 function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
+var styles__default = /*#__PURE__*/_interopDefaultLegacy(styles);
 
 var Dot = React__default['default'].forwardRef(function (_a, ref) {
     var cx = _a.cx, cy = _a.cy, index = _a.index, activeDot = _a.activeDot, dataKey = _a.dataKey, dotSettings = _a.dotSettings, value = _a.value, stroke = _a.stroke;
@@ -40,10 +41,10 @@ var Dot = React__default['default'].forwardRef(function (_a, ref) {
     }, [activeDot, index, option]);
     if (!value)
         return null;
-    return (React__default['default'].createElement("g", { ref: ref, className: cn__default['default'](index_module.styles.dot), transform: "translate(" + (cx - width / 2) + ", " + (cy - height / 2) + ")" },
-        React__default['default'].createElement("g", { className: cn__default['default'](index_module.styles.dotWrap), transform: "scale(" + (activeDot === index ? (option === null || option === void 0 ? void 0 : option.scale) || 0 : (option === null || option === void 0 ? void 0 : option.initScale) || 0) + ")" },
-            React__default['default'].createElement("svg", { className: cn__default['default'](index_module.styles.dotItem, activeDot === index ? index_module.styles.dotActive : '', typeof activeDot === 'number' && activeDot !== index
-                    ? index_module.styles.dotUnfocused
+    return (React__default['default'].createElement("g", { ref: ref, className: cn__default['default'](styles__default['default'].dot), transform: "translate(" + (cx - width / 2) + ", " + (cy - height / 2) + ")" },
+        React__default['default'].createElement("g", { className: cn__default['default'](styles__default['default'].dotWrap), transform: "scale(" + (activeDot === index ? (option === null || option === void 0 ? void 0 : option.scale) || 0 : (option === null || option === void 0 ? void 0 : option.initScale) || 0) + ")" },
+            React__default['default'].createElement("svg", { className: cn__default['default'](styles__default['default'].dotItem, activeDot === index ? styles__default['default'].dotActive : '', typeof activeDot === 'number' && activeDot !== index
+                    ? styles__default['default'].dotUnfocused
                     : ''), "data-id": index, "data-name": dataKey, width: (option === null || option === void 0 ? void 0 : option.width) || 0, height: (option === null || option === void 0 ? void 0 : option.height) || 0 },
                 React__default['default'].createElement(icons_Point.PointIcon, { fill: stroke })))));
 });