@ozen-ui/kit 0.66.0 → 0.68.0

package/__inner__/esm/components/DialogNext/modules/DialogHeader/DialogHeader.css

@@ -0,0 +1,26 @@
+.DialogNextHeader {
+  --dialog-header-item-padding-right: var(--spacing-m);
+  --dialog-header-padding-bottom: var(--spacing-s);
+  padding-inline: var(--dialog-inline-padding);
+  padding-block: calc(var(--dialog-block-padding) - var(--dialog-header-size)) var(--dialog-header-padding-bottom);
+}
+
+  .DialogNextHeader-Container {
+    position: relative;
+  }
+
+  .DialogNextHeader-Divider {
+    position: absolute;
+  }
+
+  /* ---- DEVICE TYPE ---- */
+
+  .DialogNextHeader_deviceType_desktop.DialogNextHeader_size_m {
+    --dialog-header-padding-bottom: var(--spacing-m);
+  }
+
+  /* ---- VIEW TYPE ---- */
+
+  .DialogNextHeader_viewType_modal {
+    flex-shrink: 0;
+  }

package/__inner__/esm/components/DialogNext/modules/DialogHeader/DialogHeader.d.ts

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

package/__inner__/esm/components/DialogNext/modules/DialogHeader/DialogHeader.js

@@ -0,0 +1,25 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { BottomSheetBaseBlock } from '../../../BottomSheetBase';
+import { Divider } from '../../../Divider';
+import { useDialogContext } from '../../DialogContext';
+import { DIALOG_HEADER_DEFAULT_WITH_DIVIDER } from './constants';
+export var cnDialogHeader = cn('DialogNextHeader');
+export var DialogHeader = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, _b = _a.withDivider, withDivider = _b === void 0 ? DIALOG_HEADER_DEFAULT_WITH_DIVIDER : _b, other = __rest(_a, ["children", "className", "withDivider"]);
+    var _c = useDialogContext(), size = _c.size, deviceType = _c.deviceType, isBottomSheet = _c.isBottomSheet;
+    var Component = (isBottomSheet ? BottomSheetBaseBlock : 'div');
+    var bottomSheetProps = isBottomSheet
+        ? {
+            expandOnDrag: true,
+        }
+        : null;
+    return (React.createElement(Component, __assign({}, other, bottomSheetProps, { ref: ref, className: cnDialogHeader('Container', [className]) }),
+        React.createElement("div", { className: cnDialogHeader({
+                size: size,
+                deviceType: deviceType,
+            }) }, children),
+        withDivider && React.createElement(Divider, { className: cnDialogHeader('Divider') })));
+});
+DialogHeader.displayName = 'DialogHeader';

package/__inner__/esm/components/DialogNext/modules/DialogHeader/constants.d.ts

@@ -0,0 +1 @@
+export declare const DIALOG_HEADER_DEFAULT_WITH_DIVIDER = false;

package/__inner__/esm/components/DialogNext/modules/DialogHeader/constants.js

@@ -0,0 +1 @@
+export var DIALOG_HEADER_DEFAULT_WITH_DIVIDER = false;

package/__inner__/esm/components/DialogNext/modules/DialogHeader/index.d.ts

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

package/__inner__/esm/components/DialogNext/modules/DialogHeader/index.js

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

package/__inner__/esm/components/DialogNext/modules/DialogHeader/types.d.ts

@@ -0,0 +1,11 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DialogHeaderRef = HTMLDivElement;
+export type DialogHeaderProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Если `true`, то будет отображаться разделитель */
+    withDivider?: boolean;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/esm/components/DialogNext/modules/DialogHeader/types.js

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

package/__inner__/esm/components/DialogNext/modules/DialogSubtitle/DialogSubtitle.css

@@ -0,0 +1,21 @@
+/* stylelint-disable */
+.DialogNextSubtitle {
+  --dialog-subtitle-margin-top: var(--spacing-3xs);
+
+  font: var(--typography-text-m-font);
+
+  letter-spacing: var(--typography-text-m-letter_spacing, 0);
+
+  text-transform: var(--typography-text-m-text_transform, none);
+  padding-inline-end: var(--dialog-header-item-padding-right);
+  color: var(--color-content-secondary);
+  margin-block-start: var(--dialog-subtitle-margin-top);
+}
+.DialogNextSubtitle_deviceType_desktop.DialogNextSubtitle_size_s {
+    font: var(--typography-text-s-font);
+    letter-spacing: var(--typography-text-s-letter_spacing, 0);
+    text-transform: var(--typography-text-s-text_transform, none);
+  }
+.DialogNextSubtitle_deviceType_desktop.DialogNextSubtitle_size_m {
+    --dialog-subtitle-margin-top: var(--spacing-2xs);
+  }

