@alfalab/core-components-picker-button 11.5.3 → 11.6.0

package/src/mobile/Component.mobile.tsx

@@ -70,7 +70,7 @@ export const PickerButtonMobile = forwardRef<HTMLInputElement, PickerButtonMobil
                 }}
                 Field={Field}
                 Optgroup={Optgroup}
-                size={size === 'm' ? 'm' : 's'}
+                size={size === 'm' || size === 56 ? 56 : 48}
                 closeOnSelect={true}
                 fieldProps={{
                     ...fieldDefaultProps,

package/src/types.ts

@@ -1,3 +1,3 @@
-export type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+export type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
 
 export type PickerButtonVariant = 'default' | 'compact';

package/src/utils/index.ts

@@ -5,15 +5,15 @@ import { ChevronDownMIcon } from '@alfalab/icons-glyph/ChevronDownMIcon';
 import { MoreMIcon } from '@alfalab/icons-glyph/MoreMIcon';
 import { MoreSIcon } from '@alfalab/icons-glyph/MoreSIcon';
 
-import { PickerButtonSize, PickerButtonVariant } from '../types';
+import { PickerButtonVariant } from '../types';
 
 export const getIcon = (
     variant: PickerButtonVariant,
-    size: PickerButtonSize,
+    size: string,
 ): FC<SVGProps<SVGSVGElement>> => {
     if (variant === 'compact') {
-        return size === 'xxs' ? MoreSIcon : MoreMIcon;
+        return size === 'size-32' ? MoreSIcon : MoreMIcon;
     }
 
-    return size === 'xxs' || size === 'xs' ? ChevronDownCompactSIcon : ChevronDownMIcon;
+    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon : ChevronDownMIcon;
 };

package/types.d.ts

@@ -1,3 +1,3 @@
-type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl' | 32 | 40 | 48 | 56 | 64 | 72;
 type PickerButtonVariant = 'default' | 'compact';
 export { PickerButtonSize, PickerButtonVariant };

package/{typings-c29389e5.d.ts → typings-70284312.d.ts}

@@ -6,11 +6,11 @@ import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
 import { BaseModalProps } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./types-667e33fd";
-import { BackgroundColorType } from "./index-72dda473";
+import { BackgroundColorType } from "./index-064acd29";
 import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
 import { FormControlProps } from "./index-c44170fe";
-import { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
+import { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 import { PopoverProps } from "@alfalab/core-components-popover";
 import { UseSelectWithApplyProps } from "./field/Component";
 type BottomSheetTitleAlign = "center" | "left";
@@ -328,7 +328,7 @@ type FooterProps = {
     gap?: 16 | 24 | 32;
 };
 declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    size?: "s" | "m" | "l" | "xl" | 500 | "fullscreen" | 600 | 800 | 1140 | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
@@ -337,7 +337,7 @@ declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-b
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<import("./typings-8a2a8ad1").ContentProps>;
+    Content: React.FC<import("./typings-88b743b5").ContentProps>;
     Footer: React.FC<FooterProps>;
     Controls: React.FC<ControlsProps>;
 };
@@ -491,12 +491,14 @@ type BaseSelectProps = {
     multiple?: boolean;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Размер пунктов меню
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    optionsSize?: 's' | 'm' | 'l' | 'xl';
+    optionsSize?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Растягивает компонент на ширину контейнера
      */
@@ -761,8 +763,9 @@ type OptionsListProps = {
     scrollbarClassName?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Компонент пункта меню
      */
@@ -864,8 +867,9 @@ type OptgroupProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Заголовок группы
      */
@@ -882,8 +886,9 @@ type OptionProps = {
     className?: string;
     /**
      * Размер компонента
+     * @description s, m, l, xl deprecated, используйте вместо них 48, 56, 64, 72 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl';
+    size?: 's' | 'm' | 'l' | 'xl' | 48 | 56 | 64 | 72;
     /**
      * Контент пункта меню
      */
@@ -1041,8 +1046,8 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
 };
 export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, getModalTestIds, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
 export type { BottomSheetProps, BottomSheetTitleAlign, HeaderProps as ModalHeaderProps, FooterProps as ModalFooterProps };
-export { ModalResponsiveProps as ModalProps } from "./typings-8a2a8ad1";
+export { ModalResponsiveProps as ModalProps } from "./typings-88b743b5";
 export { ModalContext } from "./Context-c2e6f1b2";
-export type { ContentProps as ModalContentProps } from "./typings-8a2a8ad1";
+export type { ContentProps as ModalContentProps } from "./typings-88b743b5";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/{cssm/typings-8a2a8ad1.d.ts → typings-88b743b5.d.ts}

@@ -3,9 +3,10 @@ import { BaseModalProps } from "./index-bdb4c6b9";
 type ModalDesktopProps = BaseModalProps & {
     /**
      * Ширина модального окна
-     * @default "m"
+     * @default 600
+     * @description s, m, l, xl deprecated, используйте вместо них 500, 600, 800, 1140 соответственно
      */
-    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen';
+    size?: 's' | 'm' | 'l' | 'xl' | 'fullscreen' | 500 | 600 | 800 | 1140;
     /**
      * Растягивает модальное окно на весь экран
      * @deprecated Используйте размер fullscreen

package/utils/index.d.ts

@@ -1,4 +1,4 @@
 import { FC, SVGProps } from 'react';
-import { PickerButtonSize, PickerButtonVariant } from "../types";
-declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
+import { PickerButtonVariant } from "../types";
+declare const getIcon: (variant: PickerButtonVariant, size: string) => FC<SVGProps<SVGSVGElement>>;
 export { getIcon };

package/utils/index.js

@@ -9,9 +9,9 @@ var MoreSIcon = require('@alfalab/icons-glyph/MoreSIcon');
 
 var getIcon = function (variant, size) {
     if (variant === 'compact') {
-        return size === 'xxs' ? MoreSIcon.MoreSIcon : MoreMIcon.MoreMIcon;
+        return size === 'size-32' ? MoreSIcon.MoreSIcon : MoreMIcon.MoreMIcon;
     }
-    return size === 'xxs' || size === 'xs' ? ChevronDownCompactSIcon.ChevronDownCompactSIcon : ChevronDownMIcon.ChevronDownMIcon;
+    return ['size-40', 'size-32'].includes(size) ? ChevronDownCompactSIcon.ChevronDownCompactSIcon : ChevronDownMIcon.ChevronDownMIcon;
 };
 
 exports.getIcon = getIcon;

package/utils-89376c31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-c29389e5";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-70284312";
 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/consts-f777ba1a.d.ts

@@ -1,2 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-export { DEFAULT_VISIBLE_OPTIONS };

package/cssm/consts-f777ba1a.d.ts

@@ -1,2 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-export { DEFAULT_VISIBLE_OPTIONS };

package/esm/consts-f777ba1a.d.ts

@@ -1,2 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-export { DEFAULT_VISIBLE_OPTIONS };

package/modern/consts-f777ba1a.d.ts

@@ -1,2 +0,0 @@
-declare const DEFAULT_VISIBLE_OPTIONS = 5;
-export { DEFAULT_VISIBLE_OPTIONS };