@alfalab/core-components 36.5.1 → 37.1.0-beta.1

package/picker-button/modern/Component.js

@@ -10,11 +10,11 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 
-const styles = {"container":"picker-button__container_4p9wi","optionsPopover":"picker-button__optionsPopover_4p9wi","sideGap":"picker-button__sideGap_4p9wi","optionsListContainer":"picker-button__optionsListContainer_4p9wi","option":"picker-button__option_4p9wi"};
+const styles = {"container":"picker-button__container_25luf","optionsPopover":"picker-button__optionsPopover_25luf","sideGap":"picker-button__sideGap_25luf","optionsListContainer":"picker-button__optionsListContainer_25luf","option":"picker-button__option_25luf"};
 require('./index.css');
 
 const SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];
-const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', variant = 'default', className, leftAddons, rightAddons, popperClassName, optionsListClassName, optionClassName, ...restProps }, ref) => {
+const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsList, Optgroup: Optgroup$1 = Optgroup, Option: Option$1 = Option, view, loading, size = 'm', variant = 'default', className, leftAddons, rightAddons, popperClassName, optionsListClassName, optionClassName, showArrow, ...restProps }, ref) => {
     const isSideGap = !!restProps.popoverPosition && SIDE_POSITIONS.includes(restProps.popoverPosition);
     return (React.createElement(BaseSelect, { ...restProps, optionProps: { Checkmark: null }, ref: ref, Option: Option$1, Field: Field, size: size === 'm' ? 'm' : 's', fieldProps: {
             view,
@@ -24,6 +24,7 @@ const PickerButtonDesktop = forwardRef(({ OptionsList: OptionsList$1 = OptionsLi
             buttonVariant: variant,
             leftAddons,
             rightAddons,
+            showArrow,
         }, Optgroup: Optgroup$1, OptionsList: OptionsList$1, className: cn(styles.container, className), popperClassName: cn('cc-picker-button', styles.optionsPopover, popperClassName, {
             [styles.sideGap]: isSideGap,
         }), optionsListClassName: cn(styles.optionsListContainer, optionsListClassName), optionClassName: cn(styles.option, optionClassName), selected: [], closeOnSelect: true }));

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

@@ -10,7 +10,7 @@ import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 import './utils/index.js';
 
-const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, ...restProps }, ref) => (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
+const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Option, Optgroup: Optgroup$1 = Optgroup, view, loading, variant = 'default', leftAddons, rightAddons, size, bottomSheetProps, showArrow, ...restProps }, ref) => (React.createElement(SelectMobile, { ...restProps, label: label, Option: Option$1, bottomSheetProps: {
         title: label,
         stickyHeader: true,
         ...bottomSheetProps,
@@ -22,6 +22,7 @@ const PickerButtonMobile = forwardRef(({ options, label, Option: Option$1 = Opti
         buttonVariant: variant,
         leftAddons,
         rightAddons,
+        showArrow,
     }, ref: ref, options: options, selected: [] })));
 
 export { PickerButtonMobile };

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

@@ -17,6 +17,7 @@ declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<impor
     })[];
     size?: import("./Component").PickerButtonSize | undefined;
     variant?: import("./Component").PickerButtonVariant | undefined;
+    showArrow?: boolean | undefined;
 } & AdditionalMobileProps & {
     /**
      * Контрольная точка, с нее начинается desktop версия

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

@@ -5,6 +5,7 @@ import { PickerButtonSize, PickerButtonVariant } from "../Component";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;
     buttonVariant?: PickerButtonVariant;
+    showArrow?: boolean;
 };
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }: FieldProps) => JSX.Element;
+declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, ...restProps }: FieldProps) => JSX.Element;
 export { Field };

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

@@ -7,10 +7,10 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-const styles = {"iconContainer":"picker-button__iconContainer_dvipe","addonsContainer":"picker-button__addonsContainer_dvipe","open":"picker-button__open_dvipe"};
+const styles = {"iconContainer":"picker-button__iconContainer_1k04l","addonsContainer":"picker-button__addonsContainer_1k04l","open":"picker-button__open_1k04l"};
 require('./index.css');
 
-const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, ...restProps }) => {
+const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow = true, ...restProps }) => {
     const Icon = getIcon(buttonVariant, buttonSize);
     const { ref, ...restInnerProps } = innerProps;
     const buttonProps = {
@@ -20,8 +20,8 @@ const Field = ({ buttonSize = 'm', buttonVariant = 'default', view, label, open,
     return (React.createElement("div", { ref: ref },
         React.createElement(Button, { ...buttonProps, rightAddons: React.createElement(Fragment, null,
                 rightAddons && (React.createElement("span", { className: styles.addonsContainer }, rightAddons)),
-                React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
-                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' }))), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }, buttonVariant !== 'compact' && label)));
+                (showArrow || buttonVariant === 'compact') && (React.createElement("span", { className: cn(styles.iconContainer, buttonVariant !== 'compact' && open && styles.open) },
+                    React.createElement(Icon, { "data-test-id": 'picker-button-icon' })))), block: true, view: view, size: buttonSize, className: cn(styles.component, view === 'primary' && styles.primary, className) }, buttonVariant !== 'compact' && label)));
 };
 
 export { Field };

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

@@ -1,4 +1,4 @@
-/* hash: 20dyo */
+/* hash: 5ogsp */
 :root {
 
     /* Hard */
@@ -13,14 +13,14 @@
 :root {
     --arrow-transform: rotate(180deg);
 }
-.picker-button__iconContainer_dvipe {
+.picker-button__iconContainer_1k04l {
     display: flex;
     transition: transform 0.15s ease-in-out;
 }
-.picker-button__addonsContainer_dvipe {
+.picker-button__addonsContainer_1k04l {
     display: flex;
     margin-right: var(--gap-2xs);
 }
-.picker-button__open_dvipe {
+.picker-button__open_1k04l {
     transform: var(--arrow-transform);
 }

package/picker-button/modern/index.css

@@ -1,4 +1,4 @@
-/* hash: cb0x3 */
+/* hash: 1r1o0 */
 :root {
 
     /* Hard */
@@ -15,22 +15,22 @@
 :root {
     --border-radius-m: 8px;
 }
-.picker-button__container_4p9wi {
+.picker-button__container_25luf {
     min-width: auto;
 }
-.cc-picker-button.picker-button__optionsPopover_4p9wi {
+.cc-picker-button.picker-button__optionsPopover_25luf {
         padding: var(--gap-2xs) 0
     }
-.cc-picker-button.picker-button__optionsPopover_4p9wi.picker-button__sideGap_4p9wi {
+.cc-picker-button.picker-button__optionsPopover_25luf.picker-button__sideGap_25luf {
             padding: 0 var(--gap-xs);
         }
-.cc-picker-button .picker-button__optionsListContainer_4p9wi {
+.cc-picker-button .picker-button__optionsListContainer_25luf {
         border-radius: var(--border-radius-m);
     }
-.cc-picker-button .picker-button__option_4p9wi {
+.cc-picker-button .picker-button__option_25luf {
         padding: 0 var(--gap-m)
     }
-.cc-picker-button .picker-button__option_4p9wi:before {
+.cc-picker-button .picker-button__option_25luf: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';
 
-const styles = {"container":"picker-button__container_1g1ys","icon":"picker-button__icon_1g1ys","content":"picker-button__content_1g1ys"};
+const styles = {"container":"picker-button__container_tta1n","icon":"picker-button__icon_tta1n","content":"picker-button__content_tta1n"};
 require('./index.css');
 
 const Option = ({ option, children, ...restProps }) => {

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

@@ -1,4 +1,4 @@
-/* hash: 1phwa */
+/* hash: 157fb */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_1g1ys {
+.picker-button__container_tta1n {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_1g1ys {
+.picker-button__icon_tta1n {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_1g1ys {
+.picker-button__content_tta1n {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/option/Component.js

@@ -1,4 +1,4 @@
-var tslib_es6 = require('../tslib.es6-5a652c21.js');
+var tslib_es6 = require('../tslib.es6-0de3999d.js');
 var React = require('react');
 var coreComponentsSelect = require('../../select');
 
@@ -6,7 +6,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"container":"picker-button__container_1g1ys","icon":"picker-button__icon_1g1ys","content":"picker-button__content_1g1ys"};
+var styles = {"container":"picker-button__container_tta1n","icon":"picker-button__icon_tta1n","content":"picker-button__content_tta1n"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/option/index.css

@@ -1,4 +1,4 @@
-/* hash: 1phwa */
+/* hash: 157fb */
 :root {
 
     /* Hard */
@@ -10,15 +10,15 @@
 :root {
     --gap-s: 12px;
 }
-.picker-button__container_1g1ys {
+.picker-button__container_tta1n {
     display: flex;
     align-items: center;
 }
-.picker-button__icon_1g1ys {
+.picker-button__icon_tta1n {
     display: flex;
     margin-right: var(--gap-s);
 }
-.picker-button__content_1g1ys {
+.picker-button__content_tta1n {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/option/index.js

@@ -1,5 +1,5 @@
 var option_Component = require('./Component.js');
-require('../tslib.es6-5a652c21.js');
+require('../tslib.es6-0de3999d.js');
 require('react');
 require('../../select');
 

package/picker-button/responsive.js

@@ -1,5 +1,5 @@
 var Component_responsive = require('./Component.responsive.js');
-require('./tslib.es6-5a652c21.js');
+require('./tslib.es6-0de3999d.js');
 require('react');
 require('@alfalab/hooks');
 require('./Component.js');

package/plate/Component.js

@@ -13,7 +13,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"component":"plate__component_wfkw7","foldable":"plate__foldable_wfkw7","focused":"plate__focused_wfkw7","inner":"plate__inner_wfkw7","rounded":"plate__rounded_wfkw7","noBorder":"plate__noBorder_wfkw7","shadow":"plate__shadow_wfkw7","common":"plate__common_wfkw7","negative":"plate__negative_wfkw7","positive":"plate__positive_wfkw7","attention":"plate__attention_wfkw7","custom":"plate__custom_wfkw7","rect":"plate__rect_wfkw7","isHidden":"plate__isHidden_wfkw7","leftAddons":"plate__leftAddons_wfkw7","rightAddons":"plate__rightAddons_wfkw7","subAddons":"plate__subAddons_wfkw7","bold":"plate__bold_wfkw7","light":"plate__light_wfkw7","content":"plate__content_wfkw7","isFolded":"plate__isFolded_wfkw7","contentContainer":"plate__contentContainer_wfkw7","withoutTitle":"plate__withoutTitle_wfkw7","limitWidth":"plate__limitWidth_wfkw7","description":"plate__description_wfkw7","footer":"plate__footer_wfkw7","closer":"plate__closer_wfkw7","folder":"plate__folder_wfkw7","button":"plate__button_wfkw7","rowLimit1":"plate__rowLimit1_wfkw7","rowLimit2":"plate__rowLimit2_wfkw7","rowLimit3":"plate__rowLimit3_wfkw7"};
+var styles = {"component":"plate__component_ldeui","foldable":"plate__foldable_ldeui","focused":"plate__focused_ldeui","inner":"plate__inner_ldeui","rounded":"plate__rounded_ldeui","noBorder":"plate__noBorder_ldeui","shadow":"plate__shadow_ldeui","common":"plate__common_ldeui","negative":"plate__negative_ldeui","positive":"plate__positive_ldeui","attention":"plate__attention_ldeui","custom":"plate__custom_ldeui","rect":"plate__rect_ldeui","isHidden":"plate__isHidden_ldeui","leftAddons":"plate__leftAddons_ldeui","rightAddons":"plate__rightAddons_ldeui","subAddons":"plate__subAddons_ldeui","bold":"plate__bold_ldeui","light":"plate__light_ldeui","content":"plate__content_ldeui","isFolded":"plate__isFolded_ldeui","contentContainer":"plate__contentContainer_ldeui","withoutTitle":"plate__withoutTitle_ldeui","limitWidth":"plate__limitWidth_ldeui","description":"plate__description_ldeui","footer":"plate__footer_ldeui","closer":"plate__closer_ldeui","folder":"plate__folder_ldeui","button":"plate__button_ldeui","rowLimit1":"plate__rowLimit1_ldeui","rowLimit2":"plate__rowLimit2_ldeui","rowLimit3":"plate__rowLimit3_ldeui"};
 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_wfkw7","foldable":"plate__foldable_wfkw7","focused":"plate__focused_wfkw7","inner":"plate__inner_wfkw7","rounded":"plate__rounded_wfkw7","noBorder":"plate__noBorder_wfkw7","shadow":"plate__shadow_wfkw7","common":"plate__common_wfkw7","negative":"plate__negative_wfkw7","positive":"plate__positive_wfkw7","attention":"plate__attention_wfkw7","custom":"plate__custom_wfkw7","rect":"plate__rect_wfkw7","isHidden":"plate__isHidden_wfkw7","leftAddons":"plate__leftAddons_wfkw7","rightAddons":"plate__rightAddons_wfkw7","subAddons":"plate__subAddons_wfkw7","bold":"plate__bold_wfkw7","light":"plate__light_wfkw7","content":"plate__content_wfkw7","isFolded":"plate__isFolded_wfkw7","contentContainer":"plate__contentContainer_wfkw7","withoutTitle":"plate__withoutTitle_wfkw7","limitWidth":"plate__limitWidth_wfkw7","description":"plate__description_wfkw7","footer":"plate__footer_wfkw7","closer":"plate__closer_wfkw7","folder":"plate__folder_wfkw7","button":"plate__button_wfkw7","rowLimit1":"plate__rowLimit1_wfkw7","rowLimit2":"plate__rowLimit2_wfkw7","rowLimit3":"plate__rowLimit3_wfkw7"};
+var styles = {"component":"plate__component_ldeui","foldable":"plate__foldable_ldeui","focused":"plate__focused_ldeui","inner":"plate__inner_ldeui","rounded":"plate__rounded_ldeui","noBorder":"plate__noBorder_ldeui","shadow":"plate__shadow_ldeui","common":"plate__common_ldeui","negative":"plate__negative_ldeui","positive":"plate__positive_ldeui","attention":"plate__attention_ldeui","custom":"plate__custom_ldeui","rect":"plate__rect_ldeui","isHidden":"plate__isHidden_ldeui","leftAddons":"plate__leftAddons_ldeui","rightAddons":"plate__rightAddons_ldeui","subAddons":"plate__subAddons_ldeui","bold":"plate__bold_ldeui","light":"plate__light_ldeui","content":"plate__content_ldeui","isFolded":"plate__isFolded_ldeui","contentContainer":"plate__contentContainer_ldeui","withoutTitle":"plate__withoutTitle_ldeui","limitWidth":"plate__limitWidth_ldeui","description":"plate__description_ldeui","footer":"plate__footer_ldeui","closer":"plate__closer_ldeui","folder":"plate__folder_ldeui","button":"plate__button_ldeui","rowLimit1":"plate__rowLimit1_ldeui","rowLimit2":"plate__rowLimit2_ldeui","rowLimit3":"plate__rowLimit3_ldeui"};
 require('./index.css');
 
 /* eslint-disable complexity */

package/plate/esm/index.css

@@ -1,4 +1,4 @@
-/* hash: z2sr6 */
+/* hash: 1g1io */
 :root {
     --color-static-status-green: #13a463;
     --color-static-status-grey: #6d7986;
@@ -51,7 +51,7 @@
     --plate-border-color: var(--color-static-status-grey);
     --plate-box-shadow: var(--shadow-s);
 }
-.plate__component_wfkw7 {
+.plate__component_ldeui {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -61,7 +61,7 @@
     padding: var(--gap-s);
     outline: none
 }
-.plate__component_wfkw7:before {
+.plate__component_ldeui:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
@@ -69,26 +69,26 @@
         top: 0;
         left: 0;
     }
-.plate__foldable_wfkw7 {
+.plate__foldable_ldeui {
     cursor: pointer;
 }
-.plate__component_wfkw7 * {
+.plate__component_ldeui * {
     box-sizing: border-box;
 }
-.plate__focused_wfkw7 {
+.plate__focused_ldeui {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
 }
-.plate__inner_wfkw7 {
+.plate__inner_ldeui {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
 }
-.plate__rounded_wfkw7:before, .plate__noBorder_wfkw7:before {
+.plate__rounded_ldeui:before, .plate__noBorder_ldeui:before {
         display: none;
     }
-.plate__shadow_wfkw7:after {
+.plate__shadow_ldeui:after {
     content: '';
     position: absolute;
     top: 0;
@@ -101,87 +101,87 @@
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
 }
-.plate__rounded_wfkw7 {
+.plate__rounded_ldeui {
     border-radius: var(--plate-border-radius)
 }
-.plate__rounded_wfkw7.plate__shadow_wfkw7:after {
+.plate__rounded_ldeui.plate__shadow_ldeui:after {
         border-radius: var(--plate-border-radius);
     }
-.plate__common_wfkw7 {
+.plate__common_ldeui {
     background-color: var(--color-light-specialbg-secondary-transparent);
     box-shadow: var(--plate-border) var(--color-static-status-grey)
 }
-.plate__common_wfkw7:before {
+.plate__common_ldeui:before {
         background-color: var(--color-static-status-grey);
     }
-.plate__negative_wfkw7 {
+.plate__negative_ldeui {
     background-color: var(--color-light-bg-negative-muted);
     box-shadow: var(--plate-border) var(--color-static-status-red)
 }
-.plate__negative_wfkw7:before {
+.plate__negative_ldeui:before {
         background-color: var(--color-static-status-red);
     }
-.plate__positive_wfkw7 {
+.plate__positive_ldeui {
     background-color: var(--color-light-bg-positive-muted);
     box-shadow: var(--plate-border) var(--color-static-status-green)
 }
-.plate__positive_wfkw7:before {
+.plate__positive_ldeui:before {
         background-color: var(--color-static-status-green);
     }
-.plate__attention_wfkw7 {
+.plate__attention_ldeui {
     background-color: var(--color-light-bg-attention-muted);
     box-shadow: var(--plate-border) var(--color-static-status-orange)
 }
-.plate__attention_wfkw7:before {
+.plate__attention_ldeui:before {
         background-color: var(--color-static-status-orange);
     }
-.plate__custom_wfkw7 {
+.plate__custom_ldeui {
     background: var(--plate-background);
     box-shadow: var(--plate-border) var(--plate-border-color)
 }
-.plate__custom_wfkw7:before {
+.plate__custom_ldeui:before {
         background-color: var(--plate-border-color);
     }
-.plate__rect_wfkw7,
-.plate__noBorder_wfkw7 {
+.plate__rect_ldeui,
+.plate__noBorder_ldeui {
     box-shadow: none;
 }
-.plate__isHidden_wfkw7 {
+.plate__isHidden_ldeui {
     display: none;
 }
-.plate__leftAddons_wfkw7,
-.plate__rightAddons_wfkw7 {
+.plate__leftAddons_ldeui,
+.plate__rightAddons_ldeui {
     padding: var(--gap-2xs);
 }
-.plate__leftAddons_wfkw7 {
+.plate__leftAddons_ldeui {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
 }
-.plate__subAddons_wfkw7 {
+.plate__subAddons_ldeui {
     cursor: default;
     align-self: flex-start;
 }
-.plate__bold_wfkw7,
-.plate__light_wfkw7 {
+.plate__bold_ldeui,
+.plate__light_ldeui {
     word-break: break-word;
 }
-.plate__bold_wfkw7 {
+.plate__bold_ldeui {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
 }
-.plate__light_wfkw7 {
+.plate__light_ldeui {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
 }
-.plate__foldable_wfkw7 .plate__content_wfkw7 {
+.plate__foldable_ldeui .plate__content_ldeui {
     max-height: 300vh;
 }
-.plate__content_wfkw7 {
+.plate__content_ldeui {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -190,31 +190,31 @@
     transition: max-height 2s ease-in-out;
     cursor: default
 }
-.plate__content_wfkw7.plate__isFolded_wfkw7.plate__isFolded_wfkw7 {
+.plate__content_ldeui.plate__isFolded_ldeui.plate__isFolded_ldeui {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
     }
-.plate__contentContainer_wfkw7 {
+.plate__contentContainer_ldeui {
     flex: 1;
     margin-right: auto
 }
-.plate__contentContainer_wfkw7.plate__withoutTitle_wfkw7 {
+.plate__contentContainer_ldeui.plate__withoutTitle_ldeui {
         padding-top: var(--gap-3xs);
     }
-.plate__limitWidth_wfkw7 {
+.plate__limitWidth_ldeui {
     max-width: var(--plate-width-limit);
 }
-.plate__description_wfkw7 {
+.plate__description_ldeui {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: var(--gap-2xs) var(--gap-s) var(--gap-2xs) var(--gap-2xs);
 }
-.plate__footer_wfkw7 {
+.plate__footer_ldeui {
     padding: var(--gap-l) 0 var(--gap-2xs) var(--gap-2xs);
 }
-.plate__closer_wfkw7,
-.plate__folder_wfkw7 {
+.plate__closer_ldeui,
+.plate__folder_ldeui {
     display: block;
     height: 24px;
     width: 24px;
@@ -223,37 +223,37 @@
     cursor: pointer;
     margin-left: var(--gap-s)
 }
-.plate__closer_wfkw7:hover, .plate__folder_wfkw7:hover {
+.plate__closer_ldeui:hover, .plate__folder_ldeui:hover {
         opacity: 0.7;
     }
-.plate__closer_wfkw7:active, .plate__folder_wfkw7:active {
+.plate__closer_ldeui:active, .plate__folder_ldeui:active {
         opacity: 0.5;
     }
-.plate__folder_wfkw7 {
+.plate__folder_ldeui {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
 }
-.plate__folder_wfkw7.plate__isFolded_wfkw7 {
+.plate__folder_ldeui.plate__isFolded_ldeui {
         transform: rotate(0deg);
     }
-.plate__button_wfkw7:not(:last-child) {
+.plate__button_ldeui:not(:last-child) {
         margin-right: var(--gap-xs);
     }
-.plate__rowLimit1_wfkw7 {
+.plate__rowLimit1_ldeui {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.plate__rowLimit2_wfkw7 {
+.plate__rowLimit2_ldeui {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
 }
-.plate__rowLimit3_wfkw7 {
+.plate__rowLimit3_ldeui {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;