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

package/modal/esm/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/esm';
 import '../../ResponsiveContext.js';
-import '../../layout.module-59d61772.js';
+import '../../layout.module-e8e23fca.js';

package/modal/esm/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/esm';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-59d61772.js';
+import { l as layoutStyles } from '../../layout.module-e8e23fca.js';
 import '../../../../base-modal/esm';
 
 var desktopStyles = {"footer":"modal__footer_qgxyy","sticky":"modal__sticky_qgxyy","fullscreen":"modal__fullscreen_qgxyy","size-500":"modal__size-500_qgxyy","size-600":"modal__size-600_qgxyy","size-800":"modal__size-800_qgxyy","size-1140":"modal__size-1140_qgxyy"};

package/modal/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-59d61772.js';
+import '../layout.module-e8e23fca.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalDesktopComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'desktop' }))); });

package/modal/esm/desktop/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-59d61772.js';
+import '../layout.module-e8e23fca.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/esm/index.js

@@ -10,7 +10,7 @@ import './Context.js';
 import '../../base-modal/esm';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-59d61772.js';
+import './layout.module-e8e23fca.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/esm';

package/modal/esm/mobile/Component.mobile.js

@@ -12,7 +12,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/esm';
 import '../Context.js';
-import '../layout.module-59d61772.js';
+import '../layout.module-e8e23fca.js';
 import '../../../navigation-bar-private/esm';
 
 var ModalMobileComponent = forwardRef(function (props, ref) { return (React.createElement(Modal, __assign({}, props, { ref: ref, view: 'mobile' }))); });

package/modal/esm/mobile/index.js

@@ -11,7 +11,7 @@ import '../components/content/Component.js';
 import '../../../shared/esm';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-59d61772.js';
+import '../layout.module-e8e23fca.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/esm';

package/modal/modern/Component.js

@@ -60,5 +60,6 @@ const Modal = forwardRef(({ size = 500, fixedPosition, fullscreen, children, cla
     return (React.createElement(ResponsiveContext.Provider, { value: contextValue },
         React.createElement(BaseModal, { ...restProps, ...baseModalProps, dataTestId: dataTestId }, children)));
 });
+Modal.displayName = 'Modal';
 
 export { Modal };

package/modal/modern/Component.responsive.js

@@ -11,7 +11,7 @@ import './consts.js';
 import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
-import './layout.module-2d42989f.js';
+import './layout.module-a19ebc78.js';
 import '../../navigation-bar-private/modern';
 import 'react-merge-refs';
 
@@ -25,5 +25,6 @@ const ModalResponsive = Object.assign(ModalResponsiveComponent, {
     Footer,
     Controls,
 });
+ModalResponsiveComponent.displayName = 'ModalResponsiveComponent';
 
 export { ModalResponsive };

package/modal/modern/components/controls/Component.js

@@ -2,7 +2,7 @@ import React, { useContext } from 'react';
 import cn from 'classnames';
 import { getDataTestId } from '../../../../shared/modern';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-2d42989f.js';
+import { l as layoutStyles } from '../../layout.module-a19ebc78.js';
 
 const styles = {"component":"modal__component_ccrv5"};
 require('./index.css');

package/modal/modern/components/controls/index.js

@@ -3,4 +3,4 @@ import 'react';
 import 'classnames';
 import '../../../../shared/modern';
 import '../../ResponsiveContext.js';
-import '../../layout.module-2d42989f.js';
+import '../../layout.module-a19ebc78.js';

package/modal/modern/components/footer/Component.js

@@ -4,7 +4,7 @@ import { getDataTestId } from '../../../../shared/modern';
 import { SIZE_TO_CLASSNAME_MAP } from '../../consts.js';
 import { ModalContext } from '../../Context.js';
 import { ResponsiveContext } from '../../ResponsiveContext.js';
-import { l as layoutStyles } from '../../layout.module-2d42989f.js';
+import { l as layoutStyles } from '../../layout.module-a19ebc78.js';
 import '../../../../base-modal/modern';
 
 const desktopStyles = {"footer":"modal__footer_qgxyy","sticky":"modal__sticky_qgxyy","fullscreen":"modal__fullscreen_qgxyy","size-500":"modal__size-500_qgxyy","size-600":"modal__size-600_qgxyy","size-800":"modal__size-800_qgxyy","size-1140":"modal__size-1140_qgxyy"};

package/modal/modern/desktop/Component.desktop.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-2d42989f.js';
+import '../layout.module-a19ebc78.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalDesktopComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'desktop' })));

package/modal/modern/desktop/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-2d42989f.js';
+import '../layout.module-a19ebc78.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/modal/modern/index.js

@@ -9,7 +9,7 @@ import './Context.js';
 import '../../base-modal/modern';
 import './ResponsiveContext.js';
 import './components/controls/Component.js';
-import './layout.module-2d42989f.js';
+import './layout.module-a19ebc78.js';
 import './components/footer/Component.js';
 import './components/header/Component.js';
 import '../../navigation-bar-private/modern';

package/modal/modern/mobile/Component.mobile.js

@@ -11,7 +11,7 @@ import '../consts.js';
 import '../ResponsiveContext.js';
 import '../../../shared/modern';
 import '../Context.js';
-import '../layout.module-2d42989f.js';
+import '../layout.module-a19ebc78.js';
 import '../../../navigation-bar-private/modern';
 
 const ModalMobileComponent = forwardRef((props, ref) => (React.createElement(Modal, { ...props, ref: ref, view: 'mobile' })));

package/modal/modern/mobile/index.js

@@ -10,7 +10,7 @@ import '../components/content/Component.js';
 import '../../../shared/modern';
 import '../Context.js';
 import '../components/controls/Component.js';
-import '../layout.module-2d42989f.js';
+import '../layout.module-a19ebc78.js';
 import '../components/footer/Component.js';
 import '../components/header/Component.js';
 import '../../../navigation-bar-private/modern';

package/navigation-bar-private/Component.js

@@ -159,5 +159,6 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
             }),
         bottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.bottomAddons, bottomAddonsClassName) }, bottomAddons))));
 });
