@bcgov/design-system-react-components 0.5.2-pr605 → 0.5.2-pr618

package/dist/index.d.ts

@@ -1,5 +1,5 @@
 import * as react_jsx_runtime from 'react/jsx-runtime';
-import { DisclosureProps, DisclosureGroupProps, DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, HeadingProps as HeadingProps$1, LinkProps as LinkProps$1, 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, TextProps as TextProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
+import { DisclosureProps, DisclosureGroupProps, DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CalendarProps, DateValue, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, DatePickerProps as DatePickerProps$1, FormProps, HeadingProps as HeadingProps$1, LinkProps as LinkProps$1, 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, TextProps as TextProps$1, TextFieldProps as TextFieldProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, SwitchProps as SwitchProps$1, TooltipProps, NumberFieldProps as NumberFieldProps$1 } from 'react-aria-components';
 export { DialogTrigger, TooltipTrigger } from 'react-aria-components';
 import { PropsWithChildren } from 'react';
 
@@ -60,6 +60,8 @@ interface ButtonGroupProps extends React.PropsWithChildren {
 }
 declare function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
 
+declare function Calendar({ ...props }: CalendarProps<DateValue>): react_jsx_runtime.JSX.Element;
+
 interface CalloutProps extends React.PropsWithChildren {
     variant?: "lightGrey" | "lightBlue" | "lightGold" | "Blue" | "Grey" | "Black";
     title?: string;
@@ -82,6 +84,18 @@ interface CheckboxGroupProps extends CheckboxGroupProps$1 {
 }
 declare function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
 
+interface DatePickerProps<T extends DateValue> extends DatePickerProps$1<T> {
+    size?: "small" | "medium";
+    isCalendarDisabled?: boolean;
+    label?: string;
+    description?: string;
+    showFormatHelpText?: boolean;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+    isBrowserLocaleUsed?: boolean;
+}
+
+declare function DatePicker<T extends DateValue>({ size, label, description, errorMessage, showFormatHelpText, isRequired, isCalendarDisabled, isBrowserLocaleUsed, ...props }: DatePickerProps<T>): react_jsx_runtime.JSX.Element;
+
 interface DialogProps extends DialogProps$1 {
     isCloseable?: boolean;
 }
@@ -276,6 +290,10 @@ declare function SvgBetaIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
+declare function SvgCalendarIcon({ ...props }: {
+    [x: string]: any;
+}): react_jsx_runtime.JSX.Element;
+
 declare function SvgCheckIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
@@ -284,23 +302,31 @@ declare function SvgCheckCircleIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function SvgDashIcon({ id }: {
+declare function SvgChevronUpIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function SvgExclamationIcon({ id }: {
+declare function SvgChevronDownIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function SvgExclamationCircleIcon({ id, }: {
+declare function SvgChevronLeftIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function SvgChevronUpIcon({ id }: {
+declare function SvgChevronRightIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
-declare function SvgChevronDownIcon({ id }: {
+declare function SvgDashIcon$1({ 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;
 
@@ -312,10 +338,28 @@ declare function SvgInfoIcon({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
+declare function SvgDashIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
+declare function SvgPlusIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 declare function SvgTooltipArrowUp({ id }: {
     id?: string | undefined;
 }): react_jsx_runtime.JSX.Element;
 
+interface SvgUpRightFromSquareIconProps {
+    size?: 16 | 20;
+    id?: string;
+}
+declare function SvgUpRightFromSquareIcon({ size, id, }: SvgUpRightFromSquareIconProps): react_jsx_runtime.JSX.Element;
+
+declare function SvgReactAriaIcon({ id }: {
+    id?: string | undefined;
+}): react_jsx_runtime.JSX.Element;
+
 interface TagProps extends TagProps$1 {
     /**
      * Icon that appears to the left of the `textValue` field
@@ -385,6 +429,18 @@ interface TextFieldProps extends TextFieldProps$1 {
 }
 declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
 
+interface ToggleButtonProps extends ToggleButtonProps$1 {
+    size?: "small" | "medium";
+    isIconButton?: boolean;
+}
+declare function ToggleButton({ size, children, isIconButton, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
+
+interface ToggleButtonGroupProps extends ToggleButtonGroupProps$1 {
+    label?: string;
+    size?: "small" | "medium";
+}
+declare function ToggleButtonGroup({ label, size, children, ...props }: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
+
 interface SwitchProps extends SwitchProps$1 {
     labelPosition?: "left" | "right";
 }
@@ -392,4 +448,12 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
 
 declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
 
-export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, Tooltip };
+interface NumberFieldProps extends NumberFieldProps$1 {
+    size?: "small" | "medium";
+    label?: string;
+    description?: string;
+    errorMessage?: string | ((validation: ValidationResult) => string);
+}
+declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
+
+export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Modal, NumberField, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon$1 as SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgDashIcon as SvgMinusIcon, SvgPlusIcon, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, ToggleButton, ToggleButtonGroup, Tooltip };

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bcgov/design-system-react-components",
-  "version": "0.5.2-pr605",
+  "version": "0.5.2-pr618",
   "repository": {
     "type": "git",
     "url": "git+https://github.com/bcgov/design-system.git",