@ozen-ui/kit 0.78.0 → 0.80.0

package/__inner__/esm/components/DatePicker/components/DatePickerModeDateRange/utils/formatDateForCalendar/formatDateForCalendar.d.ts

@@ -1,3 +1,3 @@
 import type { CalendarPropValue } from '../../../../../Calendar';
-import type { DatePickerPropValue } from '../../../../types';
+import type { DatePickerPropValue } from '../../../../entities';
 export declare const formatDateForCalendar: (date?: DatePickerPropValue<"date-range">) => CalendarPropValue<"range">;

package/__inner__/esm/components/DatePicker/components/DatePickerRenderRight/DatePickerRenderRight.js

@@ -14,7 +14,7 @@ export var DatePickerRenderRight = function (_a) {
         onClear === null || onClear === void 0 ? void 0 : onClear(e);
     };
     return (React.createElement("div", { className: cnDatePicker('RenderRight') },
-        !disableClearButton && (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, icon: CrossIcon, title: clearText, variant: "function", onClick: handleClear, "aria-label": clearText, className: cnDatePicker('ClearButton', {
+        !disableClearButton && (React.createElement(IconButton, { size: size, type: "button", tabIndex: -1, icon: CrossIcon, title: clearText, variant: "function", color: "tertiary", onClick: handleClear, "aria-label": clearText, className: cnDatePicker('ClearButton', {
                 visibility: isVisibleClearButton,
             }), compressed: true })),
         React.createElement(FieldIcon, { icon: renderRight }),

package/__inner__/esm/components/DatePicker/entities/background.d.ts

@@ -0,0 +1,2 @@
+export declare const datePickerBackgroundVariant: readonly ["main", "primary"];
+export type DatePickerBackgroundVariant = (typeof datePickerBackgroundVariant)[number];

package/__inner__/esm/components/DatePicker/entities/background.js

@@ -0,0 +1,2 @@
+import { fieldControlBackgroundVariant } from '../../FieldControl';
+export var datePickerBackgroundVariant = fieldControlBackgroundVariant;

package/__inner__/esm/components/DatePicker/entities/deprecated.d.ts

@@ -0,0 +1,13 @@
+import type { DatePickerPropOnInputChange } from './input';
+import type { DatePickerModeVariant } from './mode';
+import type { DatePickerPropOnChange } from './onChange';
+/**
+ * @deprecated
+ * Use the `DatePickerPropOnChange` type to replace it.
+ * */
+export type DatePickerOnChange<MODE extends DatePickerModeVariant> = DatePickerPropOnChange<MODE>;
+/**
+ * @deprecated
+ * Use the `DatePickerPropOnInputChange` type to replace it.
+ * */
+export type DatePickerOnInputChange<MODE extends DatePickerModeVariant> = DatePickerPropOnInputChange<MODE>;

package/__inner__/esm/components/DatePicker/entities/deprecated.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/fields.d.ts

@@ -0,0 +1,2 @@
+import type { StackProps } from '../../Stack';
+export type DatePickerPropFieldsProps<MODE> = MODE extends 'date-range' ? StackProps : never;

package/__inner__/esm/components/DatePicker/entities/fields.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/index.d.ts

@@ -0,0 +1,13 @@
+export * from './background';
+export * from './deprecated';
+export * from './fields';
+export * from './input';
+export * from './label';
+export * from './mode';
+export * from './onChange';
+export * from './onError';
+export * from './placeholder';
+export * from './renderLeft';
+export * from './renderRight';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/DatePicker/entities/index.js

@@ -0,0 +1,13 @@
+export * from './background';
+export * from './deprecated';
+export * from './fields';
+export * from './input';
+export * from './label';
+export * from './mode';
+export * from './onChange';
+export * from './onError';
+export * from './placeholder';
+export * from './renderLeft';
+export * from './renderRight';
+export * from './size';
+export * from './value';

package/__inner__/esm/components/DatePicker/entities/input.d.ts

@@ -0,0 +1,14 @@
+import type { ChangeEvent } from 'react';
+import type { CalendarSteps } from '../../Calendar';
+import type { FieldInputProps } from '../../FieldInput';
+import type { InputProps } from '../../Input';
+import type { DatePickerModeVariant } from './mode';
+export type DatePickerPropInputValue<MODE extends DatePickerModeVariant> = (MODE extends 'date-range' ? [string, string] : string) | null;
+export type DatePickerPropOnInputChange<MODE extends DatePickerModeVariant> = (e: ChangeEvent<HTMLInputElement> | null, value: DatePickerPropInputValue<MODE>) => void;
+export type DatePickerInputPropLabel = InputProps['label'];
+export type DatePickerInputPropRenderLeft = InputProps['renderLeft'];
+export type DatePickerInputPropRenderRight = InputProps['renderRight'];
+export type DatePickerInputPropPlaceholderString = InputProps['placeholder'];
+export type DatePickerInputPropPlaceholderFunction = (steps: CalendarSteps) => DatePickerInputPropPlaceholderString;
+export type InputPropPlaceholder = DatePickerInputPropPlaceholderString | DatePickerInputPropPlaceholderFunction;
+export type DatePickerPropInputProps<MODE> = MODE extends 'date-range' ? [FieldInputProps?, FieldInputProps?] | FieldInputProps : FieldInputProps;

package/__inner__/esm/components/DatePicker/entities/input.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/label.d.ts

@@ -0,0 +1,4 @@
+import type { FieldLabelProps } from '../../FieldLabel';
+import type { DatePickerInputPropLabel } from './input';
+export type DatePickerPropLabel<MODE> = MODE extends 'date-range' ? [DatePickerInputPropLabel?, DatePickerInputPropLabel?] | DatePickerInputPropLabel : DatePickerInputPropLabel;
+export type DatePickerPropLabelProps<MODE> = MODE extends 'date-range' ? [FieldLabelProps?, FieldLabelProps?] | FieldLabelProps : FieldLabelProps;

package/__inner__/esm/components/DatePicker/entities/label.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/mode.d.ts

@@ -0,0 +1,2 @@
+export declare const datePickerModeVariant: readonly ["date", "date-range"];
+export type DatePickerModeVariant = (typeof datePickerModeVariant)[number];

package/__inner__/esm/components/DatePicker/entities/mode.js

@@ -0,0 +1 @@
+export var datePickerModeVariant = ['date', 'date-range'];

package/__inner__/esm/components/DatePicker/entities/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { DatePickerModeVariant } from './mode';
+import type { DatePickerPropValue } from './value';
+export type DatePickerPropOnChange<MODE extends DatePickerModeVariant> = (date: DatePickerPropValue<MODE>) => void;

package/__inner__/esm/components/DatePicker/entities/onChange.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/onError.d.ts

@@ -0,0 +1,9 @@
+export type DatePickerPropOnError = (props: {
+    type: 'outOfRange';
+    inputValue?: string;
+    value?: Date | null;
+} | {
+    type: 'inExclude';
+    inputValue?: string;
+    value?: Date | null;
+}) => void;

package/__inner__/esm/components/DatePicker/entities/onError.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/placeholder.d.ts

@@ -0,0 +1,2 @@
+import type { InputPropPlaceholder } from './input';
+export type DatePickerPropPlaceholder<MODE> = MODE extends 'date-range' ? [InputPropPlaceholder?, InputPropPlaceholder?] | InputPropPlaceholder : InputPropPlaceholder;

package/__inner__/esm/components/DatePicker/entities/placeholder.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/renderLeft.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerInputPropRenderLeft } from './input';
+export type DatePickerPropRenderLeft<MODE> = MODE extends 'date-range' ? [DatePickerInputPropRenderLeft?, DatePickerInputPropRenderLeft?] | DatePickerInputPropRenderLeft : DatePickerInputPropRenderLeft;

package/__inner__/esm/components/DatePicker/entities/renderLeft.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/renderRight.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerInputPropRenderRight } from './input';
+export type DatePickerPropRenderRight<MODE> = MODE extends 'date-range' ? [DatePickerInputPropRenderRight?, DatePickerInputPropRenderRight?] | DatePickerInputPropRenderRight : DatePickerInputPropRenderRight;

package/__inner__/esm/components/DatePicker/entities/renderRight.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/entities/size.d.ts

@@ -0,0 +1,2 @@
+export declare const datePickerSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
+export type DatePickerSizeVariant = (typeof datePickerSizeVariant)[number];

package/__inner__/esm/components/DatePicker/entities/size.js

@@ -0,0 +1,2 @@
+import { formElementSizeVariant } from '../../../types';
+export var datePickerSizeVariant = formElementSizeVariant;

package/__inner__/esm/components/DatePicker/entities/value.d.ts

@@ -0,0 +1,2 @@
+import type { DatePickerModeVariant } from './mode';
+export type DatePickerPropValue<MODE extends DatePickerModeVariant> = (MODE extends 'date-range' ? [Date?, Date?] : Date) | null;

package/__inner__/esm/components/DatePicker/entities/value.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DatePicker/index.d.ts

@@ -1,2 +1,4 @@
+export * from './entities';
+export * from './constants';
 export * from './DatePicker';
 export * from './types';

package/__inner__/esm/components/DatePicker/index.js

@@ -1,2 +1,4 @@
+export * from './entities';
+export * from './constants';
 export * from './DatePicker';
 export * from './types';

package/__inner__/esm/components/DatePicker/types.d.ts

@@ -1,56 +1,13 @@
-import type { ChangeEvent, ComponentRef, ReactNode } from 'react';
+import type { ComponentRef, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
 import type { WithDisplayName } from '../../types/react';
-import type { CalendarPropCalendars, CalendarProps, CalendarSteps } from '../Calendar';
+import type { CalendarPropCalendars, CalendarProps } from '../Calendar';
 import type { FieldHintProps } from '../FieldHint';
-import type { FieldInputProps } from '../FieldInput';
-import type { FieldLabelProps } from '../FieldLabel';
 import type { InputProps } from '../Input';
 import type { PopoverBaseProps } from '../Popover';
-import type { StackProps } from '../Stack';
 import type { DATE_PICKER_DEFAULT_MODE } from './constants';
-export declare const datePickerModeVariant: readonly ["date", "date-range"];
-type Range = 'date-range';
-export type DatePickerModeVariant = (typeof datePickerModeVariant)[number];
-export type DatePickerPropInputValue<MODE extends DatePickerModeVariant> = (MODE extends Range ? [string, string] : string) | null;
-export type DatePickerPropOnInputChange<MODE extends DatePickerModeVariant> = (e: ChangeEvent<HTMLInputElement> | null, value: DatePickerPropInputValue<MODE>) => void;
-export type DatePickerPropValue<MODE extends DatePickerModeVariant> = (MODE extends Range ? [Date?, Date?] : Date) | null;
-export type DatePickerPropOnChange<MODE extends DatePickerModeVariant> = (date: DatePickerPropValue<MODE>) => void;
-type InputPropLabel = InputProps['label'];
-type InputPropRenderLeft = InputProps['renderLeft'];
-type InputPropRenderRight = InputProps['renderRight'];
-type InputPropPlaceholderString = InputProps['placeholder'];
-type InputPropPlaceholderFunction = (steps: CalendarSteps) => InputPropPlaceholderString;
-export type InputPropPlaceholder = InputPropPlaceholderString | InputPropPlaceholderFunction;
-export declare const datePickerSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
-export type DatePickerSizeVariant = (typeof datePickerSizeVariant)[number];
-export type DatePickerPropLabel<MODE> = MODE extends Range ? [InputPropLabel?, InputPropLabel?] | InputPropLabel : InputPropLabel;
-export type DatePickerPropRenderLeft<MODE> = MODE extends Range ? [InputPropRenderLeft?, InputPropRenderLeft?] | InputPropRenderLeft : InputPropRenderLeft;
-export type DatePickerPropRenderRight<MODE> = MODE extends Range ? [InputPropRenderRight?, InputPropRenderRight?] | InputPropRenderRight : InputPropRenderRight;
-export type DatePickerPropPlaceholder<MODE> = MODE extends Range ? [InputPropPlaceholder?, InputPropPlaceholder?] | InputPropPlaceholder : InputPropPlaceholder;
-export type DatePickerPropInputProps<MODE> = MODE extends Range ? [FieldInputProps?, FieldInputProps?] | FieldInputProps : FieldInputProps;
-export type DatePickerPropLabelProps<MODE> = MODE extends Range ? [FieldLabelProps?, FieldLabelProps?] | FieldLabelProps : FieldLabelProps;
-export type DatePickerPropFieldsProps<MODE> = MODE extends Range ? StackProps : never;
-export type DatePickerPropOnError = (props: {
-    type: 'outOfRange';
-    inputValue?: string;
-    value?: Date | null;
-} | {
-    type: 'inExclude';
-    inputValue?: string;
-    value?: Date | null;
-}) => void;
+import type { DatePickerModeVariant, DatePickerPropOnInputChange, DatePickerPropValue, DatePickerPropOnChange, DatePickerPropRenderLeft, DatePickerPropRenderRight, DatePickerPropPlaceholder, DatePickerPropOnError, DatePickerPropLabel, DatePickerPropInputProps, DatePickerPropFieldsProps, DatePickerPropLabelProps, DatePickerSizeVariant, DatePickerBackgroundVariant } from './entities';
 export type DatePickerRef = ComponentRef<'div'>;
-/**
- * @deprecated
- * Use the `DatePickerPropOnChange` type to replace it.
- * */
-export type DatePickerOnChange<MODE extends DatePickerModeVariant> = DatePickerPropOnChange<MODE>;
-/**
- * @deprecated
- * Use the `DatePickerPropOnInputChange` type to replace it.
- * */
-export type DatePickerOnInputChange<MODE extends DatePickerModeVariant> = DatePickerPropOnInputChange<MODE>;
 export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE> = ExtendableComponentPropsWithRef<{
     mode?: MODE;
     /** Выбранная дата */
@@ -113,7 +70,8 @@ export type DatePickerProps<MODE extends DatePickerModeVariant = typeof DATE_PIC
     fieldsProps?: DatePickerPropFieldsProps<MODE>;
     /** Количество отображаемых календарей в компоненте: один или два */
     calendars?: CalendarPropCalendars;
+    /** Задний фон */
+    background?: DatePickerBackgroundVariant;
 } & Pick<CalendarProps, 'minDate' | 'maxDate' | 'exclude' | 'steps' | 'initialStep'> & Pick<InputProps, 'onKeyDown'>, 'div'>;
 export type DatePickerComponent = WithDisplayName<(<MODE extends DatePickerModeVariant = typeof DATE_PICKER_DEFAULT_MODE>(props: DatePickerProps<MODE>) => ReactNode)>;
 export type DatePickerModeComponent<MODE extends DatePickerModeVariant> = WithDisplayName<(props: Omit<DatePickerProps<MODE>, 'mode'>) => ReactNode>;
-export {};

package/__inner__/esm/components/DatePicker/types.js

@@ -1,3 +1 @@
-import { formElementSizeVariant } from '../../types';
-export var datePickerModeVariant = ['date', 'date-range'];
-export var datePickerSizeVariant = formElementSizeVariant;
+export {};

package/__inner__/esm/components/DialogNext/Dialog.d.ts

@@ -5,6 +5,7 @@ import './modules/DialogBody/DialogBody.css';
 import './modules/DialogFooter/DialogFooter.css';
 import './modules/DialogFooterButtonsGroup/DialogFooterButtonsGroup.css';
 import './modules/DialogHeader/DialogHeader.css';
+import './modules/DialogIllustration/DialogIllustration.css';
 import './modules/DialogSubtitle/DialogSubtitle.css';
 import './modules/DialogTitle/DialogTitle.css';
 import React from 'react';

package/__inner__/esm/components/DialogNext/Dialog.js

@@ -6,6 +6,7 @@ import './modules/DialogBody/DialogBody.css';
 import './modules/DialogFooter/DialogFooter.css';
 import './modules/DialogFooterButtonsGroup/DialogFooterButtonsGroup.css';
 import './modules/DialogHeader/DialogHeader.css';
+import './modules/DialogIllustration/DialogIllustration.css';
 import './modules/DialogSubtitle/DialogSubtitle.css';
 import './modules/DialogTitle/DialogTitle.css';
 import React, { forwardRef } from 'react';

package/__inner__/esm/components/DialogNext/components/DialogBottomSheet/DialogBottomSheet.d.ts

@@ -9,4 +9,5 @@ export declare const DialogBottomSheet: React.ForwardRefExoticComponent<{
     hideCloseButton: boolean | undefined;
     className: string | undefined;
     onClose: (() => void) | undefined;
-} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "size" | "open" | "variant" | "onClose" | "hideCloseButton" | "closeButton"> & React.RefAttributes<HTMLDivElement>>;
+    headerProps?: Omit<import("../../../BottomSheetBase").BottomSheetBaseHeaderProps, "children">;
+} & Omit<Omit<import("../../../BottomSheetBase").BottomSheetBaseProps, "snaps">, "className" | "size" | "open" | "variant" | "onClose" | "hideCloseButton" | "closeButton" | "headerProps"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/esm/components/DialogNext/components/DialogBottomSheet/DialogBottomSheet.js

@@ -6,11 +6,11 @@ import { BottomSheetBase, BottomSheetBaseHeader, } from '../../../BottomSheetBas
 import { DIALOG_BOTTOM_SHEET_MAX_HEIGHT_BY_VARIANT, DIALOG_BOTTOM_SHEET_SNAPS_BY_VARIANT, } from './constants';
 export var cnDialogBottomSheet = cn('DialogNextBottomSheet');
 export var DialogBottomSheet = forwardRef(function (_a, ref) {
-    var children = _a.children, open = _a.open, closeButton = _a.closeButton, onClose = _a.onClose, size = _a.size, variant = _a.variant, className = _a.className, hideCloseButton = _a.hideCloseButton, other = __rest(_a, ["children", "open", "closeButton", "onClose", "size", "variant", "className", "hideCloseButton"]);
+    var children = _a.children, open = _a.open, closeButton = _a.closeButton, onClose = _a.onClose, size = _a.size, variant = _a.variant, className = _a.className, hideCloseButton = _a.hideCloseButton, headerProps = _a.headerProps, other = __rest(_a, ["children", "open", "closeButton", "onClose", "size", "variant", "className", "hideCloseButton", "headerProps"]);
     return (React.createElement(BottomSheetBase, __assign({ ref: ref, className: cnDialogBottomSheet({
             size: size,
         }, [className]), bottomSheetClassName: cnDialogBottomSheet('BottomSheet'), snaps: DIALOG_BOTTOM_SHEET_SNAPS_BY_VARIANT[variant], maxHeight: DIALOG_BOTTOM_SHEET_MAX_HEIGHT_BY_VARIANT[variant], open: open, onClose: onClose, role: "dialog" }, other),
-        React.createElement(BottomSheetBaseHeader, { className: cnDialogBottomSheet('Header') }, !hideCloseButton && (React.createElement("div", { className: cnDialogBottomSheet('CloseButton') }, closeButton))),
+        React.createElement(BottomSheetBaseHeader, __assign({}, headerProps, { className: cnDialogBottomSheet('Header', [headerProps === null || headerProps === void 0 ? void 0 : headerProps.className]) }), !hideCloseButton && (React.createElement("div", { className: cnDialogBottomSheet('CloseButton') }, closeButton))),
         children));
 });
 DialogBottomSheet.displayName = 'DialogBottomSheet';

package/__inner__/esm/components/DialogNext/components/DialogBottomSheet/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactNode } from 'react';
 import type { ExtendableProps } from '../../../../types/ExtendableProps';
-import type { BottomSheetBaseProps } from '../../../BottomSheetBase';
+import type { BottomSheetBaseHeaderProps, BottomSheetBaseProps } from '../../../BottomSheetBase';
 import type { DialogVariant, DialogSizeAllVariants } from '../../entities';
 import type { DialogRef } from '../../types';
 export type DialogBottomSheetRef = DialogRef;
@@ -12,4 +12,5 @@ export type DialogBottomSheetProps = ExtendableProps<{
     hideCloseButton: boolean | undefined;
     className: string | undefined;
     onClose: (() => void) | undefined;
+    headerProps?: Omit<BottomSheetBaseHeaderProps, 'children'>;
 }, Omit<BottomSheetBaseProps, 'snaps'>>;

package/__inner__/esm/components/DialogNext/modules/DialogFooter/index.d.ts

@@ -1,3 +1,4 @@
-export * from './DialogFooter';
 export * from './entities';
+export * from './constants';
+export * from './DialogFooter';
 export * from './types';

package/__inner__/esm/components/DialogNext/modules/DialogFooter/index.js

@@ -1,3 +1,4 @@
-export * from './DialogFooter';
 export * from './entities';
+export * from './constants';
+export * from './DialogFooter';
 export * from './types';

package/__inner__/esm/components/DialogNext/modules/DialogHeader/index.d.ts

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './DialogHeader';
 export * from './types';

package/__inner__/esm/components/DialogNext/modules/DialogHeader/index.js

@@ -1,2 +1,3 @@
+export * from './constants';
 export * from './DialogHeader';
 export * from './types';

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/DialogIllustration.css

@@ -0,0 +1,5 @@
+.DialogNextIllustration {
+  block-size: 80px;
+  inline-size: 80px;
+  margin-block-end: var(--spacing-m);
+}

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/DialogIllustration.d.ts

@@ -0,0 +1,3 @@
+import type { DialogIllustrationBaseProps } from './types';
+export declare const cnDialogIllustration: import("@bem-react/classname").ClassNameFormatter;
+export declare const DialogIllustration: import("../../../../utils").PolymorphicComponentWithRef<DialogIllustrationBaseProps, "div", "as">;

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/DialogIllustration.js

@@ -0,0 +1,10 @@
+import { __assign, __rest } from "tslib";
+import React from 'react';
+import { polymorphicComponentWithRef, cn } from '../../../../utils';
+import { DIALOG_ILLUSTRATION_DEFAULT_TAG } from './constants';
+export var cnDialogIllustration = cn('DialogNextIllustration');
+export var DialogIllustration = polymorphicComponentWithRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, Tag = _b === void 0 ? DIALOG_ILLUSTRATION_DEFAULT_TAG : _b, other = __rest(_a, ["children", "className", "as"]);
+    return (React.createElement(Tag, __assign({}, other, { ref: ref, className: cnDialogIllustration('', [className]) }), children));
+});
+DialogIllustration.displayName = 'DialogIllustration';

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/constants.d.ts

