@bcgov/design-system-react-components 0.7.0-pr690 → 0.7.0-pr699
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/index.d.ts +63 -63
- package/package.json +2 -2
package/dist/index.d.ts
CHANGED
|
@@ -1,18 +1,18 @@
|
|
|
1
|
-
import * as
|
|
1
|
+
import * as react from 'react';
|
|
2
|
+
import { PropsWithChildren } from 'react';
|
|
2
3
|
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, MenuItemProps as MenuItemProps$1, MenuItemRenderProps, MenuProps as MenuProps$1, Key, PopoverProps, ModalOverlayProps, ProgressBarProps as ProgressBarProps$1, RadioProps, RadioGroupProps as RadioGroupProps$1, TagProps as TagProps$1, SelectProps as SelectProps$1, ListBoxItemProps as ListBoxItemProps$1, SeparatorProps as SeparatorProps$1, TagGroupProps as TagGroupProps$1, TagListProps as TagListProps$1, TextProps as TextProps$1, TextFieldProps as TextFieldProps$1, TimeValue, TimeFieldProps as TimeFieldProps$1, ToggleButtonProps as ToggleButtonProps$1, ToggleButtonGroupProps as ToggleButtonGroupProps$1, SwitchProps as SwitchProps$1, TooltipProps, NumberFieldProps as NumberFieldProps$1 } from 'react-aria-components';
|
|
3
4
|
export { DialogTrigger, MenuSection, Header as MenuSectionHeader, MenuTrigger, SubmenuTrigger, TooltipTrigger } from 'react-aria-components';
|
|
4
|
-
import { PropsWithChildren } from 'react';
|
|
5
5
|
|
|
6
6
|
interface AccordionProps extends DisclosureProps {
|
|
7
7
|
label?: string;
|
|
8
8
|
}
|
|
9
|
-
declare function Accordion({ label, children, ...props }: AccordionProps):
|
|
9
|
+
declare function Accordion({ label, children, ...props }: AccordionProps): react.JSX.Element;
|
|
10
10
|
|
|
11
11
|
interface AccordionGroupProps extends DisclosureGroupProps {
|
|
12
12
|
title?: string;
|
|
13
13
|
titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6";
|
|
14
14
|
}
|
|
15
|
-
declare function AccordionGroup({ title, titleElement, children, ...props }: AccordionGroupProps):
|
|
15
|
+
declare function AccordionGroup({ title, titleElement, children, ...props }: AccordionGroupProps): react.JSX.Element;
|
|
16
16
|
|
|
17
17
|
interface AlertBannerProps extends React.PropsWithChildren {
|
|
18
18
|
size?: "small" | "medium";
|
|
@@ -24,7 +24,7 @@ interface AlertBannerProps extends React.PropsWithChildren {
|
|
|
24
24
|
customIcon?: React.ReactNode;
|
|
25
25
|
onClose?: () => void;
|
|
26
26
|
}
|
|
27
|
-
declare function AlertBanner({ variant, size, layout, isIconHidden, isCloseable, role, onClose, children, customIcon, ...props }: AlertBannerProps):
|
|
27
|
+
declare function AlertBanner({ variant, size, layout, isIconHidden, isCloseable, role, onClose, children, customIcon, ...props }: AlertBannerProps): react.JSX.Element;
|
|
28
28
|
|
|
29
29
|
interface AlertDialogProps extends DialogProps$1 {
|
|
30
30
|
variant?: "info" | "confirmation" | "warning" | "error" | "destructive";
|
|
@@ -33,7 +33,7 @@ interface AlertDialogProps extends DialogProps$1 {
|
|
|
33
33
|
isCloseable?: boolean;
|
|
34
34
|
buttons?: React.ReactNode;
|
|
35
35
|
}
|
|
36
|
-
declare function AlertDialog({ children, variant, role, title, isCloseable, isIconHidden, buttons, ...props }: AlertDialogProps):
|
|
36
|
+
declare function AlertDialog({ children, variant, role, title, isCloseable, isIconHidden, buttons, ...props }: AlertDialogProps): react.JSX.Element;
|
|
37
37
|
|
|
38
38
|
interface ButtonProps extends ButtonProps$1 {
|
|
39
39
|
/**
|
|
@@ -53,16 +53,16 @@ interface ButtonProps extends ButtonProps$1 {
|
|
|
53
53
|
*/
|
|
54
54
|
isIconButton?: boolean;
|
|
55
55
|
}
|
|
56
|
-
declare function Button({ size, variant, danger, isIconButton, ...props }: ButtonProps):
|
|
56
|
+
declare function Button({ size, variant, danger, isIconButton, ...props }: ButtonProps): react.JSX.Element;
|
|
57
57
|
|
|
58
58
|
interface ButtonGroupProps extends React.PropsWithChildren {
|
|
59
59
|
orientation?: "horizontal" | "vertical";
|
|
60
60
|
alignment?: "start" | "center" | "end";
|
|
61
61
|
ariaLabel?: string | undefined;
|
|
62
62
|
}
|
|
63
|
-
declare function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps):
|
|
63
|
+
declare function ButtonGroup({ orientation, alignment, ariaLabel, children, ...props }: ButtonGroupProps): react.JSX.Element;
|
|
64
64
|
|
|
65
|
-
declare function Calendar({ visibleDuration, ...props }: CalendarProps<DateValue>):
|
|
65
|
+
declare function Calendar({ visibleDuration, ...props }: CalendarProps<DateValue>): react.JSX.Element;
|
|
66
66
|
|
|
67
67
|
interface CalloutProps extends React.PropsWithChildren {
|
|
68
68
|
variant?: "lightGrey" | "lightBlue" | "lightGold" | "Blue" | "Grey" | "Black";
|
|
@@ -72,9 +72,9 @@ interface CalloutProps extends React.PropsWithChildren {
|
|
|
72
72
|
role?: React.AriaRole | undefined;
|
|
73
73
|
isLeftBorderDisabled?: boolean;
|
|
74
74
|
}
|
|
75
|
-
declare function Callout({ variant, title, description, buttons, role, isLeftBorderDisabled, children, ...props }: CalloutProps):
|
|
75
|
+
declare function Callout({ variant, title, description, buttons, role, isLeftBorderDisabled, children, ...props }: CalloutProps): react.JSX.Element;
|
|
76
76
|
|
|
77
|
-
declare function Checkbox({ value, children, ...props }: CheckboxProps):
|
|
77
|
+
declare function Checkbox({ value, children, ...props }: CheckboxProps): react.JSX.Element;
|
|
78
78
|
|
|
79
79
|
interface CheckboxGroupProps extends CheckboxGroupProps$1 {
|
|
80
80
|
orientation?: "horizontal" | "vertical";
|
|
@@ -84,7 +84,7 @@ interface CheckboxGroupProps extends CheckboxGroupProps$1 {
|
|
|
84
84
|
/** `flex-wrap` style property, defaults to `nowrap` */
|
|
85
85
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
|
|
86
86
|
}
|
|
87
|
-
declare function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps):
|
|
87
|
+
declare function CheckboxGroup({ orientation, label, description, errorMessage, flexWrap, children, ...props }: CheckboxGroupProps): react.JSX.Element;
|
|
88
88
|
|
|
89
89
|
interface DatePickerProps<T extends DateValue> extends DatePickerProps$1<T> {
|
|
90
90
|
size?: "small" | "medium";
|
|
@@ -96,12 +96,12 @@ interface DatePickerProps<T extends DateValue> extends DatePickerProps$1<T> {
|
|
|
96
96
|
isBrowserLocaleUsed?: boolean;
|
|
97
97
|
}
|
|
98
98
|
|
|
99
|
-
declare function DatePicker<T extends DateValue>({ size, label, description, errorMessage, showFormatHelpText, isRequired, isCalendarDisabled, isBrowserLocaleUsed, ...props }: DatePickerProps<T>):
|
|
99
|
+
declare function DatePicker<T extends DateValue>({ size, label, description, errorMessage, showFormatHelpText, isRequired, isCalendarDisabled, isBrowserLocaleUsed, ...props }: DatePickerProps<T>): react.JSX.Element;
|
|
100
100
|
|
|
101
101
|
interface DialogProps extends DialogProps$1 {
|
|
102
102
|
isCloseable?: boolean;
|
|
103
103
|
}
|
|
104
|
-
declare function Dialog({ isCloseable, role, children, ...props }: DialogProps):
|
|
104
|
+
declare function Dialog({ isCloseable, role, children, ...props }: DialogProps): react.JSX.Element;
|
|
105
105
|
|
|
106
106
|
interface FooterLinksProps {
|
|
107
107
|
/**
|
|
@@ -119,7 +119,7 @@ interface FooterLinksProps {
|
|
|
119
119
|
* @param {FooterLinksProps} props
|
|
120
120
|
* @returns {React.ReactElement}
|
|
121
121
|
*/
|
|
122
|
-
declare function FooterLinks({ title, links }: FooterLinksProps):
|
|
122
|
+
declare function FooterLinks({ title, links }: FooterLinksProps): react.JSX.Element;
|
|
123
123
|
interface FooterProps {
|
|
124
124
|
/**
|
|
125
125
|
* Land acknowledgement block (defaults to Gov.bc.ca land acknowledgement)
|
|
@@ -163,9 +163,9 @@ interface FooterProps {
|
|
|
163
163
|
* @param {FooterProps} props
|
|
164
164
|
* @returns {React.ReactElement}
|
|
165
165
|
*/
|
|
166
|
-
declare function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React.PropsWithChildren<FooterProps>):
|
|
166
|
+
declare function Footer({ children, acknowledgement, logo, contact, links, copyright, hideAcknowledgement, hideLogoAndLinks, hideCopyright, }: React.PropsWithChildren<FooterProps>): react.JSX.Element;
|
|
167
167
|
|
|
168
|
-
declare function Form({ ...props }: FormProps):
|
|
168
|
+
declare function Form({ ...props }: FormProps): react.JSX.Element;
|
|
169
169
|
|
|
170
170
|
interface HeaderProps {
|
|
171
171
|
/**
|
|
@@ -193,13 +193,13 @@ interface HeaderProps {
|
|
|
193
193
|
*/
|
|
194
194
|
titleElement?: "h1" | "h2" | "h3" | "h4" | "h5" | "h6" | "span" | "p";
|
|
195
195
|
}
|
|
196
|
-
declare function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>):
|
|
196
|
+
declare function Header({ children, logoLinkElement, logoImage, skipLinks, title, titleElement, }: PropsWithChildren<HeaderProps>): react.JSX.Element;
|
|
197
197
|
|
|
198
198
|
interface HeadingProps extends HeadingProps$1 {
|
|
199
199
|
color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
|
|
200
200
|
isUnstyled?: boolean;
|
|
201
201
|
}
|
|
202
|
-
declare function Heading({ color, isUnstyled, ...props }: HeadingProps):
|
|
202
|
+
declare function Heading({ color, isUnstyled, ...props }: HeadingProps): react.JSX.Element;
|
|
203
203
|
|
|
204
204
|
interface InlineAlertProps extends React.PropsWithChildren {
|
|
205
205
|
variant?: "info" | "success" | "warning" | "danger";
|
|
@@ -212,7 +212,7 @@ interface InlineAlertProps extends React.PropsWithChildren {
|
|
|
212
212
|
role?: React.AriaRole | undefined;
|
|
213
213
|
onClose?: () => void;
|
|
214
214
|
}
|
|
215
|
-
declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, customIcon, buttons, children, onClose, ...props }: InlineAlertProps):
|
|
215
|
+
declare function InlineAlert({ variant, title, description, isIconHidden, isCloseable, role, customIcon, buttons, children, onClose, ...props }: InlineAlertProps): react.JSX.Element;
|
|
216
216
|
|
|
217
217
|
interface LinkProps extends LinkProps$1 {
|
|
218
218
|
children?: React.ReactNode;
|
|
@@ -225,7 +225,7 @@ interface LinkProps extends LinkProps$1 {
|
|
|
225
225
|
iconLeft?: React.ReactElement;
|
|
226
226
|
iconRight?: React.ReactElement;
|
|
227
227
|
}
|
|
228
|
-
declare function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps):
|
|
228
|
+
declare function Link({ children, size, danger, isButton, buttonVariant, isUnstyled, iconLeft, iconRight, ariaLabel, ...props }: LinkProps): react.JSX.Element;
|
|
229
229
|
|
|
230
230
|
interface MenuItemProps extends MenuItemProps$1 {
|
|
231
231
|
label?: string;
|
|
@@ -236,7 +236,7 @@ interface MenuItemProps extends MenuItemProps$1 {
|
|
|
236
236
|
defaultChildren: React.ReactNode;
|
|
237
237
|
}) => React.ReactNode);
|
|
238
238
|
}
|
|
239
|
-
declare function MenuItem({ size, label, description, iconLeft, ...props }: MenuItemProps):
|
|
239
|
+
declare function MenuItem({ size, label, description, iconLeft, ...props }: MenuItemProps): react.JSX.Element;
|
|
240
240
|
|
|
241
241
|
interface MenuSectionProps {
|
|
242
242
|
id: Key;
|
|
@@ -249,21 +249,21 @@ interface MenuProps<T extends MenuItemProps> extends MenuProps$1<T> {
|
|
|
249
249
|
sections?: MenuSectionProps[];
|
|
250
250
|
placement?: PopoverProps["placement"];
|
|
251
251
|
}
|
|
252
|
-
declare function Menu<T extends MenuItemProps>({ itemSize, children, items, sections, placement, ...props }: MenuProps<T>):
|
|
252
|
+
declare function Menu<T extends MenuItemProps>({ itemSize, children, items, sections, placement, ...props }: MenuProps<T>): react.JSX.Element;
|
|
253
253
|
|
|
254
|
-
declare function Modal({ children, ...props }: ModalOverlayProps):
|
|
254
|
+
declare function Modal({ children, ...props }: ModalOverlayProps): react.JSX.Element;
|
|
255
255
|
|
|
256
256
|
interface ProgressBarProps extends ProgressBarProps$1 {
|
|
257
257
|
size?: "small" | "medium" | "large";
|
|
258
258
|
}
|
|
259
|
-
declare function ProgressBar({ size, valueLabel, ...props }: ProgressBarProps):
|
|
259
|
+
declare function ProgressBar({ size, valueLabel, ...props }: ProgressBarProps): react.JSX.Element;
|
|
260
260
|
|
|
261
261
|
interface ProgressCircleProps extends ProgressBarProps$1 {
|
|
262
262
|
size?: "small" | "medium" | "large";
|
|
263
263
|
}
|
|
264
|
-
declare function ProgressCircle({ size, valueLabel, ...props }: ProgressCircleProps):
|
|
264
|
+
declare function ProgressCircle({ size, valueLabel, ...props }: ProgressCircleProps): react.JSX.Element;
|
|
265
265
|
|
|
266
|
-
declare function Radio({ value, children, ...props }: RadioProps):
|
|
266
|
+
declare function Radio({ value, children, ...props }: RadioProps): react.JSX.Element;
|
|
267
267
|
|
|
268
268
|
interface RadioGroupProps extends RadioGroupProps$1 {
|
|
269
269
|
children?: React.ReactNode;
|
|
@@ -274,7 +274,7 @@ interface RadioGroupProps extends RadioGroupProps$1 {
|
|
|
274
274
|
/** `flex-wrap` style property, defaults to `nowrap` */
|
|
275
275
|
flexWrap?: "nowrap" | "wrap" | "wrap-reverse";
|
|
276
276
|
}
|
|
277
|
-
declare function RadioGroup({ orientation, label, description, children, errorMessage, flexWrap, ...props }: RadioGroupProps):
|
|
277
|
+
declare function RadioGroup({ orientation, label, description, children, errorMessage, flexWrap, ...props }: RadioGroupProps): react.JSX.Element;
|
|
278
278
|
|
|
279
279
|
interface TagProps extends TagProps$1 {
|
|
280
280
|
/**
|
|
@@ -294,7 +294,7 @@ interface TagProps extends TagProps$1 {
|
|
|
294
294
|
*/
|
|
295
295
|
size?: "xsmall" | "small" | "medium";
|
|
296
296
|
}
|
|
297
|
-
declare function Tag({ color, tagStyle, size, icon, id, textValue, ...props }: TagProps):
|
|
297
|
+
declare function Tag({ color, tagStyle, size, icon, id, textValue, ...props }: TagProps): react.JSX.Element;
|
|
298
298
|
|
|
299
299
|
interface ListBoxItemProps extends ListBoxItemProps$1 {
|
|
300
300
|
/** Text label for the option. Provide an `id` if this is not unique. */
|
|
@@ -338,100 +338,100 @@ interface SelectProps<T extends object, M extends "single" | "multiple" = "singl
|
|
|
338
338
|
overflow?: "wrap" | "scroll";
|
|
339
339
|
}
|
|
340
340
|
/** Select displays a collapsible list of options and allows a user to select one or more of them. */
|
|
341
|
-
declare function Select<T extends object, M extends "single" | "multiple" = "single">({ items, sections, label, description, placeholder, size, errorMessage, selectionMode, overflow, ...props }: SelectProps<T, M>):
|
|
341
|
+
declare function Select<T extends object, M extends "single" | "multiple" = "single">({ items, sections, label, description, placeholder, size, errorMessage, selectionMode, overflow, ...props }: SelectProps<T, M>): react.JSX.Element;
|
|
342
342
|
|
|
343
343
|
interface SeparatorProps extends SeparatorProps$1 {
|
|
344
344
|
size?: "small" | "medium" | "large";
|
|
345
345
|
}
|
|
346
|
-
declare function Separator({ size, ...props }: SeparatorProps):
|
|
346
|
+
declare function Separator({ size, ...props }: SeparatorProps): react.JSX.Element;
|
|
347
347
|
|
|
348
348
|
declare function SvgBcLogo({ id }: {
|
|
349
349
|
id?: string | undefined;
|
|
350
|
-
}):
|
|
350
|
+
}): react.JSX.Element;
|
|
351
351
|
|
|
352
352
|
declare function SvgBcOutlineIcon({ id }: {
|
|
353
353
|
id?: string | undefined;
|
|
354
|
-
}):
|
|
354
|
+
}): react.JSX.Element;
|
|
355
355
|
|
|
356
356
|
declare function SvgBetaIcon({ id }: {
|
|
357
357
|
id?: string | undefined;
|
|
358
|
-
}):
|
|
358
|
+
}): react.JSX.Element;
|
|
359
359
|
|
|
360
360
|
declare function SvgCalendarIcon({ ...props }: {
|
|
361
361
|
[x: string]: any;
|
|
362
|
-
}):
|
|
362
|
+
}): react.JSX.Element;
|
|
363
363
|
|
|
364
364
|
declare function SvgCheckIcon({ id }: {
|
|
365
365
|
id?: string | undefined;
|
|
366
|
-
}):
|
|
366
|
+
}): react.JSX.Element;
|
|
367
367
|
|
|
368
368
|
declare function SvgCheckCircleIcon({ id }: {
|
|
369
369
|
id?: string | undefined;
|
|
370
|
-
}):
|
|
370
|
+
}): react.JSX.Element;
|
|
371
371
|
|
|
372
372
|
declare function SvgChevronUpIcon({ id }: {
|
|
373
373
|
id?: string | undefined;
|
|
374
|
-
}):
|
|
374
|
+
}): react.JSX.Element;
|
|
375
375
|
|
|
376
376
|
declare function SvgChevronDownIcon({ id }: {
|
|
377
377
|
id?: string | undefined;
|
|
378
|
-
}):
|
|
378
|
+
}): react.JSX.Element;
|
|
379
379
|
|
|
380
380
|
declare function SvgChevronLeftIcon({ id }: {
|
|
381
381
|
id?: string | undefined;
|
|
382
|
-
}):
|
|
382
|
+
}): react.JSX.Element;
|
|
383
383
|
|
|
384
384
|
declare function SvgChevronRightIcon({ id }: {
|
|
385
385
|
id?: string | undefined;
|
|
386
|
-
}):
|
|
386
|
+
}): react.JSX.Element;
|
|
387
387
|
|
|
388
388
|
declare function SvgDashIcon$1({ id }: {
|
|
389
389
|
id?: string | undefined;
|
|
390
|
-
}):
|
|
390
|
+
}): react.JSX.Element;
|
|
391
391
|
|
|
392
392
|
declare function SvgExclamationIcon({ id }: {
|
|
393
393
|
id?: string | undefined;
|
|
394
|
-
}):
|
|
394
|
+
}): react.JSX.Element;
|
|
395
395
|
|
|
396
396
|
declare function SvgExclamationCircleIcon({ id, }: {
|
|
397
397
|
id?: string | undefined;
|
|
398
|
-
}):
|
|
398
|
+
}): react.JSX.Element;
|
|
399
399
|
|
|
400
400
|
declare function SvgCloseIcon({ id }: {
|
|
401
401
|
id?: string | undefined;
|
|
402
|
-
}):
|
|
402
|
+
}): react.JSX.Element;
|
|
403
403
|
|
|
404
404
|
declare function SvgInfoIcon({ id }: {
|
|
405
405
|
id?: string | undefined;
|
|
406
|
-
}):
|
|
406
|
+
}): react.JSX.Element;
|
|
407
407
|
|
|
408
408
|
declare function SvgDashIcon({ id }: {
|
|
409
409
|
id?: string | undefined;
|
|
410
|
-
}):
|
|
410
|
+
}): react.JSX.Element;
|
|
411
411
|
|
|
412
412
|
interface SvgPlaceholderIconProps {
|
|
413
413
|
/** Width and height of the placeholder icon, defaults to 20 */
|
|
414
414
|
size?: number;
|
|
415
415
|
}
|
|
416
|
-
declare function SvgPlaceholderIcon({ size, ...props }: SvgPlaceholderIconProps):
|
|
416
|
+
declare function SvgPlaceholderIcon({ size, ...props }: SvgPlaceholderIconProps): react.JSX.Element;
|
|
417
417
|
|
|
418
418
|
declare function SvgPlusIcon({ id }: {
|
|
419
419
|
id?: string | undefined;
|
|
420
|
-
}):
|
|
420
|
+
}): react.JSX.Element;
|
|
421
421
|
|
|
422
422
|
declare function SvgTooltipArrowUp({ id }: {
|
|
423
423
|
id?: string | undefined;
|
|
424
|
-
}):
|
|
424
|
+
}): react.JSX.Element;
|
|
425
425
|
|
|
426
426
|
interface SvgUpRightFromSquareIconProps {
|
|
427
427
|
size?: 16 | 20;
|
|
428
428
|
id?: string;
|
|
429
429
|
}
|
|
430
|
-
declare function SvgUpRightFromSquareIcon({ size, id, }: SvgUpRightFromSquareIconProps):
|
|
430
|
+
declare function SvgUpRightFromSquareIcon({ size, id, }: SvgUpRightFromSquareIconProps): react.JSX.Element;
|
|
431
431
|
|
|
432
432
|
declare function SvgReactAriaIcon({ id }: {
|
|
433
433
|
id?: string | undefined;
|
|
434
|
-
}):
|
|
434
|
+
}): react.JSX.Element;
|
|
435
435
|
|
|
436
436
|
interface TagGroupProps extends TagGroupProps$1 {
|
|
437
437
|
/**
|
|
@@ -447,7 +447,7 @@ interface TagGroupProps extends TagGroupProps$1 {
|
|
|
447
447
|
*/
|
|
448
448
|
errorMessage?: string;
|
|
449
449
|
}
|
|
450
|
-
declare function TagGroup({ children, label, description, errorMessage, ...props }: TagGroupProps):
|
|
450
|
+
declare function TagGroup({ children, label, description, errorMessage, ...props }: TagGroupProps): react.JSX.Element;
|
|
451
451
|
|
|
452
452
|
interface TagListProps<T> extends Pick<TagListProps$1<T>, "children" | "renderEmptyState"> {
|
|
453
453
|
items: TagProps[];
|
|
@@ -456,21 +456,21 @@ interface TagListProps<T> extends Pick<TagListProps$1<T>, "children" | "renderEm
|
|
|
456
456
|
*/
|
|
457
457
|
orientation?: "horizontal" | "vertical";
|
|
458
458
|
}
|
|
459
|
-
declare function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>):
|
|
459
|
+
declare function TagList<T extends object>({ items, orientation, renderEmptyState, ...props }: TagListProps<T>): react.JSX.Element;
|
|
460
460
|
|
|
461
461
|
interface TextProps extends TextProps$1 {
|
|
462
462
|
size?: "small" | "medium" | "large";
|
|
463
463
|
color?: "primary" | "primaryInvert" | "secondary" | "secondaryInvert" | "disabled" | "danger";
|
|
464
464
|
isUnstyled?: boolean;
|
|
465
465
|
}
|
|
466
|
-
declare function Text({ elementType, size, color, isUnstyled, ...props }: TextProps):
|
|
466
|
+
declare function Text({ elementType, size, color, isUnstyled, ...props }: TextProps): react.JSX.Element;
|
|
467
467
|
|
|
468
468
|
interface TextAreaProps extends TextFieldProps$1 {
|
|
469
469
|
label?: string;
|
|
470
470
|
description?: string;
|
|
471
471
|
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
472
472
|
}
|
|
473
|
-
declare function TextArea({ label, description, errorMessage, maxLength, onChange, value, ...props }: TextAreaProps):
|
|
473
|
+
declare function TextArea({ label, description, errorMessage, maxLength, onChange, value, ...props }: TextAreaProps): react.JSX.Element;
|
|
474
474
|
|
|
475
475
|
interface TextFieldProps extends TextFieldProps$1 {
|
|
476
476
|
size?: "medium" | "small";
|
|
@@ -480,7 +480,7 @@ interface TextFieldProps extends TextFieldProps$1 {
|
|
|
480
480
|
iconLeft?: React.ReactElement;
|
|
481
481
|
iconRight?: React.ReactElement;
|
|
482
482
|
}
|
|
483
|
-
declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps):
|
|
483
|
+
declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): react.JSX.Element;
|
|
484
484
|
|
|
485
485
|
interface TimeFieldProps<T extends TimeValue> extends TimeFieldProps$1<T> {
|
|
486
486
|
size?: "medium" | "small";
|
|
@@ -488,26 +488,26 @@ interface TimeFieldProps<T extends TimeValue> extends TimeFieldProps$1<T> {
|
|
|
488
488
|
description?: string;
|
|
489
489
|
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
490
490
|
}
|
|
491
|
-
declare function TimeField<T extends TimeValue>({ size, label, description, errorMessage, isRequired, ...props }: TimeFieldProps<T>):
|
|
491
|
+
declare function TimeField<T extends TimeValue>({ size, label, description, errorMessage, isRequired, ...props }: TimeFieldProps<T>): react.JSX.Element;
|
|
492
492
|
|
|
493
493
|
interface ToggleButtonProps extends ToggleButtonProps$1 {
|
|
494
494
|
size?: "small" | "medium";
|
|
495
495
|
isIconButton?: boolean;
|
|
496
496
|
}
|
|
497
|
-
declare function ToggleButton({ size, children, isIconButton, ...props }: ToggleButtonProps):
|
|
497
|
+
declare function ToggleButton({ size, children, isIconButton, ...props }: ToggleButtonProps): react.JSX.Element;
|
|
498
498
|
|
|
499
499
|
interface ToggleButtonGroupProps extends ToggleButtonGroupProps$1 {
|
|
500
500
|
label?: string;
|
|
501
501
|
size?: "small" | "medium";
|
|
502
502
|
}
|
|
503
|
-
declare function ToggleButtonGroup({ label, size, children, ...props }: ToggleButtonGroupProps):
|
|
503
|
+
declare function ToggleButtonGroup({ label, size, children, ...props }: ToggleButtonGroupProps): react.JSX.Element;
|
|
504
504
|
|
|
505
505
|
interface SwitchProps extends SwitchProps$1 {
|
|
506
506
|
labelPosition?: "left" | "right";
|
|
507
507
|
}
|
|
508
|
-
declare function Switch({ labelPosition, children, ...props }: SwitchProps):
|
|
508
|
+
declare function Switch({ labelPosition, children, ...props }: SwitchProps): react.JSX.Element;
|
|
509
509
|
|
|
510
|
-
declare function Tooltip(props: TooltipProps):
|
|
510
|
+
declare function Tooltip(props: TooltipProps): react.JSX.Element;
|
|
511
511
|
|
|
512
512
|
interface NumberFieldProps extends NumberFieldProps$1 {
|
|
513
513
|
size?: "small" | "medium";
|
|
@@ -515,6 +515,6 @@ interface NumberFieldProps extends NumberFieldProps$1 {
|
|
|
515
515
|
description?: string;
|
|
516
516
|
errorMessage?: string | ((validation: ValidationResult) => string);
|
|
517
517
|
}
|
|
518
|
-
declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps):
|
|
518
|
+
declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps): react.JSX.Element;
|
|
519
519
|
|
|
520
520
|
export { Accordion, AccordionGroup, AlertBanner, AlertDialog, Button, ButtonGroup, Calendar, Callout, Checkbox, CheckboxGroup, DatePicker, Dialog, Footer, FooterLinks, Form, Header, Heading, InlineAlert, Link, Menu, MenuItem, Modal, NumberField, ProgressBar, ProgressCircle, Radio, RadioGroup, Select, Separator, SvgBcLogo, SvgBcOutlineIcon, SvgBetaIcon, SvgCalendarIcon, SvgCheckCircleIcon, SvgCheckIcon, SvgChevronDownIcon, SvgChevronLeftIcon, SvgChevronRightIcon, SvgChevronUpIcon, SvgCloseIcon, SvgDashIcon$1 as SvgDashIcon, SvgExclamationCircleIcon, SvgExclamationIcon, SvgInfoIcon, SvgDashIcon as SvgMinusIcon, SvgPlaceholderIcon, SvgPlusIcon, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, TimeField, ToggleButton, ToggleButtonGroup, Tooltip };
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@bcgov/design-system-react-components",
|
|
3
|
-
"version": "0.7.0-
|
|
3
|
+
"version": "0.7.0-pr699",
|
|
4
4
|
"repository": {
|
|
5
5
|
"type": "git",
|
|
6
6
|
"url": "git+https://github.com/bcgov/design-system.git",
|
|
@@ -68,7 +68,7 @@
|
|
|
68
68
|
"@testing-library/jest-dom": "6.9.1",
|
|
69
69
|
"@testing-library/react": "16.3.2",
|
|
70
70
|
"@types/node": "25.9.1",
|
|
71
|
-
"@types/react": "19.2.
|
|
71
|
+
"@types/react": "19.2.16",
|
|
72
72
|
"@types/react-dom": "19.2.3",
|
|
73
73
|
"@typescript-eslint/eslint-plugin": "8.59.4",
|
|
74
74
|
"@typescript-eslint/parser": "8.59.4",
|