@ozen-ui/kit 0.78.0 → 0.79.0

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

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/components/DatePicker/entities/renderLeft.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/components/DatePicker/entities/renderRight.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/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__/cjs/components/DatePicker/entities/size.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.datePickerSizeVariant = void 0;
+var types_1 = require("../../../types");
+exports.datePickerSizeVariant = types_1.formElementSizeVariant;

package/__inner__/cjs/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__/cjs/components/DatePicker/entities/value.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

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

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

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

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./DatePicker"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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__/cjs/components/DatePicker/types.js

@@ -1,6 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.datePickerSizeVariant = exports.datePickerModeVariant = void 0;
-var types_1 = require("../../types");
-exports.datePickerModeVariant = ['date', 'date-range'];
-exports.datePickerSizeVariant = types_1.formElementSizeVariant;

package/__inner__/cjs/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__/cjs/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__/cjs/components/FieldControl/FieldControl.js

@@ -1,6 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.FieldControl = exports.cnFieldControl = exports.FIELD_CONTROL_DEFAULT_TAG = void 0;
+exports.FieldControl = exports.cnFieldControl = void 0;
 var tslib_1 = require("tslib");
 require("./FieldControl.css");
 var react_1 = tslib_1.__importStar(require("react"));
@@ -9,8 +9,8 @@ var useMultiRef_1 = require("../../hooks/useMultiRef");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
-var index_1 = require("./index");
-exports.FIELD_CONTROL_DEFAULT_TAG = 'div';
+var constants_1 = require("./constants");
+var FieldControlContext_1 = require("./FieldControlContext");
 exports.cnFieldControl = (0, classname_1.cn)('FieldControl');
 exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
@@ -19,7 +19,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
     });
     var innerRef = (0, react_1.useRef)(null);
     var hovered = (0, useHover_1.useHover)(innerRef);
-    var _a = props.as, Tag = _a === void 0 ? exports.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 = tslib_1.__rest(props, ["as", "disableStroke", "size", "disabled", "required", "error", "fullWidth", "filled", "focused", "children", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? constants_1.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 ? constants_1.FIELD_CONTROL_DEFAULT_BACKGROUND : _b, otherProp = tslib_1.__rest(props, ["as", "disableStroke", "size", "disabled", "required", "error", "fullWidth", "filled", "focused", "children", "className", "background"]);
     var focused = focusedProp;
     var filled = filledProp;
     var size = sizeProp;
@@ -37,7 +37,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
         error: error,
         fullWidth: fullWidth,
     };
-    var _b = tslib_1.__read((0, react_1.useState)(initialState), 2), state = _b[0], setState = _b[1];
+    var _c = tslib_1.__read((0, react_1.useState)(initialState), 2), state = _c[0], setState = _c[1];
     var label = state.label, value = state.value;
     if (size === undefined && state.size) {
         size = state.size;
@@ -73,8 +73,9 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
             focused: focused,
             disableStroke: disableStroke,
             hasLabel: !!label,
+            background: background,
         }, [className]) }, otherProp, { ref: (0, useMultiRef_1.useMultiRef)([ref, innerRef]) }),
-        react_1.default.createElement(index_1.FieldControlContext.Provider, { value: [
+        react_1.default.createElement(FieldControlContext_1.FieldControlContext.Provider, { value: [
                 {
                     error: error,
                     fullWidth: fullWidth,
@@ -87,6 +88,7 @@ exports.FieldControl = (0, polymorphicComponentWithRef_1.polymorphicComponentWit
                     hovered: hovered,
                     value: value,
                     disableStroke: disableStroke,
+                    background: background,
                 },
                 setState,
             ] }, children)));

package/__inner__/cjs/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__/cjs/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__/cjs/components/FieldControl/constants.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.FIELD_CONTROL_DEFAULT_BACKGROUND = exports.FIELD_CONTROL_DEFAULT_TAG = void 0;
+exports.FIELD_CONTROL_DEFAULT_TAG = 'div';
+exports.FIELD_CONTROL_DEFAULT_BACKGROUND = 'primary';

package/__inner__/cjs/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__/cjs/components/FieldControl/entities/background.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.fieldControlBackgroundVariant = void 0;
+var types_1 = require("../../../types");
+exports.fieldControlBackgroundVariant = types_1.formElementBackgroundVariant;

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

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

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

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./background"), exports);

package/__inner__/cjs/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__/cjs/components/FieldControl/index.js

@@ -1,5 +1,8 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./constants"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
 tslib_1.__exportStar(require("./FieldControl"), exports);
 tslib_1.__exportStar(require("./FieldControlContext"), exports);
+tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/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>;

package/__inner__/cjs/components/FieldControl/types.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/File/File.js

@@ -20,7 +20,7 @@ exports.File = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(fu
             return react_1.default.createElement(Loader_1.Loader, { color: "var(--color-content-disabled)", size: "s" });
         }
         if (error) {
-            return (react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { color: "var(--color-content-error)", size: "s" }));
+            return (react_1.default.createElement(icons_1.WarningTriangleIcon, { color: "var(--color-content-error)", size: "s" }));
         }
         return children;
     }, [children, loading, error]);