package/__inner__/esm/components/DialogNext/modules/DialogSubtitle/DialogSubtitle.d.ts

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

package/__inner__/esm/components/DialogNext/modules/DialogSubtitle/DialogSubtitle.js

@@ -0,0 +1,14 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { useDialogContext } from '../../DialogContext';
+export var cnDialogSubtitle = cn('DialogNextSubtitle');
+export var DialogSubtitle = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, other = __rest(_a, ["children", "className"]);
+    var _b = useDialogContext(), deviceType = _b.deviceType, size = _b.size;
+    return (React.createElement("div", __assign({}, other, { ref: ref, className: cnDialogSubtitle({
+            deviceType: deviceType,
+            size: size,
+        }, [className]) }), children));
+});
+DialogSubtitle.displayName = 'DialogSubtitle';

package/__inner__/esm/components/DialogNext/modules/DialogSubtitle/index.d.ts

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

package/__inner__/esm/components/DialogNext/modules/DialogSubtitle/index.js

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

package/__inner__/esm/components/DialogNext/modules/DialogSubtitle/types.d.ts

@@ -0,0 +1,9 @@
+import type { ReactNode } from 'react';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+export type DialogSubtitleRef = HTMLDivElement;
+export type DialogSubtitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'div'>;

package/__inner__/esm/components/DialogNext/modules/DialogSubtitle/types.js

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

package/__inner__/esm/components/DialogNext/modules/DialogTitle/DialogTitle.css

@@ -0,0 +1,23 @@
+/* stylelint-disable */
+.DialogNextTitle {
+  --dialog-title-gap: var(--spacing-xs);
+
+  font: var(--typography-heading-xl-font);
+
+  letter-spacing: var(--typography-heading-xl-letter_spacing, 0);
+
+  text-transform: var(--typography-heading-xl-text_transform, none);
+  display: flex;
+  align-items: center;
+  gap: var(--dialog-title-gap);
+  padding-inline-end: var(--dialog-header-item-padding-right);
+  color: var(--color-content-primary);
+}
+.DialogNextTitle_deviceType_desktop.DialogNextTitle_size_m {
+    font: var(--typography-heading-2xl-font);
+    letter-spacing: var(--typography-heading-2xl-letter_spacing, 0);
+    text-transform: var(--typography-heading-2xl-text_transform, none);
+  }
+.DialogNextTitle_size_m {
+    --dialog-title-gap: var(--spacing-s);
+  }

package/__inner__/esm/components/DialogNext/modules/DialogTitle/DialogTitle.d.ts

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

package/__inner__/esm/components/DialogNext/modules/DialogTitle/DialogTitle.js

@@ -0,0 +1,22 @@
+import { __assign, __rest } from "tslib";
+import React, { forwardRef } from 'react';
+import { cn } from '../../../../utils/classname';
+import { renderContent } from '../../../../utils/renderContent';
+import { useDialogContext } from '../../DialogContext';
+export var cnDialogTitle = cn('DialogNextTitle');
+export var DialogTitle = forwardRef(function (_a, ref) {
+    var children = _a.children, className = _a.className, iconLeft = _a.iconLeft, other = __rest(_a, ["children", "className", "iconLeft"]);
+    var _b = useDialogContext(), deviceType = _b.deviceType, size = _b.size;
+    var renderIcon = function (content) {
+        return renderContent({
+            content: content,
+            props: {
+                size: 'm',
+            },
+        });
+    };
+    return (React.createElement("div", __assign({}, other, { ref: ref, className: cnDialogTitle({ size: size, deviceType: deviceType }, [className]) }),
+        renderIcon(iconLeft),
+        children));
+});
+DialogTitle.displayName = 'DialogTitle';

package/__inner__/esm/components/DialogNext/modules/DialogTitle/index.d.ts

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

package/__inner__/esm/components/DialogNext/modules/DialogTitle/index.js

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

package/__inner__/esm/components/DialogNext/modules/DialogTitle/types.d.ts

