@ozen-ui/kit 0.65.0 → 0.67.0

package/__inner__/cjs/components/DrawerNext/modules/DrawerTitle/DrawerTitle.css

@@ -0,0 +1,14 @@
+/* stylelint-disable */
+.DrawerNextTitle {
+  font: var(--typography-heading-2xl-font);
+  letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+  text-transform: var(--typography-heading-2xl-text_transform, none);
+  color: var(--color-content-primary);
+  padding-inline-end: var(--drawer-header-item-padding-right);
+  margin: 0;
+}
+.DrawerNextTitle_deviceType_desktop.DrawerNextTitle_size_s {
+    font: var(--typography-heading-xl-font);
+    letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+    text-transform: var(--typography-heading-xl-text_transform, none);
+  }

package/__inner__/cjs/components/DrawerNext/modules/DrawerTitle/DrawerTitle.d.ts

@@ -0,0 +1,4 @@
+import React from 'react';
+import type { DrawerTitleProps } from './types';
+export declare const cnDrawerTitle: import("@bem-react/classname").ClassNameFormatter;
+export declare const DrawerTitle: React.ForwardRefExoticComponent<Omit<DrawerTitleProps, "ref"> & React.RefAttributes<HTMLHeadingElement>>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerTitle/DrawerTitle.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.DrawerTitle = exports.cnDrawerTitle = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importStar(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var DrawerContext_1 = require("../../DrawerContext");
+exports.cnDrawerTitle = (0, classname_1.cn)('DrawerNextTitle');
+exports.DrawerTitle = (0, react_1.forwardRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = tslib_1.__rest(_a, ["children", "className"]);
+    var _b = (0, DrawerContext_1.useDrawerContext)(), size = _b.size, deviceType = _b.deviceType;
+    return (react_1.default.createElement("h2", tslib_1.__assign({ ref: ref, className: (0, exports.cnDrawerTitle)({
+            size: size,
+            deviceType: deviceType,
+        }, className) }, other), children));
+});
+exports.DrawerTitle.displayName = 'DrawerTitle';

package/__inner__/cjs/components/DrawerNext/modules/DrawerTitle/index.d.ts

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerTitle/index.js

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

package/__inner__/cjs/components/DrawerNext/modules/DrawerTitle/types.d.ts

