@alfalab/core-components 41.17.0 → 41.19.0-beta.0

package/custom-button/modern/index.css

@@ -24,22 +24,22 @@
 } :root {
 } :root {
 } :root {
-} .custom-button__customButton_39z06 {
+} .custom-button__customButton_4mupy {
     overflow: hidden;
     position: relative;
     border: 0
-} .custom-button__customButton_39z06.custom-button__white_39z06 * {
+} .custom-button__customButton_4mupy.custom-button__white_4mupy * {
         color: var(--color-light-graphic-primary-inverted);
-    } .custom-button__customButton_39z06.custom-button__black_39z06 * {
+    } .custom-button__customButton_4mupy.custom-button__black_4mupy * {
         color: var(--color-light-graphic-primary);
-    } .custom-button__customButton_39z06.custom-button__static-white_39z06 * {
+    } .custom-button__customButton_4mupy.custom-button__static-white_4mupy * {
         color: var(--color-static-graphic-light);
-    } .custom-button__customButton_39z06.custom-button__static-black_39z06 * {
+    } .custom-button__customButton_4mupy.custom-button__static-black_4mupy * {
         color: var(--color-static-graphic-dark);
-    } .custom-button__customButton_39z06 span {
+    } .custom-button__customButton_4mupy span {
         position: relative;
         z-index: 3;
-    } .custom-button__customButton_39z06:before {
+    } .custom-button__customButton_4mupy:before {
         position: absolute;
         left: 0;
         right: 0;
@@ -50,28 +50,28 @@
         transition: 0.2s;
         opacity: 1;
         pointer-events: none;
-    } .custom-button__customButton_39z06.custom-button__darkening_39z06:hover:before {
+    } .custom-button__customButton_4mupy.custom-button__darkening_4mupy:hover:before {
             background-color: var(--color-light-border-key-alpha-7);
-        } .custom-button__customButton_39z06.custom-button__darkening_39z06:active:before {
+        } .custom-button__customButton_4mupy.custom-button__darkening_4mupy:active:before {
             background-color: var(--color-light-border-key-alpha-15);
-        } .custom-button__customButton_39z06.custom-button__lightening_39z06:hover:before {
+        } .custom-button__customButton_4mupy.custom-button__lightening_4mupy:hover:before {
             background-color: var(--color-light-border-key-inverted-alpha-7);
-        } .custom-button__customButton_39z06.custom-button__lightening_39z06:active:before {
+        } .custom-button__customButton_4mupy.custom-button__lightening_4mupy:active:before {
             background-color: var(--color-light-border-key-inverted-alpha-15);
-        } .custom-button__customButton_39z06.custom-button__static-darkening_39z06:hover:before {
+        } .custom-button__customButton_4mupy.custom-button__static-darkening_4mupy:hover:before {
             background-color: rgba(0, 0, 0, 0.07);
-        } .custom-button__customButton_39z06.custom-button__static-darkening_39z06:active:before {
+        } .custom-button__customButton_4mupy.custom-button__static-darkening_4mupy:active:before {
             background-color: rgba(0, 0, 0, 0.15);
-        } .custom-button__customButton_39z06.custom-button__static-lightening_39z06:hover:before {
+        } .custom-button__customButton_4mupy.custom-button__static-lightening_4mupy:hover:before {
             background-color: rgba(255, 255, 255, 0.07);
-        } .custom-button__customButton_39z06.custom-button__static-lightening_39z06:active:before {
+        } .custom-button__customButton_4mupy.custom-button__static-lightening_4mupy:active:before {
             background-color: rgba(255, 255, 255, 0.15);
-        } /* Disabled */ .custom-button__customButton_39z06:disabled {
+        } /* Disabled */ .custom-button__customButton_4mupy:disabled {
     opacity: 0.3
-} .custom-button__customButton_39z06:disabled.custom-button__customLoading_39z06 {
+} .custom-button__customButton_4mupy:disabled.custom-button__customLoading_4mupy {
         opacity: 1;
-    } .custom-button__customButton_39z06:disabled.custom-button__white_39z06 * {
+    } .custom-button__customButton_4mupy:disabled.custom-button__white_4mupy * {
         color: var(--color-static-text-primary-light);
-    } .custom-button__customButton_39z06:disabled.custom-button__black_39z06 * {
+    } .custom-button__customButton_4mupy:disabled.custom-button__black_4mupy * {
         color: var(--color-static-text-primary-dark);
     }

package/custom-picker-button/Component-2aef4eba.d.ts

