npm - @ozen-ui/kit - Versions diffs - 0.70.0 → 0.71.1 - Mend

@ozen-ui/kit 0.70.0 → 0.71.1

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1213) hide show

package/__inner__/cjs/components/ListCardItem/modules/ListCardItemTrailingToggle/constants.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+import type { ToggleSizeVariant } from '../../../ToggleNext';
+import type { ListCardItemSizeVariant } from '../../entities';
+export declare const LIST_CARD_ITEM_SIZE_TO_TRAILING_TOGGLE_SIZE: Readonly<Record<ListCardItemSizeVariant, ToggleSizeVariant>>;

package/__inner__/cjs/components/ListCardItem/modules/ListCardItemTrailingToggle/constants.js ADDED Viewed

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_SIZE_TO_TRAILING_TOGGLE_SIZE = void 0;
+exports.LIST_CARD_ITEM_SIZE_TO_TRAILING_TOGGLE_SIZE = {
+    xs: 'xs',
+    s: 's',
+    m: 'm',
+    l: 'l',
+};

package/__inner__/cjs/components/ListCardItem/modules/ListCardItemTrailingToggle/index.d.ts ADDED Viewed

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

package/__inner__/cjs/components/ListCardItem/modules/ListCardItemTrailingToggle/index.js ADDED Viewed

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

package/__inner__/cjs/components/ListCardItem/modules/ListCardItemTrailingToggle/types.d.ts ADDED Viewed

@@ -0,0 +1,4 @@
+import type { ToggleProps } from '../../../ToggleNext';
+import type { ListCardItemTrailingItemProps, ListCardItemTrailingItemRef } from '../ListCardItemTrailingItem';
+export type ListCardItemTrailingToggleRef = ListCardItemTrailingItemRef;
+export type ListCardItemTrailingToggleProps = Omit<ToggleProps, 'size' | 'as'> & Pick<ListCardItemTrailingItemProps, 'caption' | 'data-testid'>;

package/__inner__/cjs/components/ListCardItem/modules/ListCardItemTrailingToggle/types.js ADDED Viewed

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

package/__inner__/cjs/components/ListCardItem/modules/index.d.ts ADDED Viewed

@@ -0,0 +1,23 @@
+export * from './ListCardItemCenterButton';
+export * from './ListCardItemCenterInfo';
+export * from './ListCardItemCenterTag';
+export * from './ListCardItemControlCheckbox';
+export * from './ListCardItemControlIcon';
+export * from './ListCardItemControlItem';
+export * from './ListCardItemControlRadio';
+export * from './ListCardItemControlToggle';
+export * from './ListCardItemLeadingAvatar';
+export * from './ListCardItemLeadingCheckbox';
+export * from './ListCardItemLeadingIcon';
+export * from './ListCardItemLeadingItem';
+export * from './ListCardItemLeadingRadio';
+export * from './ListCardItemTrailingBadge';
+export * from './ListCardItemTrailingButton';
+export * from './ListCardItemTrailingCheckbox';
+export * from './ListCardItemTrailingIcon';
+export * from './ListCardItemTrailingIconButton';
+export * from './ListCardItemTrailingInfo';
+export * from './ListCardItemTrailingItem';
+export * from './ListCardItemTrailingRadio';
+export * from './ListCardItemTrailingTag';
+export * from './ListCardItemTrailingToggle';