package/__inner__/cjs/components/FileIcon/FileIcon.js

@@ -24,10 +24,10 @@ exports.FileIcon = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef
             return react_1.default.createElement(Loader_1.Loader, { color: "currentcolor", size: iconSize });
         }
         if (status === 'error') {
-            return react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: iconSize });
+            return react_1.default.createElement(icons_1.WarningTriangleIcon, { size: iconSize });
         }
         if (status === 'unknown') {
-            return react_1.default.createElement(icons_1.QuestionCircleOutlineIcon, { size: iconSize });
+            return react_1.default.createElement(icons_1.QuestionCircleIcon, { size: iconSize });
         }
         return (0, renderContent_1.renderContent)({ content: children, props: { size: iconSize } });
     })();

package/__inner__/cjs/components/FilePicker/entities/background.d.ts

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

package/__inner__/cjs/components/FilePicker/entities/background.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filePickerBackgroundVariant = void 0;
+var FieldControl_1 = require("../../FieldControl");
+exports.filePickerBackgroundVariant = FieldControl_1.fieldControlBackgroundVariant;

package/__inner__/cjs/components/FilePicker/entities/deprecated.d.ts

@@ -0,0 +1,14 @@
+import type { Ref } from 'react';
+import type { FieldLabelProps } from '../../FieldLabel';
+export type FilePickerPropsDeprecated = {
+    /**
+     * Ссылка на FieldLabel
+     * @deprecated Используйте `labelProps.ref`
+     * */
+    labelRef?: FieldLabelProps['ref'];
+    /**
+     * Ссылка на элемент input
+     * @deprecated Используйте `inputProps.ref`
+     * */
+    inputRef?: Ref<HTMLInputElement>;
+};

package/__inner__/cjs/components/FilePicker/entities/deprecated.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FilePicker/entities/index.d.ts

@@ -0,0 +1,4 @@
+export * from './background';
+export * from './deprecated';
+export * from './size';
+export * from './value';

package/__inner__/cjs/components/FilePicker/entities/index.js

@@ -0,0 +1,7 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./background"), exports);
+tslib_1.__exportStar(require("./deprecated"), exports);
+tslib_1.__exportStar(require("./size"), exports);
+tslib_1.__exportStar(require("./value"), exports);

package/__inner__/cjs/components/FilePicker/entities/size.d.ts

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

package/__inner__/cjs/components/FilePicker/entities/size.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.filePickerSizeVariant = void 0;
+var types_1 = require("../../../types");
+exports.filePickerSizeVariant = types_1.formElementSizeVariant;

package/__inner__/cjs/components/FilePicker/entities/value.d.ts

@@ -0,0 +1,2 @@
+import type { ReactNode } from 'react';
+export type FilePickerRenderValue = (value: File[]) => ReactNode | null;

package/__inner__/cjs/components/FilePicker/entities/value.js

@@ -0,0 +1,2 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });

package/__inner__/cjs/components/FilePicker/index.d.ts

@@ -1,2 +1,3 @@
+export * from './entities';
 export * from './types';
 export * from './FilePicker';

package/__inner__/cjs/components/FilePicker/index.js

