@bcgov/design-system-react-components 0.1.1 → 0.1.2-rc1

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/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.d.ts

@@ -0,0 +1,3 @@
+export default function SvgCheckCircleIcon({ id }: {
+    id?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from "./SvgCheckCircleIcon";

package/dist/esm/types/components/Icons/SvgCloseIcon/SvgCloseIcon.d.ts

@@ -0,0 +1,3 @@
+export default function SvgCloseIcon({ id }: {
+    id?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from "./SvgCloseIcon";

package/dist/esm/types/components/Icons/SvgExclamationCircleIcon/SvgExclamationCircleIcon.d.ts

@@ -0,0 +1,3 @@
+export default function SvgExclamationCircleIcon({ id, }: {
+    id?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from "./SvgExclamationCircleIcon";

package/dist/esm/types/components/Icons/SvgInfoIcon/SvgInfoIcon.d.ts

@@ -0,0 +1,3 @@
+export default function SvgInfoIcon({ id }: {
+    id?: string | undefined;
+}): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1 @@
+export { default } from "./SvgInfoIcon";

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

@@ -0,0 +1,13 @@
+import React from "react";
+import "./InlineAlert.css";
+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, buttons, children, onClose, ...props }: InlineAlertProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -31,7 +31,10 @@ export interface SelectProps<T extends object> extends ReactAriaSelectProps<T> {
     placeholder?: string;
     /** Defaults to `medium` */
     size?: "small" | "medium";
+    /** Description or helper text that renders below the select input */
+    description?: string;
+    /** Used for data validation and error handling */
     errorMessage?: string | ((validation: ValidationResult) => string);
 }
 /** Select displays a collapsible list of options and allows a user to select one of them. */
-export default function Select<T extends object>({ items, sections, label, placeholder, size, errorMessage, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function Select<T extends object>({ items, sections, label, description, placeholder, size, errorMessage, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,7 @@
+import { SwitchProps as ReactAriaSwitchProps } from "react-aria-components";
+import "./Switch.css";
+export interface SwitchProps extends ReactAriaSwitchProps {
+    children?: React.ReactNode;
+    labelPosition?: "left" | "right";
+}
+export default function Switch({ labelPosition, children, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -1,13 +1,21 @@
 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";
 export { default as Select } from "./Select";
-export { default as SvgBcLogo } from "./SvgBcLogo";
+export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
+export { default as SvgCheckCircleIcon } from "./Icons/SvgCheckCircleIcon";
+export { default as SvgExclamationIcon } from "./Icons/SvgExclamationIcon";
+export { default as SvgExclamationCircleIcon } from "./Icons/SvgExclamationCircleIcon";
+export { default as SvgCloseIcon } from "./Icons/SvgCloseIcon";
+export { default as SvgInfoIcon } from "./Icons/SvgInfoIcon";
 export { default as Tag } from "./Tag";
 export { default as TagGroup } from "./TagGroup";
 export { default as TagList } from "./TagList";
 export { default as TextArea } from "./TextArea";
 export { default as TextField } from "./TextField";
+export { default as Switch } from "./Switch";
 export { default as Tooltip, TooltipTrigger } from "./Tooltip";

package/dist/index.d.ts

@@ -1,7 +1,19 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps as ButtonProps$1, FormProps as FormProps$1, SelectProps as SelectProps$1, ValidationResult, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextFieldProps as TextFieldProps$1, TooltipProps } from 'react-aria-components';
-export { TooltipTrigger } from 'react-aria-components';
 import React$1 from 'react';
+import { ButtonProps as ButtonProps$1, FormProps as FormProps$1, SelectProps as SelectProps$1, ValidationResult, 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';
+
+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, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
 
 interface ButtonProps extends ButtonProps$1 {
     /**
@@ -23,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
@@ -147,15 +166,38 @@ interface SelectProps<T extends object> extends SelectProps$1<T> {
     placeholder?: string;
     /** Defaults to `medium` */
     size?: "small" | "medium";
+    /** Description or helper text that renders below the select input */
+    description?: string;
+    /** Used for data validation and error handling */
     errorMessage?: string | ((validation: ValidationResult) => string);
 }
 /** Select displays a collapsible list of options and allows a user to select one of them. */
-declare function Select<T extends object>({ items, sections, label, placeholder, size, errorMessage, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends object>({ items, sections, label, description, placeholder, size, errorMessage, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 declare function SvgBcLogo({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
+declare function SvgCheckCircleIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SvgExclamationIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SvgExclamationCircleIcon({ id, }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SvgCloseIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SvgInfoIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 interface TagProps extends TagProps$1 {
     /**
      * Icon that appears to the left of the `textValue` field
@@ -210,6 +252,12 @@ interface TextFieldProps extends TextFieldProps$1 {
 }
 declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
 
+interface SwitchProps extends SwitchProps$1 {
+    children?: React.ReactNode;
+    labelPosition?: "left" | "right";
+}
+declare function Switch({ labelPosition, children, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
+
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Button, Footer, FooterLinks, Form, Header, Select, SvgBcLogo, 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.1",
+  "version": "0.1.2-rc1",
   "type": "module",
   "scripts": {
     "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",