@alfalab/core-components 23.1.0 → 23.2.0

package/password-input/esm/component.js

@@ -44,7 +44,7 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"eye":"password-input__eye_755wa","xl":"password-input__xl_755wa","input":"password-input__input_755wa"};
+var styles = {"eye":"password-input__eye_y5z3c","xl":"password-input__xl_y5z3c","input":"password-input__input_y5z3c"};
 require('./index.css');
 
 var PasswordInput = forwardRef(function (_a, ref) {

package/password-input/esm/index.css

@@ -1,16 +1,16 @@
-/* hash: xylws */
-.password-input__eye_755wa:last-child {
+/* hash: 1ym2g */
+.password-input__eye_y5z3c:last-child {
     margin-right: var(--gap-s-neg);
 }
 
-.password-input__xl_755wa .password-input__eye_755wa:last-child {
+.password-input__xl_y5z3c .password-input__eye_y5z3c:last-child {
         margin-right: var(--gap-m-neg);
     }
 
-.password-input__xl_755wa .password-input__eye_755wa {
+.password-input__xl_y5z3c .password-input__eye_y5z3c {
         margin-left: var(--gap-2xs);
     }
 
-.password-input__input_755wa::-ms-reveal {
+.password-input__input_y5z3c::-ms-reveal {
     display: none;
 }

package/password-input/index.css

@@ -1,16 +1,16 @@
-/* hash: xylws */
-.password-input__eye_755wa:last-child {
+/* hash: 1ym2g */
+.password-input__eye_y5z3c:last-child {
     margin-right: var(--gap-s-neg);
 }
 
-.password-input__xl_755wa .password-input__eye_755wa:last-child {
+.password-input__xl_y5z3c .password-input__eye_y5z3c:last-child {
         margin-right: var(--gap-m-neg);
     }
 
-.password-input__xl_755wa .password-input__eye_755wa {
+.password-input__xl_y5z3c .password-input__eye_y5z3c {
         margin-left: var(--gap-2xs);
     }
 
-.password-input__input_755wa::-ms-reveal {
+.password-input__input_y5z3c::-ms-reveal {
     display: none;
 }

package/password-input/modern/component.js

@@ -5,7 +5,7 @@ import EyeOffMIcon from '@alfalab/icons-glyph/EyeOffMIcon';
 import { Input } from '../../input/modern';
 import { IconButton } from '../../icon-button/modern';
 
-var styles = {"eye":"password-input__eye_755wa","xl":"password-input__xl_755wa","input":"password-input__input_755wa"};
+var styles = {"eye":"password-input__eye_y5z3c","xl":"password-input__xl_y5z3c","input":"password-input__input_y5z3c"};
 require('./index.css');
 
 const PasswordInput = forwardRef(({ onPasswordVisibleChange, passwordVisible, disabled, colors, rightAddons, size = 's', className, ...restProps }, ref) => {

package/password-input/modern/index.css

@@ -1,16 +1,16 @@
-/* hash: xylws */
-.password-input__eye_755wa:last-child {
+/* hash: 1ym2g */
+.password-input__eye_y5z3c:last-child {
     margin-right: var(--gap-s-neg);
 }
 
-.password-input__xl_755wa .password-input__eye_755wa:last-child {
+.password-input__xl_y5z3c .password-input__eye_y5z3c:last-child {
         margin-right: var(--gap-m-neg);
     }
 
-.password-input__xl_755wa .password-input__eye_755wa {
+.password-input__xl_y5z3c .password-input__eye_y5z3c {
         margin-left: var(--gap-2xs);
     }
 
-.password-input__input_755wa::-ms-reveal {
+.password-input__input_y5z3c::-ms-reveal {
     display: none;
 }

package/phone-input/utils/index.js

@@ -4,13 +4,11 @@ Object.defineProperty(exports, '__esModule', { value: true });
  * Удаляет форматирование номера телефона
  * @param phone Номер телефона
  */
-var deleteFormatting = function (phone) {
-    return phone
-        .replace('+', '')
-        .replace(/^7/, '')
-        .replace(/\s/g, '')
-        .replace(/-/g, '');
-};
+var deleteFormatting = function (phone) { return phone
+    .replace('+', '')
+    .replace(/^7/, '')
+    .replace(/\s/g, '')
+    .replace(/-/g, ''); };
 function setCaretPosition(_a) {
     var position = _a.position, inputRef = _a.inputRef;
     window.requestAnimationFrame(function () {

package/picker-button/{Component-d64d152b.js → Component-0f8b68a4.js}

@@ -48,15 +48,17 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"iconContainer":"picker-button__iconContainer_9kxiu","open":"picker-button__open_9kxiu"};
+var styles = {"iconContainer":"picker-button__iconContainer_11dwv","open":"picker-button__open_11dwv"};
 require('./field/index.css');
 
 var Field = function (_a) {
     var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, view = _a.view, label = _a.label, open = _a.open, multiple = _a.multiple, rightAddons = _a.rightAddons, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, selected = _a.selected, selectedMultiple = _a.selectedMultiple, valueRenderer = _a.valueRenderer, restProps = __rest(_a, ["buttonSize", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "valueRenderer"]);
     var Icon = buttonSize === 'xs' ? ArrowDownSIcon.ArrowDownSIcon : ArrowDownMIcon.ArrowDownMIcon;
-    var buttonProps = exports.__assign(exports.__assign({}, restProps), innerProps);
-    return (React__default['default'].createElement(coreComponentsButton.Button, exports.__assign({}, buttonProps, { rightAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles.iconContainer, open && styles.open) },
-            React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn__default['default'](styles.component, view === 'primary' && styles.primary, className) }), label));
+    var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
+    var buttonProps = exports.__assign(exports.__assign({}, restProps), restInnerProps);
+    return (React__default['default'].createElement("div", { ref: ref },
+        React__default['default'].createElement(coreComponentsButton.Button, exports.__assign({}, buttonProps, { rightAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles.iconContainer, open && styles.open) },
+                React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn__default['default'](styles.component, view === 'primary' && styles.primary, className) }), label)));
 };
 
 exports.Field = Field;

package/picker-button/Component.d.ts

@@ -9,7 +9,7 @@ type PickerButtonProps = Omit<BaseSelectProps, 'Field' | 'placeholder' | 'Arrow'
      */
     size?: PickerButtonSize;
 };
-declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "fieldClassName" | "error" | "preventFlip" | "open" | "options" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
+declare const PickerButton: React.ForwardRefExoticComponent<Pick<BaseSelectProps, "className" | "dataTestId" | "label" | "block" | "id" | "onBlur" | "onChange" | "onScroll" | "disabled" | "name" | "preventFlip" | "open" | "options" | "fieldClassName" | "error" | "valueRenderer" | "Optgroup" | "visibleOptions" | "Option" | "optionsListClassName" | "optionClassName" | "circularNavigation" | "nativeSelect" | "defaultOpen" | "popoverPosition" | "optionsListWidth" | "optionsSize" | "optionsListProps" | "optionProps" | "onOpen" | "OptionsList" | "updatePopover" | "zIndexPopover" | "showEmptyOptionsList"> & Pick<Partial<import("../button").ComponentProps & React.AnchorHTMLAttributes<HTMLAnchorElement>> | Partial<import("../button").ComponentProps & React.ButtonHTMLAttributes<HTMLButtonElement>>, "view" | "leftAddons" | "loading"> & {
     /**
      * Размер кнопки
      */

package/picker-button/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('./Component-d64d152b.js');
+var field_Component = require('./Component-0f8b68a4.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../select');
@@ -13,7 +13,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 
-var styles = {"container":"picker-button__container_1rvug"};
+var styles = {"container":"picker-button__container_td1ib"};
 require('./index.css');
 
 var PickerButton = React.forwardRef(function (_a, ref) {

package/picker-button/cssm/{Component-c7d52094.js → Component-34f0d762.js}

@@ -53,9 +53,11 @@ function __rest(s, e) {
 var Field = function (_a) {
     var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, view = _a.view, label = _a.label, open = _a.open, multiple = _a.multiple, rightAddons = _a.rightAddons, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, selected = _a.selected, selectedMultiple = _a.selectedMultiple, valueRenderer = _a.valueRenderer, restProps = __rest(_a, ["buttonSize", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "valueRenderer"]);
     var Icon = buttonSize === 'xs' ? ArrowDownSIcon.ArrowDownSIcon : ArrowDownMIcon.ArrowDownMIcon;
-    var buttonProps = exports.__assign(exports.__assign({}, restProps), innerProps);
-    return (React__default['default'].createElement(coreComponentsButton.Button, exports.__assign({}, buttonProps, { rightAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].iconContainer, open && styles__default['default'].open) },
-            React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn__default['default'](styles__default['default'].component, view === 'primary' && styles__default['default'].primary, className) }), label));
+    var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
+    var buttonProps = exports.__assign(exports.__assign({}, restProps), restInnerProps);
+    return (React__default['default'].createElement("div", { ref: ref },
+        React__default['default'].createElement(coreComponentsButton.Button, exports.__assign({}, buttonProps, { rightAddons: React__default['default'].createElement("span", { className: cn__default['default'](styles__default['default'].iconContainer, open && styles__default['default'].open) },
+                React__default['default'].createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn__default['default'](styles__default['default'].component, view === 'primary' && styles__default['default'].primary, className) }), label)));
 };
 
 exports.Field = Field;

package/picker-button/cssm/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('./Component-c7d52094.js');
+var field_Component = require('./Component-34f0d762.js');
 var React = require('react');
 var cn = require('classnames');
 var coreComponentsSelect = require('../../select/cssm');

package/picker-button/cssm/field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-c7d52094.js');
+var field_Component = require('../Component-34f0d762.js');
 require('react');
 require('classnames');
 require('../../../button/cssm');

package/picker-button/cssm/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-c7d52094";
+export * from "../Component-34f0d762";

package/picker-button/cssm/field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-c7d52094.js');
+var field_Component = require('../Component-34f0d762.js');
 require('react');
 require('classnames');
 require('../../../button/cssm');

package/picker-button/cssm/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-c7d52094.js');
+require('./Component-34f0d762.js');
 require('react');
 require('classnames');
 require('../../select/cssm');

package/picker-button/esm/{Component-013975b7.js → Component-a4007d26.js}

@@ -43,15 +43,17 @@ function __rest(s, e) {
     return t;
 }
 
-var styles = {"iconContainer":"picker-button__iconContainer_9kxiu","open":"picker-button__open_9kxiu"};
+var styles = {"iconContainer":"picker-button__iconContainer_11dwv","open":"picker-button__open_11dwv"};
 require('./field/index.css');
 
 var Field = function (_a) {
     var _b = _a.buttonSize, buttonSize = _b === void 0 ? 'm' : _b, view = _a.view, label = _a.label, open = _a.open, multiple = _a.multiple, rightAddons = _a.rightAddons, Arrow = _a.Arrow, innerProps = _a.innerProps, className = _a.className, selected = _a.selected, selectedMultiple = _a.selectedMultiple, valueRenderer = _a.valueRenderer, restProps = __rest(_a, ["buttonSize", "view", "label", "open", "multiple", "rightAddons", "Arrow", "innerProps", "className", "selected", "selectedMultiple", "valueRenderer"]);
     var Icon = buttonSize === 'xs' ? ArrowDownSIcon : ArrowDownMIcon;
-    var buttonProps = __assign(__assign({}, restProps), innerProps);
-    return (React.createElement(Button, __assign({}, buttonProps, { rightAddons: React.createElement("span", { className: cn(styles.iconContainer, open && styles.open) },
-            React.createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }), label));
+    var ref = innerProps.ref, restInnerProps = __rest(innerProps, ["ref"]);
+    var buttonProps = __assign(__assign({}, restProps), restInnerProps);
+    return (React.createElement("div", { ref: ref },
+        React.createElement(Button, __assign({}, buttonProps, { rightAddons: React.createElement("span", { className: cn(styles.iconContainer, open && styles.open) },
+                React.createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }), label)));
 };
 
 export { Field as F, __rest as _, __assign as a };

package/picker-button/esm/Component.js

@@ -3,10 +3,10 @@ import cn from 'classnames';
 import '../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-import { _ as __rest, a as __assign, F as Field } from './Component-013975b7.js';
+import { _ as __rest, a as __assign, F as Field } from './Component-a4007d26.js';
 import { BaseSelect, OptionsList, Optgroup, Option } from '../../select/esm';
 
-var styles = {"container":"picker-button__container_1rvug"};
+var styles = {"container":"picker-button__container_td1ib"};
 require('./index.css');
 
 var PickerButton = forwardRef(function (_a, ref) {

package/picker-button/esm/field/Component.js

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-export { F as Field } from '../Component-013975b7.js';
+export { F as Field } from '../Component-a4007d26.js';

package/picker-button/esm/field/index.css

@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_9kxiu {
+.picker-button__iconContainer_11dwv {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_9kxiu {
+.picker-button__open_11dwv {
     transform: var(--arrow-transform);
 }

package/picker-button/esm/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-013975b7";
+export * from "../Component-a4007d26";

package/picker-button/esm/field/index.js

@@ -3,4 +3,4 @@ import 'classnames';
 import '../../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-export { F as Field } from '../Component-013975b7.js';
+export { F as Field } from '../Component-a4007d26.js';

package/picker-button/esm/index.css

@@ -1,4 +1,4 @@
 /* hash: 9tu4w */
-.picker-button__container_1rvug {
+.picker-button__container_td1ib {
     min-width: auto;
 }

package/picker-button/esm/index.js

@@ -3,6 +3,6 @@ import 'classnames';
 import '../../button/esm';
 import '@alfalab/icons-classic/ArrowDownMIcon';
 import '@alfalab/icons-classic/ArrowDownSIcon';
-import './Component-013975b7.js';
+import './Component-a4007d26.js';
 import '../../select/esm';
 export { PickerButton } from './Component.js';

package/picker-button/field/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-d64d152b.js');
+var field_Component = require('../Component-0f8b68a4.js');
 require('react');
 require('classnames');
 require('../../button');

package/picker-button/field/index.css

@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_9kxiu {
+.picker-button__iconContainer_11dwv {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_9kxiu {
+.picker-button__open_11dwv {
     transform: var(--arrow-transform);
 }

package/picker-button/field/index.d.ts

@@ -1 +1 @@
-export * from "../Component-d64d152b";
+export * from "../Component-0f8b68a4";

package/picker-button/field/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var field_Component = require('../Component-d64d152b.js');
+var field_Component = require('../Component-0f8b68a4.js');
 require('react');
 require('classnames');
 require('../../button');

package/picker-button/index.css

@@ -1,4 +1,4 @@
 /* hash: 9tu4w */
-.picker-button__container_1rvug {
+.picker-button__container_td1ib {
     min-width: auto;
 }

package/picker-button/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('./Component-d64d152b.js');
+require('./Component-0f8b68a4.js');
 require('react');
 require('classnames');
 require('../select');

package/picker-button/modern/Component.js

@@ -6,7 +6,7 @@ import { OptionsList, Optgroup, Option, BaseSelect } from '../../select/modern';
 import '../../button/modern';
 import { Field } from './field/Component.js';
 
-var styles = {"container":"picker-button__container_1rvug"};
+var styles = {"container":"picker-button__container_td1ib"};
 require('./index.css');
 
 const PickerButton = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', className, leftAddons, ...restProps }, ref) => (React.createElement(BaseSelect, Object.assign({}, restProps, { ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {

package/picker-button/modern/field/Component.js

@@ -4,17 +4,19 @@ import { ArrowDownMIcon } from '@alfalab/icons-classic/ArrowDownMIcon';
 import { ArrowDownSIcon } from '@alfalab/icons-classic/ArrowDownSIcon';
 import { Button } from '../../../button/modern';
 
-var styles = {"iconContainer":"picker-button__iconContainer_9kxiu","open":"picker-button__open_9kxiu"};
+var styles = {"iconContainer":"picker-button__iconContainer_11dwv","open":"picker-button__open_11dwv"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, ...restProps }) => {
     const Icon = buttonSize === 'xs' ? ArrowDownSIcon : ArrowDownMIcon;
+    const { ref, ...restInnerProps } = innerProps;
     const buttonProps = {
         ...restProps,
-        ...innerProps,
+        ...restInnerProps,
     };
-    return (React.createElement(Button, Object.assign({}, buttonProps, { rightAddons: React.createElement("span", { className: cn(styles.iconContainer, open && styles.open) },
-            React.createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }), label));
+    return (React.createElement("div", { ref: ref },
+        React.createElement(Button, Object.assign({}, buttonProps, { rightAddons: React.createElement("span", { className: cn(styles.iconContainer, open && styles.open) },
+                React.createElement(Icon, { "data-test-id": 'picker-button-icon' })), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }), label)));
 };
 
 export { Field };

package/picker-button/modern/field/index.css

@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_9kxiu {
+.picker-button__iconContainer_11dwv {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_9kxiu {
+.picker-button__open_11dwv {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
 /* hash: 9tu4w */
-.picker-button__container_1rvug {
+.picker-button__container_td1ib {
     min-width: auto;
 }

package/plate/Component.js

@@ -12,7 +12,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"component":"plate__component_ka3dv","foldable":"plate__foldable_ka3dv","focused":"plate__focused_ka3dv","inner":"plate__inner_ka3dv","common":"plate__common_ka3dv","negative":"plate__negative_ka3dv","positive":"plate__positive_ka3dv","attention":"plate__attention_ka3dv","isHidden":"plate__isHidden_ka3dv","leftAddons":"plate__leftAddons_ka3dv","title":"plate__title_ka3dv","content":"plate__content_ka3dv","isFolded":"plate__isFolded_ka3dv","contentContainer":"plate__contentContainer_ka3dv","withoutTitle":"plate__withoutTitle_ka3dv","contentInner":"plate__contentInner_ka3dv","closer":"plate__closer_ka3dv","folder":"plate__folder_ka3dv","buttons":"plate__buttons_ka3dv","button":"plate__button_ka3dv"};
+var styles = {"component":"plate__component_1kw2l","foldable":"plate__foldable_1kw2l","focused":"plate__focused_1kw2l","inner":"plate__inner_1kw2l","common":"plate__common_1kw2l","negative":"plate__negative_1kw2l","positive":"plate__positive_1kw2l","attention":"plate__attention_1kw2l","isHidden":"plate__isHidden_1kw2l","leftAddons":"plate__leftAddons_1kw2l","title":"plate__title_1kw2l","content":"plate__content_1kw2l","isFolded":"plate__isFolded_1kw2l","contentContainer":"plate__contentContainer_1kw2l","withoutTitle":"plate__withoutTitle_1kw2l","contentInner":"plate__contentInner_1kw2l","closer":"plate__closer_1kw2l","folder":"plate__folder_1kw2l","buttons":"plate__buttons_1kw2l","button":"plate__button_1kw2l"};
 require('./index.css');
 
 var Plate = React.forwardRef(function (_a, ref) {

package/plate/esm/Component.js

@@ -4,7 +4,7 @@ import mergeRefs from 'react-merge-refs';
 import { useFocus } from '@alfalab/hooks';
 import { Button } from '../../button/esm';
 
-var styles = {"component":"plate__component_ka3dv","foldable":"plate__foldable_ka3dv","focused":"plate__focused_ka3dv","inner":"plate__inner_ka3dv","common":"plate__common_ka3dv","negative":"plate__negative_ka3dv","positive":"plate__positive_ka3dv","attention":"plate__attention_ka3dv","isHidden":"plate__isHidden_ka3dv","leftAddons":"plate__leftAddons_ka3dv","title":"plate__title_ka3dv","content":"plate__content_ka3dv","isFolded":"plate__isFolded_ka3dv","contentContainer":"plate__contentContainer_ka3dv","withoutTitle":"plate__withoutTitle_ka3dv","contentInner":"plate__contentInner_ka3dv","closer":"plate__closer_ka3dv","folder":"plate__folder_ka3dv","buttons":"plate__buttons_ka3dv","button":"plate__button_ka3dv"};
+var styles = {"component":"plate__component_1kw2l","foldable":"plate__foldable_1kw2l","focused":"plate__focused_1kw2l","inner":"plate__inner_1kw2l","common":"plate__common_1kw2l","negative":"plate__negative_1kw2l","positive":"plate__positive_1kw2l","attention":"plate__attention_1kw2l","isHidden":"plate__isHidden_1kw2l","leftAddons":"plate__leftAddons_1kw2l","title":"plate__title_1kw2l","content":"plate__content_1kw2l","isFolded":"plate__isFolded_1kw2l","contentContainer":"plate__contentContainer_1kw2l","withoutTitle":"plate__withoutTitle_1kw2l","contentInner":"plate__contentInner_1kw2l","closer":"plate__closer_1kw2l","folder":"plate__folder_1kw2l","buttons":"plate__buttons_1kw2l","button":"plate__button_1kw2l"};
 require('./index.css');
 
 var Plate = forwardRef(function (_a, ref) {

package/plate/esm/index.css

@@ -46,7 +46,7 @@
     --plate-closer-icon: url('https://alfabank.gcdn.co/icons/glyph_cross_m.svg');
     --plate-arrow-icon: url('https://alfabank.gcdn.co/icons/glyph_chevron-down_m.svg');
 }
-.plate__component_ka3dv {
+.plate__component_1kw2l {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -58,54 +58,54 @@
     padding: var(--gap-m);
     outline: none;
 }
-.plate__foldable_ka3dv {
+.plate__foldable_1kw2l {
     cursor: pointer;
 }
-.plate__component_ka3dv * {
+.plate__component_1kw2l * {
     box-sizing: border-box;
 }
-.plate__focused_ka3dv {
+.plate__focused_1kw2l {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.plate__inner_ka3dv {
+.plate__inner_1kw2l {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
-.plate__common_ka3dv {
+.plate__common_1kw2l {
     background-color: var(--color-light-bg-secondary);
     border-color: var(--color-static-status-grey);
 }
-.plate__negative_ka3dv {
+.plate__negative_1kw2l {
     background-color: var(--color-light-bg-negative-muted);
     border-color: var(--color-static-status-red);
 }
-.plate__positive_ka3dv {
+.plate__positive_1kw2l {
     background-color: var(--color-light-bg-positive-muted);
     border-color: var(--color-static-status-green);
 }
-.plate__attention_ka3dv {
+.plate__attention_1kw2l {
     background-color: var(--color-light-bg-attention-muted);
     border-color: var(--color-static-status-orange);
 }
-.plate__isHidden_ka3dv {
+.plate__isHidden_1kw2l {
     display: none;
 }
-.plate__leftAddons_ka3dv {
+.plate__leftAddons_1kw2l {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-s);
 }
-.plate__title_ka3dv {
+.plate__title_1kw2l {
     font-size: 18px;
     line-height: 24px;
     font-weight: 700;
 
     word-break: break-word;
 }
-.plate__content_ka3dv {
+.plate__content_1kw2l {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -117,23 +117,23 @@
     margin: var(--gap-2xs-neg);
     cursor: default
 }
-.plate__content_ka3dv.plate__isFolded_ka3dv {
+.plate__content_1kw2l.plate__isFolded_1kw2l {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
-.plate__contentContainer_ka3dv {
+.plate__contentContainer_1kw2l {
     flex: 1;
     max-width: 586px;
     margin-right: auto
 }
-.plate__contentContainer_ka3dv.plate__withoutTitle_ka3dv {
+.plate__contentContainer_1kw2l.plate__withoutTitle_1kw2l {
         padding-top: var(--gap-3xs);
     }
-.plate__title_ka3dv + .plate__content_ka3dv > .plate__contentInner_ka3dv {
+.plate__title_1kw2l + .plate__content_1kw2l > .plate__contentInner_1kw2l {
     padding-top: var(--gap-xs);
 }
-.plate__closer_ka3dv,
-.plate__folder_ka3dv {
+.plate__closer_1kw2l,
+.plate__folder_1kw2l {
     display: block;
     height: 24px;
     width: 24px;
@@ -142,29 +142,29 @@
     cursor: pointer;
     margin-left: var(--gap-m)
 }
-.plate__closer_ka3dv:hover, .plate__folder_ka3dv:hover {
+.plate__closer_1kw2l:hover, .plate__folder_1kw2l:hover {
         opacity: 0.7;
     }
-.plate__closer_ka3dv:active, .plate__folder_ka3dv:active {
+.plate__closer_1kw2l:active, .plate__folder_1kw2l:active {
         opacity: 0.5;
     }
-.plate__closer_ka3dv {
+.plate__closer_1kw2l {
     background: var(--plate-closer-icon) center no-repeat;
 }
-.plate__folder_ka3dv {
+.plate__folder_1kw2l {
     background: var(--plate-arrow-icon) center no-repeat;
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
 }
-.plate__folder_ka3dv.plate__isFolded_ka3dv {
+.plate__folder_1kw2l.plate__isFolded_1kw2l {
         transform: rotate(0deg);
     }
-.plate__buttons_ka3dv {
+.plate__buttons_1kw2l {
     margin-top: var(--gap-xl);
 }
-.plate__button_ka3dv {
+.plate__button_1kw2l {
     margin-right: var(--gap-s)
 }
-.plate__button_ka3dv:last-child {
+.plate__button_1kw2l:last-child {
         margin-right: 0;
     }