@@ -0,0 +1,50 @@
+/// <reference types="react" />
+import React from 'react';
+import { FC, SVGProps } from "react";
+import { ButtonProps } from "./index-ebda875c";
+import { BaseSelectProps } from "./index-3e68f8db";
+type PickerButtonSize = 'xxs' | 'xs' | 's' | 'm' | 'l' | 'xl';
+type PickerButtonVariant = 'default' | 'compact';
+type PickerButtonDesktopProps = Omit<BaseSelectProps, 'placeholder' | 'Arrow' | 'autocomplete' | 'size' | 'onFocus' | 'selected' | 'closeOnSelect' | 'multiple' | 'hint' | 'allowUnselect' | 'options'> & Pick<ButtonProps, 'view' | 'loading' | 'leftAddons' | 'rightAddons'> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean;
+};
+declare const PickerButtonDesktop: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: Array<BaseSelectProps['options'][0] & {
+        /**
+         * Иконка, отображающаяся слева от текстового представления пункта
+         */
+        icon?: FC<SVGProps<SVGSVGElement>>;
+    }>;
+    /**
+     * Размер кнопки
+     */
+    size?: PickerButtonSize | undefined;
+    /**
+     * Тип кнопки
+     */
+    variant?: PickerButtonVariant | undefined;
+    /**
+     * Показывать стрелку
+     * @default true
+     */
+    showArrow?: boolean | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonSize, PickerButtonVariant, PickerButtonDesktopProps, PickerButtonDesktop };

package/custom-picker-button/Component-3885b0d7.d.ts

@@ -1,6 +1,71 @@
 /// <reference types="react" />
 import React from 'react';
-import { NavigationBarProps } from "./types-ebda875c";
-declare const NavigationBar: React.ForwardRefExoticComponent<NavigationBarProps & React.RefAttributes<HTMLDivElement>>;
-export * from "./Component-ebda875c";
-export { NavigationBar };
+import { ReactNode } from "react";
+import { BottomSheetProps } from "./index-f12ee135";
+import { BaseSelectProps } from "./typings-5e1b8383";
+type SelectMobileProps = Omit<BaseSelectProps, 'Checkmark' | 'onScroll'> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps>;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<React.ComponentProps<typeof ModalMobile>>;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<React.ComponentProps<typeof ModalMobile.Header>>;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<React.ComponentProps<typeof ModalMobile.Footer>>;
+};
+declare const BaseSelectMobile: React.ForwardRefExoticComponent<Omit<BaseSelectProps, "onScroll" | "Checkmark"> & {
+    /**
+     * Футер
+     * @deprecated Используйте bottomSheetProps.actionButton
+     */
+    footer?: ReactNode;
+    /**
+     * Будет ли свайпаться шторка
+     * @deprecated Используйте bottomSheetProps.swipeable
+     */
+    swipeable?: boolean | undefined;
+    /**
+     * Отображать в BottomSheet
+     */
+    isBottomSheet?: boolean | undefined;
+    /**
+     * Дополнительные пропсы шторки
+     */
+    bottomSheetProps?: Partial<BottomSheetProps> | undefined;
+    /**
+     *  Дополнительные пропсы модалки
+     */
+    modalProps?: Partial<import("./typings-bdb4c6b9").ModalMobileProps & React.RefAttributes<HTMLDivElement>> | undefined;
+    /**
+     *  Дополнительные пропсы шапки модалки
+     */
+    modalHeaderProps?: Partial<import("./Component-5e1b8383").HeaderProps> | undefined;
+    /**
+     *  Дополнительные пропсы футера модалки
+     */
+    modalFooterProps?: Partial<import("./Component.mobile-b2c0420d").FooterProps> | undefined;
+} & React.RefAttributes<unknown>>;
+export * from "./Component.mobile-b2c0420d";
+export { SelectMobileProps, BaseSelectMobile };

package/custom-picker-button/Component-5e1b8383.d.ts

@@ -1,15 +1,4 @@
 /// <reference types="react" />
