@alfalab/core-components 30.0.0 → 30.2.0

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

@@ -0,0 +1,24 @@
+import React, { forwardRef } from 'react';
+import 'classnames';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import { useMedia } from '@alfalab/hooks';
+import '../../select/modern';
+import '../../button/modern';
+import './utils/index.js';
+import './field/Component.js';
+import './option/Component.js';
+import { PickerButtonDesktop } from './Component.js';
+import { PickerButtonMobile } from './Component.mobile.js';
+
+const PickerButton = forwardRef(({ OptionsList, onScroll, footer, swipeable, bottomSheetProps, breakpoint = 1024, ...restProps }, ref) => {
+    const [view] = useMedia([
+        ['mobile', `(max-width: ${breakpoint - 1}px)`],
+        ['desktop', `(min-width: ${breakpoint}px)`],
+    ], 'desktop');
+    return view === 'desktop' ? (React.createElement(PickerButtonDesktop, Object.assign({ ref: ref, OptionsList: OptionsList, onScroll: onScroll }, restProps))) : (React.createElement(PickerButtonMobile, Object.assign({ ref: ref, footer: footer, swipeable: swipeable, bottomSheetProps: bottomSheetProps }, restProps)));
+});
+
+export { PickerButton };

package/picker-button/modern/desktop.d.ts

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

package/picker-button/modern/desktop.js

@@ -0,0 +1,12 @@
+import 'react';
+import 'classnames';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import '../../select/modern';
+import '../../button/modern';
+import './utils/index.js';
+import './field/Component.js';
+import './option/Component.js';
+export { PickerButtonDesktop } from './Component.js';

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

@@ -7,7 +7,7 @@ import '@alfalab/icons-glyph/MoreSIcon';
 import { Button } from '../../../button/modern';
 import { getIcon } from '../utils/index.js';
 
