@alfalab/core-components-picker-button 11.7.16 → 11.7.18

package/Component-2f466837.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+declare const getIcon: (size: "s" | "m" | 20 | 24) => React.JSX.Element;
+declare const IconCheck20: () => React.JSX.Element;
+declare const IconCheck24: () => React.JSX.Element;
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -165,4 +168,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      */
     labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export { getIcon, IconCheck20, IconCheck24, CheckboxProps, Checkbox };

package/{Component-f48223d2.d.ts → Component-7d83ec1e.d.ts}

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

package/colors-facf1d2a.d.ts

@@ -0,0 +1,3 @@
+declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
+type Color = typeof colors[number];
+export { colors, Color };

package/component-03d088c4.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./index-03d088c4";
+type TitleResponsiveProps = TitleProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    font?: "styrene" | "system" | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { TitleResponsiveProps, TitleResponsive };

package/component-eb15729d.d.ts

@@ -0,0 +1,123 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes } from "react";
+import { Color } from "./colors-facf1d2a";
+import { TextSkeletonProps } from "./types-1328ead9";
+declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
+type NativeProps = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps, 'color'> & {
+    /**
+     * HTML тег
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: 'regular' | 'medium' | 'bold' | 'semibold';
+    /**
+     * Шрифт текста
+     */
+    font?: 'styrene' | 'system';
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type PrivateProps = {
+    styles: {
+        [key: string]: string;
+    };
+    platform: 'mobile' | 'desktop';
+};
+type TitleElementType = HTMLHeadingElement | HTMLDivElement;
+declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    /**
+     * Цвет текста
+     */
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system" | undefined;
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean | undefined;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3 | undefined;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean | undefined;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & PrivateProps & React.RefAttributes<TitleElementType>>;
+export { getDefaultWeight, TitleProps, TitleBase };

package/cssm/Component-2f466837.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+declare const getIcon: (size: "s" | "m" | 20 | 24) => React.JSX.Element;
+declare const IconCheck20: () => React.JSX.Element;
+declare const IconCheck24: () => React.JSX.Element;
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -165,4 +168,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      */
     labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export { getIcon, IconCheck20, IconCheck24, CheckboxProps, Checkbox };

package/cssm/{Component-f48223d2.d.ts → Component-7d83ec1e.d.ts}

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

package/cssm/colors-facf1d2a.d.ts

@@ -0,0 +1,3 @@
+declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
+type Color = typeof colors[number];
+export { colors, Color };

package/cssm/component-03d088c4.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./index-03d088c4";
+type TitleResponsiveProps = TitleProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    font?: "styrene" | "system" | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { TitleResponsiveProps, TitleResponsive };

package/cssm/component-eb15729d.d.ts

@@ -0,0 +1,123 @@
+/// <reference types="react" />
+import React from 'react';
+import { HTMLAttributes } from "react";
+import { Color } from "./colors-facf1d2a";
+import { TextSkeletonProps } from "./types-1328ead9";
+declare function getDefaultWeight(font: "styrene" | "system", platform: "mobile" | "desktop"): "medium" | "bold" | "semibold";
+type NativeProps = HTMLAttributes<HTMLHeadingElement>;
+type TitleProps = Omit<NativeProps, 'color'> & {
+    /**
+     * HTML тег
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: 'xlarge' | 'large' | 'medium' | 'small' | 'xsmall';
+    /**
+     * Цвет текста
+     */
+    color?: Color;
+    /**
+     * Толщина шрифта
+     */
+    weight?: 'regular' | 'medium' | 'bold' | 'semibold';
+    /**
+     * Шрифт текста
+     */
+    font?: 'styrene' | 'system';
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean);
+};
+type PrivateProps = {
+    styles: {
+        [key: string]: string;
+    };
+    platform: 'mobile' | 'desktop';
+};
+type TitleElementType = HTMLHeadingElement | HTMLDivElement;
+declare const TitleBase: React.ForwardRefExoticComponent<Omit<NativeProps, "color"> & {
+    /**
+     * HTML тег
+     */
+    tag: 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'div';
+    /**
+     * [Вариант начертания](https://core-ds.github.io/core-components/master/?path=/docs/guidelines-typography--page)
+     */
+    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    /**
+     * Цвет текста
+     */
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    /**
+     * Толщина шрифта
+     */
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    /**
+     * Шрифт текста
+     */
+    font?: "styrene" | "system" | undefined;
+    /**
+     * Добавляет отступы
+     */
+    defaultMargins?: boolean | undefined;
+    /**
+     * Css-класс для стилизации (native prop)
+     */
+    className?: string | undefined;
+    /**
+     * Id компонента для тестов
+     */
+    dataTestId?: string | undefined;
+    /**
+     * Контент (native prop)
+     */
+    children?: React.ReactNode;
+    /**
+     * Количество строк
+     */
+    rowLimit?: 1 | 2 | 3 | undefined;
+    /**
+     * Показать скелетон
+     */
+    showSkeleton?: boolean | undefined;
+    /**
+     * Пропы для скелетона
+     */
+    skeletonProps?: TextSkeletonProps | undefined;
+    /**
+     * Значение по-умолчанию для хука useMatchMedia
+     */
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & PrivateProps & React.RefAttributes<TitleElementType>>;
+export { getDefaultWeight, TitleProps, TitleBase };

package/cssm/field/Component.d.ts

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

package/cssm/field/index.module.css

@@ -17,6 +17,7 @@
     --gap-2xs: 4px; /* 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 */
 
     /* новые значения, используйте их */
+    --gap-4: var(--gap-2xs);
 } :root {
 } :root {
     --arrow-transform: rotate(180deg);
@@ -26,7 +27,7 @@
 } .addonsContainer {
     display: flex
 } .addonsContainer.showControlIcon {
-        margin-right: var(--gap-2xs);
+        margin-right: var(--gap-4);
     } .open {
     transform: var(--arrow-transform);
 } .linkOpen:not(:hover) {

package/cssm/index-03d088c4.d.ts

@@ -0,0 +1,20 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./component-eb15729d";
+declare const Title: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    font?: "styrene" | "system" | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { Title };
+export type { TitleProps };

package/cssm/index-281accb7.d.ts

@@ -0,0 +1,19 @@
+/// <reference types="react" />
+import React from "react";
+declare const TitleMobile: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    font?: "styrene" | "system" | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { TitleMobile };
+export type { TitleProps as TitleMobileProps } from "./component-eb15729d";

package/cssm/index-d691530f.d.ts

@@ -0,0 +1 @@
+export * from "./use-skeleton-1328ead9";

package/cssm/index.module.css

@@ -17,14 +17,16 @@
     --gap-m: 16px; /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */ /* deprecated */
 
     /* новые значения, используйте их */
+    --gap-8: var(--gap-xs);
+    --gap-16: var(--gap-m);
 } :root {
 } :root {
 } .container {
     min-width: auto;
 } :global(.cc-picker-button).optionsPopover.sideGap {
-            padding: 0 var(--gap-xs);
+            padding: 0 var(--gap-8);
         } :global(.cc-picker-button) .option {
-        padding: 0 var(--gap-m)
+        padding: 0 var(--gap-16)
     } :global(.cc-picker-button) .option:before {
             /* Удаляем разделители у опций выпадающего списка. */
             display: none;

package/cssm/option/index.module.css

@@ -16,6 +16,7 @@
     --gap-s: 12px; /* 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 */
 
     /* новые значения, используйте их */
+    --gap-12: var(--gap-s);
 } :root {
 } :root {
 } .container {
@@ -23,7 +24,7 @@
     align-items: center;
 } .icon {
     display: flex;
-    margin-right: var(--gap-s);
+    margin-right: var(--gap-12);
 } .content {
     overflow: hidden;
     flex: 1;

package/{esm/typings-f48223d2.d.ts → cssm/typings-7d83ec1e.d.ts}

@@ -677,6 +677,14 @@ type BaseSelectProps = {
      * Обработчик скрола
      */
     onScroll?: (event: MouseEvent<HTMLDivElement>) => void;
+    /**
+     * Обработчик нажатия на крестик для очистки поля
+     */
+    onClear?: (event: MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Флаг, показать крестик для очистки поля
+     */
+    clear?: boolean;
     /**
      * Хранит функцию, с помощью которой можно обновить положение поповера
      */
@@ -1128,7 +1136,21 @@ type SelectProps = BaseSelectProps & AdditionalMobileProps & ConditionalMobilePr
      */
     defaultMatchMediaValue?: boolean | (() => boolean);
 };
-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, horizontalDirections, ShouldSkipSwipingParams, SwipeDirection, AnyObject, OptionShape, GroupShape, BaseSelectChangePayload, BaseSelectProps, FieldProps, ArrowProps, OptionsListProps, OptgroupProps, OptionProps, CheckmarkProps, SearchProps, SelectFieldProps, AdditionalMobileProps, BottomSheetSelectMobileProps, ModalSelectMobileProps, SelectModalMobileProps, SelectMobileProps, SelectDesktopProps, SelectProps };
+type ClearButtonProps = {
+    /**
+     * Обработчик нажатия на крестик для очистки поля
+     */
+    onClick?: (event: React.MouseEvent<HTMLButtonElement>) => void;
+    /**
+     * Флаг, поле заблокировано
+     */
+    disabled?: boolean;
+    /**
+     * Идентификатор для систем автоматизированного тестирования
+     */
+    dataTestId?: string;
+};
+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, horizontalDirections, ShouldSkipSwipingParams, 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 };
 export { ModalResponsiveProps as ModalProps } from "./typings-d6bfd5b7";
 export { ModalContext } from "./Context-c2e6f1b2";

