@ozen-ui/kit 0.78.0 → 0.80.0

package/__inner__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInput/components/AutocompleteBaseRenderRight/AutocompleteBaseRenderRight.js

@@ -14,7 +14,7 @@ var AutocompleteBaseRenderRight = function (_a) {
     var open = dropdownControl.isOpen;
     var _c = tslib_1.__read((0, FieldControl_1.useFieldControl)(), 1), _d = _c[0], focused = _d.focused, hovered = _d.hovered;
     var isVisibleClearButton = !!(hovered || open || focused) && valueControl.hasValue;
-    var clearButton = (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, icon: icons_1.CrossIcon, variant: "function", title: clearText, "aria-label": clearText, onClick: function (event) {
+    var clearButton = (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, icon: icons_1.CrossIcon, variant: "function", color: "tertiary", title: clearText, "aria-label": clearText, onClick: function (event) {
             event.preventDefault();
             clear(event);
         }, className: (0, classNames_1.cnAutocompleteBaseInput)('ClearButton', {
@@ -25,7 +25,7 @@ var AutocompleteBaseRenderRight = function (_a) {
         suffixPosition === 'before' && suffix,
         showClearButton && isVisibleClearButton && clearButton,
         suffixPosition === 'between' && suffix,
-        showChevron && (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? icons_1.ChevronUpIcon : icons_1.ChevronDownIcon, onClick: function (event) {
+        showChevron && (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", color: "tertiary", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? icons_1.ChevronUpIcon : icons_1.ChevronDownIcon, onClick: function (event) {
                 event.preventDefault();
                 dropdownControl.toggle();
             }, compressed: true })),

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

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

package/__inner__/cjs/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__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInput/entities/index.js

@@ -1,6 +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("./renderMoreTag"), exports);
 tslib_1.__exportStar(require("./renderTag"), exports);
 tslib_1.__exportStar(require("./suffixPosition"), exports);

package/__inner__/cjs/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__/cjs/components/AutocompleteBase/modules/AutocompleteBaseInputIcon/types.d.ts

@@ -1,4 +1,3 @@
-import type { FieldIconProps } from '../../../FieldIcon';
-import type { TagRef } from '../../../TagNext';
+import type { FieldIconProps, FieldIconRef } from '../../../FieldIcon';
 export type AutocompleteBaseInputIconProps = Omit<FieldIconProps, 'size'>;
-export type AutocompleteBaseInputIconRef = TagRef;
+export type AutocompleteBaseInputIconRef = FieldIconRef;

package/__inner__/cjs/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__/cjs/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'> & {

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

@@ -1,10 +1,10 @@
 import type { ReactElement, Ref } from 'react';
 import type { InputProps, InputRef } from '../../../Input';
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompleteRenderRightPosition } from '../../index';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropValue, AutocompletePropRenderInput, AutocompletePropRenderTag, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompleteRenderRightPosition } from '../../entities';
 import type { AutocompleteDropdownOnChange } from '../AutocompleteDropdown';
 import type { AutocompleteRenderRightProps } from '../AutocompleteRenderRight';
 export type AutocompleteInputRef = InputRef;
-export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
+export type AutocompleteInputProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = Pick<InputProps, 'size' | 'value' | 'disabled' | 'required' | 'onChange' | 'fullWidth' | 'onKeyDown' | 'className' | 'bodyProps' | 'inputProps' | 'renderRight' | 'placeholder' | 'label' | 'background'> & Pick<AutocompleteRenderRightProps, 'onOpen' | 'onClear'> & {
     renderRightPosition: AutocompleteRenderRightPosition;
     open?: boolean;
     openText?: string;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteRenderRight/AutocompleteRenderRight.d.ts

@@ -1,5 +1,6 @@
 import type { FC, MouseEvent } from 'react';
-import type { AutocompleteProps, AutocompleteRenderRightPosition } from '../../types';
+import type { AutocompleteRenderRightPosition } from '../../entities';
+import type { AutocompleteProps } from '../../types';
 export type AutocompleteRenderRightProps = {
     hasValue: boolean;
     onOpen: () => void;

package/__inner__/cjs/components/AutocompleteNext/components/AutocompleteRenderRight/AutocompleteRenderRight.js

@@ -13,7 +13,7 @@ var AutocompleteRenderRight = function (_a) {
     var _b = tslib_1.__read((0, FieldControl_1.useFieldControl)(), 1), _c = _b[0], focused = _c.focused, hovered = _c.hovered;
     var isVisibleClearButton = !!(hovered || open || focused) && hasValue;
     var renderedIcon = react_1.default.createElement(FieldIcon_1.FieldIcon, { icon: renderRight });
-    var clearButton = (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, icon: icons_1.CrossIcon, variant: "function", title: clearText, "aria-label": clearText, onClick: function (e) {
+    var clearButton = (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, icon: icons_1.CrossIcon, variant: "function", color: "tertiary", title: clearText, "aria-label": clearText, onClick: function (e) {
             e.preventDefault();
             onClear === null || onClear === void 0 ? void 0 : onClear(e);
         }, className: (0, index_1.cnAutocomplete)('ClearButton', {
@@ -24,7 +24,7 @@ var AutocompleteRenderRight = function (_a) {
         renderRightPosition === 'before' && renderedIcon,
         !disableClearButton && isVisibleClearButton && clearButton,
         renderRightPosition === 'between' && renderedIcon,
-        !disableShowChevron && (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? icons_1.ChevronUpIcon : icons_1.ChevronDownIcon, onClick: function (e) {
+        !disableShowChevron && (react_1.default.createElement(IconButtonNext_1.IconButton, { size: size, type: "button", tabIndex: -1, variant: "ghost", color: "tertiary", disabled: disabled, title: open ? closeText : openText, "aria-label": open ? closeText : openText, icon: open ? icons_1.ChevronUpIcon : icons_1.ChevronDownIcon, onClick: function (e) {
                 e.preventDefault();
                 onOpen();
             }, compressed: true })),

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

@@ -0,0 +1,7 @@
+export * from './input';
+export * from './onChange';
+export * from './option';
+export * from './right';
+export * from './search';
+export * from './tag';
+export * from './value';

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

@@ -0,0 +1,10 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./input"), exports);
+tslib_1.__exportStar(require("./onChange"), exports);
+tslib_1.__exportStar(require("./option"), exports);
+tslib_1.__exportStar(require("./right"), exports);
+tslib_1.__exportStar(require("./search"), exports);
+tslib_1.__exportStar(require("./tag"), exports);
+tslib_1.__exportStar(require("./value"), exports);

package/__inner__/cjs/components/AutocompleteNext/entities/input.d.ts

@@ -0,0 +1,4 @@
+import type { ReactNode, Ref } from 'react';
+import type { InputProps, InputRef } from '../../Input';
+export type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke' | 'background'>;
+export type AutocompletePropRenderInput = (props: InputProps, ref?: Ref<InputRef>) => ReactNode;

package/__inner__/cjs/components/AutocompleteNext/entities/input.js

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

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

@@ -0,0 +1,3 @@
+import type { ChangeEvent, SyntheticEvent } from 'react';
+export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
+export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;

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

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

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

@@ -0,0 +1,23 @@
+import type { HTMLAttributes, ReactElement } from 'react';
+export type AutocompleteRenderOptionState = {
+    key?: string | number;
+    selected?: boolean;
+    disabled?: boolean;
+    focused?: boolean;
+};
+export type AutocompleteRenderOptionProps<OPTION> = {
+    option: OPTION;
+    state: AutocompleteRenderOptionState;
+    props: HTMLAttributes<HTMLElement> & {
+        key?: string | number;
+    };
+};
+export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
+export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
+export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
+export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
+export type AutocompleteDefaultOption = {
+    id: string | number;
+    label: string;
+    disabled?: boolean;
+};

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

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

package/__inner__/cjs/components/AutocompleteNext/entities/right.d.ts

@@ -0,0 +1,2 @@
+export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
+export type AutocompleteRenderRightPosition = (typeof autocompleteRenderRightPosition)[number];

package/__inner__/cjs/components/AutocompleteNext/entities/right.js

@@ -0,0 +1,8 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.autocompleteRenderRightPosition = void 0;
+exports.autocompleteRenderRightPosition = [
+    'before',
+    'between',
+    'after',
+];

package/__inner__/cjs/components/AutocompleteNext/entities/search.d.ts

@@ -0,0 +1 @@
+export type AutocompletePropSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];

package/__inner__/cjs/components/AutocompleteNext/entities/search.js

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

package/__inner__/cjs/components/AutocompleteNext/entities/tag.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode, Ref } from 'react';
+import type { TagProps, TagRef } from '../../TagNext';
+import type { AutocompletePropValue } from './value';
+export type AutocompletePropRenderTag = (props: TagProps, ref?: Ref<TagRef>) => ReactNode;
+export type AutocompleteRenderMoreTagProps<OPTION> = {
+    props: TagProps;
+    omittedValues?: AutocompletePropValue<OPTION, true>;
+};
+export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;

package/__inner__/cjs/components/AutocompleteNext/entities/tag.js

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

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

@@ -0,0 +1 @@
+export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;

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

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

package/__inner__/cjs/components/AutocompleteNext/helpers.d.ts

@@ -1,24 +1,25 @@
-import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompleteProps } from './types';
+import type { AutocompleteDefaultOption, AutocompletePropGetOptionDisabled, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel } from './entities';
+import type { AutocompleteProps } from './types';
 export declare const defaultGetOptionKey: AutocompletePropGetOptionKey<AutocompleteDefaultOption>;
 export declare const defaultGetOptionLabel: AutocompletePropGetOptionLabel<AutocompleteDefaultOption>;
 export declare const defaultGetOptionDisabled: AutocompletePropGetOptionDisabled<AutocompleteDefaultOption>;
 export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>): {
     multiple?: MULTIPLE | undefined;
     limitTags?: number | "responsive";
-    renderTag?: import("./types").AutocompletePropRenderTag;
-    renderMoreTag?: import("./types").AutocompletePropRenderMoreTag<OPTION> | undefined;
+    renderTag?: import("./entities").AutocompletePropRenderTag;
+    renderMoreTag?: import("./entities").AutocompletePropRenderMoreTag<OPTION> | undefined;
     options: OPTION[];
     size?: import("./types").AutocompletePropSize;
-    value?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
-    defaultValue?: import("./types").AutocompletePropValue<OPTION, MULTIPLE>;
+    value?: import("./entities").AutocompletePropValue<OPTION, MULTIPLE>;
+    defaultValue?: import("./entities").AutocompletePropValue<OPTION, MULTIPLE>;
     open?: boolean;
     defaultOpen?: boolean;
-    onChange?: import("./types").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
-    renderRightPosition?: import("./types").AutocompleteRenderRightPosition;
+    onChange?: import("./entities").AutocompleteOnChange<OPTION, MULTIPLE> | undefined;
+    renderRightPosition?: import("./entities").AutocompleteRenderRightPosition;
     inputValue?: string;
-    onInputChange?: import("./types").AutocompleteOnInputChange;
-    renderInput?: import("./types").AutocompletePropRenderInput;
-    renderOption?: import("./types").AutocompletePropRenderOption<OPTION> | undefined;
+    onInputChange?: import("./entities").AutocompleteOnInputChange;
+    renderInput?: import("./entities").AutocompletePropRenderInput;
+    renderOption?: import("./entities").AutocompletePropRenderOption<OPTION> | undefined;
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;
     getOptionKey?: AutocompletePropGetOptionKey<OPTION> | undefined;
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION> | undefined;
@@ -33,31 +34,13 @@ export declare function withDefaultGetters<OPTION = AutocompleteDefaultOption, M
     onClose?(): void;
     onOpen?(): void;
     disableClearButton?: boolean;
-    searchFunction?: import("./types").AutocompletePropSearchFunction<OPTION> | undefined;
+    searchFunction?: import("./entities").AutocompletePropSearchFunction<OPTION> | undefined;
     disableShowEmptyOptionsList?: boolean;
     disableShowChevron?: boolean;
     popoverProps?: import("./components").AutocompleteDropdownProps["popoverProps"];
     listProps?: import("./components").AutocompleteDropdownProps["listProps"];
     ref?: import("react").Ref<HTMLDivElement>;
-} & {
-    error?: boolean | undefined;
-    label?: string | undefined;
-    style?: import("react").CSSProperties | undefined;
-    autoFocus?: boolean | undefined;
-    className?: string | undefined | undefined;
-    onKeyDown?: import("react").KeyboardEventHandler<HTMLDivElement> | undefined;
-    disabled?: boolean | undefined;
-    placeholder?: string | undefined;
-    required?: boolean | undefined;
-    fullWidth?: boolean | undefined;
-    hint?: string | null | undefined | undefined;
-    disableStroke?: boolean | undefined;
-    renderLeft?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
-    renderRight?: string | number | import("react").FC<import("@ozen-ui/icons").IconProps> | import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>> | (() => import("react").ReactElement<import("@ozen-ui/icons").IconProps, string | import("react").JSXElementConstructor<any>>) | undefined;
-    inputProps?: import("../FieldInput").FieldInputProps | undefined;
-    bodyProps?: import("react").ComponentPropsWithRef<"label"> | undefined;
-    hintProps?: Omit<import("../FieldHint").FieldHintProps, "children"> | undefined;
-} & (OPTION extends {
+} & import("./entities").AutocompleteInputProps & (OPTION extends {
     label: AutocompleteDefaultOption["label"];
 } ? object : {
     getOptionLabel?: AutocompletePropGetOptionLabel<OPTION> | undefined;

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

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

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

@@ -2,4 +2,5 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./types"), exports);
+tslib_1.__exportStar(require("./entities"), exports);
 tslib_1.__exportStar(require("./Autocomplete"), exports);

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

@@ -1,45 +1,9 @@
-import type { ChangeEvent, HTMLAttributes, ReactElement, ReactNode, Ref, SyntheticEvent } from 'react';
-import type { TagProps, TagRef } from '../../components/TagNext';
+import type { ReactElement, ReactNode, Ref } from 'react';
 import type { FormElementSizeVariant } from '../../types/FormElementSizeVariant';
 import type { WithDisplayName } from '../../types/react';
-import type { InputProps, InputRef } from '../Input';
+import type { InputRef } from '../Input';
 import type { AutocompleteDropdownProps } from './components';
-export declare const autocompleteRenderRightPosition: readonly ["before", "between", "after"];
-export type AutocompleteRenderRightPosition = (typeof autocompleteRenderRightPosition)[number];
-export type AutocompleteRenderOptionState = {
-    key?: string | number;
-    selected?: boolean;
-    disabled?: boolean;
-    focused?: boolean;
-};
-export type AutocompleteRenderOptionProps<OPTION> = {
-    option: OPTION;
-    state: AutocompleteRenderOptionState;
-    props: HTMLAttributes<HTMLElement> & {
-        key?: string | number;
-    };
-};
-export type AutocompletePropValue<OPTION, MULTIPLE extends boolean> = (MULTIPLE extends true ? OPTION[] : OPTION) | null | undefined;
-export type AutocompletePropGetOptionLabel<OPTION> = (option: OPTION) => string;
-export type AutocompletePropGetOptionKey<OPTION> = (option: OPTION) => string | number;
-export type AutocompletePropGetOptionDisabled<OPTION> = (option: OPTION) => boolean | undefined;
-export type AutocompletePropRenderOption<OPTION> = (props: AutocompleteRenderOptionProps<OPTION>) => ReactElement | null;
-export type AutocompleteDefaultOption = {
-    id: string | number;
-    label: string;
-    disabled?: boolean;
-};
-export type AutocompletePropSearchFunction<OPTION> = (options: OPTION[], searchValue: string) => OPTION[];
-export type AutocompletePropRenderInput = (props: InputProps, ref?: Ref<InputRef>) => ReactNode;
-export type AutocompletePropRenderTag = (props: TagProps, ref?: Ref<TagRef>) => ReactNode;
-export type AutocompleteRenderMoreTagProps<OPTION> = {
-    props: TagProps;
-    omittedValues?: AutocompletePropValue<OPTION, true>;
-};
-export type AutocompletePropRenderMoreTag<OPTION> = (props: AutocompleteRenderMoreTagProps<OPTION>, ref?: Ref<TagRef>) => ReactNode;
-type AutocompleteInputProps = Pick<InputProps, 'hint' | 'style' | 'error' | 'label' | 'disabled' | 'required' | 'autoFocus' | 'fullWidth' | 'className' | 'hintProps' | 'bodyProps' | 'onKeyDown' | 'inputProps' | 'renderLeft' | 'renderRight' | 'placeholder' | 'disableStroke'>;
-export type AutocompleteOnChange<OPTION, MULTIPLE extends boolean> = (e: SyntheticEvent | KeyboardEvent, value: (MULTIPLE extends true ? OPTION[] : OPTION) | null) => void;
-export type AutocompleteOnInputChange = (e: ChangeEvent<HTMLInputElement> | null, value: string) => void;
+import type { AutocompleteInputProps, AutocompletePropValue, AutocompleteDefaultOption, AutocompletePropGetOptionKey, AutocompletePropGetOptionLabel, AutocompletePropRenderInput, AutocompletePropRenderMoreTag, AutocompletePropGetOptionDisabled, AutocompletePropRenderOption, AutocompletePropRenderTag, AutocompleteRenderRightPosition, AutocompletePropSearchFunction, AutocompleteOnInputChange, AutocompleteOnChange } from './entities';
 export type AutocompleteRef = InputRef;
 export type AutocompletePropSize = FormElementSizeVariant;
 export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false> = {
@@ -129,4 +93,3 @@ export type AutocompleteProps<OPTION = AutocompleteDefaultOption, MULTIPLE exten
     getOptionDisabled?: AutocompletePropGetOptionDisabled<OPTION>;
 });
 export type AutocompleteComponent = WithDisplayName<(<OPTION = AutocompleteDefaultOption, MULTIPLE extends boolean = false>(props: AutocompleteProps<OPTION, MULTIPLE>) => ReactElement | null)>;
-export {};

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

@@ -1,8 +1,2 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.autocompleteRenderRightPosition = void 0;
-exports.autocompleteRenderRightPosition = [
-    'before',
-    'between',
-    'after',
-];

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/BottomSheetBaseBlock.d.ts

@@ -1,6 +1,5 @@
 import './BottomSheetBaseBlock.css';
 import React from 'react';
+import type { BottomSheetBaseBlockProps } from './types';
 export declare const cnBottomSheetBaseBlock: import("@bem-react/classname").ClassNameFormatter;
-export declare const BottomSheetBaseBlock: React.ForwardRefExoticComponent<{
-    expandOnDrag?: boolean;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetBaseBlock: React.ForwardRefExoticComponent<Omit<BottomSheetBaseBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseBlock/types.d.ts

@@ -1,5 +1,5 @@
-import type { ComponentPropsWithoutRef } from 'react';
+import type { ComponentPropsWithRef } from 'react';
 import type { ExtendableProps } from '../../../../types/ExtendableProps';
 export type BottomSheetBaseBlockProps = ExtendableProps<{
     expandOnDrag?: boolean;
-}, ComponentPropsWithoutRef<'div'>>;
+}, ComponentPropsWithRef<'div'>>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseFooter/BottomSheetBaseFooter.d.ts

@@ -1,5 +1,3 @@
 import React from 'react';
 export declare const cnBottomSheetBaseFooter: import("@bem-react/classname").ClassNameFormatter;
-export declare const BottomSheetBaseFooter: React.ForwardRefExoticComponent<{
-    expandOnDrag?: boolean;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetBaseFooter: React.ForwardRefExoticComponent<Omit<import("../BottomSheetBaseBlock").BottomSheetBaseBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/BottomSheetBase/modules/BottomSheetBaseHeader/BottomSheetBaseHeader.d.ts

@@ -1,5 +1,3 @@
 import React from 'react';
 export declare const cnBottomSheetBaseHeader: import("@bem-react/classname").ClassNameFormatter;
-export declare const BottomSheetBaseHeader: React.ForwardRefExoticComponent<{
-    expandOnDrag?: boolean;
-} & Omit<Omit<React.DetailedHTMLProps<React.HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref">, "expandOnDrag"> & React.RefAttributes<HTMLDivElement>>;
+export declare const BottomSheetBaseHeader: React.ForwardRefExoticComponent<Omit<import("../BottomSheetBaseBlock").BottomSheetBaseBlockProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

package/__inner__/cjs/components/ButtonNext/Button.css

@@ -101,10 +101,10 @@
     --button-bg-color-hover: var(--color-background-action-secondary-hover);
     --button-bg-color-active: var(--color-background-action-secondary-pressed);
     --button-bg-color-focus: var(--color-background-action-secondary-hover);
-    --button-font-color: var(--color-content-action-on);
-    --button-font-color-hover: var(--color-content-action-on);
-    --button-font-color-active: var(--color-content-action-on);
-    --button-font-color-focus: var(--color-content-action-on);
+    --button-font-color: var(--color-content-primary-inverse);
+    --button-font-color-hover: var(--color-content-primary-inverse);
+    --button-font-color-active: var(--color-content-primary-inverse);
+    --button-font-color-focus: var(--color-content-primary-inverse);
   }
 .ButtonNext_variant_contained.ButtonNext_color_tertiary {
     --button-bg-color: var(--color-background-tertiary);
@@ -132,16 +132,16 @@
     --button-bg-color-hover: var(--color-background-action-light-hover);
     --button-bg-color-active: var(--color-background-action-light-pressed);
     --button-bg-color-focus: var(--color-background-action-light-hover);
-    --button-font-color: var(--color-content-action);
-    --button-font-color-hover: var(--color-content-action);
-    --button-font-color-active: var(--color-content-action);
-    --button-font-color-focus: var(--color-content-action);
+    --button-font-color: var(--color-content-action-dark);
+    --button-font-color-hover: var(--color-content-action-dark);
+    --button-font-color-active: var(--color-content-action-dark);
+    --button-font-color-focus: var(--color-content-action-dark);
   }
 .ButtonNext_variant_contained-additional.ButtonNext_color_secondary {
-    --button-bg-color: var(--color-background-secondary);
-    --button-bg-color-hover: var(--color-background-secondary-hover);
-    --button-bg-color-active: var(--color-background-secondary-pressed);
-    --button-bg-color-focus: var(--color-background-secondary-hover);
+    --button-bg-color: var(--color-background-action-secondary-light);
+    --button-bg-color-hover: var(--color-background-action-secondary-light-hover);
+    --button-bg-color-active: var(--color-background-action-secondary-light-pressed);
+    --button-bg-color-focus: var(--color-background-action-secondary-light-hover);
     --button-font-color: var(--color-content-primary);
     --button-font-color-hover: var(--color-content-primary);
     --button-font-color-active: var(--color-content-primary);
@@ -162,10 +162,10 @@
     --button-bg-color-hover: var(--color-background-error-light-hover);
     --button-bg-color-active: var(--color-background-error-light-pressed);
     --button-bg-color-focus: var(--color-background-error-light-hover);
-    --button-font-color: var(--color-content-error);
-    --button-font-color-hover: var(--color-content-error);
-    --button-font-color-active: var(--color-content-error);
-    --button-font-color-focus: var(--color-content-error);
+    --button-font-color: var(--color-content-error-dark);
+    --button-font-color-hover: var(--color-content-error-dark);
+    --button-font-color-active: var(--color-content-error-dark);
+    --button-font-color-focus: var(--color-content-error-dark);
   }
 /** ghost */
 .ButtonNext_variant_ghost.ButtonNext_color_primary {
@@ -180,13 +180,13 @@
   }
 .ButtonNext_variant_ghost.ButtonNext_color_secondary {
     --button-bg-color: transparent;
-    --button-bg-color-hover: var(--color-background-secondary-hover);
-    --button-bg-color-active: var(--color-background-secondary-pressed);
-    --button-bg-color-focus: var(--color-background-secondary-hover);
-    --button-font-color: var(--color-content-primary);
-    --button-font-color-hover: var(--color-content-primary);
-    --button-font-color-active: var(--color-content-primary);
-    --button-font-color-focus: var(--color-content-primary);
+    --button-bg-color-hover: var(--color-background-action-secondary-light-hover);
+    --button-bg-color-active: var(--color-background-action-secondary-light-pressed);
+    --button-bg-color-focus: var(--color-background-action-secondary-light-hover);
+    --button-font-color: var(--color-content-action-secondary);
+    --button-font-color-hover: var(--color-content-action-secondary);
+    --button-font-color-active: var(--color-content-action-secondary);
+    --button-font-color-focus: var(--color-content-action-secondary);
   }
 .ButtonNext_variant_ghost.ButtonNext_color_tertiary {
     --button-bg-color: transparent;
@@ -228,13 +228,13 @@
     --button-font-color: var(--color-content-action);
     --button-font-color-hover: var(--color-background-action-hover);
     --button-font-color-active: var(--color-background-action-pressed);
-    --button-font-color-focus: var(--color-background-action-pressed);
+    --button-font-color-focus: var(--color-background-action-hover);
   }
 .ButtonNext_variant_function.ButtonNext_color_secondary {
     --button-font-color: var(--color-content-action-secondary);
     --button-font-color-hover: var(--color-content-action-secondary-hover);
     --button-font-color-active: var(--color-content-action-secondary-pressed);
-    --button-font-color-focus: var(--color-content-action-secondary-pressed);
+    --button-font-color-focus: var(--color-content-action-secondary-hover);
   }
 .ButtonNext_variant_function.ButtonNext_color_tertiary {
     --button-font-color: var(--color-content-secondary);
@@ -246,7 +246,7 @@
     --button-font-color: var(--color-content-error);
     --button-font-color-hover: var(--color-content-error-hover);
     --button-font-color-active: var(--color-content-error-pressed);
-    --button-font-color-focus: var(--color-content-error-pressed);
+    --button-font-color-focus: var(--color-content-error-hover);
   }
 /** disabled & loading */
 .ButtonNext_variant_contained.ButtonNext_disabled,

package/__inner__/cjs/components/ChipGroup/ChipGroup.d.ts

@@ -1,4 +1,4 @@
 import './ChipGroup.css';
-import type { ChipGroupBaseProps } from './types';
+import type { ChipGroupComponent } from './types';
 export declare const cnChipGroup: import("@bem-react/classname").ClassNameFormatter;
-export declare const ChipGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ChipGroupBaseProps, "div", "as">;
+export declare const ChipGroup: ChipGroupComponent;