@ozen-ui/kit 0.77.0 → 0.79.0

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/border-width/ozen-default/border-width-ozen-default.css

@@ -1,4 +1,4 @@
 .OzenProvider_border-width_ozenDefault {
-  --border-width-s: 1px;
   --border-width-m: 2px;
+  --border-width-s: 1px;
 }

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/border-width/ozen-default/border-width-ozen-default.js

@@ -3,4 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.themeBorderWidthTokenOzenDefault = void 0;
 require("./border-width-ozen-default.css");
 var utility_1 = require("../utility");
-exports.themeBorderWidthTokenOzenDefault = (0, utility_1.createBorderWidthToken)('ozenDefault', { s: "1px", m: "2px" });
+exports.themeBorderWidthTokenOzenDefault = (0, utility_1.createBorderWidthToken)('ozenDefault', { m: "2px", s: "1px" });

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/control/entity.d.ts

@@ -14,6 +14,13 @@ export type ThemeControlTokenProperties = {
     'height-s': string;
     'height-m': string;
     'height-l': string;
+    'radius-l': string;
+    'radius-xl': string;
+    'radius-2xl': string;
+    'radius-m': string;
+    'radius-s': string;
+    'radius-xs': string;
+    'radius-2xs': string;
 };
 export type ThemeControlTokenVariable = keyof ThemeControlTokenProperties;
 export type ThemeControlToken = ThemeToken<ThemeControlTokenProperties>;

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/control/ozen-default/control-ozen-default.css

@@ -13,4 +13,11 @@
   --control-height-s: 48px;
   --control-height-m: 56px;
   --control-height-l: 64px;
+  --control-radius-l: 16px;
+  --control-radius-xl: 20px;
+  --control-radius-2xl: 24px;
+  --control-radius-m: 12px;
+  --control-radius-s: 12px;
+  --control-radius-xs: 8px;
+  --control-radius-2xs: 8px;
 }

package/__inner__/cjs/components/OzenProvider/providers/theme/tokens/control/ozen-default/control-ozen-default.js

@@ -18,4 +18,11 @@ exports.themeControlTokenOzenDefault = (0, utility_1.createControlToken)('ozenDe
     'height-s': "48px",
     'height-m': "56px",
     'height-l': "64px",
+    'radius-l': "16px",
+    'radius-xl': "20px",
+    'radius-2xl': "24px",
+    'radius-m': "12px",
+    'radius-s': "12px",
+    'radius-xs': "8px",
+    'radius-2xs': "8px",
 });

package/__inner__/cjs/components/SectionMessage/config.js

@@ -3,10 +3,10 @@ Object.defineProperty(exports, "__esModule", { value: true });
 exports.SECTION_MESSAGE_ICON_BY_STATUS = void 0;
 var icons_1 = require("@ozen-ui/icons");
 exports.SECTION_MESSAGE_ICON_BY_STATUS = {
-    neutral: icons_1.InfoCircleOutlineIcon,
-    info: icons_1.InfoCircleOutlineIcon,
-    warning: icons_1.WarningTriangleOutlineIcon,
-    success: icons_1.CheckCircleOutlineIcon,
-    error: icons_1.WarningCircleOutlineIcon,
-    action: icons_1.InfoCircleOutlineIcon,
+    neutral: icons_1.InfoCircleIcon,
+    info: icons_1.InfoCircleIcon,
+    warning: icons_1.WarningTriangleIcon,
+    success: icons_1.CheckCircleIcon,
+    error: icons_1.WarningCircleIcon,
+    action: icons_1.InfoCircleIcon,
 };

package/__inner__/cjs/components/Select/SelectContext.d.ts

