@bcgov/design-system-react-components 0.5.2-pr → 0.5.2-pr575

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
Files changed (203) hide show
  1. package/README.md +36 -6
  2. package/dist/cjs/index.cjs +2967 -873
  3. package/dist/cjs/index.cjs.map +1 -1
  4. package/dist/esm/index.js +2965 -874
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/index.d.ts +22 -5
  7. package/package.json +56 -43
  8. package/dist/cjs/types/components/Accordion/Accordion.d.ts +0 -6
  9. package/dist/cjs/types/components/Accordion/index.d.ts +0 -2
  10. package/dist/cjs/types/components/AccordionGroup/AccordionGroup.d.ts +0 -7
  11. package/dist/cjs/types/components/AccordionGroup/index.d.ts +0 -2
  12. package/dist/cjs/types/components/AlertBanner/AlertBanner.d.ts +0 -10
  13. package/dist/cjs/types/components/AlertBanner/index.d.ts +0 -2
  14. package/dist/cjs/types/components/AlertDialog/AlertDialog.d.ts +0 -11
  15. package/dist/cjs/types/components/AlertDialog/AlertDialog.test.d.ts +0 -1
  16. package/dist/cjs/types/components/AlertDialog/index.d.ts +0 -2
  17. package/dist/cjs/types/components/Button/Button.d.ts +0 -21
  18. package/dist/cjs/types/components/Button/Button.test.d.ts +0 -1
  19. package/dist/cjs/types/components/Button/index.d.ts +0 -2
  20. package/dist/cjs/types/components/ButtonGroup/ButtonGroup.d.ts +0 -7
  21. package/dist/cjs/types/components/ButtonGroup/ButtonGroup.test.d.ts +0 -1
  22. package/dist/cjs/types/components/ButtonGroup/index.d.ts +0 -2
  23. package/dist/cjs/types/components/Callout/Callout.d.ts +0 -10
  24. package/dist/cjs/types/components/Callout/index.d.ts +0 -2
  25. package/dist/cjs/types/components/Checkbox/Checkbox.d.ts +0 -3
  26. package/dist/cjs/types/components/Checkbox/Checkbox.test.d.ts +0 -1
  27. package/dist/cjs/types/components/Checkbox/index.d.ts +0 -2
  28. package/dist/cjs/types/components/CheckboxGroup/CheckboxGroup.d.ts +0 -11
  29. package/dist/cjs/types/components/CheckboxGroup/CheckboxGroup.test.d.ts +0 -1
  30. package/dist/cjs/types/components/CheckboxGroup/index.d.ts +0 -2
  31. package/dist/cjs/types/components/Dialog/Dialog.d.ts +0 -11
  32. package/dist/cjs/types/components/Dialog/Dialog.test.d.ts +0 -1
  33. package/dist/cjs/types/components/Dialog/index.d.ts +0 -2
  34. package/dist/cjs/types/components/Footer/Footer.d.ts +0 -62
  35. package/dist/cjs/types/components/Footer/Footer.test.d.ts +0 -1
  36. package/dist/cjs/types/components/Footer/index.d.ts +0 -2
  37. package/dist/cjs/types/components/Form/Form.d.ts +0 -2
  38. package/dist/cjs/types/components/Form/Form.test.d.ts +0 -1
  39. package/dist/cjs/types/components/Form/index.d.ts +0 -2
  40. package/dist/cjs/types/components/Header/Header.d.ts +0 -29
  41. package/dist/cjs/types/components/Header/Header.test.d.ts +0 -1
  42. package/dist/cjs/types/components/Header/index.d.ts +0 -2
  43. package/dist/cjs/types/components/Heading/Heading.d.ts +0 -7
  44. package/dist/cjs/types/components/Heading/index.d.ts +0 -2
  45. package/dist/cjs/types/components/Icons/SvgBcLogo/SvgBcLogo.d.ts +0 -3
  46. package/dist/cjs/types/components/Icons/SvgBcLogo/index.d.ts +0 -1
  47. package/dist/cjs/types/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.d.ts +0 -3
  48. package/dist/cjs/types/components/Icons/SvgBcOutlineIcon/index.d.ts +0 -1
  49. package/dist/cjs/types/components/Icons/SvgBetaIcon/SvgBetaIcon.d.ts +0 -3
  50. package/dist/cjs/types/components/Icons/SvgBetaIcon/index.d.ts +0 -1
  51. package/dist/cjs/types/components/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.d.ts +0 -3
  52. package/dist/cjs/types/components/Icons/SvgCheckCircleIcon/index.d.ts +0 -1
  53. package/dist/cjs/types/components/Icons/SvgCheckIcon/SvgCheckIcon.d.ts +0 -3
  54. package/dist/cjs/types/components/Icons/SvgCheckIcon/index.d.ts +0 -1
  55. package/dist/cjs/types/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.d.ts +0 -3
  56. package/dist/cjs/types/components/Icons/SvgChevronDownIcon/index.d.ts +0 -1
  57. package/dist/cjs/types/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.d.ts +0 -3
  58. package/dist/cjs/types/components/Icons/SvgChevronUpIcon/index.d.ts +0 -1
  59. package/dist/cjs/types/components/Icons/SvgCloseIcon/SvgCloseIcon.d.ts +0 -3
  60. package/dist/cjs/types/components/Icons/SvgCloseIcon/index.d.ts +0 -1
  61. package/dist/cjs/types/components/Icons/SvgDashIcon/SvgDashIcon.d.ts +0 -3
  62. package/dist/cjs/types/components/Icons/SvgDashIcon/index.d.ts +0 -1
  63. package/dist/cjs/types/components/Icons/SvgExclamationCircleIcon/SvgExclamationCircleIcon.d.ts +0 -3
  64. package/dist/cjs/types/components/Icons/SvgExclamationCircleIcon/index.d.ts +0 -1
  65. package/dist/cjs/types/components/Icons/SvgExclamationIcon/SvgExclamationIcon.d.ts +0 -3
  66. package/dist/cjs/types/components/Icons/SvgExclamationIcon/index.d.ts +0 -1
  67. package/dist/cjs/types/components/Icons/SvgInfoIcon/SvgInfoIcon.d.ts +0 -3
  68. package/dist/cjs/types/components/Icons/SvgInfoIcon/index.d.ts +0 -1
  69. package/dist/cjs/types/components/Icons/SvgTooltipArrowUp/SvgTooltipArrowUp.d.ts +0 -3
  70. package/dist/cjs/types/components/Icons/SvgTooltipArrowUp/index.d.ts +0 -1
  71. package/dist/cjs/types/components/InlineAlert/InlineAlert.d.ts +0 -12
  72. package/dist/cjs/types/components/InlineAlert/InlineAlert.test.d.ts +0 -1
  73. package/dist/cjs/types/components/InlineAlert/index.d.ts +0 -2
  74. package/dist/cjs/types/components/Link/Link.d.ts +0 -15
  75. package/dist/cjs/types/components/Link/index.d.ts +0 -2
  76. package/dist/cjs/types/components/Modal/Modal.d.ts +0 -3
  77. package/dist/cjs/types/components/Modal/Modal.test.d.ts +0 -1
  78. package/dist/cjs/types/components/Modal/index.d.ts +0 -2
  79. package/dist/cjs/types/components/Radio/Radio.d.ts +0 -3
  80. package/dist/cjs/types/components/Radio/Radio.test.d.ts +0 -1
  81. package/dist/cjs/types/components/Radio/index.d.ts +0 -2
  82. package/dist/cjs/types/components/RadioGroup/RadioGroup.d.ts +0 -12
  83. package/dist/cjs/types/components/RadioGroup/RadioGroup.test.d.ts +0 -1
  84. package/dist/cjs/types/components/RadioGroup/index.d.ts +0 -2
  85. package/dist/cjs/types/components/Select/Select.d.ts +0 -39
  86. package/dist/cjs/types/components/Select/index.d.ts +0 -2
  87. package/dist/cjs/types/components/Switch/Switch.d.ts +0 -6
  88. package/dist/cjs/types/components/Switch/Switch.test.d.ts +0 -1
  89. package/dist/cjs/types/components/Switch/index.d.ts +0 -2
  90. package/dist/cjs/types/components/Tag/Tag.d.ts +0 -21
  91. package/dist/cjs/types/components/Tag/index.d.ts +0 -2
  92. package/dist/cjs/types/components/TagGroup/TagGroup.d.ts +0 -17
  93. package/dist/cjs/types/components/TagGroup/index.d.ts +0 -2
  94. package/dist/cjs/types/components/TagList/TagList.d.ts +0 -11
  95. package/dist/cjs/types/components/TagList/index.d.ts +0 -2
  96. package/dist/cjs/types/components/Text/Text.d.ts +0 -8
  97. package/dist/cjs/types/components/Text/index.d.ts +0 -2
  98. package/dist/cjs/types/components/TextArea/TextArea.d.ts +0 -8
  99. package/dist/cjs/types/components/TextArea/index.d.ts +0 -2
  100. package/dist/cjs/types/components/TextField/TextField.d.ts +0 -11
  101. package/dist/cjs/types/components/TextField/index.d.ts +0 -2
  102. package/dist/cjs/types/components/Tooltip/Tooltip.d.ts +0 -5
  103. package/dist/cjs/types/components/Tooltip/index.d.ts +0 -2
  104. package/dist/cjs/types/components/index.d.ts +0 -42
  105. package/dist/cjs/types/index.d.ts +0 -1
  106. package/dist/esm/types/components/Accordion/Accordion.d.ts +0 -6
  107. package/dist/esm/types/components/Accordion/index.d.ts +0 -2
  108. package/dist/esm/types/components/AccordionGroup/AccordionGroup.d.ts +0 -7
  109. package/dist/esm/types/components/AccordionGroup/index.d.ts +0 -2
  110. package/dist/esm/types/components/AlertBanner/AlertBanner.d.ts +0 -10
  111. package/dist/esm/types/components/AlertBanner/index.d.ts +0 -2
  112. package/dist/esm/types/components/AlertDialog/AlertDialog.d.ts +0 -11
  113. package/dist/esm/types/components/AlertDialog/AlertDialog.test.d.ts +0 -1
  114. package/dist/esm/types/components/AlertDialog/index.d.ts +0 -2
  115. package/dist/esm/types/components/Button/Button.d.ts +0 -21
  116. package/dist/esm/types/components/Button/Button.test.d.ts +0 -1
  117. package/dist/esm/types/components/Button/index.d.ts +0 -2
  118. package/dist/esm/types/components/ButtonGroup/ButtonGroup.d.ts +0 -7
  119. package/dist/esm/types/components/ButtonGroup/ButtonGroup.test.d.ts +0 -1
  120. package/dist/esm/types/components/ButtonGroup/index.d.ts +0 -2
  121. package/dist/esm/types/components/Callout/Callout.d.ts +0 -10
  122. package/dist/esm/types/components/Callout/index.d.ts +0 -2
  123. package/dist/esm/types/components/Checkbox/Checkbox.d.ts +0 -3
  124. package/dist/esm/types/components/Checkbox/Checkbox.test.d.ts +0 -1
  125. package/dist/esm/types/components/Checkbox/index.d.ts +0 -2
  126. package/dist/esm/types/components/CheckboxGroup/CheckboxGroup.d.ts +0 -11
  127. package/dist/esm/types/components/CheckboxGroup/CheckboxGroup.test.d.ts +0 -1
  128. package/dist/esm/types/components/CheckboxGroup/index.d.ts +0 -2
  129. package/dist/esm/types/components/Dialog/Dialog.d.ts +0 -11
  130. package/dist/esm/types/components/Dialog/Dialog.test.d.ts +0 -1
  131. package/dist/esm/types/components/Dialog/index.d.ts +0 -2
  132. package/dist/esm/types/components/Footer/Footer.d.ts +0 -62
  133. package/dist/esm/types/components/Footer/Footer.test.d.ts +0 -1
  134. package/dist/esm/types/components/Footer/index.d.ts +0 -2
  135. package/dist/esm/types/components/Form/Form.d.ts +0 -2
  136. package/dist/esm/types/components/Form/Form.test.d.ts +0 -1
  137. package/dist/esm/types/components/Form/index.d.ts +0 -2
  138. package/dist/esm/types/components/Header/Header.d.ts +0 -29
  139. package/dist/esm/types/components/Header/Header.test.d.ts +0 -1
  140. package/dist/esm/types/components/Header/index.d.ts +0 -2
  141. package/dist/esm/types/components/Heading/Heading.d.ts +0 -7
  142. package/dist/esm/types/components/Heading/index.d.ts +0 -2
  143. package/dist/esm/types/components/Icons/SvgBcLogo/SvgBcLogo.d.ts +0 -3
  144. package/dist/esm/types/components/Icons/SvgBcLogo/index.d.ts +0 -1
  145. package/dist/esm/types/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.d.ts +0 -3
  146. package/dist/esm/types/components/Icons/SvgBcOutlineIcon/index.d.ts +0 -1
  147. package/dist/esm/types/components/Icons/SvgBetaIcon/SvgBetaIcon.d.ts +0 -3
  148. package/dist/esm/types/components/Icons/SvgBetaIcon/index.d.ts +0 -1
  149. package/dist/esm/types/components/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.d.ts +0 -3
  150. package/dist/esm/types/components/Icons/SvgCheckCircleIcon/index.d.ts +0 -1
  151. package/dist/esm/types/components/Icons/SvgCheckIcon/SvgCheckIcon.d.ts +0 -3
  152. package/dist/esm/types/components/Icons/SvgCheckIcon/index.d.ts +0 -1
  153. package/dist/esm/types/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.d.ts +0 -3
  154. package/dist/esm/types/components/Icons/SvgChevronDownIcon/index.d.ts +0 -1
  155. package/dist/esm/types/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.d.ts +0 -3
  156. package/dist/esm/types/components/Icons/SvgChevronUpIcon/index.d.ts +0 -1
  157. package/dist/esm/types/components/Icons/SvgCloseIcon/SvgCloseIcon.d.ts +0 -3
  158. package/dist/esm/types/components/Icons/SvgCloseIcon/index.d.ts +0 -1
  159. package/dist/esm/types/components/Icons/SvgDashIcon/SvgDashIcon.d.ts +0 -3
  160. package/dist/esm/types/components/Icons/SvgDashIcon/index.d.ts +0 -1
  161. package/dist/esm/types/components/Icons/SvgExclamationCircleIcon/SvgExclamationCircleIcon.d.ts +0 -3
  162. package/dist/esm/types/components/Icons/SvgExclamationCircleIcon/index.d.ts +0 -1
  163. package/dist/esm/types/components/Icons/SvgExclamationIcon/SvgExclamationIcon.d.ts +0 -3
  164. package/dist/esm/types/components/Icons/SvgExclamationIcon/index.d.ts +0 -1
  165. package/dist/esm/types/components/Icons/SvgInfoIcon/SvgInfoIcon.d.ts +0 -3
  166. package/dist/esm/types/components/Icons/SvgInfoIcon/index.d.ts +0 -1
  167. package/dist/esm/types/components/Icons/SvgTooltipArrowUp/SvgTooltipArrowUp.d.ts +0 -3
  168. package/dist/esm/types/components/Icons/SvgTooltipArrowUp/index.d.ts +0 -1
  169. package/dist/esm/types/components/InlineAlert/InlineAlert.d.ts +0 -12
  170. package/dist/esm/types/components/InlineAlert/InlineAlert.test.d.ts +0 -1
  171. package/dist/esm/types/components/InlineAlert/index.d.ts +0 -2
  172. package/dist/esm/types/components/Link/Link.d.ts +0 -15
  173. package/dist/esm/types/components/Link/index.d.ts +0 -2
  174. package/dist/esm/types/components/Modal/Modal.d.ts +0 -3
  175. package/dist/esm/types/components/Modal/Modal.test.d.ts +0 -1
  176. package/dist/esm/types/components/Modal/index.d.ts +0 -2
  177. package/dist/esm/types/components/Radio/Radio.d.ts +0 -3
  178. package/dist/esm/types/components/Radio/Radio.test.d.ts +0 -1
  179. package/dist/esm/types/components/Radio/index.d.ts +0 -2
  180. package/dist/esm/types/components/RadioGroup/RadioGroup.d.ts +0 -12
  181. package/dist/esm/types/components/RadioGroup/RadioGroup.test.d.ts +0 -1
  182. package/dist/esm/types/components/RadioGroup/index.d.ts +0 -2
  183. package/dist/esm/types/components/Select/Select.d.ts +0 -39
  184. package/dist/esm/types/components/Select/index.d.ts +0 -2
  185. package/dist/esm/types/components/Switch/Switch.d.ts +0 -6
  186. package/dist/esm/types/components/Switch/Switch.test.d.ts +0 -1
  187. package/dist/esm/types/components/Switch/index.d.ts +0 -2
  188. package/dist/esm/types/components/Tag/Tag.d.ts +0 -21
  189. package/dist/esm/types/components/Tag/index.d.ts +0 -2
  190. package/dist/esm/types/components/TagGroup/TagGroup.d.ts +0 -17
  191. package/dist/esm/types/components/TagGroup/index.d.ts +0 -2
  192. package/dist/esm/types/components/TagList/TagList.d.ts +0 -11
  193. package/dist/esm/types/components/TagList/index.d.ts +0 -2
  194. package/dist/esm/types/components/Text/Text.d.ts +0 -8
  195. package/dist/esm/types/components/Text/index.d.ts +0 -2
  196. package/dist/esm/types/components/TextArea/TextArea.d.ts +0 -8
  197. package/dist/esm/types/components/TextArea/index.d.ts +0 -2
  198. package/dist/esm/types/components/TextField/TextField.d.ts +0 -11
  199. package/dist/esm/types/components/TextField/index.d.ts +0 -2
  200. package/dist/esm/types/components/Tooltip/Tooltip.d.ts +0 -5
  201. package/dist/esm/types/components/Tooltip/index.d.ts +0 -2
  202. package/dist/esm/types/components/index.d.ts +0 -42
  203. package/dist/esm/types/index.d.ts +0 -1
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- 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';
2
+ 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, NumberFieldProps as NumberFieldProps$1 } from 'react-aria-components';
3
3
  export { DialogTrigger, TooltipTrigger } from 'react-aria-components';
