@bcgov/design-system-react-components 0.2.2-rc1 → 0.2.3-rc1

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 (30) hide show
  1. package/dist/cjs/index.cjs +445 -25
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/cjs/types/components/Form/Form.d.ts +1 -2
  4. package/dist/cjs/types/components/Form/index.d.ts +1 -1
  5. package/dist/cjs/types/components/Icons/SvgTooltipArrowUp/SvgTooltipArrowUp.d.ts +3 -0
  6. package/dist/cjs/types/components/Icons/SvgTooltipArrowUp/index.d.ts +1 -0
  7. package/dist/cjs/types/components/Radio/Radio.d.ts +3 -0
  8. package/dist/cjs/types/components/Radio/Radio.test.d.ts +1 -0
  9. package/dist/cjs/types/components/Radio/index.d.ts +2 -0
  10. package/dist/cjs/types/components/RadioGroup/RadioGroup.d.ts +12 -0
  11. package/dist/cjs/types/components/RadioGroup/RadioGroup.test.d.ts +1 -0
  12. package/dist/cjs/types/components/RadioGroup/index.d.ts +2 -0
  13. package/dist/cjs/types/components/Switch/Switch.d.ts +0 -1
  14. package/dist/cjs/types/components/index.d.ts +3 -0
  15. package/dist/esm/index.js +443 -26
  16. package/dist/esm/index.js.map +1 -1
  17. package/dist/esm/types/components/Form/Form.d.ts +1 -2
  18. package/dist/esm/types/components/Form/index.d.ts +1 -1
  19. package/dist/esm/types/components/Icons/SvgTooltipArrowUp/SvgTooltipArrowUp.d.ts +3 -0
  20. package/dist/esm/types/components/Icons/SvgTooltipArrowUp/index.d.ts +1 -0
  21. package/dist/esm/types/components/Radio/Radio.d.ts +3 -0
  22. package/dist/esm/types/components/Radio/Radio.test.d.ts +1 -0
  23. package/dist/esm/types/components/Radio/index.d.ts +2 -0
  24. package/dist/esm/types/components/RadioGroup/RadioGroup.d.ts +12 -0
  25. package/dist/esm/types/components/RadioGroup/RadioGroup.test.d.ts +1 -0
  26. package/dist/esm/types/components/RadioGroup/index.d.ts +2 -0
  27. package/dist/esm/types/components/Switch/Switch.d.ts +0 -1
  28. package/dist/esm/types/components/index.d.ts +3 -0
  29. package/dist/index.d.ts +19 -4
  30. package/package.json +6 -3
@@ -1,3 +1,2 @@
1
1
  import { FormProps as ReactAriaFormProps } from "react-aria-components";
2
- export type FormProps = ReactAriaFormProps;
3
- export default function Form({ ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
2
+ export default function Form({ ...props }: ReactAriaFormProps): import("react/jsx-runtime").JSX.Element;
@@ -1,2 +1,2 @@
1
1
  export { default } from "./Form";
2
- export type { FormProps } from "./Form";
2
+ export type { FormProps } from "react-aria-components";
@@ -0,0 +1,3 @@
1
+ export default function SvgTooltipArrowUp({ id }: {
2
+ id?: string | undefined;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { default } from "./SvgTooltipArrowUp";
@@ -0,0 +1,3 @@
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;
@@ -0,0 +1 @@
1
+ import "@testing-library/jest-dom";
@@ -0,0 +1,2 @@
1
+ export { default } from "./Radio";
2
+ export type { RadioProps } from "react-aria-components";
@@ -0,0 +1,12 @@
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;
@@ -0,0 +1 @@
1
+ import "@testing-library/jest-dom";
@@ -0,0 +1,2 @@
1
+ export { default } from "./RadioGroup";
2
+ export type { RadioGroupProps } from "./RadioGroup";
@@ -1,7 +1,6 @@
1
1
  import { SwitchProps as ReactAriaSwitchProps } from "react-aria-components";
2
2
  import "./Switch.css";
3
3
  export interface SwitchProps extends ReactAriaSwitchProps {
4
- children?: React.ReactNode;
5
4
  labelPosition?: "left" | "right";
6
5
  }
7
6
  export default function Switch({ labelPosition, children, ...props }: SwitchProps): import("react/jsx-runtime").JSX.Element;
@@ -7,6 +7,8 @@ export { default as CheckboxGroup } from "./CheckboxGroup";
7
7
  export { default as Header } from "./Header";
8
8
  export { default as Footer, FooterLinks } from "./Footer";
9
9
  export { default as Form } from "./Form";
10
+ export { default as Radio } from "./Radio";
11
+ export { default as RadioGroup } from "./RadioGroup";
10
12
  export { default as Select } from "./Select";
11
13
  export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
12
14
  export { default as SvgCheckIcon } from "./Icons/SvgCheckIcon";
@@ -18,6 +20,7 @@ export { default as SvgChevronUpIcon } from "./Icons/SvgChevronUpIcon";
18
20
  export { default as SvgChevronDownIcon } from "./Icons/SvgChevronDownIcon";
19
21
  export { default as SvgCloseIcon } from "./Icons/SvgCloseIcon";
20
22
  export { default as SvgInfoIcon } from "./Icons/SvgInfoIcon";
23
+ export { default as SvgTooltipArrowUp } from "./Icons/SvgTooltipArrowUp";
21
24
  export { default as Tag } from "./Tag";
22
25
  export { default as TagGroup } from "./TagGroup";
23
26
  export { default as TagList } from "./TagList";
package/dist/index.d.ts CHANGED
@@ -1,5 +1,5 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps as FormProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
2
+ import { ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, 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, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
3
3
  export { TooltipTrigger } from 'react-aria-components';
4
4
  import { PropsWithChildren } from 'react';
5
5
 
@@ -144,9 +144,21 @@ interface FooterProps {
144
144
  */
145
145
  declare function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React.PropsWithChildren<FooterProps>): react_jsx_runtime.JSX.Element;
146
146
 
147
- type FormProps = FormProps$1;
148
147
  declare function Form({ ...props }: FormProps): react_jsx_runtime.JSX.Element;
149
148
 
149
+ declare function Radio({ value, children, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
150
+
151
+ interface RadioGroupProps extends RadioGroupProps$1 {
152
+ children?: React.ReactNode;
153
+ orientation?: "vertical" | "horizontal";
154
+ label?: string;
155
+ description?: string;
156
+ errorMessage?: string | ((validation: ValidationResult) => string);
157
+ /** `flex-wrap` style property, defaults to `nowrap` */
158
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
159
+ }
160
+ declare function RadioGroup({ orientation, label, description, children, errorMessage, flexWrap, ...props }: RadioGroupProps): react_jsx_runtime.JSX.Element;
161
+
150
162
  interface ListBoxItemProps extends ListBoxItemProps$1 {
151
163
  /** Text label for the option. Provide an `id` if this is not unique. */
152
164
  label: string;
@@ -225,6 +237,10 @@ declare function SvgInfoIcon({ id }: {
225
237
  id?: string | undefined;
226
238
  }): react_jsx_runtime.JSX.Element;
227
239
 
240
+ declare function SvgTooltipArrowUp({ id }: {
241
+ id?: string | undefined;
242
+ }): react_jsx_runtime.JSX.Element;
243
+
228
244
  interface TagProps extends TagProps$1 {
229
245
  /**
230
246
  * Icon that appears to the left of the `textValue` field
@@ -280,11 +296,10 @@ interface TextFieldProps extends TextFieldProps$1 {
280
296
  declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
281
297
 
282
298
  interface SwitchProps extends SwitchProps$1 {
283
- children?: React.ReactNode;
284
299
  labelPosition?: "left" | "right";
285
300
  }
286
301
  declare function Switch({ labelPosition, children, ...props }: SwitchProps): react_jsx_runtime.JSX.Element;
287
302
 
288
303
  declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
289
304
 
290
- export { Button, ButtonGroup, Checkbox, CheckboxGroup, Footer, FooterLinks, Form, Header, InlineAlert, Select, SvgBcLogo, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
305
+ export { Button, ButtonGroup, Checkbox, CheckboxGroup, Footer, FooterLinks, Form, Header, InlineAlert, Radio, RadioGroup, Select, SvgBcLogo, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcgov/design-system-react-components",
3
- "version": "0.2.2-rc1",
3
+ "version": "0.2.3-rc1",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
@@ -48,7 +48,7 @@
48
48
  "@storybook/test-runner": "0.19.1",
49
49
  "@testing-library/jest-dom": "6.5.0",
50
50
  "@testing-library/react": "16.0.1",
51
- "@types/jest": "29.5.12",
51
+ "@types/jest": "29.5.13",
52
52
  "@types/react": "18.3.5",
53
53
  "@types/react-dom": "18.3.0",
54
54
  "@typescript-eslint/eslint-plugin": "8.5.0",
@@ -62,7 +62,7 @@
62
62
  "identity-obj-proxy": "3.0.0",
63
63
  "jest": "29.7.0",
64
64
  "jest-environment-jsdom": "29.7.0",
65
- "rollup": "4.21.2",
65
+ "rollup": "4.21.3",
66
66
  "rollup-plugin-dts": "6.1.1",
67
67
  "rollup-plugin-peer-deps-external": "2.2.4",
68
68
  "rollup-plugin-postcss": "4.0.2",
@@ -73,6 +73,9 @@
73
73
  "typescript": "5.5.4",
74
74
  "vite": "5.4.4"
75
75
  },
76
+ "optionalDependencies": {
77
+ "@rollup/rollup-linux-x64-gnu": "*"
78
+ },
76
79
  "author": "Tyler Krys <Tyler.Krys@gov.bc.ca>",
77
80
  "license": "Apache-2.0",
78
81
  "bugs": {