@@ -0,0 +1 @@
+export declare const DIALOG_ILLUSTRATION_DEFAULT_TAG = "div";

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/constants.js

@@ -0,0 +1 @@
+export var DIALOG_ILLUSTRATION_DEFAULT_TAG = 'div';

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/index.d.ts

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DialogIllustration';
+export * from './types';

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/index.js

@@ -0,0 +1,3 @@
+export * from './constants';
+export * from './DialogIllustration';
+export * from './types';

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/types.d.ts

@@ -0,0 +1,9 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils';
+import type { DIALOG_ILLUSTRATION_DEFAULT_TAG } from './constants';
+export type DialogIllustrationRef<As extends ElementType = typeof DIALOG_ILLUSTRATION_DEFAULT_TAG> = ComponentRef<As>;
+export type DialogIllustrationBaseProps = {
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type DialogIllustrationProps<As extends ElementType = typeof DIALOG_ILLUSTRATION_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<DialogIllustrationBaseProps, As>;

package/__inner__/esm/components/DialogNext/modules/DialogIllustration/types.js

@@ -0,0 +1 @@
+export {};

package/__inner__/esm/components/DialogNext/modules/DialogTitle/index.d.ts

@@ -1 +1,2 @@
 export * from './DialogTitle';
+export * from './types';

package/__inner__/esm/components/DialogNext/modules/DialogTitle/index.js

@@ -1 +1,2 @@
 export * from './DialogTitle';
+export * from './types';

package/__inner__/esm/components/DialogNext/modules/index.d.ts

@@ -4,5 +4,6 @@ export * from './DialogFooter';
 export * from './DialogFooterButton';
 export * from './DialogFooterButtonsGroup';
 export * from './DialogHeader';
+export * from './DialogIllustration';
 export * from './DialogSubtitle';
 export * from './DialogTitle';

package/__inner__/esm/components/DialogNext/modules/index.js

@@ -4,5 +4,6 @@ export * from './DialogFooter';
 export * from './DialogFooterButton';
 export * from './DialogFooterButtonsGroup';
 export * from './DialogHeader';
+export * from './DialogIllustration';
 export * from './DialogSubtitle';
 export * from './DialogTitle';

package/__inner__/esm/components/DialogNext/types.d.ts

@@ -7,7 +7,7 @@ import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } f
 export type DialogRef = HTMLDivElement;
 export type DialogRenderCloseButton = RenderContentTypeEmptyProps['content'];
 export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
