@alfalab/core-components 41.13.0-beta.2 → 41.14.0-beta.1

package/pattern-lock/modern/index.css

@@ -26,15 +26,15 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_162f7 {
+} .pattern-lock__component_72870 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0
-} .pattern-lock__component_162f7 canvas {
+} .pattern-lock__component_72870 canvas {
         display: block;
         margin: 0 auto;
-    } .pattern-lock__hidden_162f7 {
+    } .pattern-lock__hidden_72870 {
     visibility: hidden;
-} .pattern-lock__error_162f7 {
+} .pattern-lock__error_72870 {
     font-size: 16px;
     line-height: 24px;
     font-weight: 400;
@@ -45,25 +45,25 @@
     padding: 0 var(--gap-m);
     min-height: 24px;
     color: var(--color-light-text-negative);
-} .pattern-lock__forgotBtn_162f7 {
+} .pattern-lock__forgotBtn_72870 {
     display: block;
     min-height: var(--size-xs-height);
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_162f7 {
+    .pattern-lock__forgotBtn_72870 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_162f7 {
+    .pattern-lock__component_72870 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_162f7 {
+    .pattern-lock__forgotBtn_72870 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_162f7 {
+    .pattern-lock__component_72870 {
         margin-bottom: var(--gap-l);
     }
 }

package/phone-input/utils/index.js

@@ -4,9 +4,7 @@ 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.js

@@ -18,7 +18,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_hif51","optionsPopover":"picker-button__optionsPopover_hif51","sideGap":"picker-button__sideGap_hif51","option":"picker-button__option_hif51"};
+var styles = {"container":"picker-button__container_1dd83","optionsPopover":"picker-button__optionsPopover_1dd83","sideGap":"picker-button__sideGap_1dd83","option":"picker-button__option_1dd83"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
+import { FieldProps as BaseFieldProps } from "../typings-aa0ecc34";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/cssm/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-5e1b8383";
-import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
+import { OptionShape } from "../typings-aa0ecc34";
+import { OptionProps as BaseOptionProps } from "../typings-aa0ecc34";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/picker-button/{esm/typings-5e1b8383.d.ts → cssm/typings-aa0ecc34.d.ts}

@@ -474,6 +474,10 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
+    /**
+     * Функция, которая срабатывает по клику на option
+     */
+    onOptionClickHandler?: (payload: BaseSelectChangePayload) => void;
     /**
      * Дополнительные данные
      */
@@ -975,6 +979,10 @@ type OptionProps = {
      * Мобильная верcия option.
      */
     mobile?: boolean;
+    /**
+     * Обработчик клика по option
+     */
+    onOptionClick?: (event: MouseEvent<HTMLDivElement>, payload: any) => void;
 };
 type CheckmarkProps = {
     /**

package/picker-button/esm/Component.js

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 
-var styles = {"container":"picker-button__container_hif51","optionsPopover":"picker-button__optionsPopover_hif51","sideGap":"picker-button__sideGap_hif51","option":"picker-button__option_hif51"};
+var styles = {"container":"picker-button__container_1dd83","optionsPopover":"picker-button__optionsPopover_1dd83","sideGap":"picker-button__sideGap_1dd83","option":"picker-button__option_1dd83"};
 require('./index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
+import { FieldProps as BaseFieldProps } from "../typings-aa0ecc34";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

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

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"iconContainer":"picker-button__iconContainer_19hhz","addonsContainer":"picker-button__addonsContainer_19hhz","showControlIcon":"picker-button__showControlIcon_19hhz","open":"picker-button__open_19hhz"};
+var styles = {"iconContainer":"picker-button__iconContainer_1s4df","addonsContainer":"picker-button__addonsContainer_1s4df","showControlIcon":"picker-button__showControlIcon_1s4df","open":"picker-button__open_1s4df"};
 require('./index.css');
 
 var Field = function (_a) {

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

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_19hhz {
+} .picker-button__iconContainer_1s4df {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_19hhz {
+} .picker-button__addonsContainer_1s4df {
     display: flex
-} .picker-button__addonsContainer_19hhz.picker-button__showControlIcon_19hhz {
+} .picker-button__addonsContainer_1s4df.picker-button__showControlIcon_1s4df {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_19hhz {
+    } .picker-button__open_1s4df {
     transform: var(--arrow-transform);
 }

package/picker-button/esm/index.css

@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_hif51 {
+} .picker-button__container_1dd83 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_hif51.picker-button__sideGap_hif51 {
+} .cc-picker-button.picker-button__optionsPopover_1dd83.picker-button__sideGap_1dd83 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_hif51 {
+        } .cc-picker-button .picker-button__option_1dd83 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_hif51:before {
+    } .cc-picker-button .picker-button__option_1dd83:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/esm/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-5e1b8383";
-import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
+import { OptionShape } from "../typings-aa0ecc34";
+import { OptionProps as BaseOptionProps } from "../typings-aa0ecc34";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

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

@@ -2,7 +2,7 @@ import { __rest, __assign } from 'tslib';
 import React from 'react';
 import { Option as Option$1 } from '../../../select/esm';
 
-var styles = {"container":"picker-button__container_1py2x","icon":"picker-button__icon_1py2x","content":"picker-button__content_1py2x"};
+var styles = {"container":"picker-button__container_1b3t6","icon":"picker-button__icon_1b3t6","content":"picker-button__content_1b3t6"};
 require('./index.css');
 
 var Option = function (_a) {

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

@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_1py2x {
+} .picker-button__container_1b3t6 {
     display: flex;
     align-items: center;
-} .picker-button__icon_1py2x {
+} .picker-button__icon_1b3t6 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1py2x {
+} .picker-button__content_1b3t6 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/{modern/typings-5e1b8383.d.ts → esm/typings-aa0ecc34.d.ts}

@@ -474,6 +474,10 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
+    /**
+     * Функция, которая срабатывает по клику на option
+     */
+    onOptionClickHandler?: (payload: BaseSelectChangePayload) => void;
     /**
      * Дополнительные данные
      */
@@ -975,6 +979,10 @@ type OptionProps = {
      * Мобильная верcия option.
      */
     mobile?: boolean;
+    /**
+     * Обработчик клика по option
+     */
+    onOptionClick?: (event: MouseEvent<HTMLDivElement>, payload: any) => void;
 };
 type CheckmarkProps = {
     /**

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "../../button";
-import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
+import { FieldProps as BaseFieldProps } from "../typings-aa0ecc34";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/picker-button/field/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"picker-button__iconContainer_19hhz","addonsContainer":"picker-button__addonsContainer_19hhz","showControlIcon":"picker-button__showControlIcon_19hhz","open":"picker-button__open_19hhz"};
+var styles = {"iconContainer":"picker-button__iconContainer_1s4df","addonsContainer":"picker-button__addonsContainer_1s4df","showControlIcon":"picker-button__showControlIcon_1s4df","open":"picker-button__open_1s4df"};
 require('./index.css');
 
 var Field = function (_a) {

package/picker-button/field/index.css

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_19hhz {
+} .picker-button__iconContainer_1s4df {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_19hhz {
+} .picker-button__addonsContainer_1s4df {
     display: flex
-} .picker-button__addonsContainer_19hhz.picker-button__showControlIcon_19hhz {
+} .picker-button__addonsContainer_1s4df.picker-button__showControlIcon_1s4df {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_19hhz {
+    } .picker-button__open_1s4df {
     transform: var(--arrow-transform);
 }

package/picker-button/index.css

@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_hif51 {
+} .picker-button__container_1dd83 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_hif51.picker-button__sideGap_hif51 {
+} .cc-picker-button.picker-button__optionsPopover_1dd83.picker-button__sideGap_1dd83 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_hif51 {
+        } .cc-picker-button .picker-button__option_1dd83 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_hif51:before {
+    } .cc-picker-button .picker-button__option_1dd83:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/modern/Component.js

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 
-const styles = {"container":"picker-button__container_hif51","optionsPopover":"picker-button__optionsPopover_hif51","sideGap":"picker-button__sideGap_hif51","option":"picker-button__option_hif51"};
+const styles = {"container":"picker-button__container_1dd83","optionsPopover":"picker-button__optionsPopover_1dd83","sideGap":"picker-button__sideGap_1dd83","option":"picker-button__option_1dd83"};
 require('./index.css');
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/picker-button/modern/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { ButtonProps } from "../../../button";
-import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
+import { FieldProps as BaseFieldProps } from "../typings-aa0ecc34";
 import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

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

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"iconContainer":"picker-button__iconContainer_19hhz","addonsContainer":"picker-button__addonsContainer_19hhz","showControlIcon":"picker-button__showControlIcon_19hhz","open":"picker-button__open_19hhz"};
+const styles = {"iconContainer":"picker-button__iconContainer_1s4df","addonsContainer":"picker-button__addonsContainer_1s4df","showControlIcon":"picker-button__showControlIcon_1s4df","open":"picker-button__open_1s4df"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, labelView, ...restProps }) => {

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

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_19hhz {
+} .picker-button__iconContainer_1s4df {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_19hhz {
+} .picker-button__addonsContainer_1s4df {
     display: flex
-} .picker-button__addonsContainer_19hhz.picker-button__showControlIcon_19hhz {
+} .picker-button__addonsContainer_1s4df.picker-button__showControlIcon_1s4df {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_19hhz {
+    } .picker-button__open_1s4df {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/index.css

@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_hif51 {
+} .picker-button__container_1dd83 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_hif51.picker-button__sideGap_hif51 {
+} .cc-picker-button.picker-button__optionsPopover_1dd83.picker-button__sideGap_1dd83 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_hif51 {
+        } .cc-picker-button .picker-button__option_1dd83 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_hif51:before {
+    } .cc-picker-button .picker-button__option_1dd83:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

package/picker-button/modern/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-5e1b8383";
-import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
+import { OptionShape } from "../typings-aa0ecc34";
+import { OptionProps as BaseOptionProps } from "../typings-aa0ecc34";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern';
 
-const styles = {"container":"picker-button__container_1py2x","icon":"picker-button__icon_1py2x","content":"picker-button__content_1py2x"};
+const styles = {"container":"picker-button__container_1b3t6","icon":"picker-button__icon_1b3t6","content":"picker-button__content_1b3t6"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {

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

@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_1py2x {
+} .picker-button__container_1b3t6 {
     display: flex;
     align-items: center;
-} .picker-button__icon_1py2x {
+} .picker-button__icon_1b3t6 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1py2x {
+} .picker-button__content_1b3t6 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/{cssm/typings-5e1b8383.d.ts → modern/typings-aa0ecc34.d.ts}

@@ -474,6 +474,10 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
+    /**
+     * Функция, которая срабатывает по клику на option
+     */
+    onOptionClickHandler?: (payload: BaseSelectChangePayload) => void;
     /**
      * Дополнительные данные
      */
@@ -975,6 +979,10 @@ type OptionProps = {
      * Мобильная верcия option.
      */
     mobile?: boolean;
+    /**
+     * Обработчик клика по option
+     */
+    onOptionClick?: (event: MouseEvent<HTMLDivElement>, payload: any) => void;
 };
 type CheckmarkProps = {
     /**

package/picker-button/option/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import { FC, SVGProps } from 'react';
-import { OptionShape } from "../typings-5e1b8383";
-import { OptionProps as BaseOptionProps } from "../typings-5e1b8383";
+import { OptionShape } from "../typings-aa0ecc34";
+import { OptionProps as BaseOptionProps } from "../typings-aa0ecc34";
 type OptionProps = Omit<BaseOptionProps, 'option'> & {
     option: OptionShape & {
         icon?: FC<SVGProps<SVGSVGElement>>;

package/picker-button/option/Component.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"container":"picker-button__container_1py2x","icon":"picker-button__icon_1py2x","content":"picker-button__content_1py2x"};
+var styles = {"container":"picker-button__container_1b3t6","icon":"picker-button__icon_1b3t6","content":"picker-button__content_1b3t6"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/option/index.css

@@ -15,13 +15,13 @@
     --gap-s: 12px;
 } :root {
 } :root {
-} .picker-button__container_1py2x {
+} .picker-button__container_1b3t6 {
     display: flex;
     align-items: center;
-} .picker-button__icon_1py2x {
+} .picker-button__icon_1b3t6 {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1py2x {
+} .picker-button__content_1b3t6 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/{typings-5e1b8383.d.ts → typings-aa0ecc34.d.ts}

@@ -474,6 +474,10 @@ type OptionShape = {
      * Разрешает показ компонента Checkmark, иногда нужно его убирать для показа контента ошибки или пустого состояния
      */
     showCheckMark?: boolean;
+    /**
+     * Функция, которая срабатывает по клику на option
+     */
+    onOptionClickHandler?: (payload: BaseSelectChangePayload) => void;
     /**
      * Дополнительные данные
      */
@@ -975,6 +979,10 @@ type OptionProps = {
      * Мобильная верcия option.
      */
     mobile?: boolean;
+    /**
+     * Обработчик клика по option
+     */
+    onOptionClick?: (event: MouseEvent<HTMLDivElement>, payload: any) => void;
 };
 type CheckmarkProps = {
     /**

package/plate/Component.js

@@ -15,7 +15,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"plate__component_1vum3","foldable":"plate__foldable_1vum3","focused":"plate__focused_1vum3","inner":"plate__inner_1vum3","rounded":"plate__rounded_1vum3","noBorder":"plate__noBorder_1vum3","shadow":"plate__shadow_1vum3","common":"plate__common_1vum3","negative":"plate__negative_1vum3","positive":"plate__positive_1vum3","attention":"plate__attention_1vum3","custom":"plate__custom_1vum3","rect":"plate__rect_1vum3","isHidden":"plate__isHidden_1vum3","leftAddons":"plate__leftAddons_1vum3","rightAddons":"plate__rightAddons_1vum3","subAddons":"plate__subAddons_1vum3","bold":"plate__bold_1vum3","light":"plate__light_1vum3","content":"plate__content_1vum3","isFolded":"plate__isFolded_1vum3","contentContainer":"plate__contentContainer_1vum3","withoutTitle":"plate__withoutTitle_1vum3","limitWidth":"plate__limitWidth_1vum3","description":"plate__description_1vum3","footer":"plate__footer_1vum3","closer":"plate__closer_1vum3","folder":"plate__folder_1vum3","button":"plate__button_1vum3","rowLimit1":"plate__rowLimit1_1vum3","rowLimit2":"plate__rowLimit2_1vum3","rowLimit3":"plate__rowLimit3_1vum3"};
+var styles = {"component":"plate__component_1tcfj","foldable":"plate__foldable_1tcfj","focused":"plate__focused_1tcfj","inner":"plate__inner_1tcfj","rounded":"plate__rounded_1tcfj","noBorder":"plate__noBorder_1tcfj","shadow":"plate__shadow_1tcfj","common":"plate__common_1tcfj","negative":"plate__negative_1tcfj","positive":"plate__positive_1tcfj","attention":"plate__attention_1tcfj","custom":"plate__custom_1tcfj","rect":"plate__rect_1tcfj","isHidden":"plate__isHidden_1tcfj","leftAddons":"plate__leftAddons_1tcfj","rightAddons":"plate__rightAddons_1tcfj","subAddons":"plate__subAddons_1tcfj","bold":"plate__bold_1tcfj","light":"plate__light_1tcfj","content":"plate__content_1tcfj","isFolded":"plate__isFolded_1tcfj","contentContainer":"plate__contentContainer_1tcfj","withoutTitle":"plate__withoutTitle_1tcfj","limitWidth":"plate__limitWidth_1tcfj","description":"plate__description_1tcfj","footer":"plate__footer_1tcfj","closer":"plate__closer_1tcfj","folder":"plate__folder_1tcfj","button":"plate__button_1tcfj","rowLimit1":"plate__rowLimit1_1tcfj","rowLimit2":"plate__rowLimit2_1tcfj","rowLimit3":"plate__rowLimit3_1tcfj"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/plate/esm/Component.js

@@ -7,7 +7,7 @@ import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { ButtonList } from './components/button-list/component.js';
 
-var styles = {"component":"plate__component_1vum3","foldable":"plate__foldable_1vum3","focused":"plate__focused_1vum3","inner":"plate__inner_1vum3","rounded":"plate__rounded_1vum3","noBorder":"plate__noBorder_1vum3","shadow":"plate__shadow_1vum3","common":"plate__common_1vum3","negative":"plate__negative_1vum3","positive":"plate__positive_1vum3","attention":"plate__attention_1vum3","custom":"plate__custom_1vum3","rect":"plate__rect_1vum3","isHidden":"plate__isHidden_1vum3","leftAddons":"plate__leftAddons_1vum3","rightAddons":"plate__rightAddons_1vum3","subAddons":"plate__subAddons_1vum3","bold":"plate__bold_1vum3","light":"plate__light_1vum3","content":"plate__content_1vum3","isFolded":"plate__isFolded_1vum3","contentContainer":"plate__contentContainer_1vum3","withoutTitle":"plate__withoutTitle_1vum3","limitWidth":"plate__limitWidth_1vum3","description":"plate__description_1vum3","footer":"plate__footer_1vum3","closer":"plate__closer_1vum3","folder":"plate__folder_1vum3","button":"plate__button_1vum3","rowLimit1":"plate__rowLimit1_1vum3","rowLimit2":"plate__rowLimit2_1vum3","rowLimit3":"plate__rowLimit3_1vum3"};
+var styles = {"component":"plate__component_1tcfj","foldable":"plate__foldable_1tcfj","focused":"plate__focused_1tcfj","inner":"plate__inner_1tcfj","rounded":"plate__rounded_1tcfj","noBorder":"plate__noBorder_1tcfj","shadow":"plate__shadow_1tcfj","common":"plate__common_1tcfj","negative":"plate__negative_1tcfj","positive":"plate__positive_1tcfj","attention":"plate__attention_1tcfj","custom":"plate__custom_1tcfj","rect":"plate__rect_1tcfj","isHidden":"plate__isHidden_1tcfj","leftAddons":"plate__leftAddons_1tcfj","rightAddons":"plate__rightAddons_1tcfj","subAddons":"plate__subAddons_1tcfj","bold":"plate__bold_1tcfj","light":"plate__light_1tcfj","content":"plate__content_1tcfj","isFolded":"plate__isFolded_1tcfj","contentContainer":"plate__contentContainer_1tcfj","withoutTitle":"plate__withoutTitle_1tcfj","limitWidth":"plate__limitWidth_1tcfj","description":"plate__description_1tcfj","footer":"plate__footer_1tcfj","closer":"plate__closer_1tcfj","folder":"plate__folder_1tcfj","button":"plate__button_1tcfj","rowLimit1":"plate__rowLimit1_1tcfj","rowLimit2":"plate__rowLimit2_1tcfj","rowLimit3":"plate__rowLimit3_1tcfj"};
 require('./index.css');
 
 /* eslint-disable complexity */