@bcgov/design-system-react-components 0.5.2-pr587 → 0.5.2-pr595

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 +31 -1
  2. package/dist/cjs/index.cjs +787 -708
  3. package/dist/cjs/index.cjs.map +1 -1
  4. package/dist/esm/index.js +788 -709
  5. package/dist/esm/index.js.map +1 -1
  6. package/dist/index.d.ts +1 -1
  7. package/package.json +52 -39
  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 -4
  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 -4
  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
@@ -1,3 +0,0 @@
1
- import { RadioProps } from "react-aria-components";
2
- import "./Radio.css";
3
- export default function Radio({ value, children, ...props }: RadioProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./Radio";
2
- export type { RadioProps } from "react-aria-components";
@@ -1,12 +0,0 @@
1
- import { RadioGroupProps as ReactAriaRadioGroupProps, ValidationResult } from "react-aria-components";
2
- import "./RadioGroup.css";
3
- export interface RadioGroupProps extends ReactAriaRadioGroupProps {
4
- children?: React.ReactNode;
5
- orientation?: "vertical" | "horizontal";
6
- label?: string;
7
- description?: string;
8
- errorMessage?: string | ((validation: ValidationResult) => string);
9
- /** `flex-wrap` style property, defaults to `nowrap` */
10
- flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
11
- }
12
- export default function RadioGroup({ orientation, label, description, children, errorMessage, flexWrap, ...props }: RadioGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./RadioGroup";
2
- export type { RadioGroupProps } from "./RadioGroup";
@@ -1,39 +0,0 @@
1
- import { Key, ListBoxItemProps as ReactAriaListBoxItemProps, SelectProps as ReactAriaSelectProps, ValidationResult } from "react-aria-components";
2
- import "./Select.css";
3
- export interface ListBoxItemProps extends ReactAriaListBoxItemProps {
4
- /** Text label for the option. Provide an `id` if this is not unique. */
5
- label: string;
6
- /** Descriptive text that appears below the option's label */
7
- description?: string;
8
- /** Marks an option visually with red text to indicate a destructive/dangerous option */
9
- isDestructive?: boolean;
10
- /** Left icon slot */
11
- iconLeft?: React.ReactElement;
12
- /** Right icon slot */
13
- iconRight?: React.ReactElement;
14
- }
15
- export interface SelectionSectionProps {
16
- id: Key;
17
- /** Label for the section */
18
- header?: string;
19
- /** Flat list of options within the section */
20
- items: ListBoxItemProps[];
21
- }
22
- export interface SelectProps<T extends object> extends ReactAriaSelectProps<T> {
23
- /** Use `items` for a flat list of options */
24
- items?: ListBoxItemProps[];
25
- /** Use `sections` for a sectioned list with `items` options in each section */
26
- sections?: SelectionSectionProps[];
27
- /** Text label for the Select component */
28
- label?: string;
29
- /** Temporary text that occupies the select input when no option has been selected. */
30
- placeholder?: string;
31
- /** Defaults to `medium` */
32
- size?: "small" | "medium";
33
- /** Description or helper text that renders below the select input */
34
- description?: string;
35
- /** Used for data validation and error handling */
36
- errorMessage?: string | ((validation: ValidationResult) => string);
37
- }
38
- /** Select displays a collapsible list of options and allows a user to select one of them. */
39
- export default function Select<T extends object>({ items, sections, label, description, placeholder, size, errorMessage, ...props }: SelectProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./Select";
2
- export type { SelectProps } from "./Select";
@@ -1,6 +0,0 @@
1
- import { SwitchProps as ReactAriaSwitchProps } from "react-aria-components";
2
- import "./Switch.css";
3
- export interface SwitchProps extends ReactAriaSwitchProps {
4
- labelPosition?: "left" | "right";
5
- }
6
- export default function Switch({ labelPosition, children, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./Switch";
2
- export type { SwitchProps } from "./Switch";
@@ -1,21 +0,0 @@
1
- import { TagProps as ReactAriaTagProps } from "react-aria-components";
2
- import "./Tag.css";
3
- export interface TagProps extends ReactAriaTagProps {
4
- /**
5
- * Icon that appears to the left of the `textValue` field
6
- */
7
- icon?: React.ReactNode;
8
- /**
9
- * Background color
10
- */
11
- color?: "bc-blue" | "bc-gold" | "blue" | "dark" | "gray" | "grey" | "green" | "red" | "yellow";
12
- /**
13
- * tagStyle
14
- */
15
- tagStyle?: "rectangular" | "circular";
16
- /**
17
- * size
18
- */
19
- size?: "small" | "medium";
20
- }
21
- export default function Tag({ color, tagStyle, size, icon, id, textValue, }: TagProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./Tag";
2
- export type { TagProps } from "./Tag";
@@ -1,17 +0,0 @@
1
- import { TagGroupProps as ReactAriaTagGroupProps } from "react-aria-components";
2
- import "./TagGroup.css";
3
- export interface TagGroupProps extends ReactAriaTagGroupProps {
4
- /**
5
- * Labels the TagGroup, appears above the tags.
6
- */
7
- label?: string;
8
- /**
9
- * Extended description of the TagGroup, appears below the tags.
10
- */
11
- description?: string;
12
- /**
13
- * Error message, appears below the tags and below the optional description.
14
- */
15
- errorMessage?: string;
16
- }
17
- export default function TagGroup({ children, label, description, errorMessage, ...props }: TagGroupProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./TagGroup";
2
- export type { TagGroupProps } from "./TagGroup";
@@ -1,11 +0,0 @@
1
- import { TagListProps as ReactAriaTagListProps } from "react-aria-components";
2
- import { TagProps } from "../Tag";
3
- import "./TagList.css";
4
- export interface TagListProps<T> extends Pick<ReactAriaTagListProps<T>, "children" | "renderEmptyState"> {
5
- items: TagProps[];
6
- /**
7
- * Used to set the `flex-direction` on the TagList.
8
- */
9
- orientation?: "horizontal" | "vertical";
10
- }
11
- export default function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./TagList";
2
- export type { TagListProps } from "./TagList";
@@ -1,8 +0,0 @@
1
- import { TextProps as ReactAriaTextProps } from "react-aria-components";
2
- import "./Text.css";
3
- export interface TextProps extends ReactAriaTextProps {
4
- size?: "small" | "medium" | "large";
5
- color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
6
- isUnstyled?: boolean;
7
- }
8
- export default function Text({ elementType, size, color, isUnstyled, ...props }: TextProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./Text";
2
- export type { TextProps } from "./Text";
@@ -1,8 +0,0 @@
1
- import { TextFieldProps as ReactAriaTextFieldProps, ValidationResult } from "react-aria-components";
2
- import "./TextArea.css";
3
- export interface TextAreaProps extends ReactAriaTextFieldProps {
4
- label?: string;
5
- description?: string;
6
- errorMessage?: string | ((validation: ValidationResult) => string);
7
- }
8
- export default function TextArea({ label, description, errorMessage, maxLength, onChange, value, ...props }: TextAreaProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./TextArea";
2
- export type { TextAreaProps } from "./TextArea";
@@ -1,11 +0,0 @@
1
- import { TextFieldProps as ReactAriaTextFieldProps, ValidationResult } from "react-aria-components";
2
- import "./TextField.css";
3
- export interface TextFieldProps extends ReactAriaTextFieldProps {
4
- size?: "medium" | "small";
5
- label?: string;
6
- description?: string;
7
- errorMessage?: string | ((validation: ValidationResult) => string);
8
- iconLeft?: React.ReactElement;
9
- iconRight?: React.ReactElement;
10
- }
11
- export default function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./TextField";
2
- export type { TextFieldProps } from "./TextField";
@@ -1,5 +0,0 @@
1
- import { TooltipProps, TooltipTrigger } from "react-aria-components";
2
- import "./Tooltip.css";
3
- export default function Tooltip(props: TooltipProps): import("react/jsx-runtime").JSX.Element;
4
- export { TooltipTrigger };
5
- export type { TooltipProps };
@@ -1,2 +0,0 @@
1
- export { default, TooltipTrigger } from "./Tooltip";
2
- export type { TooltipProps } from "./Tooltip";
@@ -1,42 +0,0 @@
1
- import "@bcgov/design-tokens/css/variables.css";
2
- export { default as Accordion } from "./Accordion";
3
- export { default as AccordionGroup } from "./AccordionGroup";
4
- export { default as AlertBanner } from "./AlertBanner";
5
- export { default as AlertDialog } from "./AlertDialog";
6
- export { default as Button } from "./Button";
7
- export { default as ButtonGroup } from "./ButtonGroup";
8
- export { default as Callout } from "./Callout";
9
- export { default as Checkbox } from "./Checkbox";
10
- export { default as CheckboxGroup } from "./CheckboxGroup";
11
- export { default as Dialog, DialogTrigger } from "./Dialog";
12
- export { default as Footer, FooterLinks } from "./Footer";
13
- export { default as Form } from "./Form";
14
- export { default as Header } from "./Header";
15
- export { default as Heading } from "./Heading";
16
- export { default as InlineAlert } from "./InlineAlert";
17
- export { default as Link } from "./Link";
18
- export { default as Modal } from "./Modal";
19
- export { default as Radio } from "./Radio";
20
- export { default as RadioGroup } from "./RadioGroup";
21
- export { default as Select } from "./Select";
22
- export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
23
- export { default as SvgBcOutlineIcon } from "./Icons/SvgBcOutlineIcon";
24
- export { default as SvgBetaIcon } from "./Icons/SvgBetaIcon";
25
- export { default as SvgCheckIcon } from "./Icons/SvgCheckIcon";
26
- export { default as SvgCheckCircleIcon } from "./Icons/SvgCheckCircleIcon";
27
- export { default as SvgDashIcon } from "./Icons/SvgDashIcon";
28
- export { default as SvgExclamationIcon } from "./Icons/SvgExclamationIcon";
29
- export { default as SvgExclamationCircleIcon } from "./Icons/SvgExclamationCircleIcon";
30
- export { default as SvgChevronUpIcon } from "./Icons/SvgChevronUpIcon";
31
- export { default as SvgChevronDownIcon } from "./Icons/SvgChevronDownIcon";
32
- export { default as SvgCloseIcon } from "./Icons/SvgCloseIcon";
33
- export { default as SvgInfoIcon } from "./Icons/SvgInfoIcon";
34
- export { default as SvgTooltipArrowUp } from "./Icons/SvgTooltipArrowUp";
35
- export { default as Tag } from "./Tag";
36
- export { default as TagGroup } from "./TagGroup";
37
- export { default as TagList } from "./TagList";
38
- export { default as Text } from "./Text";
39
- export { default as TextArea } from "./TextArea";
40
- export { default as TextField } from "./TextField";
41
- export { default as Switch } from "./Switch";
42
- export { default as Tooltip, TooltipTrigger } from "./Tooltip";
@@ -1 +0,0 @@
1
- export * from "./components";
@@ -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,4 +0,0 @@
1
- import "./SvgBcLogo.css";
2
- export default function SvgBcLogo({ id }: {
3
- id?: string | undefined;
4
- }): 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";