@@ -0,0 +1,11 @@
+import type { ComponentRef, ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DrawerTitleRef = ComponentRef<'h2'>;
+export type DrawerTitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'h2'>;

package/__inner__/cjs/components/DrawerNext/modules/DrawerTitle/types.js

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

package/__inner__/cjs/components/DrawerNext/modules/index.d.ts

@@ -0,0 +1,8 @@
+export * from './DrawerBody';
+export * from './DrawerCloseButton';
+export * from './DrawerFooter';
+export * from './DrawerFooterButton';
+export * from './DrawerFooterButtonsGroup';
+export * from './DrawerHeader';
+export * from './DrawerSubtitle';
+export * from './DrawerTitle';

package/__inner__/cjs/components/DrawerNext/modules/index.js

@@ -0,0 +1,11 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+var tslib_1 = require("tslib");
+tslib_1.__exportStar(require("./DrawerBody"), exports);
+tslib_1.__exportStar(require("./DrawerCloseButton"), exports);
+tslib_1.__exportStar(require("./DrawerFooter"), exports);
+tslib_1.__exportStar(require("./DrawerFooterButton"), exports);
+tslib_1.__exportStar(require("./DrawerFooterButtonsGroup"), exports);
+tslib_1.__exportStar(require("./DrawerHeader"), exports);
+tslib_1.__exportStar(require("./DrawerSubtitle"), exports);
+tslib_1.__exportStar(require("./DrawerTitle"), exports);

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

@@ -0,0 +1,30 @@
+import type { RenderContentType } from '../../utils/renderContent';
+import type { ModalProps, ModalRef } from '../Modal';
+import type { DRAWER_DEFAULT_DEVICE_TYPE } from './constants';
+import type { DrawerDeviceType, DrawerPlacementVariant, DrawerSizeVariantByDeviceType, DrawerVariant } from './entities';
+export type DrawerRef = ModalRef;
+export type DrawerRenderCloseButton = RenderContentType<{}>['content'];
+export type DrawerBaseProps = {
+    /** Вариант представления шторки */
+    variant?: DrawerVariant;
+    /** Расположение шторки */
+    placement?: DrawerPlacementVariant;
+    /** Признак по которому кнопка закрытия шторки будет скрыта */
+    hideCloseButton?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+    /** Кнопка закрытия */
+    renderCloseButton?: DrawerRenderCloseButton;
+} & ModalProps;
+export type DrawerDeviceTypeProps<DeviceType extends DrawerDeviceType | undefined> = DrawerBaseProps & (DeviceType extends DrawerDeviceType ? {
+    /** Размер */
+    size?: DrawerSizeVariantByDeviceType[DeviceType];
+    /** Тип устройства */
+    deviceType: DeviceType;
+} : {
+    /** Размер */
+    size?: DrawerSizeVariantByDeviceType[typeof DRAWER_DEFAULT_DEVICE_TYPE];
+    /** Тип устройства */
+    deviceType?: undefined;
+});
+export type DrawerProps = DrawerDeviceTypeProps<'mobile'> | DrawerDeviceTypeProps<'desktop'> | DrawerDeviceTypeProps<undefined>;

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

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

package/__inner__/cjs/components/DrawerNext/utils.d.ts

@@ -0,0 +1,8 @@
+import type { PaperRadiusVariant } from '../Paper';
+import type { DrawerDeviceType, DrawerValueBySize, DrawerVariant } from './entities';
+export declare const maxWidthByVariant: Readonly<{
+    [key in DrawerVariant]: number;
+}>;
+export declare const paperRadiusBySize: Readonly<{
+    [key in DrawerDeviceType]: DrawerValueBySize<key, PaperRadiusVariant>;
+}>;

package/__inner__/cjs/components/DrawerNext/utils.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.paperRadiusBySize = exports.maxWidthByVariant = void 0;
+exports.maxWidthByVariant = {
+    little: 320,
+    medium: 480,
+    large: 640,
+};
+exports.paperRadiusBySize = {
+    mobile: {
+        m: 'xl',
+    },
+    desktop: {
+        s: 'l',
+        m: 'xl',
+    },
+};

package/__inner__/cjs/components/InputNumber/utils.js

@@ -2,9 +2,9 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.getValue = exports.isInputInvalid = exports.isValidValue = void 0;
 var decimal_js_1 = require("decimal.js");
-var isNumber_1 = require("../../utils/isNumber");
+var number_1 = require("../../utils/number");
 var isValidValue = function (value) {
-    return value !== '' && !Number.isNaN(value) && (0, isNumber_1.isNumber)(value);
+    return value !== '' && !Number.isNaN(value) && (0, number_1.isNumber)(value);
 };
 exports.isValidValue = isValidValue;
 var isInputInvalid = function (event) {

package/__inner__/cjs/components/InputOTP/helper.js

@@ -2,8 +2,8 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.valueToArray = exports.valueToString = exports.calculateInput = exports.maskValue = exports.maskSymbol = void 0;
 var isFunction_1 = require("../../utils/isFunction");
-var isNumber_1 = require("../../utils/isNumber");
 var isString_1 = require("../../utils/isString");
+var number_1 = require("../../utils/number");
 var maskSymbol = function (mask, value, index) {
     if (value === '') {
         return '';
@@ -31,7 +31,7 @@ var calculateInput = function (_a) {
     var isNext = index === lastFilledInputIndex + 2;
     var isCurrentInput = index === lastFilledInputIndex + 1;
     var isLast = index === length - 1;
-    var isPreviousByFocusedInput = (0, isNumber_1.isNumber)(focusedInputIndex) && index < focusedInputIndex;
+    var isPreviousByFocusedInput = (0, number_1.isNumber)(focusedInputIndex) && index < focusedInputIndex;
     var isFocusedInput = index === focusedInputIndex;
     var isDisabled = (function () {
         if (isDisabledGlobal) {

package/__inner__/cjs/components/InputOTP/hooks/useInputOTPEvents.js

@@ -5,7 +5,7 @@ var tslib_1 = require("tslib");
 var isFunction_1 = require("../../../utils/isFunction");
 var isKey_1 = require("../../../utils/isKey");
 var isKeys_1 = require("../../../utils/isKeys");
-var isNumber_1 = require("../../../utils/isNumber");
+var number_1 = require("../../../utils/number");
 var helper_1 = require("../helper");
 var useInputOTPEvents = function (_a) {
     var inputs = _a.inputs, valueByIndex = _a.valueByIndex, setValueByIndex = _a.setValueByIndex, validateFromProps = _a.validate, length = _a.length, onPasteFromProps = _a.onPaste, onKeyDownFromProps = _a.onKeyDown, onFinish = _a.onFinish, mask = _a.mask, finishBehavior = _a.finishBehavior;
@@ -149,7 +149,7 @@ var useInputOTPEvents = function (_a) {
                 }
             }
         });
-        if ((0, isNumber_1.isNumber)(focusedInputIndex.current)) {
+        if ((0, number_1.isNumber)(focusedInputIndex.current)) {
             var input = currentInputs[focusedInputIndex.current];
             if (input) {
                 input.disabled = false;

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

@@ -20,9 +20,7 @@ export declare const Modal: React.ForwardRefExoticComponent<{
     transitionProps?: Partial<import("react-transition-group/CSSTransition").CSSTransitionProps> & {
         "data-testid"?: string;
     };
-    windowProps?: import("../Paper").PaperProps & {
-        "data-testid"?: string;
-    };
+    windowProps?: import("../Paper").PaperProps;
     className?: string;
     'data-testid'?: string;
     ignoreClickOutsideRefs?: React.RefObject<HTMLElement>[];

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

@@ -42,9 +42,7 @@ export type ModalProps = {
         'data-testid'?: string;
     };
     /** Свойства окна с контентом */
-    windowProps?: PaperProps & {
-        'data-testid'?: string;
-    };
+    windowProps?: PaperProps;
     /** Кастомный класс контейнера модального окна */
     className?: string;
     /** Идентификатор компонента для тестов */

package/__inner__/cjs/components/Pagination/Pagination.js

@@ -6,7 +6,7 @@ require("./Pagination.css");
 var react_1 = tslib_1.__importStar(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
-var isNumber_1 = require("../../utils/isNumber");
+var number_1 = require("../../utils/number");
 var polymorphicComponentWithRef_1 = require("../../utils/polymorphicComponentWithRef");
 var components_1 = require("./components");
 var constants_1 = require("./constants");
@@ -44,7 +44,7 @@ exports.Pagination = (0, polymorphicComponentWithRef_1.polymorphicComponentWithR
         var paginationRange = (0, withNavigationButtons_1.withNavigationButton)(range);
         return paginationRange.map(function (pageButton) {
             var _a, _b;
-            var isPageNumber = (0, isNumber_1.isNumber)(pageButton);
+            var isPageNumber = (0, number_1.isNumber)(pageButton);
             var type = isPageNumber ? constants_1.PAGE : pageButton;
             var isSelected = pageButton === selected;
             var mapper = (_a = {},

package/__inner__/cjs/components/Pagination/components/PaginationItem/PaginationItem.js

@@ -4,7 +4,7 @@ exports.PaginationItem = exports.cnPaginationItem = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var classname_1 = require("../../../../utils/classname");
-var isNumber_1 = require("../../../../utils/isNumber");
+var number_1 = require("../../../../utils/number");
 var ButtonBase_1 = require("../../../ButtonBase");
 var IconButtonNext_1 = require("../../../IconButtonNext");
 var constants_1 = require("../../constants");
@@ -15,7 +15,7 @@ exports.PaginationItem = (0, react_1.forwardRef)(function (_a, ref) {
     var _b = _a.selected, selected = _b === void 0 ? constants_1.PAGINATION_ITEM_DEFAULT_SELECTED : _b, _c = _a.disabled, disabled = _c === void 0 ? constants_1.PAGINATION_ITEM_DEFAULT_DISABLED : _c, _d = _a.size, size = _d === void 0 ? constants_1.PAGINATION_ITEM_DEFAULT_SIZE : _d, type = _a.type, page = _a.page, onClick = _a.onClick, className = _a.className, otherProps = tslib_1.__rest(_a, ["selected", "disabled", "size", "type", "page", "onClick", "className"]);
     var sizeConfig = utils_1.sizeMapper[size];
     var handleClick = function () {
-        if (!selected && (0, isNumber_1.isNumber)(page)) {
+        if (!selected && (0, number_1.isNumber)(page)) {
             onClick === null || onClick === void 0 ? void 0 : onClick(page - 1);
         }
     };

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

@@ -14,6 +14,8 @@ export type PaperBaseProps = {
     background?: PaperBackgroundVariant;
     /** Тень */
     shadow?: PaperShadowVariant;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
 export type PaperProps<As extends ElementType = typeof PAPER_DEFAULT_TAG> = PolymorphicComponentPropsWithRef<PaperBaseProps, As>;
 export type PaperRef = ComponentRef<typeof PAPER_DEFAULT_TAG>;

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

@@ -1,5 +1,6 @@
+import './modules/SectionMessageButton/SectionMessageButton.css';
 import './SectionMessage.css';
 import React from 'react';
-import type { SectionMessageProps } from './index';
+import type { SectionMessageProps } from './types';
 export declare const cnSectionMessage: import("@bem-react/classname").ClassNameFormatter;
 export declare const SectionMessage: React.ForwardRefExoticComponent<Omit<SectionMessageProps, "ref"> & React.RefAttributes<HTMLDivElement>>;

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

@@ -2,35 +2,15 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.SectionMessage = exports.cnSectionMessage = void 0;
 var tslib_1 = require("tslib");
+require("./modules/SectionMessageButton/SectionMessageButton.css");
 require("./SectionMessage.css");
 var react_1 = tslib_1.__importStar(require("react"));
-var icons_1 = require("@ozen-ui/icons");
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");
+var config_1 = require("./config");
 var constants_1 = require("./constants");
+var SectionMessageContext_1 = require("./SectionMessageContext");
 exports.cnSectionMessage = (0, classname_1.cn)('SectionMessage');
-var matchVariantToIcon = {
-    neutral: {
-        m: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
-        s: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "s" }),
-    },
-    info: {
-        m: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
-        s: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "s" }),
-    },
-    warning: {
-        m: react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: "m" }),
-        s: react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: "s" }),
-    },
-    success: {
-        m: react_1.default.createElement(icons_1.CheckCircleOutlineIcon, { size: "m" }),
-        s: react_1.default.createElement(icons_1.CheckCircleOutlineIcon, { size: "s" }),
-    },
-    error: {
-        m: react_1.default.createElement(icons_1.WarningCircleOutlineIcon, { size: "m" }),
-        s: react_1.default.createElement(icons_1.WarningCircleOutlineIcon, { size: "s" }),
-    },
-};
 exports.SectionMessage = (0, react_1.forwardRef)(function (inProps, ref) {
     var props = (0, useThemeProps_1.useThemeProps)({
         props: inProps,
@@ -52,11 +32,14 @@ exports.SectionMessage = (0, react_1.forwardRef)(function (inProps, ref) {
         }
         return react_1.default.cloneElement(action, actionProps);
     };
-    return (react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnSectionMessage)({ status: status, size: size }, [className]), role: "alert" }, otherProps, { ref: ref }),
-        showIcon && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Icon') }, matchVariantToIcon[status][iconSize])),
-        react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Content') },
-            title && react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Title') }, title),
-            children && react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Body') }, children),
-            action && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Action') }, resolveAction(action))))));
+    return (react_1.default.createElement(SectionMessageContext_1.SectionMessageContext.Provider, { value: {
+            size: size,
+        } },
+        react_1.default.createElement("div", tslib_1.__assign({ className: (0, exports.cnSectionMessage)({ status: status, size: size }, [className]), role: "alert" }, otherProps, { ref: ref }),
+            showIcon && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Icon') }, config_1.SECTION_MESSAGE_ICON_BY_STATUS[status][iconSize])),
+            react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Content') },
+                title && react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Title') }, title),
+                children && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Body') }, children)),
+                action && (react_1.default.createElement("div", { className: (0, exports.cnSectionMessage)('Action') }, resolveAction(action)))))));
 });
 exports.SectionMessage.displayName = 'SectionMessage';

package/__inner__/cjs/components/SectionMessage/SectionMessageContext.d.ts

@@ -0,0 +1,7 @@
+import type { SectionMessageSizeVariant } from './types';
+export type SectionMessageContextValue = {
+    size: SectionMessageSizeVariant;
+};
+export declare const SectionMessageContextDefaultValue: SectionMessageContextValue;
+export declare const SectionMessageContext: import("react").Context<SectionMessageContextValue>;
+export declare const useSectionMessageContext: () => SectionMessageContextValue;

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

@@ -0,0 +1,16 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useSectionMessageContext = exports.SectionMessageContext = exports.SectionMessageContextDefaultValue = void 0;
+var react_1 = require("react");
+var environment_1 = require("../../constants/environment");
+var constants_1 = require("./constants");
+exports.SectionMessageContextDefaultValue = {
+    size: constants_1.SECTION_MESSAGE_DEFAULT_SIZE,
+};
+exports.SectionMessageContext = (0, react_1.createContext)(exports.SectionMessageContextDefaultValue);
+var useSectionMessageContext = function () { return (0, react_1.useContext)(exports.SectionMessageContext); };
+exports.useSectionMessageContext = useSectionMessageContext;
+// Именованный провайдер
+if (environment_1.IS_DEV) {
+    exports.SectionMessageContext.displayName = 'SectionMessageContext';
+}

package/__inner__/cjs/components/SectionMessage/config.d.ts

@@ -0,0 +1,3 @@
+import type { ReactNode } from 'react';
+import type { SectionMessageStatusVariant } from './types';
+export declare const SECTION_MESSAGE_ICON_BY_STATUS: Readonly<Record<SectionMessageStatusVariant, Record<'s' | 'm', ReactNode>>>;

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

@@ -0,0 +1,28 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SECTION_MESSAGE_ICON_BY_STATUS = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var icons_1 = require("@ozen-ui/icons");
+exports.SECTION_MESSAGE_ICON_BY_STATUS = {
+    neutral: {
+        m: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "s" }),
+    },
+    info: {
+        m: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.InfoCircleOutlineIcon, { size: "s" }),
+    },
+    warning: {
+        m: react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.WarningTriangleOutlineIcon, { size: "s" }),
+    },
+    success: {
+        m: react_1.default.createElement(icons_1.CheckCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.CheckCircleOutlineIcon, { size: "s" }),
+    },
+    error: {
+        m: react_1.default.createElement(icons_1.WarningCircleOutlineIcon, { size: "m" }),
+        s: react_1.default.createElement(icons_1.WarningCircleOutlineIcon, { size: "s" }),
+    },
+};

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/SectionMessageButton.css

@@ -0,0 +1,12 @@
+.SectionMessageButton.ButtonNext {
+    color: var(--section-message-button-color);
+  }
+
+    .SectionMessageButton.ButtonNext:hover,
+    .SectionMessageButton.ButtonNext:focus:not(:focus-visible) {
+      color: var(--section-message-button-color);
+    }
+
+    .SectionMessageButton.ButtonNext:focus {
+      color: var(--section-message-button-color-hover);
+    }

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

@@ -0,0 +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">;

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/SectionMessageButton.js

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.SectionMessageButton = exports.cnSectionMessageButton = void 0;
+var tslib_1 = require("tslib");
+var react_1 = tslib_1.__importDefault(require("react"));
+var classname_1 = require("../../../../utils/classname");
+var polymorphicComponentWithRef_1 = require("../../../../utils/polymorphicComponentWithRef");
+var ButtonNext_1 = require("../../../ButtonNext");
+var SectionMessageContext_1 = require("../../SectionMessageContext");
+var constants_1 = require("./constants");
+exports.cnSectionMessageButton = (0, classname_1.cn)('SectionMessageButton');
+exports.SectionMessageButton = (0, polymorphicComponentWithRef_1.polymorphicComponentWithRef)(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.as, as = _b === void 0 ? constants_1.SECTION_MESSAGE_BUTTON_DEFAULT_TAG : _b, other = tslib_1.__rest(_a, ["children", "className", "as"]);
+    var size = (0, SectionMessageContext_1.useSectionMessageContext)().size;
+    return (react_1.default.createElement(ButtonNext_1.Button, tslib_1.__assign({}, other, { as: as, ref: ref, size: size, className: (0, exports.cnSectionMessageButton)('', [className]), variant: "function" }), children));
+});
+exports.SectionMessageButton.displayName = 'SectionMessageButton';

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/constants.d.ts

@@ -0,0 +1 @@
+export declare const SECTION_MESSAGE_BUTTON_DEFAULT_TAG = "button";

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/constants.js

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

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/index.d.ts

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

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/index.js

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

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/types.d.ts

@@ -0,0 +1,6 @@
+import type { ElementType } from 'react';
+import type { PolymorphicComponentPropsWithoutRef } from '../../../../utils/polymorphicComponentWithRef';
+import type { ButtonBaseProps } from '../../../ButtonNext';
+import type { SECTION_MESSAGE_BUTTON_DEFAULT_TAG } from './constants';
+export type SectionMessageButtonBaseProps = Omit<ButtonBaseProps, 'size' | 'variant'>;
+export type SectionMessageButtonProps<As extends ElementType = typeof SECTION_MESSAGE_BUTTON_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<SectionMessageButtonBaseProps, As>;

package/__inner__/cjs/components/SectionMessage/modules/SectionMessageButton/types.js

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

package/__inner__/cjs/components/SectionMessage/modules/index.d.ts

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

package/__inner__/cjs/components/SectionMessage/modules/index.js

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

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

@@ -25,6 +25,8 @@ export type TagBaseProps = {
     iconLeft?: TagIcon;
     /** Иконка справа */
     iconRight?: TagIcon;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
 };
 export type TagProps<As extends ElementType = typeof TAG_DEFAULT_TAG> = PolymorphicComponentPropsWithoutRef<TagBaseProps, As>;
 export type TagRef = ComponentRef<typeof TAG_DEFAULT_TAG>;

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

@@ -23,8 +23,10 @@ import type { ContainerProps } from '../Container';
 import type { DataListProps } from '../DataList';
 import type { DatePickerProps } from '../DatePicker';
 import type { DialogProps } from '../Dialog';
+import type { DialogProps as DialogNextProps } from '../DialogNext';
 import type { DividerProps } from '../Divider';
 import type { DrawerProps } from '../Drawer';
+import type { DrawerProps as DrawerNextProps } from '../DrawerNext';
 import type { FieldControlProps } from '../FieldControl';
 import type { FileProps } from '../File';
 import type { FilePickerProps } from '../FilePicker';
@@ -99,9 +101,11 @@ export type Theme = {
         Container?: Partial<ContainerProps>;
         DataList?: Partial<DataListProps>;
         Dialog?: Partial<DialogProps>;
+        DialogNext?: Partial<DialogNextProps>;
         DatePicker?: Partial<DatePickerProps>;
         Divider?: Partial<DividerProps>;
         Drawer?: Partial<DrawerProps>;
+        DrawerNext?: Partial<DrawerNextProps>;
         FieldControl?: Partial<FieldControlProps>;
         File?: Partial<FileProps>;
         FilePicker?: Partial<FilePickerProps>;

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

@@ -1,4 +1,4 @@
-import './modules/tag/TitleTag.css';
+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">;

package/__inner__/cjs/components/Title/Title.js

@@ -2,7 +2,7 @@
 Object.defineProperty(exports, "__esModule", { value: true });
 exports.Title = exports.cnTitle = void 0;
 var tslib_1 = require("tslib");
-require("./modules/tag/TitleTag.css");
+require("./modules/TitleTag/TitleTag.css");
 var react_1 = tslib_1.__importDefault(require("react"));
 var useThemeProps_1 = require("../../hooks/useThemeProps");
 var classname_1 = require("../../utils/classname");

package/__inner__/cjs/components/Title/TitleContext.d.ts

@@ -4,5 +4,6 @@ export type TitleContextValue = {
     variant: TitleVariant;
     size: TitleSizeVariant;
 };
+export declare const TitleContextDefaultValue: TitleContextValue;
 export declare const TitleContext: React.Context<TitleContextValue>;
 export declare const useTitleContext: () => TitleContextValue;

package/__inner__/cjs/components/Title/TitleContext.js

@@ -1,14 +1,15 @@
 "use strict";
 Object.defineProperty(exports, "__esModule", { value: true });
-exports.useTitleContext = exports.TitleContext = void 0;
+exports.useTitleContext = exports.TitleContext = exports.TitleContextDefaultValue = void 0;
 var tslib_1 = require("tslib");
 var react_1 = tslib_1.__importStar(require("react"));
 var environment_1 = require("../../constants/environment");
 var constants_1 = require("./constants");
-exports.TitleContext = react_1.default.createContext({
+exports.TitleContextDefaultValue = {
     variant: constants_1.TITLE_DEFAULT_VARIANT,
     size: constants_1.TITLE_DEFAULT_SIZE,
-});
+};
+exports.TitleContext = react_1.default.createContext(exports.TitleContextDefaultValue);
 var useTitleContext = function () { return (0, react_1.useContext)(exports.TitleContext); };
 exports.useTitleContext = useTitleContext;
 // Именованный провайдер

package/__inner__/cjs/components/Title/components/variant/main/TitleMain.css

@@ -3,16 +3,18 @@
   display: inline-flex;
   flex-direction: column;
   align-items: flex-start;
-  gap: var(--space-xs);
+  gap: var(--spacing-3xs);
 }
-.TitleMain_defaultMargin {
-    margin-block: var(--title-main-default-margin-block);
+.TitleMain_withSpace {
+    margin-block: var(--title-main-default-margin-block-start) var(--title-main-default-margin-block-end);
+  }
+.TitleMain_withoutBreadcrumbs.TitleMain_withSpace {
+    margin-block-start: calc(var(--title-main-default-mock-breadcrumbs-height) + var(--title-main-default-margin-block-start));
   }
-.TitleMain_defaultMargin .TitleMain-Label {
-      block-size: 1em;
-    }
 .TitleMain_size_s {
-      --title-main-default-margin-block: 12px 16px;
+      --title-main-default-margin-block-start: 12px;
+      --title-main-default-margin-block-end: 16px;
+      --title-main-default-mock-breadcrumbs-height: 20px;
     }
 .TitleMain_size_s .TitleMain-Content {
         font: var(--typography-heading-xl-font);
@@ -20,7 +22,9 @@
         text-transform: var(--typography-heading-xl-text_transform, none);
       }
 .TitleMain_size_m {
-      --title-main-default-margin-block: 16px 24px;
+      --title-main-default-margin-block-start: 16px;
+      --title-main-default-margin-block-end: 24px;
+      --title-main-default-mock-breadcrumbs-height: 24px;
     }
 .TitleMain_size_m .TitleMain-Content {
         font: var(--typography-heading-2xl-font);
@@ -33,6 +37,3 @@
 .TitleMain-Content {
     color: var(--color-content-primary);
   }
-.TitleMain-Label {
-    cursor: default;
-  }