+NavigationBarPrivate.displayName = 'NavigationBarPrivate';
 
 exports.NavigationBarPrivate = NavigationBarPrivate;

package/navigation-bar-private/cssm/Component.js

@@ -158,5 +158,6 @@ var NavigationBarPrivate = React.forwardRef(function (_a, ref) {
             }),
         bottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.bottomAddons, bottomAddonsClassName) }, bottomAddons))));
 });
+NavigationBarPrivate.displayName = 'NavigationBarPrivate';
 
 exports.NavigationBarPrivate = NavigationBarPrivate;

package/navigation-bar-private/esm/Component.js

@@ -158,5 +158,6 @@ var NavigationBarPrivate = forwardRef(function (_a, ref) {
             }),
         bottomAddons && (React.createElement("div", { className: cn(styles.bottomAddons, bottomAddonsClassName) }, bottomAddons))));
 });
+NavigationBarPrivate.displayName = 'NavigationBarPrivate';
 
 export { NavigationBarPrivate };

package/navigation-bar-private/modern/Component.js

@@ -163,5 +163,6 @@ const NavigationBarPrivate = forwardRef(({ addonClassName, className, contentCla
             }),
         bottomAddons && (React.createElement("div", { className: cn(styles.bottomAddons, bottomAddonsClassName) }, bottomAddons))));
 });
+NavigationBarPrivate.displayName = 'NavigationBarPrivate';
 
 export { NavigationBarPrivate };

package/notification/Component.js

@@ -102,5 +102,6 @@ var Notification = React.forwardRef(function (_a, ref) {
                         _a), className), contentClassName: styles.toastContent, actionSectionClassName: cn__default.default(actionSectionClassName, styles.actionSection), style: tslib.__assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default.default([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
     }));
 });
+Notification.displayName = 'Notification';
 
 exports.Notification = Notification;

package/notification/cssm/Component.js

@@ -101,5 +101,6 @@ var Notification = React.forwardRef(function (_a, ref) {
                         _a), className), contentClassName: styles__default.default.toastContent, actionSectionClassName: cn__default.default(actionSectionClassName, styles__default.default.actionSection), style: tslib.__assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs__default.default([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
     }));
 });
+Notification.displayName = 'Notification';
 
 exports.Notification = Notification;

