@ozen-ui/kit 0.78.0 → 0.80.0

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

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

package/__inner__/esm/components/File/File.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './File.css';
 import React, { useMemo } from 'react';
-import { WarningTriangleOutlineIcon } from '@ozen-ui/icons';
+import { WarningTriangleIcon } from '@ozen-ui/icons';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef, } from '../../utils/polymorphicComponentWithRef';
@@ -17,7 +17,7 @@ export var File = polymorphicComponentWithRef(function (inProps, ref) {
             return React.createElement(Loader, { color: "var(--color-content-disabled)", size: "s" });
         }
         if (error) {
-            return (React.createElement(WarningTriangleOutlineIcon, { color: "var(--color-content-error)", size: "s" }));
+            return (React.createElement(WarningTriangleIcon, { color: "var(--color-content-error)", size: "s" }));
         }
         return children;
     }, [children, loading, error]);

package/__inner__/esm/components/FileIcon/FileIcon.js

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
 import './FileIcon.css';
 import React from 'react';
-import { QuestionCircleOutlineIcon, WarningTriangleOutlineIcon, } from '@ozen-ui/icons';
+import { QuestionCircleIcon, WarningTriangleIcon } from '@ozen-ui/icons';
 import { useThemeProps } from '../../hooks/useThemeProps';
 import { cn } from '../../utils/classname';
 import { polymorphicComponentWithRef } from '../../utils/polymorphicComponentWithRef';
@@ -21,10 +21,10 @@ export var FileIcon = polymorphicComponentWithRef(function (inProps, ref) {
             return React.createElement(Loader, { color: "currentcolor", size: iconSize });
         }
         if (status === 'error') {
-            return React.createElement(WarningTriangleOutlineIcon, { size: iconSize });
+            return React.createElement(WarningTriangleIcon, { size: iconSize });
         }
         if (status === 'unknown') {
-            return React.createElement(QuestionCircleOutlineIcon, { size: iconSize });
+            return React.createElement(QuestionCircleIcon, { size: iconSize });
         }
         return renderContent({ content: children, props: { size: iconSize } });
     })();

package/__inner__/esm/components/FilePicker/FilePicker.js

