@alfalab/core-components 48.8.0-beta.0 → 48.8.0

package/picker-button/moderncssm/utils-34f6b81b.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-a9c8f92e";
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-55db088c";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

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

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

package/picker-button/{typings-a9c8f92e.d.ts → typings-55db088c.d.ts}

@@ -795,12 +795,12 @@ type BaseSelectProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -1075,6 +1075,11 @@ type ArrowProps = {
      * Флаг блокировки select'а
      */
     disabled?: boolean;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: BaseSelectProps['size'];
 };
 type OptionsListProps = {
     /**
@@ -1097,7 +1102,7 @@ type OptionsListProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -1217,7 +1222,7 @@ type OptgroupProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -1256,7 +1261,7 @@ type OptionProps = {
      * Размер компонента
      * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
+    size?: 's' | 'm' | 'l' | 'xl' | 40 | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -1442,6 +1447,11 @@ type ClearButtonProps = {
      * Идентификатор для систем автоматизированного тестирования
      */
     dataTestId?: string;
+    /**
+     * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
+     */
+    size?: FormControlProps['size'];
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalContext, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, horizontalDirections, ShouldSkipSwipingParams, useVisibleViewportSize, Typography, Text, Title as TitleDesktop, TitleResponsive, TitleMobile, typographyPresets, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps, ClearButtonProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps, TextProps };

package/picker-button/utils-34f6b81b.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-a9c8f92e";
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-55db088c";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {

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-96e615c8.js');
+var warning = require('../../warning-2b952ade.js');
 var hooks = require('@alfalab/hooks');
 var ChevronDownMIcon = require('@alfalab/icons-glyph/ChevronDownMIcon');
 var CrossMIcon = require('@alfalab/icons-glyph/CrossMIcon');

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-4d2c022b.js';
+import './warning-1506539a.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -3,7 +3,7 @@ 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-4d2c022b.js';
+import { g as getDataTestId } from '../../warning-1506539a.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

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 '../../warning-4d2c022b.js';
+import '../../warning-1506539a.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -4,7 +4,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-4d2c022b.js';
+import '../warning-1506539a.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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 '../warning-4d2c022b.js';
+import '../warning-1506539a.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/index-a8f55d3a.d.ts

