@bcgov/design-system-react-components 0.1.2 → 0.1.3-pr449

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

@@ -0,0 +1,7 @@
+import "./ButtonGroup.css";
+export interface ButtonGroupProps extends React.PropsWithChildren {
+    orientation?: "horizontal" | "vertical";
+    alignment?: "start" | "center" | "end";
+    ariaLabel?: string | undefined;
+}
+export default function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,2 @@
+export { default } from "./ButtonGroup";
+export type { ButtonGroupProps } from "./ButtonGroup";

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

@@ -4,9 +4,10 @@ export 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;
 }
-export default function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, children, onClose, ...props }: InlineAlertProps): import("react/jsx-runtime").JSX.Element;
+export default function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,6 +1,7 @@
 import "@bcgov/design-tokens/css/variables.css";
 export { default as InlineAlert } from "./InlineAlert";
 export { default as Button } from "./Button";
+export { default as ButtonGroup } from "./ButtonGroup";
 export { default as Header } from "./Header";
 export { default as Footer, FooterLinks } from "./Footer";
 export { default as Form } from "./Form";

package/dist/index.d.ts

@@ -7,12 +7,13 @@ interface InlineAlertProps extends React$1.PropsWithChildren {
     variant?: "info" | "success" | "warning" | "danger";
     title?: string;
     description?: string;
+    buttons?: React$1.ReactNode;
     isCloseable?: boolean;
     isIconHidden?: boolean;
     role?: React$1.AriaRole | undefined;
     onClose?: () => void;
 }
-declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
+declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1 {
     /**
@@ -34,6 +35,13 @@ interface ButtonProps extends ButtonProps$1 {
 }
 declare function Button({ size, variant, danger, isIconButton, ...props }: ButtonProps): react_jsx_runtime.JSX.Element;
 
+interface ButtonGroupProps extends React.PropsWithChildren {
+    orientation?: "horizontal" | "vertical";
+    alignment?: "start" | "center" | "end";
+    ariaLabel?: string | undefined;
+}
+declare function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
+
 interface HeaderProps {
     /**
      * Link element that surrounds the logo. Use what's appropriate for your
@@ -252,4 +260,4 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
 
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Button, Footer, FooterLinks, Form, Header, InlineAlert, Select, SvgBcLogo, SvgCheckCircleIcon, SvgCloseIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
+export { Button, ButtonGroup, Footer, FooterLinks, Form, Header, InlineAlert, Select, SvgBcLogo, SvgCheckCircleIcon, SvgCloseIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };

package/package.json

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

package/dist/cjs/types/components/Select/ListBoxItem.d.ts

@@ -1,15 +0,0 @@
-import { ListBoxItemProps as ReactAriaListBoxItemProps } from "react-aria-components";
-import "./ListBoxItem.css";
-export interface ListBoxItemProps extends ReactAriaListBoxItemProps {
-    /** Text label for the option. Provide an `id` if this is not unique. */
-    label: string;
-    /** Descriptive text that appears below the option's label */
-    description?: string;
-    /** Marks an option visually with red text to indicate a destructive/dangerous option */
-    isDestructive?: boolean;
-    /** Left icon slot */
-    iconLeft?: React.ReactElement;
-    /** Right icon slot */
-    iconRight?: React.ReactElement;
-}
-export default function ListBoxItem({ id, description, href, label, iconLeft, iconRight, isDestructive, }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/Select/ListBoxItem.d.ts

@@ -1,15 +0,0 @@
-import { ListBoxItemProps as ReactAriaListBoxItemProps } from "react-aria-components";
-import "./ListBoxItem.css";
-export interface ListBoxItemProps extends ReactAriaListBoxItemProps {
-    /** Text label for the option. Provide an `id` if this is not unique. */
-    label: string;
-    /** Descriptive text that appears below the option's label */
-    description?: string;
-    /** Marks an option visually with red text to indicate a destructive/dangerous option */
-    isDestructive?: boolean;
-    /** Left icon slot */
-    iconLeft?: React.ReactElement;
-    /** Right icon slot */
-    iconRight?: React.ReactElement;
-}
-export default function ListBoxItem({ id, description, href, label, iconLeft, iconRight, isDestructive, }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;