@alfalab/core-components-picker-button 11.3.3 → 11.4.0

package/{esm/typings-e63ec8aa.d.ts → cssm/typings-c29389e5.d.ts}

@@ -1,208 +1,19 @@
 /// <reference types="react-transition-group" />
 /// <reference types="react" />
 import React from "react";
-import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, KeyboardEvent, MouseEvent, MutableRefObject, Ref, AriaAttributes, FocusEvent, RefAttributes, SVGProps } from "react";
+import { HTMLAttributes, ReactElement, ReactNode, RefObject, FC, AriaAttributes, FocusEvent, MouseEvent, RefAttributes, SVGProps } from "react";
 import { HandledEvents } from "react-swipeable/es/types";
 import { TransitionProps } from "react-transition-group/Transition";
-import { CSSTransitionClassNames } from "react-transition-group/CSSTransition";
+import { BaseModalProps, BaseModalContext } from "./index-bdb4c6b9";
 import { NavigationBarProps } from "./types-667e33fd";
 import { BackgroundColorType } from "./index-72dda473";
-import { BaseInputProps } from "./index-ebda875c";
+import { BaseInputProps, BackdropProps } from "./index-ebda875c";
 import { SwipeableHandlers } from "react-swipeable";
+import { ContentProps } from "./typings-08e5596c";
+import { ModalResponsiveProps as ModalProps } from "./typings-08e5596c";
 import { FormControlProps } from "./index-c44170fe";
 import { PopoverProps } from "@alfalab/core-components-popover";
 import { UseSelectWithApplyProps } from "./field/Component";
