@cloudoperators/juno-ui-components 2.34.0 → 2.35.0

package/build/types/src/components/MainTabs/MainTabs.stories.d.ts

@@ -0,0 +1,51 @@
+import { default as React } from 'react';
+import { TabPanelProps } from '../TabPanel/TabPanel.component';
+import { TabProps } from '../Tab/Tab.component';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./MainTabs.component').MainTabsProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+        tabs: {
+            table: {
+                disable: boolean;
+            };
+        };
+        tabpanels: {
+            table: {
+                disable: boolean;
+            };
+        };
+    };
+};
+export default _default;
+interface TemplateProps {
+    tabs: React.ReactElement<TabProps>[];
+    tabpanels: React.ReactElement<TabPanelProps>[];
+}
+type OnSelectHandler = (value: number) => void;
+interface ControlledTemplateProps {
+    tabs?: React.ReactElement<TabProps>[];
+    tabpanels?: React.ReactElement<TabPanelProps>[];
+    selectedIndex?: number;
+    onSelect?: OnSelectHandler;
+}
+export declare const Default: {
+    render: ({ tabs, tabpanels, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        tabs: React.JSX.Element[];
+        tabpanels: React.JSX.Element[];
+    };
+};
+export declare const Controlled: {
+    render: ({ onSelect, selectedIndex, tabs, tabpanels, ...args }: ControlledTemplateProps) => React.JSX.Element;
+    args: {
+        tabs: React.JSX.Element[];
+        tabpanels: React.JSX.Element[];
+        selectedIndex: number;
+        defaultIndex: null;
+    };
+};
+//# sourceMappingURL=MainTabs.stories.d.ts.map

package/build/types/src/components/MainTabs/MainTabs.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainTabs.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/MainTabs/MainTabs.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA8B,MAAM,OAAO,CAAA;AAKlD,OAAO,EAAE,aAAa,EAAE,MAAM,gCAAgC,CAAA;AAC9D,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA;;;;;;;;;;;;;;;;;;;;AAE/C,wBAkBC;AASD,UAAU,aAAa;IACrB,IAAI,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACpC,SAAS,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;CAC/C;AAuBD,KAAK,eAAe,GAAG,CAAC,KAAK,EAAE,MAAM,KAAK,IAAI,CAAA;AAG9C,UAAU,uBAAuB;IAC/B,IAAI,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,QAAQ,CAAC,EAAE,CAAA;IACrC,SAAS,CAAC,EAAE,KAAK,CAAC,YAAY,CAAC,aAAa,CAAC,EAAE,CAAA;IAC/C,aAAa,CAAC,EAAE,MAAM,CAAA;IACtB,QAAQ,CAAC,EAAE,eAAe,CAAA;CAC3B;AAED,eAAO,MAAM,OAAO;2CA3C4B,aAAa;;;;;CAsD5D,CAAA;AAED,eAAO,MAAM,UAAU;oEA5C4D,uBAAuB;;;;;;;CA6DzG,CAAA"}

package/build/types/src/components/MainTabs/MainTabs.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MainTabs.test.d.ts.map

package/build/types/src/components/MainTabs/MainTabs.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MainTabs.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/MainTabs/MainTabs.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/MainTabs/index.d.ts

@@ -0,0 +1,2 @@
+export { MainTabs } from './MainTabs.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/MainTabs/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MainTabs/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA"}

package/build/types/src/components/Menu/Menu.component.d.ts

@@ -0,0 +1,17 @@
+import { default as React } from 'react';
+export interface MenuProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The children to render in the MenuSection */
+    children?: React.ReactNode;
+    /** Whether the Menu will be in normal or small variant */
+    variant?: "small" | "normal";
+    /** Pass a custom className to the menu */
+    className?: string;
+}
+interface MenuContextType {
+    variant: "small" | "normal";
+}
+export declare const MenuContext: React.Context<MenuContextType | undefined>;
+/** A generic menu component */
+export declare const Menu: React.FC<MenuProps>;
+export {};
+//# sourceMappingURL=Menu.component.d.ts.map