@@ -0,0 +1,14 @@
+import type { ReactNode } from 'react';
+import type { IconProps } from '@ozen-ui/icons';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
+import type { RenderContentType } from '../../../../utils/renderContent';
+export type DialogTitleRef = HTMLHeadingElement;
+export type DialogTitleIcon = RenderContentType<IconProps>['content'];
+export type DialogTitleProps = ExtendableComponentPropsWithRef<{
+    /** Содержимое */
+    children: ReactNode;
+    /** Иконка слева */
+    iconLeft?: DialogTitleIcon;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+}, 'h2'>;

package/__inner__/esm/components/DialogNext/modules/DialogTitle/types.js

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

package/__inner__/esm/components/DialogNext/modules/index.d.ts

@@ -0,0 +1,8 @@
+export * from './DialogBody';
+export * from './DialogCloseButton';
+export * from './DialogFooter';
+export * from './DialogFooterButton';
+export * from './DialogFooterButtonsGroup';
+export * from './DialogHeader';
+export * from './DialogSubtitle';
+export * from './DialogTitle';

package/__inner__/esm/components/DialogNext/modules/index.js

@@ -0,0 +1,8 @@
+export * from './DialogBody';
+export * from './DialogCloseButton';
+export * from './DialogFooter';
+export * from './DialogFooterButton';
+export * from './DialogFooterButtonsGroup';
+export * from './DialogHeader';
+export * from './DialogSubtitle';
+export * from './DialogTitle';

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

@@ -0,0 +1,44 @@
+import type { RenderContentTypeEmptyProps } from '../../utils/renderContent';
+import type { BackdropProps } from '../Backdrop';
+import type { PortalProps } from '../Portal';
+import type { DialogBottomSheetProps, DialogModalProps } from './components';
+import type { DIALOG_DEFAULT_DEVICE_TYPE } from './constants';
+import type { DialogDeviceType, DialogSizeVariantByDeviceType, DialogVariant } from './entities';
+export type DialogRef = HTMLDivElement;
+export type DialogRenderCloseButton = RenderContentTypeEmptyProps['content'];
+export type DialogContentBottomSheetProps = Omit<DialogBottomSheetProps, 'hideCloseButton' | 'backdrop' | 'open' | 'size' | 'variant' | 'closeButton' | 'onClose' | 'className'>;
+export type DialogContentModalProps = Omit<DialogModalProps, 'open' | 'onClose' | 'hideCloseButton' | 'className' | 'closeButton' | 'size' | 'variant'>;
+export type DialogBaseProps = {
+    /** Если `true`, будет отображаться окно диалога */
+    open: boolean;
+    /** Вариант представления шторки */
+    variant?: DialogVariant;
+    /** Свойства компонента шторки */
+    bottomSheetProps?: DialogContentBottomSheetProps;
+    /** Свойства компонента модального окна */
+    modalProps?: DialogContentModalProps;
+    /** Кнопка закрытия */
+    renderCloseButton?: DialogRenderCloseButton;
+    /** Если `true`, скрывается кнопка закрытия */
+    hideCloseButton?: boolean;
+    /** Вызывается при закрытии Dialog */
+    onClose?: () => void;
+    /** Дополнительные CSS-классы */
+    className?: string;
+    /** Свойства компонента backdrop */
+    backdropProps?: BackdropProps;
+    /** Идентификатор компонента для тестов */
+    'data-testid'?: string;
+} & PortalProps;
+export type DialogDeviceTypeProps<DeviceType extends DialogDeviceType | undefined> = DialogBaseProps & (DeviceType extends DialogDeviceType ? {
+    /** Размер */
+    size?: DialogSizeVariantByDeviceType[DeviceType];
+    /** Тип устройства */
+    deviceType: DeviceType;
+} : {
+    /** Размер */
+    size?: DialogSizeVariantByDeviceType[typeof DIALOG_DEFAULT_DEVICE_TYPE];
+    /** Тип устройства */
+    deviceType?: undefined;
+});
+export type DialogProps = DialogDeviceTypeProps<DialogDeviceType> | DialogDeviceTypeProps<undefined>;

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

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

package/__inner__/esm/components/Drawer/components/{DrawerBody.d.ts → DrawerBody/DrawerBody.d.ts}

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerBodyRef = ComponentRef<'div'>;
 export type DrawerBodyProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerBody.js → DrawerBody/DrawerBody.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerBody = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Body', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerBody/index.d.ts

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

