@bcgov/design-system-react-components 0.5.2-pr611 → 0.5.2-pr621
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/dist/cjs/index.cjs +17222 -8827
- package/dist/cjs/index.cjs.map +1 -1
- package/dist/esm/index.js +17216 -8828
- package/dist/esm/index.js.map +1 -1
- package/dist/index.d.ts +45 -7
- package/package.json +1 -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, NumberFieldProps as NumberFieldProps$1 } 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
|
}
|
|
@@ -276,6 +290,10 @@ declare function SvgBetaIcon({ id }: {
|
|
|
276
290
|
id?: string | undefined;
|
|
277
291
|
}): react_jsx_runtime.JSX.Element;
|
|
278
292
|
|
|
293
|
+
declare function SvgCalendarIcon({ ...props }: {
|
|
294
|
+
[x: string]: any;
|
|
295
|
+
}): react_jsx_runtime.JSX.Element;
|
|
296
|
+
|
|
279
297
|
declare function SvgCheckIcon({ id }: {
|
|
280
298
|
id?: string | undefined;
|
|
281
299
|
}): react_jsx_runtime.JSX.Element;
|
|
@@ -284,23 +302,31 @@ declare function SvgCheckCircleIcon({ id }: {
|
|
|
284
302
|
id?: string | undefined;
|
|
285
303
|
}): react_jsx_runtime.JSX.Element;
|
|
286
304
|
|
|
287
|
-
declare function
|
|
305
|
+
declare function SvgChevronUpIcon({ id }: {
|
|
288
306
|
id?: string | undefined;
|
|
289
307
|
}): react_jsx_runtime.JSX.Element;
|
|
290
308
|
|
|
291
|
-
declare function
|
|
309
|
+
declare function SvgChevronDownIcon({ id }: {
|
|
292
310
|
id?: string | undefined;
|
|
293
311
|
}): react_jsx_runtime.JSX.Element;
|
|
294
312
|
|
|
295
|
-
declare function
|
|
313
|
+
declare function SvgChevronLeftIcon({ id }: {
|
|
296
314
|
id?: string | undefined;
|
|
297
315
|
}): react_jsx_runtime.JSX.Element;
|
|
298
316
|
|
|
299
|
-
declare function
|
|
317
|
+
declare function SvgChevronRightIcon({ id }: {
|
|
300
318
|
id?: string | undefined;
|
|
301
319
|
}): react_jsx_runtime.JSX.Element;
|
|
302
320
|
|
|
303
|
-
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, }: {
|
|
304
330
|
id?: string | undefined;
|
|
305
331
|
}): react_jsx_runtime.JSX.Element;
|
|
306
332
|
|
|
@@ -403,6 +429,18 @@ interface TextFieldProps extends TextFieldProps$1 {
|
|
|
403
429
|
}
|
|
404
430
|
declare function TextField({ size, label, description, errorMessage, iconLeft, iconRight, ...props }: TextFieldProps): react_jsx_runtime.JSX.Element;
|
|
405
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
|
+
|
|
406
444
|
interface SwitchProps extends SwitchProps$1 {
|
|
407
445
|
labelPosition?: "left" | "right";
|
|
408
446
|
}
|
|
@@ -418,4 +456,4 @@ interface NumberFieldProps extends NumberFieldProps$1 {
|
|
|
418
456
|
}
|
|
419
457
|
declare function NumberField({ size, label, description, errorMessage, ...props }: NumberFieldProps): react_jsx_runtime.JSX.Element;
|
|
420
458
|
|
|
421
|
-
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, SvgReactAriaIcon, SvgTooltipArrowUp, SvgUpRightFromSquareIcon, Switch, Tag, TagGroup, TagList, Text, TextArea, TextField, Tooltip };
|
|
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 };
|