-import { FC, SVGProps } from "react";
-import { PickerButtonSize, PickerButtonVariant } from "./index-63be8597";
-import { ButtonProps } from "./index-ebda875c";
-import { FieldProps as BaseFieldProps } from "./typings-5e1b8383";
-import { PickerButtonSize as PickerButtonSize$0 } from "./Component-3e68f8db";
-import { PickerButtonVariant as PickerButtonVariant$0 } from "./Component-3e68f8db";
-declare const getIcon: (variant: PickerButtonVariant, size: PickerButtonSize) => FC<SVGProps<SVGSVGElement>>;
-type FieldProps = Omit<BaseFieldProps, 'size' | 'hint' | 'success' | 'error' | 'placeholder'> & ButtonProps & {
-    buttonSize?: PickerButtonSize$0;
-    buttonVariant?: PickerButtonVariant$0;
-    showArrow?: boolean;
-};
-declare const Field: ({ buttonSize, buttonVariant, view, label, open, multiple, rightAddons, Arrow, innerProps, className, selected, selectedMultiple, setSelectedItems, toggleMenu, valueRenderer, showArrow, labelView, ...restProps }: FieldProps) => JSX.Element;
-export { getIcon, Field };
+import { CheckmarkProps } from "./typings-5e1b8383";
+declare const BaseCheckmark: ({ selected, disabled, className, multiple, }: CheckmarkProps) => JSX.Element;
+export { BaseCheckmark };

package/custom-picker-button/{Component.mobile-3e68f8db.d.ts → Component.mobile-ae13210f.d.ts}

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { AdditionalMobileProps } from "./index-3e68f8db";
-import { PickerButtonDesktopProps } from "./Component-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-2aef4eba";
 type PickerButtonMobileProps = Omit<PickerButtonDesktopProps, 'OptionsList' | 'Checkmark' | 'onScroll'> & AdditionalMobileProps;
 declare const PickerButtonMobile: React.ForwardRefExoticComponent<Omit<PickerButtonDesktopProps, "onScroll" | "OptionsList" | "Checkmark"> & AdditionalMobileProps & React.RefAttributes<HTMLInputElement>>;
 export { PickerButtonMobileProps, PickerButtonMobile };

package/custom-picker-button/Component.responsive-2aef4eba.d.ts

@@ -0,0 +1,28 @@
+/// <reference types="react" />
+import React from 'react';
+import { ButtonProps } from "./index-ebda875c";
+import { AdditionalMobileProps } from "./index-3e68f8db";
+import { PickerButtonDesktopProps } from "./Component-2aef4eba";
+type PickerButtonMatchMedia = 'desktop' | 'mobile';
+type PickerButtonResponsiveProps = PickerButtonDesktopProps & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const PickerButtonResponsive: React.ForwardRefExoticComponent<Omit<import("./index-3e68f8db").BaseSelectProps, "size" | "placeholder" | "onFocus" | "selected" | "multiple" | "hint" | "options" | "autocomplete" | "allowUnselect" | "closeOnSelect" | "Arrow"> & Pick<ButtonProps, "view" | "leftAddons" | "rightAddons" | "loading"> & {
+    options: ((import("./index-3e68f8db").OptionShape | import("./index-3e68f8db").GroupShape) & {
+        icon?: React.FC<React.SVGProps<SVGSVGElement>> | undefined;
+    })[];
+    size?: import("./Component-2aef4eba").PickerButtonSize | undefined;
+    variant?: import("./Component-2aef4eba").PickerButtonVariant | undefined;
+    showArrow?: boolean | undefined;
+} & AdditionalMobileProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLInputElement>>;
+export { PickerButtonMatchMedia, PickerButtonResponsiveProps, PickerButtonResponsive };

package/custom-picker-button/Component.responsive.d.ts

@@ -1,7 +1,7 @@
 /// <reference types="react" />
 import React from 'react';
 import { CustomButtonProps } from "../custom-button";
-import { PickerButtonDesktopProps } from "./index-63be8597";
+import { PickerButtonDesktopProps } from "./index-2aef4eba";
 import { AdditionalMobileProps } from "./index-3e68f8db";
 import { CustomPickerButtonDesktopProps } from "./Component.desktop";
 type PickerButtonMatchMedia = 'desktop' | 'mobile';

package/custom-picker-button/component-3885b0d7.d.ts

@@ -4,7 +4,7 @@ import { FC, RefObject, ReactNode } from "react";
 import { NavigationBarProps } from "./index-e81c389f";
 import { SwipeableHandlers } from "react-swipeable";
 import { BackdropProps } from "./index-ebda875c";
-import { BottomSheetProps } from "./types-425c8522";
+import { BottomSheetProps } from "./types-fae20163";
 type HeaderProps = Omit<NavigationBarProps, "view" | "size"> & {
     headerRef: RefObject<HTMLDivElement>;
 };

package/custom-picker-button/esm/field/Component.js

