@ultraviolet/ui 3.0.0-beta.8 → 3.0.0

package/dist/components/Dialog/components/Button.d.ts

@@ -2,6 +2,6 @@ import type { ComponentProps, ReactNode } from 'react';
 import { Button } from '../../Button';
 type DialogButtonProps = {
     children: ReactNode;
-} & Pick<ComponentProps<typeof Button>, 'onClick' | 'disabled' | 'tooltip'>;
-export declare const DialogButton: ({ children, onClick, disabled, tooltip, }: DialogButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+} & Pick<ComponentProps<typeof Button>, 'onClick' | 'disabled' | 'tooltip' | 'style'>;
+export declare const DialogButton: ({ children, onClick, disabled, tooltip, style, }: DialogButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/Button.js

@@ -1,15 +1,26 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "../../Button/index.js";
 import { useDialogContext } from "../Context.js";
 const DialogButton = ({
   children,
   onClick,
   disabled,
-  tooltip
+  tooltip,
+  style
 }) => {
   const context = useDialogContext();
-  return /* @__PURE__ */ jsx(Button, { disabled, onClick, sentiment: context.sentiment, tooltip, children });
+  return /* @__PURE__ */ jsx(
+    Button,
+    {
+      disabled,
+      onClick,
+      sentiment: context.sentiment,
+      style,
+      tooltip,
+      children
+    }
+  );
 };
 export {
   DialogButton

package/dist/components/Dialog/components/Buttons.d.ts

@@ -3,5 +3,5 @@ type DialogButtonsProps = {
     secondaryButton: ReactNode;
     primaryButton: ReactNode;
 };
-export declare const DialogButtons: ({ secondaryButton, primaryButton, }: DialogButtonsProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogButtons: ({ secondaryButton, primaryButton, }: DialogButtonsProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/Buttons.js

@@ -1,5 +1,5 @@
 "use client";
-import { jsxs } from "@emotion/react/jsx-runtime";
+import { jsxs } from "react/jsx-runtime";
 import { Stack } from "../../Stack/index.js";
 const DialogButtons = ({
   secondaryButton,

package/dist/components/Dialog/components/CancelButton.d.ts

@@ -1,9 +1,10 @@
-import type { ComponentProps, ReactNode } from 'react';
+import type { ComponentProps, CSSProperties, ReactNode } from 'react';
 import { Button } from '../../Button';
 type DialogCancelButtonProps = {
     children: ReactNode;
     onClick: ComponentProps<typeof Button>['onClick'];
     disabled?: ComponentProps<typeof Button>['disabled'];
+    style?: CSSProperties;
 };
-export declare const DialogCancelButton: ({ children, onClick, disabled, }: DialogCancelButtonProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogCancelButton: ({ children, onClick, disabled, style, }: DialogCancelButtonProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/CancelButton.js

@@ -1,11 +1,22 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Button } from "../../Button/index.js";
 const DialogCancelButton = ({
   children,
   onClick,
-  disabled
-}) => /* @__PURE__ */ jsx(Button, { disabled, onClick, sentiment: "neutral", variant: "outlined", children });
+  disabled,
+  style
+}) => /* @__PURE__ */ jsx(
+  Button,
+  {
+    disabled,
+    onClick,
+    sentiment: "neutral",
+    style,
+    variant: "outlined",
+    children
+  }
+);
 export {
   DialogCancelButton
 };

package/dist/components/Dialog/components/Stack.d.ts

@@ -1,6 +1,7 @@
-import type { ReactNode } from 'react';
+import type { CSSProperties, ReactNode } from 'react';
 type DialogStackProps = {
     children: ReactNode;
+    style?: CSSProperties;
 };
-export declare const DialogStack: ({ children }: DialogStackProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogStack: ({ children, style }: DialogStackProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/Stack.js

@@ -1,9 +1,7 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Stack } from "../../Stack/index.js";
-const DialogStack = ({
-  children
-}) => /* @__PURE__ */ jsx(Stack, { gap: 3, children });
+const DialogStack = ({ children, style }) => /* @__PURE__ */ jsx(Stack, { gap: 3, style, children });
 export {
   DialogStack
 };

package/dist/components/Dialog/components/Text.d.ts

@@ -1,5 +1,7 @@
+import type { CSSProperties } from 'react';
 type DialogTextProps = {
     children: React.ReactNode;
+    style?: CSSProperties;
 };
-export declare const DialogText: ({ children }: DialogTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const DialogText: ({ children, style }: DialogTextProps) => import("react/jsx-runtime").JSX.Element;
 export {};

package/dist/components/Dialog/components/Text.js

@@ -1,9 +1,7 @@
 "use client";
-import { jsx } from "@emotion/react/jsx-runtime";
+import { jsx } from "react/jsx-runtime";
 import { Text } from "../../Text/index.js";
-const DialogText = ({
-  children
-}) => /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "neutral", variant: "body", children });
+const DialogText = ({ children, style }) => /* @__PURE__ */ jsx(Text, { as: "p", sentiment: "neutral", style, variant: "body", children });
 export {
   DialogText
 };

package/dist/components/Dialog/constants.d.ts

@@ -1,2 +1,2 @@
-export declare const DIALOG_SENTIMENTS: ("danger" | "success" | "primary" | "warning")[];
+export declare const DIALOG_SENTIMENTS: ("primary" | "success" | "danger" | "warning")[];
 export type DialogSentiment = (typeof DIALOG_SENTIMENTS)[number];

package/dist/components/Dialog/index.d.ts

@@ -2,16 +2,16 @@ import type { ComponentProps } from 'react';
 import { Modal } from '../Modal';
 import type { DialogContextType } from './Context';
 import type { DialogSentiment } from './constants';
-type DialogProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' | 'className' | 'data-testid' | 'disclosure' | 'hideOnClickOutside' | 'hideOnEsc' | 'id' | 'isClosable' | 'onBeforeClose' | 'onClose' | 'open' | 'placement'> & {
+type DialogProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' | 'className' | 'data-testid' | 'disclosure' | 'hideOnClickOutside' | 'hideOnEsc' | 'id' | 'isClosable' | 'onBeforeClose' | 'onClose' | 'open' | 'placement' | 'style'> & {
     title: string;
     sentiment: DialogSentiment;
 };
-export declare const BaseDialog: ({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, }: DialogProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export declare const BaseDialog: ({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style, }: DialogProps) => import("react/jsx-runtime").JSX.Element;
 /**
  * The Dialog component is used to show content on top of an overlay that requires user interaction.
  */
-export declare const Dialog: (({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, }: DialogProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
-    Button: ({ children, onClick, disabled, tooltip, }: {
+export declare const Dialog: (({ ariaLabel, className, children, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, sentiment, title, style, }: DialogProps) => import("react/jsx-runtime").JSX.Element) & {
+    Button: ({ children, onClick, disabled, tooltip, style, }: {
         children: import("react").ReactNode;
     } & Pick<{
         type?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["type"];
@@ -29,6 +29,7 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
         'aria-disabled'?: boolean;
         'aria-pressed'?: boolean;
         'aria-roledescription'?: string;
+        'aria-keyshortcuts'?: string;
         onClick?: import("react").MouseEventHandler<HTMLElement>;
         tooltip?: string;
         tabIndex?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["tabIndex"];
@@ -40,10 +41,11 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
         onMouseLeave?: import("react").MouseEventHandler<HTMLElement>;
         onPointerDown?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["onPointerDown"];
         onKeyDown?: import("react").ButtonHTMLAttributes<HTMLButtonElement>["onKeyDown"];
+        style?: import("react").CSSProperties;
     } & {
-        size?: "small" | "large" | "medium" | "xsmall" | undefined;
+        size?: "large" | "medium" | "small" | "xsmall" | undefined;
         fullWidth?: boolean | undefined;
-        sentiment?: "danger" | "info" | "neutral" | "success" | "primary" | "warning" | "black" | "white" | "secondary" | undefined;
+        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | "white" | "black" | undefined;
         variant?: "filled" | "outlined" | "ghost" | undefined;
         disabled?: boolean | undefined;
     } & {
@@ -52,22 +54,25 @@ export declare const Dialog: (({ ariaLabel, className, children, "data-testid":
         href?: string;
         target?: string;
         download?: string;
-    } & import("react").RefAttributes<Element>, "tooltip" | "disabled" | "onClick">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    } & import("react").RefAttributes<Element>, "tooltip" | "style" | "disabled" | "onClick">) => import("react/jsx-runtime").JSX.Element;
     Buttons: ({ secondaryButton, primaryButton, }: {
         secondaryButton: import("react").ReactNode;
         primaryButton: import("react").ReactNode;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    CancelButton: ({ children, onClick, disabled, }: {
+    }) => import("react/jsx-runtime").JSX.Element;
+    CancelButton: ({ children, onClick, disabled, style, }: {
         children: import("react").ReactNode;
         onClick: ComponentProps<typeof import("..").Button>["onClick"];
         disabled?: ComponentProps<typeof import("..").Button>["disabled"];
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Stack: ({ children }: {
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Stack: ({ children, style }: {
         children: import("react").ReactNode;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
-    Text: ({ children }: {
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
+    Text: ({ children, style }: {
         children: React.ReactNode;
-    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+        style?: import("react").CSSProperties;
+    }) => import("react/jsx-runtime").JSX.Element;
     useDialogContext: () => DialogContextType;
 };
 export {};

package/dist/components/Dialog/index.js

@@ -1,6 +1,5 @@
 "use client";
-import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
-import _styled from "@emotion/styled/base";
+import { jsx, jsxs, Fragment } from "react/jsx-runtime";
 import { AlertCircleIcon, CheckIcon } from "@ultraviolet/icons";
 import { useMemo } from "react";
 import { Bullet } from "../Bullet/index.js";
@@ -12,23 +11,8 @@ import { DialogButtons } from "./components/Buttons.js";
 import { DialogCancelButton } from "./components/CancelButton.js";
 import { DialogStack } from "./components/Stack.js";
 import { DialogText } from "./components/Text.js";
+import { dialogXsmall, dialogTitle } from "./styles.css.js";
 const DIALOG_SIZE = "xsmall";
-const StyledTextTitle = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
-  target: "ehf9m9r1"
-} : {
-  target: "ehf9m9r1",
-  label: "StyledTextTitle"
-})("margin-top:", ({
-  theme
-}) => theme.space["2"], ";margin-bottom:", ({
-  theme
-}) => theme.space["1"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBb0JvQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxlcnRDaXJjbGVJY29uLCBDaGVja0ljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDMyLjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXQgc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgICB7c2VudGltZW50ID09PSAnd2FybmluZycgfHwgc2VudGltZW50ID09PSAnZGFuZ2VyJyA/IChcbiAgICAgICAgICA8QWxlcnRDaXJjbGVJY29uIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPENoZWNrSWNvbiAvPlxuICAgICAgICApfVxuICAgICAgPC9CdWxsZXQ+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT17RElBTE9HX1NJWkV9XG4gICAgPlxuICAgICAge21vZGFsUHJvcHMgPT5cbiAgICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nID8gKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW4obW9kYWxQcm9wcyl9XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApXG4gICAgICB9XG4gICAgPC9TdHlsZWRNb2RhbD5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBEaWFsb2cgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBjb250ZW50IG9uIHRvcCBvZiBhbiBvdmVybGF5IHRoYXQgcmVxdWlyZXMgdXNlciBpbnRlcmFjdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQnV0dG9uczogRGlhbG9nQnV0dG9ucyxcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
-const StyledModal = /* @__PURE__ */ _styled(Modal, process.env.NODE_ENV === "production" ? {
-  target: "ehf9m9r0"
-} : {
-  target: "ehf9m9r0",
-  label: "StyledModal"
-})('&[data-size="', DIALOG_SIZE, '"]{width:32.5rem;}' + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBeUJpQyIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9EaWFsb2cvaW5kZXgudHN4Iiwic291cmNlc0NvbnRlbnQiOlsiJ3VzZSBjbGllbnQnXG5cbmltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHsgQWxlcnRDaXJjbGVJY29uLCBDaGVja0ljb24gfSBmcm9tICdAdWx0cmF2aW9sZXQvaWNvbnMnXG5pbXBvcnQgdHlwZSB7IENvbXBvbmVudFByb3BzIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VNZW1vIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBCdWxsZXQgfSBmcm9tICcuLi9CdWxsZXQnXG5pbXBvcnQgeyBNb2RhbCB9IGZyb20gJy4uL01vZGFsJ1xuaW1wb3J0IHsgVGV4dCB9IGZyb20gJy4uL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ0NvbnRleHRUeXBlIH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHsgRGlhbG9nQ29udGV4dCwgdXNlRGlhbG9nQ29udGV4dCB9IGZyb20gJy4vQ29udGV4dCdcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vY29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9jb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL2NvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL2NvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9jb21wb25lbnRzL1RleHQnXG5pbXBvcnQgdHlwZSB7IERpYWxvZ1NlbnRpbWVudCB9IGZyb20gJy4vY29uc3RhbnRzJ1xuXG5jb25zdCBESUFMT0dfU0laRSA9ICd4c21hbGwnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxuY29uc3QgU3R5bGVkTW9kYWwgPSBzdHlsZWQoTW9kYWwpYFxuICAgICZbZGF0YS1zaXplPVwiJHtESUFMT0dfU0laRX1cIl0ge1xuICAgICAgd2lkdGg6IDMyLjVyZW07IC8vIHNpemUgaXMgb24gcHVycG9zZSBkaWZmZXJlbnQgdGhhbiBhIG1vZGFsXG4gICAgfVxuYFxuXG50eXBlIERpYWxvZ1Byb3BzID0gUGljazxcbiAgQ29tcG9uZW50UHJvcHM8dHlwZW9mIE1vZGFsPixcbiAgfCAnYXJpYUxhYmVsJ1xuICB8ICdjaGlsZHJlbidcbiAgfCAnY2xhc3NOYW1lJ1xuICB8ICdkYXRhLXRlc3RpZCdcbiAgfCAnZGlzY2xvc3VyZSdcbiAgfCAnaGlkZU9uQ2xpY2tPdXRzaWRlJ1xuICB8ICdoaWRlT25Fc2MnXG4gIHwgJ2lkJ1xuICB8ICdpc0Nsb3NhYmxlJ1xuICB8ICdvbkJlZm9yZUNsb3NlJ1xuICB8ICdvbkNsb3NlJ1xuICB8ICdvcGVuJ1xuICB8ICdwbGFjZW1lbnQnXG4+ICYge1xuICB0aXRsZTogc3RyaW5nXG4gIHNlbnRpbWVudDogRGlhbG9nU2VudGltZW50XG59XG5cbmV4cG9ydCBjb25zdCBCYXNlRGlhbG9nID0gKHtcbiAgYXJpYUxhYmVsLFxuICBjbGFzc05hbWUsXG4gIGNoaWxkcmVuLFxuICAnZGF0YS10ZXN0aWQnOiBkYXRhVGVzdElkLFxuICBkaXNjbG9zdXJlLFxuICBoaWRlT25DbGlja091dHNpZGUsXG4gIGhpZGVPbkVzYyxcbiAgaWQsXG4gIGlzQ2xvc2FibGUsXG4gIG9uQmVmb3JlQ2xvc2UsXG4gIG9uQ2xvc2UsXG4gIG9wZW4sXG4gIHBsYWNlbWVudCxcbiAgc2VudGltZW50LFxuICB0aXRsZSxcbn06IERpYWxvZ1Byb3BzKSA9PiB7XG4gIGNvbnN0IGhlYWRlckNvbnRlbnQgPSAoXG4gICAgPD5cbiAgICAgIDxCdWxsZXQgc2VudGltZW50PXtzZW50aW1lbnR9PlxuICAgICAgICB7c2VudGltZW50ID09PSAnd2FybmluZycgfHwgc2VudGltZW50ID09PSAnZGFuZ2VyJyA/IChcbiAgICAgICAgICA8QWxlcnRDaXJjbGVJY29uIC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgPENoZWNrSWNvbiAvPlxuICAgICAgICApfVxuICAgICAgPC9CdWxsZXQ+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlXG4gICAgICAgIGFzPVwiaDJcIlxuICAgICAgICBzZW50aW1lbnQ9XCJuZXV0cmFsXCJcbiAgICAgICAgdmFyaWFudD1cImhlYWRpbmdTbWFsbFN0cm9uZ2VyXCJcbiAgICAgID5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8U3R5bGVkTW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT17RElBTE9HX1NJWkV9XG4gICAgPlxuICAgICAge21vZGFsUHJvcHMgPT5cbiAgICAgICAgdHlwZW9mIGNoaWxkcmVuID09PSAnZnVuY3Rpb24nID8gKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW4obW9kYWxQcm9wcyl9XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApIDogKFxuICAgICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgICAge2hlYWRlckNvbnRlbnR9XG4gICAgICAgICAgICB7Y2hpbGRyZW59XG4gICAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgICApXG4gICAgICB9XG4gICAgPC9TdHlsZWRNb2RhbD5cbiAgKVxufVxuXG4vKipcbiAqIFRoZSBEaWFsb2cgY29tcG9uZW50IGlzIHVzZWQgdG8gc2hvdyBjb250ZW50IG9uIHRvcCBvZiBhbiBvdmVybGF5IHRoYXQgcmVxdWlyZXMgdXNlciBpbnRlcmFjdGlvbi5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQnV0dG9uczogRGlhbG9nQnV0dG9ucyxcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
 const BaseDialog = ({
   ariaLabel,
   className,
@@ -44,22 +28,54 @@ const BaseDialog = ({
   open,
   placement,
   sentiment,
-  title
+  title,
+  style
 }) => {
   const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
     /* @__PURE__ */ jsx(Bullet, { sentiment, children: sentiment === "warning" || sentiment === "danger" ? /* @__PURE__ */ jsx(AlertCircleIcon, {}) : /* @__PURE__ */ jsx(CheckIcon, {}) }),
-    /* @__PURE__ */ jsx(StyledTextTitle, { as: "h2", sentiment: "neutral", variant: "headingSmallStronger", children: title })
+    /* @__PURE__ */ jsx(
+      Text,
+      {
+        as: "h2",
+        className: dialogTitle,
+        sentiment: "neutral",
+        variant: "headingSmallStronger",
+        children: title
+      }
+    )
   ] });
-  const contextValue = useMemo(() => ({
-    sentiment
-  }), [sentiment]);
-  return /* @__PURE__ */ jsx(StyledModal, { ariaLabel, className, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, size: DIALOG_SIZE, children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
-    headerContent,
-    children(modalProps)
-  ] }) : /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
-    headerContent,
-    children
-  ] }) });
+  const contextValue = useMemo(
+    () => ({
+      sentiment
+    }),
+    [sentiment]
+  );
+  return /* @__PURE__ */ jsx(
+    Modal,
+    {
+      ariaLabel,
+      className: `${className ? `${className} ` : ""}${dialogXsmall}`,
+      "data-testid": dataTestId,
+      disclosure,
+      hideOnClickOutside,
+      hideOnEsc,
+      id,
+      isClosable,
+      onBeforeClose,
+      onClose,
+      open,
+      placement,
+      size: DIALOG_SIZE,
+      style,
+      children: (modalProps) => typeof children === "function" ? /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
+        headerContent,
+        children(modalProps)
+      ] }) : /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
+        headerContent,
+        children
+      ] })
+    }
+  );
 };
 const Dialog = Object.assign(BaseDialog, {
   Button: DialogButton,

package/dist/components/Dialog/styles.css.d.ts

@@ -0,0 +1,2 @@
+export declare const dialogTitle: string;
+export declare const dialogXsmall: string;

package/dist/components/Dialog/styles.css.js

@@ -0,0 +1,7 @@
+/* empty css                          */
+var dialogTitle = "uv_1tghqbr0";
+var dialogXsmall = "uv_1tghqbr1";
+export {
+  dialogTitle,
+  dialogXsmall
+};

package/dist/components/Drawer/index.d.ts

@@ -1,19 +1,10 @@
-import type { ComponentProps } from 'react';
+import type { ComponentProps, ReactNode } from 'react';
 import type { ModalProps } from '../Modal';
 import { Modal } from '../Modal';
-import './style.css';
-export declare const SIZES: {
-    large: number;
-    medium: number;
-    small: number;
-};
-export declare const DrawerContent: import("@emotion/styled").StyledComponent<{
-    theme?: import("@emotion/react").Theme;
-    as?: React.ElementType;
-}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
-type DrawerProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' | 'className' | 'data-testid' | 'disclosure' | 'hideOnClickOutside' | 'hideOnEsc' | 'id' | 'onClose' | 'open' | 'isClosable'> & {
+import type { SizeProp } from './styles.css';
+type DrawerProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' | 'className' | 'data-testid' | 'disclosure' | 'hideOnClickOutside' | 'hideOnEsc' | 'id' | 'onClose' | 'open' | 'isClosable' | 'style'> & {
     header?: ModalProps['children'];
-    size?: keyof typeof SIZES;
+    size?: SizeProp;
     /**
      * Fixed info at the bottom of the
      */
@@ -21,11 +12,13 @@ type DrawerProps = Pick<ComponentProps<typeof Modal>, 'ariaLabel' | 'children' |
     separator?: boolean;
     noPadding?: boolean;
 };
-export declare const BaseDrawer: ({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, separator, noPadding, }: DrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element;
-export declare const Drawer: (({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, separator, noPadding, }: DrawerProps) => import("@emotion/react/jsx-runtime").JSX.Element) & {
-    Content: import("@emotion/styled").StyledComponent<{
-        theme?: import("@emotion/react").Theme;
-        as?: React.ElementType;
-    }, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+export declare const DrawerContent: ({ children }: {
+    children: ReactNode;
+}) => import("react/jsx-runtime").JSX.Element;
+export declare const BaseDrawer: ({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, separator, noPadding, style, }: DrawerProps) => import("react/jsx-runtime").JSX.Element;
+export declare const Drawer: (({ size, onClose, open, header, footer, disclosure, children, ariaLabel, className, "data-testid": dataTestId, hideOnClickOutside, hideOnEsc, id, isClosable, separator, noPadding, style, }: DrawerProps) => import("react/jsx-runtime").JSX.Element) & {
+    Content: ({ children }: {
+        children: ReactNode;
+    }) => import("react/jsx-runtime").JSX.Element;
 };
 export {};