@alfalab/core-components 48.27.5 → 48.28.0

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_kh68u","icon":"picker-button__icon_kh68u","content":"picker-button__content_kh68u"};
+var styles = {"container":"picker-button__container_ae6s4","icon":"picker-button__icon_ae6s4","content":"picker-button__content_ae6s4"};
 require('./index.css');
 
 var Option = function (_a) {

package/picker-button/option/index.css

@@ -23,13 +23,13 @@
     --gap-12: var(--gap-s);
 } :root {
 } /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ /* @deprecated */ :root {
-} /* сбрасывает синюю подсветку при нажатии */ .picker-button__container_kh68u {
+} /* сбрасывает синюю подсветку при нажатии */ .picker-button__container_ae6s4 {
     display: flex;
     align-items: center;
-} .picker-button__icon_kh68u {
+} .picker-button__icon_ae6s4 {
     display: flex;
     margin-right: var(--gap-12);
-} .picker-button__content_kh68u {
+} .picker-button__content_ae6s4 {
     overflow: hidden;
     flex: 1;
     text-overflow: ellipsis;

package/picker-button/transformSize-ebda875c.d.ts

@@ -1,3 +1,3 @@
 import { IconButtonProps } from "./index-ebda875c";
-declare const transformSize: (size?: IconButtonProps['size']) => 24 | 48 | 40 | 32 | 56;
+declare const transformSize: (size?: IconButtonProps['size']) => 24 | 32 | 48 | 40 | 56;
 export { transformSize };

package/picker-button/utils-3abda7a6.d.ts

@@ -0,0 +1,82 @@
+import { ReactNode, RefObject } from 'react';
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-d515b24c";
+declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
+declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
+declare const joinOptions: ({ selected, selectedMultiple, }: {
+    selected?: OptionShape | undefined;
+    selectedMultiple?: OptionShape[] | undefined;
+}) => ReactNode[] | null;
+declare function processOptions(options: BaseSelectProps['options'], selected?: BaseSelectProps['selected'], filterFn?: (option: OptionShape | GroupShape) => boolean, filterGroup?: boolean): {
+    filteredOptions: (OptionShape | GroupShape)[];
+    flatOptions: OptionShape[];
+    selectedOptions: OptionShape[];
+};
+type useVisibleOptionsArgs = {
+    /**
+     * Количество видимых пунктов
+     */
+    visibleOptions: number;
+    /**
+     * Реф на контейнер с пунтами меню
+     */
+    listRef: RefObject<HTMLElement>;
+    /**
+     * Реф на контейнер, которому нужно установить высоту
+     */
+    styleTargetRef?: RefObject<HTMLElement>;
+    /**
+     * Флаг открытия меню
+     */
+    open?: boolean;
+    /**
+     * Позволяет вызвать пересчет высоты
+     */
+    invalidate?: unknown;
+    /**
+     * Список вариантов выбора
+     */
+    options?: Array<OptionShape | GroupShape>;
+    /**
+     * Максимальный размер варианта выбора
+     */
+    size?: Extract<OptionsListProps['size'], number>;
+    /**
+     * Учитывать действительное число вариантов выбора
+     */
+    actualOptionsCount?: boolean;
+};
+declare function useVirtualVisibleOptions({ visibleOptions, listRef, styleTargetRef, open, invalidate, options, size, actualOptionsCount, }: useVisibleOptionsArgs): void;
+declare function useVisibleOptions({ visibleOptions, listRef, open, options, size, actualOptionsCount, }: useVisibleOptionsArgs): readonly [boolean, number | undefined];
+declare function defaultFilterFn(optionText: string, search: string): boolean;
+declare function defaultGroupAccessor(option: GroupShape): string | undefined;
+declare function defaultAccessor(option: OptionShape): string;
+declare function usePrevious<T>(value: T): T | undefined;
+declare const lastIndexOf: <T>(array: T[], predicate: (item: T) => boolean) => number;
+declare function getSelectTestIds(dataTestId: string): {
+    select: string;
+    option: string;
+    optionsList: string;
+    clearButton: string;
+    applyButton: string;
+    field: string;
+    fieldFormControl: string;
+    fieldLeftAddons: string;
+    fieldRightAddons: string;
+    fieldError: string;
+    fieldHint: string;
+    fieldClearIcon: string;
+    searchInput: string;
+    searchFormControl: string;
+    searchInner: string;
+    searchLeftAddons: string;
+    searchRightAddons: string;
+    searchError: string;
+    searchHint: string;
+    bottomSheet: string;
+    bottomSheetHeader: string;
+    bottomSheetContent: string;
+    modal: string;
+    modalHeader: string;
+    modalContent: string;
+};
+export { isGroup, isOptionShape, joinOptions, processOptions, useVirtualVisibleOptions, useVisibleOptions, defaultFilterFn, defaultGroupAccessor, defaultAccessor, usePrevious, lastIndexOf, getSelectTestIds };

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

@@ -5,7 +5,7 @@ var React = require('react');
 var mergeRefs = require('react-merge-refs');
 var cn = require('classnames');
 var coreComponentsIconButton = require('../../../icon-button');
-var warning = require('../../warning-93301d85.js');
+var warning = require('../../warning-5ec59d44.js');
 var hooks = require('@alfalab/hooks');
 var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');
@@ -17,7 +17,7 @@ var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var commonStyles = {"component":"plate__component_1e3nv","customBorder":"plate__customBorder_1e3nv","foldable":"plate__foldable_1e3nv","focused":"plate__focused_1e3nv","inner":"plate__inner_1e3nv","rounded":"plate__rounded_1e3nv","noBorder":"plate__noBorder_1e3nv","shadow":"plate__shadow_1e3nv","common":"plate__common_1e3nv","negative":"plate__negative_1e3nv","positive":"plate__positive_1e3nv","attention":"plate__attention_1e3nv","custom":"plate__custom_1e3nv","rect":"plate__rect_1e3nv","isHidden":"plate__isHidden_1e3nv","leftAddons":"plate__leftAddons_1e3nv","rightAddons":"plate__rightAddons_1e3nv","subAddons":"plate__subAddons_1e3nv","rowReverse":"plate__rowReverse_1e3nv","bold":"plate__bold_1e3nv","light":"plate__light_1e3nv","content":"plate__content_1e3nv","isFolded":"plate__isFolded_1e3nv","contentContainer":"plate__contentContainer_1e3nv","withoutTitle":"plate__withoutTitle_1e3nv","limitWidth":"plate__limitWidth_1e3nv","description":"plate__description_1e3nv","closer":"plate__closer_1e3nv","folder":"plate__folder_1e3nv","containerButton":"plate__containerButton_1e3nv","button":"plate__button_1e3nv","rowLimit1":"plate__rowLimit1_1e3nv","rowLimit2":"plate__rowLimit2_1e3nv","rowLimit3":"plate__rowLimit3_1e3nv"};
+var commonStyles = {"component":"plate__component_10772","customBorder":"plate__customBorder_10772","foldable":"plate__foldable_10772","focused":"plate__focused_10772","inner":"plate__inner_10772","rounded":"plate__rounded_10772","noBorder":"plate__noBorder_10772","shadow":"plate__shadow_10772","common":"plate__common_10772","negative":"plate__negative_10772","positive":"plate__positive_10772","attention":"plate__attention_10772","custom":"plate__custom_10772","rect":"plate__rect_10772","isHidden":"plate__isHidden_10772","leftAddons":"plate__leftAddons_10772","rightAddons":"plate__rightAddons_10772","subAddons":"plate__subAddons_10772","rowReverse":"plate__rowReverse_10772","bold":"plate__bold_10772","light":"plate__light_10772","content":"plate__content_10772","isFolded":"plate__isFolded_10772","contentContainer":"plate__contentContainer_10772","withoutTitle":"plate__withoutTitle_10772","limitWidth":"plate__limitWidth_10772","description":"plate__description_10772","closer":"plate__closer_10772","folder":"plate__folder_10772","containerButton":"plate__containerButton_10772","button":"plate__button_10772","rowLimit1":"plate__rowLimit1_10772","rowLimit2":"plate__rowLimit2_10772","rowLimit3":"plate__rowLimit3_10772"};
 require('./index.css');
 
 /* eslint-disable complexity */

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

@@ -56,7 +56,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-light-neutral-translucent-700);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_1e3nv {
+} .plate__component_10772 {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -65,30 +65,30 @@
     min-height: 56px;
     padding: var(--gap-12);
     outline: none
-} .plate__component_1e3nv:before {
+} .plate__component_10772:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: var(--gap-0);
         left: var(--gap-0);
