@bcgov/design-system-react-components 0.4.1-rc1 → 0.5.0-pr507

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.
@@ -0,0 +1,6 @@
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;
@@ -0,0 +1,2 @@
1
+ export { default } from "./Accordion";
2
+ export type { AccordionProps } from "./Accordion";
@@ -0,0 +1,7 @@
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;
@@ -0,0 +1,2 @@
1
+ export { default } from "./AccordionGroup";
2
+ export type { AccordionGroupProps } from "./AccordionGroup";
@@ -0,0 +1,15 @@
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;
@@ -0,0 +1,2 @@
1
+ export { default } from "./Link";
2
+ export type { LinkProps } from "./Link";
@@ -1,4 +1,6 @@
1
1
  import "@bcgov/design-tokens/css/variables.css";
2
+ export { default as Accordion } from "./Accordion";
3
+ export { default as AccordionGroup } from "./AccordionGroup";
2
4
  export { default as AlertBanner } from "./AlertBanner";
3
5
  export { default as AlertDialog } from "./AlertDialog";
4
6
  export { default as Button } from "./Button";
@@ -11,6 +13,7 @@ export { default as Footer, FooterLinks } from "./Footer";
11
13
  export { default as Form } from "./Form";
12
14
  export { default as Header } from "./Header";
13
15
  export { default as InlineAlert } from "./InlineAlert";
16
+ export { default as Link } from "./Link";
14
17
  export { default as Modal } from "./Modal";
15
18
  export { default as Radio } from "./Radio";
16
19
  export { default as RadioGroup } from "./RadioGroup";
package/dist/index.d.ts CHANGED
@@ -1,8 +1,19 @@
1
1
  import * as react_jsx_runtime from 'react/jsx-runtime';
2
- import { DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, ModalOverlayProps, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
2
+ import { DisclosureProps, DisclosureGroupProps, DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, LinkProps as LinkProps$1, ModalOverlayProps, RadioProps, RadioGroupProps as RadioGroupProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, Key, TagProps as TagProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps } from 'react-aria-components';
3
3
  export { DialogTrigger, TooltipTrigger } from 'react-aria-components';
4
4
  import { PropsWithChildren } from 'react';
5
5
 
6
+ interface AccordionProps extends DisclosureProps {
7
+ label?: string;
8
+ }
9
+ declare function Accordion({ label, children, ...props }: AccordionProps): react_jsx_runtime.JSX.Element;
10
+
11
+ interface AccordionGroupProps extends DisclosureGroupProps {
12
+ title?: string;
13
+ titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
14
+ }
15
+ declare function AccordionGroup({ title, titleElement, children, ...props }: AccordionGroupProps): react_jsx_runtime.JSX.Element;
16
+
6
17
  interface AlertBannerProps extends React.PropsWithChildren {
7
18
  variant?: "info" | "success" | "warning" | "danger" | "black";
8
19
  isIconHidden?: boolean;
@@ -180,6 +191,19 @@ interface InlineAlertProps extends React.PropsWithChildren {
180
191
  }
181
192
  declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
182
193
 
194
+ interface LinkProps extends LinkProps$1 {
195
+ children?: React.ReactNode;
196
+ size?: "small" | "medium" | "large";
197
+ isButton?: boolean;
198
+ buttonVariant?: "primary" | "secondary" | "tertiary";
199
+ ariaLabel?: string | undefined;
200
+ danger?: boolean;
201
+ isUnstyled?: boolean;
202
+ iconLeft?: React.ReactElement;
203
+ iconRight?: React.ReactElement;
204
+ }
205
+ declare function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps): react_jsx_runtime.JSX.Element;
206
+
183
207
  declare function Modal({ children, ...props }: ModalOverlayProps): react_jsx_runtime.JSX.Element;
184
208
 
185
209
  declare function Radio({ value, children, ...props }: RadioProps): react_jsx_runtime.JSX.Element;
@@ -354,4 +378,4 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
354
378
 
355
379
  declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
356
380
 
357
- export { AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, InlineAlert, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
381
+ export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, InlineAlert, Link, Modal, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, 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.4.1-rc1",
3
+ "version": "0.5.0-pr507",
4
4
  "type": "module",
5
5
  "scripts": {
6
6
  "rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
@@ -23,13 +23,13 @@
23
23
  ],
24
24
  "types": "dist/index.d.ts",
25
25
  "dependencies": {
26
- "@bcgov/design-tokens": "3.1.1",
27
- "react-aria-components": "1.3.3"
26
+ "@bcgov/design-tokens": "3.2.0",
27
+ "react-aria-components": "1.5.0"
28
28
  },
29
29
  "peerDependencies": {
30
30
  "@bcgov/bc-sans": "^2.1.0",
31
- "react": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0",
32
- "react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0"
31
+ "react": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0",
32
+ "react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
33
33
  },
34
34
  "devDependencies": {
35
35
  "@react-stately/data": "3.11.6",
@@ -37,15 +37,15 @@
37
37
  "@rollup/plugin-json": "6.1.0",
38
38
  "@rollup/plugin-node-resolve": "15.2.3",
39
39
  "@rollup/plugin-typescript": "11.1.6",
40
- "@storybook/addon-a11y": "8.3.2",
41
- "@storybook/addon-essentials": "8.3.2",
42
- "@storybook/addon-interactions": "8.3.2",
43
- "@storybook/addon-links": "8.3.2",
44
- "@storybook/blocks": "8.3.2",
45
- "@storybook/react": "8.3.2",
46
- "@storybook/react-vite": "8.3.2",
47
- "@storybook/test": "8.3.2",
48
- "@storybook/test-runner": "0.19.1",
40
+ "@storybook/addon-a11y": "8.4.7",
41
+ "@storybook/addon-essentials": "8.4.7",
42
+ "@storybook/addon-interactions": "8.4.7",
43
+ "@storybook/addon-links": "8.4.7",
44
+ "@storybook/blocks": "8.4.7",
45
+ "@storybook/react": "8.4.7",
46
+ "@storybook/react-vite": "8.4.7",
47
+ "@storybook/test": "8.4.7",
48
+ "@storybook/test-runner": "0.20.1",
49
49
  "@testing-library/jest-dom": "6.5.0",
50
50
  "@testing-library/react": "16.0.1",
51
51
  "@types/jest": "29.5.13",
@@ -66,7 +66,7 @@
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",
69
- "storybook": "8.3.2",
69
+ "storybook": "8.4.7",
70
70
  "ts-jest": "29.2.5",
71
71
  "ts-node": "10.9.2",
72
72
  "tslib": "2.7.0",