package/build/types/src/components/Menu/Menu.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAwB,MAAM,OAAO,CAAA;AAmB5C,MAAM,WAAW,SAAU,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACrE,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,0DAA0D;IAC1D,OAAO,CAAC,EAAE,OAAO,GAAG,QAAQ,CAAA;IAC5B,0CAA0C;IAC1C,SAAS,CAAC,EAAE,MAAM,CAAA;CACnB;AAED,UAAU,eAAe;IACvB,OAAO,EAAE,OAAO,GAAG,QAAQ,CAAA;CAC5B;AACD,eAAO,MAAM,WAAW,4CAAwD,CAAA;AAEhF,+BAA+B;AAC/B,eAAO,MAAM,IAAI,EAAE,KAAK,CAAC,EAAE,CAAC,SAAS,CAwBpC,CAAA"}

package/build/types/src/components/Menu/Menu.stories.d.ts

@@ -0,0 +1,33 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./Menu.component').MenuProps>;
+    argTypes: {
+        items: {
+            table: {
+                disable: boolean;
+            };
+        };
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const Small: {
+    args: {
+        variant: string;
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithASection: {
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=Menu.stories.d.ts.map

package/build/types/src/components/Menu/Menu.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;;;;;;;AAMzB,wBAaC;AAED,eAAO,MAAM,OAAO;;;;CAenB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAYjB,CAAA;AAED,eAAO,MAAM,YAAY;;;;CAexB,CAAA"}

package/build/types/src/components/Menu/Menu.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Menu.test.d.ts.map

package/build/types/src/components/Menu/Menu.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Menu.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/Menu.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Menu/index.d.ts

@@ -0,0 +1,2 @@
+export { Menu } from './Menu.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Menu/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Menu/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,IAAI,EAAE,MAAM,kBAAkB,CAAA"}

package/build/types/src/components/MenuItem/MenuItem.component.d.ts

@@ -0,0 +1,24 @@
+import { default as React, MouseEvent, FC } from 'react';
+import { KnownIconsEnum } from '../Icon/Icon.component';
+export interface MenuItemProps extends Omit<React.HTMLAttributes<HTMLElement>, "onClick"> {
+    /** Children of the menu item */
+    children?: React.ReactNode;
+    /** Pass a custom className to the menu item */
+    className?: string;
+    /** Whether the menu item is disabled */
+    disabled?: boolean;
+    /** Pass the name of an icon the button should show. Can be any icon included with Juno. */
+    icon?: keyof typeof KnownIconsEnum;
+    /** The label of the menu item. Will take precedence over children passed to the component. */
+    label?: string;
+    /** Pass an href to the menu item. Will result in the menu item being rendered as an `<a>`. */
+    href?: string;
+    /** Pass an onClick handler to the menu item. Will result in the menu item being rendered as a `<button>`. */
+    onClick?: (event: MouseEvent<HTMLButtonElement>) => void;
+}
+/**
+ A menu item to be used inside Menu.
+ Can render `<a>`, `<button>`, or `<div>` based on props.
+ */
+export declare const MenuItem: FC<MenuItemProps>;
+//# sourceMappingURL=MenuItem.component.d.ts.map

package/build/types/src/components/MenuItem/MenuItem.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuItem/MenuItem.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,EAAE,EAAc,UAAU,EAAE,EAAE,EAAE,MAAM,OAAO,CAAA;AAGzD,OAAO,EAAQ,cAAc,EAAE,MAAM,wBAAwB,CAAA;AAiC7D,MAAM,WAAW,aAAc,SAAQ,IAAI,CAAC,KAAK,CAAC,cAAc,CAAC,WAAW,CAAC,EAAE,SAAS,CAAC;IACvF,gCAAgC;IAChC,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,+CAA+C;IAC/C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,wCAAwC;IACxC,QAAQ,CAAC,EAAE,OAAO,CAAA;IAClB,2FAA2F;IAC3F,IAAI,CAAC,EAAE,MAAM,OAAO,cAAc,CAAA;IAClC,8FAA8F;IAC9F,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,8FAA8F;IAC9F,IAAI,CAAC,EAAE,MAAM,CAAA;IACb,6GAA6G;IAE7G,OAAO,CAAC,EAAE,CAAC,KAAK,EAAE,UAAU,CAAC,iBAAiB,CAAC,KAAK,IAAI,CAAA;CACzD;AAMD;;;GAGG;AACH,eAAO,MAAM,QAAQ,EAAE,EAAE,CAAC,aAAa,CA4CtC,CAAA"}

package/build/types/src/components/MenuItem/MenuItem.stories.d.ts

@@ -0,0 +1,82 @@
+import { default as React } from 'react';
+declare const _default: {
+    title: string;
+    component: React.FC<import('./MenuItem.component').MenuItemProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+    decorators: ((storyFn: () => React.ReactNode, context: {
+        parameters: {
+            menuVariant: "normal" | "small";
+        };
+    }) => React.JSX.Element)[];
+    parameters: {
+        menuVariant: string;
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        label: string;
+        onClick: null;
+    };
+};
+export declare const SmallMenuItem: {
+    args: {
+        label: string;
+        onClick: null;
+    };
+    parameters: {
+        menuVariant: string;
+    };
+};
+export declare const WithIcon: {
+    args: {
+        label: string;
+        icon: string;
+        onClick: null;
+    };
+};
+export declare const SmallWithIcon: {
+    args: {
+        label: string;
+        icon: string;
+        onClick: null;
+    };
+    parameters: {
+        menuVariant: string;
+    };
+};
+export declare const MenuItemAsLink: {
+    args: {
+        label: string;
+        href: string;
+    };
+};
+export declare const MenuItemAsButton: {
+    args: {
+        label: string;
+        onClick: () => void;
+    };
+};
+export declare const MenuItemWithChildren: {
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const DisabledMenuItem: {
+    args: {
+        disabled: boolean;
+        label: string;
+    };
+};
+export declare const DisabledMenuItemAsLink: {
+    args: {
+        disabled: boolean;
+        label: string;
+        href: string;
+    };
+};
+//# sourceMappingURL=MenuItem.stories.d.ts.map

package/build/types/src/components/MenuItem/MenuItem.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuItem/MenuItem.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;;;;;;;;;2BAcX,MAAM,KAAK,CAAC,SAAS,WAAW;QAAE,UAAU,EAAE;YAAE,WAAW,EAAE,QAAQ,GAAG,OAAO,CAAA;SAAE,CAAA;KAAE;;;;;AATjG,wBAuBC;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;CAQzB,CAAA;AAED,eAAO,MAAM,QAAQ;;;;;;CAMpB,CAAA;AAED,eAAO,MAAM,aAAa;;;;;;;;;CASzB,CAAA;AAED,eAAO,MAAM,cAAc;;;;;CAK1B,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAA;AAED,eAAO,MAAM,oBAAoB;;;;CAMhC,CAAA;AAED,eAAO,MAAM,gBAAgB;;;;;CAK5B,CAAA;AAED,eAAO,MAAM,sBAAsB;;;;;;CAMlC,CAAA"}

package/build/types/src/components/MenuItem/MenuItem.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MenuItem.test.d.ts.map

package/build/types/src/components/MenuItem/MenuItem.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuItem.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuItem/MenuItem.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/MenuItem/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuItem } from './MenuItem.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/MenuItem/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuItem/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,QAAQ,EAAE,MAAM,sBAAsB,CAAA"}

package/build/types/src/components/MenuSection/MenuSection.component.d.ts

@@ -0,0 +1,12 @@
+import { default as React } from 'react';
+/** Use MenuSection to structure and sub-divide MenuItems in a menu. All but the last MenuSection will render a visible divider at the bottom. Optionally, a MenuSection can have a title.*/
+export declare const MenuSection: React.FC<MenuSectionProps>;
+export interface MenuSectionProps extends React.HTMLAttributes<HTMLDivElement> {
+    /** The children to render in the MenuSection */
+    children?: React.ReactNode;
+    /** Pass a custom className */
+    className?: string;
+    /** Pass an optional section title */
+    title?: string;
+}
+//# sourceMappingURL=MenuSection.component.d.ts.map

package/build/types/src/components/MenuSection/MenuSection.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuSection/MenuSection.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAezB,4LAA4L;AAC5L,eAAO,MAAM,WAAW,EAAE,KAAK,CAAC,EAAE,CAAC,gBAAgB,CAOlD,CAAA;AAED,MAAM,WAAW,gBAAiB,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IAC5E,gDAAgD;IAChD,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,8BAA8B;IAC9B,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,qCAAqC;IACrC,KAAK,CAAC,EAAE,MAAM,CAAA;CACf"}

package/build/types/src/components/MenuSection/MenuSection.stories.d.ts

@@ -0,0 +1,25 @@
+import { default as React } from 'react';
+type StoryDefinition = () => React.ReactNode;
+declare const _default: {
+    title: string;
+    component: React.FC<import('./MenuSection.component').MenuSectionProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+    decorators: ((story: StoryDefinition) => React.JSX.Element)[];
+};
+export default _default;
+export declare const Default: {
+    args: {
+        children: React.JSX.Element[];
+    };
+};
+export declare const WithTitle: {
+    args: {
+        title: string;
+        children: React.JSX.Element[];
+    };
+};
+//# sourceMappingURL=MenuSection.stories.d.ts.map

package/build/types/src/components/MenuSection/MenuSection.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuSection/MenuSection.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAK,MAAM,OAAO,CAAA;AAKzB,KAAK,eAAe,GAAG,MAAM,KAAK,CAAC,SAAS,CAAA;;;;;;;;;yBAUrB,eAAe;;AARtC,wBASC;AAED,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAED,eAAO,MAAM,SAAS;;;;;CAKrB,CAAA"}

package/build/types/src/components/MenuSection/MenuSection.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=MenuSection.test.d.ts.map

package/build/types/src/components/MenuSection/MenuSection.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"MenuSection.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuSection/MenuSection.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/MenuSection/index.d.ts

@@ -0,0 +1,2 @@
+export { MenuSection, type MenuSectionProps } from './MenuSection.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/MenuSection/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/MenuSection/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,WAAW,EAAE,KAAK,gBAAgB,EAAE,MAAM,yBAAyB,CAAA"}

package/build/types/src/components/Message/Message.component.d.ts

@@ -0,0 +1,50 @@
+import { default as React } from 'react';
+export type MessageVariantType = "info" | "warning" | "danger" | "error" | "success";
+export interface MessageProps extends React.HTMLAttributes<HTMLDivElement> {
+    /**
+     * Pass an optional title.
+     */
+    title?: string;
+    /**
+     * Pass an optional string of text to be rendered as content.
+     * Alternatively, content can be passed as children (see below).
+     * If children are provided, they will take precedence.
+     */
+    text?: string;
+    /**
+     * Specify an optional semantic variant that determines the appearance of a message.
+     */
+    variant?: MessageVariantType;
+    /**
+     * Optional. If true, the message will have a 'close' button to dismiss it.
+     */
+    dismissible?: boolean;
+    /**
+     * Optional. If true, the message will be automatically dismissed after the default or passed autoDismissTimeout.
+     */
+    autoDismiss?: boolean;
+    /**
+     * Optional. The timeout in milliseconds after which the message auto-dismisses.
+     * By default 10000 (10s).
+     */
+    autoDismissTimeout?: number;
+    /**
+     * Optional. Pass a handler that will be called when the message is dismissed.
+     */
+    onDismiss?: () => void;
+    /**
+     * Pass an optional CSS class to apply to the message.
+     */
+    className?: string;
+    /**
+     * Pass optional React nodes or a collection of React nodes to be rendered as content.
+     * Takes precedence over the text property.
+     */
+    children?: React.ReactNode;
+}
+/**
+ * A Message holds generally important information to help understand the contents, purpose, or state of a whole page or view.
+ * Use sparingly, there should never be two or more subsequent instances of Message as direct siblings/neighbors on an individual view.
+ */
+export declare const Message: React.FC<MessageProps>;
+//# sourceMappingURL=Message.component.d.ts.map

package/build/types/src/components/Message/Message.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAsC,MAAM,OAAO,CAAA;AA0D1D,MAAM,MAAM,kBAAkB,GAAG,MAAM,GAAG,SAAS,GAAG,QAAQ,GAAG,OAAO,GAAG,SAAS,CAAA;AAEpF,MAAM,WAAW,YAAa,SAAQ,KAAK,CAAC,cAAc,CAAC,cAAc,CAAC;IACxE;;OAEG;IACH,KAAK,CAAC,EAAE,MAAM,CAAA;IAEd;;;;OAIG;IACH,IAAI,CAAC,EAAE,MAAM,CAAA;IAEb;;OAEG;IACH,OAAO,CAAC,EAAE,kBAAkB,CAAA;IAE5B;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;OAEG;IACH,WAAW,CAAC,EAAE,OAAO,CAAA;IAErB;;;OAGG;IACH,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAE3B;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,IAAI,CAAA;IAEtB;;OAEG;IACH,SAAS,CAAC,EAAE,MAAM,CAAA;IAElB;;;OAGG;IACH,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;CAC3B;AA4ED;;;GAGG;AACH,eAAO,MAAM,OAAO,EAAE,KAAK,CAAC,EAAE,CAAC,YAAY,CAyD1C,CAAA"}

package/build/types/src/components/Message/Message.stories.d.ts

@@ -0,0 +1,52 @@
+declare const _default: {
+    title: string;
+    component: import('react').FC<import('./Message.component').MessageProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+    };
+};
+export default _default;
+export declare const Default: {
+    args: {
+        text: string;
+    };
+};
+export declare const WithTitle: {
+    args: {
+        title: string;
+        text: string;
+    };
+};
+export declare const Warning: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const Error: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const Danger: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const Success: {
+    args: {
+        variant: string;
+        text: string;
+    };
+};
+export declare const Dismissible: {
+    args: {
+        text: string;
+        dismissible: boolean;
+    };
+};
+//# sourceMappingURL=Message.stories.d.ts.map

package/build/types/src/components/Message/Message.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.stories.ts"],"names":[],"mappings":";;;;;;;;;AAOA,wBAQC;AAGD,eAAO,MAAM,OAAO;;;;CAInB,CAAA;AAGD,eAAO,MAAM,SAAS;;;;;CAKrB,CAAA;AAGD,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAED,eAAO,MAAM,KAAK;;;;;CAKjB,CAAA;AAED,eAAO,MAAM,MAAM;;;;;CAKlB,CAAA;AAED,eAAO,MAAM,OAAO;;;;;CAKnB,CAAA;AAGD,eAAO,MAAM,WAAW;;;;;CAKvB,CAAA"}

package/build/types/src/components/Message/Message.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Message.test.d.ts.map

package/build/types/src/components/Message/Message.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Message.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/Message.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Message/index.d.ts

@@ -0,0 +1,2 @@
+export { Message } from './Message.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Message/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Message/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,OAAO,EAAE,MAAM,qBAAqB,CAAA"}

package/build/types/src/components/Modal/Modal.component.d.ts

@@ -0,0 +1,60 @@
+import { default as React } from 'react';
+import { KnownIcons } from '../Icon/Icon.component';
+/**
+A generic Modal component.
+
+The Modal component can automatically create cancelling and confirming buttons with the desired labels and handlers.
+
+For more complex use cases, more buttons, etc., an instance of `<ModalFooter>` with all custom content as children can be passed as prop `modalFooter` and will be rendered.
+
+The Modal uses a boolean 'open' prop to determine whether it is open or not. Alternatively, the open state can be handled outside the component, e.g. in a global state. In this case the 'open' prop needs to be passed as true always, otherwise the Modal component will not render.
+
+By default, the modal will close (i.e. set its `open` state to false) once the user cancels the Modal. When confirming, you will have to either set the `open` to false to close the modal, or use whatever global state mechanism you have to handle modals.
+
+To make the modal less intrusive and effectively un-modal it, pass `closeOnBackdropClick`. This will close the modal when the user clicks the modal backdrop.
+*/
+export declare const Modal: React.FC<ModalProps>;
+type ModalSize = "small" | "large";
+type CancelEventHandler = (event: React.MouseEvent<EventTarget, MouseEvent> | KeyboardEvent) => void;
+export interface ModalProps extends Omit<React.HTMLProps<HTMLDivElement>, "size"> {
+    /** The aria-label of the modal. Use only if the modal does NOT have a `title` or `heading`.  */
+    ariaLabel?: string;
+    /** The title of the modal. This will be rendering as the heading of the modal, and the modal's `arial-labelledby` attribute will reference the title/heading element. If the modal does not have `title` or `heading`, use `ariaLabel` to provide an accessible name for the modal. */
+    title?: string;
+    /** Also the title of the modal, just for API flexibility. If both `title` and `heading` are passed, `title` will win. */
+    heading?: string;
+    /** The Modal size */
+    size?: ModalSize;
+    /** Pass a label to render a confirm button and a Cancel button */
+    confirmButtonLabel?: string;
+    /** Pass a label for the cancel button. Defaults to "Cancel" */
+    cancelButtonLabel?: string;
+    /** Pass an Icon name to show on the confirming action button */
+    confirmButtonIcon?: KnownIcons | null;
+    /** Pass an icon name to show on the cancelling button */
+    cancelButtonIcon?: KnownIcons | null;
+    /** Whether the modal will be open */
+    open?: boolean;
+    /** The children of the modal. These will be rendered as the modal content. To render custom buttons at the bottom, see `modalFooter` below.*/
+    children?: React.ReactNode;
+    /** Optional. Pass a `<ModalFooter />` component with custom content as required. Will default to using the `<ModalFooter/>` component internally. */
+    modalFooter?: JSX.Element | null;
+    /** Whether the modal can be closed using an "X"-Button at the top right. Defaults to true. */
+    closeable?: boolean;
+    /** Pass to remove default padding from the content area of the modal */
+    unpad?: boolean;
+    /** Custom className to add to the modal */
+    className?: string;
+    /** A handler to execute once the modal is confirmed by clicking the confrim button if exists. Note that we do not close the modal automatically. */
+    onConfirm?: React.MouseEventHandler<EventTarget> | null;
+    /** A handler to execute once the modal is cancelled or dismissed using the x-Close button,  Cancel-button or pressing ESC */
+    onCancel?: CancelEventHandler;
+    /** Whether the modal should be closed when the backdrop is clicked. Essentially 'un-modals' the modal. */
+    closeOnBackdropClick?: boolean;
+    /** Whether the modal can be closed by hitting the ESC key */
+    closeOnEsc?: boolean;
+    /** By default, the first element in the tab order of the Modal content will be focussed. To specify an element to be focussed when the modal opens, pass an element, DOM node, or selector string. */
+    initialFocus?: HTMLElement | SVGElement | string;
+}
+export {};
+//# sourceMappingURL=Modal.component.d.ts.map

package/build/types/src/components/Modal/Modal.component.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.component.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.component.tsx"],"names":[],"mappings":"AAKA,OAAO,KAA6C,MAAM,OAAO,CAAA;AAIjE,OAAO,EAAQ,UAAU,EAAE,MAAM,wBAAwB,CAAA;AA6DzD;;;;;;;;;;;;EAYE;AACF,eAAO,MAAM,KAAK,EAAE,KAAK,CAAC,EAAE,CAAC,UAAU,CA2ItC,CAAA;AAED,KAAK,SAAS,GAAG,OAAO,GAAG,OAAO,CAAA;AAGlC,KAAK,kBAAkB,GAAG,CAAC,KAAK,EAAE,KAAK,CAAC,UAAU,CAAC,WAAW,EAAE,UAAU,CAAC,GAAG,aAAa,KAAK,IAAI,CAAA;AAEpG,MAAM,WAAW,UAAW,SAAQ,IAAI,CAAC,KAAK,CAAC,SAAS,CAAC,cAAc,CAAC,EAAE,MAAM,CAAC;IAC/E,gGAAgG;IAChG,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,uRAAuR;IACvR,KAAK,CAAC,EAAE,MAAM,CAAA;IACd,yHAAyH;IACzH,OAAO,CAAC,EAAE,MAAM,CAAA;IAChB,qBAAqB;IACrB,IAAI,CAAC,EAAE,SAAS,CAAA;IAChB,kEAAkE;IAClE,kBAAkB,CAAC,EAAE,MAAM,CAAA;IAC3B,+DAA+D;IAC/D,iBAAiB,CAAC,EAAE,MAAM,CAAA;IAC1B,gEAAgE;IAChE,iBAAiB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACrC,yDAAyD;IACzD,gBAAgB,CAAC,EAAE,UAAU,GAAG,IAAI,CAAA;IACpC,qCAAqC;IACrC,IAAI,CAAC,EAAE,OAAO,CAAA;IACd,8IAA8I;IAC9I,QAAQ,CAAC,EAAE,KAAK,CAAC,SAAS,CAAA;IAC1B,qJAAqJ;IACrJ,WAAW,CAAC,EAAE,GAAG,CAAC,OAAO,GAAG,IAAI,CAAA;IAChC,8FAA8F;IAC9F,SAAS,CAAC,EAAE,OAAO,CAAA;IACnB,wEAAwE;IACxE,KAAK,CAAC,EAAE,OAAO,CAAA;IACf,2CAA2C;IAC3C,SAAS,CAAC,EAAE,MAAM,CAAA;IAClB,oJAAoJ;IACpJ,SAAS,CAAC,EAAE,KAAK,CAAC,iBAAiB,CAAC,WAAW,CAAC,GAAG,IAAI,CAAA;IACvD,6HAA6H;IAC7H,QAAQ,CAAC,EAAE,kBAAkB,CAAA;IAC7B,0GAA0G;IAC1G,oBAAoB,CAAC,EAAE,OAAO,CAAA;IAC9B,6DAA6D;IAC7D,UAAU,CAAC,EAAE,OAAO,CAAA;IACpB,sMAAsM;IACtM,YAAY,CAAC,EAAE,WAAW,GAAG,UAAU,GAAG,MAAM,CAAA;CACjD"}

package/build/types/src/components/Modal/Modal.stories.d.ts

@@ -0,0 +1,82 @@
+import { default as React } from 'react';
+import { ModalProps } from './Modal.component';
+type TemplateProps = {
+    closeOnConfirm: boolean;
+} & ModalProps;
+type StoryFunction = () => React.ReactNode;
+declare const _default: {
+    title: string;
+    component: React.FC<ModalProps>;
+    argTypes: {
+        children: {
+            control: boolean;
+        };
+        modalFooter: {
+            control: boolean;
+        };
+    };
+    parameters: {
+        actions: {
+            argTypesRegex: null;
+        };
+    };
+    decorators: ((story: StoryFunction) => React.JSX.Element)[];
+};
+export default _default;
+export declare const Default: {
+    render: ({ closeOnConfirm, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element;
+    };
+};
+export declare const SimpleConfirmDialog: {
+    render: ({ closeOnConfirm, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element;
+        cancelButtonLabel: string;
+        confirmButtonLabel: string;
+    };
+};
+export declare const AutoFocusDialog: {
+    render: ({ closeOnConfirm, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        children: React.JSX.Element;
+        initialFocus: string;
+    };
+};
+export declare const LargeWithTitle: {
+    render: ({ closeOnConfirm, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        size: string;
+        title: string;
+        confirmButtonLabel: string;
+        closeOnConfirm: boolean;
+        children: React.JSX.Element;
+    };
+};
+export declare const NonCloseable: {
+    render: ({ closeOnConfirm, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        title: string;
+        children: string;
+        closeable: boolean;
+    };
+};
+export declare const CloseOnBackdropClick: {
+    render: ({ closeOnConfirm, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        title: string;
+        children: React.JSX.Element;
+        closeOnBackdropClick: boolean;
+    };
+};
+export declare const CustomModalFooter: {
+    render: ({ closeOnConfirm, ...args }: TemplateProps) => React.JSX.Element;
+    args: {
+        title: string;
+        size: string;
+        children: React.JSX.Element;
+        modalFooter: React.JSX.Element;
+    };
+};
+//# sourceMappingURL=Modal.stories.d.ts.map

package/build/types/src/components/Modal/Modal.stories.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.stories.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.stories.tsx"],"names":[],"mappings":"AAKA,OAAO,KAAmB,MAAM,OAAO,CAAA;AACvC,OAAO,EAAS,UAAU,EAAE,MAAM,mBAAmB,CAAA;AAQrD,KAAK,aAAa,GAAG;IACnB,cAAc,EAAE,OAAO,CAAA;CACxB,GAAG,UAAU,CAAA;AAuBd,KAAK,aAAa,GAAG,MAAM,KAAK,CAAC,SAAS,CAAA;;;;;;;;;;;;;;;;;yBAcnB,aAAa;;AAZpC,wBAaC;AAED,eAAO,MAAM,OAAO;0CAtC2B,aAAa;;;;CA2C3D,CAAA;AAED,eAAO,MAAM,mBAAmB;0CA7Ce,aAAa;;;;;;CAoD3D,CAAA;AAED,eAAO,MAAM,eAAe;0CAtDmB,aAAa;;;;;CA4D3D,CAAA;AAED,eAAO,MAAM,cAAc;0CA9DoB,aAAa;;;;;;;;CAuE3D,CAAA;AAED,eAAO,MAAM,YAAY;0CAzEsB,aAAa;;;;;;CAiF3D,CAAA;AAED,eAAO,MAAM,oBAAoB;0CAnFc,aAAa;;;;;;CA0F3D,CAAA;AAED,eAAO,MAAM,iBAAiB;0CA5FiB,aAAa;;;;;;;CAgH3D,CAAA"}

package/build/types/src/components/Modal/Modal.test.d.ts

@@ -0,0 +1,2 @@
+export {};
+//# sourceMappingURL=Modal.test.d.ts.map

package/build/types/src/components/Modal/Modal.test.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"Modal.test.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/Modal.test.tsx"],"names":[],"mappings":""}

package/build/types/src/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { Modal } from './Modal.component';
+//# sourceMappingURL=index.d.ts.map

package/build/types/src/components/Modal/index.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"index.d.ts","sourceRoot":"","sources":["../../../../../src/components/Modal/index.ts"],"names":[],"mappings":"AAKA,OAAO,EAAE,KAAK,EAAE,MAAM,mBAAmB,CAAA"}