-    } .plate__component_1e3nv.plate__customBorder_1e3nv:before {
+    } .plate__component_10772.plate__customBorder_10772:before {
         all: unset;
-    } .plate__foldable_1e3nv {
+    } .plate__foldable_10772 {
     cursor: pointer;
-} .plate__component_1e3nv * {
+} .plate__component_10772 * {
     box-sizing: border-box;
-} .plate__focused_1e3nv {
+} .plate__focused_10772 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_1e3nv {
+} .plate__inner_10772 {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_1e3nv:before, .plate__noBorder_1e3nv:before {
+} .plate__rounded_10772:before, .plate__noBorder_10772:before {
         display: none;
-    } .plate__shadow_1e3nv:after {
+    } .plate__shadow_10772:after {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -100,61 +100,61 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__common_1e3nv {
+} .plate__common_10772 {
     background-color: var(--color-light-neutral-translucent-200);
     border: var(--plate-border-width) solid var(--color-light-neutral-translucent-700)
-} .plate__common_1e3nv:before {
+} .plate__common_10772:before {
         background-color: var(--color-light-neutral-translucent-700);
-    } .plate__negative_1e3nv {
+    } .plate__negative_10772 {
     background-color: var(--color-light-status-muted-negative);
     border: var(--plate-border-width) solid var(--color-light-status-negative)
-} .plate__negative_1e3nv:before {
+} .plate__negative_10772:before {
         background-color: var(--color-light-status-negative);
-    } .plate__positive_1e3nv {
+    } .plate__positive_10772 {
     background-color: var(--color-light-status-muted-positive);
     border: var(--plate-border-width) solid var(--color-light-status-positive)
-} .plate__positive_1e3nv:before {
+} .plate__positive_10772:before {
         background-color: var(--color-light-status-positive);
-    } .plate__attention_1e3nv {
+    } .plate__attention_10772 {
     background-color: var(--color-light-status-muted-attention);
     border: var(--plate-border-width) solid var(--color-light-status-attention)
-} .plate__attention_1e3nv:before {
+} .plate__attention_10772:before {
         background-color: var(--color-light-status-attention);
-    } .plate__custom_1e3nv {
+    } .plate__custom_10772 {
     background: var(--plate-background);
     border: var(--plate-border-width) solid var(--plate-border-color)
-} .plate__custom_1e3nv:before {
+} .plate__custom_10772:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_1e3nv,
-.plate__noBorder_1e3nv {
+    } .plate__rect_10772,
+.plate__noBorder_10772 {
     border: none;
-} .plate__isHidden_1e3nv {
+} .plate__isHidden_10772 {
     display: none;
-} .plate__leftAddons_1e3nv,
-.plate__rightAddons_1e3nv {
+} .plate__leftAddons_10772,
+.plate__rightAddons_10772 {
     display: inline-flex;
     padding: var(--gap-4);
-} .plate__leftAddons_1e3nv {
+} .plate__leftAddons_10772 {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-4);
-} .plate__subAddons_1e3nv {
+} .plate__subAddons_10772 {
     cursor: default;
     align-self: flex-start;
-} .plate__rowReverse_1e3nv {
+} .plate__rowReverse_10772 {
     display: flex;
     flex-direction: row-reverse;
-} .plate__bold_1e3nv,
-.plate__light_1e3nv {
+} .plate__bold_10772,
+.plate__light_10772 {
     word-break: break-word;
-} .plate__light_1e3nv {
+} .plate__light_10772 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-12) 6px var(--gap-4);
-} .plate__foldable_1e3nv .plate__content_1e3nv {
+} .plate__foldable_10772 .plate__content_10772 {
     max-height: 300vh;
-} .plate__content_1e3nv {
+} .plate__content_10772 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -162,22 +162,22 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_1e3nv.plate__isFolded_1e3nv.plate__isFolded_1e3nv {
+} .plate__content_10772.plate__isFolded_10772.plate__isFolded_10772 {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_1e3nv {
+    } .plate__contentContainer_10772 {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_1e3nv.plate__withoutTitle_1e3nv {
+} .plate__contentContainer_10772.plate__withoutTitle_10772 {
         padding-top: var(--gap-2);
-    } .plate__limitWidth_1e3nv {
+    } .plate__limitWidth_10772 {
     max-width: var(--plate-width-limit);
-} .plate__description_1e3nv {
+} .plate__description_10772 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .plate__closer_1e3nv,
-.plate__folder_1e3nv {
+} .plate__closer_10772,
+.plate__folder_10772 {
     display: block;
     height: 24px;
     width: 24px;
@@ -185,33 +185,33 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-12)
-} .plate__closer_1e3nv:hover, .plate__folder_1e3nv:hover {
+} .plate__closer_10772:hover, .plate__folder_10772:hover {
         opacity: 0.7;
-    } .plate__closer_1e3nv:active, .plate__folder_1e3nv:active {
+    } .plate__closer_10772:active, .plate__folder_10772:active {
         opacity: 0.5;
-    } .plate__folder_1e3nv {
+    } .plate__folder_10772 {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_1e3nv.plate__isFolded_1e3nv {
+} .plate__folder_10772.plate__isFolded_10772 {
         transform: rotate(0deg);
-    } .plate__containerButton_1e3nv {
+    } .plate__containerButton_10772 {
     display: flex;
-} .plate__subAddons_1e3nv .plate__button_1e3nv:not(:first-child) {
+} .plate__subAddons_10772 .plate__button_10772:not(:first-child) {
         margin-right: var(--gap-8);
-    } .plate__containerButton_1e3nv .plate__button_1e3nv:not(:last-child) {
+    } .plate__containerButton_10772 .plate__button_10772:not(:last-child) {
         margin-right: var(--gap-8);
-    } .plate__rowLimit1_1e3nv {
+    } .plate__rowLimit1_10772 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_1e3nv {
+} .plate__rowLimit2_10772 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_1e3nv {
+} .plate__rowLimit3_10772 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

package/plate/cssm/{index-5cfd696a.d.ts → index-785a2fbf.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from "react";
 import { RefObject } from "react";
-import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor, MaskitoMask } from "@maskito/core";
 import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-e5f2ef37";
 type PaddingType = number | string | {
     top?: number;
@@ -80,6 +80,7 @@ declare const dom: {
 declare const exhaustiveCheck: (value: never) => never;
 // eslint-disable-next-line @typescript-eslint/ban-types
 declare function isFn<T>(value: T): value is T & Function;
+declare function isMaskitoMask(mask: unknown): mask is MaskitoMask;
 /** Тема */
 type Theme = "light" | "dark";
 /** Цвет в hex формате, пример - #ffaa00. */
@@ -123,7 +124,7 @@ type ColorValue = WithThemeColorValue | WithoutThemeColorValue;
  * Есть обработка правил, не подходящие под шаблон.
  */
 declare const translateColors: (colorName: string) => ColorValue;
-export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn, getColorVar, modifyColor, WithThemeColorValue, WithoutThemeColorValue, ColorValue, translateColors };
+export { createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck, isFn, isMaskitoMask, getColorVar, modifyColor, WithThemeColorValue, WithoutThemeColorValue, ColorValue, translateColors };
 export { useIsMounted } from "./useIsMounted-edf8408d";
 export * from "./warning-9845719a";
 export { PortalContext } from "./warning-9845719a";

package/plate/desktop/Component.desktop.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_owasf","description":"plate__description_owasf","footer":"plate__footer_owasf","rounded":"plate__rounded_owasf","shadow":"plate__shadow_owasf"};
+var styles = {"bold":"plate__bold_1ntv4","description":"plate__description_1ntv4","footer":"plate__footer_1ntv4","rounded":"plate__rounded_1ntv4","shadow":"plate__shadow_1ntv4"};
 require('./desktop.css');
 
 var PlateDesktop = React.forwardRef(function (restProps, ref) { return (React__default.default.createElement(components_basePlate_Component.BasePlate, tslib.__assign({}, restProps, { styles: styles, ref: ref }))); });

package/plate/desktop/desktop.css

@@ -33,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_owasf {
+} .plate__bold_1ntv4 {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-12) 5px var(--gap-4);
-} .plate__description_owasf {
+} .plate__description_1ntv4 {
     padding: var(--gap-0) var(--gap-12) var(--gap-4) var(--gap-4);
-} .plate__footer_owasf {
+} .plate__footer_1ntv4 {
     padding: var(--gap-8) var(--gap-0) var(--gap-4) var(--gap-4);
-} .plate__rounded_owasf {
+} .plate__rounded_1ntv4 {
     border-radius: var(--plate-rounded-border-radius-desktop)
-} .plate__rounded_owasf.plate__shadow_owasf:after {
+} .plate__rounded_1ntv4.plate__shadow_1ntv4:after {
         border-radius: var(--plate-rounded-shadow-border-radius-desktop);
     }

package/plate/esm/Component.responsive.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-6fe88005.js';
+import './warning-ccbbc782.js';
 import 'detect-browser';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';

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

@@ -3,14 +3,14 @@ import React, { forwardRef, useRef, useState, useCallback } from 'react';
 import mergeRefs from 'react-merge-refs';
 import cn from 'classnames';
 import { IconButton } from '../../../../icon-button/esm';
-import { g as getDataTestId } from '../../warning-6fe88005.js';
+import { g as getDataTestId } from '../../warning-ccbbc782.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';
 import 'detect-browser';
 
-var commonStyles = {"component":"plate__component_1e3nv","customBorder":"plate__customBorder_1e3nv","foldable":"plate__foldable_1e3nv","focused":"plate__focused_1e3nv","inner":"plate__inner_1e3nv","rounded":"plate__rounded_1e3nv","noBorder":"plate__noBorder_1e3nv","shadow":"plate__shadow_1e3nv","common":"plate__common_1e3nv","negative":"plate__negative_1e3nv","positive":"plate__positive_1e3nv","attention":"plate__attention_1e3nv","custom":"plate__custom_1e3nv","rect":"plate__rect_1e3nv","isHidden":"plate__isHidden_1e3nv","leftAddons":"plate__leftAddons_1e3nv","rightAddons":"plate__rightAddons_1e3nv","subAddons":"plate__subAddons_1e3nv","rowReverse":"plate__rowReverse_1e3nv","bold":"plate__bold_1e3nv","light":"plate__light_1e3nv","content":"plate__content_1e3nv","isFolded":"plate__isFolded_1e3nv","contentContainer":"plate__contentContainer_1e3nv","withoutTitle":"plate__withoutTitle_1e3nv","limitWidth":"plate__limitWidth_1e3nv","description":"plate__description_1e3nv","closer":"plate__closer_1e3nv","folder":"plate__folder_1e3nv","containerButton":"plate__containerButton_1e3nv","button":"plate__button_1e3nv","rowLimit1":"plate__rowLimit1_1e3nv","rowLimit2":"plate__rowLimit2_1e3nv","rowLimit3":"plate__rowLimit3_1e3nv"};
+var commonStyles = {"component":"plate__component_10772","customBorder":"plate__customBorder_10772","foldable":"plate__foldable_10772","focused":"plate__focused_10772","inner":"plate__inner_10772","rounded":"plate__rounded_10772","noBorder":"plate__noBorder_10772","shadow":"plate__shadow_10772","common":"plate__common_10772","negative":"plate__negative_10772","positive":"plate__positive_10772","attention":"plate__attention_10772","custom":"plate__custom_10772","rect":"plate__rect_10772","isHidden":"plate__isHidden_10772","leftAddons":"plate__leftAddons_10772","rightAddons":"plate__rightAddons_10772","subAddons":"plate__subAddons_10772","rowReverse":"plate__rowReverse_10772","bold":"plate__bold_10772","light":"plate__light_10772","content":"plate__content_10772","isFolded":"plate__isFolded_10772","contentContainer":"plate__contentContainer_10772","withoutTitle":"plate__withoutTitle_10772","limitWidth":"plate__limitWidth_10772","description":"plate__description_10772","closer":"plate__closer_10772","folder":"plate__folder_10772","containerButton":"plate__containerButton_10772","button":"plate__button_10772","rowLimit1":"plate__rowLimit1_10772","rowLimit2":"plate__rowLimit2_10772","rowLimit3":"plate__rowLimit3_10772"};
 require('./index.css');
 
 /* eslint-disable complexity */

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

@@ -56,7 +56,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-light-neutral-translucent-700);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_1e3nv {
+} .plate__component_10772 {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -65,30 +65,30 @@
     min-height: 56px;
     padding: var(--gap-12);
     outline: none
-} .plate__component_1e3nv:before {
+} .plate__component_10772:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: var(--gap-0);
         left: var(--gap-0);
-    } .plate__component_1e3nv.plate__customBorder_1e3nv:before {
+    } .plate__component_10772.plate__customBorder_10772:before {
         all: unset;
-    } .plate__foldable_1e3nv {
+    } .plate__foldable_10772 {
     cursor: pointer;
-} .plate__component_1e3nv * {
+} .plate__component_10772 * {
     box-sizing: border-box;
-} .plate__focused_1e3nv {
+} .plate__focused_10772 {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_1e3nv {
+} .plate__inner_10772 {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_1e3nv:before, .plate__noBorder_1e3nv:before {
+} .plate__rounded_10772:before, .plate__noBorder_10772:before {
         display: none;
-    } .plate__shadow_1e3nv:after {
+    } .plate__shadow_10772:after {
     content: '';
     position: absolute;
     top: var(--gap-0);
@@ -100,61 +100,61 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__common_1e3nv {
+} .plate__common_10772 {
     background-color: var(--color-light-neutral-translucent-200);
     border: var(--plate-border-width) solid var(--color-light-neutral-translucent-700)
-} .plate__common_1e3nv:before {
+} .plate__common_10772:before {
         background-color: var(--color-light-neutral-translucent-700);
-    } .plate__negative_1e3nv {
+    } .plate__negative_10772 {
     background-color: var(--color-light-status-muted-negative);
     border: var(--plate-border-width) solid var(--color-light-status-negative)
-} .plate__negative_1e3nv:before {
+} .plate__negative_10772:before {
         background-color: var(--color-light-status-negative);
-    } .plate__positive_1e3nv {
+    } .plate__positive_10772 {
     background-color: var(--color-light-status-muted-positive);
     border: var(--plate-border-width) solid var(--color-light-status-positive)
-} .plate__positive_1e3nv:before {
+} .plate__positive_10772:before {
         background-color: var(--color-light-status-positive);
-    } .plate__attention_1e3nv {
+    } .plate__attention_10772 {
     background-color: var(--color-light-status-muted-attention);
     border: var(--plate-border-width) solid var(--color-light-status-attention)
-} .plate__attention_1e3nv:before {
+} .plate__attention_10772:before {
         background-color: var(--color-light-status-attention);
-    } .plate__custom_1e3nv {
+    } .plate__custom_10772 {
     background: var(--plate-background);
     border: var(--plate-border-width) solid var(--plate-border-color)
-} .plate__custom_1e3nv:before {
+} .plate__custom_10772:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_1e3nv,
-.plate__noBorder_1e3nv {
+    } .plate__rect_10772,
+.plate__noBorder_10772 {
     border: none;
-} .plate__isHidden_1e3nv {
+} .plate__isHidden_10772 {
     display: none;
-} .plate__leftAddons_1e3nv,
-.plate__rightAddons_1e3nv {
+} .plate__leftAddons_10772,
+.plate__rightAddons_10772 {
     display: inline-flex;
     padding: var(--gap-4);
-} .plate__leftAddons_1e3nv {
+} .plate__leftAddons_10772 {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-4);
-} .plate__subAddons_1e3nv {
+} .plate__subAddons_10772 {
     cursor: default;
     align-self: flex-start;
-} .plate__rowReverse_1e3nv {
+} .plate__rowReverse_10772 {
     display: flex;
     flex-direction: row-reverse;
-} .plate__bold_1e3nv,
-.plate__light_1e3nv {
+} .plate__bold_10772,
+.plate__light_10772 {
     word-break: break-word;
-} .plate__light_1e3nv {
+} .plate__light_10772 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-12) 6px var(--gap-4);
-} .plate__foldable_1e3nv .plate__content_1e3nv {
+} .plate__foldable_10772 .plate__content_10772 {
     max-height: 300vh;
-} .plate__content_1e3nv {
+} .plate__content_10772 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -162,22 +162,22 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_1e3nv.plate__isFolded_1e3nv.plate__isFolded_1e3nv {
+} .plate__content_10772.plate__isFolded_10772.plate__isFolded_10772 {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_1e3nv {
+    } .plate__contentContainer_10772 {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_1e3nv.plate__withoutTitle_1e3nv {
+} .plate__contentContainer_10772.plate__withoutTitle_10772 {
         padding-top: var(--gap-2);
-    } .plate__limitWidth_1e3nv {
+    } .plate__limitWidth_10772 {
     max-width: var(--plate-width-limit);
-} .plate__description_1e3nv {
+} .plate__description_10772 {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .plate__closer_1e3nv,
-.plate__folder_1e3nv {
+} .plate__closer_10772,
+.plate__folder_10772 {
     display: block;
     height: 24px;
     width: 24px;
@@ -185,33 +185,33 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-12)
-} .plate__closer_1e3nv:hover, .plate__folder_1e3nv:hover {
+} .plate__closer_10772:hover, .plate__folder_10772:hover {
         opacity: 0.7;
-    } .plate__closer_1e3nv:active, .plate__folder_1e3nv:active {
+    } .plate__closer_10772:active, .plate__folder_10772:active {
         opacity: 0.5;
-    } .plate__folder_1e3nv {
+    } .plate__folder_10772 {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_1e3nv.plate__isFolded_1e3nv {
+} .plate__folder_10772.plate__isFolded_10772 {
         transform: rotate(0deg);
-    } .plate__containerButton_1e3nv {
+    } .plate__containerButton_10772 {
     display: flex;
-} .plate__subAddons_1e3nv .plate__button_1e3nv:not(:first-child) {
+} .plate__subAddons_10772 .plate__button_10772:not(:first-child) {
         margin-right: var(--gap-8);
-    } .plate__containerButton_1e3nv .plate__button_1e3nv:not(:last-child) {
+    } .plate__containerButton_10772 .plate__button_10772:not(:last-child) {
         margin-right: var(--gap-8);
-    } .plate__rowLimit1_1e3nv {
+    } .plate__rowLimit1_10772 {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_1e3nv {
+} .plate__rowLimit2_10772 {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_1e3nv {
+} .plate__rowLimit3_10772 {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;