package/notification/cssm/utils/getNotificationTestIds.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+require('react');
 require('@alfalab/hooks');
 
 function getDataTestId(dataTestId, element) {
@@ -8,8 +8,6 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 }
 
-React.createContext(function () { return null; });
-
 function getNotificationTestIds(dataTestId) {
     return {
         badge: getDataTestId(dataTestId, 'badge'),

package/notification/esm/Component.js

@@ -93,5 +93,6 @@ var Notification = forwardRef(function (_a, ref) {
                         _a), className), contentClassName: styles.toastContent, actionSectionClassName: cn(actionSectionClassName, styles.actionSection), style: __assign({ top: offset, zIndex: computedZIndex }, style), onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose }, restProps), children))));
     }));
 });
+Notification.displayName = 'Notification';
 
 export { Notification };

package/notification/esm/utils/getNotificationTestIds.js

@@ -1,4 +1,4 @@
-import { createContext } from 'react';
+import 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -6,8 +6,6 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 }
 
-createContext(function () { return null; });
-
 function getNotificationTestIds(dataTestId) {
     return {
         badge: getDataTestId(dataTestId, 'badge'),

package/notification/modern/Component.js

@@ -91,5 +91,6 @@ const Notification = forwardRef(({ className, actionSectionClassName, children,
                     ...style,
                 }, onMouseEnter: handleMouseEnter, onMouseLeave: handleMouseLeave, ref: mergeRefs([ref, notificationRef]), role: visible ? 'alert' : undefined, hasCloser: hasCloser, onClose: onClose, ...restProps }, children))))));
 });
+Notification.displayName = 'Notification';
 
 export { Notification };

package/notification/modern/utils/getNotificationTestIds.js

@@ -1,4 +1,4 @@
-import { createContext } from 'react';
+import 'react';
 import '@alfalab/hooks';
 
 function getDataTestId(dataTestId, element) {
@@ -6,8 +6,6 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? `${dataTestId}${elementPart}` : undefined;
 }
 
-createContext(() => null);
-
 function getNotificationTestIds(dataTestId) {
     return {
         badge: getDataTestId(dataTestId, 'badge'),

package/notification/utils/getNotificationTestIds.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var React = require('react');
+require('react');
 require('@alfalab/hooks');
 
 function getDataTestId(dataTestId, element) {
@@ -8,8 +8,6 @@ function getDataTestId(dataTestId, element) {
     return dataTestId ? "".concat(dataTestId).concat(elementPart) : undefined;
 }
 
-React.createContext(function () { return null; });
-
 function getNotificationTestIds(dataTestId) {
     return {
         badge: getDataTestId(dataTestId, 'badge'),

package/notification-manager/component.js

@@ -36,5 +36,6 @@ var NotificationManager = React.forwardRef(function (_a, ref) {
                             _a)), onRemoveNotification: onRemoveNotification })));
             }))))); }));
 });
+NotificationManager.displayName = 'NotificationManager';
 
 exports.NotificationManager = NotificationManager;

package/notification-manager/cssm/component.js

@@ -35,5 +35,6 @@ var NotificationManager = React.forwardRef(function (_a, ref) {
                             _a)), onRemoveNotification: onRemoveNotification })));
             }))))); }));
 });
+NotificationManager.displayName = 'NotificationManager';
 
 exports.NotificationManager = NotificationManager;

package/notification-manager/esm/component.js

@@ -29,5 +29,6 @@ var NotificationManager = forwardRef(function (_a, ref) {
                             _a)), onRemoveNotification: onRemoveNotification })));
             }))))); }));
 });
+NotificationManager.displayName = 'NotificationManager';
 
 export { NotificationManager };

package/notification-manager/modern/component.js

@@ -26,5 +26,6 @@ const NotificationManager = forwardRef(({ notifications, className, dataTestId,
             React.createElement(Notification, { element: element, className: cn(styles.notification, {
                     [styles.withoutMargin]: offset && index === 0,
                 }), onRemoveNotification: onRemoveNotification })))))))))));
+NotificationManager.displayName = 'NotificationManager';
 
 export { NotificationManager };

package/number-input/Component.responsive.js

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

package/number-input/cssm/Component.responsive.js

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

