@bcgov/design-system-react-components 0.5.2 → 0.6.0
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 +67 -33
- package/dist/cjs/index.cjs +20515 -10016
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +20504 -10017
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +74 -9
- 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, CalendarProps, DateValue, CheckboxProps, CheckboxGroupProps as CheckboxGroupProps$1, ValidationResult, DatePickerProps as DatePickerProps$1, 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, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$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
|
|
|
@@ -60,6 +60,8 @@ interface ButtonGroupProps extends React.PropsWithChildren {
|
|
|
60
60
|
}
|
|
61
61
|
declare function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
62
62
|
|
|
63
|
+
declare function Calendar({ ...props }: CalendarProps<DateValue>): react_jsx_runtime.JSX.Element;
|
|
64
|
+
|
|
63
65
|
interface CalloutProps extends React.PropsWithChildren {
|
|
64
66
|
variant?: "lightGrey" | "lightBlue" | "lightGold" | "Blue" | "Grey" | "Black";
|
|
65
67
|
title?: string;
|
|
@@ -82,6 +84,18 @@ interface CheckboxGroupProps extends CheckboxGroupProps$1 {
|
|
|
82
84
|
}
|
|
83
85
|
declare function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps): react_jsx_runtime.JSX.Element;
|
|
84
86
|
|
|
87
|
+
interface DatePickerProps<T extends DateValue> extends DatePickerProps$1<T> {
|
|
88
|
+
size?: "small" | "medium";
|
|
89
|
+
isCalendarDisabled?: boolean;
|
|
90
|
+
label?: string;
|
|
91
|
+
description?: string;
|
|
92
|
+
showFormatHelpText?: boolean;
|
|
93
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
94
|
+
isBrowserLocaleUsed?: boolean;
|
|
95
|
+
}
|
|
96
|
+
|
|
97
|
+
declare function DatePicker<T extends DateValue>({ size, label, description, errorMessage, showFormatHelpText, isRequired, isCalendarDisabled, isBrowserLocaleUsed, ...props }: DatePickerProps<T>): react_jsx_runtime.JSX.Element;
|
|
98
|
+
|
|
85
99
|
interface DialogProps extends DialogProps$1 {
|
|
86
100
|
isCloseable?: boolean;
|
|
87
101
|
}
|
|
@@ -161,7 +175,7 @@ interface HeaderProps {
|
|
|
161
175
|
/**
|
|
162
176
|
* Image used for the logo. Defaults to an SVG of the Government of B.C. logo.
|
|
163
177
|
*/
|
|
164
|
-
logoImage?:
|
|
178
|
+
logoImage?: React.ReactNode;
|
|
165
179
|
/**
|
|
166
180
|
* Array of link elements that are not visible until they are focused. Used
|
|
167
181
|
* for accessibility for keyboard users, to let them easily skip to main
|
|
@@ -192,10 +206,11 @@ interface InlineAlertProps extends React.PropsWithChildren {
|
|
|
192
206
|
buttons?: React.ReactNode;
|
|
193
207
|
isCloseable?: boolean;
|
|
194
208
|
isIconHidden?: boolean;
|
|
209
|
+
customIcon?: React.ReactNode;
|
|
195
210
|
role?: React.AriaRole | undefined;
|
|
196
211
|
onClose?: () => void;
|
|
197
212
|
}
|
|
198
|
-
declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
|
|
213
|
+
declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, customIcon, buttons, children, onClose, ...props }: InlineAlertProps): react_jsx_runtime.JSX.Element;
|
|
199
214
|
|
|
200
215
|
interface LinkProps extends LinkProps$1 {
|
|
201
216
|
children?: React.ReactNode;
|
|
@@ -275,6 +290,10 @@ declare function SvgBetaIcon({ id }: {
|
|
|
275
290
|
id?: string | undefined;
|
|
276
291
|
}): react_jsx_runtime.JSX.Element;
|
|
277
292
|
|
|
293
|
+
declare function SvgCalendarIcon({ ...props }: {
|
|
294
|
+
[x: string]: any;
|
|
295
|
+
}): react_jsx_runtime.JSX.Element;
|
|
296
|
+
|
|
278
297
|
declare function SvgCheckIcon({ id }: {
|
|
279
298
|
id?: string | undefined;
|
|
280
299
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -283,23 +302,31 @@ declare function SvgCheckCircleIcon({ id }: {
|
|
|
283
302
|
id?: string | undefined;
|
|
284
303
|
}): react_jsx_runtime.JSX.Element;
|
|
285
304
|
|
|
286
|
-
declare function
|
|
305
|
+
declare function SvgChevronUpIcon({ id }: {
|
|
287
306
|
id?: string | undefined;
|
|
288
307
|
}): react_jsx_runtime.JSX.Element;
|
|
289
308
|
|
|
290
|
-
declare function
|
|
309
|
+
declare function SvgChevronDownIcon({ id }: {
|
|
291
310
|
id?: string | undefined;
|
|
292
311
|
}): react_jsx_runtime.JSX.Element;
|
|
293
312
|
|
|
294
|
-
declare function
|
|
313
|
+
declare function SvgChevronLeftIcon({ id }: {
|
|
295
314
|
id?: string | undefined;
|
|
296
315
|
}): react_jsx_runtime.JSX.Element;
|
|
297
316
|
|
|
298
|
-
declare function
|
|
317
|
+
declare function SvgChevronRightIcon({ id }: {
|
|
299
318
|
id?: string | undefined;
|
|
300
319
|
}): react_jsx_runtime.JSX.Element;
|
|
301
320
|
|
|
302
|
-
declare function
|
|
321
|
+
declare function SvgDashIcon$1({ id }: {
|
|
322
|
+
id?: string | undefined;
|
|
323
|
+
}): react_jsx_runtime.JSX.Element;
|
|
324
|
+
|
|
325
|
+
declare function SvgExclamationIcon({ id }: {
|
|
326
|
+
id?: string | undefined;
|
|
327
|
+
}): react_jsx_runtime.JSX.Element;
|
|
328
|
+
|
|
329
|
+
declare function SvgExclamationCircleIcon({ id, }: {
|
|
303
330
|
id?: string | undefined;
|
|
304
331
|
}): react_jsx_runtime.JSX.Element;
|
|
305
332
|
|
|
@@ -311,10 +338,28 @@ declare function SvgInfoIcon({ id }: {
|
|
|
311
338
|
id?: string | undefined;
|
|
312
339
|
}): react_jsx_runtime.JSX.Element;
|
|
313
340
|
|
|
341
|
+
declare function SvgDashIcon({ id }: {
|
|
342
|
+
id?: string | undefined;
|
|
343
|
+
}): react_jsx_runtime.JSX.Element;
|
|
344
|
+
|
|
345
|
+
declare function SvgPlusIcon({ id }: {
|
|
346
|
+
id?: string | undefined;
|
|
347
|
+
}): react_jsx_runtime.JSX.Element;
|
|
348
|
+
|
|
314
349
|
declare function SvgTooltipArrowUp({ id }: {
|
|
315
350
|
id?: string | undefined;
|
|
316
351
|
}): react_jsx_runtime.JSX.Element;
|
|
317
352
|
|
|
353
|
+
interface SvgUpRightFromSquareIconProps {
|
|
354
|
+
size?: 16 | 20;
|
|
355
|
+
id?: string;
|
|
356
|
+
}
|
|
357
|
+
declare function SvgUpRightFromSquareIcon({ size, id, }: SvgUpRightFromSquareIconProps): react_jsx_runtime.JSX.Element;
|
|
358
|
+
|
|
359
|
+
declare function SvgReactAriaIcon({ id }: {
|
|
360
|
+
id?: string | undefined;
|
|
361
|
+
}): react_jsx_runtime.JSX.Element;
|
|
362
|
+
|
|
318
363
|
interface TagProps extends TagProps$1 {
|
|
319
364
|
/**
|
|
320
365
|
* Icon that appears to the left of the `textValue` field
|
|
@@ -384,6 +429,18 @@ interface TextFieldProps extends TextFieldProps$1 {
|
|
|
384
429
|
}
|
|
385
430
|
declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
|
|
386
431
|
|
|
432
|
+
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
433
|
+
size?: "small" | "medium";
|
|
434
|
+
isIconButton?: boolean;
|
|
435
|
+
}
|
|
436
|
+
declare function ToggleButton({ size, children, isIconButton, ...props }: ToggleButtonProps): react_jsx_runtime.JSX.Element;
|
|
437
|
+
|
|
438
|
+
interface ToggleButtonGroupProps extends ToggleButtonGroupProps$1 {
|
|
439
|
+
label?: string;
|
|
440
|
+
size?: "small" | "medium";
|
|
441
|
+
}
|
|
442
|
+
declare function ToggleButtonGroup({ label, size, children, ...props }: ToggleButtonGroupProps): react_jsx_runtime.JSX.Element;
|
|
443
|
+
|
|
387
444
|
interface SwitchProps extends SwitchProps$1 {
|
|
388
445
|
labelPosition?: "left" | "right";
|
|
389
446
|
}
|
|
@@ -391,4 +448,12 @@ declare function Switch({ labelPosition, children, ...props }: SwitchProps): rea
|
|
|
391
448
|
|
|
392
449
|
declare function Tooltip(props: TooltipProps): react_jsx_runtime.JSX.Element;
|
|
393
450
|
|
|
394
|
-
|
|
451
|
+
interface NumberFieldProps extends NumberFieldProps$1 {
|
|
452
|
+
size?: "small" | "medium";
|
|
453
|
+
label?: string;
|
|
454
|
+
description?: string;
|
|
455
|
+
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
456
|
+
}
|
|
457
|
+
declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
|
|
458
|
+
|
|
459
|
+
export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Modal, NumberField, Radio, RadioGroup, Select, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon$1 as SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgDashIcon as SvgMinusIcon, SvgPlusIcon, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, ToggleButton, ToggleButtonGroup, 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.6.0",
|
|
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";
|