@bcgov/design-system-react-components 0.2.1 → 0.2.2-pr472

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

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

package/dist/esm/types/components/Checkbox/Checkbox.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

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

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

@@ -0,0 +1,11 @@
+import type { CheckboxGroupProps as ReactAriaCheckboxGroupProps, ValidationResult } from "react-aria-components";
+import "./CheckboxGroup.css";
+export interface CheckboxGroupProps extends ReactAriaCheckboxGroupProps {
+    orientation?: "horizontal" | "vertical";
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** `flex-wrap` style property, defaults to `nowrap` */
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+}
+export default function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/CheckboxGroup/CheckboxGroup.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

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

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

@@ -1,3 +1,2 @@
 import { FormProps as ReactAriaFormProps } from "react-aria-components";
-export type FormProps = ReactAriaFormProps;
-export default function Form({ ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
+export default function Form({ ...props }: ReactAriaFormProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,2 +1,2 @@
 export { default } from "./Form";
-export type { FormProps } from "./Form";
+export type { FormProps } from "react-aria-components";

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

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

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

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

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

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

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

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

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

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

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

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

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

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

package/dist/esm/types/components/Radio/Radio.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

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

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

@@ -0,0 +1,12 @@
+import { RadioGroupProps as ReactAriaRadioGroupProps, ValidationResult } from "react-aria-components";
+import "./RadioGroup.css";
+export interface RadioGroupProps extends ReactAriaRadioGroupProps {
+    children?: React.ReactNode;
+    orientation?: "vertical" | "horizontal";
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** `flex-wrap` style property, defaults to `nowrap` */
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+}
+export default function RadioGroup({ orientation, label, description, children, errorMessage, flexWrap, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;

package/dist/esm/types/components/RadioGroup/RadioGroup.test.d.ts

@@ -0,0 +1 @@
+import "@testing-library/jest-dom";

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

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

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

@@ -1,7 +1,6 @@
 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/index.d.ts

@@ -2,18 +2,25 @@ 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 Checkbox } from "./Checkbox";
+export { default as CheckboxGroup } from "./CheckboxGroup";
 export { default as Header } from "./Header";
 export { default as Footer, FooterLinks } from "./Footer";
 export { default as Form } from "./Form";
+export { default as Radio } from "./Radio";
+export { default as RadioGroup } from "./RadioGroup";
 export { default as Select } from "./Select";
 export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
+export { default as SvgCheckIcon } from "./Icons/SvgCheckIcon";
 export { default as SvgCheckCircleIcon } from "./Icons/SvgCheckCircleIcon";
+export { default as SvgDashIcon } from "./Icons/SvgDashIcon";
 export { default as SvgExclamationIcon } from "./Icons/SvgExclamationIcon";
 export { default as SvgExclamationCircleIcon } from "./Icons/SvgExclamationCircleIcon";
 export { default as SvgChevronUpIcon } from "./Icons/SvgChevronUpIcon";
 export { default as SvgChevronDownIcon } from "./Icons/SvgChevronDownIcon";
 export { default as SvgCloseIcon } from "./Icons/SvgCloseIcon";
 export { default as SvgInfoIcon } from "./Icons/SvgInfoIcon";
+export { default as SvgTooltipArrowUp } from "./Icons/SvgTooltipArrowUp";
 export { default as Tag } from "./Tag";
 export { default as TagGroup } from "./TagGroup";
 export { default as TagList } from "./TagList";

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 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, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
+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';
 
@@ -42,6 +42,18 @@ interface ButtonGroupProps extends React.PropsWithChildren {
 }
 declare function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
+declare function Checkbox({ value, children, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
+
+interface CheckboxGroupProps extends CheckboxGroupProps$1 {
+    orientation?: "horizontal" | "vertical";
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** `flex-wrap` style property, defaults to `nowrap` */
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+}
+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
@@ -132,9 +144,21 @@ interface FooterProps {
  */
 declare function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React.PropsWithChildren<FooterProps>): react_jsx_runtime.JSX.Element;
 
-type FormProps = FormProps$1;
 declare function Form({ ...props }: FormProps): react_jsx_runtime.JSX.Element;
 
+declare function Radio({ value, children, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
+
+interface RadioGroupProps extends RadioGroupProps$1 {
+    children?: React.ReactNode;
+    orientation?: "vertical" | "horizontal";
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    /** `flex-wrap` style property, defaults to `nowrap` */
+    flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
+}
+declare function RadioGroup({ orientation, label, description, children, errorMessage, flexWrap, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
+
 interface ListBoxItemProps extends ListBoxItemProps$1 {
     /** Text label for the option. Provide an `id` if this is not unique. */
     label: string;
@@ -177,10 +201,18 @@ declare function SvgBcLogo({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
+declare function SvgCheckIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 declare function SvgCheckCircleIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
+declare function SvgDashIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 declare function SvgExclamationIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
@@ -205,6 +237,10 @@ declare function SvgInfoIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
+declare function SvgTooltipArrowUp({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 interface TagProps extends TagProps$1 {
     /**
      * Icon that appears to the left of the `textValue` field
@@ -260,11 +296,10 @@ 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, ButtonGroup, Footer, FooterLinks, Form, Header, InlineAlert, Select, SvgBcLogo, SvgCheckCircleIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
+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 };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-system-react-components",
-  "version": "0.2.1",
+  "version": "0.2.2-pr472",
   "type": "module",
   "scripts": {
     "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
@@ -37,22 +37,22 @@
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-typescript": "11.1.6",
-    "@storybook/addon-a11y": "8.2.9",
-    "@storybook/addon-essentials": "8.2.9",
-    "@storybook/addon-interactions": "8.2.9",
-    "@storybook/addon-links": "8.2.9",
-    "@storybook/blocks": "8.2.9",
-    "@storybook/react": "8.2.9",
-    "@storybook/react-vite": "8.2.9",
-    "@storybook/test": "8.2.9",
+    "@storybook/addon-a11y": "8.3.0",
+    "@storybook/addon-essentials": "8.3.0",
+    "@storybook/addon-interactions": "8.3.0",
+    "@storybook/addon-links": "8.3.0",
+    "@storybook/blocks": "8.3.0",
+    "@storybook/react": "8.3.0",
+    "@storybook/react-vite": "8.3.0",
+    "@storybook/test": "8.3.0",
     "@storybook/test-runner": "0.19.1",
     "@testing-library/jest-dom": "6.5.0",
-    "@testing-library/react": "16.0.0",
+    "@testing-library/react": "16.0.1",
     "@types/jest": "29.5.12",
-    "@types/react": "18.3.4",
+    "@types/react": "18.3.5",
     "@types/react-dom": "18.3.0",
-    "@typescript-eslint/eslint-plugin": "8.3.0",
-    "@typescript-eslint/parser": "8.3.0",
+    "@typescript-eslint/eslint-plugin": "8.5.0",
+    "@typescript-eslint/parser": "8.5.0",
     "@vitejs/plugin-react": "4.3.1",
     "axe-playwright": "2.0.2",
     "eslint": "8.57.0",
@@ -62,16 +62,19 @@
     "identity-obj-proxy": "3.0.0",
     "jest": "29.7.0",
     "jest-environment-jsdom": "29.7.0",
-    "rollup": "4.21.1",
+    "rollup": "4.21.2",
     "rollup-plugin-dts": "6.1.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "storybook": "8.2.9",
+    "storybook": "8.3.0",
     "ts-jest": "29.2.5",
     "ts-node": "10.9.2",
     "tslib": "2.7.0",
     "typescript": "5.5.4",
-    "vite": "5.4.2"
+    "vite": "5.4.4"
+  },
+  "optionalDependencies": {
+    "@rollup/rollup-linux-x64-gnu": "*"
   },
   "author": "Tyler Krys <Tyler.Krys@gov.bc.ca>",
   "license": "Apache-2.0",