-export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant'>;
+export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant' | 'children'>;
 export type DialogBaseProps = {
     /** Если `true`, будет отображаться окно диалога */
     open: boolean;

package/__inner__/esm/components/FieldControl/FieldControl.css

@@ -4,7 +4,6 @@
   --textfield-border-width: var(--border-width-s);
   --textfield-border-color: var(--color-border-main);
   --textfield-placeholder-color: var(--color-content-tertiary);
-  --textfield-background-color: var(--color-background-primary);
   cursor: text;
   vertical-align: top;
   display: inline-flex;
@@ -13,6 +12,12 @@
 .FieldControl > * {
     cursor: text;
   }
+.FieldControl_background_main {
+    --textfield-background-color: var(--color-background-main);
+  }
+.FieldControl_background_primary {
+    --textfield-background-color: var(--color-background-primary);
+  }
 .FieldControl_size_2xs {
       --textfield-input-padding: 8px 0;
       --textfield-input-gap: var(--spacing-2xs);

package/__inner__/esm/components/FieldControl/FieldControl.d.ts

@@ -1,13 +1,4 @@
 import './FieldControl.css';
-import type { ElementType, ComponentRef } from 'react';
-import { type PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
-import type { FieldControlContextValue } from './index';
-export declare const FIELD_CONTROL_DEFAULT_TAG = "div";
-export type FieldControlRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
-export type FieldControlBaseProps = Omit<FieldControlContextValue, 'label'> & {
-    /** data-атрибут для тестирования */
-    'data-testid'?: string;
-};
-export type FieldControlProps<As extends ElementType = typeof FIELD_CONTROL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FieldControlBaseProps, As>;
+import type { FieldControlBaseProps } from './types';
 export declare const cnFieldControl: import("@bem-react/classname").ClassNameFormatter;
 export declare const FieldControl: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FieldControlBaseProps, "div", "as">;

package/__inner__/esm/components/FieldControl/FieldControl.js

@@ -5,9 +5,9 @@ import { useHover } from '../../hooks/useHover';
 import { useMultiRef } from '../../hooks/useMultiRef';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
-import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
-import { FieldControlContext } from './index';
-export var FIELD_CONTROL_DEFAULT_TAG = 'div';
+import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
+import { FIELD_CONTROL_DEFAULT_BACKGROUND, FIELD_CONTROL_DEFAULT_TAG, } from './constants';
+import { FieldControlContext } from './FieldControlContext';
 export var cnFieldControl = cn('FieldControl');
 export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
     var props = useThemeProps({
@@ -16,7 +16,7 @@ export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
     });
     var innerRef = useRef(null);
     var hovered = useHover(innerRef);
-    var _a = props.as, Tag = _a === void 0 ? FIELD_CONTROL_DEFAULT_TAG : _a, disableStrokeProp = props.disableStroke, sizeProp = props.size, disabledProp = props.disabled, requiredProp = props.required, errorProp = props.error, fullWidthProp = props.fullWidth, filledProp = props.filled, focusedProp = props.focused, children = props.children, className = props.className, otherProp = __rest(props, ["as", "disableStroke", "size", "disabled", "required", "error", "fullWidth", "filled", "focused", "children", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? FIELD_CONTROL_DEFAULT_TAG : _a, disableStrokeProp = props.disableStroke, sizeProp = props.size, disabledProp = props.disabled, requiredProp = props.required, errorProp = props.error, fullWidthProp = props.fullWidth, filledProp = props.filled, focusedProp = props.focused, children = props.children, className = props.className, _b = props.background, background = _b === void 0 ? FIELD_CONTROL_DEFAULT_BACKGROUND : _b, otherProp = __rest(props, ["as", "disableStroke", "size", "disabled", "required", "error", "fullWidth", "filled", "focused", "children", "className", "background"]);
     var focused = focusedProp;
     var filled = filledProp;
     var size = sizeProp;
@@ -34,7 +34,7 @@ export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
         error: error,
         fullWidth: fullWidth,
     };
-    var _b = __read(useState(initialState), 2), state = _b[0], setState = _b[1];
+    var _c = __read(useState(initialState), 2), state = _c[0], setState = _c[1];
     var label = state.label, value = state.value;
     if (size === undefined && state.size) {
         size = state.size;
@@ -70,6 +70,7 @@ export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
             focused: focused,
             disableStroke: disableStroke,
             hasLabel: !!label,
+            background: background,
         }, [className]) }, otherProp, { ref: useMultiRef([ref, innerRef]) }),
         React.createElement(FieldControlContext.Provider, { value: [
                 {
@@ -84,6 +85,7 @@ export var FieldControl = polymorphicComponentWithRef(function (inProps, ref) {
                     hovered: hovered,
                     value: value,
                     disableStroke: disableStroke,
+                    background: background,
                 },
                 setState,
             ] }, children)));

package/__inner__/esm/components/FieldControl/FieldControlContext.d.ts

@@ -1,6 +1,7 @@
 import type { Dispatch, SetStateAction } from 'react';
 import React from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
+import type { FieldControlBackgroundVariant } from './entities';
 export type FieldControlContextValue = {
     size?: FormElementSizeVariant;
     error?: boolean;
@@ -13,6 +14,7 @@ export type FieldControlContextValue = {
     label?: string;
     disableStroke?: boolean;
     value?: string | number;
+    background?: FieldControlBackgroundVariant;
 };
 export declare const FieldControlContext: React.Context<[FieldControlContextValue, Dispatch<SetStateAction<FieldControlContextValue>>]>;
 export declare const useFieldControl: () => [FieldControlContextValue, Dispatch<SetStateAction<FieldControlContextValue>>];

package/__inner__/esm/components/FieldControl/constants.d.ts

@@ -0,0 +1,2 @@
+export declare const FIELD_CONTROL_DEFAULT_TAG = "div";
+export declare const FIELD_CONTROL_DEFAULT_BACKGROUND = "primary";

package/__inner__/esm/components/FieldControl/constants.js

@@ -0,0 +1,2 @@
+export var FIELD_CONTROL_DEFAULT_TAG = 'div';
+export var FIELD_CONTROL_DEFAULT_BACKGROUND = 'primary';

package/__inner__/esm/components/FieldControl/entities/background.d.ts

@@ -0,0 +1,2 @@
+export declare const fieldControlBackgroundVariant: readonly ["main", "primary"];
+export type FieldControlBackgroundVariant = (typeof fieldControlBackgroundVariant)[number];

package/__inner__/esm/components/FieldControl/entities/background.js

@@ -0,0 +1,2 @@
+import { formElementBackgroundVariant } from '../../../types';
+export var fieldControlBackgroundVariant = formElementBackgroundVariant;

package/__inner__/esm/components/FieldControl/entities/index.d.ts

@@ -0,0 +1 @@
+export * from './background';

package/__inner__/esm/components/FieldControl/entities/index.js

@@ -0,0 +1 @@
+export * from './background';

package/__inner__/esm/components/FieldControl/index.d.ts

@@ -1,2 +1,5 @@
+export * from './constants';
+export * from './entities';
 export * from './FieldControl';
 export * from './FieldControlContext';
+export * from './types';

package/__inner__/esm/components/FieldControl/index.js

@@ -1,2 +1,5 @@
+export * from './constants';
+export * from './entities';
 export * from './FieldControl';
 export * from './FieldControlContext';
+export * from './types';

package/__inner__/esm/components/FieldControl/types.d.ts

@@ -0,0 +1,10 @@
+import type { ComponentRef, ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils';
+import type { FIELD_CONTROL_DEFAULT_TAG } from './constants';
+import type { FieldControlContextValue } from './FieldControlContext';
+export type FieldControlRef = ComponentRef<typeof FIELD_CONTROL_DEFAULT_TAG>;
+export type FieldControlBaseProps = Omit<FieldControlContextValue, 'label'> & {
+    /** data-атрибут для тестирования */
+    'data-testid'?: string;
+};
+export type FieldControlProps<As extends ElementType = typeof FIELD_CONTROL_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<FieldControlBaseProps, As>;