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

package/filter-tag/cssm/components/base-filter-tag/Component.js

@@ -28,7 +28,7 @@ var SIZE_TO_CLASSNAME_MAP = {
 };
 var BaseFilterTag = React.forwardRef(function (_a, ref) {
     var _b, _c;
-    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.showClear, showClear = _h === void 0 ? true : _h, className = _a.className, dataTestId = _a.dataTestId, _j = _a.styles, styles = _j === void 0 ? {} : _j;
+    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.showClear, showClear = _h === void 0 ? true : _h, _j = _a.block, block = _j === void 0 ? false : _j, className = _a.className, dataTestId = _a.dataTestId, _k = _a.styles, styles = _k === void 0 ? {} : _k;
     var valueRef = React.useRef(null);
     var focused = hooks.useFocus(valueRef, 'keyboard')[0];
     var handleClear = function (event) {
@@ -52,6 +52,7 @@ var BaseFilterTag = React.forwardRef(function (_a, ref) {
             _b[styles.disabled] = disabled,
             _b[commonStyles__default.default.focused] = focused,
             _b[commonStyles__default.default.open] = open,
+            _b[commonStyles__default.default.block] = block,
             _b)), ref: ref, "data-test-id": dataTestId, onClick: disabled ? undefined : onClick },
         React__default.default.createElement("button", { type: 'button', ref: valueRef, disabled: disabled, className: cn__default.default(commonStyles__default.default.valueButton, styles.valueButton, commonStyles__default.default[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], commonStyles__default.default[shapeClassName], styles[shapeClassName], commonStyles__default.default[view], (_c = {},
                 _c[styles[view]] = Boolean(styles[view]),
@@ -60,6 +61,7 @@ var BaseFilterTag = React.forwardRef(function (_a, ref) {
                 _c[commonStyles__default.default.open] = open,
                 _c[commonStyles__default.default.close] = !showClear,
                 _c[styles.close] = !showClear,
+                _c[commonStyles__default.default.block] = block,
                 _c)) },
             React__default.default.createElement("span", { className: commonStyles__default.default.content }, children),
             React__default.default.createElement("span", { className: commonStyles__default.default.chevron }, ['size-40', 'size-32'].includes(SIZE_TO_CLASSNAME_MAP[size]) ? (React__default.default.createElement(ChevronDownCompactSIcon.ChevronDownCompactSIcon, null)) : (React__default.default.createElement(ChevronDownMIcon.ChevronDownMIcon, null)))),

package/filter-tag/cssm/components/base-filter-tag/index.module.css

@@ -100,7 +100,9 @@
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .component.disabled {
+} .component.block {
+        width: 100%;
+    } .component.disabled {
         background-color: var(--tag-outlined-background-color-disabled);
     } .component.rounded.size-32 {
             border-radius: var(--tag-rounded-xxs-border-radius);
@@ -152,7 +154,10 @@
     border-style: solid;
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: 0
-} .valueButton:disabled {
+} .valueButton.block {
+        width: inherit;
+        justify-content: center;
+    } .valueButton:disabled {
         cursor: var(--disabled-cursor)
     } .valueButton:disabled > .chevron {
             color: var(--color-light-graphic-tertiary);

package/filter-tag/esm/Component.responsive.js

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

package/filter-tag/esm/components/base-filter-tag/Component.d.ts

@@ -43,6 +43,11 @@ type BaseFilterTagProps = {
      * Показывать крестик для очистки выбора
      */
     showClear?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Используйте props shape и view

package/filter-tag/esm/components/base-filter-tag/Component.js

@@ -6,7 +6,7 @@ import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 
-var commonStyles = {"component":"filter-tag__component_1tg2x","disabled":"filter-tag__disabled_1tg2x","rounded":"filter-tag__rounded_1tg2x","size-32":"filter-tag__size-32_1tg2x","size-40":"filter-tag__size-40_1tg2x","size-48":"filter-tag__size-48_1tg2x","checked":"filter-tag__checked_1tg2x","content":"filter-tag__content_1tg2x","focused":"filter-tag__focused_1tg2x","chevron":"filter-tag__chevron_1tg2x","valueButton":"filter-tag__valueButton_1tg2x","outlined":"filter-tag__outlined_1tg2x","filled":"filter-tag__filled_1tg2x","open":"filter-tag__open_1tg2x","close":"filter-tag__close_1tg2x","clear":"filter-tag__clear_1tg2x","iconWrapper":"filter-tag__iconWrapper_1tg2x"};
+var commonStyles = {"component":"filter-tag__component_1tg2x","block":"filter-tag__block_1tg2x","disabled":"filter-tag__disabled_1tg2x","rounded":"filter-tag__rounded_1tg2x","size-32":"filter-tag__size-32_1tg2x","size-40":"filter-tag__size-40_1tg2x","size-48":"filter-tag__size-48_1tg2x","checked":"filter-tag__checked_1tg2x","content":"filter-tag__content_1tg2x","focused":"filter-tag__focused_1tg2x","chevron":"filter-tag__chevron_1tg2x","valueButton":"filter-tag__valueButton_1tg2x","outlined":"filter-tag__outlined_1tg2x","filled":"filter-tag__filled_1tg2x","open":"filter-tag__open_1tg2x","close":"filter-tag__close_1tg2x","clear":"filter-tag__clear_1tg2x","iconWrapper":"filter-tag__iconWrapper_1tg2x"};
 require('./index.css');
 
 var isKeyBoardEvent = function (event) {
@@ -22,7 +22,7 @@ var SIZE_TO_CLASSNAME_MAP = {
 };
 var BaseFilterTag = forwardRef(function (_a, ref) {
     var _b, _c;
-    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.showClear, showClear = _h === void 0 ? true : _h, className = _a.className, dataTestId = _a.dataTestId, _j = _a.styles, styles = _j === void 0 ? {} : _j;
+    var children = _a.children, checked = _a.checked, disabled = _a.disabled, open = _a.open, onClick = _a.onClick, _d = _a.size, size = _d === void 0 ? 48 : _d, _e = _a.variant, variant = _e === void 0 ? 'default' : _e, shape = _a.shape, _f = _a.view, view = _f === void 0 ? 'outlined' : _f, _g = _a.onClear, onClear = _g === void 0 ? function () { return null; } : _g, _h = _a.showClear, showClear = _h === void 0 ? true : _h, _j = _a.block, block = _j === void 0 ? false : _j, className = _a.className, dataTestId = _a.dataTestId, _k = _a.styles, styles = _k === void 0 ? {} : _k;
     var valueRef = useRef(null);
     var focused = useFocus(valueRef, 'keyboard')[0];
     var handleClear = function (event) {
@@ -46,6 +46,7 @@ var BaseFilterTag = forwardRef(function (_a, ref) {
             _b[styles.disabled] = disabled,
             _b[commonStyles.focused] = focused,
             _b[commonStyles.open] = open,
+            _b[commonStyles.block] = block,
             _b)), ref: ref, "data-test-id": dataTestId, onClick: disabled ? undefined : onClick },
         React.createElement("button", { type: 'button', ref: valueRef, disabled: disabled, className: cn(commonStyles.valueButton, styles.valueButton, commonStyles[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], commonStyles[shapeClassName], styles[shapeClassName], commonStyles[view], (_c = {},
                 _c[styles[view]] = Boolean(styles[view]),
@@ -54,6 +55,7 @@ var BaseFilterTag = forwardRef(function (_a, ref) {
                 _c[commonStyles.open] = open,
                 _c[commonStyles.close] = !showClear,
                 _c[styles.close] = !showClear,
+                _c[commonStyles.block] = block,
                 _c)) },
             React.createElement("span", { className: commonStyles.content }, children),
             React.createElement("span", { className: commonStyles.chevron }, ['size-40', 'size-32'].includes(SIZE_TO_CLASSNAME_MAP[size]) ? (React.createElement(ChevronDownCompactSIcon, null)) : (React.createElement(ChevronDownMIcon, null)))),

package/filter-tag/esm/components/base-filter-tag/index.css

@@ -101,7 +101,9 @@
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_1tg2x.filter-tag__disabled_1tg2x {
+} .filter-tag__component_1tg2x.filter-tag__block_1tg2x {
+        width: 100%;
+    } .filter-tag__component_1tg2x.filter-tag__disabled_1tg2x {
         background-color: var(--tag-outlined-background-color-disabled);
     } .filter-tag__component_1tg2x.filter-tag__rounded_1tg2x.filter-tag__size-32_1tg2x {
             border-radius: var(--tag-rounded-xxs-border-radius);
@@ -153,7 +155,10 @@
     border-style: solid;
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: 0
-} .filter-tag__valueButton_1tg2x:disabled {
+} .filter-tag__valueButton_1tg2x.filter-tag__block_1tg2x {
+        width: inherit;
+        justify-content: center;
+    } .filter-tag__valueButton_1tg2x:disabled {
         cursor: var(--disabled-cursor)
     } .filter-tag__valueButton_1tg2x:disabled > .filter-tag__chevron_1tg2x {
             color: var(--color-light-graphic-tertiary);

package/filter-tag/modern/Component.responsive.js

@@ -16,5 +16,6 @@ const FilterTag = forwardRef(({ children, breakpoint = 1024, ...restProps }, ref
     const Component = isDesktop ? FilterTagDesktop : FilterTagMobile;
     return (React.createElement(Component, { ref: ref, ...restProps }, children));
 });
+FilterTag.displayName = 'FilterTag';
 
 export { FilterTag };

package/filter-tag/modern/components/base-filter-tag/Component.d.ts

@@ -43,6 +43,11 @@ type BaseFilterTagProps = {
      * Показывать крестик для очистки выбора
      */
     showClear?: boolean;
+    /**
+     * Растягивает компонент на ширину контейнера
+     * @default false
+     */
+    block?: boolean;
     /**
      * @deprecated данный проп больше не используется, временно оставлен для обратной совместимости
      * Используйте props shape и view

package/filter-tag/modern/components/base-filter-tag/Component.js

@@ -6,7 +6,7 @@ import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossCircleMIcon } from '@alfalab/icons-glyph/CrossCircleMIcon';
 import { CrossCircleSIcon } from '@alfalab/icons-glyph/CrossCircleSIcon';
 
-const commonStyles = {"component":"filter-tag__component_1tg2x","disabled":"filter-tag__disabled_1tg2x","rounded":"filter-tag__rounded_1tg2x","size-32":"filter-tag__size-32_1tg2x","size-40":"filter-tag__size-40_1tg2x","size-48":"filter-tag__size-48_1tg2x","checked":"filter-tag__checked_1tg2x","content":"filter-tag__content_1tg2x","focused":"filter-tag__focused_1tg2x","chevron":"filter-tag__chevron_1tg2x","valueButton":"filter-tag__valueButton_1tg2x","outlined":"filter-tag__outlined_1tg2x","filled":"filter-tag__filled_1tg2x","open":"filter-tag__open_1tg2x","close":"filter-tag__close_1tg2x","clear":"filter-tag__clear_1tg2x","iconWrapper":"filter-tag__iconWrapper_1tg2x"};
+const commonStyles = {"component":"filter-tag__component_1tg2x","block":"filter-tag__block_1tg2x","disabled":"filter-tag__disabled_1tg2x","rounded":"filter-tag__rounded_1tg2x","size-32":"filter-tag__size-32_1tg2x","size-40":"filter-tag__size-40_1tg2x","size-48":"filter-tag__size-48_1tg2x","checked":"filter-tag__checked_1tg2x","content":"filter-tag__content_1tg2x","focused":"filter-tag__focused_1tg2x","chevron":"filter-tag__chevron_1tg2x","valueButton":"filter-tag__valueButton_1tg2x","outlined":"filter-tag__outlined_1tg2x","filled":"filter-tag__filled_1tg2x","open":"filter-tag__open_1tg2x","close":"filter-tag__close_1tg2x","clear":"filter-tag__clear_1tg2x","iconWrapper":"filter-tag__iconWrapper_1tg2x"};
 require('./index.css');
 
 const isKeyBoardEvent = (event) => event.key !== undefined;
@@ -18,7 +18,7 @@ const SIZE_TO_CLASSNAME_MAP = {
     40: 'size-40',
     48: 'size-48',
 };
-const BaseFilterTag = forwardRef(({ children, checked, disabled, open, onClick, size = 48, variant = 'default', shape, view = 'outlined', onClear = () => null, showClear = true, className, dataTestId, styles = {}, }, ref) => {
+const BaseFilterTag = forwardRef(({ children, checked, disabled, open, onClick, size = 48, variant = 'default', shape, view = 'outlined', onClear = () => null, showClear = true, block = false, className, dataTestId, styles = {}, }, ref) => {
     const valueRef = useRef(null);
     const [focused] = useFocus(valueRef, 'keyboard');
     const handleClear = (event) => {
@@ -42,6 +42,7 @@ const BaseFilterTag = forwardRef(({ children, checked, disabled, open, onClick,
             [styles.disabled]: disabled,
             [commonStyles.focused]: focused,
             [commonStyles.open]: open,
+            [commonStyles.block]: block,
         }), ref: ref, "data-test-id": dataTestId, onClick: disabled ? undefined : onClick },
         React.createElement("button", { type: 'button', ref: valueRef, disabled: disabled, className: cn(commonStyles.valueButton, styles.valueButton, commonStyles[SIZE_TO_CLASSNAME_MAP[size]], styles[SIZE_TO_CLASSNAME_MAP[size]], commonStyles[shapeClassName], styles[shapeClassName], commonStyles[view], {
                 [styles[view]]: Boolean(styles[view]),
@@ -50,6 +51,7 @@ const BaseFilterTag = forwardRef(({ children, checked, disabled, open, onClick,
                 [commonStyles.open]: open,
                 [commonStyles.close]: !showClear,
                 [styles.close]: !showClear,
+                [commonStyles.block]: block,
             }) },
             React.createElement("span", { className: commonStyles.content }, children),
             React.createElement("span", { className: commonStyles.chevron }, ['size-40', 'size-32'].includes(SIZE_TO_CLASSNAME_MAP[size]) ? (React.createElement(ChevronDownCompactSIcon, null)) : (React.createElement(ChevronDownMIcon, null)))),

package/filter-tag/modern/components/base-filter-tag/index.css

@@ -101,7 +101,9 @@
     width: max-content;
     max-width: 100%;
     box-sizing: border-box
-} .filter-tag__component_1tg2x.filter-tag__disabled_1tg2x {
+} .filter-tag__component_1tg2x.filter-tag__block_1tg2x {
+        width: 100%;
+    } .filter-tag__component_1tg2x.filter-tag__disabled_1tg2x {
         background-color: var(--tag-outlined-background-color-disabled);
     } .filter-tag__component_1tg2x.filter-tag__rounded_1tg2x.filter-tag__size-32_1tg2x {
             border-radius: var(--tag-rounded-xxs-border-radius);
@@ -153,7 +155,10 @@
     border-style: solid;
     transition: border-color 0.2s ease, background-color 0.2s ease, color 0.2s ease;
     margin: 0
-} .filter-tag__valueButton_1tg2x:disabled {
+} .filter-tag__valueButton_1tg2x.filter-tag__block_1tg2x {
+        width: inherit;
+        justify-content: center;
+    } .filter-tag__valueButton_1tg2x:disabled {
         cursor: var(--disabled-cursor)
     } .filter-tag__valueButton_1tg2x:disabled > .filter-tag__chevron_1tg2x {
             color: var(--color-light-graphic-tertiary);

package/form-control/Component.responsive.js

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

package/form-control/cssm/Component.responsive.js

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

package/form-control/esm/Component.responsive.js

@@ -14,5 +14,6 @@ var FormControl = forwardRef(function (_a, ref) {
     var Component = isDesktop ? FormControlDesktop : FormControlMobile;
     return React.createElement(Component, __assign({ ref: ref }, restProps));
 });
+FormControl.displayName = 'FormControl';
 
 export { FormControl };

package/form-control/modern/Component.responsive.js

@@ -12,5 +12,6 @@ const FormControl = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...
     const Component = isDesktop ? FormControlDesktop : FormControlMobile;
     return React.createElement(Component, { ref: ref, ...restProps });
 });
+FormControl.displayName = 'FormControl';
 
 export { FormControl };

package/hatching-progress-bar/Component.js

@@ -17,5 +17,6 @@ var HatchingProgressBar = React__default.default.forwardRef(function (_a, ref) {
         React__default.default.createElement("div", { className: styles.hatch, style: { transform: "translateX(".concat(hatchValue - 100, "%)") } }),
         React__default.default.createElement("div", { className: cn__default.default(styles.filled, styles[view]), style: { transform: "translateX(".concat(value - 100, "%)") } })));
 });
+HatchingProgressBar.displayName = 'HatchingProgressBar';
 
 exports.HatchingProgressBar = HatchingProgressBar;

package/hatching-progress-bar/cssm/Component.js

@@ -16,5 +16,6 @@ var HatchingProgressBar = React__default.default.forwardRef(function (_a, ref) {
         React__default.default.createElement("div", { className: styles__default.default.hatch, style: { transform: "translateX(".concat(hatchValue - 100, "%)") } }),
         React__default.default.createElement("div", { className: cn__default.default(styles__default.default.filled, styles__default.default[view]), style: { transform: "translateX(".concat(value - 100, "%)") } })));
 });
+HatchingProgressBar.displayName = 'HatchingProgressBar';
 
 exports.HatchingProgressBar = HatchingProgressBar;

package/hatching-progress-bar/esm/Component.js

@@ -10,5 +10,6 @@ var HatchingProgressBar = React.forwardRef(function (_a, ref) {
         React.createElement("div", { className: styles.hatch, style: { transform: "translateX(".concat(hatchValue - 100, "%)") } }),
         React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: "translateX(".concat(value - 100, "%)") } })));
 });
+HatchingProgressBar.displayName = 'HatchingProgressBar';
 
 export { HatchingProgressBar };

package/hatching-progress-bar/modern/Component.js

@@ -7,5 +7,6 @@ require('./index.css');
 const HatchingProgressBar = React.forwardRef(({ className, value, hatchValue, view = 'positive', dataTestId }, ref) => (React.createElement("div", { role: 'progressbar', "aria-valuenow": Math.round(value), "aria-valuemin": 0, "aria-valuemax": 100, className: cn(styles.container, className), "data-test-id": dataTestId, ref: ref },
     React.createElement("div", { className: styles.hatch, style: { transform: `translateX(${hatchValue - 100}%)` } }),
     React.createElement("div", { className: cn(styles.filled, styles[view]), style: { transform: `translateX(${value - 100}%)` } }))));
+HatchingProgressBar.displayName = 'HatchingProgressBar';
 
 export { HatchingProgressBar };

package/icon-button/Component.js

@@ -42,5 +42,6 @@ var IconButton = React.forwardRef(function (_a, ref) {
             _b)), size: 's' }),
         React__default.default.createElement("span", { className: cn__default.default(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React__default.default.isValidElement(Icon) ? (React__default.default.cloneElement(Icon, { className: cn__default.default(styles.icon, Icon.props.className) })) : (React__default.default.createElement(Icon, { className: styles.icon })))));
 });
+IconButton.displayName = 'IconButton';
 
 exports.IconButton = IconButton;

package/icon-button/cssm/Component.js

@@ -39,5 +39,6 @@ var IconButton = React.forwardRef(function (_a, ref) {
             _b)), size: 's' }),
         React__default.default.createElement("span", { className: cn__default.default(styles__default.default.iconWrapper, styles__default.default[SIZE_TO_CLASSNAME_MAP[size]], styles__default.default[alignIcon]) }, React__default.default.isValidElement(Icon) ? (React__default.default.cloneElement(Icon, { className: cn__default.default(styles__default.default.icon, Icon.props.className) })) : (React__default.default.createElement(Icon, { className: styles__default.default.icon })))));
 });
+IconButton.displayName = 'IconButton';
 
 exports.IconButton = IconButton;

package/icon-button/esm/Component.js

@@ -35,5 +35,6 @@ var IconButton = forwardRef(function (_a, ref) {
             _b)), size: 's' }),
         React.createElement("span", { className: cn(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React.isValidElement(Icon) ? (React.cloneElement(Icon, { className: cn(styles.icon, Icon.props.className) })) : (React.createElement(Icon, { className: styles.icon })))));
 });
+IconButton.displayName = 'IconButton';
 
 export { IconButton };

package/icon-button/modern/Component.js

@@ -30,5 +30,6 @@ const IconButton = forwardRef(({ className, icon: Icon, view = 'primary', size =
         [colorStyles[colors].transparentBg]: transparentBg,
     }), size: 's' },
     React.createElement("span", { className: cn(styles.iconWrapper, styles[SIZE_TO_CLASSNAME_MAP[size]], styles[alignIcon]) }, React.isValidElement(Icon) ? (React.cloneElement(Icon, { className: cn(styles.icon, Icon.props.className) })) : (React.createElement(Icon, { className: styles.icon }))))));
+IconButton.displayName = 'IconButton';
 
 export { IconButton };

package/icon-view/components/base-shape/component.js

@@ -79,5 +79,6 @@ var BaseShape = React.forwardRef(function (_a, ref) {
         hasBottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addons, styles.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles.addons, styles.indicator) }, indicator))));
 });
+BaseShape.displayName = 'BaseShape';
 
 exports.BaseShape = BaseShape;

package/icon-view/components/circle/component.js

@@ -10,5 +10,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Circle = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_circle_paths.pathsMap, ref: ref }))); });
+Circle.displayName = 'Circle';
 
 exports.Circle = Circle;

package/icon-view/components/no-shape/component.js

@@ -10,5 +10,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var NoShape = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_noShape_paths.pathsMap, ref: ref }))); });
+NoShape.displayName = 'NoShape';
 
 exports.NoShape = NoShape;

package/icon-view/components/rectangle/component.js

@@ -24,5 +24,6 @@ var Rectangle = React.forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 64 : _b, props = tslib.__rest(_a, ["size"]);
     return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { size: { width: size, height: heights[size] }, pathsMap: components_rectangle_paths.pathsMap, ref: ref })));
 });
+Rectangle.displayName = 'Rectangle';
 
 exports.Rectangle = Rectangle;

package/icon-view/components/super-ellipse/component.js

@@ -10,5 +10,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SuperEllipse = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_superEllipse_paths.pathsMap, ref: ref }))); });
+SuperEllipse.displayName = 'SuperEllipse';
 
 exports.SuperEllipse = SuperEllipse;

package/icon-view/cssm/components/base-shape/component.js

@@ -78,5 +78,6 @@ var BaseShape = React.forwardRef(function (_a, ref) {
         hasBottomAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React__default.default.createElement("div", { className: cn__default.default(styles__default.default.addons, styles__default.default.indicator) }, indicator))));
 });
+BaseShape.displayName = 'BaseShape';
 
 exports.BaseShape = BaseShape;

package/icon-view/cssm/components/circle/component.js

@@ -10,5 +10,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var Circle = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_circle_paths.pathsMap, ref: ref }))); });
+Circle.displayName = 'Circle';
 
 exports.Circle = Circle;

package/icon-view/cssm/components/no-shape/component.js

@@ -10,5 +10,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var NoShape = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_noShape_paths.pathsMap, ref: ref }))); });
+NoShape.displayName = 'NoShape';
 
 exports.NoShape = NoShape;

package/icon-view/cssm/components/rectangle/component.js

@@ -24,5 +24,6 @@ var Rectangle = React.forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 64 : _b, props = tslib.__rest(_a, ["size"]);
     return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { size: { width: size, height: heights[size] }, pathsMap: components_rectangle_paths.pathsMap, ref: ref })));
 });
+Rectangle.displayName = 'Rectangle';
 
 exports.Rectangle = Rectangle;

package/icon-view/cssm/components/super-ellipse/component.js

@@ -10,5 +10,6 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
 var SuperEllipse = React.forwardRef(function (props, ref) { return (React__default.default.createElement(components_baseShape_component.BaseShape, tslib.__assign({}, props, { pathsMap: components_superEllipse_paths.pathsMap, ref: ref }))); });
+SuperEllipse.displayName = 'SuperEllipse';
 
 exports.SuperEllipse = SuperEllipse;

package/icon-view/esm/components/base-shape/component.js

@@ -72,5 +72,6 @@ var BaseShape = forwardRef(function (_a, ref) {
         hasBottomAddons && (React.createElement("div", { className: cn(styles.addons, styles.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.indicator) }, indicator))));
 });
+BaseShape.displayName = 'BaseShape';
 
 export { BaseShape };

package/icon-view/esm/components/circle/component.js

@@ -7,5 +7,6 @@ import '@alfalab/hooks';
 import '../base-shape/utils.js';
 
 var Circle = forwardRef(function (props, ref) { return (React.createElement(BaseShape, __assign({}, props, { pathsMap: pathsMap, ref: ref }))); });
+Circle.displayName = 'Circle';
 
 export { Circle };

package/icon-view/esm/components/no-shape/component.js

@@ -7,5 +7,6 @@ import '@alfalab/hooks';
 import '../base-shape/utils.js';
 
 var NoShape = forwardRef(function (props, ref) { return (React.createElement(BaseShape, __assign({}, props, { pathsMap: pathsMap, ref: ref }))); });
+NoShape.displayName = 'NoShape';
 
 export { NoShape };

package/icon-view/esm/components/rectangle/component.js

@@ -21,5 +21,6 @@ var Rectangle = forwardRef(function (_a, ref) {
     var _b = _a.size, size = _b === void 0 ? 64 : _b, props = __rest(_a, ["size"]);
     return (React.createElement(BaseShape, __assign({}, props, { size: { width: size, height: heights[size] }, pathsMap: pathsMap, ref: ref })));
 });
+Rectangle.displayName = 'Rectangle';
 
 export { Rectangle };

package/icon-view/esm/components/super-ellipse/component.js

@@ -7,5 +7,6 @@ import '@alfalab/hooks';
 import '../base-shape/utils.js';
 
 var SuperEllipse = forwardRef(function (props, ref) { return (React.createElement(BaseShape, __assign({}, props, { pathsMap: pathsMap, ref: ref }))); });
+SuperEllipse.displayName = 'SuperEllipse';
 
 export { SuperEllipse };

package/icon-view/modern/components/base-shape/component.js

@@ -71,5 +71,6 @@ const BaseShape = forwardRef(({ size = 64, border = false, backgroundColor, imag
         hasBottomAddons && (React.createElement("div", { className: cn(styles.addons, styles.bottomAddons) }, bottomAddons)),
         hasIndicator && !hasTopAddons && (React.createElement("div", { className: cn(styles.addons, styles.indicator) }, indicator))));
 });
+BaseShape.displayName = 'BaseShape';
 
 export { BaseShape };

package/icon-view/modern/components/circle/component.js

@@ -6,5 +6,6 @@ import '@alfalab/hooks';
 import '../base-shape/utils.js';
 
 const Circle = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
+Circle.displayName = 'Circle';
 
 export { Circle };

package/icon-view/modern/components/no-shape/component.js

@@ -6,5 +6,6 @@ import '@alfalab/hooks';
 import '../base-shape/utils.js';
 
 const NoShape = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
+NoShape.displayName = 'NoShape';
 
 export { NoShape };

package/icon-view/modern/components/rectangle/component.js

@@ -17,5 +17,6 @@ const heights = {
     128: 94,
 };
 const Rectangle = forwardRef(({ size = 64, ...props }, ref) => (React.createElement(BaseShape, { ...props, size: { width: size, height: heights[size] }, pathsMap: pathsMap, ref: ref })));
+Rectangle.displayName = 'Rectangle';
 
 export { Rectangle };

package/icon-view/modern/components/super-ellipse/component.js

@@ -6,5 +6,6 @@ import '@alfalab/hooks';
 import '../base-shape/utils.js';
 
 const SuperEllipse = forwardRef((props, ref) => (React.createElement(BaseShape, { ...props, pathsMap: pathsMap, ref: ref })));
+SuperEllipse.displayName = 'SuperEllipse';
 
 export { SuperEllipse };

package/indicator/Component.js

@@ -113,6 +113,7 @@ var Indicator = React.forwardRef(function (_a, ref) {
             color: color,
         })), { height: height, minWidth: height }), borderStyles(border, view)), "data-test-id": dataTestId }, restProps), showContent && React__default.default.createElement("span", { className: styles.content }, formatValue(value))));
 });
+Indicator.displayName = 'Indicator';
 
 exports.Indicator = Indicator;
 exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;

package/indicator/cssm/Component.js

@@ -112,6 +112,7 @@ var Indicator = React.forwardRef(function (_a, ref) {
             color: color,
         })), { height: height, minWidth: height }), borderStyles(border, view)), "data-test-id": dataTestId }, restProps), showContent && React__default.default.createElement("span", { className: styles__default.default.content }, formatValue(value))));
 });
+Indicator.displayName = 'Indicator';
 
 exports.Indicator = Indicator;
 exports.SIZE_TO_CLASSNAME_MAP = SIZE_TO_CLASSNAME_MAP;

package/indicator/esm/Component.js

@@ -106,5 +106,6 @@ var Indicator = forwardRef(function (_a, ref) {
             color: color,
         })), { height: height, minWidth: height }), borderStyles(border, view)), "data-test-id": dataTestId }, restProps), showContent && React.createElement("span", { className: styles.content }, formatValue(value))));
 });
+Indicator.displayName = 'Indicator';
 
 export { Indicator, SIZE_TO_CLASSNAME_MAP };

package/indicator/modern/Component.js

@@ -68,5 +68,6 @@ const Indicator = forwardRef(({ value, view, color, backgroundColor, height, bor
             ...borderStyles(border, view),
         }, "data-test-id": dataTestId, ...restProps }, showContent && React.createElement("span", { className: styles.content }, formatValue(value))));
 });
+Indicator.displayName = 'Indicator';
 
 export { Indicator, SIZE_TO_CLASSNAME_MAP };

package/input/Component.responsive.js

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

package/input/cssm/Component.responsive.js

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

package/input/esm/Component.responsive.js

@@ -22,5 +22,6 @@ var Input = forwardRef(function (_a, ref) {
     var Component = isDesktop ? InputDesktop : InputMobile;
     return React.createElement(Component, __assign({ ref: ref }, restProps));
 });
+Input.displayName = 'Input';
 
 export { Input };

package/input/modern/Component.responsive.js

@@ -20,5 +20,6 @@ const Input = forwardRef(({ breakpoint = 1024, defaultMatchMediaValue, ...restPr
     const Component = isDesktop ? InputDesktop : InputMobile;
     return React.createElement(Component, { ref: ref, ...restProps });
 });
+Input.displayName = 'Input';
 
 export { Input };

package/input-autocomplete/Component.responsive.d.ts

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

package/input-autocomplete/Component.responsive.js

@@ -16,5 +16,6 @@ var InputAutocomplete = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });
+InputAutocomplete.displayName = 'InputAutocomplete';
 
 exports.InputAutocomplete = InputAutocomplete;

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

@@ -16,5 +16,6 @@ var InputAutocomplete = React.forwardRef(function (_a, ref) {
     var isDesktop = coreComponentsMq.useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React__default.default.createElement(desktop_Component_desktop.InputAutocompleteDesktop, tslib.__assign({}, restProps, { ref: ref }))) : (React__default.default.createElement(mobile_Component_mobile.InputAutocompleteMobile, tslib.__assign({}, restProps, mobileProps, { ref: ref })));
 });
+InputAutocomplete.displayName = 'InputAutocomplete';
 
 exports.InputAutocomplete = InputAutocomplete;

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

@@ -25,5 +25,6 @@ var InputAutocomplete = forwardRef(function (_a, ref) {
     var isDesktop = useMatchMedia("(min-width: ".concat(breakpoint, "px)"), defaultMatchMediaValue)[0];
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, __assign({}, restProps, { ref: ref }))) : (React.createElement(InputAutocompleteMobile, __assign({}, restProps, mobileProps, { ref: ref })));
 });
+InputAutocomplete.displayName = 'InputAutocomplete';
 
 export { InputAutocomplete };

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

@@ -23,5 +23,6 @@ const InputAutocomplete = forwardRef(({ breakpoint = 1024, defaultMatchMediaValu
     const [isDesktop] = useMatchMedia(`(min-width: ${breakpoint}px)`, defaultMatchMediaValue);
     return isDesktop ? (React.createElement(InputAutocompleteDesktop, { ...restProps, ref: ref })) : (React.createElement(InputAutocompleteMobile, { ...restProps, ...mobileProps, ref: ref }));
 });
+InputAutocomplete.displayName = 'InputAutocomplete';
 
 export { InputAutocomplete };

package/international-phone-input/{Component-1fe708ea.d.ts → Component-cc406ff0.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-1fe708ea";
+import { OptgroupProps } from "./typings-cc406ff0";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };