@bcgov/design-system-react-components 0.2.0-rc1 → 0.2.1-pr463

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 (28) hide show
  1. package/dist/cjs/index.cjs +492 -8
  2. package/dist/cjs/index.cjs.map +1 -1
  3. package/dist/cjs/types/components/Checkbox/Checkbox.d.ts +3 -0
  4. package/dist/cjs/types/components/Checkbox/Checkbox.test.d.ts +1 -0
  5. package/dist/cjs/types/components/Checkbox/index.d.ts +2 -0
  6. package/dist/cjs/types/components/CheckboxGroup/CheckboxGroup.d.ts +11 -0
  7. package/dist/cjs/types/components/CheckboxGroup/CheckboxGroup.test.d.ts +1 -0
  8. package/dist/cjs/types/components/CheckboxGroup/index.d.ts +2 -0
  9. package/dist/cjs/types/components/Icons/SvgCheckIcon/SvgCheckIcon.d.ts +3 -0
  10. package/dist/cjs/types/components/Icons/SvgCheckIcon/index.d.ts +1 -0
  11. package/dist/cjs/types/components/Icons/SvgDashIcon/SvgDashIcon.d.ts +3 -0
  12. package/dist/cjs/types/components/Icons/SvgDashIcon/index.d.ts +1 -0
  13. package/dist/cjs/types/components/index.d.ts +4 -0
  14. package/dist/esm/index.js +490 -10
  15. package/dist/esm/index.js.map +1 -1
  16. package/dist/esm/types/components/Checkbox/Checkbox.d.ts +3 -0
  17. package/dist/esm/types/components/Checkbox/Checkbox.test.d.ts +1 -0
  18. package/dist/esm/types/components/Checkbox/index.d.ts +2 -0
  19. package/dist/esm/types/components/CheckboxGroup/CheckboxGroup.d.ts +11 -0
  20. package/dist/esm/types/components/CheckboxGroup/CheckboxGroup.test.d.ts +1 -0
  21. package/dist/esm/types/components/CheckboxGroup/index.d.ts +2 -0
  22. package/dist/esm/types/components/Icons/SvgCheckIcon/SvgCheckIcon.d.ts +3 -0
  23. package/dist/esm/types/components/Icons/SvgCheckIcon/index.d.ts +1 -0
  24. package/dist/esm/types/components/Icons/SvgDashIcon/SvgDashIcon.d.ts +3 -0
  25. package/dist/esm/types/components/Icons/SvgDashIcon/index.d.ts +1 -0
  26. package/dist/esm/types/components/index.d.ts +4 -0
  27. package/dist/index.d.ts +22 -2
  28. package/package.json +1 -1
@@ -0,0 +1,3 @@
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;
@@ -0,0 +1 @@
1
+ import "@testing-library/jest-dom";
@@ -0,0 +1,2 @@
1
+ export { default } from "./Checkbox";
2
+ export type { CheckboxProps } from "./Checkbox";
@@ -0,0 +1,11 @@
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;
@@ -0,0 +1 @@
1
+ import "@testing-library/jest-dom";
@@ -0,0 +1,2 @@
1
+ export { default } from "./CheckboxGroup";
2
+ export type { CheckboxGroupProps } from "./CheckboxGroup";
@@ -0,0 +1,3 @@
1
+ export default function SvgCheckIcon({ id }: {
2
+ id?: string | undefined;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { default } from "./SvgCheckIcon";
@@ -0,0 +1,3 @@
1
+ export default function SvgDashIcon({ id }: {
2
+ id?: string | undefined;
3
+ }): import("react/jsx-runtime").JSX.Element;
@@ -0,0 +1 @@
1
+ export { default } from "./SvgDashIcon";
@@ -2,12 +2,16 @@ import "@bcgov/design-tokens/css/variables.css";
2
2
  export { default as InlineAlert } from "./InlineAlert";
3
3
  export { default as Button } from "./Button";
4
4
  export { default as ButtonGroup } from "./ButtonGroup";
5
+ export { default as Checkbox } from "./Checkbox";
6
+ export { default as CheckboxGroup } from "./CheckboxGroup";
5
7
  export { default as Header } from "./Header";
6
8
  export { default as Footer, FooterLinks } from "./Footer";
7
9
  export { default as Form } from "./Form";
8
10
  export { default as Select } from "./Select";
9
11
  export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
12
+ export { default as SvgCheckIcon } from "./Icons/SvgCheckIcon";
10
13
  export { default as SvgCheckCircleIcon } from "./Icons/SvgCheckCircleIcon";
14
+ export { default as SvgDashIcon } from "./Icons/SvgDashIcon";
11
15
  export { default as SvgExclamationIcon } from "./Icons/SvgExclamationIcon";
12
16
  export { default as SvgExclamationCircleIcon } from "./Icons/SvgExclamationCircleIcon";
13
17
  export { default as SvgChevronUpIcon } from "./Icons/SvgChevronUpIcon";
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, FormProps as FormProps$1, SelectProps as SelectProps$1, ValidationResult, 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 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';
3
3
  export { TooltipTrigger } from 'react-aria-components';
4
4
  import { PropsWithChildren } from 'react';
5
5
 
@@ -42,6 +42,18 @@ interface ButtonGroupProps extends React.PropsWithChildren {
42
42
  }
43
43
  declare function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
44
44
 
45
+ declare function Checkbox({ value, children, ...props }: CheckboxProps): react_jsx_runtime.JSX.Element;
46
+
47
+ interface CheckboxGroupProps extends CheckboxGroupProps$1 {
48
+ orientation?: "horizontal" | "vertical";
49
+ label?: string;
50
+ description?: string;
51
+ errorMessage?: string | ((validation: ValidationResult) => string);
52
+ /** `flex-wrap` style property, defaults to `nowrap` */
53
+ flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
54
+ }
55
+ declare function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
56
+
45
57
  interface HeaderProps {
46
58
  /**
47
59
  * Link element that surrounds the logo. Use what's appropriate for your
@@ -177,10 +189,18 @@ declare function SvgBcLogo({ id }: {
177
189
  id?: string | undefined;
178
190
  }): react_jsx_runtime.JSX.Element;
179
191
 
192
+ declare function SvgCheckIcon({ id }: {
193
+ id?: string | undefined;
194
+ }): react_jsx_runtime.JSX.Element;
195
+
180
196
  declare function SvgCheckCircleIcon({ id }: {
181
197
  id?: string | undefined;
182
198
  }): react_jsx_runtime.JSX.Element;
183
199
 
200
+ declare function SvgDashIcon({ id }: {
201
+ id?: string | undefined;
202
+ }): react_jsx_runtime.JSX.Element;
203
+
184
204
  declare function SvgExclamationIcon({ id }: {
185
205
  id?: string | undefined;
186
206
  }): react_jsx_runtime.JSX.Element;
@@ -267,4 +287,4 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
267
287
 
268
288
  declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
269
289
 
270
- export { Button, ButtonGroup, Footer, FooterLinks, Form, Header, InlineAlert, Select, SvgBcLogo, SvgCheckCircleIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
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 };
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@bcgov/design-system-react-components",
3
- "version": "0.2.0-rc1",
3
+ "version": "0.2.1-pr463",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",