@alfalab/core-components 45.5.0-rc.2 → 45.6.0

package/pattern-lock/modern/desktop/desktop.css

@@ -18,11 +18,11 @@
 } :root {
 } :root {
     --pattern-lock-desktop-max-width: 240px;
-} .pattern-lock__component_kbqx8 {
+} .pattern-lock__component_ua8cm {
     max-width: var(--pattern-lock-desktop-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0;
-} .pattern-lock__forgotBtn_kbqx8 {
+} .pattern-lock__forgotBtn_ua8cm {
     margin: var(--gap-xl) auto 0;
-} .pattern-lock__hiddenBtn_kbqx8 {
+} .pattern-lock__hiddenBtn_ua8cm {
     display: none;
 }

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

@@ -7,7 +7,7 @@ import '../../../shared/modern';
 import '../consts.js';
 import '../utils.js';
 
-const styles = {"component":"pattern-lock__component_12xfz","forgotBtn":"pattern-lock__forgotBtn_12xfz"};
+const styles = {"component":"pattern-lock__component_va2h2","forgotBtn":"pattern-lock__forgotBtn_va2h2"};
 require('./mobile.css');
 
 const PatternLockMobile = forwardRef((restProps, ref) => React.createElement(BasePatternLock, { ...restProps, ref: ref, styles: styles }));

package/pattern-lock/modern/mobile/mobile.css

@@ -23,26 +23,26 @@
     --size-m-height: 56px;
 } :root {
     --pattern-lock-max-width: 500px;
-} .pattern-lock__component_12xfz {
+} .pattern-lock__component_va2h2 {
     max-width: var(--pattern-lock-max-width);
     margin: var(--gap-xs) 0 var(--gap-xl) 0;
-} .pattern-lock__forgotBtn_12xfz {
+} .pattern-lock__forgotBtn_va2h2 {
     margin: var(--gap-xl) auto 0;
 } @media screen and (min-width: 360px) {
-    .pattern-lock__forgotBtn_12xfz {
+    .pattern-lock__forgotBtn_va2h2 {
         margin-top: var(--gap-2xl);
         min-height: var(--size-s-height);
     }
 
-    .pattern-lock__component_12xfz {
+    .pattern-lock__component_va2h2 {
         margin-bottom: var(--gap-s);
     }
 } @media screen and (min-width: 390px) {
-    .pattern-lock__forgotBtn_12xfz {
+    .pattern-lock__forgotBtn_va2h2 {
         min-height: var(--size-m-height);
     }
 
-    .pattern-lock__component_12xfz {
+    .pattern-lock__component_va2h2 {
         margin-bottom: var(--gap-l);
     }
 }

package/phone-input/Component.js

@@ -72,6 +72,14 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
             var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
+        /*
+         * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется
+         * Это происходит потому что цифра 7 есть уже в маске
+         */
+        if (rawValue[1] === '7') {
+            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
+            return masked.conformedValue;
+        }
         var insertedNumber = utils_index.getInsertedNumber({
             rawValue: rawValue,
             clearableCountryCode: clearableCountryCode,

package/phone-input/cssm/Component.js

@@ -72,6 +72,14 @@ var PhoneInput = React__default.default.forwardRef(function (_a, ref) {
             var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
+        /*
+         * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется
+         * Это происходит потому что цифра 7 есть уже в маске
+         */
+        if (rawValue[1] === '7') {
+            var masked = textMaskCore.conformToMask("+7".concat(rawValue), mask, config);
+            return masked.conformedValue;
+        }
         var insertedNumber = utils_index.getInsertedNumber({
             rawValue: rawValue,
             clearableCountryCode: clearableCountryCode,

package/phone-input/esm/Component.js

@@ -65,6 +65,14 @@ var PhoneInput = React.forwardRef(function (_a, ref) {
             var masked = conformToMask("+7".concat(rawValue), mask, config);
             return masked.conformedValue;
         }
+        /*
+         * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется
+         * Это происходит потому что цифра 7 есть уже в маске
+         */
+        if (rawValue[1] === '7') {
+            var masked = conformToMask("+7".concat(rawValue), mask, config);
+            return masked.conformedValue;
+        }
         var insertedNumber = getInsertedNumber({
             rawValue: rawValue,
             clearableCountryCode: clearableCountryCode,

package/phone-input/modern/Component.js

@@ -64,6 +64,14 @@ const PhoneInput = React.forwardRef(({ clearableCountryCode = true, ...restProps
             const masked = conformToMask(`+7${rawValue}`, mask, config);
             return masked.conformedValue;
         }
+        /*
+         * Код нужен для исправления ошибки в библиотеке text-mask: если цифра 7 находится на второй позиции при вставке, то она удаляется
+         * Это происходит потому что цифра 7 есть уже в маске
+         */
+        if (rawValue[1] === '7') {
+            const masked = conformToMask(`+7${rawValue}`, mask, config);
+            return masked.conformedValue;
+        }
         const insertedNumber = getInsertedNumber({
             rawValue,
             clearableCountryCode,

package/phone-input/utils/index.js

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

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode } from "react";
+import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -75,6 +75,10 @@ type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
      * @default false
      */
     hiddenInput?: boolean;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: RefObject<HTMLInputElement>;
     /**
      * Пропсы для label
      */
@@ -152,6 +156,10 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      * @default false
      */
     hiddenInput?: boolean | undefined;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
     /**
      * Пропсы для label
      */

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode } from "react";
+import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -75,6 +75,10 @@ type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
      * @default false
      */
     hiddenInput?: boolean;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: RefObject<HTMLInputElement>;
     /**
      * Пропсы для label
      */
@@ -152,6 +156,10 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      * @default false
      */
     hiddenInput?: boolean | undefined;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
     /**
      * Пропсы для label
      */

package/picker-button/desktop/Component.desktop.js

@@ -13,7 +13,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_8pkby","optionsPopover":"picker-button__optionsPopover_8pkby","sideGap":"picker-button__sideGap_8pkby","option":"picker-button__option_8pkby"};
+var styles = {"container":"picker-button__container_1fxp0","optionsPopover":"picker-button__optionsPopover_1fxp0","sideGap":"picker-button__sideGap_1fxp0","option":"picker-button__option_1fxp0"};
 require('./../index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode } from "react";
+import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -75,6 +75,10 @@ type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
      * @default false
      */
     hiddenInput?: boolean;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: RefObject<HTMLInputElement>;
     /**
      * Пропсы для label
      */
@@ -152,6 +156,10 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      * @default false
      */
     hiddenInput?: boolean | undefined;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
     /**
      * Пропсы для label
      */

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

@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"container":"picker-button__container_8pkby","optionsPopover":"picker-button__optionsPopover_8pkby","sideGap":"picker-button__sideGap_8pkby","option":"picker-button__option_8pkby"};
+var styles = {"container":"picker-button__container_1fxp0","optionsPopover":"picker-button__optionsPopover_1fxp0","sideGap":"picker-button__sideGap_1fxp0","option":"picker-button__option_1fxp0"};
 require('./../index.css');
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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_7ox8f","addonsContainer":"picker-button__addonsContainer_7ox8f","showControlIcon":"picker-button__showControlIcon_7ox8f","open":"picker-button__open_7ox8f","linkOpen":"picker-button__linkOpen_7ox8f"};
+var styles = {"iconContainer":"picker-button__iconContainer_167q6","addonsContainer":"picker-button__addonsContainer_167q6","showControlIcon":"picker-button__showControlIcon_167q6","open":"picker-button__open_167q6","linkOpen":"picker-button__linkOpen_167q6"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

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

@@ -17,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_7ox8f {
+} .picker-button__iconContainer_167q6 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_7ox8f {
+} .picker-button__addonsContainer_167q6 {
     display: flex
-} .picker-button__addonsContainer_7ox8f.picker-button__showControlIcon_7ox8f {
+} .picker-button__addonsContainer_167q6.picker-button__showControlIcon_167q6 {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_7ox8f {
+    } .picker-button__open_167q6 {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_7ox8f:not(:hover) {
+} .picker-button__linkOpen_167q6:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/picker-button/esm/index.css

@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_8pkby {
+} .picker-button__container_1fxp0 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_8pkby.picker-button__sideGap_8pkby {
+} .cc-picker-button.picker-button__optionsPopover_1fxp0.picker-button__sideGap_1fxp0 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_8pkby {
+        } .cc-picker-button .picker-button__option_1fxp0 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_8pkby:before {
+    } .cc-picker-button .picker-button__option_1fxp0:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

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/shared';
 
-var styles = {"container":"picker-button__container_1s6vn","icon":"picker-button__icon_1s6vn","content":"picker-button__content_1s6vn"};
+var styles = {"container":"picker-button__container_10dwa","icon":"picker-button__icon_10dwa","content":"picker-button__content_10dwa"};
 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_1s6vn {
+} .picker-button__container_10dwa {
     display: flex;
     align-items: center;
-} .picker-button__icon_1s6vn {
+} .picker-button__icon_10dwa {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1s6vn {
+} .picker-button__content_10dwa {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/field/Component.js

@@ -11,7 +11,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_7ox8f","addonsContainer":"picker-button__addonsContainer_7ox8f","showControlIcon":"picker-button__showControlIcon_7ox8f","open":"picker-button__open_7ox8f","linkOpen":"picker-button__linkOpen_7ox8f"};
+var styles = {"iconContainer":"picker-button__iconContainer_167q6","addonsContainer":"picker-button__addonsContainer_167q6","showControlIcon":"picker-button__showControlIcon_167q6","open":"picker-button__open_167q6","linkOpen":"picker-button__linkOpen_167q6"};
 require('./index.css');
 
 var SIZE_TO_CLASSNAME_MAP = {

package/picker-button/field/index.css

@@ -17,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_7ox8f {
+} .picker-button__iconContainer_167q6 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_7ox8f {
+} .picker-button__addonsContainer_167q6 {
     display: flex
-} .picker-button__addonsContainer_7ox8f.picker-button__showControlIcon_7ox8f {
+} .picker-button__addonsContainer_167q6.picker-button__showControlIcon_167q6 {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_7ox8f {
+    } .picker-button__open_167q6 {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_7ox8f:not(:hover) {
+} .picker-button__linkOpen_167q6:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/picker-button/index.css

@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_8pkby {
+} .picker-button__container_1fxp0 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_8pkby.picker-button__sideGap_8pkby {
+} .cc-picker-button.picker-button__optionsPopover_1fxp0.picker-button__sideGap_1fxp0 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_8pkby {
+        } .cc-picker-button .picker-button__option_1fxp0 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_8pkby:before {
+    } .cc-picker-button .picker-button__option_1fxp0:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

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

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import React from 'react';
-import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode } from "react";
+import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -75,6 +75,10 @@ type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
      * @default false
      */
     hiddenInput?: boolean;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: RefObject<HTMLInputElement>;
     /**
      * Пропсы для label
      */
@@ -152,6 +156,10 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      * @default false
      */
     hiddenInput?: boolean | undefined;
+    /**
+     * Реф на инпут
+     */
+    inputRef?: React.RefObject<HTMLInputElement> | undefined;
     /**
      * Пропсы для label
      */

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

@@ -11,7 +11,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"container":"picker-button__container_8pkby","optionsPopover":"picker-button__optionsPopover_8pkby","sideGap":"picker-button__sideGap_8pkby","option":"picker-button__option_8pkby"};
+const styles = {"container":"picker-button__container_1fxp0","optionsPopover":"picker-button__optionsPopover_1fxp0","sideGap":"picker-button__sideGap_1fxp0","option":"picker-button__option_1fxp0"};
 require('./../index.css');
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

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_7ox8f","addonsContainer":"picker-button__addonsContainer_7ox8f","showControlIcon":"picker-button__showControlIcon_7ox8f","open":"picker-button__open_7ox8f","linkOpen":"picker-button__linkOpen_7ox8f"};
+const styles = {"iconContainer":"picker-button__iconContainer_167q6","addonsContainer":"picker-button__addonsContainer_167q6","showControlIcon":"picker-button__showControlIcon_167q6","open":"picker-button__open_167q6","linkOpen":"picker-button__linkOpen_167q6"};
 require('./index.css');
 
 const SIZE_TO_CLASSNAME_MAP = {

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

@@ -17,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_7ox8f {
+} .picker-button__iconContainer_167q6 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_7ox8f {
+} .picker-button__addonsContainer_167q6 {
     display: flex
-} .picker-button__addonsContainer_7ox8f.picker-button__showControlIcon_7ox8f {
+} .picker-button__addonsContainer_167q6.picker-button__showControlIcon_167q6 {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_7ox8f {
+    } .picker-button__open_167q6 {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_7ox8f:not(:hover) {
+} .picker-button__linkOpen_167q6:not(:hover) {
     background-color: var(--color-light-transparent-default-hover);
 }

package/picker-button/modern/index.css

@@ -16,13 +16,13 @@
     --gap-m: 16px;
 } :root {
 } :root {
-} .picker-button__container_8pkby {
+} .picker-button__container_1fxp0 {
     min-width: auto;
-} .cc-picker-button.picker-button__optionsPopover_8pkby.picker-button__sideGap_8pkby {
+} .cc-picker-button.picker-button__optionsPopover_1fxp0.picker-button__sideGap_1fxp0 {
             padding: 0 var(--gap-xs);
-        } .cc-picker-button .picker-button__option_8pkby {
+        } .cc-picker-button .picker-button__option_1fxp0 {
         padding: 0 var(--gap-m)
-    } .cc-picker-button .picker-button__option_8pkby:before {
+    } .cc-picker-button .picker-button__option_1fxp0:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;
         }

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern/shared';
 
-const styles = {"container":"picker-button__container_1s6vn","icon":"picker-button__icon_1s6vn","content":"picker-button__content_1s6vn"};
+const styles = {"container":"picker-button__container_10dwa","icon":"picker-button__icon_10dwa","content":"picker-button__content_10dwa"};
 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_1s6vn {
+} .picker-button__container_10dwa {
     display: flex;
     align-items: center;
-} .picker-button__icon_1s6vn {
+} .picker-button__icon_10dwa {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1s6vn {
+} .picker-button__content_10dwa {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

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_1s6vn","icon":"picker-button__icon_1s6vn","content":"picker-button__content_1s6vn"};
+var styles = {"container":"picker-button__container_10dwa","icon":"picker-button__icon_10dwa","content":"picker-button__content_10dwa"};
 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_1s6vn {
+} .picker-button__container_10dwa {
     display: flex;
     align-items: center;
-} .picker-button__icon_1s6vn {
+} .picker-button__icon_10dwa {
     display: flex;
     margin-right: var(--gap-s);
-} .picker-button__content_1s6vn {
+} .picker-button__content_10dwa {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/plate/components/base-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 commonStyles = {"component":"plate__component_6txoh","foldable":"plate__foldable_6txoh","focused":"plate__focused_6txoh","inner":"plate__inner_6txoh","rounded":"plate__rounded_6txoh","noBorder":"plate__noBorder_6txoh","shadow":"plate__shadow_6txoh","common":"plate__common_6txoh","negative":"plate__negative_6txoh","positive":"plate__positive_6txoh","attention":"plate__attention_6txoh","custom":"plate__custom_6txoh","rect":"plate__rect_6txoh","isHidden":"plate__isHidden_6txoh","leftAddons":"plate__leftAddons_6txoh","rightAddons":"plate__rightAddons_6txoh","subAddons":"plate__subAddons_6txoh","rowReverse":"plate__rowReverse_6txoh","bold":"plate__bold_6txoh","light":"plate__light_6txoh","content":"plate__content_6txoh","isFolded":"plate__isFolded_6txoh","contentContainer":"plate__contentContainer_6txoh","withoutTitle":"plate__withoutTitle_6txoh","limitWidth":"plate__limitWidth_6txoh","description":"plate__description_6txoh","closer":"plate__closer_6txoh","folder":"plate__folder_6txoh","containerButton":"plate__containerButton_6txoh","button":"plate__button_6txoh","rowLimit1":"plate__rowLimit1_6txoh","rowLimit2":"plate__rowLimit2_6txoh","rowLimit3":"plate__rowLimit3_6txoh"};
+var commonStyles = {"component":"plate__component_uaso3","foldable":"plate__foldable_uaso3","focused":"plate__focused_uaso3","inner":"plate__inner_uaso3","rounded":"plate__rounded_uaso3","noBorder":"plate__noBorder_uaso3","shadow":"plate__shadow_uaso3","common":"plate__common_uaso3","negative":"plate__negative_uaso3","positive":"plate__positive_uaso3","attention":"plate__attention_uaso3","custom":"plate__custom_uaso3","rect":"plate__rect_uaso3","isHidden":"plate__isHidden_uaso3","leftAddons":"plate__leftAddons_uaso3","rightAddons":"plate__rightAddons_uaso3","subAddons":"plate__subAddons_uaso3","rowReverse":"plate__rowReverse_uaso3","bold":"plate__bold_uaso3","light":"plate__light_uaso3","content":"plate__content_uaso3","isFolded":"plate__isFolded_uaso3","contentContainer":"plate__contentContainer_uaso3","withoutTitle":"plate__withoutTitle_uaso3","limitWidth":"plate__limitWidth_uaso3","description":"plate__description_uaso3","closer":"plate__closer_uaso3","folder":"plate__folder_uaso3","containerButton":"plate__containerButton_uaso3","button":"plate__button_uaso3","rowLimit1":"plate__rowLimit1_uaso3","rowLimit2":"plate__rowLimit2_uaso3","rowLimit3":"plate__rowLimit3_uaso3"};
 require('./index.css');
 
 /* eslint-disable complexity */