@ultraviolet/ui 1.51.1 → 1.51.3

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

@@ -0,0 +1,87 @@
+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'> & {
+    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;
+/**
+ * The Dialog component is used to show content on top of an overlay that requires user interaction.
+ * @experimental This component is experimental and may be subject to breaking changes in the future.
+ */
+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) & {
+    Buttons: ({ secondaryButton, primaryButton, }: {
+        secondaryButton: import("react").ReactNode;
+        primaryButton: import("react").ReactNode;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Button: ({ children, onClick, disabled, tooltip, }: {
+        children: import("react").ReactNode;
+    } & Pick<({
+        type?: "button" | "reset" | "submit" | undefined;
+        autoFocus?: boolean | undefined;
+        variant?: "filled" | "outlined" | "ghost" | undefined;
+        role?: import("react").AriaRole | undefined;
+        size?: "large" | "small" | "xsmall" | "medium" | undefined;
+        className?: string | undefined;
+        'data-testid'?: string | undefined;
+        sentiment?: "primary" | "secondary" | "neutral" | "success" | "danger" | "warning" | "info" | undefined;
+        disabled?: boolean | undefined;
+        iconPosition?: "left" | "right" | undefined;
+        iconVariant?: "filled" | "outlined" | undefined;
+        fullWidth?: boolean | undefined;
+        isLoading?: boolean | undefined;
+        'aria-label'?: string | undefined;
+        'aria-current'?: boolean | undefined;
+        'aria-controls'?: string | undefined;
+        'aria-expanded'?: boolean | undefined;
+        'aria-haspopup'?: boolean | undefined;
+        onClick?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        tooltip?: string | undefined;
+        tabIndex?: number | undefined;
+        onMouseDown?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseUp?: import("react").MouseEventHandler<HTMLElement> | undefined;
+        onMouseOut?: import("react").MouseEventHandler<HTMLElement> | undefined;
+    } & ({
+        children: import("react").ReactNode;
+        icon?: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
+        name?: string | undefined;
+        href?: undefined;
+        target?: undefined;
+        download?: undefined;
+    } | {
+        children?: undefined;
+        icon: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
+        name?: string | undefined;
+        href?: undefined;
+        target?: undefined;
+        download?: undefined;
+    } | {
+        children: import("react").ReactNode;
+        icon?: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
+        name?: undefined;
+        href: string;
+        target?: string | undefined;
+        download?: string | undefined;
+    } | {
+        children?: undefined;
+        icon: "address" | "search" | "filter" | "view" | "id" | "alert" | "x" | "anchor" | "cancel" | "close" | "sort" | "download" | "arrow-down" | "arrow-left-bottom" | "arrow-left-double" | "arrow-left" | "arrow-right-bottom" | "arrow-right-double" | "arrow-right" | "arrow-up" | "asterisk" | "attach" | "burger" | "check" | "close-circle-outline" | "copy-content" | "detach" | "dots-horizontal" | "dots-vertical" | "drag-vertical" | "drag-variant" | "east" | "equal" | "escape" | "expand" | "expand-more" | "github" | "instagram" | "linkedIn" | "logout" | "minus" | "north" | "open-in-new" | "organization" | "plus" | "progress-check" | "ray-end-arrow" | "ray-start-arrow" | "ray-start-end" | "ray-top-arrow" | "reboot" | "restore" | "revoke" | "rss" | "send" | "slack" | "south" | "switch_orga" | "upload" | "west" | "youtube" | "auto-fix" | "book-open-outline" | "bullhorn" | "calculator" | "calendar-range" | "chat" | "checkbox-circle-outline" | "clock-outline" | "console" | "credentials" | "credit-card" | "database" | "delete" | "doc" | "earth" | "email-remove-outline" | "email-outline" | "eye-off" | "eye" | "folder" | "help-circle-outline" | "information-outline" | "lock" | "members" | "moon" | "mosaic" | "pen" | "pencil" | "phone" | "play-circle-outline" | "privacy" | "profile" | "rocket" | "settings" | "sun" | "support" | "unlock" | "weather-night" | "pin" | "unpin" | undefined;
+        name?: undefined;
+        href: string;
+        target?: string | undefined;
+        download?: string | undefined;
+    })) & import("react").RefAttributes<Element>, "tooltip" | "onClick" | "disabled">) => import("@emotion/react/jsx-runtime").JSX.Element;
+    CancelButton: ({ children, onClick, }: {
+        children: import("react").ReactNode;
+        onClick: import("react").MouseEventHandler<HTMLElement> | undefined;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Stack: ({ children }: {
+        children: import("react").ReactNode;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    Text: ({ children }: {
+        children: import("react").ReactNode;
+    }) => import("@emotion/react/jsx-runtime").JSX.Element;
+    useDialogContext: () => DialogContextType;
+};
+export {};

package/dist/components/Dialog/index.js

@@ -0,0 +1,66 @@
+import { jsx, jsxs, Fragment } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useMemo } from "react";
+import { Bullet } from "../Bullet/index.js";
+import { Modal } from "../Modal/index.js";
+import { Text } from "../Text/index.js";
+import { useDialogContext, DialogContext } from "./Context.js";
+import { DialogButton } from "./subComponents/Button.js";
+import { DialogButtons } from "./subComponents/Buttons.js";
+import { DialogCancelButton } from "./subComponents/CancelButton.js";
+import { DialogStack } from "./subComponents/Stack.js";
+import { DialogText } from "./subComponents/Text.js";
+const StyledTextTitle = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "ehf9m9r0"
+} : {
+  target: "ehf9m9r0",
+  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,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giXSwibmFtZXMiOltdLCJtYXBwaW5ncyI6IkFBY29DIiwiZmlsZSI6Ii9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0RpYWxvZy9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB7IHR5cGUgQ29tcG9uZW50UHJvcHMsIHVzZU1lbW8gfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IEJ1bGxldCB9IGZyb20gJy4uL0J1bGxldCdcbmltcG9ydCB7IE1vZGFsIH0gZnJvbSAnLi4vTW9kYWwnXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcbmltcG9ydCB0eXBlIHsgRGlhbG9nQ29udGV4dFR5cGUgfSBmcm9tICcuL0NvbnRleHQnXG5pbXBvcnQgeyBEaWFsb2dDb250ZXh0LCB1c2VEaWFsb2dDb250ZXh0IH0gZnJvbSAnLi9Db250ZXh0J1xuaW1wb3J0IHR5cGUgeyBEaWFsb2dTZW50aW1lbnQgfSBmcm9tICcuL2NvbnN0YW50cydcbmltcG9ydCB7IERpYWxvZ0J1dHRvbiB9IGZyb20gJy4vc3ViQ29tcG9uZW50cy9CdXR0b24nXG5pbXBvcnQgeyBEaWFsb2dCdXR0b25zIH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL0J1dHRvbnMnXG5pbXBvcnQgeyBEaWFsb2dDYW5jZWxCdXR0b24gfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvQ2FuY2VsQnV0dG9uJ1xuaW1wb3J0IHsgRGlhbG9nU3RhY2sgfSBmcm9tICcuL3N1YkNvbXBvbmVudHMvU3RhY2snXG5pbXBvcnQgeyBEaWFsb2dUZXh0IH0gZnJvbSAnLi9zdWJDb21wb25lbnRzL1RleHQnXG5cbmNvbnN0IFN0eWxlZFRleHRUaXRsZSA9IHN0eWxlZChUZXh0KWBcbiAgbWFyZ2luLXRvcDogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMiddfTtcbiAgbWFyZ2luLWJvdHRvbTogJHsoeyB0aGVtZSB9KSA9PiB0aGVtZS5zcGFjZVsnMSddfTtcbmBcblxudHlwZSBEaWFsb2dQcm9wcyA9IFBpY2s8XG4gIENvbXBvbmVudFByb3BzPHR5cGVvZiBNb2RhbD4sXG4gIHwgJ2FyaWFMYWJlbCdcbiAgfCAnY2hpbGRyZW4nXG4gIHwgJ2NsYXNzTmFtZSdcbiAgfCAnZGF0YS10ZXN0aWQnXG4gIHwgJ2Rpc2Nsb3N1cmUnXG4gIHwgJ2hpZGVPbkNsaWNrT3V0c2lkZSdcbiAgfCAnaGlkZU9uRXNjJ1xuICB8ICdpZCdcbiAgfCAnaXNDbG9zYWJsZSdcbiAgfCAnb25CZWZvcmVDbG9zZSdcbiAgfCAnb25DbG9zZSdcbiAgfCAnb3BlbidcbiAgfCAncGxhY2VtZW50J1xuPiAmIHtcbiAgdGl0bGU6IHN0cmluZ1xuICBzZW50aW1lbnQ6IERpYWxvZ1NlbnRpbWVudFxufVxuXG5leHBvcnQgY29uc3QgQmFzZURpYWxvZyA9ICh7XG4gIGFyaWFMYWJlbCxcbiAgY2xhc3NOYW1lLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbiAgZGlzY2xvc3VyZSxcbiAgaGlkZU9uQ2xpY2tPdXRzaWRlLFxuICBoaWRlT25Fc2MsXG4gIGlkLFxuICBpc0Nsb3NhYmxlLFxuICBvbkJlZm9yZUNsb3NlLFxuICBvbkNsb3NlLFxuICBvcGVuLFxuICBwbGFjZW1lbnQsXG4gIHNlbnRpbWVudCxcbiAgdGl0bGUsXG59OiBEaWFsb2dQcm9wcykgPT4ge1xuICBjb25zdCBoZWFkZXJDb250ZW50ID0gKFxuICAgIDw+XG4gICAgICA8QnVsbGV0XG4gICAgICAgIHNlbnRpbWVudD17c2VudGltZW50fVxuICAgICAgICBpY29uPXtcbiAgICAgICAgICBzZW50aW1lbnQgPT09ICd3YXJuaW5nJyB8fCBzZW50aW1lbnQgPT09ICdkYW5nZXInXG4gICAgICAgICAgICA/ICdpbmZvcm1hdGlvbi1vdXRsaW5lJ1xuICAgICAgICAgICAgOiAnY2hlY2snXG4gICAgICAgIH1cbiAgICAgIC8+XG4gICAgICA8U3R5bGVkVGV4dFRpdGxlIGFzPVwiaDJcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsU3Ryb25nZXJcIj5cbiAgICAgICAge3RpdGxlfVxuICAgICAgPC9TdHlsZWRUZXh0VGl0bGU+XG4gICAgPC8+XG4gIClcblxuICBjb25zdCBjb250ZXh0VmFsdWUgPSB1c2VNZW1vPERpYWxvZ0NvbnRleHRUeXBlPihcbiAgICAoKSA9PiAoe1xuICAgICAgc2VudGltZW50LFxuICAgIH0pLFxuICAgIFtzZW50aW1lbnRdLFxuICApXG5cbiAgcmV0dXJuIChcbiAgICA8TW9kYWxcbiAgICAgIGFyaWFMYWJlbD17YXJpYUxhYmVsfVxuICAgICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgICBkYXRhLXRlc3RpZD17ZGF0YVRlc3RJZH1cbiAgICAgIGRpc2Nsb3N1cmU9e2Rpc2Nsb3N1cmV9XG4gICAgICBoaWRlT25DbGlja091dHNpZGU9e2hpZGVPbkNsaWNrT3V0c2lkZX1cbiAgICAgIGhpZGVPbkVzYz17aGlkZU9uRXNjfVxuICAgICAgaWQ9e2lkfVxuICAgICAgaXNDbG9zYWJsZT17aXNDbG9zYWJsZX1cbiAgICAgIG9uQmVmb3JlQ2xvc2U9e29uQmVmb3JlQ2xvc2V9XG4gICAgICBvbkNsb3NlPXtvbkNsb3NlfVxuICAgICAgb3Blbj17b3Blbn1cbiAgICAgIHBsYWNlbWVudD17cGxhY2VtZW50fVxuICAgICAgc2l6ZT1cInhzbWFsbFwiXG4gICAgPlxuICAgICAge3R5cGVvZiBjaGlsZHJlbiA9PT0gJ2Z1bmN0aW9uJyA/IChcbiAgICAgICAgbW9kYWxQcm9wcyA9PiAoXG4gICAgICAgICAgPERpYWxvZ0NvbnRleHQuUHJvdmlkZXIgdmFsdWU9e2NvbnRleHRWYWx1ZX0+XG4gICAgICAgICAgICB7aGVhZGVyQ29udGVudH1cbiAgICAgICAgICAgIHtjaGlsZHJlbihtb2RhbFByb3BzKX1cbiAgICAgICAgICA8L0RpYWxvZ0NvbnRleHQuUHJvdmlkZXI+XG4gICAgICAgIClcbiAgICAgICkgOiAoXG4gICAgICAgIDxEaWFsb2dDb250ZXh0LlByb3ZpZGVyIHZhbHVlPXtjb250ZXh0VmFsdWV9PlxuICAgICAgICAgIHtoZWFkZXJDb250ZW50fVxuICAgICAgICAgIHtjaGlsZHJlbn1cbiAgICAgICAgPC9EaWFsb2dDb250ZXh0LlByb3ZpZGVyPlxuICAgICAgKX1cbiAgICA8L01vZGFsPlxuICApXG59XG5cbi8qKlxuICogVGhlIERpYWxvZyBjb21wb25lbnQgaXMgdXNlZCB0byBzaG93IGNvbnRlbnQgb24gdG9wIG9mIGFuIG92ZXJsYXkgdGhhdCByZXF1aXJlcyB1c2VyIGludGVyYWN0aW9uLlxuICogQGV4cGVyaW1lbnRhbCBUaGlzIGNvbXBvbmVudCBpcyBleHBlcmltZW50YWwgYW5kIG1heSBiZSBzdWJqZWN0IHRvIGJyZWFraW5nIGNoYW5nZXMgaW4gdGhlIGZ1dHVyZS5cbiAqL1xuZXhwb3J0IGNvbnN0IERpYWxvZyA9IE9iamVjdC5hc3NpZ24oQmFzZURpYWxvZywge1xuICBCdXR0b25zOiBEaWFsb2dCdXR0b25zLFxuICBCdXR0b246IERpYWxvZ0J1dHRvbixcbiAgQ2FuY2VsQnV0dG9uOiBEaWFsb2dDYW5jZWxCdXR0b24sXG4gIFN0YWNrOiBEaWFsb2dTdGFjayxcbiAgVGV4dDogRGlhbG9nVGV4dCxcbiAgdXNlRGlhbG9nQ29udGV4dCxcbn0pXG4iXX0= */"));
+const BaseDialog = ({
+  ariaLabel,
+  className,
+  children,
+  "data-testid": dataTestId,
+  disclosure,
+  hideOnClickOutside,
+  hideOnEsc,
+  id,
+  isClosable,
+  onBeforeClose,
+  onClose,
+  open,
+  placement,
+  sentiment,
+  title
+}) => {
+  const headerContent = /* @__PURE__ */ jsxs(Fragment, { children: [
+    /* @__PURE__ */ jsx(Bullet, { sentiment, icon: sentiment === "warning" || sentiment === "danger" ? "information-outline" : "check" }),
+    /* @__PURE__ */ jsx(StyledTextTitle, { as: "h2", variant: "headingSmallStronger", children: title })
+  ] });
+  const contextValue = useMemo(() => ({
+    sentiment
+  }), [sentiment]);
+  return /* @__PURE__ */ jsx(Modal, { ariaLabel, className, "data-testid": dataTestId, disclosure, hideOnClickOutside, hideOnEsc, id, isClosable, onBeforeClose, onClose, open, placement, size: "xsmall", children: typeof children === "function" ? (modalProps) => /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
+    headerContent,
+    children(modalProps)
+  ] }) : /* @__PURE__ */ jsxs(DialogContext.Provider, { value: contextValue, children: [
+    headerContent,
+    children
+  ] }) });
+};
+const Dialog = Object.assign(BaseDialog, {
+  Buttons: DialogButtons,
+  Button: DialogButton,
+  CancelButton: DialogCancelButton,
+  Stack: DialogStack,
+  Text: DialogText,
+  useDialogContext
+});
+export {
+  BaseDialog,
+  Dialog
+};

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

@@ -0,0 +1,7 @@
+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;
+export {};

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

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

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

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

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

@@ -0,0 +1,12 @@
+import { jsxs } from "@emotion/react/jsx-runtime";
+import { Stack } from "../../Stack/index.js";
+const DialogButtons = ({
+  secondaryButton,
+  primaryButton
+}) => /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, justifyContent: "end", children: [
+  secondaryButton,
+  primaryButton
+] });
+export {
+  DialogButtons
+};

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

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

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

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

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

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

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

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

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