package/__inner__/cjs/components/ListCardItem/modules/index.js ADDED Viewed

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./ListCardItemCenterButton"), exports);
+tslib_1.__exportStar(require("./ListCardItemCenterInfo"), exports);
+tslib_1.__exportStar(require("./ListCardItemCenterTag"), exports);
+tslib_1.__exportStar(require("./ListCardItemControlCheckbox"), exports);
+tslib_1.__exportStar(require("./ListCardItemControlIcon"), exports);
+tslib_1.__exportStar(require("./ListCardItemControlItem"), exports);
+tslib_1.__exportStar(require("./ListCardItemControlRadio"), exports);
+tslib_1.__exportStar(require("./ListCardItemControlToggle"), exports);
+tslib_1.__exportStar(require("./ListCardItemLeadingAvatar"), exports);
+tslib_1.__exportStar(require("./ListCardItemLeadingCheckbox"), exports);
+tslib_1.__exportStar(require("./ListCardItemLeadingIcon"), exports);
+tslib_1.__exportStar(require("./ListCardItemLeadingItem"), exports);
+tslib_1.__exportStar(require("./ListCardItemLeadingRadio"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingBadge"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingButton"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingCheckbox"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingIcon"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingIconButton"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingInfo"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingItem"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingRadio"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingTag"), exports);
+tslib_1.__exportStar(require("./ListCardItemTrailingToggle"), exports);

package/__inner__/cjs/components/ListCardItem/presets.d.ts ADDED Viewed

@@ -0,0 +1,12 @@
+export declare const LIST_CARD_ITEM_BACKGROUND_COLOR_SCHEME: {
+    MAIN: {
+        base: "background-main";
+        hover: "background-main-hover";
+        pressed: "background-main-pressed";
+    };
+    PRIMARY: {
+        base: "background-primary";
+        hover: "background-primary-hover";
+        pressed: "background-primary-pressed";
+    };
+};

package/__inner__/cjs/components/ListCardItem/presets.js ADDED Viewed

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.LIST_CARD_ITEM_BACKGROUND_COLOR_SCHEME = void 0;
+exports.LIST_CARD_ITEM_BACKGROUND_COLOR_SCHEME = {
+    MAIN: {
+        base: 'background-main',
+        hover: 'background-main-hover',
+        pressed: 'background-main-pressed',
+    },
+    PRIMARY: {
+        base: 'background-primary',
+        hover: 'background-primary-hover',
+        pressed: 'background-primary-pressed',
+    },
+};

package/__inner__/cjs/components/ListCardItem/types.d.ts ADDED Viewed

@@ -0,0 +1,30 @@
+import type { ComponentRef, ElementType, ReactNode } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../utils/polymorphicComponentWithRef';
+import type { LIST_CARD_ITEM_DEFAULT_TAG } from './constants';
+import type { ListCardItemBackgroundColorScheme, ListCardItemBorderColorScheme, ListCardItemSizeVariant, ListCardItemVariant } from './entities';
+export type ListCardItemBaseProps = {
+    /** Контент */
+    children: ReactNode;
+    /** Размер */
+    size?: ListCardItemSizeVariant;
+    /** Соотношение контента к блоку "trailing" */
+    contentTrailingRatio?: number;
+    /** Вариант отображения */
+    variant?: ListCardItemVariant;
+    /** Цветовая схема заднего фона */
+    backgroundColorScheme?: ListCardItemBackgroundColorScheme;
+    /** Цветовая схема рамки */
+    borderColorScheme?: ListCardItemBorderColorScheme;
+    /** Блок "leading" */
+    leading?: ReactNode;
+    /** Блок "trailing" */
+    trailing?: ReactNode;
+    /** Блок "control" */
+    control?: ReactNode;
+    /** Если `true`, то компонент интерактивен */
+    interactive?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+};
+export type ListCardItemProps<As extends ElementType = typeof LIST_CARD_ITEM_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ListCardItemBaseProps, As>;
+export type ListCardItemRef = ComponentRef<typeof LIST_CARD_ITEM_DEFAULT_TAG>;

package/__inner__/cjs/components/ListCardItem/types.js ADDED Viewed

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

package/__inner__/cjs/components/Menu/components/MenuItem/MenuItem.d.ts CHANGED Viewed

@@ -12,4 +12,4 @@ export type MenuItemBaseProps = ListItemButtonBaseProps & {
     autoFocus?: boolean;
 };
 export type MenuItemProps<As extends ElementType = typeof LIST_ITEM_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<MenuItemBaseProps, As>;
-export declare const MenuItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<MenuItemBaseProps, "div">;
+export declare const MenuItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<MenuItemBaseProps, "div", "as">;

package/__inner__/cjs/components/OzenProvider/OzenProvider.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import './OzenProvider.css';
 import type { OzenProviderBaseProps } from './types';
-export declare const OzenProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<OzenProviderBaseProps, "div">;
+export declare const OzenProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<OzenProviderBaseProps, "div", "as">;

package/__inner__/cjs/components/OzenProvider/OzenProvider.js CHANGED Viewed

@@ -11,7 +11,7 @@ var providers_1 = require("./providers");
 exports.OzenProvider = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
     var children = _a.children, ssr = _a.ssr, _b = _a.theme, theme = _b === void 0 ? constants_1.OZEN_PROVIDER_DEFAULT_THEME : _b, _c = _a.as, Tag = _c === void 0 ? constants_1.OZEN_PROVIDER_DEFAULT_TAG : _c, className = _a.className, other = tslib_1.__rest(_a, ["children", "ssr", "theme", "as", "className"]);
     return (react_1.default.createElement(providers_1.OzenSSRProvider, { config: ssr },
-        react_1.default.createElement(providers_1.OzenThemeProvider, tslib_1.__assign({}, other, { theme: theme, ref: ref }),
+        react_1.default.createElement(providers_1.OzenThemeProvider, tslib_1.__assign({}, other, { theme: theme }),
             react_1.default.createElement(Tag, tslib_1.__assign({}, other, { ref: ref, className: (0, classNames_1.cnOzenProvider)('', tslib_1.__spreadArray(tslib_1.__spreadArray([], tslib_1.__read(Object.values(theme.tokens).map(function (token) { return token.className; })), false), [
                     className,
                 ], false)) }), children))));

package/__inner__/cjs/components/OzenProvider/providers/theme/entities/defaultProps.d.ts CHANGED Viewed

@@ -2,6 +2,8 @@ import type { AccordionProps, AccordionSummaryProps } from '../../../../Accordio
 import type { AlertProps } from '../../../../Alert';
 import type { AutocompleteProps } from '../../../../Autocomplete';
 import type { AutocompleteBaseProps, AutocompleteBaseInputProps, AutocompleteBaseInputTagProps, AutocompleteBaseInputIconProps } from '../../../../AutocompleteBase';
+import type { AutocompleteListCardItemProps, AutocompleteListCardInputProps, AutocompleteListCardDropdownProps, AutocompleteListCardInputAvatarProps } from '../../../../AutocompleteListCard';
+import type { AutocompleteListCardProps } from '../../../../AutocompleteListCard/types';
 import type { AutocompleteProps as AutocompletePropsNext } from '../../../../AutocompleteNext';
 import type { AvatarProps } from '../../../../Avatar';
 import type { BackdropProps } from '../../../../Backdrop';
@@ -21,6 +23,8 @@ import type { ChipProps as ChipNextProps } from '../../../../ChipNext';
 import type { CollapseProps } from '../../../../Collapse';
 import type { ContainerProps } from '../../../../Container';
 import type { DataListProps } from '../../../../DataList';
+import type { DataListBaseProps } from '../../../../DataListBase/types';
+import type { DataListCardProps, DataListCardItemProps } from '../../../../DataListCard';
 import type { DatePickerProps } from '../../../../DatePicker';
 import type { DialogProps } from '../../../../Dialog';
 import type { DialogProps as DialogNextProps } from '../../../../DialogNext';
@@ -40,6 +44,8 @@ import type { InputProps } from '../../../../Input';
 import type { InputNumberProps } from '../../../../InputNumber';
 import type { LinkProps } from '../../../../Link';
 import type { ListProps, ListItemProps, ListItemButtonProps } from '../../../../List';
+import type { PageListCardProps } from '../../../../ListCard';
+import type { ListCardItemCenterButtonProps, ListCardItemCenterInfoProps, ListCardItemCenterTagProps, ListCardItemControlCheckboxProps, ListCardItemControlIconProps, ListCardItemControlItemProps, ListCardItemControlRadioProps, ListCardItemControlToggleProps, ListCardItemLeadingAvatarProps, ListCardItemLeadingCheckboxProps, ListCardItemLeadingIconProps, ListCardItemLeadingItemProps, ListCardItemLeadingRadioProps, ListCardItemTrailingBadgeProps, ListCardItemTrailingButtonProps, ListCardItemTrailingCheckboxProps, ListCardItemTrailingIconButtonProps, ListCardItemTrailingIconProps, ListCardItemTrailingInfoProps, ListCardItemTrailingItemProps, ListCardItemTrailingRadioProps, ListCardItemTrailingTagProps, ListCardItemTrailingToggleProps, ListCardItemProps } from '../../../../ListCardItem';
 import type { LoaderProps } from '../../../../Loader';
 import type { MenuProps, MenuItemProps, MenuListProps } from '../../../../Menu';
 import type { ModalProps } from '../../../../Modal';
@@ -76,6 +82,11 @@ export type ThemeDefaultProps = {
     AutocompleteBaseInput?: Partial<AutocompleteBaseInputProps>;
     AutocompleteBaseInputIcon?: Partial<AutocompleteBaseInputIconProps>;
     AutocompleteBaseInputTag?: Partial<AutocompleteBaseInputTagProps>;
+    AutocompleteListCard?: Partial<AutocompleteListCardProps>;
+    AutocompleteListCardItem?: Partial<AutocompleteListCardItemProps>;
+    AutocompleteListCardDropdown?: Partial<AutocompleteListCardDropdownProps>;
+    AutocompleteListCardInput?: Partial<AutocompleteListCardInputProps>;
+    AutocompleteListCardInputAvatar?: Partial<AutocompleteListCardInputAvatarProps>;
     Avatar?: Partial<AvatarProps>;
     Backdrop?: Partial<BackdropProps>;
     Badge?: Partial<BadgeProps>;
@@ -93,6 +104,9 @@ export type ThemeDefaultProps = {
     ChipGroup?: Partial<ChipGroupProps>;
     Collapse?: Partial<CollapseProps>;
     Container?: Partial<ContainerProps>;
+    DataListBase?: Partial<DataListBaseProps>;
+    DataListCardItem?: Partial<DataListCardItemProps>;
+    DataListCard?: Partial<DataListCardProps>;
     DataList?: Partial<DataListProps>;
     Dialog?: Partial<DialogProps>;
     DialogNext?: Partial<DialogNextProps>;
@@ -117,6 +131,31 @@ export type ThemeDefaultProps = {
     List?: Partial<ListProps>;
     ListItem?: Partial<ListItemProps>;
     ListItemButton?: Partial<ListItemButtonProps>;
+    PageListCard?: Partial<PageListCardProps>;
+    ListCardItem?: Partial<ListCardItemProps>;
+    ListCardItemCenterButton?: Partial<ListCardItemCenterButtonProps>;
+    ListCardItemCenterInfo?: Partial<ListCardItemCenterInfoProps>;
+    ListCardItemCenterTag?: Partial<ListCardItemCenterTagProps>;
+    ListCardItemControlCheckbox?: Partial<ListCardItemControlCheckboxProps>;
+    ListCardItemControlIcon?: Partial<ListCardItemControlIconProps>;
+    ListCardItemControlItem?: Partial<ListCardItemControlItemProps>;
+    ListCardItemControlRadio?: Partial<ListCardItemControlRadioProps>;
+    ListCardItemControlToggle?: Partial<ListCardItemControlToggleProps>;
+    ListCardItemLeadingAvatar?: Partial<ListCardItemLeadingAvatarProps>;
+    ListCardItemLeadingCheckbox?: Partial<ListCardItemLeadingCheckboxProps>;
+    ListCardItemLeadingIcon?: Partial<ListCardItemLeadingIconProps>;
+    ListCardItemLeadingItem?: Partial<ListCardItemLeadingItemProps>;
+    ListCardItemLeadingRadio?: Partial<ListCardItemLeadingRadioProps>;
+    ListCardItemTrailingBadge?: Partial<ListCardItemTrailingBadgeProps>;
+    ListCardItemTrailingButton?: Partial<ListCardItemTrailingButtonProps>;
+    ListCardItemTrailingCheckbox?: Partial<ListCardItemTrailingCheckboxProps>;
+    ListCardItemTrailingIcon?: Partial<ListCardItemTrailingIconProps>;
+    ListCardItemTrailingIconButton?: Partial<ListCardItemTrailingIconButtonProps>;
+    ListCardItemTrailingInfo?: Partial<ListCardItemTrailingInfoProps>;
+    ListCardItemTrailingItem?: Partial<ListCardItemTrailingItemProps>;
+    ListCardItemTrailingRadio?: Partial<ListCardItemTrailingRadioProps>;
+    ListCardItemTrailingTag?: Partial<ListCardItemTrailingTagProps>;
+    ListCardItemTrailingToggle?: Partial<ListCardItemTrailingToggleProps>;
     Loader?: Partial<LoaderProps>;
     Menu?: Partial<MenuProps>;
     MenuItem?: Partial<MenuItemProps>;

package/__inner__/cjs/components/Pagination/Pagination.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import './Pagination.css';
 import type { PaginationBaseProps } from './types';
 export declare const cnPagination: import("@bem-react/classname").ClassNameFormatter;
-export declare const Pagination: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PaginationBaseProps, "nav">;
+export declare const Pagination: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PaginationBaseProps, "nav", "as">;

package/__inner__/cjs/components/Paper/Paper.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import './Paper.css';
 import type { PaperBaseProps } from './index';
 export declare const cnPaper: import("@bem-react/classname").ClassNameFormatter;
-export declare const Paper: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PaperBaseProps, "div">;
+export declare const Paper: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PaperBaseProps, "div", "as">;

package/__inner__/cjs/components/Popover/Popover.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Portal/Portal.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { PortalBaseProps } from './types';
-export declare const Portal: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseProps, "div">;
+export declare const Portal: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseProps, "div", "as">;

package/__inner__/cjs/components/PortalBase/PortalBase.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { PortalBaseBaseProps } from './types';
-export declare const PortalBase: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseBaseProps, "div">;
+export declare const PortalBase: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<PortalBaseBaseProps, "div", "as">;

package/__inner__/cjs/components/PortalBase/PortalBase.js CHANGED Viewed

@@ -23,7 +23,7 @@ exports.PortalBase = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         return null;
     }
     if (!isUseNewProvider) {
-        return (react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children));
+        return (0, react_dom_1.createPortal)(react_1.default.createElement(ThemeProvider_1.ThemeProvider, tslib_1.__assign({ theme: oldTheme, as: Tag }, other, { ref: ref }), children), container);
     }
     return (0, react_dom_1.createPortal)(react_1.default.createElement(OzenProvider_1.OzenProvider, tslib_1.__assign({ theme: theme, as: Tag, ssr: ssr.config }, other, { ref: ref }), children), container);
 });

package/__inner__/cjs/components/ProgressBar/ProgressBar.d.ts CHANGED Viewed

@@ -8,4 +8,4 @@ export type ProgressBarBaseProps = {
     value?: number;
 };
 export type ProgressBarProps<As extends ElementType = typeof PROGRESSBAR_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<ProgressBarBaseProps, As>;
-export declare const ProgressBar: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ProgressBarBaseProps, "span">;
+export declare const ProgressBar: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ProgressBarBaseProps, "span", "as">;

package/__inner__/cjs/components/RadioGroup/RadioGroup.d.ts CHANGED Viewed

@@ -4,4 +4,4 @@ export declare const cnRadioGroup: import("@bem-react/classname").ClassNameForma
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент RadioGroupNext
  */
-export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div">;
+export declare const RadioGroup: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<RadioGroupBaseProps, "div", "as">;

package/__inner__/cjs/components/RadioGroupNext/RadioGroup.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/SectionMessageButton.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import type { SectionMessageButtonBaseProps } from './types';
 export declare const cnSectionMessageButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const SectionMessageButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<SectionMessageButtonBaseProps, "button">;
+export declare const SectionMessageButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<SectionMessageButtonBaseProps, "button", "as">;

package/__inner__/cjs/components/Slider/Slider.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Stack/Stack.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Stack/Stack.js CHANGED Viewed

@@ -8,6 +8,7 @@ var classnames_1 = require("@bem-react/classnames");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
+var constants_1 = require("./constants");
 var utils_1 = require("./utils");
 exports.cnStack = (0, classname_1.cn)('Stack');
 exports.Stack = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (inProps, ref) {
@@ -15,7 +16,7 @@ exports.Stack = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(f
         props: inProps,
         name: 'Stack',
     });
-    var _a = props.as, Tag = _a === void 0 ? 'div' : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = tslib_1.__rest(props, ["as", "direction", "divider", "shouldWrapChildren", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
+    var _a = props.as, Tag = _a === void 0 ? constants_1.STACK_DEFAULT_TAG : _a, _b = props.direction, direction = _b === void 0 ? 'row' : _b, divider = props.divider, _c = props.shouldWrapChildren, shouldWrapChildren = _c === void 0 ? false : _c, fullWidth = props.fullWidth, children = props.children, align = props.align, justify = props.justify, gap = props.gap, wrap = props.wrap, className = props.className, other = tslib_1.__rest(props, ["as", "direction", "divider", "shouldWrapChildren", "fullWidth", "children", "align", "justify", "gap", "wrap", "className"]);
     var childNodes = react_1.Children.toArray(children);
     if (!childNodes.length) {
         return null;

package/__inner__/cjs/components/Stack/constants.d.ts ADDED Viewed

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

package/__inner__/cjs/components/Stack/constants.js ADDED Viewed

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

package/__inner__/cjs/components/Stack/index.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Stack/index.js CHANGED Viewed

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

package/__inner__/cjs/components/Stack/types.d.ts CHANGED Viewed

@@ -1,6 +1,7 @@
-import type { ElementType, ReactElement } from 'react';
+import type { ComponentRef, ElementType, ReactElement } from 'react';
 import type { ResponsiveValue } from '../../types/ResponsiveValue';
 import type { PolymorphicComponentPropsWithRef } from '../../utils/polymorphicComponentWithRef';
+import type { STACK_DEFAULT_TAG } from './constants';
 export declare const stackGapVariant: readonly ["0", "xs", "s", "m", "l", "xl", "2xl", "3xl", "4xl", "5xl", "6xl", "7xl", "8xl"];
 export declare const stackDirectionVariant: readonly ["row", "column", "rowReverse", "columnReverse"];
 export declare const stackAlignVariant: readonly ["center", "start", "end", "baseline"];
@@ -26,5 +27,8 @@ export type StackBaseProps = {
     shouldWrapChildren?: boolean;
     /** React-элемент для разделителя между дочерними компонентами стека */
     divider?: ReactElement;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
-export type StackProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithRef<StackBaseProps, As>;
+export type StackRef<As extends ElementType = typeof STACK_DEFAULT_TAG> = ComponentRef<As>;
+export type StackProps<As extends ElementType = typeof STACK_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<StackBaseProps, As>;

package/__inner__/cjs/components/Table/components/TableContainer/TableContainer.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import './TableContainer.css';
 import type { TableContainerBaseProps } from './index';
 export declare const cnTableContainer: import("@bem-react/classname").ClassNameFormatter;
-export declare const TableContainer: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TableContainerBaseProps, "div">;
+export declare const TableContainer: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TableContainerBaseProps, "div", "as">;

package/__inner__/cjs/components/Tabs/components/Tab/Tab.d.ts CHANGED Viewed

@@ -2,5 +2,5 @@ import './Tab.css';
 import React from 'react';
 import type { TabBaseProps } from './index';
 export declare const cnTab: import("@bem-react/classname").ClassNameFormatter;
-export declare const TabComponent: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">;
-export declare const Tab: React.MemoExoticComponent<import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div">>;
+export declare const TabComponent: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div", "as">;
+export declare const Tab: React.MemoExoticComponent<import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TabBaseProps, "div", "as">>;

package/__inner__/cjs/components/Tag/Tag.d.ts CHANGED Viewed

@@ -24,5 +24,5 @@ type TagBaseProps = {
     iconRight?: TagIcon;
 };
 export type TagProps<As extends ElementType = 'div'> = PolymorphicComponentPropsWithoutRef<TagBaseProps, As>;
-export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div">;
+export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div", "as">;
 export {};

package/__inner__/cjs/components/TagNext/Tag.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import './Tag.css';
 import type { TagBaseProps } from './index';
 export declare const cnTag: import("@bem-react/classname").ClassNameFormatter;
-export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div">;
+export declare const Tag: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TagBaseProps, "div", "as">;

package/__inner__/cjs/components/ThemeProvider/ThemeProvider.d.ts CHANGED Viewed

@@ -4,4 +4,4 @@ export declare const cnThemeProvider: import("@bem-react/classname").ClassNameFo
 /**
  * @deprecated Компонент устарел. Для замены используйте компонент <OzenProvider>
  */
-export declare const ThemeProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ThemeProviderBaseProps, "div">;
+export declare const ThemeProvider: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<ThemeProviderBaseProps, "div", "as">;

package/__inner__/cjs/components/Title/Title.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import './modules/TitleTag/TitleTag.css';
 import type { TitleBaseProps } from './types';
 export declare const cnTitle: import("@bem-react/classname").ClassNameFormatter;
-export declare const Title: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleBaseProps, "div">;
+export declare const Title: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleBaseProps, "div", "as">;

package/__inner__/cjs/components/Title/components/variant/TitleVariant.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { TitleVariantBaseProps } from './types';
-export declare const TitleVariant: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleVariantBaseProps, "div">;
+export declare const TitleVariant: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleVariantBaseProps, "div", "as">;

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Title/components/variant/secondary/TitleSecondary.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Title/modules/TitleBreadcrumbItem/TitleBreadcrumbItem.d.ts CHANGED Viewed

	@@ -1 +1 @@
1	- export declare const TitleBreadcrumbItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../../../Breadcrumbs").BreadcrumbItemBaseProps, "a">;
1	+ export declare const TitleBreadcrumbItem: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<import("../../../Breadcrumbs").BreadcrumbItemBaseProps, "a", "as">;

package/__inner__/cjs/components/Title/modules/TitleIconButton/TitleIconButton.d.ts CHANGED Viewed

@@ -1,3 +1,3 @@
 import type { TitleIconButtonBaseProps } from './types';
 export declare const cnTitleIconButton: import("@bem-react/classname").ClassNameFormatter;
-export declare const TitleIconButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleIconButtonBaseProps, "button">;
+export declare const TitleIconButton: import("../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleIconButtonBaseProps, "button", "as">;

package/__inner__/cjs/components/Title/modules/TitleIconButton/presets/TitleBackIconButton/TitleBackIconButton.d.ts CHANGED Viewed

@@ -1,2 +1,2 @@
 import type { TitleBackIconButtonBaseProps } from './types';
-export declare const TitleBackIconButton: import("../../../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleBackIconButtonBaseProps, "button">;
+export declare const TitleBackIconButton: import("../../../../../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TitleBackIconButtonBaseProps, "button", "as">;

package/__inner__/cjs/components/Title/modules/TitleTag/TitleTag.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Tooltip/Tooltip.d.ts CHANGED Viewed

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

package/__inner__/cjs/components/Typography/Typography.d.ts CHANGED Viewed

@@ -1,4 +1,4 @@
 import './Typography.css';
 import type { TypographyBaseProps } from './index';
 export declare const cnTypography: import("@bem-react/classname").ClassNameFormatter;
-export declare const Typography: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TypographyBaseProps, "div">;
+export declare const Typography: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<TypographyBaseProps, "div", "as">;

package/__inner__/cjs/locale/locale.js CHANGED Viewed

@@ -26,6 +26,10 @@ exports.ruRU = {
             clearText: 'Очистить',
             closeText: 'Закрыть',
         },
+        DataListCard: {
+            loadingText: 'Загрузка…',
+            noOptionsText: 'Ничего не найдено',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -111,6 +115,10 @@ exports.kkKZ = {
             clearText: 'Тазалау',
             closeText: 'Жабу',
         },
+        DataListCard: {
+            loadingText: 'Жүктеу…',
+            noOptionsText: 'Ештеңе табылған жоқ',
+        },
         Breadcrumbs: {
             'aria-label': 'Навигация',
         },
@@ -196,6 +204,10 @@ exports.enUS = {
             clearText: 'Clear',
             closeText: 'Close',
         },
+        DataListCard: {
+            loadingText: 'Loading…',
+            noOptionsText: 'No options',
+        },
         Breadcrumbs: {
             'aria-label': 'Navigation',
         },

package/__inner__/cjs/types/object/index.d.ts CHANGED Viewed

@@ -1,2 +1,3 @@
 export * from './objectPropertiesWithPrefix';
 export * from './withPartial';
+export * from './withRequired';

package/__inner__/cjs/types/object/index.js CHANGED Viewed

@@ -3,3 +3,4 @@ Object.defineProperty(exports, "__esModule", { value: true });
 var tslib_1 = require("tslib");
 tslib_1.__exportStar(require("./objectPropertiesWithPrefix"), exports);
 tslib_1.__exportStar(require("./withPartial"), exports);
+tslib_1.__exportStar(require("./withRequired"), exports);

package/__inner__/cjs/types/object/withRequired.d.ts ADDED Viewed

@@ -0,0 +1,3 @@
+export type WithRequired<T, K extends keyof T> = T & {
+    [P in K]-?: T[P];
+};

package/__inner__/cjs/types/object/withRequired.js ADDED Viewed

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