@@ -1,5 +1,6 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
 tslib_1.__exportStar(require("./types"), exports);
 tslib_1.__exportStar(require("./FilePicker"), exports);

package/__inner__/cjs/components/FilePicker/types.d.ts

@@ -1,25 +1,11 @@
-import type { ChangeEventHandler, ComponentPropsWithRef, ComponentRef, KeyboardEvent, MouseEvent, ReactNode, Ref } from 'react';
+import type { ChangeEventHandler, ComponentPropsWithRef, ComponentRef, KeyboardEvent, MouseEvent } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldIconProps } from '../FieldIcon';
 import type { FieldLabelProps } from '../FieldLabel';
-export type FilePickerSizeVariant = FormElementSizeVariant;
-export type FilePickerRenderValue = (value: File[]) => ReactNode | null;
+import type { FilePickerRenderValue, FilePickerSizeVariant, FilePickerPropsDeprecated, FilePickerBackgroundVariant } from './entities';
 type InputElement = ComponentPropsWithRef<'input'>;
 export type FilePickerRef = ComponentRef<'div'>;
-export type FilePickerPropsDeprecated = {
-    /**
-     * Ссылка на FieldLabel
-     * @deprecated Используйте `labelProps.ref`
-     * */
-    labelRef?: FieldLabelProps['ref'];
-    /**
-     * Ссылка на элемент input
-     * @deprecated Используйте `inputProps.ref`
-     * */
-    inputRef?: Ref<HTMLInputElement>;
-};
 export type FilePickerProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
     id?: string;
@@ -77,6 +63,8 @@ export type FilePickerProps = ExtendableComponentPropsWithRef<{
     }) => void;
     /** Дополнительные css-классы */
     className?: string;
+    /** Задний фон */
+    background?: FilePickerBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 } & FilePickerPropsDeprecated, 'div'>;

package/__inner__/cjs/components/Input/Input.js

@@ -21,7 +21,7 @@ exports.Input = (0, react_1.forwardRef)(function (inProps, ref) {
         props: inProps,
         name: 'Input',
     });
-    var _a = props.size, size = _a === void 0 ? constants_1.INPUT_DEFAULT_SIZE : _a, label = props.label, error = props.error, autoFocus = props.autoFocus, placeholder = props.placeholder, id = props.id, name = props.name, type = props.type, renderLeft = props.renderLeft, renderRight = props.renderRight, fullWidth = props.fullWidth, disabled = props.disabled, hint = props.hint, required = props.required, className = props.className, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, inputProps = props.inputProps, bodyProps = props.bodyProps, labelProps = props.labelProps, hintProps = props.hintProps, maxLength = props.maxLength, minLength = props.minLength, inputRef = props.inputRef, labelRef = props.labelRef, other = tslib_1.__rest(props, ["size", "label", "error", "autoFocus", "placeholder", "id", "name", "type", "renderLeft", "renderRight", "fullWidth", "disabled", "hint", "required", "className", "value", "defaultValue", "onChange", "inputProps", "bodyProps", "labelProps", "hintProps", "maxLength", "minLength", "inputRef", "labelRef"]);
+    var _a = props.size, size = _a === void 0 ? constants_1.INPUT_DEFAULT_SIZE : _a, label = props.label, error = props.error, autoFocus = props.autoFocus, placeholder = props.placeholder, id = props.id, name = props.name, type = props.type, renderLeft = props.renderLeft, renderRight = props.renderRight, fullWidth = props.fullWidth, disabled = props.disabled, hint = props.hint, required = props.required, className = props.className, value = props.value, defaultValue = props.defaultValue, onChange = props.onChange, inputProps = props.inputProps, bodyProps = props.bodyProps, labelProps = props.labelProps, hintProps = props.hintProps, maxLength = props.maxLength, minLength = props.minLength, inputRef = props.inputRef, labelRef = props.labelRef, background = props.background, other = tslib_1.__rest(props, ["size", "label", "error", "autoFocus", "placeholder", "id", "name", "type", "renderLeft", "renderRight", "fullWidth", "disabled", "hint", "required", "className", "value", "defaultValue", "onChange", "inputProps", "bodyProps", "labelProps", "hintProps", "maxLength", "minLength", "inputRef", "labelRef", "background"]);
     var bodyInnerRef = (0, react_1.useRef)(null);
     var fieldInnerRef = (0, react_1.useRef)(null);
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
@@ -40,7 +40,7 @@ exports.Input = (0, react_1.forwardRef)(function (inProps, ref) {
             }
         },
     });
