@alfalab/core-components 47.5.0 → 47.6.0

package/plate/modern/PortalContext-42001efd.js

@@ -0,0 +1,10 @@
+import { createContext } from 'react';
+
+function getDataTestId(dataTestId, element) {
+    const elementPart = element ? `-${element.toLowerCase()}` : '';
+    return dataTestId ? `${dataTestId}${elementPart}` : undefined;
+}
+
+createContext(() => null);
+
+export { getDataTestId as g };

package/plate/modern/browser-a216f694.d.ts

@@ -0,0 +1,6 @@
+declare function isWebkitBased(): boolean;
+declare const browser: {
+    getScrollbarSize: () => number;
+    isWebkitBased: typeof isWebkitBased;
+};
+export { browser };

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

@@ -2,12 +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-42001efd.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_1ityh","foldable":"plate__foldable_1ityh","focused":"plate__focused_1ityh","inner":"plate__inner_1ityh","rounded":"plate__rounded_1ityh","noBorder":"plate__noBorder_1ityh","shadow":"plate__shadow_1ityh","common":"plate__common_1ityh","negative":"plate__negative_1ityh","positive":"plate__positive_1ityh","attention":"plate__attention_1ityh","custom":"plate__custom_1ityh","rect":"plate__rect_1ityh","isHidden":"plate__isHidden_1ityh","leftAddons":"plate__leftAddons_1ityh","rightAddons":"plate__rightAddons_1ityh","subAddons":"plate__subAddons_1ityh","rowReverse":"plate__rowReverse_1ityh","bold":"plate__bold_1ityh","light":"plate__light_1ityh","content":"plate__content_1ityh","isFolded":"plate__isFolded_1ityh","contentContainer":"plate__contentContainer_1ityh","withoutTitle":"plate__withoutTitle_1ityh","limitWidth":"plate__limitWidth_1ityh","description":"plate__description_1ityh","closer":"plate__closer_1ityh","folder":"plate__folder_1ityh","containerButton":"plate__containerButton_1ityh","button":"plate__button_1ityh","rowLimit1":"plate__rowLimit1_1ityh","rowLimit2":"plate__rowLimit2_1ityh","rowLimit3":"plate__rowLimit3_1ityh"};
+const commonStyles = {"component":"plate__component_79per","foldable":"plate__foldable_79per","focused":"plate__focused_79per","inner":"plate__inner_79per","rounded":"plate__rounded_79per","noBorder":"plate__noBorder_79per","shadow":"plate__shadow_79per","common":"plate__common_79per","negative":"plate__negative_79per","positive":"plate__positive_79per","attention":"plate__attention_79per","custom":"plate__custom_79per","rect":"plate__rect_79per","isHidden":"plate__isHidden_79per","leftAddons":"plate__leftAddons_79per","rightAddons":"plate__rightAddons_79per","subAddons":"plate__subAddons_79per","rowReverse":"plate__rowReverse_79per","bold":"plate__bold_79per","light":"plate__light_79per","content":"plate__content_79per","isFolded":"plate__isFolded_79per","contentContainer":"plate__contentContainer_79per","withoutTitle":"plate__withoutTitle_79per","limitWidth":"plate__limitWidth_79per","description":"plate__description_79per","closer":"plate__closer_79per","folder":"plate__folder_79per","containerButton":"plate__containerButton_79per","button":"plate__button_79per","rowLimit1":"plate__rowLimit1_79per","rowLimit2":"plate__rowLimit2_79per","rowLimit3":"plate__rowLimit3_79per"};
 require('./index.css');
 
 /* eslint-disable complexity */
@@ -76,7 +77,7 @@ const BasePlate = forwardRef(({ hasCloser, foldable: foldableProp = false, folde
                     [commonStyles.withoutTitle]: !title && hasAnyAddons,
                     [commonStyles.limitWidth]: limitContentWidth,
                 }) },