-type BackdropProps = Partial<TransitionProps> & {
-    /**
-     * Прозрачный бэкдроп
-     */
-    invisible?: boolean;
-    /**
-     * Управляет видимостью компонента
-     */
-    open: boolean;
-    /**
-     * Обработчик клика по бэкдропу
-     */
-    onClose?: (event: MouseEvent<HTMLElement>) => void;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Классы анимации
-     *
-     * http://reactcommunity.org/react-transition-group/css-transition#CSSTransition-prop-classNames
-     */
-    transitionClassNames?: string | CSSTransitionClassNames;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * Дочерние элементы.
-     */
-    children?: ReactNode;
-};
-type PortalProps = {
-    /** Контент */
-    children?: ReactNode;
-    /**
-     * Функция, возвращающая контейнер, в который будут рендериться дочерние элементы
-     */
-    getPortalContainer?: () => Element;
-    /**
-     * Немедленно отрендерить дочерние элементы (false - контент будет отрендерен на след. рендер).
-     */
-    immediateMount?: boolean;
-};
-type BaseModalProps = {
-    /**
-     * Контент
-     */
-    children?: ReactNode;
-    /**
-     * Компонент бэкдропа
-     */
-    Backdrop?: FC<BackdropProps>;
-    /**
-     * Свойства для Бэкдропа
-     */
-    backdropProps?: Partial<BackdropProps> & Record<string, unknown>;
-    /**
-     * Нода, компонент или функция возвращающая их
-     *
-     * Контейнер к которому будут добавляться порталы
-     */
-    container?: PortalProps["getPortalContainer"];
-    /**
-     * Отключает автоматический перевод фокуса на модалку при открытии
-     * @default false
-     */
-    disableAutoFocus?: boolean;
-    /**
-     * Отключает ловушку фокуса
-     * @default false
-     */
-    disableFocusLock?: boolean;
-    /**
-     * Отключает восстановление фокуса на предыдущем элементе после закрытия модалки
-     * @default false
-     */
-    disableRestoreFocus?: boolean;
-    /**
-     * Отключает вызов `callback` при нажатии Escape
-     * @default false
-     */
-    disableEscapeKeyDown?: boolean;
-    /**
-     * Отключает вызов `callback` при клике на бэкдроп
-     * @default false
-     */
-    disableBackdropClick?: boolean;
-    /**
-     * Отключает блокировку скролла при открытии модального окна
-     * @default false
-     */
-    disableBlockingScroll?: boolean;
-    /**
-     * Содержимое модалки всегда в DOM
-     * @default false
-     */
-    keepMounted?: boolean;
-    /**
-     * Управление видимостью модалки
-     */
-    open: boolean;
-    /**
-     * Дополнительный класс
-     */
-    className?: string;
-    /**
-     * Дополнительный класс
-     */
-    contentClassName?: string;
-    /**
-     * Дополнительные пропсы на dialog wrapper
-     */
-    wrapperProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительные пропсы на обертку контента
-     */
-    contentProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительные пропсы на компонентную обертку контента
-     */
-    componentDivProps?: React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>;
-    /**
-     * Дополнительный класс для обертки (Modal)
-     */
-    wrapperClassName?: string;
-    /**
-     * Обработчик скролла контента
-     */
-    scrollHandler?: "wrapper" | "content" | MutableRefObject<HTMLDivElement | null>;
-    /**
-     * Пропсы для анимации (CSSTransition)
-     */
-    transitionProps?: Partial<TransitionProps>;
-    /**
-     * Рендерить ли в контейнер через портал.
-     * @default true
-     */
-    usePortal?: boolean;
-    /**
-     * Обработчик события нажатия на бэкдроп
-     */
-    onBackdropClick?: (event: MouseEvent) => void;
-    /**
-     * Обработчик события нажатия на Escape
-     *
-     * Если `disableEscapeKeyDown` - false и модальное окно в фокусе
-     */
-    onEscapeKeyDown?: (event: KeyboardEvent) => void;
-    /**
-     * Обработчик закрытия
-     */
-    onClose?: (event: MouseEvent<HTMLElement> | KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
-    /**
-     * Обработчик события onEntered компонента Transition
-     */
-    onMount?: () => void;
-    /**
-     * Обработчик события onExited компонента Transition
-     */
-    onUnmount?: () => void;
-    /**
-     * Идентификатор для систем автоматизированного тестирования
-     */
-    dataTestId?: string;
-    /**
-     * z-index компонента
-     */
-    zIndex?: number;
-    /**
-     * Реф, который должен быть установлен компонентной области
-     */
-    componentRef?: MutableRefObject<HTMLDivElement | null>;
-};
-type BaseModalContext = {
-    parentRef: React.RefObject<HTMLDivElement>;
-    componentRef: React.RefObject<HTMLDivElement>;
-    hasFooter?: boolean;
-    hasHeader?: boolean;
-    hasScroll?: boolean;
-    headerHighlighted?: boolean;
-    footerHighlighted?: boolean;
-    headerOffset?: number;
-    setHeaderOffset: (offset: number) => void;
-    contentRef: Ref<HTMLElement>;
-    setHasHeader: (exists: boolean) => void;
-    setHasFooter: (exists: boolean) => void;
-    onClose: Required<BaseModalProps>["onClose"];
-};
-// eslint-disable-next-line @typescript-eslint/no-redeclare
-declare const BaseModalContext: React.Context<BaseModalContext>;
 type BottomSheetTitleAlign = "center" | "left";
 type BottomSheetProps = {
     /**
@@ -300,7 +111,8 @@ type BottomSheetProps = {
      */
     transitionProps?: Partial<TransitionProps>;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для заголовка используется модификатор -header
      */
     dataTestId?: string;
     /**
@@ -494,43 +306,9 @@ declare const Input: React.ForwardRefExoticComponent<Omit<BaseInputProps, "FormC
     defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 type HeaderProps = Omit<NavigationBarProps, "size" | "view" | "parentRef">;
-type ModalDesktopProps = BaseModalProps & {
-    /**
-     * Ширина модального окна
-     * @default "m"
-     */
-    size?: "s" | "m" | "l" | "xl" | "fullscreen";
-    /**
-     * Растягивает модальное окно на весь экран
-     * @deprecated Используйте размер fullscreen
-     */
-    fullscreen?: boolean;
-    /**
-     * Фиксирует позицию модального окна после открытия,
-     * предотвращая скачки, если контент внутри будет меняться
-     */
-    fixedPosition?: boolean;
-    /**
-     * Управление наличием закрывающего крестика
-     * @default false
-     */
-    hasCloser?: boolean;
-};
-type ModalResponsiveProps = ModalDesktopProps & {
-    /**
-     * Контрольная точка, с нее начинается desktop версия
-     * @default 1024
-     */
-    breakpoint?: number;
-};
-type View = "desktop" | "mobile";
-type TResponsiveModalContext = {
-    view: View;
-    size: NonNullable<ModalDesktopProps["size"]>;
-};
-type ContentProps = {
+type FooterProps = {
     /**
-     * Контент
+     * Контент футера
      */
     children?: ReactNode;
     /**
@@ -538,43 +316,55 @@ type ContentProps = {
      */
     className?: string;
     /**
-     * Растягивает контент на всю высоту
+     * Фиксирует футер
      */
-    flex?: boolean;
-};
-type FooterProps = {
+    sticky?: boolean;
     /**
-     * Контент футера
+     * Выравнивание элементов футера
      */
-    children?: ReactNode;
+    layout?: "start" | "center" | "space-between" | "column";
     /**
-     * Дополнительный класс
+     * Отступы между элементами футера
      */
-    className?: string;
+    gap?: 16 | 24 | 32;
+};
+interface ControlsProps {
     /**
-     * Фиксирует футер
+     * Основной слот
      */
-    sticky?: boolean;
+    primary?: ReactNode;
+    /**
+     * Дополнительный слот
+     */
+    secondary?: ReactNode;
     /**
      * Выравнивание элементов футера
+     * @default start
      */
     layout?: "start" | "center" | "space-between" | "column";
+    /**
+     * Выравнивание элементов футера (мобильный view)
+     * @default start
+     */
+    mobileLayout?: "start" | "center" | "space-between" | "column";
     /**
      * Отступы между элементами футера
      */
     gap?: 16 | 24 | 32;
-};
-declare const ModalResponsive: React.ForwardRefExoticComponent<BaseModalProps & {
+}
+declare const ModalResponsive: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
     size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
     fullscreen?: boolean | undefined;
     fixedPosition?: boolean | undefined;
     hasCloser?: boolean | undefined;
 } & {
     breakpoint?: number | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
 } & React.RefAttributes<HTMLDivElement>> & {
     Header: React.FC<HeaderProps>;
-    Content: React.FC<ContentProps>;
+    Content: React.FC<import("./typings-08e5596c").ContentProps>;
     Footer: React.FC<FooterProps>;
+    Controls: React.FC<ControlsProps>;
 };
 declare const ModalContext: import("react").Context<BaseModalContext>;
 type FooterProps$0 = {
@@ -597,14 +387,6 @@ type HeaderProps$0 = Omit<NavigationBarProps, "view" | "size"> & {
     headerOffset: number;
 };
 declare const Header$0: FC<HeaderProps$0>;
-declare const Modal: React.ForwardRefExoticComponent<BaseModalProps & {
-    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
-    fullscreen?: boolean | undefined;
-    fixedPosition?: boolean | undefined;
-    hasCloser?: boolean | undefined;
-} & {
-    view: View;
-} & React.RefAttributes<HTMLDivElement>>;
 type SwipeableBackdropProps = BackdropProps & {
     /**
      * Прозрачность бэкдропа
@@ -620,57 +402,7 @@ type SwipeableBackdropProps = BackdropProps & {
     opacityTimeout?: number;
 };
 declare const SwipeableBackdrop: FC<SwipeableBackdropProps>;
-/**
- * Набор констант для z-index соответствующих классов компонентов.
- * Значения выбраны по приоритету.
- */
-declare const stackingOrder: {
-    FOCUSED: number;
-    DEFAULT: number;
-    POPOVER: number;
-    MODAL: number;
-    TOAST: number;
-};
-declare const StackingContext: import("react").Context<number>;
-type StackProps = {
-    /**
-     * Render prop, в который передается функция.
-     * Функция принимает аргумент со значением z-index из текущего контекста.
-     */
-    children: (value: number) => ReactNode;
-    /**
-     * Исходное значение для z-index.
-     * @default 5
-     */
-    value?: number;
-};
-declare const Stack: FC<StackProps>;
-declare const PORTAL_CONTAINER_ATTRIBUTE = "alfa-portal-container";
-declare const getDefaultPortalContainer: () => Element;
-declare function setRef<T>(ref: RefObject<T> | ((instance: T | null) => void) | null | undefined, value: T | null): void;
-type SavedStyle = {
-    value: string;
-    key: string;
-    el: HTMLElement;
-};
-type RestoreStyle = {
-    container: HTMLElement;
-    modals: number;
-    styles: SavedStyle[];
-};
-declare class ModalStore {
-    private readonly restoreStyles;
-    constructor();
-    getRestoreStyles: () => RestoreStyle[];
-}
-declare const getModalStore: () => ModalStore;
-declare class GlobalStore {
-    private readonly modalStore;
-    constructor();
-    getModalStore: () => ModalStore;
-}
 declare const Content: FC<ContentProps>;
-declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
 type AnyObject = Record<string, any>;
 type OptionShape = {
     /**
@@ -712,7 +444,10 @@ type BaseSelectChangePayload = {
 };
 type BaseSelectProps = {
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для пункта меню используется модификатор -option, компонента поиска -search,
+     * компонента выпадающего меню -options-list, компонента BottomSheet -bottom-sheet,
+     * компонента поля -field, компонета FormControl -field-form-control
      */
     dataTestId?: string;
     /**
@@ -1317,7 +1052,9 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalResponsiveProps as ModalProps, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, stackingOrder, StackingContext, StackProps, Stack, PORTAL_CONTAINER_ATTRIBUTE, getDefaultPortalContainer, setRef, getModalStore, GlobalStore, Content, ResponsiveContext, 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, ContentProps as ModalContentProps, SavedStyle };
+export { BottomSheet, CLOSE_OFFSET, HEADER_OFFSET, InputProps, Input, ModalResponsive as Modal, ModalContext, FooterProps$0 as FooterProps, Footer$0 as Footer, HeaderProps$0 as HeaderProps, Header$0 as Header, SwipeableBackdropProps, SwipeableBackdrop, Content, 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-08e5596c";
+export type { ContentProps as ModalContentProps } from "./typings-08e5596c";
 export * from "./Component.desktop-63dec22f";
 export * from "./Component.mobile-96988a65";

package/cssm/utils-d2597f31.d.ts

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape } from "./typings-e63ec8aa";
+import { BaseSelectProps, GroupShape, OptionShape } from "./typings-c29389e5";
 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/desktop/Component.desktop.js

@@ -21,7 +21,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"container":"picker-button__container_1wrm3","optionsPopover":"picker-button__optionsPopover_1wrm3","sideGap":"picker-button__sideGap_1wrm3","option":"picker-button__option_1wrm3"};
+var styles = {"container":"picker-button__container_q0aq2","optionsPopover":"picker-button__optionsPopover_q0aq2","sideGap":"picker-button__sideGap_q0aq2","option":"picker-button__option_q0aq2"};
 require('./../index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/esm/Component-081223cb.d.ts

@@ -95,7 +95,9 @@ type BaseFormControlProps = HTMLAttributes<HTMLDivElement> & {
      */
     rightAddonsProps?: HTMLAttributes<HTMLDivElement>;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для слота слева используется модификатор -left-addons, слота справа -right-addons,
+     * ошибки -error-message, текста подсказки -hint
      */
     dataTestId?: string;
     /**
@@ -199,7 +201,9 @@ declare const BaseFormControl: React.ForwardRefExoticComponent<React.HTMLAttribu
      */
     rightAddonsProps?: React.HTMLAttributes<HTMLDivElement> | undefined;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для слота слева используется модификатор -left-addons, слота справа -right-addons,
+     * ошибки -error-message, текста подсказки -hint
      */
     dataTestId?: string | undefined;
     /**

package/esm/Component-bdb4c6b9.d.ts

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import React from 'react';
+import { View } from "./typings-08e5596c";
+declare const Modal: React.ForwardRefExoticComponent<import("./index-bdb4c6b9").BaseModalProps & {
+    size?: "s" | "m" | "l" | "xl" | "fullscreen" | undefined;
+    fullscreen?: boolean | undefined;
+    fixedPosition?: boolean | undefined;
+    hasCloser?: boolean | undefined;
+} & {
+    view: View;
+} & React.RefAttributes<HTMLDivElement>>;
+export { Modal };

package/{modern/Component-e63ec8aa.d.ts → esm/Component-c29389e5.d.ts}

@@ -1,5 +1,5 @@
 /// <reference types="react" />
 import React from 'react';
-import { OptgroupProps } from "./typings-e63ec8aa";
+import { OptgroupProps } from "./typings-c29389e5";
 declare const Optgroup: ({ children, className, label, size }: OptgroupProps) => React.JSX.Element;
 export { Optgroup };

package/esm/Component-c44170fe.d.ts

@@ -1,7 +1,13 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, ElementType, HTMLAttributes, InputHTMLAttributes, MouseEvent, ReactNode, RefAttributes } from "react";
 import { FormControlProps } from "./index-c44170fe";
+interface ClearButtonProps {
+    disabled?: boolean;
+    onClick: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    colors: "default" | "inverted";
+}
+declare const ClearButton: React.FC<ClearButtonProps>;
 type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type' | 'value' | 'defaultValue' | 'onChange' | 'onClick' | 'onMouseDown' | 'enterKeyHint'> & {
     /**
      * Значение поля ввода
@@ -130,7 +136,8 @@ type BaseInputProps = Omit<InputHTMLAttributes<HTMLInputElement>, 'size' | 'type
      */
     FormControlComponent?: ElementType<FormControlProps & RefAttributes<HTMLDivElement>>;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для FormControl используется модификатор -form-control
      */
     dataTestId?: string;
     /**
@@ -269,7 +276,8 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
         defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
     } & React.RefAttributes<HTMLDivElement>> | undefined;
     /**
-     * Идентификатор для систем автоматизированного тестирования
+     * Идентификатор для систем автоматизированного тестирования.
+     * Для FormControl используется модификатор -form-control
      */
     dataTestId?: string | undefined;
     /**
@@ -278,4 +286,4 @@ declare const BaseInput: React.ForwardRefExoticComponent<Omit<React.InputHTMLAtt
     disableUserInput?: boolean | undefined;
 } & React.RefAttributes<HTMLInputElement>>;
 export * from "./Component-72dda473";
-export { BaseInputProps, BaseInput };
+export { ClearButton, BaseInputProps, BaseInput };

package/esm/ResponsiveContext-08e5596c.d.ts

@@ -0,0 +1,5 @@
+/// <reference types="react" />
+import React from 'react';
+import { TResponsiveModalContext } from "./typings-08e5596c";
+declare const ResponsiveContext: React.Context<TResponsiveModalContext>;
+export { ResponsiveContext };

package/esm/desktop/Component.desktop.js

@@ -12,7 +12,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"container":"picker-button__container_1wrm3","optionsPopover":"picker-button__optionsPopover_1wrm3","sideGap":"picker-button__sideGap_1wrm3","option":"picker-button__option_1wrm3"};
+var styles = {"container":"picker-button__container_q0aq2","optionsPopover":"picker-button__optionsPopover_q0aq2","sideGap":"picker-button__sideGap_q0aq2","option":"picker-button__option_q0aq2"};
 require('./../index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/esm/field/Component.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { ButtonProps } from "@alfalab/core-components-button";
-import { FieldProps as BaseFieldProps } from "../typings-e63ec8aa";
+import { FieldProps as BaseFieldProps } from "../typings-c29389e5";
 import { PickerButtonSize, PickerButtonVariant } from "../types";
 type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
     buttonSize?: PickerButtonSize;

package/esm/field/Component.js

@@ -8,7 +8,7 @@ import '@alfalab/icons-glyph/ChevronDownMIcon';
 import '@alfalab/icons-glyph/MoreMIcon';
 import '@alfalab/icons-glyph/MoreSIcon';
 
-var styles = {"iconContainer":"picker-button__iconContainer_d1k4j","addonsContainer":"picker-button__addonsContainer_d1k4j","showControlIcon":"picker-button__showControlIcon_d1k4j","open":"picker-button__open_d1k4j","linkOpen":"picker-button__linkOpen_d1k4j"};
+var styles = {"iconContainer":"picker-button__iconContainer_qtu41","addonsContainer":"picker-button__addonsContainer_qtu41","showControlIcon":"picker-button__showControlIcon_qtu41","open":"picker-button__open_qtu41","linkOpen":"picker-button__linkOpen_qtu41"};
 require('./index.css')
 
 var Field = function (_a) {

package/esm/field/index.css

@@ -1,7 +1,7 @@
-/* hash: 23qat */
+/* hash: nti2t */
 :root {
 } /* deprecated */ :root {
-    --color-light-neutral-translucent-100: rgba(38, 55, 88, 0.06); /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
+    --color-light-transparent-default-hover: rgba(38, 55, 88, 0.06); /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root { /* 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 */ /* deprecated */ /* deprecated */ /* deprecated */
 } :root {
 } :root {
@@ -17,15 +17,15 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .picker-button__iconContainer_d1k4j {
+} .picker-button__iconContainer_qtu41 {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .picker-button__addonsContainer_d1k4j {
+} .picker-button__addonsContainer_qtu41 {
     display: flex
-} .picker-button__addonsContainer_d1k4j.picker-button__showControlIcon_d1k4j {
+} .picker-button__addonsContainer_qtu41.picker-button__showControlIcon_qtu41 {
         margin-right: var(--gap-2xs);
-    } .picker-button__open_d1k4j {
+    } .picker-button__open_qtu41 {
     transform: var(--arrow-transform);
-} .picker-button__linkOpen_d1k4j:not(:hover) {
-    background-color: var(--color-light-neutral-translucent-100);
+} .picker-button__linkOpen_qtu41:not(:hover) {
+    background-color: var(--color-light-transparent-default-hover);
 }