@@ -1,5 +1,4 @@
-import type { SelectOnClear, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout } from './entities';
-import type { SelectPropSize } from './types';
+import type { SelectOnClear, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout, SelectPropSize } from './entities';
 export type SelectContextValue = {
     renderRightLayout: SelectRenderRightLayout;
     size: SelectPropSize;

package/__inner__/cjs/components/Select/components/SelectInput/SelectInput.js

@@ -15,7 +15,7 @@ var SelectContext_1 = require("../../SelectContext");
 var SelectInputContextConsumer_1 = require("../SelectInputContextConsumer");
 var SelectInputRenderRight_1 = require("../SelectInputRenderRight");
 exports.SelectInput = (0, react_1.forwardRef)(function (_a, ref) {
-    var label = _a.label, id = _a.id, name = _a.name, renderedValue = _a.renderedValue, hint = _a.hint, className = _a.className, inputProps = _a.inputProps, valueProp = _a.value, placeholderProp = _a.placeholder, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, onClick = _a.onClick, onKeyDown = _a.onKeyDown, labelProps = _a.labelProps, fieldProps = _a.fieldProps, hintProps = _a.hintProps, labelRef = _a.labelRef, inputRef = _a.inputRef, fieldRef = _a.fieldRef, bodyProps = _a.bodyProps, other = tslib_1.__rest(_a, ["label", "id", "name", "renderedValue", "hint", "className", "inputProps", "value", "placeholder", "defaultValue", "onFocus", "onBlur", "onClick", "onKeyDown", "labelProps", "fieldProps", "hintProps", "labelRef", "inputRef", "fieldRef", "bodyProps"]);
+    var label = _a.label, id = _a.id, name = _a.name, renderedValue = _a.renderedValue, hint = _a.hint, className = _a.className, inputProps = _a.inputProps, valueProp = _a.value, placeholderProp = _a.placeholder, defaultValue = _a.defaultValue, onFocus = _a.onFocus, onBlur = _a.onBlur, onClick = _a.onClick, onKeyDown = _a.onKeyDown, labelProps = _a.labelProps, fieldProps = _a.fieldProps, hintProps = _a.hintProps, labelRef = _a.labelRef, inputRef = _a.inputRef, fieldRef = _a.fieldRef, bodyProps = _a.bodyProps, background = _a.background, other = tslib_1.__rest(_a, ["label", "id", "name", "renderedValue", "hint", "className", "inputProps", "value", "placeholder", "defaultValue", "onFocus", "onBlur", "onClick", "onKeyDown", "labelProps", "fieldProps", "hintProps", "labelRef", "inputRef", "fieldRef", "bodyProps", "background"]);
     var _b = (0, SelectContext_1.useSelectContext)(), open = _b.open, required = _b.required, disabled = _b.disabled, fullWidth = _b.fullWidth, renderLeft = _b.renderLeft, multiline = _b.multiline, size = _b.size, error = _b.error;
     var _c = tslib_1.__read((0, useBoolean_1.useBoolean)(), 2), focused = _c[0], _d = _c[1], on = _d.on, off = _d.off;
     var filled = !!valueProp || valueProp === 0;
@@ -27,7 +27,7 @@ exports.SelectInput = (0, react_1.forwardRef)(function (_a, ref) {
         off();
         onBlur === null || onBlur === void 0 ? void 0 : onBlur(e);
     }, [onBlur]);
-    return (react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { ref: ref, className: (0, classNames_1.cnSelect)({ multiline: multiline }, [className]) }),
+    return (react_1.default.createElement(FieldControl_1.FieldControl, tslib_1.__assign({ size: size, error: error, filled: filled, focused: focused, disabled: disabled, required: required, fullWidth: fullWidth }, other, { background: background, ref: ref, className: (0, classNames_1.cnSelect)({ multiline: multiline }, [className]) }),
         react_1.default.createElement("div", tslib_1.__assign({ role: "button", "aria-expanded": open, "aria-haspopup": "listbox" }, bodyProps, { onClick: onClick, onBlur: handleBlur, onKeyDown: onKeyDown, onFocus: handleFocus, tabIndex: disabled ? -1 : 0, className: (0, classNames_1.cnSelect)('Body', [bodyProps === null || bodyProps === void 0 ? void 0 : bodyProps.className]) }),
             react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderLeft, className: (0, classNames_1.cnSelect)('RenderLeft') }),
             react_1.default.createElement("div", { className: (0, classNames_1.cnSelect)('FieldContainer') },

package/__inner__/cjs/components/Select/components/SelectInput/types.d.ts

@@ -2,6 +2,7 @@ import type { ComponentPropsWithRef, ComponentRef, ReactNode, Ref } from 'react'
 import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 import type { FieldHintProps } from '../../../FieldHint';
 import type { FieldLabelProps } from '../../../FieldLabel';
+import type { SelectBackgroundVariant } from '../../entities';
 type LabelProps = FieldLabelProps;
 type HintProps = FieldHintProps;
 type InputProps = ComponentPropsWithRef<'input'> & {
@@ -71,5 +72,7 @@ export type SelectInputProps = ExtendableComponentPropsWithRef<{
     'data-testid'?: string;
     /** Содержимое компонента */
     children?: never;
+    /** Задний фон */
+    background?: SelectBackgroundVariant;
 } & SelectInputPropsDeprecated, 'div'>;
 export {};

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

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

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

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

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

@@ -0,0 +1,29 @@
+import type { DataListBaseProps } from '../../DataList';
+import type { SelectLabel, SelectedOption, SelectPropRenderValue, SelectPropSize } from '../entities';
+/**
+ * @deprecated
+ * Use the `SelectRenderValueProp` type to replace it.
+ * */
+export type SelectRenderValue<MULTIPLE extends boolean = false> = SelectPropRenderValue<MULTIPLE>;
+/**
+ * @deprecated
+ * Use the `SelectLabel` type to replace it.
+ * */
+export type SelectPropLabel<MULTIPLE extends boolean = false> = SelectLabel<MULTIPLE>;
+/**
+ * @deprecated
+ * Use the `SelectSizeProp` type to replace it.
+ * */
+export type SelectSizeVariant = SelectPropSize;
+/**
+ * @deprecated
+ * Use the `SelectedPropOption` type to replace it.
+ * */
+export type SelectedOptionProp<MULTIPLE extends boolean = false> = SelectedOption<MULTIPLE>;
+export type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
+    /**
+     * Свойства компонента Menu
+     * @deprecated Используйте `dataListProps`
+     * */
+    menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
+};

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

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

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

@@ -1,2 +1,10 @@
+export * from './background';
+export * from './deprecated';
 export * from './onClear';
+export * from './label';
+export * from './onChange';
+export * from './option';
 export * from './render';
+export * from './renderValue';
+export * from './size';
+export * from './value';

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

@@ -1,5 +1,13 @@
 "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("./onClear"), exports);
+tslib_1.__exportStar(require("./label"), exports);
+tslib_1.__exportStar(require("./onChange"), exports);
+tslib_1.__exportStar(require("./option"), exports);
 tslib_1.__exportStar(require("./render"), exports);
+tslib_1.__exportStar(require("./renderValue"), exports);
+tslib_1.__exportStar(require("./size"), exports);
+tslib_1.__exportStar(require("./value"), exports);

package/__inner__/cjs/components/Select/entities/label.d.ts

@@ -0,0 +1,2 @@
+import type { DataListOptionProps } from '../../DataList';
+export type SelectLabel<MULTIPLE extends boolean = false> = (MULTIPLE extends true ? DataListOptionProps['label'][] : DataListOptionProps['label']) | undefined;

package/__inner__/cjs/components/Select/entities/label.js

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

package/__inner__/cjs/components/Select/entities/onChange.d.ts

@@ -0,0 +1,3 @@
+import type { SyntheticEvent } from 'react';
+import type { SelectPropValue } from './value';
+export type SelectPropOnChange<MULTIPLE extends boolean = false> = (value: SelectPropValue<MULTIPLE>, e: SyntheticEvent | KeyboardEvent | MouseEvent) => void;

package/__inner__/cjs/components/Select/entities/onChange.js

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

package/__inner__/cjs/components/Select/entities/option.d.ts

@@ -0,0 +1,6 @@
+import type { SelectLabel } from './label';
+import type { SelectPropValue } from './value';
+export type SelectedOption<MULTIPLE extends boolean = false> = {
+    label?: SelectLabel<MULTIPLE>;
+    value?: SelectPropValue<MULTIPLE>;
+};

package/__inner__/cjs/components/Select/entities/option.js

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

package/__inner__/cjs/components/Select/entities/renderValue.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { SelectedOption } from './option';
+export type SelectPropRenderValue<MULTIPLE extends boolean = false> = (option: SelectedOption<MULTIPLE>) => ReactNode | null;

package/__inner__/cjs/components/Select/entities/renderValue.js

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

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

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

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

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

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

@@ -0,0 +1,2 @@
+import type { DataListSelected } from '../../DataList';
+export type SelectPropValue<MULTIPLE extends boolean = false> = DataListSelected<MULTIPLE>;

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

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

package/__inner__/cjs/components/Select/helpers/types.d.ts

@@ -1,4 +1,5 @@
-import type { SelectProps, SelectLabel } from '../types';
+import type { SelectLabel } from '../entities';
+import type { SelectProps } from '../types';
 export declare const isMultipleParams: (params: SelectProps<boolean>) => params is SelectProps<true>;
 export declare const isNotMultipleParams: (params: SelectProps<boolean>) => params is SelectProps<false>;
 export declare const isMultipleLabel: (_label: SelectLabel<boolean>, multiple?: boolean) => _label is SelectLabel<true>;

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

@@ -1,5 +1,7 @@
 export { DataListOption as Option } from '../DataList';
 export { ListItemText as OptionItemText, ListItemIcon as OptionItemIcon, } from '../List';
+export * from './entities';
+export * from './constants';
 export * from './classNames';
 export * from './Select';
 export * from './types';

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

@@ -7,6 +7,8 @@ Object.defineProperty(exports, "Option", { enumerable: true, get: function () {
 var List_1 = require("../List");
 Object.defineProperty(exports, "OptionItemText", { enumerable: true, get: function () { return List_1.ListItemText; } });
 Object.defineProperty(exports, "OptionItemIcon", { enumerable: true, get: function () { return List_1.ListItemIcon; } });
+tslib_1.__exportStar(require("./entities"), exports);
+tslib_1.__exportStar(require("./constants"), exports);
 tslib_1.__exportStar(require("./classNames"), exports);
 tslib_1.__exportStar(require("./Select"), exports);
 tslib_1.__exportStar(require("./types"), exports);

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

@@ -1,46 +1,9 @@
-import type { ReactElement, ReactNode, SyntheticEvent } from 'react';
+import type { ReactElement, ReactNode } from 'react';
 import type { ExtendableComponentPropsWithRef } from '../../types';
 import type { WithDisplayName } from '../../types/react';
-import type { DataListBaseProps, DataListOptionProps, DataListSelected } from '../DataList';
+import type { DataListBaseProps } from '../DataList';
 import type { SelectInputProps, SelectInputRef } from './components';
-import type { SelectOnClear, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout } from './entities';
-export declare const selectSizeVariant: readonly ["2xs", "xs", "s", "m", "l"];
-export type SelectPropSize = (typeof selectSizeVariant)[number];
-export type SelectLabel<MULTIPLE extends boolean = false> = (MULTIPLE extends true ? DataListOptionProps['label'][] : DataListOptionProps['label']) | undefined;
-export type SelectPropValue<MULTIPLE extends boolean = false> = DataListSelected<MULTIPLE>;
-export type SelectPropOnChange<MULTIPLE extends boolean = false> = (value: SelectPropValue<MULTIPLE>, e: SyntheticEvent | KeyboardEvent | MouseEvent) => void;
-export type SelectedOption<MULTIPLE extends boolean = false> = {
-    label?: SelectLabel<MULTIPLE>;
-    value?: SelectPropValue<MULTIPLE>;
-};
-export type SelectPropRenderValue<MULTIPLE extends boolean = false> = (option: SelectedOption<MULTIPLE>) => ReactNode | null;
-/**
- * @deprecated
- * Use the `SelectRenderValueProp` type to replace it.
- * */
-export type SelectRenderValue<MULTIPLE extends boolean = false> = SelectPropRenderValue<MULTIPLE>;
-/**
- * @deprecated
- * Use the `SelectLabel` type to replace it.
- * */
-export type SelectPropLabel<MULTIPLE extends boolean = false> = SelectLabel<MULTIPLE>;
-/**
- * @deprecated
- * Use the `SelectSizeProp` type to replace it.
- * */
-export type SelectSizeVariant = SelectPropSize;
-/**
- * @deprecated
- * Use the `SelectedPropOption` type to replace it.
- * */
-export type SelectedOptionProp<MULTIPLE extends boolean = false> = SelectedOption<MULTIPLE>;
-type SelectPropsDeprecated<MULTIPLE extends boolean = false> = {
-    /**
-     * Свойства компонента Menu
-     * @deprecated Используйте `dataListProps`
-     * */
-    menuProps?: Partial<Omit<DataListBaseProps<MULTIPLE>, 'onClose' | 'open' | 'anchorRef' | 'multiple' | 'selected' | 'onSelect'>>;
-};
+import type { SelectOnClear, SelectPropOnChange, SelectPropRenderValue, SelectPropSize, SelectRenderLeft, SelectRenderRight, SelectRenderRightLayout, SelectPropValue, SelectPropsDeprecated, SelectBackgroundVariant } from './entities';
 export type SelectRef = SelectInputRef;
 export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentPropsWithRef<{
     /** Если `true` устанавливает автофокус */
@@ -93,8 +56,9 @@ export type SelectProps<MULTIPLE extends boolean = false> = ExtendableComponentP
     onOpen?(): void;
     /** Если `true` из списка можно выбрать несколько вариантов */
     multiple?: MULTIPLE;
+    /** Задний фон */
+    background?: SelectBackgroundVariant;
     /** Идентификатор компонента для тестов */
     'data-testid'?: string;
 } & Pick<SelectInputProps, 'id' | 'name' | 'label' | 'placeholder' | 'disableStroke' | 'hint' | 'inputProps' | 'labelProps' | 'hintProps' | 'bodyProps' | 'inputRef' | 'labelRef' | 'bodyRef'> & SelectPropsDeprecated<MULTIPLE>, 'div'>;
 export type SelectComponent = WithDisplayName<(<MULTIPLE extends boolean = false>(props: SelectProps<MULTIPLE>) => ReactElement | null)>;
-export {};

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

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

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalIconIndicator/constants.js

@@ -9,4 +9,5 @@ exports.STEPPER_VERTICAL_STEP_DEFAULT_ICON_BY_VARIANT = {
     awaiting: icons_1.ClockFilledIcon,
     inProcessing: icons_1.ClockFilledIcon,
     success: icons_1.CheckCircleFilledIcon,
+    action: icons_1.CircleFillIcon,
 };

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/StepperVerticalStep.css

@@ -1,6 +1,6 @@
 .StepperVerticalStep {
   --stepper-vertical-indicator-icon-size: 24px;
-  --stepper-vertical-indicator-icon-inset-top: var(--spacing-2xs);
+  --stepper-vertical-indicator-icon-inset-top: var(--spacing-xs);
   --stepper-vertical-indicator-color-non-current: transparent;
   --stepper-vertical-indicator-color-current: transparent;
   --stepper-vertical-indicator-color: var(--stepper-vertical-indicator-color-non-current);
@@ -63,6 +63,13 @@
   }
 
   .StepperVerticalStep_variant_success {
+    --stepper-vertical-indicator-color-non-current: var(--color-background-success-light);
+    --stepper-vertical-indicator-color-current: var(--color-background-success);
+    --stepper-vertical-indicator-text-color-non-current: var(--color-content-success-dark);
+    --stepper-vertical-indicator-text-color-current: var(--color-content-action-on);
+  }
+
+  .StepperVerticalStep_variant_action {
     --stepper-vertical-indicator-color-non-current: var(--color-background-action-light);
     --stepper-vertical-indicator-color-current: var(--color-background-action);
     --stepper-vertical-indicator-text-color-non-current: var(--color-content-action-dark);

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.d.ts

@@ -1,2 +1,2 @@
-export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success"];
+export declare const stepperVerticalStepVariant: readonly ["refusal", "blocked", "warning", "awaiting", "inProcessing", "success", "action"];
 export type StepperVerticalStepVariant = (typeof stepperVerticalStepVariant)[number];

package/__inner__/cjs/components/StepperVertical/modules/StepperVerticalStep/entities/variant.js

@@ -8,4 +8,5 @@ exports.stepperVerticalStepVariant = [
     'awaiting',
     'inProcessing',
     'success',
+    'action',
 ];

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

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

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

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

package/__inner__/cjs/components/Textarea/entities/expand.d.ts

@@ -0,0 +1,2 @@
+export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
+export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];

package/__inner__/cjs/components/Textarea/entities/expand.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.textareaExpandVariant = void 0;
+exports.textareaExpandVariant = ['autoSize', 'verticalResize'];

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

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

package/__inner__/cjs/components/Textarea/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("./expand"), exports);
+tslib_1.__exportStar(require("./size"), exports);

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

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

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

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

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

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

package/__inner__/cjs/components/Textarea/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("./Textarea"), exports);
 tslib_1.__exportStar(require("./types"), exports);

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

@@ -1,12 +1,9 @@
 import type { ComponentPropsWithRef, 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 { FieldLabelProps } from '../FieldLabel';
-export type TextareaSizeVariant = FormElementSizeVariant;
-export declare const textareaExpandVariant: readonly ["autoSize", "verticalResize"];
-export type TextareaExpandVariant = (typeof textareaExpandVariant)[number];
+import type { TextareaBackgroundVariant, TextareaExpandVariant, TextareaSizeVariant } from './entities';
 type TextareaPropsDeprecated = {
     /**
      * Ссылка на FieldLabel
@@ -67,6 +64,8 @@ type TextareaBaseProps = {
     labelProps?: FieldLabelProps;
     /** Cвойства FieldHint */
     hintProps?: Omit<FieldHintProps, 'children'>;
+    /** Задний фон */
+    background?: TextareaBackgroundVariant;
     /** data-атрибут для тестирования */
     'data-testid'?: string;
 };

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

@@ -1,4 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.textareaExpandVariant = void 0;
-exports.textareaExpandVariant = ['autoSize', 'verticalResize'];

package/__inner__/cjs/types/form/background.d.ts

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

package/__inner__/cjs/types/form/background.js

@@ -0,0 +1,4 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.formElementBackgroundVariant = void 0;
+exports.formElementBackgroundVariant = ['main', 'primary'];

package/__inner__/cjs/types/form/index.d.ts

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

package/__inner__/cjs/types/form/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/types/index.d.ts

@@ -1,4 +1,5 @@
 export * from './css';
+export * from './form';
 export * from './function';
 export * from './object';
 export * from './react';

package/__inner__/cjs/types/index.js

@@ -2,6 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./css"), exports);
+tslib_1.__exportStar(require("./form"), exports);
 tslib_1.__exportStar(require("./function"), exports);
 tslib_1.__exportStar(require("./object"), exports);
 tslib_1.__exportStar(require("./react"), exports);

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/background.d.ts

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

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/background.js

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

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/index.d.ts

@@ -1,3 +1,4 @@
+export * from './background';
 export * from './renderMoreTag';
 export * from './renderTag';
 export * from './suffixPosition';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/index.js

@@ -1,3 +1,4 @@
+export * from './background';
 export * from './renderMoreTag';
 export * from './renderTag';
 export * from './suffixPosition';

package/__inner__/esm/components/AutocompleteBase/modules/AutocompleteBaseInput/types.d.ts

@@ -1,7 +1,7 @@
 import type { ReactElement, ReactNode, Ref } from 'react';
 import type { InputProps, InputRef } from '../../../Input';
 import type { AutocompleteBaseDefaultOption } from '../../entities';
-import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag } from './entities';
+import type { AutocompleteBaseSuffixPosition, AutocompleteBaseRenderMoreTag, AutocompleteBaseRenderTag, AutocompleteBaseInputBackground } from './entities';
 export type AutocompleteInputRef = InputRef;
 export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> = Omit<InputProps, 'value' | 'onChange' | 'size' | 'disabled' | 'renderRight' | 'renderLeft' | 'error'> & {
     /** Текст для кнопки открытия выпадающего списка */
@@ -27,5 +27,7 @@ export type AutocompleteBaseInputProps<Option = AutocompleteBaseDefaultOption> =
     before?: ReactNode;
     /** Положение компонента справа */
     suffixPosition?: AutocompleteBaseSuffixPosition;
+    /** Задний фон */
+    background?: AutocompleteBaseInputBackground;
 };
 export type AutocompleteBaseInputComponent = <Option = AutocompleteBaseDefaultOption>(props: AutocompleteBaseInputProps<Option>) => ReactElement | null;

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteDropdown/types.d.ts

@@ -2,7 +2,7 @@ import type { ReactNode, ReactElement, SyntheticEvent } from 'react';
 import type { FormElementSizeVariant } from '../../../../types/FormElementSizeVariant';
 import type { ListProps } from '../../../List';
 import type { PopoverProps, PopoverRef } from '../../../Popover';
-import type { AutocompletePropValue, AutocompletePropRenderOption, AutocompletePropGetOptionKey, AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionLabel } from '../../index';
+import type { AutocompletePropValue, AutocompletePropRenderOption, AutocompletePropGetOptionKey, AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionLabel } from '../../entities';
 export type AutocompleteDropdownRef = PopoverRef;
 export type AutocompleteDropdownOnChange<OPTION> = (e: SyntheticEvent | KeyboardEvent, value: OPTION | null) => void;
 export type AutocompleteDropdownProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/components/AutocompleteInputMultiple.js

@@ -5,7 +5,7 @@ import { useElementSize } from '../../../../../hooks/useElementSize';
 import { useIsomorphicEffect } from '../../../../../hooks/useIsomorphicEffect';
 import { isNumber } from '../../../../../utils/number';
 import { Tag } from '../../../../TagNext';
-import { cnAutocomplete, } from '../../../index';
+import { cnAutocomplete } from '../../../index';
 import { calcElementSize, calcElementsSize, createMap, getAutocompleteSizeToTag, } from './helpers';
 var AutocompleteInputMultipleRender = function (inProps, ref) {
     var _a = inProps.size, size = _a === void 0 ? 'm' : _a, label = inProps.label, value = inProps.value, placeholder = inProps.placeholder, selectedOptions = inProps.selectedOptions, onRemoveTag = inProps.onRemoveTag, renderTagProp = inProps.renderTag, renderMoreTagProp = inProps.renderMoreTag, getOptionKey = inProps.getOptionKey, getOptionLabel = inProps.getOptionLabel, getOptionDisabled = inProps.getOptionDisabled, limitTags = inProps.limitTags, other = __rest(inProps, ["size", "label", "value", "placeholder", "selectedOptions", "onRemoveTag", "renderTag", "renderMoreTag", "getOptionKey", "getOptionLabel", "getOptionDisabled", "limitTags"]);

package/__inner__/esm/components/AutocompleteNext/components/AutocompleteInput/components/types.d.ts

@@ -1,6 +1,6 @@
 import type { ReactElement, Ref } from 'react';
 import type { InputProps } from '../../../../Input';
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderMoreTag, AutocompletePropRenderTag, AutocompletePropValue } from '../../../index';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderMoreTag, AutocompletePropRenderTag, AutocompletePropValue } from '../../../entities';
 import type { AutocompleteDropdownOnChange } from '../../index';
 export type AutocompleteInputMultipleRef = HTMLInputElement;
 export type AutocompleteInputMultipleProps<OPTION = AutocompleteDefaultOption> = Pick<InputProps, 'size' | 'value' | 'placeholder' | 'label'> & {