package/{esm/utils-87b0c1c6.d.ts → cssm/utils-3942b092.d.ts}

@@ -1,5 +1,5 @@
 import { ReactNode, RefObject } from 'react';
-import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-f48223d2";
+import { BaseSelectProps, GroupShape, OptionShape, OptionsListProps } from "./typings-7d83ec1e";
 declare const isGroup: (item: OptionShape | GroupShape) => item is GroupShape;
 declare const isOptionShape: (item: OptionShape | string | null) => item is OptionShape;
 declare const joinOptions: ({ selected, selectedMultiple, }: {
@@ -63,6 +63,7 @@ declare function getSelectTestIds(dataTestId: string): {
     fieldRightAddons: string;
     fieldError: string;
     fieldHint: string;
+    fieldClearIcon: string;
     searchInput: string;
     searchFormControl: string;
     searchInner: string;

package/desktop/Component.desktop.js

@@ -15,7 +15,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_1mx7s","optionsPopover":"picker-button__optionsPopover_1mx7s","sideGap":"picker-button__sideGap_1mx7s","option":"picker-button__option_1mx7s"};
+var styles = {"container":"picker-button__container_o617f","optionsPopover":"picker-button__optionsPopover_o617f","sideGap":"picker-button__sideGap_o617f","option":"picker-button__option_o617f"};
 require('./../index.css')
 
 var SIDE_POSITIONS = ['right', 'right-start', 'right-end', 'left', 'left-start', 'left-end'];

package/esm/Component-2f466837.d.ts

@@ -1,6 +1,9 @@
 /// <reference types="react" />
-import React from 'react';
+import React from "react";
 import { ChangeEvent, DetailedHTMLProps, InputHTMLAttributes, LabelHTMLAttributes, ReactNode, RefObject } from "react";
+declare const getIcon: (size: "s" | "m" | 20 | 24) => React.JSX.Element;
+declare const IconCheck20: () => React.JSX.Element;
+declare const IconCheck24: () => React.JSX.Element;
 type NativeProps = InputHTMLAttributes<HTMLInputElement>;
 type Align = 'start' | 'center';
 type CheckboxProps = Omit<NativeProps, 'size' | 'onChange' | 'enterKeyHint'> & {
@@ -165,4 +168,4 @@ declare const Checkbox: React.ForwardRefExoticComponent<Omit<NativeProps, "size"
      */
     labelProps?: React.DetailedHTMLProps<React.LabelHTMLAttributes<HTMLLabelElement>, HTMLLabelElement> | undefined;
 } & React.RefAttributes<HTMLLabelElement>>;
-export { CheckboxProps, Checkbox };
+export { getIcon, IconCheck20, IconCheck24, CheckboxProps, Checkbox };

package/esm/{Component-f48223d2.d.ts → Component-7d83ec1e.d.ts}

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

package/esm/colors-facf1d2a.d.ts

@@ -0,0 +1,3 @@
+declare const colors: readonly ["tertiary", "disabled", "accent", "primary", "attention", "positive", "secondary", "tertiary-inverted", "primary-inverted", "secondary-inverted", "link", "negative", "static-primary-light", "static-secondary-light", "static-tertiary-light", "static-primary-dark", "static-secondary-dark", "static-tertiary-dark", "static-accent"];
+type Color = typeof colors[number];
+export { colors, Color };

package/esm/component-03d088c4.d.ts

@@ -0,0 +1,32 @@
+/// <reference types="react" />
+import React from 'react';
+import { TitleProps } from "./index-03d088c4";
+type TitleResponsiveProps = TitleProps & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number;
+};
+declare const TitleResponsive: React.ForwardRefExoticComponent<Omit<React.HTMLAttributes<HTMLHeadingElement>, "color"> & {
+    tag: "div" | "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
+    view?: "small" | "medium" | "xlarge" | "large" | "xsmall" | undefined;
+    color?: "link" | "accent" | "primary" | "primary-inverted" | "secondary" | "secondary-inverted" | "tertiary" | "tertiary-inverted" | "attention" | "positive" | "negative" | "static-accent" | "disabled" | "static-primary-light" | "static-secondary-light" | "static-tertiary-light" | "static-primary-dark" | "static-secondary-dark" | "static-tertiary-dark" | undefined;
+    weight?: "bold" | "regular" | "medium" | "semibold" | undefined;
+    font?: "styrene" | "system" | undefined;
+    defaultMargins?: boolean | undefined;
+    className?: string | undefined;
+    dataTestId?: string | undefined;
+    children?: React.ReactNode;
+    rowLimit?: 1 | 2 | 3 | undefined;
+    showSkeleton?: boolean | undefined;
+    skeletonProps?: import("./types-1328ead9").TextSkeletonProps | undefined;
+    defaultMatchMediaValue?: boolean | (() => boolean) | undefined;
+} & {
+    /**
+     * Контрольная точка, с нее начинается desktop версия
+     * @default 1024
+     */
+    breakpoint?: number | undefined;
+} & React.RefAttributes<HTMLDivElement | HTMLHeadingElement>>;
+export { TitleResponsiveProps, TitleResponsive };