@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.
- package/README.md +23 -19
- package/dist/cjs/index.cjs +1609 -812
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/types/components/Accordion/Accordion.d.ts +6 -0
- package/dist/cjs/types/components/Accordion/index.d.ts +2 -0
- package/dist/cjs/types/components/AccordionGroup/AccordionGroup.d.ts +7 -0
- package/dist/cjs/types/components/AccordionGroup/index.d.ts +2 -0
- package/dist/cjs/types/components/Link/Link.d.ts +15 -0
- package/dist/cjs/types/components/Link/index.d.ts +2 -0
- package/dist/cjs/types/components/index.d.ts +3 -0
- package/dist/esm/index.js +1608 -814
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/Accordion/Accordion.d.ts +6 -0
- package/dist/esm/types/components/Accordion/index.d.ts +2 -0
- package/dist/esm/types/components/AccordionGroup/AccordionGroup.d.ts +7 -0
- package/dist/esm/types/components/AccordionGroup/index.d.ts +2 -0
- package/dist/esm/types/components/Link/Link.d.ts +15 -0
- package/dist/esm/types/components/Link/index.d.ts +2 -0
- package/dist/esm/types/components/index.d.ts +3 -0
- package/dist/index.d.ts +26 -2
- package/package.json +15 -15
|
@@ -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,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,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;
|
|
@@ -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.
|
|
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.
|
|
27
|
-
"react-aria-components": "1.
|
|
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.
|
|
41
|
-
"@storybook/addon-essentials": "8.
|
|
42
|
-
"@storybook/addon-interactions": "8.
|
|
43
|
-
"@storybook/addon-links": "8.
|
|
44
|
-
"@storybook/blocks": "8.
|
|
45
|
-
"@storybook/react": "8.
|
|
46
|
-
"@storybook/react-vite": "8.
|
|
47
|
-
"@storybook/test": "8.
|
|
48
|
-
"@storybook/test-runner": "0.
|
|
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.
|
|
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",
|