-var styles = {"iconContainer":"picker-button__iconContainer_1phwl","open":"picker-button__open_1phwl"};
+var styles = {"iconContainer":"picker-button__iconContainer_14az3","open":"picker-button__open_14az3"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, valueRenderer, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: a2k8a */
+/* hash: qwilr */
 :root {
 
     /* Hard */
@@ -10,10 +10,10 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_1phwl {
+.picker-button__iconContainer_14az3 {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__open_1phwl {
+.picker-button__open_14az3 {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: 15k05 */
+/* hash: 1p7td */
 :root {
 
     /* Hard */
@@ -14,18 +14,18 @@
 :root {
     --border-radius-s: 4px;
 }
-.picker-button__container_1p16k {
+.picker-button__container_tajsv {
     min-width: auto;
 }
-.picker-button__optionsPopover_1p16k {
-    padding: var(--gap-xs) 0
-}
-.picker-button__optionsPopover_1p16k.picker-button__sideGap_1p16k {
-        padding: 0 var(--gap-xs);
+.cc-picker-button.picker-button__optionsPopover_tajsv {
+        padding: var(--gap-xs) 0
+    }
+.cc-picker-button.picker-button__optionsPopover_tajsv.picker-button__sideGap_tajsv {
+            padding: 0 var(--gap-xs);
+        }
+.cc-picker-button .picker-button__optionsListContainer_tajsv {
+        border-radius: var(--border-radius-s);
+    }
+.cc-picker-button .picker-button__option_tajsv {
+        padding: 0 var(--gap-m);
     }
-.picker-button__optionsListContainer_1p16k {
-    border-radius: var(--border-radius-s);
-}
-.picker-button__option_1p16k {
-    padding: 0 var(--gap-m);
-}

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

@@ -1 +1,2 @@
-export * from "./Component";
+export * from "./Component.responsive";
+export { PickerButtonProps, PickerButtonSize, PickerButtonVariant } from "./Component";

package/picker-button/modern/index.js

@@ -4,9 +4,12 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
+import '@alfalab/hooks';
 import '../../select/modern';
 import '../../button/modern';
 import './utils/index.js';
 import './field/Component.js';
 import './option/Component.js';
-export { PickerButton } from './Component.js';
+import './Component.js';
+import './Component.mobile.js';
+export { PickerButton } from './Component.responsive.js';

package/picker-button/modern/mobile.d.ts

@@ -0,0 +1 @@
+export * from "./Component.mobile";

package/picker-button/modern/mobile.js

@@ -0,0 +1,12 @@
+import 'react';
+import 'classnames';
+import '@alfalab/icons-glyph/ChevronDownMIcon';
+import '@alfalab/icons-glyph/ChevronDownCompactSIcon';
+import '@alfalab/icons-glyph/MoreMIcon';
+import '@alfalab/icons-glyph/MoreSIcon';
+import '../../select/modern';
+import '../../button/modern';
+import './utils/index.js';
+import './field/Component.js';
+import './option/Component.js';
+export { PickerButtonMobile } from './Component.mobile.js';

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

@@ -1,7 +1,7 @@
 import React from 'react';
 import { Option as Option$1 } from '../../../select/modern';
 
-var styles = {"container":"picker-button__container_mxgs7","icon":"picker-button__icon_mxgs7","content":"picker-button__content_mxgs7"};
+var styles = {"container":"picker-button__container_7gb49","icon":"picker-button__icon_7gb49","content":"picker-button__content_7gb49"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 8hcwh */
+/* hash: s563t */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_mxgs7 {
+.picker-button__container_7gb49 {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_mxgs7 {
+.picker-button__icon_7gb49 {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_mxgs7 {
+.picker-button__content_7gb49 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/modern/typings-177c0b55.d.ts

@@ -98,7 +98,7 @@ type PopoverProps = {
     children?: ReactNode;
 };
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */
@@ -214,7 +214,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
      */
     dataTestId?: string;
 };
-declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "height" | "width" | "multiple" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
+declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "disabled" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "list" | "step" | "height" | "name" | "width" | "multiple" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     block?: boolean | undefined;

package/picker-button/modern/utils/index.d.ts

@@ -1,4 +1,4 @@
 import { FC, SVGProps } from 'react';
 import { PickerButtonVariant } from "../index";
-declare const getIcon: (variant: PickerButtonVariant, size: "s" | "xxs" | "xs" | "m" | "l" | "xl") => FC<SVGProps<SVGSVGElement>>;
+declare const getIcon: (variant: PickerButtonVariant, size: "s" | "m" | "l" | "xl" | "xxs" | "xs") => FC<SVGProps<SVGSVGElement>>;
 export { getIcon };

package/picker-button/option/Component.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var tslib_es6 = require('../tslib.es6-f2082028.js');
+var tslib_es6 = require('../tslib.es6-0e59ec11.js');
 var React = require('react');
 var coreComponentsSelect = require('../../select');
 
@@ -8,7 +8,7 @@ function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 
-var styles = {"container":"picker-button__container_mxgs7","icon":"picker-button__icon_mxgs7","content":"picker-button__content_mxgs7"};
+var styles = {"container":"picker-button__container_7gb49","icon":"picker-button__icon_7gb49","content":"picker-button__content_7gb49"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 8hcwh */
+/* hash: s563t */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_mxgs7 {
+.picker-button__container_7gb49 {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_mxgs7 {
+.picker-button__icon_7gb49 {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_mxgs7 {
+.picker-button__content_7gb49 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/option/index.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-require('../tslib.es6-f2082028.js');
+require('../tslib.es6-0e59ec11.js');
 require('react');
 require('../../select');
 var option_Component = require('./Component.js');

package/picker-button/typings-177c0b55.d.ts

@@ -98,7 +98,7 @@ type PopoverProps = {
     children?: ReactNode;
 };
 declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
-type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown"> & {
+type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" | "value" | "defaultValue" | "onChange" | "onClick" | "onMouseDown" | "enterKeyHint"> & {
     /**
      * Значение поля ввода
      */
@@ -214,7 +214,7 @@ type InputProps = Omit<InputHTMLAttributes<HTMLInputElement>, "size" | "type" |
      */
     dataTestId?: string;
 };
-declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "form" | "slot" | "style" | "title" | "pattern" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "spellCheck" | "tabIndex" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "list" | "step" | "autoFocus" | "disabled" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "name" | "height" | "width" | "multiple" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "enterKeyHint" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
+declare const Input: React.ForwardRefExoticComponent<Pick<React.InputHTMLAttributes<HTMLInputElement>, "className" | "disabled" | "children" | "defaultChecked" | "suppressContentEditableWarning" | "suppressHydrationWarning" | "accessKey" | "contentEditable" | "contextMenu" | "dir" | "draggable" | "hidden" | "id" | "lang" | "placeholder" | "slot" | "spellCheck" | "style" | "tabIndex" | "title" | "translate" | "radioGroup" | "role" | "about" | "datatype" | "inlist" | "prefix" | "property" | "resource" | "typeof" | "vocab" | "autoCapitalize" | "autoCorrect" | "autoSave" | "color" | "itemProp" | "itemScope" | "itemType" | "itemID" | "itemRef" | "results" | "security" | "unselectable" | "inputMode" | "is" | "aria-activedescendant" | "aria-atomic" | "aria-autocomplete" | "aria-busy" | "aria-checked" | "aria-colcount" | "aria-colindex" | "aria-colspan" | "aria-controls" | "aria-current" | "aria-describedby" | "aria-details" | "aria-disabled" | "aria-dropeffect" | "aria-errormessage" | "aria-expanded" | "aria-flowto" | "aria-grabbed" | "aria-haspopup" | "aria-hidden" | "aria-invalid" | "aria-keyshortcuts" | "aria-label" | "aria-labelledby" | "aria-level" | "aria-live" | "aria-modal" | "aria-multiline" | "aria-multiselectable" | "aria-orientation" | "aria-owns" | "aria-placeholder" | "aria-posinset" | "aria-pressed" | "aria-readonly" | "aria-relevant" | "aria-required" | "aria-roledescription" | "aria-rowcount" | "aria-rowindex" | "aria-rowspan" | "aria-selected" | "aria-setsize" | "aria-sort" | "aria-valuemax" | "aria-valuemin" | "aria-valuenow" | "aria-valuetext" | "dangerouslySetInnerHTML" | "onCopy" | "onCopyCapture" | "onCut" | "onCutCapture" | "onPaste" | "onPasteCapture" | "onCompositionEnd" | "onCompositionEndCapture" | "onCompositionStart" | "onCompositionStartCapture" | "onCompositionUpdate" | "onCompositionUpdateCapture" | "onFocus" | "onFocusCapture" | "onBlur" | "onBlurCapture" | "onChangeCapture" | "onBeforeInput" | "onBeforeInputCapture" | "onInput" | "onInputCapture" | "onReset" | "onResetCapture" | "onSubmit" | "onSubmitCapture" | "onInvalid" | "onInvalidCapture" | "onLoad" | "onLoadCapture" | "onError" | "onErrorCapture" | "onKeyDown" | "onKeyDownCapture" | "onKeyPress" | "onKeyPressCapture" | "onKeyUp" | "onKeyUpCapture" | "onAbort" | "onAbortCapture" | "onCanPlay" | "onCanPlayCapture" | "onCanPlayThrough" | "onCanPlayThroughCapture" | "onDurationChange" | "onDurationChangeCapture" | "onEmptied" | "onEmptiedCapture" | "onEncrypted" | "onEncryptedCapture" | "onEnded" | "onEndedCapture" | "onLoadedData" | "onLoadedDataCapture" | "onLoadedMetadata" | "onLoadedMetadataCapture" | "onLoadStart" | "onLoadStartCapture" | "onPause" | "onPauseCapture" | "onPlay" | "onPlayCapture" | "onPlaying" | "onPlayingCapture" | "onProgress" | "onProgressCapture" | "onRateChange" | "onRateChangeCapture" | "onSeeked" | "onSeekedCapture" | "onSeeking" | "onSeekingCapture" | "onStalled" | "onStalledCapture" | "onSuspend" | "onSuspendCapture" | "onTimeUpdate" | "onTimeUpdateCapture" | "onVolumeChange" | "onVolumeChangeCapture" | "onWaiting" | "onWaitingCapture" | "onAuxClick" | "onAuxClickCapture" | "onClickCapture" | "onContextMenu" | "onContextMenuCapture" | "onDoubleClick" | "onDoubleClickCapture" | "onDrag" | "onDragCapture" | "onDragEnd" | "onDragEndCapture" | "onDragEnter" | "onDragEnterCapture" | "onDragExit" | "onDragExitCapture" | "onDragLeave" | "onDragLeaveCapture" | "onDragOver" | "onDragOverCapture" | "onDragStart" | "onDragStartCapture" | "onDrop" | "onDropCapture" | "onMouseDownCapture" | "onMouseEnter" | "onMouseLeave" | "onMouseMove" | "onMouseMoveCapture" | "onMouseOut" | "onMouseOutCapture" | "onMouseOver" | "onMouseOverCapture" | "onMouseUp" | "onMouseUpCapture" | "onSelect" | "onSelectCapture" | "onTouchCancel" | "onTouchCancelCapture" | "onTouchEnd" | "onTouchEndCapture" | "onTouchMove" | "onTouchMoveCapture" | "onTouchStart" | "onTouchStartCapture" | "onPointerDown" | "onPointerDownCapture" | "onPointerMove" | "onPointerMoveCapture" | "onPointerUp" | "onPointerUpCapture" | "onPointerCancel" | "onPointerCancelCapture" | "onPointerEnter" | "onPointerEnterCapture" | "onPointerLeave" | "onPointerLeaveCapture" | "onPointerOver" | "onPointerOverCapture" | "onPointerOut" | "onPointerOutCapture" | "onGotPointerCapture" | "onGotPointerCaptureCapture" | "onLostPointerCapture" | "onLostPointerCaptureCapture" | "onScroll" | "onScrollCapture" | "onWheel" | "onWheelCapture" | "onAnimationStart" | "onAnimationStartCapture" | "onAnimationEnd" | "onAnimationEndCapture" | "onAnimationIteration" | "onAnimationIterationCapture" | "onTransitionEnd" | "onTransitionEndCapture" | "form" | "pattern" | "list" | "step" | "height" | "name" | "width" | "multiple" | "autoFocus" | "formAction" | "formEncType" | "formMethod" | "formNoValidate" | "formTarget" | "accept" | "alt" | "autoComplete" | "capture" | "checked" | "crossOrigin" | "max" | "maxLength" | "min" | "minLength" | "readOnly" | "required" | "src"> & {
     value?: string | undefined;
     defaultValue?: string | undefined;
     block?: boolean | undefined;

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

@@ -1,4 +1,4 @@
 import { FC, SVGProps } from 'react';
 import { PickerButtonVariant } from "../index";
-declare const getIcon: (variant: PickerButtonVariant, size: "s" | "xxs" | "xs" | "m" | "l" | "xl") => FC<SVGProps<SVGSVGElement>>;
+declare const getIcon: (variant: PickerButtonVariant, size: "s" | "m" | "l" | "xl" | "xxs" | "xs") => FC<SVGProps<SVGSVGElement>>;
 export { getIcon };

package/plate/Component.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
 var cn__default = /*#__PURE__*/_interopDefaultLegacy(cn);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultLegacy(mergeRefs);
 
-var styles = {"component":"plate__component_ocbk2","foldable":"plate__foldable_ocbk2","focused":"plate__focused_ocbk2","inner":"plate__inner_ocbk2","rounded":"plate__rounded_ocbk2","noBorder":"plate__noBorder_ocbk2","shadow":"plate__shadow_ocbk2","common":"plate__common_ocbk2","negative":"plate__negative_ocbk2","positive":"plate__positive_ocbk2","attention":"plate__attention_ocbk2","custom":"plate__custom_ocbk2","rect":"plate__rect_ocbk2","isHidden":"plate__isHidden_ocbk2","leftAddons":"plate__leftAddons_ocbk2","rightAddons":"plate__rightAddons_ocbk2","subAddons":"plate__subAddons_ocbk2","bold":"plate__bold_ocbk2","light":"plate__light_ocbk2","content":"plate__content_ocbk2","isFolded":"plate__isFolded_ocbk2","contentContainer":"plate__contentContainer_ocbk2","withoutTitle":"plate__withoutTitle_ocbk2","limitWidth":"plate__limitWidth_ocbk2","description":"plate__description_ocbk2","footer":"plate__footer_ocbk2","closer":"plate__closer_ocbk2","folder":"plate__folder_ocbk2","button":"plate__button_ocbk2"};
+var styles = {"component":"plate__component_nlbbm","foldable":"plate__foldable_nlbbm","focused":"plate__focused_nlbbm","inner":"plate__inner_nlbbm","rounded":"plate__rounded_nlbbm","noBorder":"plate__noBorder_nlbbm","shadow":"plate__shadow_nlbbm","common":"plate__common_nlbbm","negative":"plate__negative_nlbbm","positive":"plate__positive_nlbbm","attention":"plate__attention_nlbbm","custom":"plate__custom_nlbbm","rect":"plate__rect_nlbbm","isHidden":"plate__isHidden_nlbbm","leftAddons":"plate__leftAddons_nlbbm","rightAddons":"plate__rightAddons_nlbbm","subAddons":"plate__subAddons_nlbbm","bold":"plate__bold_nlbbm","light":"plate__light_nlbbm","content":"plate__content_nlbbm","isFolded":"plate__isFolded_nlbbm","contentContainer":"plate__contentContainer_nlbbm","withoutTitle":"plate__withoutTitle_nlbbm","limitWidth":"plate__limitWidth_nlbbm","description":"plate__description_nlbbm","footer":"plate__footer_nlbbm","closer":"plate__closer_nlbbm","folder":"plate__folder_nlbbm","button":"plate__button_nlbbm"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/plate/esm/Component.js

@@ -5,7 +5,7 @@ import { useFocus } from '@alfalab/hooks';
 import { Button } from '../../button/esm';
 import { ButtonList } from './components/button-list/component.js';
 
-var styles = {"component":"plate__component_ocbk2","foldable":"plate__foldable_ocbk2","focused":"plate__focused_ocbk2","inner":"plate__inner_ocbk2","rounded":"plate__rounded_ocbk2","noBorder":"plate__noBorder_ocbk2","shadow":"plate__shadow_ocbk2","common":"plate__common_ocbk2","negative":"plate__negative_ocbk2","positive":"plate__positive_ocbk2","attention":"plate__attention_ocbk2","custom":"plate__custom_ocbk2","rect":"plate__rect_ocbk2","isHidden":"plate__isHidden_ocbk2","leftAddons":"plate__leftAddons_ocbk2","rightAddons":"plate__rightAddons_ocbk2","subAddons":"plate__subAddons_ocbk2","bold":"plate__bold_ocbk2","light":"plate__light_ocbk2","content":"plate__content_ocbk2","isFolded":"plate__isFolded_ocbk2","contentContainer":"plate__contentContainer_ocbk2","withoutTitle":"plate__withoutTitle_ocbk2","limitWidth":"plate__limitWidth_ocbk2","description":"plate__description_ocbk2","footer":"plate__footer_ocbk2","closer":"plate__closer_ocbk2","folder":"plate__folder_ocbk2","button":"plate__button_ocbk2"};
+var styles = {"component":"plate__component_nlbbm","foldable":"plate__foldable_nlbbm","focused":"plate__focused_nlbbm","inner":"plate__inner_nlbbm","rounded":"plate__rounded_nlbbm","noBorder":"plate__noBorder_nlbbm","shadow":"plate__shadow_nlbbm","common":"plate__common_nlbbm","negative":"plate__negative_nlbbm","positive":"plate__positive_nlbbm","attention":"plate__attention_nlbbm","custom":"plate__custom_nlbbm","rect":"plate__rect_nlbbm","isHidden":"plate__isHidden_nlbbm","leftAddons":"plate__leftAddons_nlbbm","rightAddons":"plate__rightAddons_nlbbm","subAddons":"plate__subAddons_nlbbm","bold":"plate__bold_nlbbm","light":"plate__light_nlbbm","content":"plate__content_nlbbm","isFolded":"plate__isFolded_nlbbm","contentContainer":"plate__contentContainer_nlbbm","withoutTitle":"plate__withoutTitle_nlbbm","limitWidth":"plate__limitWidth_nlbbm","description":"plate__description_nlbbm","footer":"plate__footer_nlbbm","closer":"plate__closer_nlbbm","folder":"plate__folder_nlbbm","button":"plate__button_nlbbm"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: 1i208 */
+/* hash: 25zvb */
 :root {
     --color-static-status-green: #13a463;
     --color-static-status-grey: #6d7986;
@@ -54,7 +54,7 @@
     --plate-closer-icon: url('https://alfabank.servicecdn.ru/icons/glyph_cross_m.svg');
     --plate-arrow-icon: url('https://alfabank.servicecdn.ru/icons/glyph_chevron-down_m.svg');
 }
-.plate__component_ocbk2 {
+.plate__component_nlbbm {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -64,7 +64,7 @@
     padding: var(--gap-s);
     outline: none
 }
-.plate__component_ocbk2:before {
+.plate__component_nlbbm:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
@@ -72,103 +72,103 @@
         top: 0;
         left: 0;
     }
-.plate__foldable_ocbk2 {
+.plate__foldable_nlbbm {
     cursor: pointer;
 }
-.plate__component_ocbk2 * {
+.plate__component_nlbbm * {
     box-sizing: border-box;
 }
-.plate__focused_ocbk2 {
+.plate__focused_nlbbm {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.plate__inner_ocbk2 {
+.plate__inner_nlbbm {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
-.plate__rounded_ocbk2:before, .plate__noBorder_ocbk2:before {
+.plate__rounded_nlbbm:before, .plate__noBorder_nlbbm:before {
         display: none;
     }
-.plate__rounded_ocbk2 {
+.plate__rounded_nlbbm {
     border-radius: var(--plate-border-radius);
 }
-.plate__shadow_ocbk2 {
+.plate__shadow_nlbbm {
     box-shadow: var(--shadow-s);
 }
-.plate__common_ocbk2 {
+.plate__common_nlbbm {
     background-color: var(--color-light-bg-secondary);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
 }
-.plate__common_ocbk2:before {
+.plate__common_nlbbm:before {
         background-color: var(--color-static-status-grey);
     }
-.plate__negative_ocbk2 {
+.plate__negative_nlbbm {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
 }
-.plate__negative_ocbk2:before {
+.plate__negative_nlbbm:before {
         background-color: var(--color-static-status-red);
     }
-.plate__positive_ocbk2 {
+.plate__positive_nlbbm {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
 }
-.plate__positive_ocbk2:before {
+.plate__positive_nlbbm:before {
         background-color: var(--color-static-status-green);
     }
-.plate__attention_ocbk2 {
+.plate__attention_nlbbm {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
 }
-.plate__attention_ocbk2:before {
+.plate__attention_nlbbm:before {
         background-color: var(--color-static-status-orange);
     }
-.plate__custom_ocbk2 {
+.plate__custom_nlbbm {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
 }
-.plate__custom_ocbk2:before {
+.plate__custom_nlbbm:before {
         background-color: var(--plate-border-color);
     }
-.plate__rect_ocbk2,
-.plate__noBorder_ocbk2 {
+.plate__rect_nlbbm,
+.plate__noBorder_nlbbm {
     box-shadow: none;
 }
-.plate__isHidden_ocbk2 {
+.plate__isHidden_nlbbm {
     display: none;
 }
-.plate__leftAddons_ocbk2,
-.plate__rightAddons_ocbk2 {
+.plate__leftAddons_nlbbm,
+.plate__rightAddons_nlbbm {
     padding: var(--gap-2xs);
 }
-.plate__leftAddons_ocbk2 {
+.plate__leftAddons_nlbbm {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
 }
-.plate__subAddons_ocbk2 {
+.plate__subAddons_nlbbm {
     cursor: default;
     align-self: flex-start;
 }
-.plate__bold_ocbk2,
-.plate__light_ocbk2 {
+.plate__bold_nlbbm,
+.plate__light_nlbbm {
     word-break: break-word;
 }
-.plate__bold_ocbk2 {
+.plate__bold_nlbbm {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
 }
-.plate__light_ocbk2 {
+.plate__light_nlbbm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
 }
-.plate__content_ocbk2 {
+.plate__content_nlbbm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -178,31 +178,31 @@
     transition: max-height 2s ease-in-out;
     cursor: default
 }
-.plate__content_ocbk2.plate__isFolded_ocbk2 {
+.plate__content_nlbbm.plate__isFolded_nlbbm {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
-.plate__contentContainer_ocbk2 {
+.plate__contentContainer_nlbbm {
     flex: 1;
     margin-right: auto
 }
-.plate__contentContainer_ocbk2.plate__withoutTitle_ocbk2 {
+.plate__contentContainer_nlbbm.plate__withoutTitle_nlbbm {
         padding-top: var(--gap-3xs);
     }
-.plate__limitWidth_ocbk2 {
+.plate__limitWidth_nlbbm {
     max-width: var(--plate-width-limit);
 }
-.plate__description_ocbk2 {
+.plate__description_nlbbm {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
 }
-.plate__footer_ocbk2 {
+.plate__footer_nlbbm {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
 }
-.plate__closer_ocbk2,
-.plate__folder_ocbk2 {
+.plate__closer_nlbbm,
+.plate__folder_nlbbm {
     display: block;
     height: 24px;
     width: 24px;
@@ -211,23 +211,23 @@
     cursor: pointer;
     margin-left: var(--gap-s)
 }
-.plate__closer_ocbk2:hover, .plate__folder_ocbk2:hover {
+.plate__closer_nlbbm:hover, .plate__folder_nlbbm:hover {
         opacity: 0.7;
     }
-.plate__closer_ocbk2:active, .plate__folder_ocbk2:active {
+.plate__closer_nlbbm:active, .plate__folder_nlbbm:active {
         opacity: 0.5;
     }
-.plate__closer_ocbk2 {
+.plate__closer_nlbbm {
     background: var(--plate-closer-icon) center no-repeat;
 }
-.plate__folder_ocbk2 {
+.plate__folder_nlbbm {
     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_ocbk2.plate__isFolded_ocbk2 {
+.plate__folder_nlbbm.plate__isFolded_nlbbm {
         transform: rotate(0deg);
     }
-.plate__button_ocbk2:not(:last-child) {
+.plate__button_nlbbm:not(:last-child) {
         margin-right: var(--gap-xs);
     }