@bcgov/design-system-react-components 0.1.3 → 0.1.4-pr475
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/dist/cjs/index.cjs +75 -67
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/cjs/types/components/ButtonGroup/ButtonGroup.test.d.ts +1 -0
- package/dist/cjs/types/components/Form/Form.d.ts +1 -2
- package/dist/cjs/types/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.d.ts +3 -0
- package/dist/cjs/types/components/Icons/SvgChevronDownIcon/index.d.ts +1 -0
- package/dist/cjs/types/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.d.ts +3 -0
- package/dist/cjs/types/components/Icons/SvgChevronUpIcon/index.d.ts +1 -0
- package/dist/cjs/types/components/index.d.ts +2 -0
- package/dist/esm/index.js +75 -69
- package/dist/esm/index.js.map +1 -1
- package/dist/esm/types/components/ButtonGroup/ButtonGroup.test.d.ts +1 -0
- package/dist/esm/types/components/Form/Form.d.ts +1 -2
- package/dist/esm/types/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.d.ts +3 -0
- package/dist/esm/types/components/Icons/SvgChevronDownIcon/index.d.ts +1 -0
- package/dist/esm/types/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.d.ts +3 -0
- package/dist/esm/types/components/Icons/SvgChevronUpIcon/index.d.ts +1 -0
- package/dist/esm/types/components/index.d.ts +2 -0
- package/dist/index.d.ts +10 -3
- package/package.json +22 -22
- package/dist/cjs/types/components/Select/ListBoxItem.d.ts +0 -15
- package/dist/esm/types/components/Select/ListBoxItem.d.ts +0 -15
|
@@ -0,0 +1 @@
|
|
|
1
|
+
import "@testing-library/jest-dom";
|
|
@@ -1,4 +1,3 @@
|
|
|
1
1
|
import { FormProps as ReactAriaFormProps } from "react-aria-components";
|
|
2
|
-
export
|
|
3
|
-
}
|
|
2
|
+
export type FormProps = ReactAriaFormProps;
|
|
4
3
|
export default function Form({ ...props }: FormProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./SvgChevronDownIcon";
|
|
@@ -0,0 +1 @@
|
|
|
1
|
+
export { default } from "./SvgChevronUpIcon";
|
|
@@ -10,6 +10,8 @@ export { default as SvgBcLogo } from "./Icons/SvgBcLogo";
|
|
|
10
10
|
export { default as SvgCheckCircleIcon } from "./Icons/SvgCheckCircleIcon";
|
|
11
11
|
export { default as SvgExclamationIcon } from "./Icons/SvgExclamationIcon";
|
|
12
12
|
export { default as SvgExclamationCircleIcon } from "./Icons/SvgExclamationCircleIcon";
|
|
13
|
+
export { default as SvgChevronUpIcon } from "./Icons/SvgChevronUpIcon";
|
|
14
|
+
export { default as SvgChevronDownIcon } from "./Icons/SvgChevronDownIcon";
|
|
13
15
|
export { default as SvgCloseIcon } from "./Icons/SvgCloseIcon";
|
|
14
16
|
export { default as SvgInfoIcon } from "./Icons/SvgInfoIcon";
|
|
15
17
|
export { default as Tag } from "./Tag";
|
package/dist/index.d.ts
CHANGED
|
@@ -132,8 +132,7 @@ interface FooterProps {
|
|
|
132
132
|
*/
|
|
133
133
|
declare function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React$1.PropsWithChildren<FooterProps>): react_jsx_runtime.JSX.Element;
|
|
134
134
|
|
|
135
|
-
|
|
136
|
-
}
|
|
135
|
+
type FormProps = FormProps$1;
|
|
137
136
|
declare function Form({ ...props }: FormProps): react_jsx_runtime.JSX.Element;
|
|
138
137
|
|
|
139
138
|
interface ListBoxItemProps extends ListBoxItemProps$1 {
|
|
@@ -190,6 +189,14 @@ declare function SvgExclamationCircleIcon({ id, }: {
|
|
|
190
189
|
id?: string | undefined;
|
|
191
190
|
}): react_jsx_runtime.JSX.Element;
|
|
192
191
|
|
|
192
|
+
declare function SvgChevronUpIcon({ id }: {
|
|
193
|
+
id?: string | undefined;
|
|
194
|
+
}): react_jsx_runtime.JSX.Element;
|
|
195
|
+
|
|
196
|
+
declare function SvgChevronDownIcon({ id }: {
|
|
197
|
+
id?: string | undefined;
|
|
198
|
+
}): react_jsx_runtime.JSX.Element;
|
|
199
|
+
|
|
193
200
|
declare function SvgCloseIcon({ id }: {
|
|
194
201
|
id?: string | undefined;
|
|
195
202
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -260,4 +267,4 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
|
|
|
260
267
|
|
|
261
268
|
declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
262
269
|
|
|
263
|
-
export { Button, ButtonGroup, Footer, FooterLinks, Form, Header, InlineAlert, Select, SvgBcLogo, SvgCheckCircleIcon, SvgCloseIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, Switch, Tag, TagGroup, TagList, TextArea, TextField, Tooltip };
|
|
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 };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bcgov/design-system-react-components",
|
|
3
|
-
"version": "0.1.
|
|
3
|
+
"version": "0.1.4-pr475",
|
|
4
4
|
"type": "module",
|
|
5
5
|
"scripts": {
|
|
6
6
|
"rollup": "rm -rf dist && rollup -c --bundleConfigAsCjs",
|
|
@@ -23,8 +23,8 @@
|
|
|
23
23
|
],
|
|
24
24
|
"types": "dist/index.d.ts",
|
|
25
25
|
"dependencies": {
|
|
26
|
-
"@bcgov/design-tokens": "3.
|
|
27
|
-
"react-aria-components": "1.3.
|
|
26
|
+
"@bcgov/design-tokens": "3.1.1",
|
|
27
|
+
"react-aria-components": "1.3.3"
|
|
28
28
|
},
|
|
29
29
|
"peerDependencies": {
|
|
30
30
|
"@bcgov/bc-sans": "^2.1.0",
|
|
@@ -37,41 +37,41 @@
|
|
|
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.2.
|
|
41
|
-
"@storybook/addon-essentials": "8.2.
|
|
42
|
-
"@storybook/addon-interactions": "8.2.
|
|
43
|
-
"@storybook/addon-links": "8.2.
|
|
44
|
-
"@storybook/blocks": "8.2.
|
|
45
|
-
"@storybook/react": "8.2.
|
|
46
|
-
"@storybook/react-vite": "8.2.
|
|
47
|
-
"@storybook/test": "8.2.
|
|
40
|
+
"@storybook/addon-a11y": "8.2.9",
|
|
41
|
+
"@storybook/addon-essentials": "8.2.9",
|
|
42
|
+
"@storybook/addon-interactions": "8.2.9",
|
|
43
|
+
"@storybook/addon-links": "8.2.9",
|
|
44
|
+
"@storybook/blocks": "8.2.9",
|
|
45
|
+
"@storybook/react": "8.2.9",
|
|
46
|
+
"@storybook/react-vite": "8.2.9",
|
|
47
|
+
"@storybook/test": "8.2.9",
|
|
48
48
|
"@storybook/test-runner": "0.19.1",
|
|
49
|
-
"@testing-library/jest-dom": "6.
|
|
49
|
+
"@testing-library/jest-dom": "6.5.0",
|
|
50
50
|
"@testing-library/react": "16.0.0",
|
|
51
51
|
"@types/jest": "29.5.12",
|
|
52
|
-
"@types/react": "18.3.
|
|
52
|
+
"@types/react": "18.3.4",
|
|
53
53
|
"@types/react-dom": "18.3.0",
|
|
54
|
-
"@typescript-eslint/eslint-plugin": "
|
|
55
|
-
"@typescript-eslint/parser": "
|
|
54
|
+
"@typescript-eslint/eslint-plugin": "8.3.0",
|
|
55
|
+
"@typescript-eslint/parser": "8.3.0",
|
|
56
56
|
"@vitejs/plugin-react": "4.3.1",
|
|
57
|
-
"axe-playwright": "2.0.
|
|
57
|
+
"axe-playwright": "2.0.2",
|
|
58
58
|
"eslint": "8.57.0",
|
|
59
59
|
"eslint-plugin-react-hooks": "4.6.2",
|
|
60
|
-
"eslint-plugin-react-refresh": "0.4.
|
|
60
|
+
"eslint-plugin-react-refresh": "0.4.11",
|
|
61
61
|
"eslint-plugin-storybook": "0.8.0",
|
|
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.
|
|
65
|
+
"rollup": "4.21.1",
|
|
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.2.
|
|
70
|
-
"ts-jest": "29.2.
|
|
69
|
+
"storybook": "8.2.9",
|
|
70
|
+
"ts-jest": "29.2.5",
|
|
71
71
|
"ts-node": "10.9.2",
|
|
72
|
-
"tslib": "2.
|
|
72
|
+
"tslib": "2.7.0",
|
|
73
73
|
"typescript": "5.5.4",
|
|
74
|
-
"vite": "5.
|
|
74
|
+
"vite": "5.4.2"
|
|
75
75
|
},
|
|
76
76
|
"author": "Tyler Krys <Tyler.Krys@gov.bc.ca>",
|
|
77
77
|
"license": "Apache-2.0",
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ListBoxItemProps as ReactAriaListBoxItemProps } from "react-aria-components";
|
|
2
|
-
import "./ListBoxItem.css";
|
|
3
|
-
export interface ListBoxItemProps extends ReactAriaListBoxItemProps {
|
|
4
|
-
/** Text label for the option. Provide an `id` if this is not unique. */
|
|
5
|
-
label: string;
|
|
6
|
-
/** Descriptive text that appears below the option's label */
|
|
7
|
-
description?: string;
|
|
8
|
-
/** Marks an option visually with red text to indicate a destructive/dangerous option */
|
|
9
|
-
isDestructive?: boolean;
|
|
10
|
-
/** Left icon slot */
|
|
11
|
-
iconLeft?: React.ReactElement;
|
|
12
|
-
/** Right icon slot */
|
|
13
|
-
iconRight?: React.ReactElement;
|
|
14
|
-
}
|
|
15
|
-
export default function ListBoxItem({ id, description, href, label, iconLeft, iconRight, isDestructive, }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,15 +0,0 @@
|
|
|
1
|
-
import { ListBoxItemProps as ReactAriaListBoxItemProps } from "react-aria-components";
|
|
2
|
-
import "./ListBoxItem.css";
|
|
3
|
-
export interface ListBoxItemProps extends ReactAriaListBoxItemProps {
|
|
4
|
-
/** Text label for the option. Provide an `id` if this is not unique. */
|
|
5
|
-
label: string;
|
|
6
|
-
/** Descriptive text that appears below the option's label */
|
|
7
|
-
description?: string;
|
|
8
|
-
/** Marks an option visually with red text to indicate a destructive/dangerous option */
|
|
9
|
-
isDestructive?: boolean;
|
|
10
|
-
/** Left icon slot */
|
|
11
|
-
iconLeft?: React.ReactElement;
|
|
12
|
-
/** Right icon slot */
|
|
13
|
-
iconRight?: React.ReactElement;
|
|
14
|
-
}
|
|
15
|
-
export default function ListBoxItem({ id, description, href, label, iconLeft, iconRight, isDestructive, }: ListBoxItemProps): import("react/jsx-runtime").JSX.Element;
|