@alfalab/core-components 27.12.0 → 27.14.0

package/side-panel/esm/components/content/Component.d.ts

@@ -0,0 +1,13 @@
+import { FC, ReactNode } from 'react';
+type ContentProps = {
+    /**
+     * Контент
+     */
+    children?: ReactNode;
+    /**
+     * Дополнительный класс
+     */
+    className?: string;
+};
+declare const Content: FC<ContentProps>;
+export { ContentProps, Content };

package/side-panel/esm/components/content/Component.desktop.d.ts

@@ -0,0 +1,11 @@
+import { FC } from 'react';
+import { ContentProps } from "./Component";
+import { SidePanelDesktopProps } from "../../Component.desktop";
+type ContentDesktopProps = ContentProps & {
+    /**
+     * Размер
+     */
+    size?: SidePanelDesktopProps['size'];
+};
+declare const ContentDesktop: FC<ContentDesktopProps>;
+export { ContentDesktopProps, ContentDesktop };

package/side-panel/esm/components/content/Component.desktop.js

@@ -0,0 +1,16 @@
+import { _ as __rest, a as __assign } from '../../tslib.es6-44d9de0b.js';
+import React from 'react';
+import cn from 'classnames';
+import '../../../../base-modal/esm';
+import '../../Context.js';
+import { Content } from './Component.js';
+
+var styles = {"s":"side-panel__s_lq99o"};
+require('./desktop.css');
+
+var ContentDesktop = function (_a) {
+    var size = _a.size, className = _a.className, restProps = __rest(_a, ["size", "className"]);
+    return (React.createElement(Content, __assign({ className: cn(className, size && styles[size]) }, restProps)));
+};
+
+export { ContentDesktop };

package/side-panel/esm/components/content/Component.js

@@ -0,0 +1,15 @@
+import React, { useContext } from 'react';
+import cn from 'classnames';
+import '../../../../base-modal/esm';
+import { ModalContext } from '../../Context.js';
+
+var styles = {"content":"side-panel__content_1yxkj","flex":"side-panel__flex_1yxkj"};
+require('./index.css');
+
+var Content = function (_a) {
+    var children = _a.children, className = _a.className;
+    var contentRef = useContext(ModalContext).contentRef;
+    return (React.createElement("div", { className: cn(styles.content, className, styles.flex), ref: contentRef }, children));
+};
+
+export { Content };

package/side-panel/esm/components/content/Component.mobile.d.ts

@@ -0,0 +1,5 @@
+import { FC } from 'react';
+import { ContentProps } from "./Component";
+type ContentMobileProps = ContentProps;
+declare const ContentMobile: FC<ContentMobileProps>;
+export { ContentMobileProps, ContentMobile };

package/side-panel/esm/components/content/Component.mobile.js

@@ -0,0 +1,16 @@
+import { _ as __rest, a as __assign } from '../../tslib.es6-44d9de0b.js';
+import React from 'react';
+import cn from 'classnames';
+import '../../../../base-modal/esm';
+import '../../Context.js';
+import { Content } from './Component.js';
+
+var styles = {"content":"side-panel__content_7gese"};
+require('./mobile.css');
+
+var ContentMobile = function (_a) {
+    var className = _a.className, restProps = __rest(_a, ["className"]);
+    return (React.createElement(Content, __assign({ className: cn(className, styles.content) }, restProps)));
+};
+
+export { ContentMobile };