@alfalab/core-components 47.26.6 → 47.26.8-beta.0

package/plate/esm/components/base-plate/index.css

@@ -32,7 +32,10 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-2: var(--gap-3xs);
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
@@ -53,7 +56,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-light-neutral-translucent-700);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_gafr8 {
+} .plate__component_1pung {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -62,28 +65,28 @@
     min-height: 56px;
     padding: var(--gap-12);
     outline: none
-} .plate__component_gafr8:before {
+} .plate__component_1pung:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: var(--gap-0);
         left: var(--gap-0);
-    } .plate__foldable_gafr8 {
+    } .plate__foldable_1pung {
     cursor: pointer;
-} .plate__component_gafr8 * {
+} .plate__component_1pung * {
     box-sizing: border-box;
-} .plate__focused_gafr8 {
+} .plate__focused_1pung {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_gafr8 {
+} .plate__inner_1pung {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_gafr8:before, .plate__noBorder_gafr8:before {
+} .plate__rounded_1pung:before, .plate__noBorder_1pung:before {
         display: none;
-    } .plate__shadow_gafr8:after {
+    } .plate__shadow_1pung:after {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -95,61 +98,61 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__common_gafr8 {
+} .plate__common_1pung {
     background-color: var(--color-light-neutral-translucent-200);
     border: var(--plate-border-width) solid var(--color-light-neutral-translucent-700)
-} .plate__common_gafr8:before {
+} .plate__common_1pung:before {
         background-color: var(--color-light-neutral-translucent-700);
-    } .plate__negative_gafr8 {
+    } .plate__negative_1pung {
     background-color: var(--color-light-status-muted-negative);
     border: var(--plate-border-width) solid var(--color-light-status-negative)
-} .plate__negative_gafr8:before {
+} .plate__negative_1pung:before {
         background-color: var(--color-light-status-negative);
-    } .plate__positive_gafr8 {
+    } .plate__positive_1pung {
     background-color: var(--color-light-status-muted-positive);
     border: var(--plate-border-width) solid var(--color-light-status-positive)
-} .plate__positive_gafr8:before {
+} .plate__positive_1pung:before {
         background-color: var(--color-light-status-positive);
-    } .plate__attention_gafr8 {
+    } .plate__attention_1pung {
     background-color: var(--color-light-status-muted-attention);
     border: var(--plate-border-width) solid var(--color-light-status-attention)
-} .plate__attention_gafr8:before {
+} .plate__attention_1pung:before {
         background-color: var(--color-light-status-attention);
-    } .plate__custom_gafr8 {
+    } .plate__custom_1pung {
     background: var(--plate-background);
     border: var(--plate-border-width) solid var(--plate-border-color)
-} .plate__custom_gafr8:before {
+} .plate__custom_1pung:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_gafr8,
-.plate__noBorder_gafr8 {
+    } .plate__rect_1pung,
+.plate__noBorder_1pung {
     border: none;
-} .plate__isHidden_gafr8 {
+} .plate__isHidden_1pung {
     display: none;
-} .plate__leftAddons_gafr8,
-.plate__rightAddons_gafr8 {
+} .plate__leftAddons_1pung,
+.plate__rightAddons_1pung {
     display: inline-flex;
     padding: var(--gap-4);
-} .plate__leftAddons_gafr8 {
+} .plate__leftAddons_1pung {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-4);
-} .plate__subAddons_gafr8 {
+} .plate__subAddons_1pung {
     cursor: default;
     align-self: flex-start;
-} .plate__rowReverse_gafr8 {
+} .plate__rowReverse_1pung {
     display: flex;
     flex-direction: row-reverse;
-} .plate__bold_gafr8,
-.plate__light_gafr8 {
+} .plate__bold_1pung,
+.plate__light_1pung {
     word-break: break-word;
-} .plate__light_gafr8 {
+} .plate__light_1pung {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-12) 6px var(--gap-4);
-} .plate__foldable_gafr8 .plate__content_gafr8 {
+} .plate__foldable_1pung .plate__content_1pung {
     max-height: 300vh;
-} .plate__content_gafr8 {
+} .plate__content_1pung {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -157,22 +160,22 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_gafr8.plate__isFolded_gafr8.plate__isFolded_gafr8 {
+} .plate__content_1pung.plate__isFolded_1pung.plate__isFolded_1pung {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_gafr8 {
+    } .plate__contentContainer_1pung {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_gafr8.plate__withoutTitle_gafr8 {
+} .plate__contentContainer_1pung.plate__withoutTitle_1pung {
         padding-top: var(--gap-2);
-    } .plate__limitWidth_gafr8 {
+    } .plate__limitWidth_1pung {
     max-width: var(--plate-width-limit);
-} .plate__description_gafr8 {
+} .plate__description_1pung {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .plate__closer_gafr8,
-.plate__folder_gafr8 {
+} .plate__closer_1pung,
+.plate__folder_1pung {
     display: block;
     height: 24px;
     width: 24px;
@@ -180,33 +183,33 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-12)
-} .plate__closer_gafr8:hover, .plate__folder_gafr8:hover {
+} .plate__closer_1pung:hover, .plate__folder_1pung:hover {
         opacity: 0.7;
-    } .plate__closer_gafr8:active, .plate__folder_gafr8:active {
+    } .plate__closer_1pung:active, .plate__folder_1pung:active {
         opacity: 0.5;
-    } .plate__folder_gafr8 {
+    } .plate__folder_1pung {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_gafr8.plate__isFolded_gafr8 {
+} .plate__folder_1pung.plate__isFolded_1pung {
         transform: rotate(0deg);
-    } .plate__containerButton_gafr8 {
+    } .plate__containerButton_1pung {
     display: flex;
-} .plate__subAddons_gafr8 .plate__button_gafr8:not(:first-child) {
+} .plate__subAddons_1pung .plate__button_1pung:not(:first-child) {
         margin-right: var(--gap-8);
-    } .plate__containerButton_gafr8 .plate__button_gafr8:not(:last-child) {
+    } .plate__containerButton_1pung .plate__button_1pung:not(:last-child) {
         margin-right: var(--gap-8);
-    } .plate__rowLimit1_gafr8 {
+    } .plate__rowLimit1_1pung {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_gafr8 {
+} .plate__rowLimit2_1pung {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_gafr8 {
+} .plate__rowLimit3_1pung {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/plate/esm/components/base-plate/index.js

@@ -4,7 +4,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/esm';
-import '../../PortalContext-7644fcfb.js';
+import '../../PortalContext-bbdf3af1.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/desktop/Component.desktop.js

@@ -4,13 +4,13 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../PortalContext-7644fcfb.js';
+import '../PortalContext-bbdf3af1.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/button-list/component.js';
 
-var styles = {"bold":"plate__bold_1j2jg","description":"plate__description_1j2jg","footer":"plate__footer_1j2jg","rounded":"plate__rounded_1j2jg","shadow":"plate__shadow_1j2jg"};
+var styles = {"bold":"plate__bold_1sa3n","description":"plate__description_1sa3n","footer":"plate__footer_1sa3n","rounded":"plate__rounded_1sa3n","shadow":"plate__shadow_1sa3n"};
 require('./desktop.css');
 
 var PlateDesktop = forwardRef(function (restProps, ref) { return (React.createElement(BasePlate, __assign({}, restProps, { styles: styles, ref: ref }))); });

package/plate/esm/desktop/desktop.css

@@ -21,7 +21,10 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -30,17 +33,17 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --plate-rounded-border-radius-desktop: var(--border-radius-12);
     --plate-rounded-shadow-border-radius-desktop: var(--border-radius-12);
-} .plate__bold_1j2jg {
+} .plate__bold_1sa3n {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-12) 5px var(--gap-4);
-} .plate__description_1j2jg {
+} .plate__description_1sa3n {
     padding: var(--gap-0) var(--gap-12) var(--gap-4) var(--gap-4);
-} .plate__footer_1j2jg {
+} .plate__footer_1sa3n {
     padding: var(--gap-8) var(--gap-0) var(--gap-4) var(--gap-4);
-} .plate__rounded_1j2jg {
+} .plate__rounded_1sa3n {
     border-radius: var(--plate-rounded-border-radius-desktop)
-} .plate__rounded_1j2jg.plate__shadow_1j2jg:after {
+} .plate__rounded_1sa3n.plate__shadow_1sa3n:after {
         border-radius: var(--plate-rounded-shadow-border-radius-desktop);
     }

package/plate/esm/desktop/index.js

@@ -5,7 +5,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../PortalContext-7644fcfb.js';
+import '../PortalContext-bbdf3af1.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/{index-ba3cd492.d.ts → esm/index-4024dd7a.d.ts}

@@ -9,6 +9,14 @@ declare const os: {
     isIOS: typeof isIOS;
     isApplePlatform: typeof isApplePlatform;
 };
+declare const SafeArea: {
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+};
+type Directions = keyof typeof SafeArea;
+declare const getSafeAreaValue: <T extends "top" | "bottom" | "left" | "right">(direction: T) => number | Partial<Record<"top" | "bottom" | "left" | "right", number>>[T];
 type PaddingType = number | string | {
     top?: number;
     right?: number;
@@ -56,10 +64,10 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-export { os, createPaddingStyle, easingFns, maskUtils, hooks, dom, exhaustiveCheck };
+export { os, Directions, getSafeAreaValue, createPaddingStyle, easingFns, maskUtils, hooks, dom, exhaustiveCheck };
 export { useIsMounted } from "./useIsMounted-e793ac44";
-export * from "./PortalContext-44391c42";
-export { PortalContext } from "./PortalContext-44391c42";
+export * from "./PortalContext-bbdf3af1";
+export { PortalContext } from "./PortalContext-bbdf3af1";
 export { getComponentBreakpoint } from "./Component.responsive";
 export * from "./isClient-22e50762";
 export * from "./fnUtils-e793ac44";

package/plate/esm/index.js

@@ -3,7 +3,7 @@ import 'tslib';
 import 'react';
 import '../../mq/esm';
 import '@alfalab/hooks';
-import './PortalContext-7644fcfb.js';
+import './PortalContext-bbdf3af1.js';
 import './desktop/Component.desktop.js';
 import './components/base-plate/Component.js';
 import 'react-merge-refs';

package/plate/esm/mobile/Component.mobile.js

@@ -4,13 +4,13 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../PortalContext-7644fcfb.js';
+import '../PortalContext-bbdf3af1.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/button-list/component.js';
 
-var styles = {"bold":"plate__bold_h4br7","description":"plate__description_h4br7","footer":"plate__footer_h4br7","rounded":"plate__rounded_h4br7","shadow":"plate__shadow_h4br7"};
+var styles = {"bold":"plate__bold_1wfyl","description":"plate__description_1wfyl","footer":"plate__footer_1wfyl","rounded":"plate__rounded_1wfyl","shadow":"plate__shadow_1wfyl"};
 require('./mobile.css');
 
 var PlateMobile = forwardRef(function (restProps, ref) { return (React.createElement(BasePlate, __assign({}, restProps, { styles: styles, ref: ref }))); });

package/plate/esm/mobile/index.js

@@ -5,7 +5,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../PortalContext-7644fcfb.js';
+import '../PortalContext-bbdf3af1.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/mobile/mobile.css

@@ -21,7 +21,10 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -30,17 +33,17 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --plate-rounded-border-radius-mobile: var(--border-radius-12);
     --plate-rounded-shadow-border-radius-mobile: var(--border-radius-12);
-} .plate__bold_h4br7 {
+} .plate__bold_1wfyl {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
     padding: 6px var(--gap-12) 6px var(--gap-4);
-} .plate__description_h4br7 {
+} .plate__description_1wfyl {
     padding: var(--gap-0) var(--gap-12) var(--gap-4) var(--gap-4);
-} .plate__footer_h4br7 {
+} .plate__footer_1wfyl {
     padding: var(--gap-8) var(--gap-0) var(--gap-4) var(--gap-4);
-} .plate__rounded_h4br7 {
+} .plate__rounded_1wfyl {
     border-radius: var(--plate-rounded-border-radius-mobile)
-} .plate__rounded_h4br7.plate__shadow_h4br7:after {
+} .plate__rounded_1wfyl.plate__shadow_1wfyl:after {
         border-radius: var(--plate-rounded-shadow-border-radius-mobile);
     }

package/plate/esm/shared/index.js

@@ -1,4 +1,4 @@
 export { getPlateTestIds } from '../utils.js';
-import '../PortalContext-7644fcfb.js';
+import '../PortalContext-bbdf3af1.js';
 import 'react';
 import '@alfalab/hooks';

package/plate/esm/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './PortalContext-7644fcfb.js';
+import { g as getDataTestId } from './PortalContext-bbdf3af1.js';
 import 'react';
 import '@alfalab/hooks';
 

package/plate/{modern/index-ba3cd492.d.ts → index-4024dd7a.d.ts}

@@ -9,6 +9,14 @@ declare const os: {
     isIOS: typeof isIOS;
     isApplePlatform: typeof isApplePlatform;
 };
+declare const SafeArea: {
+    top: string;
+    bottom: string;
+    left: string;
+    right: string;
+};
+type Directions = keyof typeof SafeArea;
+declare const getSafeAreaValue: <T extends "top" | "bottom" | "left" | "right">(direction: T) => number | Partial<Record<"top" | "bottom" | "left" | "right", number>>[T];
 type PaddingType = number | string | {
     top?: number;
     right?: number;
@@ -56,10 +64,10 @@ declare const dom: {
     preventDefault: typeof preventDefault;
 };
 declare const exhaustiveCheck: (value: never) => never;
-export { os, createPaddingStyle, easingFns, maskUtils, hooks, dom, exhaustiveCheck };
+export { os, Directions, getSafeAreaValue, createPaddingStyle, easingFns, maskUtils, hooks, dom, exhaustiveCheck };
 export { useIsMounted } from "./useIsMounted-e793ac44";
-export * from "./PortalContext-127b704f";
-export { PortalContext } from "./PortalContext-127b704f";
+export * from "./PortalContext-6d5eb7e5";
+export { PortalContext } from "./PortalContext-6d5eb7e5";
 export { getComponentBreakpoint } from "./Component.responsive";
 export * from "./isClient-22e50762";
 export * from "./fnUtils-e793ac44";

package/plate/mobile/Component.mobile.js

@@ -8,7 +8,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 
-var styles = {"bold":"plate__bold_h4br7","description":"plate__description_h4br7","footer":"plate__footer_h4br7","rounded":"plate__rounded_h4br7","shadow":"plate__shadow_h4br7"};
+var styles = {"bold":"plate__bold_1wfyl","description":"plate__description_1wfyl","footer":"plate__footer_1wfyl","rounded":"plate__rounded_1wfyl","shadow":"plate__shadow_1wfyl"};
 require('./mobile.css');
 
 var PlateMobile = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_basePlate_Component.BasePlate, tslib.__assign({}, restProps, { styles: styles, ref: ref }))); });

package/plate/mobile/mobile.css

@@ -21,7 +21,10 @@
     --gap-s: 12px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
-    --gap-0: 0;
+
+    /* no-unit может приводить к проблемам в calc (#1559) */
+    /* stylelint-disable-next-line length-zero-no-unit */
+    --gap-0: 0px;
     --gap-4: var(--gap-2xs);
     --gap-8: var(--gap-xs);
     --gap-12: var(--gap-s);
@@ -30,17 +33,17 @@
 } /* сбрасывает синюю подсветку при нажатии */ :root {
     --plate-rounded-border-radius-mobile: var(--border-radius-12);
     --plate-rounded-shadow-border-radius-mobile: var(--border-radius-12);
-} .plate__bold_h4br7 {
+} .plate__bold_1wfyl {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
     padding: 6px var(--gap-12) 6px var(--gap-4);
-} .plate__description_h4br7 {
+} .plate__description_1wfyl {
     padding: var(--gap-0) var(--gap-12) var(--gap-4) var(--gap-4);
-} .plate__footer_h4br7 {
+} .plate__footer_1wfyl {
     padding: var(--gap-8) var(--gap-0) var(--gap-4) var(--gap-4);
-} .plate__rounded_h4br7 {
+} .plate__rounded_1wfyl {
     border-radius: var(--plate-rounded-border-radius-mobile)
-} .plate__rounded_h4br7.plate__shadow_h4br7:after {
+} .plate__rounded_1wfyl.plate__shadow_1wfyl:after {
         border-radius: var(--plate-rounded-shadow-border-radius-mobile);
     }

package/plate/modern/Component.responsive.js

@@ -1,7 +1,7 @@
 import React, { forwardRef } from 'react';
 import { useMatchMedia } from '../../mq/modern';
 import '@alfalab/hooks';
-import './PortalContext-127b704f.js';
+import './PortalContext-a3423f8c.js';
 import { PlateDesktop } from './desktop/Component.desktop.js';
 import { PlateMobile } from './mobile/Component.mobile.js';
 import './components/base-plate/Component.js';

package/plate/modern/components/base-plate/Component.js

@@ -2,13 +2,13 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/modern';
-import { g as getDataTestId } from '../../PortalContext-127b704f.js';
+import { g as getDataTestId } from '../../PortalContext-a3423f8c.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';
 import { ButtonList } from '../button-list/component.js';
 
-const commonStyles = {"component":"plate__component_gafr8","foldable":"plate__foldable_gafr8","focused":"plate__focused_gafr8","inner":"plate__inner_gafr8","rounded":"plate__rounded_gafr8","noBorder":"plate__noBorder_gafr8","shadow":"plate__shadow_gafr8","common":"plate__common_gafr8","negative":"plate__negative_gafr8","positive":"plate__positive_gafr8","attention":"plate__attention_gafr8","custom":"plate__custom_gafr8","rect":"plate__rect_gafr8","isHidden":"plate__isHidden_gafr8","leftAddons":"plate__leftAddons_gafr8","rightAddons":"plate__rightAddons_gafr8","subAddons":"plate__subAddons_gafr8","rowReverse":"plate__rowReverse_gafr8","bold":"plate__bold_gafr8","light":"plate__light_gafr8","content":"plate__content_gafr8","isFolded":"plate__isFolded_gafr8","contentContainer":"plate__contentContainer_gafr8","withoutTitle":"plate__withoutTitle_gafr8","limitWidth":"plate__limitWidth_gafr8","description":"plate__description_gafr8","closer":"plate__closer_gafr8","folder":"plate__folder_gafr8","containerButton":"plate__containerButton_gafr8","button":"plate__button_gafr8","rowLimit1":"plate__rowLimit1_gafr8","rowLimit2":"plate__rowLimit2_gafr8","rowLimit3":"plate__rowLimit3_gafr8"};
+const commonStyles = {"component":"plate__component_1pung","foldable":"plate__foldable_1pung","focused":"plate__focused_1pung","inner":"plate__inner_1pung","rounded":"plate__rounded_1pung","noBorder":"plate__noBorder_1pung","shadow":"plate__shadow_1pung","common":"plate__common_1pung","negative":"plate__negative_1pung","positive":"plate__positive_1pung","attention":"plate__attention_1pung","custom":"plate__custom_1pung","rect":"plate__rect_1pung","isHidden":"plate__isHidden_1pung","leftAddons":"plate__leftAddons_1pung","rightAddons":"plate__rightAddons_1pung","subAddons":"plate__subAddons_1pung","rowReverse":"plate__rowReverse_1pung","bold":"plate__bold_1pung","light":"plate__light_1pung","content":"plate__content_1pung","isFolded":"plate__isFolded_1pung","contentContainer":"plate__contentContainer_1pung","withoutTitle":"plate__withoutTitle_1pung","limitWidth":"plate__limitWidth_1pung","description":"plate__description_1pung","closer":"plate__closer_1pung","folder":"plate__folder_1pung","containerButton":"plate__containerButton_1pung","button":"plate__button_1pung","rowLimit1":"plate__rowLimit1_1pung","rowLimit2":"plate__rowLimit2_1pung","rowLimit3":"plate__rowLimit3_1pung"};
 require('./index.css');
 
 /* eslint-disable complexity */