@bcgov/design-system-react-components 0.2.4-rc1 → 0.2.4-rc3

package/dist/esm/types/components/AlertDialog/AlertDialog.d.ts

@@ -0,0 +1,13 @@
+import { DialogTrigger, DialogProps as ReactAriaDialogProps } from "react-aria-components";
+import "./AlertDialog.css";
+import React from "react";
+export interface AlertDialogProps extends ReactAriaDialogProps {
+    variant?: "info" | "confirmation" | "warning" | "error" | "destructive";
+    title?: string;
+    description?: string;
+    isIconHidden?: boolean;
+    isCloseable?: boolean;
+    buttons?: React.ReactNode;
+}
+export default function AlertDialog({ variant, role, title, isCloseable, isIconHidden, description, buttons, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
+export { DialogTrigger };

package/dist/esm/types/components/AlertDialog/index.d.ts

@@ -0,0 +1,2 @@
+export { default, DialogTrigger } from "./AlertDialog";
+export type { AlertDialogProps } from "./AlertDialog";

package/dist/esm/types/components/Dialog/Dialog.d.ts

@@ -0,0 +1,7 @@
+import { DialogTrigger, DialogProps as ReactAriaDialogProps } from "react-aria-components";
+import "./Dialog.css";
+export interface DialogProps extends ReactAriaDialogProps {
+    isCloseable?: boolean;
+}
+export default function Dialog({ isCloseable, role, children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
+export { DialogTrigger };

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

@@ -0,0 +1,2 @@
+export { default, DialogTrigger } from "./Dialog";
+export type { DialogProps } from "./Dialog";

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

@@ -0,0 +1,3 @@
+import { ModalOverlayProps } from "react-aria-components";
+import "./Modal.css";
+export default function Modal({ children, ...props }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Modal/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./Modal";
+export type { ModalOverlayProps } from "react-aria-components";

package/dist/esm/types/components/ModalOverlay/ModalOverlay.d.ts

@@ -0,0 +1,3 @@
+import { ModalOverlayProps } from "react-aria-components";
+import "./ModalOverlay.css";
+export default function ModalOverlay({ ...props }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/ModalOverlay/index.d.ts

@@ -0,0 +1,2 @@
+export { default } from "./ModalOverlay";
+export type { ModalOverlayProps } from "react-aria-components";

package/dist/esm/types/components/index.d.ts

@@ -1,12 +1,15 @@
 import "@bcgov/design-tokens/css/variables.css";
-export { default as InlineAlert } from "./InlineAlert";
+export { default as AlertDialog } from "./AlertDialog";
 export { default as Button } from "./Button";
 export { default as ButtonGroup } from "./ButtonGroup";
 export { default as Checkbox } from "./Checkbox";
 export { default as CheckboxGroup } from "./CheckboxGroup";
-export { default as Header } from "./Header";
+export { default as Dialog, DialogTrigger } from "./Dialog";
 export { default as Footer, FooterLinks } from "./Footer";
 export { default as Form } from "./Form";
+export { default as Header } from "./Header";
+export { default as InlineAlert } from "./InlineAlert";
+export { default as Modal } from "./Modal";
 export { default as Radio } from "./Radio";
 export { default as RadioGroup } from "./RadioGroup";
 export { default as Select } from "./Select";

package/dist/index.d.ts

@@ -1,19 +1,17 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
-export { TooltipTrigger } from 'react-aria-components';
-import { PropsWithChildren } from 'react';
+import { DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, ModalOverlayProps, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
+export { DialogTrigger, TooltipTrigger } from 'react-aria-components';
+import React$1, { PropsWithChildren } from 'react';
 
-interface InlineAlertProps extends React.PropsWithChildren {
-    variant?: "info" | "success" | "warning" | "danger";
+interface AlertDialogProps extends DialogProps$1 {
+    variant?: "info" | "confirmation" | "warning" | "error" | "destructive";
     title?: string;
     description?: string;
-    buttons?: React.ReactNode;
-    isCloseable?: boolean;
     isIconHidden?: boolean;
-    role?: React.AriaRole | undefined;
-    onClose?: () => void;
+    isCloseable?: boolean;
+    buttons?: React$1.ReactNode;
 }
-declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
+declare function AlertDialog({ variant, role, title, isCloseable, isIconHidden, description, buttons, ...props }: AlertDialogProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1 {
     /**
@@ -54,33 +52,10 @@ interface CheckboxGroupProps extends CheckboxGroupProps$1 {
 }
 declare function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 
-interface HeaderProps {
-    /**
-     * Link element that surrounds the logo. Use what's appropriate for your
-     * router, like a `<Link>`. Defaults to a generic HTML link element like
-     * `<a href="/" title="Government of British Columbia">`
-     */
-    logoLinkElement?: React.ReactElement;
-    /**
-     * Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
-     */
-    logoImage?: JSX.Element;
-    /**
-     * Array of link elements that are not visible until they are focused. Used
-     * for accessibility for keyboard users, to let them easily skip to main
-     * content, navigation, etc.
-     */
-    skipLinks?: React.ReactElement[];
-    /**
-     * Header title text that appears to the right of the logo.
-     */
-    title?: string;
-    /**
-     * Desired element that renders the `title` string. Defaults to `<span>`.
-     */
-    titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
+interface DialogProps extends DialogProps$1 {
+    isCloseable?: boolean;
 }
-declare function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>): react_jsx_runtime.JSX.Element;
+declare function Dialog({ isCloseable, role, children, ...props }: DialogProps): react_jsx_runtime.JSX.Element;
 
 interface FooterLinksProps {
     /**
@@ -146,6 +121,48 @@ declare function Footer({ children, acknowledgement, logo, contact, links, copyr
 
 declare function Form({ ...props }: FormProps): react_jsx_runtime.JSX.Element;
 
+interface HeaderProps {
+    /**
+     * Link element that surrounds the logo. Use what's appropriate for your
+     * router, like a `<Link>`. Defaults to a generic HTML link element like
+     * `<a href="/" title="Government of British Columbia">`
+     */
+    logoLinkElement?: React.ReactElement;
+    /**
+     * Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
+     */
+    logoImage?: JSX.Element;
+    /**
+     * Array of link elements that are not visible until they are focused. Used
+     * for accessibility for keyboard users, to let them easily skip to main
+     * content, navigation, etc.
+     */
+    skipLinks?: React.ReactElement[];
+    /**
+     * Header title text that appears to the right of the logo.
+     */
+    title?: string;
+    /**
+     * Desired element that renders the `title` string. Defaults to `<span>`.
+     */
+    titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
+}
+declare function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>): react_jsx_runtime.JSX.Element;
+
+interface InlineAlertProps extends React.PropsWithChildren {
+    variant?: "info" | "success" | "warning" | "danger";
+    title?: string;
+    description?: string;
+    buttons?: React.ReactNode;
+    isCloseable?: boolean;
+    isIconHidden?: boolean;
+    role?: React.AriaRole | undefined;
+    onClose?: () => void;
+}
+declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
+
+declare function Modal({ children, ...props }: ModalOverlayProps): react_jsx_runtime.JSX.Element;
+
 declare function Radio({ value, children, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
 
 interface RadioGroupProps extends RadioGroupProps$1 {
@@ -302,4 +319,4 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
 
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Button, ButtonGroup, Checkbox, CheckboxGroup, Footer, FooterLinks, Form, Header, InlineAlert, Radio, RadioGroup, Select, SvgBcLogo, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
+export { AlertDialog, Button, ButtonGroup, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, InlineAlert, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-system-react-components",
-  "version": "0.2.4-rc1",
+  "version": "0.2.4-rc3",
   "type": "module",
   "scripts": {
     "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",