package/number-input/esm/Component.responsive.js

@@ -19,5 +19,6 @@ var NumberInputResponsive = forwardRef(function (_a, ref) {
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return (React.createElement(NumberInput, __assign({}, restProps, { Input: Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue })));
 });
+NumberInputResponsive.displayName = 'NumberInputResponsive';
 
 export { NumberInputResponsive };

package/number-input/modern/Component.responsive.js

@@ -17,5 +17,6 @@ const NumberInputResponsive = forwardRef(({ breakpoint = 1024, defaultMatchMedia
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return (React.createElement(NumberInput, { ...restProps, Input: Input, ref: ref, view: isDesktop ? 'desktop' : 'mobile', breakpoint: breakpoint, defaultMatchMediaValue: defaultMatchMediaValue }));
 });
+NumberInputResponsive.displayName = 'NumberInputResponsive';
 
 export { NumberInputResponsive };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@alfalab/core-components",
-  "version": "46.1.0-beta.1",
+  "version": "46.1.0-beta.2",
   "license": "MIT",
   "repository": {
     "type": "git",
@@ -63,11 +63,13 @@
     "@maskito/core": "^1.7.0",
     "@maskito/react": "^1.7.0",
     "@popperjs/core": "^2.11.8",
+    "@types/deep-equal": "^1.0.4",
     "@types/react-transition-group": "^4.4.5",
     "can-use-dom": "^0.1.0",
     "classnames": "^2.3.1",
     "compute-scroll-into-view": "^3.1.0",
     "date-fns": "^2.16.1",
+    "deep-equal": "^2.2.3",
     "downshift": "8.4.0",
     "element-closest": "^3.0.2",
     "intersection-observer": "^0.12.0",

package/pass-code/Component.js

@@ -38,5 +38,6 @@ var PassCode = React.forwardRef(function (_a, ref) {
         React__default.default.createElement(coreComponentsGap.Gap, { size: '4xl' }),
         React__default.default.createElement(components_KeyPad_Component.KeyPad, { dataTestId: dataTestId, leftAddons: leftAddons, rightAddons: rightAddons, onClick: handleChange, onClear: handleClear, showClear: Boolean(value) })));
 });
+PassCode.displayName = 'PassCode';
 
 exports.PassCode = PassCode;

package/pass-code/cssm/Component.js

@@ -37,5 +37,6 @@ var PassCode = React.forwardRef(function (_a, ref) {
         React__default.default.createElement(coreComponentsGap.Gap, { size: '4xl' }),
         React__default.default.createElement(components_KeyPad_Component.KeyPad, { dataTestId: dataTestId, leftAddons: leftAddons, rightAddons: rightAddons, onClick: handleChange, onClear: handleClear, showClear: Boolean(value) })));
 });
+PassCode.displayName = 'PassCode';
 
 exports.PassCode = PassCode;

package/pass-code/esm/Component.js

@@ -35,5 +35,6 @@ var PassCode = forwardRef(function (_a, ref) {
         React.createElement(Gap, { size: '4xl' }),
         React.createElement(KeyPad, { dataTestId: dataTestId, leftAddons: leftAddons, rightAddons: rightAddons, onClick: handleChange, onClear: handleClear, showClear: Boolean(value) })));
 });
+PassCode.displayName = 'PassCode';
 
 export { PassCode };

package/pass-code/modern/Component.js

@@ -34,5 +34,6 @@ const PassCode = forwardRef(({ value = '', dataTestId, className, leftAddons, ri
         React.createElement(Gap, { size: '4xl' }),
         React.createElement(KeyPad, { dataTestId: dataTestId, leftAddons: leftAddons, rightAddons: rightAddons, onClick: handleChange, onClear: handleClear, showClear: Boolean(value) })));
 });
+PassCode.displayName = 'PassCode';
 
 export { PassCode };

package/password-input/component.js

@@ -43,5 +43,6 @@ var PasswordInput = React.forwardRef(function (_a, ref) {
             rightAddons,
             React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles.addons, inputClassName: styles.input })));
 });
+PasswordInput.displayName = 'PasswordInput';
 
 exports.PasswordInput = PasswordInput;

package/password-input/cssm/component.js

