@redis-ui/components 37.0.0

package/dist/Modal/Modal.d.ts

@@ -0,0 +1,23 @@
+import { ModalProps } from './Modal.types';
+declare const Modal: (({ children, defaultOpen, onOpenChange, open, withButton, ...restProps }: ModalProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ({ children, ...restProps }: import("./components/Compose/Compose.types").ModalComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Content: (({ title, onCancel, primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, content, width, persistent, ...restProps }: import("./components/Content/Content.types").ModalContentProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: ({ persistent, onCancel, ...props }: import("./components/Content/components/Compose/Compose.types").ContentComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Header: (({ title, titleHidden, ...restProps }: import("./components/Content/components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+            Compose: (props: import("./components/Content/components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
+            Title: ({ hidden, children, ...restProps }: import("./components/Content/components/Header/components/Title/Title.types").TitleProps) => import("react/jsx-runtime").JSX.Element;
+        };
+        Body: (({ content, ...restProps }: import("./components/Content/components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
+            Compose: (props: import("./components/Content/components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+            Text: ({ children, ...restProps }: import("../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+        };
+        Footer: (({ primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, ...restProps }: import("./components/Content/components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element) & {
+            Compose: (props: import("./components/Content/components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;
+            Group: import("styled-components").StyledComponent<"div", any, {}, never>;
+        };
+        Close: ({ children, icon, onClick, persistent, ...buttonProps }: import("./components/Content/components/Close/Close.types").ModalCloseProps) => import("react/jsx-runtime").JSX.Element | null;
+    };
+    Trigger: ({ children, withButton }: import("./components/Trigger/Trigger.types").ModalTriggerProps) => import("react/jsx-runtime").JSX.Element;
+    Closable: (props: import("./components/Closable/Closable.types").ClosableProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Modal;

package/dist/Modal/Modal.js

@@ -0,0 +1,36 @@
+import { j as jsxRuntimeExports } from "../node_modules/react/jsx-runtime.js";
+import Compose from "./components/Compose/Compose.js";
+import Content from "./components/Content/Content.js";
+import Trigger from "./components/Trigger/Trigger.js";
+import Closable from "./components/Closable/Closable.js";
+const Modal = Object.assign(({
+  children,
+  defaultOpen,
+  onOpenChange,
+  open,
+  withButton,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsxs(Modal.Compose, {
+    ...{
+      defaultOpen,
+      onOpenChange,
+      open
+    },
+    children: [jsxRuntimeExports.jsx(Modal.Trigger, {
+      withButton,
+      children
+    }), jsxRuntimeExports.jsx(Modal.Content, {
+      ...restProps
+    })]
+  });
+}, {
+  Compose,
+  Content,
+  Trigger,
+  Closable
+});
+const Modal$1 = Modal;
+export {
+  Modal$1 as default
+};

package/dist/Modal/Modal.types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+import { ModalComposeProps } from './components/Compose/Compose.types';
+import { ModalContentProps } from './components/Content/Content.types';
+import { ModalTriggerProps } from './components/Trigger/Trigger.types';
+export interface ModalProps extends ModalContentProps, Omit<ModalComposeProps, 'children'>, Omit<ModalTriggerProps, 'children'> {
+    children?: React.ReactNode;
+}

package/dist/Modal/components/Closable/Closable.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
+const Closable = (props) => jsxRuntime.jsxRuntimeExports.jsx(index.Close, {
+  ...props,
+  asChild: true
+});
+exports.default = Closable;

package/dist/Modal/components/Closable/Closable.d.ts

@@ -0,0 +1,3 @@
+import { ClosableProps } from './Closable.types';
+declare const Closable: (props: ClosableProps) => import("react/jsx-runtime").JSX.Element;
+export default Closable;

package/dist/Modal/components/Closable/Closable.js

@@ -0,0 +1,9 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { Close } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
+const Closable = (props) => jsxRuntimeExports.jsx(Close, {
+  ...props,
+  asChild: true
+});
+export {
+  Closable as default
+};

package/dist/Modal/components/Closable/Closable.types.d.ts

@@ -0,0 +1,4 @@
+import { ReactElement } from 'react';
+export type ClosableProps = {
+    children: ReactElement;
+};

package/dist/Modal/components/Compose/Compose.cjs

@@ -0,0 +1,15 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const index = require("../../../node_modules/@radix-ui/react-dialog/dist/index.cjs");
+const Compose = ({
+  children,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(index.Root, {
+    ...restProps,
+    modal: false,
+    children
+  });
+};
+exports.default = Compose;

package/dist/Modal/components/Compose/Compose.d.ts

@@ -0,0 +1,3 @@
+import { ModalComposeProps } from './Compose.types';
+declare const Compose: ({ children, ...restProps }: ModalComposeProps) => import("react/jsx-runtime").JSX.Element;
+export default Compose;

package/dist/Modal/components/Compose/Compose.js

@@ -0,0 +1,15 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import { Root } from "../../../node_modules/@radix-ui/react-dialog/dist/index.js";
+const Compose = ({
+  children,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsx(Root, {
+    ...restProps,
+    modal: false,
+    children
+  });
+};
+export {
+  Compose as default
+};

package/dist/Modal/components/Compose/Compose.types.d.ts

@@ -0,0 +1,7 @@
+/// <reference types="react" />
+export interface ModalComposeProps {
+    children: React.ReactNode;
+    defaultOpen?: boolean;
+    open?: boolean;
+    onOpenChange?: (open: boolean) => void;
+}

package/dist/Modal/components/Content/Content.cjs

@@ -0,0 +1,61 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../node_modules/react/jsx-runtime.cjs");
+const Header = require("./components/Header/Header.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const Footer = require("./components/Footer/Footer.cjs");
+const Body = require("./components/Body/Body.cjs");
+const Close = require("./components/Close/Close.cjs");
+const Content = Object.assign(({
+  title,
+  onCancel,
+  primaryButtonText,
+  secondaryButtonText,
+  tertiaryButtonText,
+  tertiaryButtonIcon,
+  primaryButtonDisabled,
+  secondaryButtonDisabled,
+  tertiaryButtonDisabled,
+  onPrimaryButtonClick,
+  onSecondaryButtonClick = onCancel,
+  onTertiaryButtonClick,
+  content,
+  width,
+  persistent,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsxs(Content.Compose, {
+    ...restProps,
+    onCancel,
+    persistent,
+    children: [jsxRuntime.jsxRuntimeExports.jsx(Content.Close, {
+      onClick: onCancel,
+      persistent
+    }), jsxRuntime.jsxRuntimeExports.jsx(Content.Header, {
+      title
+    }), jsxRuntime.jsxRuntimeExports.jsx(Content.Body, {
+      content,
+      width
+    }), jsxRuntime.jsxRuntimeExports.jsx(Content.Footer, {
+      ...{
+        primaryButtonText,
+        secondaryButtonText,
+        tertiaryButtonText,
+        tertiaryButtonIcon,
+        primaryButtonDisabled,
+        secondaryButtonDisabled,
+        tertiaryButtonDisabled,
+        onPrimaryButtonClick,
+        onSecondaryButtonClick,
+        onTertiaryButtonClick
+      }
+    })]
+  });
+}, {
+  Compose: Compose.default,
+  Header: Header.default,
+  Body: Body.default,
+  Footer: Footer.default,
+  Close: Close.default
+});
+exports.default = Content;

package/dist/Modal/components/Content/Content.d.ts

@@ -0,0 +1,18 @@
+import { ModalContentProps } from './Content.types';
+declare const Content: (({ title, onCancel, primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, content, width, persistent, ...restProps }: ModalContentProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: ({ persistent, onCancel, ...props }: import("./components/Compose/Compose.types").ContentComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Header: (({ title, titleHidden, ...restProps }: import("./components/Header/Header.types").ContentHeaderProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: (props: import("./components/Header/components/Compose/Compose.types").ContentHeaderComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Title: ({ hidden, children, ...restProps }: import("./components/Header/components/Title/Title.types").TitleProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Body: (({ content, ...restProps }: import("./components/Body/Body.types").ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: (props: import("./components/Body/components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Text: ({ children, ...restProps }: import("../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+    };
+    Footer: (({ primaryButtonText, secondaryButtonText, tertiaryButtonText, tertiaryButtonIcon, primaryButtonDisabled, secondaryButtonDisabled, tertiaryButtonDisabled, onPrimaryButtonClick, onSecondaryButtonClick, onTertiaryButtonClick, ...restProps }: import("./components/Footer/Footer.types").ContentFooterProps) => import("react/jsx-runtime").JSX.Element) & {
+        Compose: (props: import("./components/Footer/components/Compose/Compose.types").ContentFooterComposeProps) => import("react/jsx-runtime").JSX.Element;
+        Group: import("styled-components").StyledComponent<"div", any, {}, never>;
+    };
+    Close: ({ children, icon, onClick, persistent, ...buttonProps }: import("./components/Close/Close.types").ModalCloseProps) => import("react/jsx-runtime").JSX.Element | null;
+};
+export default Content;

package/dist/Modal/components/Content/Content.js

@@ -0,0 +1,61 @@
+import { j as jsxRuntimeExports } from "../../../node_modules/react/jsx-runtime.js";
+import Header from "./components/Header/Header.js";
+import Compose from "./components/Compose/Compose.js";
+import Footer from "./components/Footer/Footer.js";
+import Body from "./components/Body/Body.js";
+import Close from "./components/Close/Close.js";
+const Content = Object.assign(({
+  title,
+  onCancel,
+  primaryButtonText,
+  secondaryButtonText,
+  tertiaryButtonText,
+  tertiaryButtonIcon,
+  primaryButtonDisabled,
+  secondaryButtonDisabled,
+  tertiaryButtonDisabled,
+  onPrimaryButtonClick,
+  onSecondaryButtonClick = onCancel,
+  onTertiaryButtonClick,
+  content,
+  width,
+  persistent,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsxs(Content.Compose, {
+    ...restProps,
+    onCancel,
+    persistent,
+    children: [jsxRuntimeExports.jsx(Content.Close, {
+      onClick: onCancel,
+      persistent
+    }), jsxRuntimeExports.jsx(Content.Header, {
+      title
+    }), jsxRuntimeExports.jsx(Content.Body, {
+      content,
+      width
+    }), jsxRuntimeExports.jsx(Content.Footer, {
+      ...{
+        primaryButtonText,
+        secondaryButtonText,
+        tertiaryButtonText,
+        tertiaryButtonIcon,
+        primaryButtonDisabled,
+        secondaryButtonDisabled,
+        tertiaryButtonDisabled,
+        onPrimaryButtonClick,
+        onSecondaryButtonClick,
+        onTertiaryButtonClick
+      }
+    })]
+  });
+}, {
+  Compose,
+  Header,
+  Body,
+  Footer,
+  Close
+});
+export {
+  Content as default
+};

package/dist/Modal/components/Content/Content.types.d.ts

@@ -0,0 +1,6 @@
+import { ContentBodyProps } from './components/Body/Body.types';
+import { ContentFooterProps } from './components/Footer/Footer.types';
+import { ContentHeaderProps } from './components/Header/Header.types';
+import { ContentComposeProps } from './components/Compose/Compose.types';
+import { ChildFree } from '../../../Helpers/common.types';
+export type ModalContentProps = Pick<ContentHeaderProps, 'title'> & Pick<ContentBodyProps, 'content' | 'width'> & Omit<ContentFooterProps & ChildFree<ContentComposeProps>, 'title'>;

package/dist/Modal/components/Content/components/Body/Body.cjs

@@ -0,0 +1,20 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const Compose = require("./components/Compose/Compose.cjs");
+const Text = require("./components/Text/Text.cjs");
+const Body = Object.assign(({
+  content,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(Body.Compose, {
+    ...restProps,
+    children: typeof content === "string" ? jsxRuntime.jsxRuntimeExports.jsx(Body.Text, {
+      children: content
+    }) : content
+  });
+}, {
+  Compose: Compose.default,
+  Text: Text.default
+});
+exports.default = Body;

package/dist/Modal/components/Content/components/Body/Body.d.ts

@@ -0,0 +1,6 @@
+import { ContentBodyProps } from './Body.types';
+declare const Body: (({ content, ...restProps }: ContentBodyProps) => import("react/jsx-runtime").JSX.Element) & {
+    Compose: (props: import("./components/Compose/Compose.types").ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ children, ...restProps }: import("../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element;
+};
+export default Body;

package/dist/Modal/components/Content/components/Body/Body.js

@@ -0,0 +1,20 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import Compose from "./components/Compose/Compose.js";
+import Text from "./components/Text/Text.js";
+const Body = Object.assign(({
+  content,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsx(Body.Compose, {
+    ...restProps,
+    children: typeof content === "string" ? jsxRuntimeExports.jsx(Body.Text, {
+      children: content
+    }) : content
+  });
+}, {
+  Compose,
+  Text
+});
+export {
+  Body as default
+};

package/dist/Modal/components/Content/components/Body/Body.types.d.ts

@@ -0,0 +1,6 @@
+import { ReactNode } from 'react';
+import { ChildFree } from '../../../../../Helpers/common.types';
+import { ContentBodyComposeProps } from './components/Compose/Compose.types';
+export interface ContentBodyProps extends ChildFree<Omit<ContentBodyComposeProps, 'content'>> {
+    content: ReactNode;
+}

package/dist/Modal/components/Content/components/Body/components/Compose/Compose.cjs

@@ -0,0 +1,9 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
+const Compose_style = require("./Compose.style.cjs");
+const Compose = (props) => jsxRuntime.jsxRuntimeExports.jsx(Compose_style.Container, {
+  "data-role": "dialog-hub",
+  ...props
+});
+exports.default = Compose;

package/dist/Modal/components/Content/components/Body/components/Compose/Compose.d.ts

@@ -0,0 +1,3 @@
+import { ContentBodyComposeProps } from './Compose.types';
+declare const Compose: (props: ContentBodyComposeProps) => import("react/jsx-runtime").JSX.Element;
+export default Compose;

package/dist/Modal/components/Content/components/Body/components/Compose/Compose.js

@@ -0,0 +1,9 @@
+import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { Container } from "./Compose.style.js";
+const Compose = (props) => jsxRuntimeExports.jsx(Container, {
+  "data-role": "dialog-hub",
+  ...props
+});
+export {
+  Compose as default
+};

package/dist/Modal/components/Content/components/Body/components/Compose/Compose.style.cjs

@@ -0,0 +1,22 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Container = _styled__default.default.div.withConfig({
+  displayName: "Composestyle__Container",
+  componentId: "RedisUI__sc-s3t0yi-0"
+})(["flex:initial;overflow-y:auto;min-width:100%;", ";"], ({
+  width
+}) => width ? _styled.css`
+          width: ${width};
+          max-width: var(--modal-max-available-width);
+        ` : _styled.css`
+          width: auto;
+          max-width: min(
+            ${() => redisUiStyles.useTheme().components.modal.body.maxWidth},
+            var(--modal-max-available-width)
+          );
+        `);
+exports.Container = Container;

package/dist/Modal/components/Content/components/Body/components/Compose/Compose.style.d.ts

@@ -0,0 +1,2 @@
+import { ContentBodyComposeProps } from './Compose.types';
+export declare const Container: import("styled-components").StyledComponent<"div", any, ContentBodyComposeProps, never>;

package/dist/Modal/components/Content/components/Body/components/Compose/Compose.style.js

@@ -0,0 +1,20 @@
+import _styled, { css } from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+const Container = _styled.div.withConfig({
+  displayName: "Composestyle__Container",
+  componentId: "RedisUI__sc-s3t0yi-0"
+})(["flex:initial;overflow-y:auto;min-width:100%;", ";"], ({
+  width
+}) => width ? css`
+          width: ${width};
+          max-width: var(--modal-max-available-width);
+        ` : css`
+          width: auto;
+          max-width: min(
+            ${() => useTheme().components.modal.body.maxWidth},
+            var(--modal-max-available-width)
+          );
+        `);
+export {
+  Container
+};

package/dist/Modal/components/Content/components/Body/components/Compose/Compose.types.d.ts

@@ -0,0 +1,4 @@
+import { ComposeElementProps } from '../../../../../../../Helpers/common.types';
+export interface ContentBodyComposeProps extends ComposeElementProps {
+    width?: string;
+}

package/dist/Modal/components/Content/components/Body/components/Text/Text.cjs

@@ -0,0 +1,14 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../../../node_modules/react/jsx-runtime.cjs");
+const Text_style = require("./Text.style.cjs");
+const Text = ({
+  children,
+  ...restProps
+}) => {
+  return jsxRuntime.jsxRuntimeExports.jsx(Text_style.Text, {
+    ...restProps,
+    children
+  });
+};
+exports.default = Text;

package/dist/Modal/components/Content/components/Body/components/Text/Text.d.ts

@@ -0,0 +1,3 @@
+import { TextProps } from './Text.types';
+declare const Text: ({ children, ...restProps }: TextProps) => import("react/jsx-runtime").JSX.Element;
+export default Text;

package/dist/Modal/components/Content/components/Body/components/Text/Text.js

@@ -0,0 +1,14 @@
+import { j as jsxRuntimeExports } from "../../../../../../../node_modules/react/jsx-runtime.js";
+import { Text as Text$1 } from "./Text.style.js";
+const Text = ({
+  children,
+  ...restProps
+}) => {
+  return jsxRuntimeExports.jsx(Text$1, {
+    ...restProps,
+    children
+  });
+};
+export {
+  Text as default
+};

package/dist/Modal/components/Content/components/Body/components/Text/Text.style.cjs

@@ -0,0 +1,12 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const Typography = require("../../../../../../../Typography/Typography.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const Text = _styled__default.default(Typography.default.Body).withConfig({
+  displayName: "Textstyle__Text",
+  componentId: "RedisUI__sc-1uqerit-0"
+})(["color:", ";white-space:pre-wrap;"], () => redisUiStyles.useTheme().components.modal.body.textColor);
+exports.Text = Text;

package/dist/Modal/components/Content/components/Body/components/Text/Text.style.d.ts

@@ -0,0 +1 @@
+export declare const Text: import("styled-components").StyledComponent<({ size, variant, component, color, ellipsis, ...restProps }: import("../../../../../../../Typography/components/Body/Body.types").BodyProps) => import("react/jsx-runtime").JSX.Element, any, {}, never>;

package/dist/Modal/components/Content/components/Body/components/Text/Text.style.js

@@ -0,0 +1,10 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import Typography from "../../../../../../../Typography/Typography.js";
+const Text = _styled(Typography.Body).withConfig({
+  displayName: "Textstyle__Text",
+  componentId: "RedisUI__sc-1uqerit-0"
+})(["color:", ";white-space:pre-wrap;"], () => useTheme().components.modal.body.textColor);
+export {
+  Text
+};

package/dist/Modal/components/Content/components/Body/components/Text/Text.types.d.ts

@@ -0,0 +1,2 @@
+import { BodyProps } from '../../../../../../../Typography/components/Body/Body.types';
+export type TextProps = BodyProps;

package/dist/Modal/components/Content/components/Close/Close.cjs

@@ -0,0 +1,24 @@
+"use strict";
+Object.defineProperties(exports, { __esModule: { value: true }, [Symbol.toStringTag]: { value: "Module" } });
+const jsxRuntime = require("../../../../../node_modules/react/jsx-runtime.cjs");
+const redisUiIcons = require("@redislabsdev/redis-ui-icons");
+const Closable = require("../../../Closable/Closable.cjs");
+const Close_style = require("./Close.style.cjs");
+const Close = ({
+  children,
+  icon = redisUiIcons.CancelIcon,
+  onClick,
+  persistent,
+  ...buttonProps
+}) => persistent ? null : jsxRuntime.jsxRuntimeExports.jsx(Closable.default, {
+  children: jsxRuntime.jsxRuntimeExports.jsx(Close_style.ModalCloseContainer, {
+    children: jsxRuntime.jsxRuntimeExports.jsx(Close_style.IconButton, {
+      "aria-label": "close",
+      onClick,
+      size: "M",
+      icon,
+      ...buttonProps
+    })
+  })
+});
+exports.default = Close;

package/dist/Modal/components/Content/components/Close/Close.d.ts

@@ -0,0 +1,3 @@
+import { ModalCloseProps } from './Close.types';
+declare const Close: ({ children, icon, onClick, persistent, ...buttonProps }: ModalCloseProps) => import("react/jsx-runtime").JSX.Element | null;
+export default Close;

package/dist/Modal/components/Content/components/Close/Close.js

@@ -0,0 +1,24 @@
+import { j as jsxRuntimeExports } from "../../../../../node_modules/react/jsx-runtime.js";
+import { CancelIcon } from "@redislabsdev/redis-ui-icons";
+import Closable from "../../../Closable/Closable.js";
+import { ModalCloseContainer, IconButton } from "./Close.style.js";
+const Close = ({
+  children,
+  icon = CancelIcon,
+  onClick,
+  persistent,
+  ...buttonProps
+}) => persistent ? null : jsxRuntimeExports.jsx(Closable, {
+  children: jsxRuntimeExports.jsx(ModalCloseContainer, {
+    children: jsxRuntimeExports.jsx(IconButton, {
+      "aria-label": "close",
+      onClick,
+      size: "M",
+      icon,
+      ...buttonProps
+    })
+  })
+});
+export {
+  Close as default
+};

package/dist/Modal/components/Content/components/Close/Close.style.cjs

@@ -0,0 +1,17 @@
+"use strict";
+Object.defineProperty(exports, Symbol.toStringTag, { value: "Module" });
+const _styled = require("styled-components");
+const redisUiStyles = require("@redislabsdev/redis-ui-styles");
+const IconButton$1 = require("../../../../../Button/IconButton/IconButton.cjs");
+const _interopDefault = (e) => e && e.__esModule ? e : { default: e };
+const _styled__default = /* @__PURE__ */ _interopDefault(_styled);
+const ModalCloseContainer = _styled__default.default.div.withConfig({
+  displayName: "Closestyle__ModalCloseContainer",
+  componentId: "RedisUI__sc-s3cegu-0"
+})(["display:flex;justify-content:end;"]);
+const IconButton = _styled__default.default(IconButton$1.default).withConfig({
+  displayName: "Closestyle__IconButton",
+  componentId: "RedisUI__sc-s3cegu-1"
+})(["color:", ";"], () => redisUiStyles.useTheme().components.modal.header.closeIconColor);
+exports.IconButton = IconButton;
+exports.ModalCloseContainer = ModalCloseContainer;

package/dist/Modal/components/Content/components/Close/Close.style.d.ts

@@ -0,0 +1,3 @@
+/// <reference types="react" />
+export declare const ModalCloseContainer: import("styled-components").StyledComponent<"div", any, {}, never>;
+export declare const IconButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("../../../../..").IconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, any, {}, never>;

package/dist/Modal/components/Content/components/Close/Close.style.js

@@ -0,0 +1,15 @@
+import _styled from "styled-components";
+import { useTheme } from "@redislabsdev/redis-ui-styles";
+import IconButtonComponent from "../../../../../Button/IconButton/IconButton.js";
+const ModalCloseContainer = _styled.div.withConfig({
+  displayName: "Closestyle__ModalCloseContainer",
+  componentId: "RedisUI__sc-s3cegu-0"
+})(["display:flex;justify-content:end;"]);
+const IconButton = _styled(IconButtonComponent).withConfig({
+  displayName: "Closestyle__IconButton",
+  componentId: "RedisUI__sc-s3cegu-1"
+})(["color:", ";"], () => useTheme().components.modal.header.closeIconColor);
+export {
+  IconButton,
+  ModalCloseContainer
+};

package/dist/Modal/components/Content/components/Close/Close.types.d.ts

@@ -0,0 +1,6 @@
+import { HTMLAttributes } from 'react';
+import { IconButtonProps } from '../../../../../Button';
+export interface ModalCloseProps extends HTMLAttributes<HTMLButtonElement>, Partial<Pick<IconButtonProps, 'icon'>> {
+    onClick?: (event: React.MouseEvent<HTMLButtonElement, MouseEvent>) => void;
+    persistent?: boolean;
+}