@@ -63,7 +63,7 @@ export var FilePicker = forwardRef(function (inProps, ref) {
                 React.createElement("input", __assign({ id: id, name: name, accept: accept, multiple: multiple, onBlur: handleBlur, required: required, disabled: disabled, autoFocus: autoFocus, onFocus: handleFocus, className: cnFilePicker('Input') }, inputProps, { type: "file", onChange: onChange, onKeyDown: onKeyDown, ref: useMultiRef([inputRef || (inputProps === null || inputProps === void 0 ? void 0 : inputProps.ref), inputInnerRef]) })),
                 hasFiles ? (React.createElement("span", { className: cnFilePicker('FileName') }, renderValue(fileList, disableTruncate))) : (React.createElement("span", { "aria-placeholder": placeholder, className: cnFilePicker('Placeholder') }, placeholder))),
             React.createElement("div", { className: cnFilePicker('RenderRight') },
-                onClearProp && (React.createElement(IconButton, { size: size, tabIndex: -1, icon: CrossIcon, onClick: onClear, variant: "function", "aria-label": clearText, className: cnFilePicker('ClearButton', {
+                onClearProp && (React.createElement(IconButton, { size: size, tabIndex: -1, icon: CrossIcon, color: "tertiary", onClick: onClear, variant: "function", "aria-label": clearText, className: cnFilePicker('ClearButton', {
                         visibility: hasFiles,
                     }) })),
                 React.createElement(FieldIcon, { icon: renderRight })),

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

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

package/__inner__/esm/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__/esm/components/FilePicker/entities/deprecated.js

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

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/__inner__/esm/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__/esm/components/IconButtonNext/IconButton.css

@@ -90,10 +90,10 @@
       --color-content-action-secondary-pressed
     );
     --icon-button-bg-color-focus: var(--color-content-action-secondary-hover);
-    --icon-button-font-color: var(--color-content-action-on);
-    --icon-button-font-color-hover: var(--color-content-action-on);
-    --icon-button-font-color-active: var(--color-content-action-on);
-    --icon-button-font-color-focus: var(--color-content-action-on);
+    --icon-button-font-color: var(--color-content-primary-inverse);
+    --icon-button-font-color-hover: var(--color-content-primary-inverse);
+    --icon-button-font-color-active: var(--color-content-primary-inverse);
+    --icon-button-font-color-focus: var(--color-content-primary-inverse);
   }
 
   .IconButtonNext_variant_contained.IconButtonNext_color_tertiary {
@@ -125,17 +125,17 @@
     --icon-button-bg-color-hover: var(--color-background-action-light-hover);
     --icon-button-bg-color-active: var(--color-background-action-light-pressed);
     --icon-button-bg-color-focus: var(--color-background-action-light-hover);
-    --icon-button-font-color: var(--color-content-action);
-    --icon-button-font-color-hover: var(--color-content-action);
-    --icon-button-font-color-active: var(--color-content-action);
-    --icon-button-font-color-focus: var(--color-content-action);
+    --icon-button-font-color: var(--color-content-action-dark);
+    --icon-button-font-color-hover: var(--color-content-action-dark);
+    --icon-button-font-color-active: var(--color-content-action-dark);
+    --icon-button-font-color-focus: var(--color-content-action-dark);
   }
 
   .IconButtonNext_variant_contained-additional.IconButtonNext_color_secondary {
-    --icon-button-bg-color: var(--color-background-secondary);
-    --icon-button-bg-color-hover: var(--color-background-secondary-hover);
-    --icon-button-bg-color-active: var(--color-background-secondary-pressed);
-    --icon-button-bg-color-focus: var(--color-background-secondary-hover);
+    --icon-button-bg-color: var(--color-background-action-secondary-light);
+    --icon-button-bg-color-hover: var(--color-background-action-secondary-light-hover);
+    --icon-button-bg-color-active: var(--color-background-action-secondary-light-pressed);
+    --icon-button-bg-color-focus: var(--color-background-action-secondary-light-hover);
     --icon-button-font-color: var(--color-content-primary);
     --icon-button-font-color-hover: var(--color-content-primary);
     --icon-button-font-color-active: var(--color-content-primary);
@@ -158,10 +158,10 @@
     --icon-button-bg-color-hover: var(--color-background-error-light-hover);
     --icon-button-bg-color-active: var(--color-background-error-light-pressed);
     --icon-button-bg-color-focus: var(--color-background-error-light-hover);
-    --icon-button-font-color: var(--color-content-error);
-    --icon-button-font-color-hover: var(--color-content-error);
-    --icon-button-font-color-active: var(--color-content-error);
-    --icon-button-font-color-focus: var(--color-content-error);
+    --icon-button-font-color: var(--color-content-error-dark);
+    --icon-button-font-color-hover: var(--color-content-error-dark);
+    --icon-button-font-color-active: var(--color-content-error-dark);
+    --icon-button-font-color-focus: var(--color-content-error-dark);
   }
 
   /** ghost */
@@ -179,9 +179,9 @@
 
   .IconButtonNext_variant_ghost.IconButtonNext_color_secondary {
     --icon-button-bg-color: transparent;
-    --icon-button-bg-color-hover: var(--color-background-secondary-hover);
-    --icon-button-bg-color-active: var(--color-background-secondary-pressed);
-    --icon-button-bg-color-focus: var(--color-background-secondary-hover);
+    --icon-button-bg-color-hover: var(--color-background-action-secondary-light);
+    --icon-button-bg-color-active: var(--color-background-action-secondary-light-pressed);
+    --icon-button-bg-color-focus: var(--color-background-action-secondary-light-hover);
     --icon-button-font-color: var(--color-content-primary);
     --icon-button-font-color-hover: var(--color-content-primary);
     --icon-button-font-color-active: var(--color-content-primary);
@@ -230,32 +230,28 @@
     --icon-button-font-color: var(--color-content-action);
     --icon-button-font-color-hover: var(--color-background-action-hover);
     --icon-button-font-color-active: var(--color-background-action-pressed);
-    --icon-button-font-color-focus: var(--color-background-action-pressed);
+    --icon-button-font-color-focus: var(--color-background-action-hover);
   }
 
   .IconButtonNext_variant_function.IconButtonNext_color_secondary {
     --icon-button-font-color: var(--color-content-action-secondary);
     --icon-button-font-color-hover: var(--color-content-action-secondary-hover);
-    --icon-button-font-color-active: var(
-      --color-content-action-secondary-pressed
-    );
-    --icon-button-font-color-focus: var(
-      --color-content-action-secondary-pressed
-    );
+    --icon-button-font-color-active: var(--color-content-action-secondary-pressed);
+    --icon-button-font-color-focus: var(--color-content-action-secondary-hover);
   }
 
   .IconButtonNext_variant_function.IconButtonNext_color_tertiary {
     --icon-button-font-color: var(--color-content-secondary);
-    --icon-button-font-color-hover: var(--color-content-secondary);
-    --icon-button-font-color-active: var(--color-content-secondary);
-    --icon-button-font-color-focus: var(--color-content-secondary);
+    --icon-button-font-color-hover: var(--color-content-primary);
+    --icon-button-font-color-active: var(--color-content-primary);
+    --icon-button-font-color-focus: var(--color-content-primary);
   }
 
   .IconButtonNext_variant_function.IconButtonNext_color_error {
     --icon-button-font-color: var(--color-content-error);
     --icon-button-font-color-hover: var(--color-content-error-hover);
     --icon-button-font-color-active: var(--color-content-error-pressed);
-    --icon-button-font-color-focus: var(--color-content-error-pressed);
+    --icon-button-font-color-focus: var(--color-content-error-hover);
   }
 
   /** floating */

package/__inner__/esm/components/Input/Input.js

@@ -18,7 +18,7 @@ export var Input = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'Input',
     });
-    var _a = props.size, size = _a === void 0 ? 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 = __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 ? 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 = __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 = useRef(null);
     var fieldInnerRef = useRef(null);
     /* Хук useEventListener необходим для того, чтобы при нажатии на кнопку мыши
@@ -37,7 +37,7 @@ export var Input = forwardRef(function (inProps, ref) {
             }
         },
     });
-    return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: cnInput({}, [className]) }),
+    return (React.createElement(FieldControl, __assign({ size: size, error: error, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: cnInput({}, [className]), background: background }),
         React.createElement("label", __assign({}, bodyProps, { className: cnInput('Body', [bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.className]), ref: useMultiRef([bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref, bodyInnerRef]) }),
             React.createElement(FieldIcon, { icon: renderLeft }),
             React.createElement("div", { className: cnInput('FieldContainer') },

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

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

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

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

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

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

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

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

package/__inner__/esm/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__/esm/components/Input/entities/type.js

@@ -0,0 +1,10 @@
+export var inputTypeVariant = [
+    'number',
+    'date',
+    'datetime-local',
+    'time',
+    'text',
+    'tel',
+    'password',
+    'email',
+];

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

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

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

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

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

@@ -1,10 +1 @@
-export var inputTypeVariant = [
-    'number',
-    'date',
-    'datetime-local',
-    'time',
-    'text',
-    'tel',
-    'password',
-    'email',
-];
+export {};

package/__inner__/esm/components/InputNumber/InputNumber.js

@@ -24,7 +24,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
         props: inProps,
         name: 'InputNumber',
     });
-    var _a = props.size, size = _a === void 0 ? INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, bodyProps = props.bodyProps, hintProps = props.hintProps, incrementButtonText = props.incrementButtonText, decrementButtonText = props.decrementButtonText, other = __rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps", "bodyProps", "hintProps", "incrementButtonText", "decrementButtonText"]);
+    var _a = props.size, size = _a === void 0 ? INPUT_NUMBER_DEFAULT_SIZE : _a, _b = props.step, step = _b === void 0 ? INPUT_NUMBER_DEFAULT_STEP : _b, _c = props.autoFocus, autoFocus = _c === void 0 ? INPUT_NUMBER_DEFAULT_AUTO_FOCUS : _c, _d = props.error, error = _d === void 0 ? INPUT_NUMBER_DEFAULT_ERROR : _d, _e = props.required, required = _e === void 0 ? INPUT_NUMBER_DEFAULT_REQUIRED : _e, _f = props.disabled, disabled = _f === void 0 ? INPUT_NUMBER_DEFAULT_DISABLED : _f, _g = props.fullWidth, fullWidth = _g === void 0 ? INPUT_NUMBER_DEFAULT_FULL_WIDTH : _g, _h = props.defaultValue, defaultValue = _h === void 0 ? INPUT_NUMBER_DEFAULT_VALUE : _h, _j = props.min, min = _j === void 0 ? INPUT_NUMBER_DEFAULT_MIN : _j, _k = props.max, max = _k === void 0 ? INPUT_NUMBER_DEFAULT_MAX : _k, label = props.label, placeholder = props.placeholder, id = props.id, name = props.name, renderLeft = props.renderLeft, renderRight = props.renderRight, hint = props.hint, className = props.className, inputProps = props.inputProps, valueProp = props.value, onChange = props.onChange, labelRef = props.labelRef, labelProps = props.labelProps, bodyProps = props.bodyProps, hintProps = props.hintProps, incrementButtonText = props.incrementButtonText, decrementButtonText = props.decrementButtonText, background = props.background, other = __rest(props, ["size", "step", "autoFocus", "error", "required", "disabled", "fullWidth", "defaultValue", "min", "max", "label", "placeholder", "id", "name", "renderLeft", "renderRight", "hint", "className", "inputProps", "value", "onChange", "labelRef", "labelProps", "bodyProps", "hintProps", "incrementButtonText", "decrementButtonText", "background"]);
     var _l = __read(useBoolean(false), 2), focused = _l[0], _m = _l[1], onFocus = _m.on, offFocus = _m.off;
     var _o = __read(useState(null), 2), timeoutId = _o[0], setTimeoutId = _o[1];
     var _p = __read(useState(null), 2), countDirection = _p[0], setCountDirection = _p[1];
@@ -126,7 +126,7 @@ export var InputNumber = forwardRef(function (inProps, ref) {
             onChange === null || onChange === void 0 ? void 0 : onChange(null, { id: id, name: name, value: value });
         }
     }, countDirection ? 100 : null);
-    return (React.createElement(FieldControl, __assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: cnInputNumber({ size: size }, [className]) }),
+    return (React.createElement(FieldControl, __assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, background: background, className: cnInputNumber({ size: size }, [className]) }),
         React.createElement("label", __assign({}, bodyProps, { className: cnInputNumber('Body'), ref: useMultiRef([bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.ref, bodyInnerRef]) }),
             React.createElement(FieldIcon, { icon: renderLeft }),
             React.createElement("div", { className: cnInputNumber('FieldContainer') },

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

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

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

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

package/__inner__/esm/components/InputNumber/entities/direction.d.ts

@@ -0,0 +1 @@
+export type InputNumberCountDirection = 'increment' | 'decrement';

package/__inner__/esm/components/InputNumber/entities/direction.js

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

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+export type InputNumberEmptyValue = '';
+export type InputNumberValue = number | InputNumberEmptyValue;

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

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

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

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

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

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

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

@@ -1,9 +1,9 @@
 import type { ChangeEvent, ComponentPropsWithRef, ComponentRef, 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';
+import type { InputNumberSizeVariant, InputNumberValue, InputNumberBackgroundVariant } from './entities';
 type InputNumberPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
@@ -11,11 +11,7 @@ type InputNumberPropsDeprecated = {
      * */
     labelRef?: FieldLabelProps['ref'];
 };
-export type InputNumberSizeVariant = FormElementSizeVariant;
 export type InputElement = ComponentPropsWithRef<'input'>;
-export type InputNumberEmptyValue = '';
-export type InputNumberValue = number | InputNumberEmptyValue;
-export type InputNumberCountDirection = 'increment' | 'decrement';
 export type InputNumberRef = ComponentRef<'div'>;
 export type InputNumberProps = ExtendableComponentPropsWithRef<{
     /** Атрибут id для элемента input */
@@ -78,5 +74,7 @@ export type InputNumberProps = ExtendableComponentPropsWithRef<{
     incrementButtonText?: string;
     /** Текст для кнопки уменьшения числового значения */
     decrementButtonText?: string;
+    /** Задний фон */
+    background?: InputNumberBackgroundVariant;
 } & InputNumberPropsDeprecated, 'div'>;
 export {};

package/__inner__/esm/components/InputNumber/utils.d.ts

@@ -1,5 +1,5 @@
 import type { KeyboardEvent } from 'react';
-import type { InputNumberValue, InputNumberCountDirection } from './types';
+import type { InputNumberValue, InputNumberCountDirection } from './entities';
 export declare const isValidValue: (value?: InputNumberValue) => boolean;
 export declare const isInputInvalid: (event: KeyboardEvent<HTMLInputElement>) => boolean;
 export declare const getValue: ({ value, step, min, max, countDirection, }: {

package/__inner__/esm/components/InputOTP/InputOTP.js

@@ -24,7 +24,7 @@ export var InputOTP = polymorphicComponentWithRef(function (inProps, ref) {
         props: inProps,
         name: 'InputOTP',
     });
-    var _a = props.as, as = _a === void 0 ? INPUT_OTP_DEFAULT_TAG : _a, className = props.className, length = props.length, autoComplete = props.autoComplete, _b = props.autoCompleteMode, autoCompleteMode = _b === void 0 ? INPUT_OTP_DEFAULT_AUTO_COMPLETE_MODE : _b, placeholder = props.placeholder, disabled = props.disabled, error = props.error, onChangeFromProps = props.onChange, ariaLabel = props.ariaLabel, value = props.value, defaultValue = props.defaultValue, mask = props.mask, autoFocus = props.autoFocus, onFinish = props.onFinish, onPasteFromProps = props.onPaste, onKeyDownFromProps = props.onKeyDown, _c = props.disableStroke, disableStroke = _c === void 0 ? INPUT_OTP_DEFAULT_DISABLE_STROKE : _c, validate = props.validate, _d = props.size, size = _d === void 0 ? INPUT_OTP_DEFAULT_SIZE : _d, inputProps = props.inputProps, fieldProps = props.fieldProps, _e = props.finishBehavior, finishBehavior = _e === void 0 ? INPUT_OTP_DEFAULT_FINISH_BEHAVIOR : _e, inputContainerProps = props.inputContainerProps, hint = props.hint, other = __rest(props, ["as", "className", "length", "autoComplete", "autoCompleteMode", "placeholder", "disabled", "error", "onChange", "ariaLabel", "value", "defaultValue", "mask", "autoFocus", "onFinish", "onPaste", "onKeyDown", "disableStroke", "validate", "size", "inputProps", "fieldProps", "finishBehavior", "inputContainerProps", "hint"]);
+    var _a = props.as, as = _a === void 0 ? INPUT_OTP_DEFAULT_TAG : _a, className = props.className, length = props.length, autoComplete = props.autoComplete, _b = props.autoCompleteMode, autoCompleteMode = _b === void 0 ? INPUT_OTP_DEFAULT_AUTO_COMPLETE_MODE : _b, placeholder = props.placeholder, disabled = props.disabled, error = props.error, onChangeFromProps = props.onChange, ariaLabel = props.ariaLabel, value = props.value, defaultValue = props.defaultValue, mask = props.mask, autoFocus = props.autoFocus, onFinish = props.onFinish, onPasteFromProps = props.onPaste, onKeyDownFromProps = props.onKeyDown, _c = props.disableStroke, disableStroke = _c === void 0 ? INPUT_OTP_DEFAULT_DISABLE_STROKE : _c, validate = props.validate, _d = props.size, size = _d === void 0 ? INPUT_OTP_DEFAULT_SIZE : _d, inputProps = props.inputProps, fieldProps = props.fieldProps, _e = props.finishBehavior, finishBehavior = _e === void 0 ? INPUT_OTP_DEFAULT_FINISH_BEHAVIOR : _e, inputContainerProps = props.inputContainerProps, hint = props.hint, background = props.background, other = __rest(props, ["as", "className", "length", "autoComplete", "autoCompleteMode", "placeholder", "disabled", "error", "onChange", "ariaLabel", "value", "defaultValue", "mask", "autoFocus", "onFinish", "onPaste", "onKeyDown", "disableStroke", "validate", "size", "inputProps", "fieldProps", "finishBehavior", "inputContainerProps", "hint", "background"]);
     var _f = __read(useState(null), 2), focusedInputIndex = _f[0], setFocusedInputIndex = _f[1];
     var _g = __read(useControlled({
         value: isString(value) ? valueToArray(value) : value,
@@ -130,7 +130,7 @@ export var InputOTP = polymorphicComponentWithRef(function (inProps, ref) {
                         focusFirstNonFilledInput();
                     }
                 } }),
-                React.createElement(FieldControl, __assign({ size: size, disabled: disabled, error: error, disableStroke: disableStroke }, processedFieldProps, { className: cnInputOTP('Field', {
+                React.createElement(FieldControl, __assign({ size: size, disabled: disabled, error: error, disableStroke: disableStroke, background: background }, processedFieldProps, { className: cnInputOTP('Field', {
                         notAvailable: isInputDisabled,
                     }, [processedFieldProps === null || processedFieldProps === void 0 ? void 0 : processedFieldProps.className]) }),
                     React.createElement(FieldInput, __assign({ inputMode: (_a = processedInputProps === null || processedInputProps === void 0 ? void 0 : processedInputProps.inputMode) !== null && _a !== void 0 ? _a : 'numeric', type: (_b = processedInputProps === null || processedInputProps === void 0 ? void 0 : processedInputProps.type) !== null && _b !== void 0 ? _b : 'text', value: value, autoComplete: processedAutocomplete, "aria-label": ariaLabel && "".concat(ariaLabel, ": ").concat(index + 1, "."), placeholder: processedPlaceholder, disabled: isInputDisabled }, processedInputProps, { onMouseDown: function (event) {

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

@@ -1,8 +1,8 @@
 import type { StackGapVariant } from '../Stack';
-import type { InputOTPSizeVariant } from './types';
+import type { InputOTPSizeVariant } from './entities';
 export declare const INPUT_OTP_DEFAULT_TAG = "div";
 export declare const INPUT_OTP_DEFAULT_AUTO_COMPLETE_MODE = "firstOnly";
 export declare const INPUT_OTP_DEFAULT_DISABLE_STROKE = false;
 export declare const INPUT_OTP_DEFAULT_SIZE = "s";
 export declare const INPUT_OTP_SPACING_BY_SIZE: Readonly<Record<InputOTPSizeVariant, StackGapVariant>>;
-export declare const INPUT_OTP_DEFAULT_FINISH_BEHAVIOR: ({ isFullFilled }: import("./types").InputOTPFinishBehaviorContext) => boolean;
+export declare const INPUT_OTP_DEFAULT_FINISH_BEHAVIOR: ({ isFullFilled }: import("./entities").InputOTPFinishBehaviorContext) => boolean;

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

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

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

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

package/__inner__/esm/components/InputOTP/entities/dynamicParameter.d.ts

@@ -0,0 +1,2 @@
+import type { InputOTPCalculatedInput } from './input';
+export type InputOTPDynamicInputParameter<Parameter> = Parameter | ((calculatedInput: InputOTPCalculatedInput, index: number) => Parameter);

package/__inner__/esm/components/InputOTP/entities/dynamicParameter.js

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

package/__inner__/esm/components/InputOTP/entities/events.d.ts

@@ -0,0 +1,3 @@
+import type { InputOTPRawValue } from './value';
+export type InputOTPOnChange = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;
+export type InputOTPOnFinish = (value: string, rawValue: InputOTPRawValue, maskedValue: string, maskedRawValue: InputOTPRawValue) => void;

package/__inner__/esm/components/InputOTP/entities/events.js

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

package/__inner__/esm/components/InputOTP/entities/finishBehavior.d.ts

@@ -0,0 +1,20 @@
+import type { InputOTPRawValue } from './value';
+export type InputOTPFinishBehaviorContext = {
+    /** Флаг: Поле полностью заполнено */
+    isFullFilled: boolean;
+    /** Значение */
+    value: string;
+    /** Необработанное значение */
+    rawValue: InputOTPRawValue;
+    /** Значение с примененной маской */
+    maskedValue: string;
+    /** Необработанное значение с примененной маской */
+    maskedRawValue: InputOTPRawValue;
+    /** Если `true` — это изменение на последнем input */
+    isChangeOnLastInput: boolean;
+    /** index input, на котором произошло изменение */
+    inputIndex: number;
+    /** Если `true` — это нажатие Enter */
+    isEnter: boolean;
+};
+export type InputOTPFinishBehavior = (context: InputOTPFinishBehaviorContext) => boolean;

package/__inner__/esm/components/InputOTP/entities/finishBehavior.js

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

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

@@ -0,0 +1,10 @@
+export * from './background';
+export * from './dynamicParameter';
+export * from './events';
+export * from './finishBehavior';
+export * from './input';
+export * from './mask';
+export * from './mode';
+export * from './size';
+export * from './validate';
+export * from './value';