-    return (react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: (0, exports.cnInput)({}, [className]) }),
+    return (react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: (0, exports.cnInput)({}, [className]), background: background }),
         react_1.default.createElement("label", tslib_1.__assign({}, bodyProps, { className: (0, exports.cnInput)('Body', [bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.className]), ref: (0, useMultiRef_1.useMultiRef)([bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref, bodyInnerRef]) }),
             react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderLeft }),
             react_1.default.createElement("div", { className: (0, exports.cnInput)('FieldContainer') },

package/__inner__/cjs/components/Input/entities/background.d.ts

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

package/__inner__/cjs/components/Input/entities/background.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputBackgroundVariant = void 0;
+var FieldControl_1 = require("../../FieldControl");
+exports.inputBackgroundVariant = FieldControl_1.fieldControlBackgroundVariant;

package/__inner__/cjs/components/Input/entities/index.d.ts

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

package/__inner__/cjs/components/Input/entities/index.js

@@ -0,0 +1,6 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./background"), exports);
+tslib_1.__exportStar(require("./size"), exports);
+tslib_1.__exportStar(require("./type"), exports);

package/__inner__/cjs/components/Input/entities/size.d.ts

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

package/__inner__/cjs/components/Input/entities/size.js

@@ -0,0 +1,5 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputSizeVariant = void 0;
+var types_1 = require("../../../types");
+exports.inputSizeVariant = types_1.formElementSizeVariant;

package/__inner__/cjs/components/Input/entities/type.d.ts

@@ -0,0 +1,2 @@
+export declare const inputTypeVariant: readonly ["number", "date", "datetime-local", "time", "text", "tel", "password", "email"];
+export type InputTypeVariant = (typeof inputTypeVariant)[number];

package/__inner__/cjs/components/Input/entities/type.js

@@ -0,0 +1,13 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.inputTypeVariant = void 0;
+exports.inputTypeVariant = [
+    'number',
+    'date',
+    'datetime-local',
+    'time',
+    'text',
+    'tel',
+    'password',
+    'email',
+];

package/__inner__/cjs/components/Input/index.d.ts

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

package/__inner__/cjs/components/Input/index.js

@@ -1,5 +1,7 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./Input"), exports);
 tslib_1.__exportStar(require("./types"), exports);

package/__inner__/cjs/components/Input/types.d.ts

@@ -1,14 +1,11 @@
 import type { ComponentPropsWithRef, ComponentRef, Ref } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types/ExtendableComponentPropsWithRef';
-import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { FIELD_CONTROL_DEFAULT_TAG } from '../FieldControl';
 import type { FieldHintProps } from '../FieldHint';
 import type { FieldIconProps } from '../FieldIcon';
 import type { FieldInputProps } from '../FieldInput';
 import type { FieldLabelProps } from '../FieldLabel';
-export declare const inputTypeVariant: readonly ["number", "date", "datetime-local", "time", "text", "tel", "password", "email"];
-export type InputTypeVariant = (typeof inputTypeVariant)[number];
-export type InputSizeVariant = FormElementSizeVariant;
+import type { InputBackgroundVariant, InputSizeVariant, InputTypeVariant } from './entities';
 type InputPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
@@ -73,6 +70,8 @@ export type InputProps = ExtendableComponentPropsWithRef<{
     bodyProps?: ComponentPropsWithRef<'label'>;
     /** Cвойства FieldHint */
     hintProps?: Omit<FieldHintProps, 'children'>;
+    /** Задний фон */
+    background?: InputBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 } & InputPropsDeprecated, typeof FIELD_CONTROL_DEFAULT_TAG>;

package/__inner__/cjs/components/Input/types.js

@@ -1,13 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.inputTypeVariant = void 0;
-exports.inputTypeVariant = [
-    'number',
-    'date',
-    'datetime-local',
-    'time',
-    'text',
-    'tel',
-    'password',
-    'email',
-];