@bcgov/design-system-react-components 0.0.7 → 0.0.8-rc1

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

@@ -1,5 +1,5 @@
 import React from "react";
-import { Key, ListBoxItemProps as ReactAriaListBoxItemProps, SelectProps as ReactAriaSelectProps } from "react-aria-components";
+import { Key, ListBoxItemProps as ReactAriaListBoxItemProps, SelectProps as ReactAriaSelectProps, ValidationResult } from "react-aria-components";
 import "./Select.css";
 export interface ListBoxItemProps extends ReactAriaListBoxItemProps {
     /** Text label for the option. Provide an `id` if this is not unique. */
@@ -31,6 +31,7 @@ export interface SelectProps<T extends object> extends ReactAriaSelectProps<T> {
     placeholder?: string;
     /** Defaults to `medium` */
     size?: "small" | "medium";
+    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, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
+export default function Select<T extends object>({ items, sections, label, placeholder, size, errorMessage, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;

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

@@ -0,0 +1,12 @@
+/// <reference types="react" />
+import { TextFieldProps as ReactAriaTextFieldProps, ValidationResult } from "react-aria-components";
+import "./TextField.css";
+export interface TextFieldProps extends ReactAriaTextFieldProps {
+    size?: "medium" | "small";
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    iconLeft?: React.ReactElement;
+    iconRight?: React.ReactElement;
+}
+export default function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): import("react/jsx-runtime").JSX.Element;

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

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

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

@@ -7,4 +7,5 @@ export { default as SvgBcLogo } from "./SvgBcLogo";
 export { default as Tag } from "./Tag";
 export { default as TagGroup } from "./TagGroup";
 export { default as TagList } from "./TagList";
+export { default as TextField } from "./TextField";
 export { default as Tooltip, TooltipTrigger } from "./Tooltip";

package/dist/index.d.ts

@@ -1,6 +1,6 @@
 /// <reference types="react" />
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { ButtonProps as ButtonProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TooltipProps } from 'react-aria-components';
+import { ButtonProps as ButtonProps$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';
 
@@ -144,9 +144,10 @@ interface SelectProps<T extends object> extends SelectProps$1<T> {
     placeholder?: string;
     /** Defaults to `medium` */
     size?: "small" | "medium";
+    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, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
+declare function Select<T extends object>({ items, sections, label, placeholder, size, errorMessage, ...props }: SelectProps<T>): react_jsx_runtime.JSX.Element;
 
 declare function SvgBcLogo({ id }: {
     id?: string | undefined;
@@ -189,6 +190,16 @@ interface TagListProps<T> extends Pick<TagListProps$1<T>, "children" | "renderEm
 }
 declare function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>): react_jsx_runtime.JSX.Element;
 
+interface TextFieldProps extends TextFieldProps$1 {
+    size?: "medium" | "small";
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    iconLeft?: React.ReactElement;
+    iconRight?: React.ReactElement;
+}
+declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
+
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Button, Footer, FooterLinks, Header, Select, SvgBcLogo, Tag, TagGroup, TagList, Tooltip };
+export { Button, Footer, FooterLinks, Header, Select, SvgBcLogo, Tag, TagGroup, TagList, TextField, Tooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-system-react-components",
-  "version": "0.0.7",
+  "version": "0.0.8-rc1",
   "type": "module",
   "scripts": {
     "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
@@ -37,15 +37,15 @@
     "@rollup/plugin-json": "6.1.0",
     "@rollup/plugin-node-resolve": "15.2.3",
     "@rollup/plugin-typescript": "11.1.6",
-    "@storybook/addon-a11y": "8.1.5",
-    "@storybook/addon-essentials": "8.1.5",
-    "@storybook/addon-interactions": "8.1.5",
-    "@storybook/addon-links": "8.1.5",
-    "@storybook/blocks": "8.1.5",
-    "@storybook/react": "8.1.5",
-    "@storybook/react-vite": "8.1.5",
-    "@storybook/test": "8.1.5",
-    "@storybook/test-runner": "0.18.2",
+    "@storybook/addon-a11y": "8.2.3",
+    "@storybook/addon-essentials": "8.2.3",
+    "@storybook/addon-interactions": "8.2.3",
+    "@storybook/addon-links": "8.2.3",
+    "@storybook/blocks": "8.2.3",
+    "@storybook/react": "8.2.3",
+    "@storybook/react-vite": "8.2.3",
+    "@storybook/test": "8.2.3",
+    "@storybook/test-runner": "0.19.1",
     "@testing-library/jest-dom": "6.4.5",
     "@testing-library/react": "16.0.0",
     "@types/jest": "29.5.12",
@@ -66,7 +66,7 @@
     "rollup-plugin-dts": "6.1.1",
     "rollup-plugin-peer-deps-external": "2.2.4",
     "rollup-plugin-postcss": "4.0.2",
-    "storybook": "8.1.5",
+    "storybook": "8.2.3",
     "ts-jest": "29.1.4",
     "ts-node": "10.9.2",
     "tslib": "2.6.2",