4
4
  import { PropsWithChildren } from 'react';
5
5
 
@@ -161,7 +161,7 @@ interface HeaderProps {
161
161
  /**
162
162
  * Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
163
163
  */
164
- logoImage?: JSX.Element;
164
+ logoImage?: React.ReactNode;
165
165
  /**
166
166
  * Array of link elements that are not visible until they are focused. Used
167
167
  * for accessibility for keyboard users, to let them easily skip to main
@@ -192,10 +192,11 @@ interface InlineAlertProps extends React.PropsWithChildren {
192
192
  buttons?: React.ReactNode;
193
193
  isCloseable?: boolean;
194
194
  isIconHidden?: boolean;
195
+ customIcon?: React.ReactNode;
195
196
  role?: React.AriaRole | undefined;
196
197
  onClose?: () => void;
197
198
  }
198
- declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
199
+ declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, customIcon, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
199
200
 
200
201
  interface LinkProps extends LinkProps$1 {
201
202
  children?: React.ReactNode;
@@ -283,7 +284,7 @@ declare function SvgCheckCircleIcon({ id }: {
283
284
  id?: string | undefined;
284
285
  }): react_jsx_runtime.JSX.Element;
285
286
 
286
- declare function SvgDashIcon({ id }: {
287
+ declare function SvgDashIcon$1({ id }: {
287
288
  id?: string | undefined;
288
289
  }): react_jsx_runtime.JSX.Element;
289
290
 
@@ -311,6 +312,14 @@ declare function SvgInfoIcon({ id }: {
311
312
  id?: string | undefined;
312
313
  }): react_jsx_runtime.JSX.Element;
313
314
 
315
+ declare function SvgDashIcon({ id }: {
316
+ id?: string | undefined;
317
+ }): react_jsx_runtime.JSX.Element;
318
+
319
+ declare function SvgPlusIcon({ id }: {
320
+ id?: string | undefined;
321
+ }): react_jsx_runtime.JSX.Element;
322
+
314
323
  declare function SvgTooltipArrowUp({ id }: {
315
324
  id?: string | undefined;
316
325
  }): react_jsx_runtime.JSX.Element;
@@ -391,4 +400,12 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
391
400
 
392
401
  declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
393
402
 
394
- 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 };
403
+ interface NumberFieldProps extends NumberFieldProps$1 {
404
+ size?: "small" | "medium";
405
+ label?: string;
406
+ description?: string;
407
+ errorMessage?: string | ((validation: ValidationResult) => string);
408
+ }
409
+ declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
410
+
411
+ export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Modal, NumberField, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon$1 as SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgDashIcon as SvgMinusIcon, SvgPlusIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, Tooltip };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcgov/design-system-react-components",
3
- "version": "0.5.2-pr",
3
+ "version": "0.5.2-pr575",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/bcgov/design-system.git",
@@ -8,28 +8,40 @@
8
8
  },
9
9
  "type": "module",
10
10
  "scripts": {
11
- "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
11
+ "clean": "rm -rf dist",
12
+ "build:js": "rollup -c rollup.config.js --bundleConfigAsCjs",
13
+ "build:types": "tsc -p tsconfig.types.json",
14
+ "build:dts": "rollup -c rollup.dts.config.js",
15
+ "build": "npm run clean && npm run build:js && npm run build:types && npm run build:dts",
12
16
  "lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
13
17
  "storybook-dev": "storybook dev -p 6006",
14
18
  "storybook-build": "storybook build",
15
- "test": "npx jest --config=./jest.config.ts",
16
- "test:ci": "npx jest --ci --config=./jest.config.ts",
17
- "test:watch": "npx jest --watch --config=./jest.config.ts",
18
- "test-storybook": "test-storybook",
19
- "test-storybook:ci": "test-storybook --maxWorkers=2",
19
+ "test": "npx vitest --project=unit --watch=false",
20
+ "test:watch": "npx vitest --project=unit",
21
+ "test-storybook": "npx vitest --project=storybook --watch=false",
22
+ "test-storybook:watch": "npx vitest --project=storybook",
20
23
  "vite-dev": "vite",
21
24
  "vite-build": "tsc && vite build",
22
25
  "vite-preview": "vite preview"
23
26
  },
24
27
  "main": "dist/cjs/index.cjs",
25
28
  "module": "dist/esm/index.js",
29
+ "types": "dist/index.d.ts",
30
+ "exports": {
31
+ ".": {
32
+ "types": "./dist/index.d.ts",
33
+ "import": "./dist/esm/index.js",
34
+ "require": "./dist/cjs/index.cjs"
35
+ }
36
+ },
26
37
  "files": [
27
- "dist"
38
+ "dist/index.d.ts",
39
+ "dist/esm",
40
+ "dist/cjs"
28
41
  ],
29
- "types": "dist/index.d.ts",
30
42
  "dependencies": {
31
43
  "@bcgov/design-tokens": "3.2.0",
32
- "react-aria-components": "1.13.0"
44
+ "react-aria-components": "1.14.0"
33
45
  },
34
46
  "peerDependencies": {
35
47
  "@bcgov/bc-sans": "^2.1.0",
@@ -37,42 +49,43 @@
37
49
  "react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
38
50
  },
39
51
  "devDependencies": {
40
- "@react-stately/data": "3.11.6",
41
- "@rollup/plugin-commonjs": "26.0.1",
52
+ "@react-stately/data": "3.15.0",
53
+ "@rollup/plugin-commonjs": "29.0.0",
42
54
  "@rollup/plugin-json": "6.1.0",
43
- "@rollup/plugin-node-resolve": "15.2.3",
44
- "@rollup/plugin-typescript": "11.1.6",
45
- "@storybook/addon-a11y": "9.1.16",
46
- "@storybook/addon-links": "9.1.16",
47
- "@storybook/react-vite": "9.1.16",
48
- "@storybook/test-runner": "0.19.1",
49
- "@testing-library/jest-dom": "6.5.0",
50
- "@testing-library/react": "16.0.1",
51
- "@types/jest": "29.5.13",
52
- "@types/react": "18.3.8",
53
- "@types/react-dom": "18.3.0",
54
- "@typescript-eslint/eslint-plugin": "8.6.0",
55
- "@typescript-eslint/parser": "8.6.0",
56
- "@vitejs/plugin-react": "5.1.1",
57
- "axe-playwright": "2.0.2",
58
- "eslint": "8.57.0",
59
- "eslint-plugin-react-hooks": "4.6.2",
60
- "eslint-plugin-react-refresh": "0.4.12",
61
- "eslint-plugin-storybook": "9.1.16",
62
- "identity-obj-proxy": "3.0.0",
63
- "jest": "29.7.0",
64
- "jest-environment-jsdom": "29.7.0",
65
- "rollup": "4.32.1",
66
- "rollup-plugin-dts": "6.1.1",
55
+ "@rollup/plugin-node-resolve": "16.0.3",
56
+ "@rollup/plugin-typescript": "12.3.0",
57
+ "@storybook/addon-a11y": "10.1.10",
58
+ "@storybook/addon-docs": "10.1.10",
59
+ "@storybook/addon-links": "10.1.10",
60
+ "@storybook/addon-vitest": "10.1.10",
61
+ "@storybook/react-vite": "10.1.10",
62
+ "@testing-library/jest-dom": "6.9.1",
63
+ "@testing-library/react": "16.3.1",
64
+ "@types/react": "19.2.7",
65
+ "@types/react-dom": "19.2.3",
66
+ "@typescript-eslint/eslint-plugin": "8.50.1",
67
+ "@typescript-eslint/parser": "8.50.1",
68
+ "@vitejs/plugin-react": "5.1.2",
69
+ "@vitest/browser-playwright": "4.0.14",
70
+ "@vitest/coverage-v8": "4.0.14",
71
+ "axe-playwright": "2.2.2",
72
+ "eslint": "9.39.2",
73
+ "eslint-plugin-react-hooks": "7.0.1",
74
+ "eslint-plugin-react-refresh": "0.4.26",
75
+ "eslint-plugin-storybook": "10.1.10",
76
+ "globals": "16.5.0",
77
+ "jsdom": "27.4.0",
78
+ "playwright": "1.57.0",
79
+ "rollup": "4.54.0",
80
+ "rollup-plugin-dts": "6.3.0",
67
81
  "rollup-plugin-peer-deps-external": "2.2.4",
68
82
  "rollup-plugin-postcss": "4.0.2",
69
- "storybook": "9.1.16",
70
- "ts-jest": "29.2.5",
71
- "ts-node": "10.9.2",
72
- "tslib": "2.7.0",
73
- "typescript": "5.6.2",
74
- "vite": "7.2.4",
75
- "@storybook/addon-docs": "9.1.16"
83
+ "storybook": "10.1.10",
84
+ "tslib": "2.8.1",
85
+ "typescript": "5.9.3",
86
+ "typescript-eslint": "8.50.1",
87
+ "vite": "7.3.0",
88
+ "vitest": "4.0.14"
76
89
  },
77
90
  "optionalDependencies": {
78
91
  "@rollup/rollup-linux-x64-gnu": "*"
@@ -1,6 +0,0 @@
1
- import { DisclosureProps as DisclosureProps } from "react-aria-components";
2
- import "./Accordion.css";
3
- export interface AccordionProps extends DisclosureProps {
4
- label?: string;
5
- }
6
- export default function Accordion({ label, children, ...props }: AccordionProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./Accordion";
2
- export type { AccordionProps } from "./Accordion";
@@ -1,7 +0,0 @@
1
- import { DisclosureGroupProps } from "react-aria-components";
2
- import "./AccordionGroup.css";
3
- export interface AccordionGroupProps extends DisclosureGroupProps {
4
- title?: string;
5
- titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
6
- }
7
- export default function AccordionGroup({ title, titleElement, children, ...props }: AccordionGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./AccordionGroup";
2
- export type { AccordionGroupProps } from "./AccordionGroup";
@@ -1,10 +0,0 @@
1
- import "./AlertBanner.css";
2
- export interface AlertBannerProps extends React.PropsWithChildren {
3
- variant?: "info" | "success" | "warning" | "danger" | "black";
4
- isIconHidden?: boolean;
5
- isCloseable?: boolean;
6
- role?: React.AriaRole | undefined;
7
- customIcon?: React.ReactNode;
8
- onClose?: () => void;
9
- }
10
- export default function AlertBanner({ variant, isIconHidden, isCloseable, role, onClose, children, customIcon, ...props }: AlertBannerProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./AlertBanner";
2
- export type { AlertBannerProps } from "./AlertBanner";
@@ -1,11 +0,0 @@
1
- import { DialogTrigger, DialogProps as ReactAriaDialogProps } from "react-aria-components";
2
- import "./AlertDialog.css";
3
- export interface AlertDialogProps extends ReactAriaDialogProps {
4
- variant?: "info" | "confirmation" | "warning" | "error" | "destructive";
5
- title?: string;
6
- isIconHidden?: boolean;
7
- isCloseable?: boolean;
8
- buttons?: React.ReactNode;
9
- }
10
- export default function AlertDialog({ children, variant, role, title, isCloseable, isIconHidden, buttons, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
11
- export { DialogTrigger };
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default, DialogTrigger } from "./AlertDialog";
2
- export type { AlertDialogProps } from "./AlertDialog";
@@ -1,21 +0,0 @@
1
- import { ButtonProps as ReactAriaButtonProps } from "react-aria-components";
2
- import "./Button.css";
3
- export interface ButtonProps extends ReactAriaButtonProps {
4
- /**
5
- * Defaults to `medium`. `small` is shorter vertically.
6
- */
7
- size?: "xsmall" | "small" | "medium" | "large";
8
- /**
9
- * Defaults to `primary`.
10
- */
11
- variant?: "primary" | "secondary" | "tertiary" | "link";
12
- /**
13
- * For destructive/deletion actions.
14
- */
15
- danger?: boolean;
16
- /**
17
- * If true, renders a square button intended for a single icon.
18
- */
19
- isIconButton?: boolean;
20
- }
21
- export default function Button({ size, variant, danger, isIconButton, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./Button";
2
- export type { ButtonProps } from "./Button";
@@ -1,7 +0,0 @@
1
- import "./ButtonGroup.css";
2
- export interface ButtonGroupProps extends React.PropsWithChildren {
3
- orientation?: "horizontal" | "vertical";
4
- alignment?: "start" | "center" | "end";
5
- ariaLabel?: string | undefined;
6
- }
7
- export default function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./ButtonGroup";
2
- export type { ButtonGroupProps } from "./ButtonGroup";
@@ -1,10 +0,0 @@
1
- import "./Callout.css";
2
- export interface CalloutProps extends React.PropsWithChildren {
3
- variant?: "lightGrey" | "lightBlue" | "lightGold" | "Blue" | "Grey" | "Black";
4
- title?: string;
5
- description?: string;
6
- buttons?: React.ReactNode;
7
- role?: React.AriaRole | undefined;
8
- isLeftBorderDisabled?: boolean;
9
- }
10
- export default function Callout({ variant, title, description, buttons, role, isLeftBorderDisabled, children, ...props }: CalloutProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./Callout";
2
- export type { CalloutProps } from "./Callout";
@@ -1,3 +0,0 @@
1
- import { CheckboxProps } from "react-aria-components";
2
- import "./Checkbox.css";
3
- export default function Checkbox({ value, children, ...props }: CheckboxProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./Checkbox";
2
- export type { CheckboxProps } from "react-aria-components";
@@ -1,11 +0,0 @@
1
- import type { CheckboxGroupProps as ReactAriaCheckboxGroupProps, ValidationResult } from "react-aria-components";
2
- import "./CheckboxGroup.css";
3
- export interface CheckboxGroupProps extends ReactAriaCheckboxGroupProps {
4
- orientation?: "horizontal" | "vertical";
5
- label?: string;
6
- description?: string;
7
- errorMessage?: string | ((validation: ValidationResult) => string);
8
- /** `flex-wrap` style property, defaults to `nowrap` */
9
- flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
10
- }
11
- export default function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./CheckboxGroup";
2
- export type { CheckboxGroupProps } from "./CheckboxGroup";
@@ -1,11 +0,0 @@
1
- import { DialogTrigger, DialogProps as ReactAriaDialogProps } from "react-aria-components";
2
- import "./Dialog.css";
3
- export interface DialogProps extends ReactAriaDialogProps {
4
- isCloseable?: boolean;
5
- }
6
- export interface DialogRenderProps {
7
- /** Handler function to close the Dialog */
8
- close: () => void;
9
- }
10
- export default function Dialog({ isCloseable, role, children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
11
- export { DialogTrigger };
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default, DialogTrigger } from "./Dialog";
2
- export type { DialogProps } from "./Dialog";
@@ -1,62 +0,0 @@
1
- import "./Footer.css";
2
- export interface FooterLinksProps {
3
- /**
4
- * Title for the list of links - associated to the list of links as a `<figcaption>`
5
- */
6
- title: string;
7
- /**
8
- * Array of link elements (`<a>` or `<Link>`)
9
- */
10
- links: React.ReactElement[];
11
- }
12
- /**
13
- * A titled list of links for use in the Footer. Rendered inside a `<figure>`
14
- * with the `title` prop inside of the `<figcaption>`.
15
- * @param {FooterLinksProps} props
16
- * @returns {React.ReactElement}
17
- */
18
- export declare function FooterLinks({ title, links }: FooterLinksProps): import("react/jsx-runtime").JSX.Element;
19
- export interface FooterProps {
20
- /**
21
- * Land acknowledgement block (defaults to Gov.bc.ca land acknowledgement)
22
- */
23
- acknowledgement?: React.ReactElement;
24
- /**
25
- * Logo slot (defaults to BC Gov horizontal logo)
26
- */
27
- logo?: React.ReactElement;
28
- /**
29
- * Contact information block (defaults to Gov.bc.ca contact information)
30
- */
31
- contact?: React.ReactElement;
32
- /**
33
- * Link list block (defaults to Gov.bc.ca link list).
34
- *
35
- * Pass the `<FooterLinks>` component for a styles-included list.
36
- */
37
- links?: React.ReactElement;
38
- /**
39
- * Copyright string (defaults to current year)
40
- */
41
- copyright?: string;
42
- /**
43
- * Hide the acknowledgement section
44
- */
45
- hideAcknowledgement?: boolean;
46
- /**
47
- * Hide the logo, contact information, and links section
48
- */
49
- hideLogoAndLinks?: boolean;
50
- /**
51
- * Hide the copyright string
52
- */
53
- hideCopyright?: boolean;
54
- }
55
- /**
56
- * A `<footer>` element with default content included.
57
- *
58
- * Passing `children` replaces `logo`, `contact`, and `links`.
59
- * @param {FooterProps} props
60
- * @returns {React.ReactElement}
61
- */
62
- export default function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React.PropsWithChildren<FooterProps>): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default, FooterLinks } from "./Footer";
2
- export type { FooterProps, FooterLinksProps } from "./Footer";
@@ -1,2 +0,0 @@
1
- import { FormProps as ReactAriaFormProps } from "react-aria-components";
2
- export default function Form({ ...props }: ReactAriaFormProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./Form";
2
- export type { FormProps } from "react-aria-components";
@@ -1,29 +0,0 @@
1
- import { PropsWithChildren } from "react";
2
- import "./Header.css";
3
- export interface HeaderProps {
4
- /**
5
- * Link element that surrounds the logo. Use what's appropriate for your
6
- * router, like a `<Link>`. Defaults to a generic HTML link element like
7
- * `<a href="/" title="Government of British Columbia">`
8
- */
9
- logoLinkElement?: React.ReactElement;
10
- /**
11
- * Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
12
- */
13
- logoImage?: JSX.Element;
14
- /**
15
- * Array of link elements that are not visible until they are focused. Used
16
- * for accessibility for keyboard users, to let them easily skip to main
17
- * content, navigation, etc.
18
- */
19
- skipLinks?: React.ReactElement[];
20
- /**
21
- * Header title text that appears to the right of the logo.
22
- */
23
- title?: string;
24
- /**
25
- * Desired element that renders the `title` string. Defaults to `<span>`.
26
- */
27
- titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
28
- }
29
- export default function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./Header";
2
- export type { HeaderProps } from "./Header";
@@ -1,7 +0,0 @@
1
- import { HeadingProps as ReactAriaHeadingProps } from "react-aria-components";
2
- import "./Heading.css";
3
- export interface HeadingProps extends ReactAriaHeadingProps {
4
- color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
5
- isUnstyled?: boolean;
6
- }
7
- export default function Heading({ color, isUnstyled, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./Heading";
2
- export type { HeadingProps } from "./Heading";
@@ -1,3 +0,0 @@
1
- export default function SvgBcLogo({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgBcLogo";
@@ -1,3 +0,0 @@
1
- export default function SvgBcOutlineIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgBcOutlineIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgBetaIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgBetaIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgCheckCircleIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgCheckCircleIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgCheckIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgCheckIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgChevronDownIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgChevronDownIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgChevronUpIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgChevronUpIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgCloseIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgCloseIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgDashIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgDashIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgExclamationCircleIcon({ id, }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgExclamationCircleIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgExclamationIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgExclamationIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgInfoIcon({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;