@@ -42,5 +42,6 @@ var PasswordInput = React.forwardRef(function (_a, ref) {
             rightAddons,
             React__default.default.createElement(coreComponentsIconButton.IconButton, { className: styles__default.default.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon.EyeMIcon : EyeOffMIcon.EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles__default.default.addons, inputClassName: styles__default.default.input })));
 });
+PasswordInput.displayName = 'PasswordInput';
 
 exports.PasswordInput = PasswordInput;

package/password-input/esm/component.js

@@ -36,5 +36,6 @@ var PasswordInput = forwardRef(function (_a, ref) {
             rightAddons,
             React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles.addons, inputClassName: styles.input })));
 });
+PasswordInput.displayName = 'PasswordInput';
 
 export { PasswordInput };

package/password-input/modern/component.js

@@ -34,5 +34,6 @@ const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, di
             rightAddons,
             React.createElement(IconButton, { className: styles.eye, colors: colors, view: 'secondary', size: 's', icon: isPasswordVisible ? EyeMIcon : EyeOffMIcon, onClick: handleButtonClick, disabled: disabled })), addonsClassName: styles.addons, inputClassName: styles.input }));
 });
+PasswordInput.displayName = 'PasswordInput';
 
 export { PasswordInput };

package/pattern-lock/Component.responsive.js

@@ -17,5 +17,6 @@ var PatternLock = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
+PatternLock.displayName = 'PatternLock';
 
 exports.PatternLock = PatternLock;

package/pattern-lock/components/base-pattern-lock/Component.js

@@ -62,5 +62,7 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
                 _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
                 _c)) }))));
 });
+BasePatternLock.displayName = 'BasePatternLock';
+reactCanvasPatternLock.ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
 
 exports.BasePatternLock = BasePatternLock;

package/pattern-lock/cssm/Component.responsive.js

@@ -17,5 +17,6 @@ var PatternLock = React.forwardRef(function (_a, ref) {
     var Component = isDesktop ? desktop_Component_desktop.PatternLockDesktop : mobile_Component_mobile.PatternLockMobile;
     return React__default.default.createElement(Component, tslib.__assign({ ref: ref }, restProps));
 });
+PatternLock.displayName = 'PatternLock';
 
 exports.PatternLock = PatternLock;

package/pattern-lock/cssm/components/base-pattern-lock/Component.js

@@ -61,5 +61,7 @@ var BasePatternLock = React.forwardRef(function (_a, ref) {
                 _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
                 _c)) }))));
 });
+BasePatternLock.displayName = 'BasePatternLock';
+reactCanvasPatternLock.ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
 
 exports.BasePatternLock = BasePatternLock;

package/pattern-lock/cssm/desktop/Component.desktop.js

@@ -11,5 +11,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var PatternLockDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: styles__default.default })); });
+PatternLockDesktop.displayName = 'PatternLockDesktop';
 
 exports.PatternLockDesktop = PatternLockDesktop;

package/pattern-lock/cssm/mobile/Component.mobile.js

@@ -11,5 +11,6 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var styles__default = /*#__PURE__*/_interopDefaultCompat(styles);
 
 var PatternLockMobile = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { ref: ref, styles: styles__default.default })); });
+PatternLockMobile.displayName = 'PatternLockMobile';
 
 exports.PatternLockMobile = PatternLockMobile;

package/pattern-lock/desktop/Component.desktop.js

@@ -12,5 +12,6 @@ var styles = {"component":"pattern-lock__component_evq3c","forgotBtn":"pattern-l
 require('./desktop.css');
 
 var PatternLockDesktop = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { hover: true, ref: ref, styles: styles })); });
+PatternLockDesktop.displayName = 'PatternLockDesktop';
 
 exports.PatternLockDesktop = PatternLockDesktop;

package/pattern-lock/esm/Component.responsive.js

@@ -18,5 +18,6 @@ var PatternLock = forwardRef(function (_a, ref) {
     var Component = isDesktop ? PatternLockDesktop : PatternLockMobile;
     return React.createElement(Component, __assign({ ref: ref }, restProps));
 });
+PatternLock.displayName = 'PatternLock';
 
 export { PatternLock };

package/pattern-lock/esm/components/base-pattern-lock/Component.js