package/__inner__/esm/components/Drawer/components/DrawerBody/index.js

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

package/__inner__/{cjs/components/Drawer/components → esm/components/Drawer/components/DrawerFooter}/DrawerFooter.d.ts

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerFooterRef = ComponentRef<'div'>;
 export type DrawerFooterProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerFooter.js → DrawerFooter/DrawerFooter.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerFooter = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Footer', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerFooter/index.d.ts

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

package/__inner__/esm/components/Drawer/components/DrawerFooter/index.js

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

package/__inner__/{cjs/components/Drawer/components → esm/components/Drawer/components/DrawerHeader}/DrawerHeader.d.ts

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerHeaderRef = ComponentRef<'div'>;
 export type DrawerHeaderProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerHeader.js → DrawerHeader/DrawerHeader.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerHeader = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Header', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerHeader/index.d.ts

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

package/__inner__/esm/components/Drawer/components/DrawerHeader/index.js

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

package/__inner__/esm/components/Drawer/components/{DrawerSubtitle.d.ts → DrawerSubtitle/DrawerSubtitle.d.ts}

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerSubtitleRef = ComponentRef<'div'>;
 export type DrawerSubtitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerSubtitle.js → DrawerSubtitle/DrawerSubtitle.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerSubtitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("div", __assign({ ref: ref, className: cnDrawer('Subtitle', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerSubtitle/index.d.ts

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

package/__inner__/esm/components/Drawer/components/DrawerSubtitle/index.js

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

package/__inner__/esm/components/Drawer/components/{DrawerTitle.d.ts → DrawerTitle/DrawerTitle.d.ts}

@@ -1,7 +1,7 @@
-import '../Drawer.css';
+import '../../Drawer.css';
 import React from 'react';
 import type { ReactNode, ComponentRef } from 'react';
-import type { ExtendableComponentPropsWithRef } from '../../../types/ExtendableComponentPropsWithRef';
+import type { ExtendableComponentPropsWithRef } from '../../../../types/ExtendableComponentPropsWithRef';
 export type DrawerTitleRef = ComponentRef<'h2'>;
 export type DrawerTitleProps = ExtendableComponentPropsWithRef<{
     children: ReactNode;

package/__inner__/esm/components/Drawer/components/{DrawerTitle.js → DrawerTitle/DrawerTitle.js}

@@ -1,7 +1,7 @@
 import { __assign, __rest } from "tslib";
-import '../Drawer.css';
+import '../../Drawer.css';
 import React, { forwardRef } from 'react';
-import { cnDrawer } from '../Drawer';
+import { cnDrawer } from '../../Drawer';
 export var DrawerTitle = forwardRef(function (_a, ref) {
     var children = _a.children, className = _a.className, restProps = __rest(_a, ["children", "className"]);
     return (React.createElement("h2", __assign({ ref: ref, className: cnDrawer('Title', [className]) }, restProps), children));

package/__inner__/esm/components/Drawer/components/DrawerTitle/index.d.ts

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

package/__inner__/esm/components/Drawer/components/DrawerTitle/index.js

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

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

@@ -1,5 +1,5 @@
-export * from './DrawerHeader';
-export * from './DrawerTitle';
-export * from './DrawerSubtitle';
-export * from './DrawerBody';
-export * from './DrawerFooter';
+export * from './DrawerHeader/DrawerHeader';
+export * from './DrawerTitle/DrawerTitle';
+export * from './DrawerSubtitle/DrawerSubtitle';
+export * from './DrawerBody/DrawerBody';
+export * from './DrawerFooter/DrawerFooter';

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

@@ -1,5 +1,5 @@
-export * from './DrawerHeader';
-export * from './DrawerTitle';
-export * from './DrawerSubtitle';
-export * from './DrawerBody';
-export * from './DrawerFooter';
+export * from './DrawerHeader/DrawerHeader';
+export * from './DrawerTitle/DrawerTitle';
+export * from './DrawerSubtitle/DrawerSubtitle';
+export * from './DrawerBody/DrawerBody';
+export * from './DrawerFooter/DrawerFooter';

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

@@ -1,9 +1,9 @@
-import type { RenderContentType } from '../../utils/renderContent';
+import type { RenderContentTypeEmptyProps } 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 DrawerRenderCloseButton = RenderContentTypeEmptyProps['content'];
 export type DrawerBaseProps = {
     /** Вариант представления шторки */
     variant?: DrawerVariant;

package/__inner__/esm/components/FormControlCarcass/FormControlCarcass.css

@@ -0,0 +1,92 @@
+/* stylelint-disable */
+.FormControlCarcass {
+  --form-control-carcass-control-block-padding: 0;
+  --form-control-carcass-after-block-padding: 0;
+  --form-control-content-gap: 0;
+  --form-control-label-color: var(--color-content-primary);
+  display: inline-flex;
+  cursor: pointer;
+  vertical-align: top;
+  flex-direction: row;
+}
+.FormControlCarcass_size_2xs {
+      font: var(--typography-text-2xs-font);
+      letter-spacing: var(--typography-text-2xs-letter_spacing, 0);
+      text-transform: var(--typography-text-2xs-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-2xs);
+    }
+.FormControlCarcass_size_xs {
+      font: var(--typography-text-xs-font);
+      letter-spacing: var(--typography-text-xs-letter_spacing, 0);
+      text-transform: var(--typography-text-xs-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-2xs);
+    }
+.FormControlCarcass_size_s {
+      font: var(--typography-text-s-font);
+      letter-spacing: var(--typography-text-s-letter_spacing, 0);
+      text-transform: var(--typography-text-s-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-xs);
+      --form-control-carcass-control-block-padding: var(--spacing-4xs);
+      --form-control-carcass-after-block-padding: var(--spacing-4xs);
+    }
+.FormControlCarcass_size_m {
+      font: var(--typography-text-m-font);
+      letter-spacing: var(--typography-text-m-letter_spacing, 0);
+      text-transform: var(--typography-text-m-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-xs);
+      --form-control-carcass-control-block-padding: var(--spacing-4xs);
+    }
+.FormControlCarcass_size_l {
+      font: var(--typography-text-l-font);
+      letter-spacing: var(--typography-text-l-letter_spacing, 0);
+      text-transform: var(--typography-text-l-text_transform, none);
+
+      --form-control-content-gap: var(--spacing-s);
+      --form-control-carcass-control-block-padding: var(--spacing-3xs);
+      --form-control-carcass-after-block-padding: var(--spacing-4xs);
+    }
+.FormControlCarcass_align_top {
+      align-items: flex-start;
+    }
+.FormControlCarcass_align_bottom {
+      align-items: flex-end;
+    }
+.FormControlCarcass_align_center {
+      align-items: center;
+    }
+.FormControlCarcass_mirrored {
+    flex-direction: row-reverse;
+  }
+.FormControlCarcass_mirrored .FormControlCarcass-Content, .FormControlCarcass_mirrored .FormControlCarcass-After {
+      margin-inline: 0 var(--form-control-content-gap);
+    }
+.FormControlCarcass::after {
+    display: inline-block;
+    inline-size: 0;
+    overflow: hidden;
+    content: '\a0';
+  }
+.FormControlCarcass-Control {
+    flex-shrink: 0;
+    padding-block: var(--form-control-carcass-control-block-padding);
+  }
+.FormControlCarcass-Content {
+    margin-inline-start: var(--form-control-content-gap);
+    color: var(--form-control-label-color);
+    transition: color var(--transition-default);
+  }
+.FormControlCarcass-After {
+    display: inline-flex;
+    align-items: center;
+    margin-inline-start: var(--form-control-content-gap);
+    padding-block: var(--form-control-carcass-after-block-padding);
+  }
+.FormControlCarcass_disabled {
+    --form-control-label-color: var(--color-content-disabled);
+    cursor: default;
+    pointer-events: none;
+  }

package/__inner__/esm/components/FormControlCarcass/FormControlCarcass.d.ts

@@ -0,0 +1,6 @@
+import './components/FormControlCarcassHint/FormControlCarcassHint.css';
+import './modules/FormControlCarcassIcon/FormControlCarcassIcon.css';
+import './FormControlCarcass.css';
+import type { FormControlLabelBaseProps } from './types';
+export declare const cnFormControlCarcass: import("@bem-react/classname").ClassNameFormatter;
+export declare const FormControlCarcass: import("../../utils/polymorphicComponentWithRef").PolymorphicComponentWithRef<FormControlLabelBaseProps, "label">;