@@ -77,7 +77,7 @@ declare const dom: {
 declare const exhaustiveCheck: (value: never) => never;
 export { isClient, os, createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-4d2c022b";
-export { PortalContext } from "./warning-4d2c022b";
+export * from "./warning-1506539a";
+export { PortalContext } from "./warning-1506539a";
 export * from "./fnUtils-edf8408d";
 export * from "./browser-a216f694";

package/plate/esm/index.js

@@ -7,7 +7,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/esm';
-import './warning-4d2c022b.js';
+import './warning-1506539a.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -4,7 +4,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/esm';
-import '../warning-4d2c022b.js';
+import '../warning-1506539a.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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 '../warning-4d2c022b.js';
+import '../warning-1506539a.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/esm/shared/index.js

@@ -1,4 +1,4 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-4d2c022b.js';
+import '../warning-1506539a.js';
 import 'react';
 import '@alfalab/hooks';

package/plate/esm/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-4d2c022b.js';
+import { g as getDataTestId } from './warning-1506539a.js';
 import 'react';
 import '@alfalab/hooks';
 

package/plate/index-a8f55d3a.d.ts

@@ -77,7 +77,7 @@ declare const dom: {
 declare const exhaustiveCheck: (value: never) => never;
 export { isClient, os, createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-96e615c8";
-export { PortalContext } from "./warning-96e615c8";
+export * from "./warning-2b952ade";
+export { PortalContext } from "./warning-2b952ade";
 export * from "./fnUtils-edf8408d";
 export * from "./browser-a216f694";

package/plate/modern/Component.responsive.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-8abdc96e.js';
+import './warning-1014bb30.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -2,7 +2,7 @@ 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 '../../warning-8abdc96e.js';
+import { g as getDataTestId } from '../../warning-1014bb30.js';
 import { useFocus } from '@alfalab/hooks';
 import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { CrossMIcon } from '@alfalab/icons-glyph/CrossMIcon';

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

@@ -3,7 +3,7 @@ import 'react';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../../icon-button/modern';
-import '../../warning-8abdc96e.js';
+import '../../warning-1014bb30.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -3,7 +3,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-8abdc96e.js';
+import '../warning-1014bb30.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/desktop/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-8abdc96e.js';
+import '../warning-1014bb30.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/index-a8f55d3a.d.ts

@@ -77,7 +77,7 @@ declare const dom: {
 declare const exhaustiveCheck: (value: never) => never;
 export { isClient, os, createPaddingStyle, easingFns, maskUtils, isObject, hasOwnProperty, hooks, dom, exhaustiveCheck };
 export { useIsMounted } from "./useIsMounted-edf8408d";
-export * from "./warning-8abdc96e";
-export { PortalContext } from "./warning-8abdc96e";
+export * from "./warning-1014bb30";
+export { PortalContext } from "./warning-1014bb30";
 export * from "./fnUtils-edf8408d";
 export * from "./browser-a216f694";

package/plate/modern/index.js

@@ -6,7 +6,7 @@ import './components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../icon-button/modern';
-import './warning-8abdc96e.js';
+import './warning-1014bb30.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

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

@@ -3,7 +3,7 @@ import { BasePlate } from '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-8abdc96e.js';
+import '../warning-1014bb30.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/mobile/index.js

@@ -4,7 +4,7 @@ import '../components/base-plate/Component.js';
 import 'react-merge-refs';
 import 'classnames';
 import '../../../icon-button/modern';
-import '../warning-8abdc96e.js';
+import '../warning-1014bb30.js';
 import '@alfalab/hooks';
 import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/CrossMIcon';

package/plate/modern/shared/index.js

@@ -1,4 +1,4 @@
 export { getPlateTestIds } from '../utils.js';
-import '../warning-8abdc96e.js';
+import '../warning-1014bb30.js';
 import 'react';
 import '@alfalab/hooks';

package/plate/modern/utils.js

@@ -1,4 +1,4 @@
-import { g as getDataTestId } from './warning-8abdc96e.js';
+import { g as getDataTestId } from './warning-1014bb30.js';
 import 'react';
 import '@alfalab/hooks';
 

package/plate/utils.js

@@ -1,6 +1,6 @@
 Object.defineProperty(exports, '__esModule', { value: true });
 
-var warning = require('./warning-96e615c8.js');
+var warning = require('./warning-2b952ade.js');
 require('react');
 require('@alfalab/hooks');
 

package/popover/Component.d.ts

@@ -1,11 +1,12 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from 'react';
-import { CSSProperties, MutableRefObject, ReactNode, RefObject } from "react";
+import { CSSProperties, MutableRefObject, ReactNode } from "react";
 import { CSSTransitionProps } from 'react-transition-group/CSSTransition';
-import { Placement } from '@floating-ui/react-dom';
-type Position = Placement;
-type PopoverProps<AnchorElement extends HTMLElement = HTMLElement> = {
+import { BasePlacement, VariationPlacement } from '@popperjs/core';
+type RefElement = HTMLElement | null;
+type Position = BasePlacement | VariationPlacement;
+type PopoverProps = {
     /**
      * Управление состоянием поповера (открыт/закрыт)
      */
@@ -13,36 +14,30 @@ type PopoverProps<AnchorElement extends HTMLElement = HTMLElement> = {
     /**
      * Элемент, относительного которого появляется поповер
      */
-    anchorElement: AnchorElement | null | RefObject<AnchorElement>;
+    anchorElement: RefElement;
     /**
      * Использовать ширину родительского элемента
-     * @default false
      */
     useAnchorWidth?: boolean;
     /**
      * Позиционирование поповера
-     * @default left
      */
     position?: Position;
     /**
      * Запрещает поповеру менять свою позицию.
      * Например, если места снизу недостаточно, то он все равно будет показан снизу
-     * @default false
      */
     preventFlip?: boolean;
     /**
      * Запрещает поповеру менять свою позицию, если он не влезает в видимую область.
-     * @default true
      */
     preventOverflow?: boolean;
     /**
-     * Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
-     * @default false
+     *  Позволяет поповеру подствраивать свою высоту под границы экрана, если из-за величины контента он выходит за рамки видимой области экрана
      */
     availableHeight?: boolean;
     /**
      * Если `true`, будет отрисована стрелочка
-     * @default false
      */
     withArrow?: boolean;
     /**
@@ -73,7 +68,6 @@ type PopoverProps<AnchorElement extends HTMLElement = HTMLElement> = {
     transitionDuration?: CSSProperties['transitionDuration'];
     /**
      * Рендерит компонент, обернутый в Transition
-     * @default true
      */
     withTransition?: boolean;
     /**
@@ -82,7 +76,6 @@ type PopoverProps<AnchorElement extends HTMLElement = HTMLElement> = {
     dataTestId?: string;
     /**
      * Хранит функцию, с помощью которой можно обновить положение компонента
-     * @deprecated Отсутствует необходимость использования в связи с миграцией на floating-ui
      */
     update?: MutableRefObject<(() => void) | undefined>;
     /**
@@ -104,5 +97,5 @@ type PopoverProps<AnchorElement extends HTMLElement = HTMLElement> = {
      */
     children?: ReactNode;
 };
-declare const Popover: React.ForwardRefExoticComponent<PopoverProps<HTMLElement> & React.RefAttributes<HTMLDivElement>> & (<AnchorElement extends HTMLElement = HTMLElement>(props: PopoverProps<AnchorElement> & React.RefAttributes<HTMLDivElement>) => React.ReactElement<any, string | React.JSXElementConstructor<any>> | null);
+declare const Popover: React.ForwardRefExoticComponent<PopoverProps & React.RefAttributes<HTMLDivElement>>;
 export { Position, PopoverProps, Popover };