@@ -4,7 +4,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/esm';
 import { getIcon } from '../../../picker-button/esm';
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1vqhs","addonsContainer":"custom-picker-button__addonsContainer_1vqhs","showControlIcon":"custom-picker-button__showControlIcon_1vqhs","open":"custom-picker-button__open_1vqhs"};
 require('./index.css');
 
 var Field = function (_a) {

package/custom-picker-button/esm/field/index.css

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_o94x9 {
+} .custom-picker-button__iconContainer_1vqhs {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_o94x9 {
+} .custom-picker-button__addonsContainer_1vqhs {
     display: flex
-} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
+} .custom-picker-button__addonsContainer_1vqhs.custom-picker-button__showControlIcon_1vqhs {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_o94x9 {
+    } .custom-picker-button__open_1vqhs {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/field/Component.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import { CustomButtonProps } from "../../custom-button";
-import { PickerButtonSize, PickerButtonVariant } from "../index-63be8597";
+import { PickerButtonSize, PickerButtonVariant } from "../index-2aef4eba";
 import { FieldProps as BaseFieldProps } from "../typings-5e1b8383";
 type FieldProps = Pick<BaseFieldProps, 'open' | 'label' | 'innerProps'> & CustomButtonProps & {
     buttonSize?: PickerButtonSize;

package/custom-picker-button/field/Component.js

@@ -11,7 +11,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 
-var styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
+var styles = {"iconContainer":"custom-picker-button__iconContainer_1vqhs","addonsContainer":"custom-picker-button__addonsContainer_1vqhs","showControlIcon":"custom-picker-button__showControlIcon_1vqhs","open":"custom-picker-button__open_1vqhs"};
 require('./index.css');
 
 var Field = function (_a) {

package/custom-picker-button/field/index.css

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_o94x9 {
+} .custom-picker-button__iconContainer_1vqhs {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_o94x9 {
+} .custom-picker-button__addonsContainer_1vqhs {
     display: flex
-} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
+} .custom-picker-button__addonsContainer_1vqhs.custom-picker-button__showControlIcon_1vqhs {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_o94x9 {
+    } .custom-picker-button__open_1vqhs {
     transform: var(--arrow-transform);
 }

package/custom-picker-button/hook-3e68f8db.d.ts

@@ -41,7 +41,7 @@ declare function useSelectWithApply({ options, selected, onChange, OptionsList,
         onClose?: (() => void) | undefined;
         selectedDraft?: OptionShape[] | undefined;
         OptionsList?: import("react").FC<import("./index-3e68f8db").OptionsListProps & import("react").RefAttributes<HTMLDivElement>> | undefined;
-        Footer?: import("react").FC<import("./Component-5e1b8383").FooterProps> | undefined;
+        Footer?: import("react").FC<import("./Component-ebda875c").FooterProps> | undefined;
         Header?: import("react").FC<import("./Component-ebda875c").HeaderProps> | undefined;
         headerProps?: import("./Component-ebda875c").HeaderProps | undefined;
         showHeaderWithSelectAll?: boolean | undefined;

package/custom-picker-button/index-2aef4eba.d.ts

@@ -0,0 +1,5 @@
+export * from "./Component.responsive-2aef4eba";
+export { PickerButtonResponsive as PickerButton };
+export type { PickerButtonResponsiveProps as PickerButtonProps };
+export type { PickerButtonDesktopProps, PickerButtonSize, PickerButtonVariant } from "./Component-2aef4eba";
+export { getIcon } from "./index-701e77da";

package/custom-picker-button/index-3e68f8db.d.ts

@@ -93,6 +93,7 @@ type SkeletonProps = {
 declare const Skeleton: React.FC<SkeletonProps>;
 export { SelectFieldProps, SelectProps, Select, useSelectWithLoading, useLazyLoading, SkeletonProps, Skeleton };
 export * from "./index-ebda875c";
+export * from "./Component-3885b0d7";
 export * from "./Component-5e1b8383";
 export * from "./hook-3e68f8db";
 export * from "./typings-5e1b8383";

package/custom-picker-button/index-3ebe4754.d.ts

@@ -0,0 +1 @@
+export * from "./Component-3ebe4754";

package/custom-picker-button/index-701e77da.d.ts

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

package/custom-picker-button/index-ebda875c.d.ts

@@ -1,3 +1,37 @@
 /// <reference types="react" />
 /// <reference types="react-transition-group" />
-export * from "./Component-3e68f8db";
+import React from "react";
+import { ButtonHTMLAttributes, ElementType, FC } from "react";
+interface CloserProps extends ButtonHTMLAttributes<HTMLButtonElement> {
+    /**
+     * Вид компонента
+     */
+    view: "desktop" | "mobile";
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+    /**
+     * Позиция крестика
+     */
+    align?: "left" | "right";
+    /**
+     * Фиксирует крестик
+     */
+    sticky?: boolean;
+    /**
+     * Иконка
+     */
+    icon?: ElementType;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+    /**
+     * Коллбэк закрытия.
+     */
+    onClose?: (event: React.MouseEvent<HTMLElement> | React.KeyboardEvent<HTMLElement>, reason?: "backdropClick" | "escapeKeyDown" | "closerClick") => void;
+}
+declare const Closer: FC<CloserProps>;
+export { CloserProps, Closer };
+export * from "./Component-ebda875c";

package/custom-picker-button/index-f12ee135.d.ts

@@ -1,3 +1,3 @@
 export * from "./component-3885b0d7";
-export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-425c8522";
+export type { BottomSheetProps, BottomSheetTitleAlign } from "./types-fae20163";
 export { CLOSE_OFFSET, HEADER_OFFSET } from "./utils-b64479aa";

package/custom-picker-button/modern/field/Component.js

@@ -3,7 +3,7 @@ import cn from 'classnames';
 import { CustomButton } from '../../../custom-button/modern';
 import { getIcon } from '../../../picker-button/modern';
 
-const styles = {"iconContainer":"custom-picker-button__iconContainer_o94x9","addonsContainer":"custom-picker-button__addonsContainer_o94x9","showControlIcon":"custom-picker-button__showControlIcon_o94x9","open":"custom-picker-button__open_o94x9"};
+const styles = {"iconContainer":"custom-picker-button__iconContainer_1vqhs","addonsContainer":"custom-picker-button__addonsContainer_1vqhs","showControlIcon":"custom-picker-button__showControlIcon_1vqhs","open":"custom-picker-button__open_1vqhs"};
 require('./index.css');
 
 const Field = ({ buttonSize = 'm', buttonVariant = 'default', backgroundColor, contentColor, stateType, label, open, rightAddons, innerProps, className, showArrow = true, ...restProps }) => {

package/custom-picker-button/modern/field/index.css

@@ -16,13 +16,13 @@
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
-} .custom-picker-button__iconContainer_o94x9 {
+} .custom-picker-button__iconContainer_1vqhs {
     display: flex;
     transition: transform 0.15s ease-in-out;
-} .custom-picker-button__addonsContainer_o94x9 {
+} .custom-picker-button__addonsContainer_1vqhs {
     display: flex
-} .custom-picker-button__addonsContainer_o94x9.custom-picker-button__showControlIcon_o94x9 {
+} .custom-picker-button__addonsContainer_1vqhs.custom-picker-button__showControlIcon_1vqhs {
         margin-right: var(--gap-2xs);
-    } .custom-picker-button__open_o94x9 {
+    } .custom-picker-button__open_1vqhs {
     transform: var(--arrow-transform);
 }

package/date-input/Component.js

@@ -15,7 +15,7 @@ function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'defau
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 
-var styles = {"nativeInput":"date-input__nativeInput_1loh4"};
+var styles = {"nativeInput":"date-input__nativeInput_1a4fz"};
 require('./index.css');
 
 var DateInput = React.forwardRef(function (_a, ref) {

package/date-input/esm/Component.js

@@ -8,7 +8,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-var styles = {"nativeInput":"date-input__nativeInput_1loh4"};
+var styles = {"nativeInput":"date-input__nativeInput_1a4fz"};
 require('./index.css');
 
 var DateInput = forwardRef(function (_a, ref) {

package/date-input/esm/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_1loh4 {
+} .date-input__nativeInput_1a4fz {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_1loh4::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1a4fz::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_1loh4::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1a4fz::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_1loh4 {
+} .date-input__nativeInput_1a4fz {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_1loh4::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1a4fz::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_1loh4::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1a4fz::-webkit-inner-spin-button {
         display: none;
     }

package/date-input/modern/Component.js

@@ -7,7 +7,7 @@ import 'date-fns/format';
 import 'date-fns/isValid';
 import 'date-fns/parse';
 
-const styles = {"nativeInput":"date-input__nativeInput_1loh4"};
+const styles = {"nativeInput":"date-input__nativeInput_1a4fz"};
 require('./index.css');
 
 const DateInput = forwardRef(({ mobileMode = 'input', defaultValue = '', rightAddons, error, value: propValue, onBlur, onChange, onComplete, ...restProps }, ref) => {

package/date-input/modern/index.css

@@ -14,7 +14,7 @@
 } :root {
 } :root {
 } :root {
-} .date-input__nativeInput_1loh4 {
+} .date-input__nativeInput_1a4fz {
     opacity: 0;
     position: absolute;
     top: 0;
@@ -24,8 +24,8 @@
     -webkit-appearance: none;
             appearance: none;
     z-index: 1
-} .date-input__nativeInput_1loh4::-webkit-calendar-picker-indicator {
+} .date-input__nativeInput_1a4fz::-webkit-calendar-picker-indicator {
         display: none;
-    } .date-input__nativeInput_1loh4::-webkit-inner-spin-button {
+    } .date-input__nativeInput_1a4fz::-webkit-inner-spin-button {
         display: none;
     }

package/date-range-input/components/date-range-input/Component.js

@@ -22,7 +22,7 @@ var mergeRefs__default = /*#__PURE__*/_interopDefaultCompat(mergeRefs);
 var cn__default = /*#__PURE__*/_interopDefaultCompat(cn);
 var dateFnsIsValid__default = /*#__PURE__*/_interopDefaultCompat(dateFnsIsValid);
 
-var styles = {"component":"date-range-input__component_1ynb4","calendarContainer":"date-range-input__calendarContainer_1ynb4","calendarResponsive":"date-range-input__calendarResponsive_1ynb4","block":"date-range-input__block_1ynb4","calendarIcon":"date-range-input__calendarIcon_1ynb4"};
+var styles = {"component":"date-range-input__component_jjyr7","calendarContainer":"date-range-input__calendarContainer_jjyr7","calendarResponsive":"date-range-input__calendarResponsive_jjyr7","block":"date-range-input__block_jjyr7","calendarIcon":"date-range-input__calendarIcon_jjyr7"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */

package/date-range-input/components/date-range-input/index.css

@@ -41,24 +41,24 @@
     /* marker */
 } :root {
     --calendar-popover-border-radius: var(--border-radius-m);
-} .date-range-input__component_1ynb4 {
+} .date-range-input__component_jjyr7 {
     display: inline-block;
     outline: none;
     position: relative;
-} .date-range-input__calendarContainer_1ynb4 {
+} .date-range-input__calendarContainer_jjyr7 {
     display: inline-block;
     box-sizing: border-box;
     border-radius: var(--calendar-popover-border-radius);
     border: 1px solid var(--color-light-border-secondary)
-} @media (max-width: 374px) { .date-range-input__calendarContainer_1ynb4 {
+} @media (max-width: 374px) { .date-range-input__calendarContainer_jjyr7 {
         width: 100%;
         min-width: 288px
 }
-    } .date-range-input__calendarResponsive_1ynb4 {
+    } .date-range-input__calendarResponsive_jjyr7 {
     width: var(--calendar-width);
-} .date-range-input__block_1ynb4 {
+} .date-range-input__block_jjyr7 {
     width: 100%;
-} .date-range-input__calendarIcon_1ynb4 {
+} .date-range-input__calendarIcon_jjyr7 {
     margin-right: var(--gap-s-neg);
     height: 100%;
 }

package/date-range-input/esm/components/date-range-input/Component.js

@@ -13,7 +13,7 @@ import { CalendarMIcon } from '@alfalab/icons-glyph/CalendarMIcon';
 import { parseTimestampToDate, DATE_FORMAT, format, parseDateString, DATE_MASK, isCompleteDateInput, isValid } from '../../utils/format.js';
 import 'date-fns/parse';
 
-var styles = {"component":"date-range-input__component_1ynb4","calendarContainer":"date-range-input__calendarContainer_1ynb4","calendarResponsive":"date-range-input__calendarResponsive_1ynb4","block":"date-range-input__block_1ynb4","calendarIcon":"date-range-input__calendarIcon_1ynb4"};
+var styles = {"component":"date-range-input__component_jjyr7","calendarContainer":"date-range-input__calendarContainer_jjyr7","calendarResponsive":"date-range-input__calendarResponsive_jjyr7","block":"date-range-input__block_jjyr7","calendarIcon":"date-range-input__calendarIcon_jjyr7"};
 require('./index.css');
 
 /* eslint-disable no-useless-escape, jsx-a11y/click-events-have-key-events */