-                title && (React.createElement("div", { className: cn(commonStyles[titleView], {
+                title && (React.createElement("div", { "data-test-id": getDataTestId(dataTestId, 'title'), className: cn(commonStyles[titleView], {
                         [styles[titleView]]: Boolean(styles[titleView]),
                     }) }, title)),
                 hasContent && (React.createElement("div", { ref: contentRef, className: cn(commonStyles.content, {

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

@@ -49,7 +49,7 @@
     --plate-background: transparent;
     --plate-border-color: var(--color-light-neutral-translucent-700);
     --plate-box-shadow: var(--shadow-s);
-} .plate__component_1ityh {
+} .plate__component_79per {
     position: relative;
     display: inline-flex;
     box-sizing: border-box;
@@ -58,28 +58,28 @@
     min-height: 56px;
     padding: var(--gap-s);
     outline: none
-} .plate__component_1ityh:before {
+} .plate__component_79per:before {
         content: '';
         width: var(--plate-border-left);
         position: absolute;
         height: 100%;
         top: 0;
         left: 0;
-    } .plate__foldable_1ityh {
+    } .plate__foldable_79per {
     cursor: pointer;
-} .plate__component_1ityh * {
+} .plate__component_79per * {
     box-sizing: border-box;
-} .plate__focused_1ityh {
+} .plate__focused_79per {
     outline: 2px solid var(--focus-color);
     outline-offset: 2px;
-} .plate__inner_1ityh {
+} .plate__inner_79per {
     position: relative;
     width: 100%;
     display: flex;
     justify-content: space-between;
-} .plate__rounded_1ityh:before, .plate__noBorder_1ityh:before {
+} .plate__rounded_79per:before, .plate__noBorder_79per:before {
         display: none;
-    } .plate__shadow_1ityh:after {
+    } .plate__shadow_79per:after {
     content: '';
     position: absolute;
     top: 0;
@@ -91,65 +91,65 @@
     display: block;
     box-shadow: var(--plate-box-shadow);
     pointer-events: none;
-} .plate__rounded_1ityh {
+} .plate__rounded_79per {
     border-radius: var(--plate-border-radius)
-} .plate__rounded_1ityh.plate__shadow_1ityh:after {
+} .plate__rounded_79per.plate__shadow_79per:after {
         border-radius: var(--plate-border-radius);
-    } .plate__common_1ityh {
+    } .plate__common_79per {
     background-color: var(--color-light-neutral-translucent-200);
     border: var(--plate-border-width) solid var(--color-light-neutral-translucent-700)
-} .plate__common_1ityh:before {
+} .plate__common_79per:before {
         background-color: var(--color-light-neutral-translucent-700);
-    } .plate__negative_1ityh {
+    } .plate__negative_79per {
     background-color: var(--color-light-status-muted-negative);
     border: var(--plate-border-width) solid var(--color-light-status-negative)
-} .plate__negative_1ityh:before {
+} .plate__negative_79per:before {
         background-color: var(--color-light-status-negative);
-    } .plate__positive_1ityh {
+    } .plate__positive_79per {
     background-color: var(--color-light-status-muted-positive);
     border: var(--plate-border-width) solid var(--color-light-status-positive)
-} .plate__positive_1ityh:before {
+} .plate__positive_79per:before {
         background-color: var(--color-light-status-positive);
-    } .plate__attention_1ityh {
+    } .plate__attention_79per {
     background-color: var(--color-light-status-muted-attention);
     border: var(--plate-border-width) solid var(--color-light-status-attention)
-} .plate__attention_1ityh:before {
+} .plate__attention_79per:before {
         background-color: var(--color-light-status-attention);
-    } .plate__custom_1ityh {
+    } .plate__custom_79per {
     background: var(--plate-background);
     border: var(--plate-border-width) solid var(--plate-border-color)
-} .plate__custom_1ityh:before {
+} .plate__custom_79per:before {
         background-color: var(--plate-border-color);
-    } .plate__rect_1ityh,
-.plate__noBorder_1ityh {
+    } .plate__rect_79per,
+.plate__noBorder_79per {
     border: none;
-} .plate__isHidden_1ityh {
+} .plate__isHidden_79per {
     display: none;
-} .plate__leftAddons_1ityh,
-.plate__rightAddons_1ityh {
+} .plate__leftAddons_79per,
+.plate__rightAddons_79per {
     display: inline-flex;
     padding: var(--gap-2xs);
-} .plate__leftAddons_1ityh {
+} .plate__leftAddons_79per {
     flex-shrink: 0;
     min-width: 24px;
     margin-right: var(--gap-2xs);
-} .plate__subAddons_1ityh {
+} .plate__subAddons_79per {
     cursor: default;
     align-self: flex-start;
-} .plate__rowReverse_1ityh {
+} .plate__rowReverse_79per {
     display: flex;
     flex-direction: row-reverse;
-} .plate__bold_1ityh,
-.plate__light_1ityh {
+} .plate__bold_79per,
+.plate__light_79per {
     word-break: break-word;
-} .plate__light_1ityh {
+} .plate__light_79per {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__foldable_1ityh .plate__content_1ityh {
+} .plate__foldable_79per .plate__content_79per {
     max-height: 300vh;
-} .plate__content_1ityh {
+} .plate__content_79per {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
@@ -157,22 +157,22 @@
     overflow: hidden;
     transition: max-height 2s ease-in-out;
     cursor: default
-} .plate__content_1ityh.plate__isFolded_1ityh.plate__isFolded_1ityh {
+} .plate__content_79per.plate__isFolded_79per.plate__isFolded_79per {
         max-height: 0;
         transition: max-height 1s cubic-bezier(0, 1, 0, 1);
-    } .plate__contentContainer_1ityh {
+    } .plate__contentContainer_79per {
     flex: 1;
     margin-right: auto
-} .plate__contentContainer_1ityh.plate__withoutTitle_1ityh {
+} .plate__contentContainer_79per.plate__withoutTitle_79per {
         padding-top: var(--gap-3xs);
-    } .plate__limitWidth_1ityh {
+    } .plate__limitWidth_79per {
     max-width: var(--plate-width-limit);
-} .plate__description_1ityh {
+} .plate__description_79per {
     font-size: 14px;
     line-height: 20px;
     font-weight: 400;
-} .plate__closer_1ityh,
-.plate__folder_1ityh {
+} .plate__closer_79per,
+.plate__folder_79per {
     display: block;
     height: 24px;
     width: 24px;
@@ -180,33 +180,33 @@
     transition: opacity 0.2s ease;
     cursor: pointer;
     margin-left: var(--gap-s)
-} .plate__closer_1ityh:hover, .plate__folder_1ityh:hover {
+} .plate__closer_79per:hover, .plate__folder_79per:hover {
         opacity: 0.7;
-    } .plate__closer_1ityh:active, .plate__folder_1ityh:active {
+    } .plate__closer_79per:active, .plate__folder_79per:active {
         opacity: 0.5;
-    } .plate__folder_1ityh {
+    } .plate__folder_79per {
     transition: transform 0.15s ease-in-out, opacity 0.2s ease;
     transform: var(--arrow-transform)
-} .plate__folder_1ityh.plate__isFolded_1ityh {
+} .plate__folder_79per.plate__isFolded_79per {
         transform: rotate(0deg);
-    } .plate__containerButton_1ityh {
+    } .plate__containerButton_79per {
     display: flex;
-} .plate__subAddons_1ityh .plate__button_1ityh:not(:first-child) {
+} .plate__subAddons_79per .plate__button_79per:not(:first-child) {
         margin-right: var(--gap-xs);
-    } .plate__containerButton_1ityh .plate__button_1ityh:not(:last-child) {
+    } .plate__containerButton_79per .plate__button_79per:not(:last-child) {
         margin-right: var(--gap-xs);
-    } .plate__rowLimit1_1ityh {
+    } .plate__rowLimit1_79per {
     -webkit-line-clamp: 1;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
     word-break: break-all;
-} .plate__rowLimit2_1ityh {
+} .plate__rowLimit2_79per {
     -webkit-line-clamp: 2;
     display: -webkit-box;
     -webkit-box-orient: vertical;
     overflow: hidden;
-} .plate__rowLimit3_1ityh {
+} .plate__rowLimit3_79per {
     -webkit-line-clamp: 3;
     display: -webkit-box;
     -webkit-box-orient: vertical;

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

@@ -3,6 +3,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/modern';
+import '../../PortalContext-42001efd.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/desktop/Component.desktop.js

@@ -3,12 +3,13 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
+import '../PortalContext-42001efd.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/button-list/component.js';
 
-const styles = {"bold":"plate__bold_1o8q1","description":"plate__description_1o8q1","footer":"plate__footer_1o8q1"};
+const styles = {"bold":"plate__bold_ymf7y","description":"plate__description_ymf7y","footer":"plate__footer_ymf7y"};
 require('./desktop.css');
 
 const PlateDesktop = forwardRef((restProps, ref) => (React.createElement(BasePlate, { ...restProps, styles: styles, ref: ref })));

package/plate/modern/desktop/desktop.css

@@ -19,13 +19,13 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .plate__bold_1o8q1 {
+} .plate__bold_ymf7y {
     font-size: 18px;
     line-height: 22px;
     font-weight: 700;
     padding: 5px var(--gap-s) 5px var(--gap-2xs);
-} .plate__description_1o8q1 {
+} .plate__description_ymf7y {
     padding: 0 var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_1o8q1 {
+} .plate__footer_ymf7y {
     padding: var(--gap-xs) 0 var(--gap-2xs) var(--gap-2xs);
 }

package/plate/modern/desktop/index.js

@@ -4,6 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
+import '../PortalContext-42001efd.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/index-2f466837.d.ts

@@ -0,0 +1,72 @@
+/// <reference types="react" />
+import React from "react";
+/* eslint-disable no-plusplus, no-param-reassign */
+import { MaskitoPlugin, MaskitoPostprocessor, MaskitoPreprocessor } from "@maskito/core";
+import { useCustomWebkitScrollbar } from "./useCustomWebkitScrollbar-a216f694";
+declare const isClient: () => boolean;
+declare function isApplePlatform(): boolean;
+declare function isIOS(): boolean;
+declare const os: {
+    isIOS: typeof isIOS;
+    isApplePlatform: typeof isApplePlatform;
+};
+type PaddingType = number | string | {
+    top?: number;
+    right?: number;
+    bottom?: number;
+    left?: number;
+};
+declare function createPaddingStyle(padding?: PaddingType): undefined | React.CSSProperties;
+declare function easeInOutQuad(x: number): number;
+declare const easingFns: {
+    easeInOutQuad: typeof easeInOutQuad;
+};
+/**
+ * Возвращает true, если значение равно null или undefined
+ */
+declare function isNil(value: unknown): boolean;
+/**
+ * Выбор значения между min max границами
+ */
+declare function clamp<T extends Date | number>(value: T, min: T, max: T): T;
+declare function noop(): void;
+declare const fnUtils: {
+    clamp: typeof clamp;
+    noop: typeof noop;
+    isNil: typeof isNil;
+};
+/**
+ *  Запрещает каретке становиться за указанные границы
+ */
+declare function caretGuard(guard: (value: string, selection: readonly [
+    from: number,
+    to: number
+]) => [
+    from: number,
+    to: number
+]): MaskitoPlugin;
+/**
+ *  Запрещает удалять указанный префикс
+ */
+declare function prefixPostprocessor(prefix: string): MaskitoPostprocessor;
+/**
+ * Препроцессор необходим для правильной вставки/автокомплита телефонного номера
+ */
+declare function insertionPhonePreprocessor(mask: Array<string | RegExp>, countryCode?: string, clearableCountryCode?: boolean): MaskitoPreprocessor;
+declare const maskUtils: {
+    insertionPhonePreprocessor: typeof insertionPhonePreprocessor;
+    prefixPostprocessor: typeof prefixPostprocessor;
+    caretGuard: typeof caretGuard;
+};
+declare const hooks: {
+    useCustomWebkitScrollbar: typeof useCustomWebkitScrollbar;
+};
+declare function preventDefault(e: React.UIEvent): void;
+declare const dom: {
+    preventDefault: typeof preventDefault;
+};
+declare const exhaustiveCheck: (value: never) => never;
+export { isClient, os, createPaddingStyle, easingFns, fnUtils, maskUtils, hooks, dom, exhaustiveCheck };
+export * from "./PortalContext-42001efd";
+export { PortalContext } from "./PortalContext-42001efd";
+export * from "./browser-a216f694";

package/plate/modern/index.js

@@ -6,6 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
+import './PortalContext-42001efd.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/mobile/Component.mobile.js

@@ -3,12 +3,13 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
+import '../PortalContext-42001efd.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';
 import '../components/button-list/component.js';
 
-const styles = {"bold":"plate__bold_jjw61","description":"plate__description_jjw61","footer":"plate__footer_jjw61"};
+const styles = {"bold":"plate__bold_1v458","description":"plate__description_1v458","footer":"plate__footer_1v458"};
 require('./mobile.css');
 
 const PlateMobile = forwardRef((restProps, ref) => (React.createElement(BasePlate, { ...restProps, styles: styles, ref: ref })));

package/plate/modern/mobile/index.js

@@ -4,6 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
+import '../PortalContext-42001efd.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/mobile/mobile.css

@@ -19,13 +19,13 @@
     /* новые значения, используйте их */
 } :root {
 } :root {
-} .plate__bold_jjw61 {
+} .plate__bold_1v458 {
     font-size: 16px;
     line-height: 20px;
     font-weight: 600;
     padding: 6px var(--gap-s) 6px var(--gap-2xs);
-} .plate__description_jjw61 {
+} .plate__description_1v458 {
     padding: 0 var(--gap-s) var(--gap-2xs) var(--gap-2xs);
-} .plate__footer_jjw61 {
+} .plate__footer_1v458 {
     padding: var(--gap-xs) 0 var(--gap-2xs) var(--gap-2xs);
 }

package/plate/modern/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPlateTestIds } from "../utils";

package/plate/modern/shared/index.js

@@ -0,0 +1,4 @@
+export { getPlateTestIds } from '../utils.js';
+import '../PortalContext-42001efd.js';
+import 'react';
+import '@alfalab/hooks';

package/plate/modern/useCustomWebkitScrollbar-a216f694.d.ts

@@ -0,0 +1,2 @@
+declare function useCustomWebkitScrollbar(): boolean;
+export { useCustomWebkitScrollbar };

package/plate/modern/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getPlateTestIds(dataTestId: string): {
+    wrapper: string;
+    title: string;
+};
+export { getPlateTestIds };

package/plate/modern/utils.js

@@ -0,0 +1,12 @@
+import { g as getDataTestId } from './PortalContext-42001efd.js';
+import 'react';
+import '@alfalab/hooks';
+
+function getPlateTestIds(dataTestId) {
+    return {
+        wrapper: dataTestId,
+        title: getDataTestId(dataTestId, 'title'),
+    };
+}
+
+export { getPlateTestIds };

package/plate/shared/index.d.ts

@@ -0,0 +1 @@
+export { getPlateTestIds } from "../utils";

package/plate/shared/index.js

@@ -0,0 +1,7 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var utils = require('../utils.js');
+
+
+
+exports.getPlateTestIds = utils.getPlateTestIds;

package/plate/useCustomWebkitScrollbar-a216f694.d.ts

@@ -0,0 +1,2 @@
+declare function useCustomWebkitScrollbar(): boolean;
+export { useCustomWebkitScrollbar };

package/plate/utils.d.ts

@@ -0,0 +1,5 @@
+declare function getPlateTestIds(dataTestId: string): {
+    wrapper: string;
+    title: string;
+};
+export { getPlateTestIds };

package/plate/utils.js

@@ -0,0 +1,14 @@
+Object.defineProperty(exports, '__esModule', { value: true });
+
+var PortalContext = require('./PortalContext-57ca61a5.js');
+require('react');
+require('@alfalab/hooks');
+
+function getPlateTestIds(dataTestId) {
+    return {
+        wrapper: dataTestId,
+        title: PortalContext.getDataTestId(dataTestId, 'title'),
+    };
+}
+
+exports.getPlateTestIds = getPlateTestIds;

package/popover/Component.js

@@ -20,7 +20,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var maxSize__default = /*#__PURE__*/_interopDefaultCompat(maxSize);
 
-var styles = {"component":"popover__component_czeti","inner":"popover__inner_czeti","scrollableContent":"popover__scrollableContent_czeti","arrow":"popover__arrow_czeti","enter":"popover__enter_czeti","enterActive":"popover__enterActive_czeti","exit":"popover__exit_czeti","exitActive":"popover__exitActive_czeti"};
+var styles = {"component":"popover__component_18lpv","inner":"popover__inner_18lpv","scrollableContent":"popover__scrollableContent_18lpv","arrow":"popover__arrow_18lpv","enter":"popover__enter_18lpv","enterActive":"popover__enterActive_18lpv","exit":"popover__exit_18lpv","exitActive":"popover__exitActive_18lpv"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/Component.js

@@ -11,7 +11,7 @@ import { Stack } from '../../stack/esm';
 import { useLayoutEffect_SAFE_FOR_SSR } from '@alfalab/hooks';
 import { stackingOrder } from '@alfalab/stack-context';
 
-var styles = {"component":"popover__component_czeti","inner":"popover__inner_czeti","scrollableContent":"popover__scrollableContent_czeti","arrow":"popover__arrow_czeti","enter":"popover__enter_czeti","enterActive":"popover__enterActive_czeti","exit":"popover__exit_czeti","exitActive":"popover__exitActive_czeti"};
+var styles = {"component":"popover__component_18lpv","inner":"popover__inner_18lpv","scrollableContent":"popover__scrollableContent_18lpv","arrow":"popover__arrow_18lpv","enter":"popover__enter_18lpv","enterActive":"popover__enterActive_18lpv","exit":"popover__exit_18lpv","exitActive":"popover__exitActive_18lpv"};
 require('./index.css');
 
 var DEFAULT_TRANSITION = {

package/popover/esm/index.css

@@ -22,23 +22,23 @@
 } :root {
 } :root {
     --popover-border-color: transparent;
-} .popover__component_czeti {
+} .popover__component_18lpv {
     background-color: transparent;
     color: var(--color-light-text-primary);
-} .popover__inner_czeti {
+} .popover__inner_18lpv {
     position: relative;
     background-color: var(--color-light-modal-bg-primary);
     box-shadow: var(--shadow-m);
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     will-change: transform;
-} .popover__scrollableContent_czeti {
+} .popover__scrollableContent_18lpv {
     position: relative;
     z-index: 2;
     overflow-y: auto;
-} .popover__arrow_czeti {
+} .popover__arrow_18lpv {
     z-index: 1;
-} .popover__arrow_czeti:after {
+} .popover__arrow_18lpv:after {
     content: '';
     display: block;
     position: absolute;
@@ -48,51 +48,51 @@
     border: 1px solid var(--popover-border-color);
     box-sizing: border-box;
     transform: rotate(45deg);
-} .popover__component_czeti[data-popper-placement='left'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='left-start'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='left-end'] .popover__arrow_czeti {
+} .popover__component_18lpv[data-popper-placement='left'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='left-start'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='left-end'] .popover__arrow_18lpv {
     right: 5px
-} .popover__component_czeti[data-popper-placement='left'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='left-start'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='left-end'] .popover__arrow_czeti:after {
+} .popover__component_18lpv[data-popper-placement='left'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='left-start'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='left-end'] .popover__arrow_18lpv:after {
         top: -6px;
         border-bottom: none;
         border-left: none;
-    } .popover__component_czeti[data-popper-placement='right'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='right-start'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='right-end'] .popover__arrow_czeti {
+    } .popover__component_18lpv[data-popper-placement='right'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='right-start'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='right-end'] .popover__arrow_18lpv {
     left: -7px
-} .popover__component_czeti[data-popper-placement='right'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='right-start'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='right-end'] .popover__arrow_czeti:after {
+} .popover__component_18lpv[data-popper-placement='right'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='right-start'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='right-end'] .popover__arrow_18lpv:after {
         top: -6px;
         border-top: none;
         border-right: none;
-    } .popover__component_czeti[data-popper-placement='top'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='top-start'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='top-end'] .popover__arrow_czeti {
+    } .popover__component_18lpv[data-popper-placement='top'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='top-start'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='top-end'] .popover__arrow_18lpv {
     bottom: 5px
-} .popover__component_czeti[data-popper-placement='top'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='top-start'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='top-end'] .popover__arrow_czeti:after {
+} .popover__component_18lpv[data-popper-placement='top'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='top-start'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='top-end'] .popover__arrow_18lpv:after {
         left: -6px;
         border-top: none;
         border-left: none;
-    } .popover__component_czeti[data-popper-placement='bottom'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='bottom-start'] .popover__arrow_czeti,
-.popover__component_czeti[data-popper-placement='bottom-end'] .popover__arrow_czeti {
+    } .popover__component_18lpv[data-popper-placement='bottom'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='bottom-start'] .popover__arrow_18lpv,
+.popover__component_18lpv[data-popper-placement='bottom-end'] .popover__arrow_18lpv {
     top: -7px
-} .popover__component_czeti[data-popper-placement='bottom'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='bottom-start'] .popover__arrow_czeti:after, .popover__component_czeti[data-popper-placement='bottom-end'] .popover__arrow_czeti:after {
+} .popover__component_18lpv[data-popper-placement='bottom'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='bottom-start'] .popover__arrow_18lpv:after, .popover__component_18lpv[data-popper-placement='bottom-end'] .popover__arrow_18lpv:after {
         left: -6px;
         border-bottom: none;
         border-right: none;
-    } .popover__enter_czeti .popover__inner_czeti {
+    } .popover__enter_18lpv .popover__inner_18lpv {
     opacity: 0;
     transform: scale(0.98);
-} .popover__enterActive_czeti .popover__inner_czeti {
+} .popover__enterActive_18lpv .popover__inner_18lpv {
     opacity: 1;
     transform: scale(1);
     transition-property: opacity, transform;
     transition-timing-function: ease-in-out;
     transition-duration: 150ms;
-} .popover__exit_czeti .popover__inner_czeti {
+} .popover__exit_18lpv .popover__inner_18lpv {
     opacity: 1;
     transform: scale(1);
-} .popover__exitActive_czeti .popover__inner_czeti {
+} .popover__exitActive_18lpv .popover__inner_18lpv {
     opacity: 0;
     transform: scale(0.98);
     transition-property: opacity, transform;