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

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
package/dist/index.d.ts CHANGED
@@ -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
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcgov/design-system-react-components",
3
- "version": "0.5.2-pr587",
3
+ "version": "0.5.2-pr604",
4
4
  "repository": {
5
5
  "type": "git",
6
6
  "url": "git+https://github.com/bcgov/design-system.git",
@@ -8,7 +8,11 @@
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",
@@ -22,13 +26,22 @@
22
26
  },
23
27
  "main": "dist/cjs/index.cjs",
24
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
+ },
25
37
  "files": [
26
- "dist"
38
+ "dist/index.d.ts",
39
+ "dist/esm",
40
+ "dist/cjs"
27
41
  ],
28
- "types": "dist/index.d.ts",
29
42
  "dependencies": {
30
43
  "@bcgov/design-tokens": "3.2.0",
31
- "react-aria-components": "1.13.0"
44
+ "react-aria-components": "1.14.0"
32
45
  },
33
46
  "peerDependencies": {
34
47
  "@bcgov/bc-sans": "^2.1.0",
@@ -36,43 +49,43 @@
36
49
  "react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
37
50
  },
38
51
  "devDependencies": {
39
- "@react-stately/data": "3.11.6",
40
- "@rollup/plugin-commonjs": "26.0.1",
52
+ "@react-stately/data": "3.15.0",
53
+ "@rollup/plugin-commonjs": "29.0.0",
41
54
  "@rollup/plugin-json": "6.1.0",
42
- "@rollup/plugin-node-resolve": "15.2.3",
43
- "@rollup/plugin-typescript": "11.1.6",
44
- "@storybook/addon-a11y": "^10.1.9",
45
- "@storybook/addon-docs": "^10.1.9",
46
- "@storybook/addon-links": "^10.1.9",
47
- "@storybook/addon-vitest": "^10.1.9",
48
- "@storybook/react-vite": "^10.1.9",
49
- "@testing-library/jest-dom": "6.5.0",
50
- "@testing-library/react": "16.0.1",
51
- "@types/react": "18.3.8",
52
- "@types/react-dom": "18.3.0",
53
- "@typescript-eslint/eslint-plugin": "8.6.0",
54
- "@typescript-eslint/parser": "8.6.0",
55
- "@vitejs/plugin-react": "5.1.1",
56
- "@vitest/browser-playwright": "^4.0.14",
57
- "@vitest/coverage-v8": "^4.0.14",
58
- "axe-playwright": "2.0.2",
59
- "eslint": "8.57.0",
60
- "eslint-plugin-react-hooks": "4.6.2",
61
- "eslint-plugin-react-refresh": "0.4.12",
62
- "eslint-plugin-storybook": "^10.1.9",
63
- "identity-obj-proxy": "3.0.0",
64
- "jsdom": "^27.3.0",
65
- "playwright": "^1.57.0",
66
- "rollup": "4.32.1",
67
- "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",
68
81
  "rollup-plugin-peer-deps-external": "2.2.4",
69
82
  "rollup-plugin-postcss": "4.0.2",
70
- "storybook": "^10.1.9",
71
- "ts-node": "10.9.2",
72
- "tslib": "2.7.0",
73
- "typescript": "5.6.2",
74
- "vite": "7.2.4",
75
- "vitest": "^4.0.14"
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,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";
@@ -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;
@@ -1 +0,0 @@
1
- export { default } from "./SvgInfoIcon";
@@ -1,3 +0,0 @@
1
- export default function SvgTooltipArrowUp({ id }: {
2
- id?: string | undefined;
3
- }): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- export { default } from "./SvgTooltipArrowUp";
@@ -1,12 +0,0 @@
1
- import "./InlineAlert.css";
2
- export interface InlineAlertProps extends React.PropsWithChildren {
3
- variant?: "info" | "success" | "warning" | "danger";
4
- title?: string;
5
- description?: string;
6
- buttons?: React.ReactNode;
7
- isCloseable?: boolean;
8
- isIconHidden?: boolean;
9
- role?: React.AriaRole | undefined;
10
- onClose?: () => void;
11
- }
12
- export default function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./InlineAlert";
2
- export type { InlineAlertProps } from "./InlineAlert";
@@ -1,15 +0,0 @@
1
- import { LinkProps as ReactAriaLinkProps } from "react-aria-components";
2
- import "./Link.css";
3
- import "../Button/Button.css";
4
- export interface LinkProps extends ReactAriaLinkProps {
5
- children?: React.ReactNode;
6
- size?: "small" | "medium" | "large";
7
- isButton?: boolean;
8
- buttonVariant?: "primary" | "secondary" | "tertiary";
9
- ariaLabel?: string | undefined;
10
- danger?: boolean;
11
- isUnstyled?: boolean;
12
- iconLeft?: React.ReactElement;
13
- iconRight?: React.ReactElement;
14
- }
15
- export default function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +0,0 @@
1
- export { default } from "./Link";
2
- export type { LinkProps } from "./Link";
@@ -1,3 +0,0 @@
1
- import { ModalOverlayProps } from "react-aria-components";
2
- import "./Modal.css";
3
- export default function Modal({ children, ...props }: ModalOverlayProps): import("react/jsx-runtime").JSX.Element;
@@ -1 +0,0 @@
1
- import "@testing-library/jest-dom";
@@ -1,2 +0,0 @@
1
- export { default } from "./Modal";
2
- export type { ModalOverlayProps } from "react-aria-components";