@alfalab/core-components 46.1.0-beta.1 → 46.1.0-beta.2

package/toast-plate/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -66,7 +66,6 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
-export { PortalContext } from "./PortalContext-e3e1c274";
 export * from "./getDataTestId-3490478b";
 export * from "./browser-a216f694";
 export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/modern/Component.responsive.js

@@ -7,7 +7,6 @@ import 'classnames';
 import '../../icon-button/modern';
 import './getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import './PortalContext-79573803.js';
 import '../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/base-toast-plate/hooks/useCustomIcons.js';
@@ -20,5 +19,6 @@ const ToastPlate = forwardRef(({ children, breakpoint = 1024, ...restProps }, re
     const Component = isDesktop ? ToastPlateDesktop : ToastPlateMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });
+ToastPlate.displayName = 'ToastPlate';
 
 export { ToastPlate };

package/toast-plate/modern/components/base-toast-plate/component.js

@@ -3,7 +3,6 @@ import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
 import { g as getDataTestId } from '../../getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import '../../PortalContext-79573803.js';
 import { StatusBadge } from '../../../../status-badge/modern';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { useCustomIcons } from './hooks/useCustomIcons.js';

package/toast-plate/modern/components/base-toast-plate/hooks/useDeprecatedBadge.js

@@ -1,6 +1,5 @@
 import 'react';
 import '@alfalab/hooks';
-import '../../../PortalContext-79573803.js';
 
 const exhaustiveCheck = (value) => value;
 

package/toast-plate/modern/components/base-toast-plate/index.js

@@ -4,7 +4,6 @@ import 'classnames';
 import '../../../../icon-button/modern';
 import '../../getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import '../../PortalContext-79573803.js';
 import '../../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './hooks/useCustomIcons.js';

package/toast-plate/modern/components/base-toast-plate/utils/getBaseToastPlateTestIds.js

@@ -1,7 +1,6 @@
 import { g as getDataTestId } from '../../../getDataTestId-bc9028f2.js';
 import 'react';
 import '@alfalab/hooks';