@@ -0,0 +1,6 @@
+/// <reference types="react" />
+type DialogTextProps = {
+    children: React.ReactNode;
+};
+export declare const DialogText: ({ children }: DialogTextProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

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

@@ -0,0 +1,8 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { Text } from "../../Text/index.js";
+const DialogText = ({
+  children
+}) => /* @__PURE__ */ jsx(Text, { as: "p", variant: "body", children });
+export {
+  DialogText
+};

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

@@ -0,0 +1,38 @@
+import type { ReactNode } from 'react';
+declare const CONTAINER_SIZES: {
+    readonly small: 720;
+    readonly medium: 720;
+    readonly large: 1140;
+};
+type SizesTypes = keyof typeof CONTAINER_SIZES;
+type EmptyStateProps = {
+    title?: string;
+    description: ReactNode;
+    /**
+     * Container size will be same on `small` and `medium`
+     * only the image size will change on those properties.
+     * `small` and `medium` container is 720px wide
+     * `large` container is 1080px wide
+     */
+    size?: SizesTypes;
+    /**
+     * You can give the path of an image or a component that will render an image.
+     */
+    image?: ReactNode;
+    primaryButton?: ReactNode;
+    secondaryButton?: ReactNode;
+    learnMore?: {
+        link: string;
+        text: string;
+        target?: string;
+    };
+    bordered?: boolean;
+    className?: string;
+    children?: ReactNode;
+    'data-testid'?: string;
+};
+/**
+ * EmptyState component is used to display a message when there is no data to show.
+ */
+export declare const EmptyState: ({ image, title, size, description, primaryButton, secondaryButton, learnMore, className, bordered, children, "data-testid": dataTestId, }: EmptyStateProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/EmptyState/index.js

@@ -0,0 +1,90 @@
+import { jsx, jsxs } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { Link } from "../Link/index.js";
+import { Stack } from "../Stack/index.js";
+import { Text } from "../Text/index.js";
+function _EMOTION_STRINGIFIED_CSS_ERROR__() {
+  return "You have tried to stringify object returned from `css` function. It isn't supposed to be used directly (e.g. as value of the `className` prop), but rather handed to emotion so it can handle it (e.g. as value of `css` prop).";
+}
+const CONTAINER_SIZES = {
+  small: 720,
+  medium: 720,
+  large: 1140
+};
+const IMAGE_SIZES = {
+  small: 64,
+  medium: 96,
+  large: 240
+};
+const CenteredText = /* @__PURE__ */ _styled(Text, process.env.NODE_ENV === "production" ? {
+  target: "e1m66ceh2"
+} : {
+  target: "e1m66ceh2",
+  label: "CenteredText"
+})(process.env.NODE_ENV === "production" ? {
+  name: "1azakc",
+  styles: "text-align:center"
+} : {
+  name: "1azakc",
+  styles: "text-align:center",
+  map: "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQW9CaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ09OVEFJTkVSX1NJWkVTID0ge1xuICBzbWFsbDogNzIwLFxuICBtZWRpdW06IDcyMCxcbiAgbGFyZ2U6IDExNDAsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2l6ZXNUeXBlcyA9IGtleW9mIHR5cGVvZiBDT05UQUlORVJfU0laRVNcblxuY29uc3QgSU1BR0VfU0laRVM6IFJlY29yZDxTaXplc1R5cGVzLCBudW1iZXI+ID0ge1xuICBzbWFsbDogNjQsXG4gIG1lZGl1bTogOTYsXG4gIGxhcmdlOiAyNDAsXG59XG5cbmNvbnN0IENlbnRlcmVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuYFxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU3RhY2ssIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2l6ZScsICdib3JkZXJlZCddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzaXplOiBTaXplc1R5cGVzXG4gIGJvcmRlcmVkPzogYm9vbGVhblxufT5gXG4gIG1heC13aWR0aDogJHsoeyBzaXplIH0pID0+IENPTlRBSU5FUl9TSVpFU1tzaXplXX1weDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ2xhcmdlJyA/ICdwYWRkaW5nOiAwIDE0MHB4JyA6IG51bGwpfTtcbiAgJHsoeyB0aGVtZSwgYm9yZGVyZWQgfSkgPT5cbiAgICBib3JkZXJlZFxuICAgICAgPyBgXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYFxuICAgICAgOiBudWxsfTtcbmBcblxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc1J119O1xuYFxuXG50eXBlIEVtcHR5U3RhdGVQcm9wcyA9IHtcbiAgdGl0bGU/OiBzdHJpbmdcbiAgZGVzY3JpcHRpb246IFJlYWN0Tm9kZVxuICAvKipcbiAgICogQ29udGFpbmVyIHNpemUgd2lsbCBiZSBzYW1lIG9uIGBzbWFsbGAgYW5kIGBtZWRpdW1gXG4gICAqIG9ubHkgdGhlIGltYWdlIHNpemUgd2lsbCBjaGFuZ2Ugb24gdGhvc2UgcHJvcGVydGllcy5cbiAgICogYHNtYWxsYCBhbmQgYG1lZGl1bWAgY29udGFpbmVyIGlzIDcyMHB4IHdpZGVcbiAgICogYGxhcmdlYCBjb250YWluZXIgaXMgMTA4MHB4IHdpZGVcbiAgICovXG4gIHNpemU/OiBTaXplc1R5cGVzXG4gIC8qKlxuICAgKiBZb3UgY2FuIGdpdmUgdGhlIHBhdGggb2YgYW4gaW1hZ2Ugb3IgYSBjb21wb25lbnQgdGhhdCB3aWxsIHJlbmRlciBhbiBpbWFnZS5cbiAgICovXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdE5vZGVcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3ROb2RlXG4gIGxlYXJuTW9yZT86IHtcbiAgICBsaW5rOiBzdHJpbmdcbiAgICB0ZXh0OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBFbXB0eVN0YXRlIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBtZXNzYWdlIHdoZW4gdGhlcmUgaXMgbm8gZGF0YSB0byBzaG93LlxuICovXG5leHBvcnQgY29uc3QgRW1wdHlTdGF0ZSA9ICh7XG4gIGltYWdlLFxuICB0aXRsZSxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIGRlc2NyaXB0aW9uLFxuICBwcmltYXJ5QnV0dG9uLFxuICBzZWNvbmRhcnlCdXR0b24sXG4gIGxlYXJuTW9yZSxcbiAgY2xhc3NOYW1lLFxuICBib3JkZXJlZCxcbiAgY2hpbGRyZW4sXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBFbXB0eVN0YXRlUHJvcHMpID0+IChcbiAgPENvbnRhaW5lclxuICAgIHNpemU9e3NpemV9XG4gICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICA+XG4gICAgPFN0eWxlZFN0YWNrIGdhcD17M30ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfSBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAge2ltYWdlICYmIHR5cGVvZiBpbWFnZSA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPGltZyB3aWR0aD17SU1BR0VfU0laRVNbc2l6ZV19IGFsdD1cIlwiIHNyYz17aW1hZ2V9IC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaW1hZ2VcbiAgICAgICAgKX1cbiAgICAgICAgPFN0YWNrIGdhcD17MC41fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge3RpdGxlID8gKFxuICAgICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cImgyXCIgdmFyaWFudD1cImhlYWRpbmdTbWFsbFwiIHByb21pbmVuY2U9XCJzdHJvbmdcIj5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9DZW50ZXJlZFRleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVwiPlxuICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvQ2VudGVyZWRUZXh0PlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxTdGFjayBnYXA9ezJ9IGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsyfT5cbiAgICAgICAgICB7c2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgICAgIHtwcmltYXJ5QnV0dG9ufVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgICB7bGVhcm5Nb3JlPy50ZXh0ID8gKFxuICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICBocmVmPXtsZWFybk1vcmUubGlua31cbiAgICAgICAgICAgIHRhcmdldD17bGVhcm5Nb3JlLnRhcmdldH1cbiAgICAgICAgICAgIHNlbnRpbWVudD1cImluZm9cIlxuICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsZWFybk1vcmUudGV4dH1cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFN0YWNrPlxuICA8L0NvbnRhaW5lcj5cbilcbiJdfQ== */",
+  toString: _EMOTION_STRINGIFIED_CSS_ERROR__
+});
+const Container = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["size", "bordered"].includes(prop),
+  target: "e1m66ceh1"
+} : {
+  shouldForwardProp: (prop) => !["size", "bordered"].includes(prop),
+  target: "e1m66ceh1",
+  label: "Container"
+})("max-width:", ({
+  size
+}) => CONTAINER_SIZES[size], "px;margin:0 auto;", ({
+  size
+}) => size === "large" ? "padding: 0 140px" : null, ";", ({
+  theme,
+  bordered
+}) => bordered ? `
+    border: 1px solid ${theme.colors.neutral.border};
+    border-radius: ${theme.radii.default};
+    ` : null, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTZCRSIsImZpbGUiOiIvaG9tZS9ydW5uZXIvd29yay91bHRyYXZpb2xldC91bHRyYXZpb2xldC9wYWNrYWdlcy91aS9zcmMvY29tcG9uZW50cy9FbXB0eVN0YXRlL2luZGV4LnRzeCIsInNvdXJjZXNDb250ZW50IjpbImltcG9ydCBzdHlsZWQgZnJvbSAnQGVtb3Rpb24vc3R5bGVkJ1xuaW1wb3J0IHR5cGUgeyBSZWFjdE5vZGUgfSBmcm9tICdyZWFjdCdcbmltcG9ydCB7IExpbmsgfSBmcm9tICcuLi9MaW5rJ1xuaW1wb3J0IHsgU3RhY2sgfSBmcm9tICcuLi9TdGFjaydcbmltcG9ydCB7IFRleHQgfSBmcm9tICcuLi9UZXh0J1xuXG5jb25zdCBDT05UQUlORVJfU0laRVMgPSB7XG4gIHNtYWxsOiA3MjAsXG4gIG1lZGl1bTogNzIwLFxuICBsYXJnZTogMTE0MCxcbn0gYXMgY29uc3RcblxudHlwZSBTaXplc1R5cGVzID0ga2V5b2YgdHlwZW9mIENPTlRBSU5FUl9TSVpFU1xuXG5jb25zdCBJTUFHRV9TSVpFUzogUmVjb3JkPFNpemVzVHlwZXMsIG51bWJlcj4gPSB7XG4gIHNtYWxsOiA2NCxcbiAgbWVkaXVtOiA5NixcbiAgbGFyZ2U6IDI0MCxcbn1cblxuY29uc3QgQ2VudGVyZWRUZXh0ID0gc3R5bGVkKFRleHQpYFxuICB0ZXh0LWFsaWduOiBjZW50ZXI7XG5gXG5cbmNvbnN0IENvbnRhaW5lciA9IHN0eWxlZChTdGFjaywge1xuICBzaG91bGRGb3J3YXJkUHJvcDogcHJvcCA9PiAhWydzaXplJywgJ2JvcmRlcmVkJ10uaW5jbHVkZXMocHJvcCksXG59KTx7XG4gIHNpemU6IFNpemVzVHlwZXNcbiAgYm9yZGVyZWQ/OiBib29sZWFuXG59PmBcbiAgbWF4LXdpZHRoOiAkeyh7IHNpemUgfSkgPT4gQ09OVEFJTkVSX1NJWkVTW3NpemVdfXB4O1xuICBtYXJnaW46IDAgYXV0bztcbiAgJHsoeyBzaXplIH0pID0+IChzaXplID09PSAnbGFyZ2UnID8gJ3BhZGRpbmc6IDAgMTQwcHgnIDogbnVsbCl9O1xuICAkeyh7IHRoZW1lLCBib3JkZXJlZCB9KSA9PlxuICAgIGJvcmRlcmVkXG4gICAgICA/IGBcbiAgICBib3JkZXI6IDFweCBzb2xpZCAke3RoZW1lLmNvbG9ycy5uZXV0cmFsLmJvcmRlcn07XG4gICAgYm9yZGVyLXJhZGl1czogJHt0aGVtZS5yYWRpaS5kZWZhdWx0fTtcbiAgICBgXG4gICAgICA6IG51bGx9O1xuYFxuXG5jb25zdCBTdHlsZWRTdGFjayA9IHN0eWxlZChTdGFjaylgXG4gIHBhZGRpbmc6ICR7KHsgdGhlbWUgfSkgPT4gdGhlbWUuc3BhY2VbJzUnXX07XG5gXG5cbnR5cGUgRW1wdHlTdGF0ZVByb3BzID0ge1xuICB0aXRsZT86IHN0cmluZ1xuICBkZXNjcmlwdGlvbjogUmVhY3ROb2RlXG4gIC8qKlxuICAgKiBDb250YWluZXIgc2l6ZSB3aWxsIGJlIHNhbWUgb24gYHNtYWxsYCBhbmQgYG1lZGl1bWBcbiAgICogb25seSB0aGUgaW1hZ2Ugc2l6ZSB3aWxsIGNoYW5nZSBvbiB0aG9zZSBwcm9wZXJ0aWVzLlxuICAgKiBgc21hbGxgIGFuZCBgbWVkaXVtYCBjb250YWluZXIgaXMgNzIwcHggd2lkZVxuICAgKiBgbGFyZ2VgIGNvbnRhaW5lciBpcyAxMDgwcHggd2lkZVxuICAgKi9cbiAgc2l6ZT86IFNpemVzVHlwZXNcbiAgLyoqXG4gICAqIFlvdSBjYW4gZ2l2ZSB0aGUgcGF0aCBvZiBhbiBpbWFnZSBvciBhIGNvbXBvbmVudCB0aGF0IHdpbGwgcmVuZGVyIGFuIGltYWdlLlxuICAgKi9cbiAgaW1hZ2U/OiBSZWFjdE5vZGVcbiAgcHJpbWFyeUJ1dHRvbj86IFJlYWN0Tm9kZVxuICBzZWNvbmRhcnlCdXR0b24/OiBSZWFjdE5vZGVcbiAgbGVhcm5Nb3JlPzoge1xuICAgIGxpbms6IHN0cmluZ1xuICAgIHRleHQ6IHN0cmluZ1xuICAgIHRhcmdldD86IHN0cmluZ1xuICB9XG4gIGJvcmRlcmVkPzogYm9vbGVhblxuICBjbGFzc05hbWU/OiBzdHJpbmdcbiAgY2hpbGRyZW4/OiBSZWFjdE5vZGVcbiAgJ2RhdGEtdGVzdGlkJz86IHN0cmluZ1xufVxuXG4vKipcbiAqIEVtcHR5U3RhdGUgY29tcG9uZW50IGlzIHVzZWQgdG8gZGlzcGxheSBhIG1lc3NhZ2Ugd2hlbiB0aGVyZSBpcyBubyBkYXRhIHRvIHNob3cuXG4gKi9cbmV4cG9ydCBjb25zdCBFbXB0eVN0YXRlID0gKHtcbiAgaW1hZ2UsXG4gIHRpdGxlLFxuICBzaXplID0gJ2xhcmdlJyxcbiAgZGVzY3JpcHRpb24sXG4gIHByaW1hcnlCdXR0b24sXG4gIHNlY29uZGFyeUJ1dHRvbixcbiAgbGVhcm5Nb3JlLFxuICBjbGFzc05hbWUsXG4gIGJvcmRlcmVkLFxuICBjaGlsZHJlbixcbiAgJ2RhdGEtdGVzdGlkJzogZGF0YVRlc3RJZCxcbn06IEVtcHR5U3RhdGVQcm9wcykgPT4gKFxuICA8Q29udGFpbmVyXG4gICAgc2l6ZT17c2l6ZX1cbiAgICBib3JkZXJlZD17Ym9yZGVyZWR9XG4gICAgY2xhc3NOYW1lPXtjbGFzc05hbWV9XG4gICAgZGF0YS10ZXN0aWQ9e2RhdGFUZXN0SWR9XG4gID5cbiAgICA8U3R5bGVkU3RhY2sgZ2FwPXszfSBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgIDxTdGFjayBnYXA9ezJ9IGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICB7aW1hZ2UgJiYgdHlwZW9mIGltYWdlID09PSAnc3RyaW5nJyA/IChcbiAgICAgICAgICA8aW1nIHdpZHRoPXtJTUFHRV9TSVpFU1tzaXplXX0gYWx0PVwiXCIgc3JjPXtpbWFnZX0gLz5cbiAgICAgICAgKSA6IChcbiAgICAgICAgICBpbWFnZVxuICAgICAgICApfVxuICAgICAgICA8U3RhY2sgZ2FwPXswLjV9IGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAgICB7dGl0bGUgPyAoXG4gICAgICAgICAgICA8Q2VudGVyZWRUZXh0IGFzPVwiaDJcIiB2YXJpYW50PVwiaGVhZGluZ1NtYWxsXCIgcHJvbWluZW5jZT1cInN0cm9uZ1wiPlxuICAgICAgICAgICAgICB7dGl0bGV9XG4gICAgICAgICAgICA8L0NlbnRlcmVkVGV4dD5cbiAgICAgICAgICApIDogbnVsbH1cbiAgICAgICAgICA8Q2VudGVyZWRUZXh0IGFzPVwicFwiIHZhcmlhbnQ9XCJib2R5XCI+XG4gICAgICAgICAgICB7ZGVzY3JpcHRpb259XG4gICAgICAgICAgPC9DZW50ZXJlZFRleHQ+XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICA8L1N0YWNrPlxuICAgICAgPFN0YWNrIGdhcD17Mn0ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgIDxTdGFjayBkaXJlY3Rpb249XCJyb3dcIiBnYXA9ezJ9PlxuICAgICAgICAgIHtzZWNvbmRhcnlCdXR0b259XG4gICAgICAgICAge3ByaW1hcnlCdXR0b259XG4gICAgICAgIDwvU3RhY2s+XG4gICAgICAgIHtsZWFybk1vcmU/LnRleHQgPyAoXG4gICAgICAgICAgPExpbmtcbiAgICAgICAgICAgIGhyZWY9e2xlYXJuTW9yZS5saW5rfVxuICAgICAgICAgICAgdGFyZ2V0PXtsZWFybk1vcmUudGFyZ2V0fVxuICAgICAgICAgICAgc2VudGltZW50PVwiaW5mb1wiXG4gICAgICAgICAgICBpY29uUG9zaXRpb249XCJyaWdodFwiXG4gICAgICAgICAgPlxuICAgICAgICAgICAge2xlYXJuTW9yZS50ZXh0fVxuICAgICAgICAgIDwvTGluaz5cbiAgICAgICAgKSA6IG51bGx9XG4gICAgICA8L1N0YWNrPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkU3RhY2s+XG4gIDwvQ29udGFpbmVyPlxuKVxuIl19 */"));
+const StyledStack = /* @__PURE__ */ _styled(Stack, process.env.NODE_ENV === "production" ? {
+  target: "e1m66ceh0"
+} : {
+  target: "e1m66ceh0",
+  label: "StyledStack"
+})("padding:", ({
+  theme
+}) => theme.space["5"], ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0VtcHR5U3RhdGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTBDaUMiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRW1wdHlTdGF0ZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyBMaW5rIH0gZnJvbSAnLi4vTGluaydcbmltcG9ydCB7IFN0YWNrIH0gZnJvbSAnLi4vU3RhY2snXG5pbXBvcnQgeyBUZXh0IH0gZnJvbSAnLi4vVGV4dCdcblxuY29uc3QgQ09OVEFJTkVSX1NJWkVTID0ge1xuICBzbWFsbDogNzIwLFxuICBtZWRpdW06IDcyMCxcbiAgbGFyZ2U6IDExNDAsXG59IGFzIGNvbnN0XG5cbnR5cGUgU2l6ZXNUeXBlcyA9IGtleW9mIHR5cGVvZiBDT05UQUlORVJfU0laRVNcblxuY29uc3QgSU1BR0VfU0laRVM6IFJlY29yZDxTaXplc1R5cGVzLCBudW1iZXI+ID0ge1xuICBzbWFsbDogNjQsXG4gIG1lZGl1bTogOTYsXG4gIGxhcmdlOiAyNDAsXG59XG5cbmNvbnN0IENlbnRlcmVkVGV4dCA9IHN0eWxlZChUZXh0KWBcbiAgdGV4dC1hbGlnbjogY2VudGVyO1xuYFxuXG5jb25zdCBDb250YWluZXIgPSBzdHlsZWQoU3RhY2ssIHtcbiAgc2hvdWxkRm9yd2FyZFByb3A6IHByb3AgPT4gIVsnc2l6ZScsICdib3JkZXJlZCddLmluY2x1ZGVzKHByb3ApLFxufSk8e1xuICBzaXplOiBTaXplc1R5cGVzXG4gIGJvcmRlcmVkPzogYm9vbGVhblxufT5gXG4gIG1heC13aWR0aDogJHsoeyBzaXplIH0pID0+IENPTlRBSU5FUl9TSVpFU1tzaXplXX1weDtcbiAgbWFyZ2luOiAwIGF1dG87XG4gICR7KHsgc2l6ZSB9KSA9PiAoc2l6ZSA9PT0gJ2xhcmdlJyA/ICdwYWRkaW5nOiAwIDE0MHB4JyA6IG51bGwpfTtcbiAgJHsoeyB0aGVtZSwgYm9yZGVyZWQgfSkgPT5cbiAgICBib3JkZXJlZFxuICAgICAgPyBgXG4gICAgYm9yZGVyOiAxcHggc29saWQgJHt0aGVtZS5jb2xvcnMubmV1dHJhbC5ib3JkZXJ9O1xuICAgIGJvcmRlci1yYWRpdXM6ICR7dGhlbWUucmFkaWkuZGVmYXVsdH07XG4gICAgYFxuICAgICAgOiBudWxsfTtcbmBcblxuY29uc3QgU3R5bGVkU3RhY2sgPSBzdHlsZWQoU3RhY2spYFxuICBwYWRkaW5nOiAkeyh7IHRoZW1lIH0pID0+IHRoZW1lLnNwYWNlWyc1J119O1xuYFxuXG50eXBlIEVtcHR5U3RhdGVQcm9wcyA9IHtcbiAgdGl0bGU/OiBzdHJpbmdcbiAgZGVzY3JpcHRpb246IFJlYWN0Tm9kZVxuICAvKipcbiAgICogQ29udGFpbmVyIHNpemUgd2lsbCBiZSBzYW1lIG9uIGBzbWFsbGAgYW5kIGBtZWRpdW1gXG4gICAqIG9ubHkgdGhlIGltYWdlIHNpemUgd2lsbCBjaGFuZ2Ugb24gdGhvc2UgcHJvcGVydGllcy5cbiAgICogYHNtYWxsYCBhbmQgYG1lZGl1bWAgY29udGFpbmVyIGlzIDcyMHB4IHdpZGVcbiAgICogYGxhcmdlYCBjb250YWluZXIgaXMgMTA4MHB4IHdpZGVcbiAgICovXG4gIHNpemU/OiBTaXplc1R5cGVzXG4gIC8qKlxuICAgKiBZb3UgY2FuIGdpdmUgdGhlIHBhdGggb2YgYW4gaW1hZ2Ugb3IgYSBjb21wb25lbnQgdGhhdCB3aWxsIHJlbmRlciBhbiBpbWFnZS5cbiAgICovXG4gIGltYWdlPzogUmVhY3ROb2RlXG4gIHByaW1hcnlCdXR0b24/OiBSZWFjdE5vZGVcbiAgc2Vjb25kYXJ5QnV0dG9uPzogUmVhY3ROb2RlXG4gIGxlYXJuTW9yZT86IHtcbiAgICBsaW5rOiBzdHJpbmdcbiAgICB0ZXh0OiBzdHJpbmdcbiAgICB0YXJnZXQ/OiBzdHJpbmdcbiAgfVxuICBib3JkZXJlZD86IGJvb2xlYW5cbiAgY2xhc3NOYW1lPzogc3RyaW5nXG4gIGNoaWxkcmVuPzogUmVhY3ROb2RlXG4gICdkYXRhLXRlc3RpZCc/OiBzdHJpbmdcbn1cblxuLyoqXG4gKiBFbXB0eVN0YXRlIGNvbXBvbmVudCBpcyB1c2VkIHRvIGRpc3BsYXkgYSBtZXNzYWdlIHdoZW4gdGhlcmUgaXMgbm8gZGF0YSB0byBzaG93LlxuICovXG5leHBvcnQgY29uc3QgRW1wdHlTdGF0ZSA9ICh7XG4gIGltYWdlLFxuICB0aXRsZSxcbiAgc2l6ZSA9ICdsYXJnZScsXG4gIGRlc2NyaXB0aW9uLFxuICBwcmltYXJ5QnV0dG9uLFxuICBzZWNvbmRhcnlCdXR0b24sXG4gIGxlYXJuTW9yZSxcbiAgY2xhc3NOYW1lLFxuICBib3JkZXJlZCxcbiAgY2hpbGRyZW4sXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG59OiBFbXB0eVN0YXRlUHJvcHMpID0+IChcbiAgPENvbnRhaW5lclxuICAgIHNpemU9e3NpemV9XG4gICAgYm9yZGVyZWQ9e2JvcmRlcmVkfVxuICAgIGNsYXNzTmFtZT17Y2xhc3NOYW1lfVxuICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICA+XG4gICAgPFN0eWxlZFN0YWNrIGdhcD17M30ganVzdGlmeUNvbnRlbnQ9XCJjZW50ZXJcIiBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICA8U3RhY2sgZ2FwPXsyfSBqdXN0aWZ5Q29udGVudD1cImNlbnRlclwiIGFsaWduSXRlbXM9XCJjZW50ZXJcIj5cbiAgICAgICAge2ltYWdlICYmIHR5cGVvZiBpbWFnZSA9PT0gJ3N0cmluZycgPyAoXG4gICAgICAgICAgPGltZyB3aWR0aD17SU1BR0VfU0laRVNbc2l6ZV19IGFsdD1cIlwiIHNyYz17aW1hZ2V9IC8+XG4gICAgICAgICkgOiAoXG4gICAgICAgICAgaW1hZ2VcbiAgICAgICAgKX1cbiAgICAgICAgPFN0YWNrIGdhcD17MC41fSBhbGlnbkl0ZW1zPVwiY2VudGVyXCI+XG4gICAgICAgICAge3RpdGxlID8gKFxuICAgICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cImgyXCIgdmFyaWFudD1cImhlYWRpbmdTbWFsbFwiIHByb21pbmVuY2U9XCJzdHJvbmdcIj5cbiAgICAgICAgICAgICAge3RpdGxlfVxuICAgICAgICAgICAgPC9DZW50ZXJlZFRleHQ+XG4gICAgICAgICAgKSA6IG51bGx9XG4gICAgICAgICAgPENlbnRlcmVkVGV4dCBhcz1cInBcIiB2YXJpYW50PVwiYm9keVwiPlxuICAgICAgICAgICAge2Rlc2NyaXB0aW9ufVxuICAgICAgICAgIDwvQ2VudGVyZWRUZXh0PlxuICAgICAgICA8L1N0YWNrPlxuICAgICAgPC9TdGFjaz5cbiAgICAgIDxTdGFjayBnYXA9ezJ9IGp1c3RpZnlDb250ZW50PVwiY2VudGVyXCIgYWxpZ25JdGVtcz1cImNlbnRlclwiPlxuICAgICAgICA8U3RhY2sgZGlyZWN0aW9uPVwicm93XCIgZ2FwPXsyfT5cbiAgICAgICAgICB7c2Vjb25kYXJ5QnV0dG9ufVxuICAgICAgICAgIHtwcmltYXJ5QnV0dG9ufVxuICAgICAgICA8L1N0YWNrPlxuICAgICAgICB7bGVhcm5Nb3JlPy50ZXh0ID8gKFxuICAgICAgICAgIDxMaW5rXG4gICAgICAgICAgICBocmVmPXtsZWFybk1vcmUubGlua31cbiAgICAgICAgICAgIHRhcmdldD17bGVhcm5Nb3JlLnRhcmdldH1cbiAgICAgICAgICAgIHNlbnRpbWVudD1cImluZm9cIlxuICAgICAgICAgICAgaWNvblBvc2l0aW9uPVwicmlnaHRcIlxuICAgICAgICAgID5cbiAgICAgICAgICAgIHtsZWFybk1vcmUudGV4dH1cbiAgICAgICAgICA8L0xpbms+XG4gICAgICAgICkgOiBudWxsfVxuICAgICAgPC9TdGFjaz5cbiAgICAgIHtjaGlsZHJlbn1cbiAgICA8L1N0eWxlZFN0YWNrPlxuICA8L0NvbnRhaW5lcj5cbilcbiJdfQ== */"));
+const EmptyState = ({
+  image,
+  title,
+  size = "large",
+  description,
+  primaryButton,
+  secondaryButton,
+  learnMore,
+  className,
+  bordered,
+  children,
+  "data-testid": dataTestId
+}) => /* @__PURE__ */ jsx(Container, { size, bordered, className, "data-testid": dataTestId, children: /* @__PURE__ */ jsxs(StyledStack, { gap: 3, justifyContent: "center", alignItems: "center", children: [
+  /* @__PURE__ */ jsxs(Stack, { gap: 2, justifyContent: "center", alignItems: "center", children: [
+    image && typeof image === "string" ? /* @__PURE__ */ jsx("img", { width: IMAGE_SIZES[size], alt: "", src: image }) : image,
+    /* @__PURE__ */ jsxs(Stack, { gap: 0.5, alignItems: "center", children: [
+      title ? /* @__PURE__ */ jsx(CenteredText, { as: "h2", variant: "headingSmall", prominence: "strong", children: title }) : null,
+      /* @__PURE__ */ jsx(CenteredText, { as: "p", variant: "body", children: description })
+    ] })
+  ] }),
+  /* @__PURE__ */ jsxs(Stack, { gap: 2, justifyContent: "center", alignItems: "center", children: [
+    /* @__PURE__ */ jsxs(Stack, { direction: "row", gap: 2, children: [
+      secondaryButton,
+      primaryButton
+    ] }),
+    learnMore?.text ? /* @__PURE__ */ jsx(Link, { href: learnMore.link, target: learnMore.target, sentiment: "info", iconPosition: "right", children: learnMore.text }) : null
+  ] }),
+  children
+] }) });
+export {
+  EmptyState
+};

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

@@ -0,0 +1,33 @@
+import type { ReactNode } from 'react';
+type ExpandableProps = {
+    /**
+     * The content to display
+     */
+    children: ReactNode;
+    /**
+     * To display or not the content
+     */
+    opened?: boolean;
+    /**
+     * The minimum height of the content
+     */
+    minHeight?: number;
+    className?: string;
+    'data-testid'?: string;
+    animationDuration?: number;
+};
+export declare const StyledExpandable: import("@emotion/styled").StyledComponent<{
+    theme?: import("@emotion/react").Theme | undefined;
+    as?: import("react").ElementType<any, keyof import("react").JSX.IntrinsicElements> | undefined;
+} & {
+    opened?: boolean | undefined;
+    minHeight: number;
+    animationDuration: number;
+}, import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, {}>;
+/**
+ * The Expandable component is a dynamic React component that allows for the expansion of its children content
+ * based on its height. The component comes with a sleek and smooth animation, providing a visually pleasing
+ * user experience.
+ */
+export declare const Expandable: ({ children, opened, minHeight, className, "data-testid": dataTestId, animationDuration, }: ExpandableProps) => import("@emotion/react/jsx-runtime").JSX.Element;
+export {};

package/dist/components/Expandable/index.js

@@ -0,0 +1,75 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import _styled from "@emotion/styled/base";
+import { useState, useRef, useEffect } from "react";
+const ANIMATION_DURATION = 300;
+const StyledExpandable = /* @__PURE__ */ _styled("div", process.env.NODE_ENV === "production" ? {
+  shouldForwardProp: (prop) => !["opened", "minHeight", "animationDuration"].includes(prop),
+  target: "e5hc7t70"
+} : {
+  shouldForwardProp: (prop) => !["opened", "minHeight", "animationDuration"].includes(prop),
+  target: "e5hc7t70",
+  label: "StyledExpandable"
+})("transition:max-height ", ({
+  animationDuration
+}) => animationDuration, "ms ease-out,opacity ", ({
+  animationDuration
+}) => animationDuration, "ms ease-out;overflow:", ({
+  opened
+}) => opened ? "visible" : "hidden", ";height:auto;max-height:", ({
+  opened,
+  minHeight
+}) => opened ? "initial" : `${minHeight}px`, ";" + (process.env.NODE_ENV === "production" ? "" : "/*# sourceMappingURL=data:application/json;charset=utf-8;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbIi9ob21lL3J1bm5lci93b3JrL3VsdHJhdmlvbGV0L3VsdHJhdmlvbGV0L3BhY2thZ2VzL3VpL3NyYy9jb21wb25lbnRzL0V4cGFuZGFibGUvaW5kZXgudHN4Il0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQTJCc0UiLCJmaWxlIjoiL2hvbWUvcnVubmVyL3dvcmsvdWx0cmF2aW9sZXQvdWx0cmF2aW9sZXQvcGFja2FnZXMvdWkvc3JjL2NvbXBvbmVudHMvRXhwYW5kYWJsZS9pbmRleC50c3giLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQgc3R5bGVkIGZyb20gJ0BlbW90aW9uL3N0eWxlZCdcbmltcG9ydCB0eXBlIHsgUmVhY3ROb2RlIH0gZnJvbSAncmVhY3QnXG5pbXBvcnQgeyB1c2VFZmZlY3QsIHVzZVJlZiwgdXNlU3RhdGUgfSBmcm9tICdyZWFjdCdcblxuY29uc3QgQU5JTUFUSU9OX0RVUkFUSU9OID0gMzAwIC8vIGluIG1zXG5cbnR5cGUgRXhwYW5kYWJsZVByb3BzID0ge1xuICAvKipcbiAgICogVGhlIGNvbnRlbnQgdG8gZGlzcGxheVxuICAgKi9cbiAgY2hpbGRyZW46IFJlYWN0Tm9kZVxuICAvKipcbiAgICogVG8gZGlzcGxheSBvciBub3QgdGhlIGNvbnRlbnRcbiAgICovXG4gIG9wZW5lZD86IGJvb2xlYW5cbiAgLyoqXG4gICAqIFRoZSBtaW5pbXVtIGhlaWdodCBvZiB0aGUgY29udGVudFxuICAgKi9cbiAgbWluSGVpZ2h0PzogbnVtYmVyXG4gIGNsYXNzTmFtZT86IHN0cmluZ1xuICAnZGF0YS10ZXN0aWQnPzogc3RyaW5nXG4gIGFuaW1hdGlvbkR1cmF0aW9uPzogbnVtYmVyXG59XG5cbmV4cG9ydCBjb25zdCBTdHlsZWRFeHBhbmRhYmxlID0gc3R5bGVkKCdkaXYnLCB7XG4gIHNob3VsZEZvcndhcmRQcm9wOiBwcm9wID0+XG4gICAgIVsnb3BlbmVkJywgJ21pbkhlaWdodCcsICdhbmltYXRpb25EdXJhdGlvbiddLmluY2x1ZGVzKHByb3ApLFxufSk8eyBvcGVuZWQ/OiBib29sZWFuOyBtaW5IZWlnaHQ6IG51bWJlcjsgYW5pbWF0aW9uRHVyYXRpb246IG51bWJlciB9PmBcbiAgdHJhbnNpdGlvbjpcbiAgICBtYXgtaGVpZ2h0ICR7KHsgYW5pbWF0aW9uRHVyYXRpb24gfSkgPT4gYW5pbWF0aW9uRHVyYXRpb259bXMgZWFzZS1vdXQsXG4gICAgb3BhY2l0eSAkeyh7IGFuaW1hdGlvbkR1cmF0aW9uIH0pID0+IGFuaW1hdGlvbkR1cmF0aW9ufW1zIGVhc2Utb3V0O1xuICBvdmVyZmxvdzogJHsoeyBvcGVuZWQgfSkgPT4gKG9wZW5lZCA/ICd2aXNpYmxlJyA6ICdoaWRkZW4nKX07XG4gIGhlaWdodDogYXV0bztcbiAgbWF4LWhlaWdodDogJHsoeyBvcGVuZWQsIG1pbkhlaWdodCB9KSA9PlxuICAgIG9wZW5lZCA/ICdpbml0aWFsJyA6IGAke21pbkhlaWdodH1weGB9O1xuYFxuXG4vKipcbiAqIFRoZSBFeHBhbmRhYmxlIGNvbXBvbmVudCBpcyBhIGR5bmFtaWMgUmVhY3QgY29tcG9uZW50IHRoYXQgYWxsb3dzIGZvciB0aGUgZXhwYW5zaW9uIG9mIGl0cyBjaGlsZHJlbiBjb250ZW50XG4gKiBiYXNlZCBvbiBpdHMgaGVpZ2h0LiBUaGUgY29tcG9uZW50IGNvbWVzIHdpdGggYSBzbGVlayBhbmQgc21vb3RoIGFuaW1hdGlvbiwgcHJvdmlkaW5nIGEgdmlzdWFsbHkgcGxlYXNpbmdcbiAqIHVzZXIgZXhwZXJpZW5jZS5cbiAqL1xuZXhwb3J0IGNvbnN0IEV4cGFuZGFibGUgPSAoe1xuICBjaGlsZHJlbixcbiAgb3BlbmVkLFxuICBtaW5IZWlnaHQgPSAwLFxuICBjbGFzc05hbWUsXG4gICdkYXRhLXRlc3RpZCc6IGRhdGFUZXN0SWQsXG4gIGFuaW1hdGlvbkR1cmF0aW9uID0gQU5JTUFUSU9OX0RVUkFUSU9OLFxufTogRXhwYW5kYWJsZVByb3BzKSA9PiB7XG4gIGNvbnN0IFtoZWlnaHQsIHNldEhlaWdodF0gPSB1c2VTdGF0ZTxudW1iZXIgfCBudWxsPihudWxsKVxuICBjb25zdCB0cmFuc2l0aW9uVGltZXIgPSB1c2VSZWY8UmV0dXJuVHlwZTx0eXBlb2Ygc2V0VGltZW91dD4gfCB1bmRlZmluZWQ+KClcbiAgY29uc3QgcmVmID0gdXNlUmVmPEhUTUxEaXZFbGVtZW50PihudWxsKVxuXG4gIC8qKlxuICAgKiBBdCBtb3VudCwgd2Ugc2V0IHRoZSBoZWlnaHQgdmFyaWFibGUgdG8gdGhlIGhlaWdodCBvZiB0aGUgY29udGVudCBvbmx5IGlmIHRoZSBjb21wb25lbnQgaXMgY2xvc2VkLlxuICAgKiBUaGlzIGlzIHRvIGVuc3VyZSB3ZSBkb24ndCBoYXZlIGFuaW1hdGlvbiB3aGVuIHRoZSBjb21wb25lbnQgaXMgb3BlbmVkIGF0IG1vdW50LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgIHNldEhlaWdodChyZWYuY3VycmVudC5zY3JvbGxIZWlnaHQgPz8gMClcbiAgICB9XG4gIH0sIFtyZWYuY3VycmVudD8uc2Nyb2xsSGVpZ2h0XSlcblxuICAvKipcbiAgICogSGVyZSB3ZSBzZXQgbWF4SGVpZ2h0IHRvIHRoZSBoZWlnaHQgb2YgdGhlIGNvbnRlbnQgd2hlbiB0aGUgY29tcG9uZW50IGlzIG9wZW5lZFxuICAgKiBhbmQgYWZ0ZXIgMzAwbXMgd2Ugc2V0IG1heEhlaWdodCB0byBpbml0aWFsIHRvIGxldCB0aGUgY29udGVudCBncm93IHdpdGggYW5pbWF0aW9uLlxuICAgKiBTZXR0aW5nIGl0IHRvIGluaXRpYWwgaXMgcmVxdWlyZWQgdG8gYmUgYWJsZSB0byBoYXZlIG5lc3RlZCBleHBhbmRhYmxlIG9yIHRoZSBoZWlnaHQgd29uJ3QgZm9sbG93LlxuICAgKi9cbiAgdXNlRWZmZWN0KCgpID0+IHtcbiAgICBpZiAob3BlbmVkICYmIHJlZi5jdXJyZW50ICYmIGhlaWdodCkge1xuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUubWF4SGVpZ2h0ID0gYCR7aGVpZ2h0fXB4YFxuICAgICAgcmVmLmN1cnJlbnQuc3R5bGUudmlzaWJpbGl0eSA9ICcnXG4gICAgICB0cmFuc2l0aW9uVGltZXIuY3VycmVudCA9IHNldFRpbWVvdXQoKCkgPT4ge1xuICAgICAgICBpZiAocmVmLmN1cnJlbnQpIHtcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSAnaW5pdGlhbCdcbiAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5vdmVyZmxvdyA9ICd2aXNpYmxlJ1xuICAgICAgICAgIHJlZi5jdXJyZW50LnN0eWxlLnZpc2liaWxpdHkgPSAnJ1xuICAgICAgICB9XG4gICAgICB9LCBBTklNQVRJT05fRFVSQVRJT04pXG4gICAgfSBlbHNlIHtcbiAgICAgIGNsZWFyVGltZW91dCh0cmFuc2l0aW9uVGltZXIuY3VycmVudClcblxuICAgICAgaWYgKHJlZi5jdXJyZW50ICYmIGhlaWdodCkge1xuICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSBgJHtoZWlnaHR9cHhgXG4gICAgICAgIHRyYW5zaXRpb25UaW1lci5jdXJyZW50ID0gc2V0VGltZW91dCgoKSA9PiB7XG4gICAgICAgICAgaWYgKHJlZi5jdXJyZW50KSB7XG4gICAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5tYXhIZWlnaHQgPSBgJHttaW5IZWlnaHR9cHhgXG4gICAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS5vdmVyZmxvdyA9ICdoaWRkZW4nXG4gICAgICAgICAgICBzZXRUaW1lb3V0KCgpID0+IHtcbiAgICAgICAgICAgICAgaWYgKHJlZi5jdXJyZW50ICYmICFtaW5IZWlnaHQpIHtcbiAgICAgICAgICAgICAgICByZWYuY3VycmVudC5zdHlsZS52aXNpYmlsaXR5ID0gJ2hpZGRlbidcbiAgICAgICAgICAgICAgfVxuICAgICAgICAgICAgfSwgQU5JTUFUSU9OX0RVUkFUSU9OKVxuICAgICAgICAgIH1cbiAgICAgICAgfSwgMClcbiAgICAgIH1cbiAgICB9XG5cbiAgICByZXR1cm4gKCkgPT4ge1xuICAgICAgY2xlYXJUaW1lb3V0KHRyYW5zaXRpb25UaW1lci5jdXJyZW50KVxuICAgIH1cbiAgfSwgW2hlaWdodCwgbWluSGVpZ2h0LCBvcGVuZWRdKVxuXG4gIHJldHVybiAoXG4gICAgPFN0eWxlZEV4cGFuZGFibGVcbiAgICAgIGRhdGEtdGVzdGlkPXtkYXRhVGVzdElkfVxuICAgICAgcmVmPXtyZWZ9XG4gICAgICBjbGFzc05hbWU9e2NsYXNzTmFtZX1cbiAgICAgIG9wZW5lZD17b3BlbmVkfVxuICAgICAgbWluSGVpZ2h0PXttaW5IZWlnaHR9XG4gICAgICBhbmltYXRpb25EdXJhdGlvbj17YW5pbWF0aW9uRHVyYXRpb259XG4gICAgPlxuICAgICAge2NoaWxkcmVufVxuICAgIDwvU3R5bGVkRXhwYW5kYWJsZT5cbiAgKVxufVxuIl19 */"));
+const Expandable = ({
+  children,
+  opened,
+  minHeight = 0,
+  className,
+  "data-testid": dataTestId,
+  animationDuration = ANIMATION_DURATION
+}) => {
+  const [height, setHeight] = useState(null);
+  const transitionTimer = useRef();
+  const ref = useRef(null);
+  useEffect(() => {
+    if (ref.current) {
+      setHeight(ref.current.scrollHeight ?? 0);
+    }
+  }, [ref.current?.scrollHeight]);
+  useEffect(() => {
+    if (opened && ref.current && height) {
+      ref.current.style.maxHeight = `${height}px`;
+      ref.current.style.visibility = "";
+      transitionTimer.current = setTimeout(() => {
+        if (ref.current) {
+          ref.current.style.maxHeight = "initial";
+          ref.current.style.overflow = "visible";
+          ref.current.style.visibility = "";
+        }
+      }, ANIMATION_DURATION);
+    } else {
+      clearTimeout(transitionTimer.current);
+      if (ref.current && height) {
+        ref.current.style.maxHeight = `${height}px`;
+        transitionTimer.current = setTimeout(() => {
+          if (ref.current) {
+            ref.current.style.maxHeight = `${minHeight}px`;
+            ref.current.style.overflow = "hidden";
+            setTimeout(() => {
+              if (ref.current && !minHeight) {
+                ref.current.style.visibility = "hidden";
+              }
+            }, ANIMATION_DURATION);
+          }
+        }, 0);
+      }
+    }
+    return () => {
+      clearTimeout(transitionTimer.current);
+    };
+  }, [height, minHeight, opened]);
+  return /* @__PURE__ */ jsx(StyledExpandable, { "data-testid": dataTestId, ref, className, opened, minHeight, animationDuration, children });
+};
+export {
+  Expandable,
+  StyledExpandable
+};

package/dist/components/GlobalAlert/GlobalAlertLink.d.ts

@@ -0,0 +1,3 @@
+import type { ComponentProps } from 'react';
+import { Link } from '../Link';
+export declare const GlobalAlertLink: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<ComponentProps<typeof Link>, 'sentiment' | 'prominence' | 'size'>) => import("@emotion/react/jsx-runtime").JSX.Element;

package/dist/components/GlobalAlert/GlobalAlertLink.js

@@ -0,0 +1,23 @@
+import { jsx } from "@emotion/react/jsx-runtime";
+import { useTheme } from "@emotion/react";
+import { Link } from "../Link/index.js";
+const GlobalAlertLink = ({
+  children,
+  href,
+  target,
+  download,
+  rel,
+  className,
+  onClick,
+  "aria-label": ariaLabel,
+  oneLine = false,
+  "data-testid": dataTestId
+}) => {
+  const {
+    theme
+  } = useTheme();
+  return /* @__PURE__ */ jsx(Link, { href, target, download, sentiment: "neutral", prominence: theme === "light" ? "stronger" : "strong", size: "small", variant: "inline", rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, children });
+};
+export {
+  GlobalAlertLink
+};

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

@@ -0,0 +1,40 @@
+import type { ReactNode } from 'react';
+type GlobalAlertProps = {
+    children: ReactNode;
+    variant?: 'info' | 'danger' | 'promotional';
+    onClose?: () => void;
+    closable?: boolean;
+    className?: string;
+    'data-testid'?: string;
+    buttonText?: string;
+    onClickButton?: () => void;
+};
+/**
+ * GlobalAlert is a component that is used to display a global alert message.
+ * It has its own internal state and can be closed by clicking on the close button.
+ */
+export declare const GlobalAlert: {
+    ({ children, variant, onClose, closable, buttonText, onClickButton, className, "data-testid": dataTestId, }: GlobalAlertProps): import("@emotion/react/jsx-runtime").JSX.Element | null;
+    Link: ({ children, href, target, download, rel, className, onClick, "aria-label": ariaLabel, oneLine, "data-testid": dataTestId, }: Omit<{
+        children: ReactNode;
+        target?: import("react").HTMLAttributeAnchorTarget | undefined;
+        download?: string | boolean | undefined;
+        sentiment?: import("../../theme").Color | undefined;
+        prominence?: "strong" | "default" | "stronger" | "weak" | undefined;
+        size?: ("large" | "small") | undefined;
+        iconPosition?: ("left" | "right") | undefined;
+        rel?: string | undefined;
+        className?: string | undefined;
+        href: string;
+        onClick?: import("react").MouseEventHandler<HTMLAnchorElement> | undefined;
+        'aria-label'?: string | undefined;
+        /**
+         * GlobalAlert is a component that is used to display a global alert message.
+         * It has its own internal state and can be closed by clicking on the close button.
+         */
+        oneLine?: boolean | undefined;
+        'data-testid'?: string | undefined;
+        variant?: "inline" | "standalone" | undefined;
+    } & import("react").RefAttributes<HTMLAnchorElement>, "size" | "sentiment" | "prominence">) => import("@emotion/react/jsx-runtime").JSX.Element;
+};
+export {};