@@ -55,5 +55,7 @@ var BasePatternLock = forwardRef(function (_a, ref) {
                 _c[styles.hiddenBtn] = Boolean(styles.hiddenBtn),
                 _c)) }))));
 });
+BasePatternLock.displayName = 'BasePatternLock';
+ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
 
 export { BasePatternLock };

package/pattern-lock/esm/desktop/Component.desktop.js

@@ -12,5 +12,6 @@ var styles = {"component":"pattern-lock__component_evq3c","forgotBtn":"pattern-l
 require('./desktop.css');
 
 var PatternLockDesktop = forwardRef(function (restProps, ref) { return React.createElement(BasePatternLock, __assign({}, restProps, { hover: true, ref: ref, styles: styles })); });
+PatternLockDesktop.displayName = 'PatternLockDesktop';
 
 export { PatternLockDesktop };

package/pattern-lock/esm/mobile/Component.mobile.js

@@ -12,5 +12,6 @@ var styles = {"component":"pattern-lock__component_1tr12","forgotBtn":"pattern-l
 require('./mobile.css');
 
 var PatternLockMobile = forwardRef(function (restProps, ref) { return React.createElement(BasePatternLock, __assign({}, restProps, { ref: ref, styles: styles })); });
+PatternLockMobile.displayName = 'PatternLockMobile';
 
 export { PatternLockMobile };

package/pattern-lock/mobile/Component.mobile.js

@@ -12,5 +12,6 @@ var styles = {"component":"pattern-lock__component_1tr12","forgotBtn":"pattern-l
 require('./mobile.css');
 
 var PatternLockMobile = React.forwardRef(function (restProps, ref) { return React__default.default.createElement(components_basePatternLock_Component.BasePatternLock, tslib.__assign({}, restProps, { ref: ref, styles: styles })); });
+PatternLockMobile.displayName = 'PatternLockMobile';
 
 exports.PatternLockMobile = PatternLockMobile;

package/pattern-lock/modern/Component.responsive.js

@@ -16,5 +16,6 @@ const PatternLock = forwardRef(({ breakpoint = 1024, ...restProps }, ref) => {
     const Component = isDesktop ? PatternLockDesktop : PatternLockMobile;
     return React.createElement(Component, { ref: ref, ...restProps });
 });
+PatternLock.displayName = 'PatternLock';
 
 export { PatternLock };

package/pattern-lock/modern/components/base-pattern-lock/Component.js

@@ -50,5 +50,7 @@ const BasePatternLock = forwardRef(({ observeTokens = false, observerParams = {}
                 [styles.hiddenBtn]: Boolean(styles.hiddenBtn),
             }) }))));
 });
+BasePatternLock.displayName = 'BasePatternLock';
+ReactCanvasPatternLock.displayName = 'ReactCanvasPatternLock';
 
 export { BasePatternLock };

package/pattern-lock/modern/desktop/Component.desktop.js

@@ -11,5 +11,6 @@ const styles = {"component":"pattern-lock__component_evq3c","forgotBtn":"pattern
 require('./desktop.css');
 
 const PatternLockDesktop = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, hover: true, ref: ref, styles: styles }));
+PatternLockDesktop.displayName = 'PatternLockDesktop';
 
 export { PatternLockDesktop };

package/pattern-lock/modern/mobile/Component.mobile.js

@@ -11,5 +11,6 @@ const styles = {"component":"pattern-lock__component_1tr12","forgotBtn":"pattern
 require('./mobile.css');
 
 const PatternLockMobile = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, ref: ref, styles: styles }));
+PatternLockMobile.displayName = 'PatternLockMobile';
 
 export { PatternLockMobile };

package/phone-input/Component.js

@@ -107,5 +107,6 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
     }, [clearableCountryCode]);
     return (React__default.default.createElement(coreComponentsMaskedInput.MaskedInput, tslib.__assign({}, restProps, { defaultValue: clearableCountryCode ? restProps.defaultValue : countryPrefix, mask: mask, onBeforeDisplay: handleBeforeDisplay, type: 'tel', ref: mergeRefs__default.default([ref, inputRef]) })));
 });
+PhoneInput.displayName = 'PhoneInputs';
 
 exports.PhoneInput = PhoneInput;