@bcgov/design-system-react-components 0.5.2-pr → 0.5.2-pr575
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 +36 -6
- package/dist/cjs/index.cjs +2967 -873
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +2965 -874
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +22 -5
- package/package.json +56 -43
- package/dist/cjs/types/components/Accordion/Accordion.d.ts +0 -6
- package/dist/cjs/types/components/Accordion/index.d.ts +0 -2
- package/dist/cjs/types/components/AccordionGroup/AccordionGroup.d.ts +0 -7
- package/dist/cjs/types/components/AccordionGroup/index.d.ts +0 -2
- package/dist/cjs/types/components/AlertBanner/AlertBanner.d.ts +0 -10
- package/dist/cjs/types/components/AlertBanner/index.d.ts +0 -2
- package/dist/cjs/types/components/AlertDialog/AlertDialog.d.ts +0 -11
- package/dist/cjs/types/components/AlertDialog/AlertDialog.test.d.ts +0 -1
- package/dist/cjs/types/components/AlertDialog/index.d.ts +0 -2
- package/dist/cjs/types/components/Button/Button.d.ts +0 -21
- package/dist/cjs/types/components/Button/Button.test.d.ts +0 -1
- package/dist/cjs/types/components/Button/index.d.ts +0 -2
- package/dist/cjs/types/components/ButtonGroup/ButtonGroup.d.ts +0 -7
- package/dist/cjs/types/components/ButtonGroup/ButtonGroup.test.d.ts +0 -1
- package/dist/cjs/types/components/ButtonGroup/index.d.ts +0 -2
- package/dist/cjs/types/components/Callout/Callout.d.ts +0 -10
- package/dist/cjs/types/components/Callout/index.d.ts +0 -2
- package/dist/cjs/types/components/Checkbox/Checkbox.d.ts +0 -3
- package/dist/cjs/types/components/Checkbox/Checkbox.test.d.ts +0 -1
- package/dist/cjs/types/components/Checkbox/index.d.ts +0 -2
- package/dist/cjs/types/components/CheckboxGroup/CheckboxGroup.d.ts +0 -11
- package/dist/cjs/types/components/CheckboxGroup/CheckboxGroup.test.d.ts +0 -1
- package/dist/cjs/types/components/CheckboxGroup/index.d.ts +0 -2
- package/dist/cjs/types/components/Dialog/Dialog.d.ts +0 -11
- package/dist/cjs/types/components/Dialog/Dialog.test.d.ts +0 -1
- package/dist/cjs/types/components/Dialog/index.d.ts +0 -2
- package/dist/cjs/types/components/Footer/Footer.d.ts +0 -62
- package/dist/cjs/types/components/Footer/Footer.test.d.ts +0 -1
- package/dist/cjs/types/components/Footer/index.d.ts +0 -2
- package/dist/cjs/types/components/Form/Form.d.ts +0 -2
- package/dist/cjs/types/components/Form/Form.test.d.ts +0 -1
- package/dist/cjs/types/components/Form/index.d.ts +0 -2
- package/dist/cjs/types/components/Header/Header.d.ts +0 -29
- package/dist/cjs/types/components/Header/Header.test.d.ts +0 -1
- package/dist/cjs/types/components/Header/index.d.ts +0 -2
- package/dist/cjs/types/components/Heading/Heading.d.ts +0 -7
- package/dist/cjs/types/components/Heading/index.d.ts +0 -2
- package/dist/cjs/types/components/Icons/SvgBcLogo/SvgBcLogo.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgBcLogo/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgBcOutlineIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgBetaIcon/SvgBetaIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgBetaIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgCheckCircleIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgCheckIcon/SvgCheckIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgCheckIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgChevronDownIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgChevronUpIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgCloseIcon/SvgCloseIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgCloseIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgDashIcon/SvgDashIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgDashIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgExclamationCircleIcon/SvgExclamationCircleIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgExclamationCircleIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgExclamationIcon/SvgExclamationIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgExclamationIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgInfoIcon/SvgInfoIcon.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgInfoIcon/index.d.ts +0 -1
- package/dist/cjs/types/components/Icons/SvgTooltipArrowUp/SvgTooltipArrowUp.d.ts +0 -3
- package/dist/cjs/types/components/Icons/SvgTooltipArrowUp/index.d.ts +0 -1
- package/dist/cjs/types/components/InlineAlert/InlineAlert.d.ts +0 -12
- package/dist/cjs/types/components/InlineAlert/InlineAlert.test.d.ts +0 -1
- package/dist/cjs/types/components/InlineAlert/index.d.ts +0 -2
- package/dist/cjs/types/components/Link/Link.d.ts +0 -15
- package/dist/cjs/types/components/Link/index.d.ts +0 -2
- package/dist/cjs/types/components/Modal/Modal.d.ts +0 -3
- package/dist/cjs/types/components/Modal/Modal.test.d.ts +0 -1
- package/dist/cjs/types/components/Modal/index.d.ts +0 -2
- package/dist/cjs/types/components/Radio/Radio.d.ts +0 -3
- package/dist/cjs/types/components/Radio/Radio.test.d.ts +0 -1
- package/dist/cjs/types/components/Radio/index.d.ts +0 -2
- package/dist/cjs/types/components/RadioGroup/RadioGroup.d.ts +0 -12
- package/dist/cjs/types/components/RadioGroup/RadioGroup.test.d.ts +0 -1
- package/dist/cjs/types/components/RadioGroup/index.d.ts +0 -2
- package/dist/cjs/types/components/Select/Select.d.ts +0 -39
- package/dist/cjs/types/components/Select/index.d.ts +0 -2
- package/dist/cjs/types/components/Switch/Switch.d.ts +0 -6
- package/dist/cjs/types/components/Switch/Switch.test.d.ts +0 -1
- package/dist/cjs/types/components/Switch/index.d.ts +0 -2
- package/dist/cjs/types/components/Tag/Tag.d.ts +0 -21
- package/dist/cjs/types/components/Tag/index.d.ts +0 -2
- package/dist/cjs/types/components/TagGroup/TagGroup.d.ts +0 -17
- package/dist/cjs/types/components/TagGroup/index.d.ts +0 -2
- package/dist/cjs/types/components/TagList/TagList.d.ts +0 -11
- package/dist/cjs/types/components/TagList/index.d.ts +0 -2
- package/dist/cjs/types/components/Text/Text.d.ts +0 -8
- package/dist/cjs/types/components/Text/index.d.ts +0 -2
- package/dist/cjs/types/components/TextArea/TextArea.d.ts +0 -8
- package/dist/cjs/types/components/TextArea/index.d.ts +0 -2
- package/dist/cjs/types/components/TextField/TextField.d.ts +0 -11
- package/dist/cjs/types/components/TextField/index.d.ts +0 -2
- package/dist/cjs/types/components/Tooltip/Tooltip.d.ts +0 -5
- package/dist/cjs/types/components/Tooltip/index.d.ts +0 -2
- package/dist/cjs/types/components/index.d.ts +0 -42
- package/dist/cjs/types/index.d.ts +0 -1
- package/dist/esm/types/components/Accordion/Accordion.d.ts +0 -6
- package/dist/esm/types/components/Accordion/index.d.ts +0 -2
- package/dist/esm/types/components/AccordionGroup/AccordionGroup.d.ts +0 -7
- package/dist/esm/types/components/AccordionGroup/index.d.ts +0 -2
- package/dist/esm/types/components/AlertBanner/AlertBanner.d.ts +0 -10
- package/dist/esm/types/components/AlertBanner/index.d.ts +0 -2
- package/dist/esm/types/components/AlertDialog/AlertDialog.d.ts +0 -11
- package/dist/esm/types/components/AlertDialog/AlertDialog.test.d.ts +0 -1
- package/dist/esm/types/components/AlertDialog/index.d.ts +0 -2
- package/dist/esm/types/components/Button/Button.d.ts +0 -21
- package/dist/esm/types/components/Button/Button.test.d.ts +0 -1
- package/dist/esm/types/components/Button/index.d.ts +0 -2
- package/dist/esm/types/components/ButtonGroup/ButtonGroup.d.ts +0 -7
- package/dist/esm/types/components/ButtonGroup/ButtonGroup.test.d.ts +0 -1
- package/dist/esm/types/components/ButtonGroup/index.d.ts +0 -2
- package/dist/esm/types/components/Callout/Callout.d.ts +0 -10
- package/dist/esm/types/components/Callout/index.d.ts +0 -2
- package/dist/esm/types/components/Checkbox/Checkbox.d.ts +0 -3
- package/dist/esm/types/components/Checkbox/Checkbox.test.d.ts +0 -1
- package/dist/esm/types/components/Checkbox/index.d.ts +0 -2
- package/dist/esm/types/components/CheckboxGroup/CheckboxGroup.d.ts +0 -11
- package/dist/esm/types/components/CheckboxGroup/CheckboxGroup.test.d.ts +0 -1
- package/dist/esm/types/components/CheckboxGroup/index.d.ts +0 -2
- package/dist/esm/types/components/Dialog/Dialog.d.ts +0 -11
- package/dist/esm/types/components/Dialog/Dialog.test.d.ts +0 -1
- package/dist/esm/types/components/Dialog/index.d.ts +0 -2
- package/dist/esm/types/components/Footer/Footer.d.ts +0 -62
- package/dist/esm/types/components/Footer/Footer.test.d.ts +0 -1
- package/dist/esm/types/components/Footer/index.d.ts +0 -2
- package/dist/esm/types/components/Form/Form.d.ts +0 -2
- package/dist/esm/types/components/Form/Form.test.d.ts +0 -1
- package/dist/esm/types/components/Form/index.d.ts +0 -2
- package/dist/esm/types/components/Header/Header.d.ts +0 -29
- package/dist/esm/types/components/Header/Header.test.d.ts +0 -1
- package/dist/esm/types/components/Header/index.d.ts +0 -2
- package/dist/esm/types/components/Heading/Heading.d.ts +0 -7
- package/dist/esm/types/components/Heading/index.d.ts +0 -2
- package/dist/esm/types/components/Icons/SvgBcLogo/SvgBcLogo.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgBcLogo/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgBcOutlineIcon/SvgBcOutlineIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgBcOutlineIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgBetaIcon/SvgBetaIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgBetaIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgCheckCircleIcon/SvgCheckCircleIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgCheckCircleIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgCheckIcon/SvgCheckIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgCheckIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgChevronDownIcon/SvgChevronDownIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgChevronDownIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgChevronUpIcon/SvgChevronUpIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgChevronUpIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgCloseIcon/SvgCloseIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgCloseIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgDashIcon/SvgDashIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgDashIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgExclamationCircleIcon/SvgExclamationCircleIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgExclamationCircleIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgExclamationIcon/SvgExclamationIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgExclamationIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgInfoIcon/SvgInfoIcon.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgInfoIcon/index.d.ts +0 -1
- package/dist/esm/types/components/Icons/SvgTooltipArrowUp/SvgTooltipArrowUp.d.ts +0 -3
- package/dist/esm/types/components/Icons/SvgTooltipArrowUp/index.d.ts +0 -1
- package/dist/esm/types/components/InlineAlert/InlineAlert.d.ts +0 -12
- package/dist/esm/types/components/InlineAlert/InlineAlert.test.d.ts +0 -1
- package/dist/esm/types/components/InlineAlert/index.d.ts +0 -2
- package/dist/esm/types/components/Link/Link.d.ts +0 -15
- package/dist/esm/types/components/Link/index.d.ts +0 -2
- package/dist/esm/types/components/Modal/Modal.d.ts +0 -3
- package/dist/esm/types/components/Modal/Modal.test.d.ts +0 -1
- package/dist/esm/types/components/Modal/index.d.ts +0 -2
- package/dist/esm/types/components/Radio/Radio.d.ts +0 -3
- package/dist/esm/types/components/Radio/Radio.test.d.ts +0 -1
- package/dist/esm/types/components/Radio/index.d.ts +0 -2
- package/dist/esm/types/components/RadioGroup/RadioGroup.d.ts +0 -12
- package/dist/esm/types/components/RadioGroup/RadioGroup.test.d.ts +0 -1
- package/dist/esm/types/components/RadioGroup/index.d.ts +0 -2
- package/dist/esm/types/components/Select/Select.d.ts +0 -39
- package/dist/esm/types/components/Select/index.d.ts +0 -2
- package/dist/esm/types/components/Switch/Switch.d.ts +0 -6
- package/dist/esm/types/components/Switch/Switch.test.d.ts +0 -1
- package/dist/esm/types/components/Switch/index.d.ts +0 -2
- package/dist/esm/types/components/Tag/Tag.d.ts +0 -21
- package/dist/esm/types/components/Tag/index.d.ts +0 -2
- package/dist/esm/types/components/TagGroup/TagGroup.d.ts +0 -17
- package/dist/esm/types/components/TagGroup/index.d.ts +0 -2
- package/dist/esm/types/components/TagList/TagList.d.ts +0 -11
- package/dist/esm/types/components/TagList/index.d.ts +0 -2
- package/dist/esm/types/components/Text/Text.d.ts +0 -8
- package/dist/esm/types/components/Text/index.d.ts +0 -2
- package/dist/esm/types/components/TextArea/TextArea.d.ts +0 -8
- package/dist/esm/types/components/TextArea/index.d.ts +0 -2
- package/dist/esm/types/components/TextField/TextField.d.ts +0 -11
- package/dist/esm/types/components/TextField/index.d.ts +0 -2
- package/dist/esm/types/components/Tooltip/Tooltip.d.ts +0 -5
- package/dist/esm/types/components/Tooltip/index.d.ts +0 -2
- package/dist/esm/types/components/index.d.ts +0 -42
- package/dist/esm/types/index.d.ts +0 -1
package/dist/index.d.ts
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
import * as react_jsx_runtime from 'react/jsx-runtime';
|
|
2
|
-
import { DisclosureProps, DisclosureGroupProps, DialogProps as DialogProps$1, ButtonProps as ButtonProps$1, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, FormProps, HeadingProps as HeadingProps$1, 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, TextProps as TextProps$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, HeadingProps as HeadingProps$1, 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, TextProps as TextProps$1, TextFieldProps as TextFieldProps$1, SwitchProps as SwitchProps$1, TooltipProps, NumberFieldProps as NumberFieldProps$1 } from 'react-aria-components';
|
|
3
3
|
export { DialogTrigger, TooltipTrigger } from 'react-aria-components';
|
|
4
4
|
import { PropsWithChildren } from 'react';
|
|
5
5
|
|
|
@@ -161,7 +161,7 @@ interface HeaderProps {
|
|
|
161
161
|
/**
|
|
162
162
|
* Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
|
|
163
163
|
*/
|
|
164
|
-
logoImage?:
|
|
164
|
+
logoImage?: React.ReactNode;
|
|
165
165
|
/**
|
|
166
166
|
* Array of link elements that are not visible until they are focused. Used
|
|
167
167
|
* for accessibility for keyboard users, to let them easily skip to main
|
|
@@ -192,10 +192,11 @@ interface InlineAlertProps extends React.PropsWithChildren {
|
|
|
192
192
|
buttons?: React.ReactNode;
|
|
193
193
|
isCloseable?: boolean;
|
|
194
194
|
isIconHidden?: boolean;
|
|
195
|
+
customIcon?: React.ReactNode;
|
|
195
196
|
role?: React.AriaRole | undefined;
|
|
196
197
|
onClose?: () => void;
|
|
197
198
|
}
|
|
198
|
-
declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
|
|
199
|
+
declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, customIcon, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
|
|
199
200
|
|
|
200
201
|
interface LinkProps extends LinkProps$1 {
|
|
201
202
|
children?: React.ReactNode;
|
|
@@ -283,7 +284,7 @@ declare function SvgCheckCircleIcon({ id }: {
|
|
|
283
284
|
id?: string | undefined;
|
|
284
285
|
}): react_jsx_runtime.JSX.Element;
|
|
285
286
|
|
|
286
|
-
declare function SvgDashIcon({ id }: {
|
|
287
|
+
declare function SvgDashIcon$1({ id }: {
|
|
287
288
|
id?: string | undefined;
|
|
288
289
|
}): react_jsx_runtime.JSX.Element;
|
|
289
290
|
|
|
@@ -311,6 +312,14 @@ declare function SvgInfoIcon({ id }: {
|
|
|
311
312
|
id?: string | undefined;
|
|
312
313
|
}): react_jsx_runtime.JSX.Element;
|
|
313
314
|
|
|
315
|
+
declare function SvgDashIcon({ id }: {
|
|
316
|
+
id?: string | undefined;
|
|
317
|
+
}): react_jsx_runtime.JSX.Element;
|
|
318
|
+
|
|
319
|
+
declare function SvgPlusIcon({ id }: {
|
|
320
|
+
id?: string | undefined;
|
|
321
|
+
}): react_jsx_runtime.JSX.Element;
|
|
322
|
+
|
|
314
323
|
declare function SvgTooltipArrowUp({ id }: {
|
|
315
324
|
id?: string | undefined;
|
|
316
325
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -391,4 +400,12 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
|
|
|
391
400
|
|
|
392
401
|
declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
393
402
|
|
|
394
|
-
|
|
403
|
+
interface NumberFieldProps extends NumberFieldProps$1 {
|
|
404
|
+
size?: "small" | "medium";
|
|
405
|
+
label?: string;
|
|
406
|
+
description?: string;
|
|
407
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
408
|
+
}
|
|
409
|
+
declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
|
|
410
|
+
|
|
411
|
+
export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Callout, Checkbox, CheckboxGroup, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Modal, NumberField, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon$1 as SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgDashIcon as SvgMinusIcon, SvgPlusIcon, SvgTooltipArrowUp, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, Tooltip };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bcgov/design-system-react-components",
|
|
3
|
-
"version": "0.5.2-
|
|
3
|
+
"version": "0.5.2-pr575",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/bcgov/design-system.git",
|
|
@@ -8,28 +8,40 @@
|
|
|
8
8
|
},
|
|
9
9
|
"type": "module",
|
|
10
10
|
"scripts": {
|
|
11
|
-
"
|
|
11
|
+
"clean": "rm -rf dist",
|
|
12
|
+
"build:js": "rollup -c rollup.config.js --bundleConfigAsCjs",
|
|
13
|
+
"build:types": "tsc -p tsconfig.types.json",
|
|
14
|
+
"build:dts": "rollup -c rollup.dts.config.js",
|
|
15
|
+
"build": "npm run clean && npm run build:js && npm run build:types && npm run build:dts",
|
|
12
16
|
"lint": "eslint . --ext ts,tsx --report-unused-disable-directives --max-warnings 0",
|
|
13
17
|
"storybook-dev": "storybook dev -p 6006",
|
|
14
18
|
"storybook-build": "storybook build",
|
|
15
|
-
"test": "npx
|
|
16
|
-
"test:
|
|
17
|
-
"test
|
|
18
|
-
"test-storybook": "
|
|
19
|
-
"test-storybook:ci": "test-storybook --maxWorkers=2",
|
|
19
|
+
"test": "npx vitest --project=unit --watch=false",
|
|
20
|
+
"test:watch": "npx vitest --project=unit",
|
|
21
|
+
"test-storybook": "npx vitest --project=storybook --watch=false",
|
|
22
|
+
"test-storybook:watch": "npx vitest --project=storybook",
|
|
20
23
|
"vite-dev": "vite",
|
|
21
24
|
"vite-build": "tsc && vite build",
|
|
22
25
|
"vite-preview": "vite preview"
|
|
23
26
|
},
|
|
24
27
|
"main": "dist/cjs/index.cjs",
|
|
25
28
|
"module": "dist/esm/index.js",
|
|
29
|
+
"types": "dist/index.d.ts",
|
|
30
|
+
"exports": {
|
|
31
|
+
".": {
|
|
32
|
+
"types": "./dist/index.d.ts",
|
|
33
|
+
"import": "./dist/esm/index.js",
|
|
34
|
+
"require": "./dist/cjs/index.cjs"
|
|
35
|
+
}
|
|
36
|
+
},
|
|
26
37
|
"files": [
|
|
27
|
-
"dist"
|
|
38
|
+
"dist/index.d.ts",
|
|
39
|
+
"dist/esm",
|
|
40
|
+
"dist/cjs"
|
|
28
41
|
],
|
|
29
|
-
"types": "dist/index.d.ts",
|
|
30
42
|
"dependencies": {
|
|
31
43
|
"@bcgov/design-tokens": "3.2.0",
|
|
32
|
-
"react-aria-components": "1.
|
|
44
|
+
"react-aria-components": "1.14.0"
|
|
33
45
|
},
|
|
34
46
|
"peerDependencies": {
|
|
35
47
|
"@bcgov/bc-sans": "^2.1.0",
|
|
@@ -37,42 +49,43 @@
|
|
|
37
49
|
"react-dom": "^16.14.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0"
|
|
38
50
|
},
|
|
39
51
|
"devDependencies": {
|
|
40
|
-
"@react-stately/data": "3.
|
|
41
|
-
"@rollup/plugin-commonjs": "
|
|
52
|
+
"@react-stately/data": "3.15.0",
|
|
53
|
+
"@rollup/plugin-commonjs": "29.0.0",
|
|
42
54
|
"@rollup/plugin-json": "6.1.0",
|
|
43
|
-
"@rollup/plugin-node-resolve": "
|
|
44
|
-
"@rollup/plugin-typescript": "
|
|
45
|
-
"@storybook/addon-a11y": "
|
|
46
|
-
"@storybook/addon-
|
|
47
|
-
"@storybook/
|
|
48
|
-
"@storybook/
|
|
49
|
-
"@
|
|
50
|
-
"@testing-library/
|
|
51
|
-
"@
|
|
52
|
-
"@types/react": "
|
|
53
|
-
"@types/react-dom": "
|
|
54
|
-
"@typescript-eslint/eslint-plugin": "8.
|
|
55
|
-
"@typescript-eslint/parser": "8.
|
|
56
|
-
"@vitejs/plugin-react": "5.1.
|
|
57
|
-
"
|
|
58
|
-
"
|
|
59
|
-
"
|
|
60
|
-
"eslint
|
|
61
|
-
"eslint-plugin-
|
|
62
|
-
"
|
|
63
|
-
"
|
|
64
|
-
"
|
|
65
|
-
"
|
|
66
|
-
"
|
|
55
|
+
"@rollup/plugin-node-resolve": "16.0.3",
|
|
56
|
+
"@rollup/plugin-typescript": "12.3.0",
|
|
57
|
+
"@storybook/addon-a11y": "10.1.10",
|
|
58
|
+
"@storybook/addon-docs": "10.1.10",
|
|
59
|
+
"@storybook/addon-links": "10.1.10",
|
|
60
|
+
"@storybook/addon-vitest": "10.1.10",
|
|
61
|
+
"@storybook/react-vite": "10.1.10",
|
|
62
|
+
"@testing-library/jest-dom": "6.9.1",
|
|
63
|
+
"@testing-library/react": "16.3.1",
|
|
64
|
+
"@types/react": "19.2.7",
|
|
65
|
+
"@types/react-dom": "19.2.3",
|
|
66
|
+
"@typescript-eslint/eslint-plugin": "8.50.1",
|
|
67
|
+
"@typescript-eslint/parser": "8.50.1",
|
|
68
|
+
"@vitejs/plugin-react": "5.1.2",
|
|
69
|
+
"@vitest/browser-playwright": "4.0.14",
|
|
70
|
+
"@vitest/coverage-v8": "4.0.14",
|
|
71
|
+
"axe-playwright": "2.2.2",
|
|
72
|
+
"eslint": "9.39.2",
|
|
73
|
+
"eslint-plugin-react-hooks": "7.0.1",
|
|
74
|
+
"eslint-plugin-react-refresh": "0.4.26",
|
|
75
|
+
"eslint-plugin-storybook": "10.1.10",
|
|
76
|
+
"globals": "16.5.0",
|
|
77
|
+
"jsdom": "27.4.0",
|
|
78
|
+
"playwright": "1.57.0",
|
|
79
|
+
"rollup": "4.54.0",
|
|
80
|
+
"rollup-plugin-dts": "6.3.0",
|
|
67
81
|
"rollup-plugin-peer-deps-external": "2.2.4",
|
|
68
82
|
"rollup-plugin-postcss": "4.0.2",
|
|
69
|
-
"storybook": "
|
|
70
|
-
"
|
|
71
|
-
"
|
|
72
|
-
"
|
|
73
|
-
"
|
|
74
|
-
"
|
|
75
|
-
"@storybook/addon-docs": "9.1.16"
|
|
83
|
+
"storybook": "10.1.10",
|
|
84
|
+
"tslib": "2.8.1",
|
|
85
|
+
"typescript": "5.9.3",
|
|
86
|
+
"typescript-eslint": "8.50.1",
|
|
87
|
+
"vite": "7.3.0",
|
|
88
|
+
"vitest": "4.0.14"
|
|
76
89
|
},
|
|
77
90
|
"optionalDependencies": {
|
|
78
91
|
"@rollup/rollup-linux-x64-gnu": "*"
|
|
@@ -1,6 +0,0 @@
|
|
|
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;
|
|
@@ -1,7 +0,0 @@
|
|
|
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;
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import "./AlertBanner.css";
|
|
2
|
-
export interface AlertBannerProps extends React.PropsWithChildren {
|
|
3
|
-
variant?: "info" | "success" | "warning" | "danger" | "black";
|
|
4
|
-
isIconHidden?: boolean;
|
|
5
|
-
isCloseable?: boolean;
|
|
6
|
-
role?: React.AriaRole | undefined;
|
|
7
|
-
customIcon?: React.ReactNode;
|
|
8
|
-
onClose?: () => void;
|
|
9
|
-
}
|
|
10
|
-
export default function AlertBanner({ variant, isIconHidden, isCloseable, role, onClose, children, customIcon, ...props }: AlertBannerProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { DialogTrigger, DialogProps as ReactAriaDialogProps } from "react-aria-components";
|
|
2
|
-
import "./AlertDialog.css";
|
|
3
|
-
export interface AlertDialogProps extends ReactAriaDialogProps {
|
|
4
|
-
variant?: "info" | "confirmation" | "warning" | "error" | "destructive";
|
|
5
|
-
title?: string;
|
|
6
|
-
isIconHidden?: boolean;
|
|
7
|
-
isCloseable?: boolean;
|
|
8
|
-
buttons?: React.ReactNode;
|
|
9
|
-
}
|
|
10
|
-
export default function AlertDialog({ children, variant, role, title, isCloseable, isIconHidden, buttons, ...props }: AlertDialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export { DialogTrigger };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,21 +0,0 @@
|
|
|
1
|
-
import { ButtonProps as ReactAriaButtonProps } from "react-aria-components";
|
|
2
|
-
import "./Button.css";
|
|
3
|
-
export interface ButtonProps extends ReactAriaButtonProps {
|
|
4
|
-
/**
|
|
5
|
-
* Defaults to `medium`. `small` is shorter vertically.
|
|
6
|
-
*/
|
|
7
|
-
size?: "xsmall" | "small" | "medium" | "large";
|
|
8
|
-
/**
|
|
9
|
-
* Defaults to `primary`.
|
|
10
|
-
*/
|
|
11
|
-
variant?: "primary" | "secondary" | "tertiary" | "link";
|
|
12
|
-
/**
|
|
13
|
-
* For destructive/deletion actions.
|
|
14
|
-
*/
|
|
15
|
-
danger?: boolean;
|
|
16
|
-
/**
|
|
17
|
-
* If true, renders a square button intended for a single icon.
|
|
18
|
-
*/
|
|
19
|
-
isIconButton?: boolean;
|
|
20
|
-
}
|
|
21
|
-
export default function Button({ size, variant, danger, isIconButton, ...props }: ButtonProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import "./ButtonGroup.css";
|
|
2
|
-
export interface ButtonGroupProps extends React.PropsWithChildren {
|
|
3
|
-
orientation?: "horizontal" | "vertical";
|
|
4
|
-
alignment?: "start" | "center" | "end";
|
|
5
|
-
ariaLabel?: string | undefined;
|
|
6
|
-
}
|
|
7
|
-
export default function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,10 +0,0 @@
|
|
|
1
|
-
import "./Callout.css";
|
|
2
|
-
export interface CalloutProps extends React.PropsWithChildren {
|
|
3
|
-
variant?: "lightGrey" | "lightBlue" | "lightGold" | "Blue" | "Grey" | "Black";
|
|
4
|
-
title?: string;
|
|
5
|
-
description?: string;
|
|
6
|
-
buttons?: React.ReactNode;
|
|
7
|
-
role?: React.AriaRole | undefined;
|
|
8
|
-
isLeftBorderDisabled?: boolean;
|
|
9
|
-
}
|
|
10
|
-
export default function Callout({ variant, title, description, buttons, role, isLeftBorderDisabled, children, ...props }: CalloutProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,11 +0,0 @@
|
|
|
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;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,11 +0,0 @@
|
|
|
1
|
-
import { DialogTrigger, DialogProps as ReactAriaDialogProps } from "react-aria-components";
|
|
2
|
-
import "./Dialog.css";
|
|
3
|
-
export interface DialogProps extends ReactAriaDialogProps {
|
|
4
|
-
isCloseable?: boolean;
|
|
5
|
-
}
|
|
6
|
-
export interface DialogRenderProps {
|
|
7
|
-
/** Handler function to close the Dialog */
|
|
8
|
-
close: () => void;
|
|
9
|
-
}
|
|
10
|
-
export default function Dialog({ isCloseable, role, children, ...props }: DialogProps): import("react/jsx-runtime").JSX.Element;
|
|
11
|
-
export { DialogTrigger };
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,62 +0,0 @@
|
|
|
1
|
-
import "./Footer.css";
|
|
2
|
-
export interface FooterLinksProps {
|
|
3
|
-
/**
|
|
4
|
-
* Title for the list of links - associated to the list of links as a `<figcaption>`
|
|
5
|
-
*/
|
|
6
|
-
title: string;
|
|
7
|
-
/**
|
|
8
|
-
* Array of link elements (`<a>` or `<Link>`)
|
|
9
|
-
*/
|
|
10
|
-
links: React.ReactElement[];
|
|
11
|
-
}
|
|
12
|
-
/**
|
|
13
|
-
* A titled list of links for use in the Footer. Rendered inside a `<figure>`
|
|
14
|
-
* with the `title` prop inside of the `<figcaption>`.
|
|
15
|
-
* @param {FooterLinksProps} props
|
|
16
|
-
* @returns {React.ReactElement}
|
|
17
|
-
*/
|
|
18
|
-
export declare function FooterLinks({ title, links }: FooterLinksProps): import("react/jsx-runtime").JSX.Element;
|
|
19
|
-
export interface FooterProps {
|
|
20
|
-
/**
|
|
21
|
-
* Land acknowledgement block (defaults to Gov.bc.ca land acknowledgement)
|
|
22
|
-
*/
|
|
23
|
-
acknowledgement?: React.ReactElement;
|
|
24
|
-
/**
|
|
25
|
-
* Logo slot (defaults to BC Gov horizontal logo)
|
|
26
|
-
*/
|
|
27
|
-
logo?: React.ReactElement;
|
|
28
|
-
/**
|
|
29
|
-
* Contact information block (defaults to Gov.bc.ca contact information)
|
|
30
|
-
*/
|
|
31
|
-
contact?: React.ReactElement;
|
|
32
|
-
/**
|
|
33
|
-
* Link list block (defaults to Gov.bc.ca link list).
|
|
34
|
-
*
|
|
35
|
-
* Pass the `<FooterLinks>` component for a styles-included list.
|
|
36
|
-
*/
|
|
37
|
-
links?: React.ReactElement;
|
|
38
|
-
/**
|
|
39
|
-
* Copyright string (defaults to current year)
|
|
40
|
-
*/
|
|
41
|
-
copyright?: string;
|
|
42
|
-
/**
|
|
43
|
-
* Hide the acknowledgement section
|
|
44
|
-
*/
|
|
45
|
-
hideAcknowledgement?: boolean;
|
|
46
|
-
/**
|
|
47
|
-
* Hide the logo, contact information, and links section
|
|
48
|
-
*/
|
|
49
|
-
hideLogoAndLinks?: boolean;
|
|
50
|
-
/**
|
|
51
|
-
* Hide the copyright string
|
|
52
|
-
*/
|
|
53
|
-
hideCopyright?: boolean;
|
|
54
|
-
}
|
|
55
|
-
/**
|
|
56
|
-
* A `<footer>` element with default content included.
|
|
57
|
-
*
|
|
58
|
-
* Passing `children` replaces `logo`, `contact`, and `links`.
|
|
59
|
-
* @param {FooterProps} props
|
|
60
|
-
* @returns {React.ReactElement}
|
|
61
|
-
*/
|
|
62
|
-
export default function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React.PropsWithChildren<FooterProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,29 +0,0 @@
|
|
|
1
|
-
import { PropsWithChildren } from "react";
|
|
2
|
-
import "./Header.css";
|
|
3
|
-
export interface HeaderProps {
|
|
4
|
-
/**
|
|
5
|
-
* Link element that surrounds the logo. Use what's appropriate for your
|
|
6
|
-
* router, like a `<Link>`. Defaults to a generic HTML link element like
|
|
7
|
-
* `<a href="/" title="Government of British Columbia">`
|
|
8
|
-
*/
|
|
9
|
-
logoLinkElement?: React.ReactElement;
|
|
10
|
-
/**
|
|
11
|
-
* Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
|
|
12
|
-
*/
|
|
13
|
-
logoImage?: JSX.Element;
|
|
14
|
-
/**
|
|
15
|
-
* Array of link elements that are not visible until they are focused. Used
|
|
16
|
-
* for accessibility for keyboard users, to let them easily skip to main
|
|
17
|
-
* content, navigation, etc.
|
|
18
|
-
*/
|
|
19
|
-
skipLinks?: React.ReactElement[];
|
|
20
|
-
/**
|
|
21
|
-
* Header title text that appears to the right of the logo.
|
|
22
|
-
*/
|
|
23
|
-
title?: string;
|
|
24
|
-
/**
|
|
25
|
-
* Desired element that renders the `title` string. Defaults to `<span>`.
|
|
26
|
-
*/
|
|
27
|
-
titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
|
|
28
|
-
}
|
|
29
|
-
export default function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
import "@testing-library/jest-dom";
|
|
@@ -1,7 +0,0 @@
|
|
|
1
|
-
import { HeadingProps as ReactAriaHeadingProps } from "react-aria-components";
|
|
2
|
-
import "./Heading.css";
|
|
3
|
-
export interface HeadingProps extends ReactAriaHeadingProps {
|
|
4
|
-
color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
|
|
5
|
-
isUnstyled?: boolean;
|
|
6
|
-
}
|
|
7
|
-
export default function Heading({ color, isUnstyled, ...props }: HeadingProps): import("react/jsx-runtime").JSX.Element;
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgBcLogo";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgBcOutlineIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgBetaIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgCheckCircleIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgCheckIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgChevronDownIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgChevronUpIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgCloseIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgDashIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgExclamationCircleIcon";
|
|
@@ -1 +0,0 @@
|
|
|
1
|
-
export { default } from "./SvgExclamationIcon";
|