-import '../../../PortalContext-79573803.js';
 
 function getBaseToastPlateTestIds(dataTestId) {
     return {

package/toast-plate/modern/desktop/Component.desktop.js

@@ -4,7 +4,6 @@ import 'classnames';
 import '../../../icon-button/modern';
 import '../getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import '../PortalContext-79573803.js';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/desktop/index.js

@@ -5,7 +5,6 @@ import 'classnames';
 import '../../../icon-button/modern';
 import '../getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import '../PortalContext-79573803.js';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/{index-2f466837.d.ts → index-307da6d7.d.ts}

@@ -66,7 +66,6 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom };
-export { PortalContext } from "./PortalContext-79573803";
 export * from "./getDataTestId-bc9028f2";
 export * from "./browser-a216f694";
 export * from "./components/base-toast-plate/hooks/useDeprecatedBadge";

package/toast-plate/modern/index.js

@@ -7,7 +7,6 @@ import 'classnames';
 import '../../icon-button/modern';
 import './getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import './PortalContext-79573803.js';
 import '../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import './components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/mobile/Component.mobile.js

@@ -4,7 +4,6 @@ import 'classnames';
 import '../../../icon-button/modern';
 import '../getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import '../PortalContext-79573803.js';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/toast-plate/modern/mobile/index.js

@@ -5,7 +5,6 @@ import 'classnames';
 import '../../../icon-button/modern';
 import '../getDataTestId-bc9028f2.js';
 import '@alfalab/hooks';
-import '../PortalContext-79573803.js';
 import '../../../status-badge/modern';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/base-toast-plate/hooks/useCustomIcons.js';

package/typography/esm/component.js

@@ -9,10 +9,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-7c7910d9.js';
+import './colors.module-8caeadab.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-33510807.js';
+import './common.module-0299dfd5.js';
 import '../../mq/esm';
 
 var Typography = {

package/typography/esm/index.js

@@ -8,11 +8,11 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/esm';
 import '@alfalab/hooks';
-import './colors.module-7c7910d9.js';
+import './colors.module-8caeadab.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-33510807.js';
+import './common.module-0299dfd5.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';
 import '../../mq/esm';

package/typography/esm/text/component.js

@@ -3,7 +3,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-7c7910d9.js';
+import { c as colors } from '../colors.module-8caeadab.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/text/index.js

@@ -6,4 +6,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
-import '../colors.module-7c7910d9.js';
+import '../colors.module-8caeadab.js';

package/typography/esm/title/component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-7c7910d9.js';
+import { c as colors } from '../colors.module-8caeadab.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 

package/typography/esm/title/index.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-33510807.js';
+import { c as commonStyles } from '../common.module-0299dfd5.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-7c7910d9.js';
+import '../colors.module-8caeadab.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_pk1wm","styrene-large":"typography__styrene-large_pk1wm","styrene-medium":"typography__styrene-medium_pk1wm","styrene-small":"typography__styrene-small_pk1wm","styrene-xsmall":"typography__styrene-xsmall_pk1wm","system-xlarge":"typography__system-xlarge_pk1wm","system-large":"typography__system-large_pk1wm","system-medium":"typography__system-medium_pk1wm","system-small":"typography__system-small_pk1wm","system-xsmall":"typography__system-xsmall_pk1wm","margins-xlarge":"typography__margins-xlarge_pk1wm","margins-large":"typography__margins-large_pk1wm","margins-medium":"typography__margins-medium_pk1wm","margins-small":"typography__margins-small_pk1wm","margins-xsmall":"typography__margins-xsmall_pk1wm","rowLimit1":"typography__rowLimit1_pk1wm","rowLimit2":"typography__rowLimit2_pk1wm","rowLimit3":"typography__rowLimit3_pk1wm"};
 require('./index.css');

package/typography/esm/title-mobile/component.js

@@ -1,14 +1,14 @@
 import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-33510807.js';
+import { c as commonStyles } from '../common.module-0299dfd5.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-7c7910d9.js';
+import '../colors.module-8caeadab.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_1a6e8","styrene-large":"typography__styrene-large_1a6e8","styrene-medium":"typography__styrene-medium_1a6e8","styrene-small":"typography__styrene-small_1a6e8","styrene-xsmall":"typography__styrene-xsmall_1a6e8","system-xlarge":"typography__system-xlarge_1a6e8","system-large":"typography__system-large_1a6e8","system-medium":"typography__system-medium_1a6e8","system-small":"typography__system-small_1a6e8","system-xsmall":"typography__system-xsmall_1a6e8"};
 require('./index.css');

package/typography/esm/title-mobile/index.js

@@ -8,5 +8,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-7c7910d9.js';
-import '../common.module-33510807.js';
+import '../colors.module-8caeadab.js';
+import '../common.module-0299dfd5.js';

package/typography/esm/title-responsive/component.js

@@ -2,14 +2,14 @@ import { __assign } from 'tslib';
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../../mq/esm';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-33510807.js';
+import { c as commonStyles } from '../common.module-0299dfd5.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-7c7910d9.js';
+import '../colors.module-8caeadab.js';
 
 var styles = {"styrene-xlarge":"typography__styrene-xlarge_1bpne","styrene-large":"typography__styrene-large_1bpne","styrene-medium":"typography__styrene-medium_1bpne","styrene-small":"typography__styrene-small_1bpne","styrene-xsmall":"typography__styrene-xsmall_1bpne","system-xlarge":"typography__system-xlarge_1bpne","system-large":"typography__system-large_1bpne","system-medium":"typography__system-medium_1bpne","system-small":"typography__system-small_1bpne","system-xsmall":"typography__system-xsmall_1bpne","margins-xlarge":"typography__margins-xlarge_1bpne","margins-large":"typography__margins-large_1bpne","margins-medium":"typography__margins-medium_1bpne","margins-small":"typography__margins-small_1bpne","margins-xsmall":"typography__margins-xsmall_1bpne"};
 require('./index.css');

package/typography/esm/title-responsive/index.js

@@ -9,5 +9,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/esm';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-7c7910d9.js';
-import '../common.module-33510807.js';
+import '../colors.module-8caeadab.js';
+import '../common.module-0299dfd5.js';

package/typography/modern/component.js

@@ -8,10 +8,10 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-28728434.js';
+import './colors.module-3ba7874c.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-91a32c26.js';
+import './common.module-40478320.js';
 import '../../mq/modern';
 
 const Typography = {

package/typography/modern/index.js

@@ -7,11 +7,11 @@ import 'classnames';
 import './hooks/use-skeleton.js';
 import '../../skeleton/modern';
 import '@alfalab/hooks';
-import './colors.module-28728434.js';
+import './colors.module-3ba7874c.js';
 import './title/index.js';
 import './title/component.js';
 import './title/utils.js';
-import './common.module-91a32c26.js';
+import './common.module-40478320.js';
 import './title-mobile/component.js';
 import './title-responsive/component.js';
 import '../../mq/modern';

package/typography/modern/text/component.js

@@ -2,7 +2,7 @@ import React, { forwardRef } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
-import { c as colors } from '../colors.module-28728434.js';
+import { c as colors } from '../colors.module-3ba7874c.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/text/index.js

@@ -5,4 +5,4 @@ import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
-import '../colors.module-28728434.js';
+import '../colors.module-3ba7874c.js';

package/typography/modern/title/component.js

@@ -3,7 +3,7 @@ import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { useSkeleton } from '../hooks/use-skeleton.js';
 import { getDefaultWeight } from './utils.js';
-import { c as colors } from '../colors.module-28728434.js';
+import { c as colors } from '../colors.module-3ba7874c.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 

package/typography/modern/title/index.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from './component.js';
-import { c as commonStyles } from '../common.module-91a32c26.js';
+import { c as commonStyles } from '../common.module-40478320.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import './utils.js';
-import '../colors.module-28728434.js';
+import '../colors.module-3ba7874c.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_pk1wm","styrene-large":"typography__styrene-large_pk1wm","styrene-medium":"typography__styrene-medium_pk1wm","styrene-small":"typography__styrene-small_pk1wm","styrene-xsmall":"typography__styrene-xsmall_pk1wm","system-xlarge":"typography__system-xlarge_pk1wm","system-large":"typography__system-large_pk1wm","system-medium":"typography__system-medium_pk1wm","system-small":"typography__system-small_pk1wm","system-xsmall":"typography__system-xsmall_pk1wm","margins-xlarge":"typography__margins-xlarge_pk1wm","margins-large":"typography__margins-large_pk1wm","margins-medium":"typography__margins-medium_pk1wm","margins-small":"typography__margins-small_pk1wm","margins-xsmall":"typography__margins-xsmall_pk1wm","rowLimit1":"typography__rowLimit1_pk1wm","rowLimit2":"typography__rowLimit2_pk1wm","rowLimit3":"typography__rowLimit3_pk1wm"};
 require('./index.css');

package/typography/modern/title-mobile/component.js

@@ -1,13 +1,13 @@
 import React, { forwardRef } from 'react';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-91a32c26.js';
+import { c as commonStyles } from '../common.module-40478320.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-28728434.js';
+import '../colors.module-3ba7874c.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_1a6e8","styrene-large":"typography__styrene-large_1a6e8","styrene-medium":"typography__styrene-medium_1a6e8","styrene-small":"typography__styrene-small_1a6e8","styrene-xsmall":"typography__styrene-xsmall_1a6e8","system-xlarge":"typography__system-xlarge_1a6e8","system-large":"typography__system-large_1a6e8","system-medium":"typography__system-medium_1a6e8","system-small":"typography__system-small_1a6e8","system-xsmall":"typography__system-xsmall_1a6e8"};
 require('./index.css');

package/typography/modern/title-mobile/index.js

@@ -7,5 +7,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-28728434.js';
-import '../common.module-91a32c26.js';
+import '../colors.module-3ba7874c.js';
+import '../common.module-40478320.js';

package/typography/modern/title-responsive/component.js

@@ -1,14 +1,14 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../../mq/modern';
 import { TitleBase } from '../title/component.js';
-import { c as commonStyles } from '../common.module-91a32c26.js';
+import { c as commonStyles } from '../common.module-40478320.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-28728434.js';
+import '../colors.module-3ba7874c.js';
 
 const styles = {"styrene-xlarge":"typography__styrene-xlarge_1bpne","styrene-large":"typography__styrene-large_1bpne","styrene-medium":"typography__styrene-medium_1bpne","styrene-small":"typography__styrene-small_1bpne","styrene-xsmall":"typography__styrene-xsmall_1bpne","system-xlarge":"typography__system-xlarge_1bpne","system-large":"typography__system-large_1bpne","system-medium":"typography__system-medium_1bpne","system-small":"typography__system-small_1bpne","system-xsmall":"typography__system-xsmall_1bpne","margins-xlarge":"typography__margins-xlarge_1bpne","margins-large":"typography__margins-large_1bpne","margins-medium":"typography__margins-medium_1bpne","margins-small":"typography__margins-small_1bpne","margins-xsmall":"typography__margins-xsmall_1bpne"};
 require('./index.css');

package/typography/modern/title-responsive/index.js

@@ -8,5 +8,5 @@ import '../hooks/use-skeleton.js';
 import '../../../skeleton/modern';
 import '@alfalab/hooks';
 import '../title/utils.js';
-import '../colors.module-28728434.js';
-import '../common.module-91a32c26.js';
+import '../colors.module-3ba7874c.js';
+import '../common.module-40478320.js';

package/typography/text/component.js

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
-var colors_module = require('../colors.module-f0f2b5d5.js');
+var colors_module = require('../colors.module-da3c8bd1.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/component.js

@@ -6,7 +6,7 @@ var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var hooks_useSkeleton = require('../hooks/use-skeleton.js');
 var title_utils = require('./utils.js');
-var colors_module = require('../colors.module-f0f2b5d5.js');
+var colors_module = require('../colors.module-da3c8bd1.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title/index.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('./component.js');
-var common_module = require('../common.module-95c3f6f6.js');
+var common_module = require('../common.module-ac26c98a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-mobile/component.js

@@ -3,7 +3,7 @@ Object.defineProperty(exports, '__esModule', { value: true });
 var tslib = require('tslib');
 var React = require('react');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-95c3f6f6.js');
+var common_module = require('../common.module-ac26c98a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/typography/title-responsive/component.js

@@ -4,7 +4,7 @@ var tslib = require('tslib');
 var React = require('react');
 var coreComponentsMq = require('../../mq');
 var title_component = require('../title/component.js');
-var common_module = require('../common.module-95c3f6f6.js');
+var common_module = require('../common.module-ac26c98a.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
 

package/underlay/Component.js

@@ -78,5 +78,6 @@ var Underlay = React.forwardRef(function (_a, ref) {
         React__default.default.createElement("div", { style: contentStyles, className: cn__default.default(index_module.styles.content, (_d = {}, _d[index_module.styles.backgroundImage] = contentProps === null || contentProps === void 0 ? void 0 : contentProps.backgroundImageURL, _d), contentBordersStyles, utils_getClasses.getClasses(contentProps === null || contentProps === void 0 ? void 0 : contentProps.backgroundColor, contentProps === null || contentProps === void 0 ? void 0 : contentProps.borderColor, contentProps === null || contentProps === void 0 ? void 0 : contentProps.borderSize, contentProps === null || contentProps === void 0 ? void 0 : contentProps.shadow), (contentProps === null || contentProps === void 0 ? void 0 : contentProps.axis) && index_module.styles["direction-".concat(contentProps.axis)], (contentProps === null || contentProps === void 0 ? void 0 : contentProps.alignment) && index_module.styles["align-".concat(contentProps.alignment)], (contentProps === null || contentProps === void 0 ? void 0 : contentProps.justifyContent) &&
                 index_module.styles["justify-".concat(contentProps.justifyContent)], contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }, children)));
 });
+Underlay.displayName = 'Underlay';
 
 exports.Underlay = Underlay;

package/underlay/cssm/Component.js

@@ -79,5 +79,6 @@ var Underlay = React.forwardRef(function (_a, ref) {
         React__default.default.createElement("div", { style: contentStyles, className: cn__default.default(styles__default.default.content, (_d = {}, _d[styles__default.default.backgroundImage] = contentProps === null || contentProps === void 0 ? void 0 : contentProps.backgroundImageURL, _d), contentBordersStyles, utils_getClasses.getClasses(contentProps === null || contentProps === void 0 ? void 0 : contentProps.backgroundColor, contentProps === null || contentProps === void 0 ? void 0 : contentProps.borderColor, contentProps === null || contentProps === void 0 ? void 0 : contentProps.borderSize, contentProps === null || contentProps === void 0 ? void 0 : contentProps.shadow), (contentProps === null || contentProps === void 0 ? void 0 : contentProps.axis) && styles__default.default["direction-".concat(contentProps.axis)], (contentProps === null || contentProps === void 0 ? void 0 : contentProps.alignment) && styles__default.default["align-".concat(contentProps.alignment)], (contentProps === null || contentProps === void 0 ? void 0 : contentProps.justifyContent) &&
                 styles__default.default["justify-".concat(contentProps.justifyContent)], contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }, children)));
 });
+Underlay.displayName = 'Underlay';
 
 exports.Underlay = Underlay;

package/underlay/esm/Component.js

@@ -72,5 +72,6 @@ var Underlay = forwardRef(function (_a, ref) {
         React.createElement("div", { style: contentStyles, className: cn(styles.content, (_d = {}, _d[styles.backgroundImage] = contentProps === null || contentProps === void 0 ? void 0 : contentProps.backgroundImageURL, _d), contentBordersStyles, getClasses(contentProps === null || contentProps === void 0 ? void 0 : contentProps.backgroundColor, contentProps === null || contentProps === void 0 ? void 0 : contentProps.borderColor, contentProps === null || contentProps === void 0 ? void 0 : contentProps.borderSize, contentProps === null || contentProps === void 0 ? void 0 : contentProps.shadow), (contentProps === null || contentProps === void 0 ? void 0 : contentProps.axis) && styles["direction-".concat(contentProps.axis)], (contentProps === null || contentProps === void 0 ? void 0 : contentProps.alignment) && styles["align-".concat(contentProps.alignment)], (contentProps === null || contentProps === void 0 ? void 0 : contentProps.justifyContent) &&
                 styles["justify-".concat(contentProps.justifyContent)], contentProps === null || contentProps === void 0 ? void 0 : contentProps.className) }, children)));
 });
+Underlay.displayName = 'Underlay';
 
 export { Underlay };

package/underlay/modern/Component.js

@@ -33,5 +33,6 @@ const Underlay = forwardRef(({ children, borderRadius, shadow, dimensions, borde
         React.createElement("div", { style: contentStyles, className: cn(styles.content, { [styles.backgroundImage]: contentProps?.backgroundImageURL }, contentBordersStyles, getClasses(contentProps?.backgroundColor, contentProps?.borderColor, contentProps?.borderSize, contentProps?.shadow), contentProps?.axis && styles[`direction-${contentProps.axis}`], contentProps?.alignment && styles[`align-${contentProps.alignment}`], contentProps?.justifyContent &&
                 styles[`justify-${contentProps.justifyContent}`], contentProps?.className) }, children)));
 });
+Underlay.displayName = 'Underlay';
 
 export { Underlay };

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

@@ -14,5 +14,6 @@ var UniversalDateInput = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });
+UniversalDateInput.displayName = 'UniversalDateInput';
 
 exports.UniversalDateInput = UniversalDateInput;

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

@@ -11,6 +11,7 @@ var consts = require('../../consts.js');
 var mask_index = require('../../mask/index.js');
 var components_dateInput_Component = require('../date-input/Component.js');
 var components_dateRangeInput_Component = require('../date-range-input/Component.js');
+var components_monthInput_Component = require('../month-input/Component.js');
 var components_timeInput_Component = require('../time-input/Component.js');
 var index_module = require('../../index.module-14f08545.js');
 
@@ -146,6 +147,8 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
             return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'time':
             return (React__default.default.createElement(components_timeInput_Component.TimeInput, tslib.__assign({ placeholder: "\u0427\u0427".concat(consts.HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
+        case 'month':
+            return (React__default.default.createElement(components_monthInput_Component.MonthInput, tslib.__assign({ placeholder: '\u041C\u041C.\u0413\u0413\u0413\u0413' }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         default:
             throw new Error('The view prop must be specified');
     }

package/universal-date-input/components/month-input/Component.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { InnerMonthInputProps } from "../../types";
+declare const MonthInput: React.ForwardRefExoticComponent<InnerMonthInputProps & React.RefAttributes<HTMLInputElement>>;
+export { MonthInput };

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

@@ -0,0 +1,51 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var tslib = require('tslib');
+var React = require('react');
+var coreComponentsInput = require('../../../input');
+var utils_index = require('../../utils/index.js');
+
+function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { default: e }; }
+
+var React__default = /*#__PURE__*/_interopDefaultCompat(React);
+
+var defaultMonth = '01.1900';
+var MonthInput = React.forwardRef(function (props, ref) {
+    var onInputChange = props.onInputChange, onChange = props.onChange, onClear = props.onClear, onBlur = props.onBlur, autoCorrection = props.autoCorrection, clear = props.clear, defaultValue = props.defaultValue, _a = props.value, value = _a === void 0 ? '' : _a, restProps = tslib.__rest(props, ["onInputChange", "onChange", "onClear", "onBlur", "autoCorrection", "clear", "defaultValue", "value"]);
+    var _b = React.useState(value !== null && value !== void 0 ? value : defaultValue), inputValue = _b[0], setInputValue = _b[1];
+    var prevValueProp = React.useRef(value);
+    var lastValidMonth = React.useRef(defaultMonth);
+    // getDerivedStateFromProps
+    if ('value' in props && !(value === prevValueProp.current)) {
+        prevValueProp.current = value;
+        if (!(inputValue === value)) {
+            setInputValue(value);
+            lastValidMonth.current = utils_index.isCompleteMonth(value) ? value : defaultMonth;
+        }
+    }
+    var changeInputValue = function (val, event) {
+        onInputChange === null || onInputChange === void 0 ? void 0 : onInputChange(event, { value: val });
+        setInputValue(val);
+        var isComplete = utils_index.isCompleteMonth(val);
+        if (val === '' || isComplete) {
+            onChange === null || onChange === void 0 ? void 0 : onChange(val);
+            lastValidMonth.current = isComplete ? val : defaultMonth;
+        }
+    };
+    var handleInputChange = function (event) {
+        changeInputValue(event.target.value, event);
+    };
+    var handleClear = function (event) {
+        changeInputValue('', null);
+        onClear === null || onClear === void 0 ? void 0 : onClear(event);
+    };
+    var handleBlur = function (event) {
+        onBlur === null || onBlur === void 0 ? void 0 : onBlur(event);
+        if (autoCorrection && inputValue && !utils_index.isCompleteMonth(inputValue)) {
+            changeInputValue(lastValidMonth.current, null);
+        }
+    };
+    return (React__default.default.createElement(coreComponentsInput.Input, tslib.__assign({}, restProps, { ref: ref, clear: clear && utils_index.isCompleteMonth(inputValue), onClear: handleClear, onBlur: handleBlur, onInput: handleInputChange, value: inputValue, inputMode: 'decimal' })));
+});
+
+exports.MonthInput = MonthInput;

package/universal-date-input/components/month-input/index.d.ts

@@ -0,0 +1 @@
+export { MonthInput } from "./Component";

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

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var components_monthInput_Component = require('./Component.js');
+
+
+
+exports.MonthInput = components_monthInput_Component.MonthInput;

package/universal-date-input/consts.js

@@ -20,6 +20,10 @@ var TEMPLATES = {
         segments: ['HH', 'mm'],
         separators: [HOURS_MINUTES_SEPARATOR],
     },
+    month: {
+        segments: ['MM', 'yyyy'],
+        separators: ['.'],
+    },
 };
 var DATE_MAX_VALUES = {
     day: 31,

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

@@ -14,5 +14,6 @@ var UniversalDateInput = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React__default.default.createElement(components_baseUniversalDateInput_Component.BaseUniversalDateInput, tslib.__assign({}, restProps, { ref: ref, view: view, breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue, platform: isDesktop ? 'desktop' : 'mobile' })));
 });
+UniversalDateInput.displayName = 'UniversalDateInput';
 
 exports.UniversalDateInput = UniversalDateInput;

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

@@ -11,6 +11,7 @@ var consts = require('../../consts.js');
 var mask_index = require('../../mask/index.js');
 var components_dateInput_Component = require('../date-input/Component.js');
 var components_dateRangeInput_Component = require('../date-range-input/Component.js');
+var components_monthInput_Component = require('../month-input/Component.js');
 var components_timeInput_Component = require('../time-input/Component.js');
 var styles = require('../../index.module.css');
 
@@ -147,6 +148,8 @@ var BaseUniversalDateInput = React.forwardRef(function (_a, ref) {
             return (React__default.default.createElement(components_dateRangeInput_Component.DateRangeInput, tslib.__assign({ placeholder: "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413".concat(consts.DATE_RANGE_SEPARATOR, "\u0414\u0414.\u041C\u041C.\u0413\u0413\u0413\u0413") }, restProps, commonProps, pickerProps, { open: open, calendarRef: calendarRef, inputWrapperRef: inputWrapperRef, ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         case 'time':
             return (React__default.default.createElement(components_timeInput_Component.TimeInput, tslib.__assign({ placeholder: "\u0427\u0427".concat(consts.HOURS_MINUTES_SEPARATOR, "\u041C\u041C") }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
+        case 'month':
+            return (React__default.default.createElement(components_monthInput_Component.MonthInput, tslib.__assign({ placeholder: '\u041C\u041C.\u0413\u0413\u0413\u0413' }, restProps, commonProps, { ref: mergeRefs__default.default([ref, maskRef, inputRef]) })));
         default:
             throw new Error('The view prop must be specified');
     }