@abgov/react-components 7.4.0 → 8.0.0-dev.1
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 +2 -4
- package/index.js +26 -74
- package/index.js.map +1 -1
- package/index.mjs +26 -74
- package/index.mjs.map +1 -1
- package/lib/accordion/accordion.d.ts +3 -3
- package/lib/app-header/app-header.d.ts +2 -11
- package/lib/badge/badge.d.ts +0 -1
- package/lib/button/button.d.ts +5 -3
- package/lib/button-group/button-group.d.ts +3 -3
- package/lib/calendar/calendar.d.ts +0 -1
- package/lib/callout/callout.d.ts +2 -6
- package/lib/checkbox/checkbox.d.ts +4 -5
- package/lib/checkbox-list/checkbox-list.d.ts +7 -5
- package/lib/data-grid/data-grid.d.ts +2 -2
- package/lib/date-picker/date-picker.d.ts +3 -4
- package/lib/drawer/drawer.d.ts +1 -2
- package/lib/dropdown/dropdown-item.d.ts +1 -1
- package/lib/dropdown/dropdown.d.ts +5 -3
- package/lib/file-upload-card/file-upload-card.d.ts +0 -1
- package/lib/file-upload-input/file-upload-input.d.ts +0 -1
- package/lib/filter-chip/filter-chip.d.ts +0 -1
- package/lib/footer/footer.d.ts +0 -4
- package/lib/form-item/form-item.d.ts +0 -1
- package/lib/icon/icon.d.ts +4 -1
- package/lib/input/input.d.ts +6 -4
- package/lib/modal/modal.d.ts +0 -1
- package/lib/notification/notification.d.ts +0 -1
- package/lib/pagination/pagination.d.ts +0 -1
- package/lib/push-drawer/push-drawer.d.ts +0 -1
- package/lib/radio-group/radio-group.d.ts +3 -4
- package/lib/radio-group/radio.d.ts +3 -4
- package/lib/side-menu/side-menu.d.ts +0 -1
- package/lib/side-menu-group/side-menu-group.d.ts +0 -1
- package/lib/side-menu-heading/side-menu-heading.d.ts +0 -1
- package/lib/table/table-sort-header.d.ts +0 -1
- package/lib/table/table.d.ts +0 -1
- package/lib/tabs/tabs.d.ts +0 -1
- package/lib/text/text.d.ts +1 -1
- package/lib/textarea/textarea.d.ts +4 -5
- package/package.json +1 -1
|
@@ -3,7 +3,7 @@ import { GoabAccordionHeadingSize, GoabAccordionIconPosition, GoabAccordionHeadi
|
|
|
3
3
|
interface WCProps extends Margins {
|
|
4
4
|
open?: string;
|
|
5
5
|
headingsize?: GoabAccordionHeadingSize;
|
|
6
|
-
heading
|
|
6
|
+
heading: string;
|
|
7
7
|
secondarytext?: string;
|
|
8
8
|
headingContent?: ReactNode;
|
|
9
9
|
maxwidth?: string;
|
|
@@ -21,8 +21,8 @@ declare module "react" {
|
|
|
21
21
|
}
|
|
22
22
|
}
|
|
23
23
|
export interface GoabAccordionProps extends Margins, DataAttributes {
|
|
24
|
-
/** Sets the heading text. */
|
|
25
|
-
heading
|
|
24
|
+
/** @required Sets the heading text. */
|
|
25
|
+
heading: string;
|
|
26
26
|
/** Sets the state of the accordion container open or closed. */
|
|
27
27
|
open?: boolean;
|
|
28
28
|
/** Sets the heading size of the accordion container heading. @default "small" */
|
|
@@ -5,17 +5,12 @@ interface WCProps {
|
|
|
5
5
|
secondarytext?: string;
|
|
6
6
|
url?: string;
|
|
7
7
|
maxcontentwidth?: string;
|
|
8
|
-
fullmenubreakpoint?: number;
|
|
9
|
-
hasmenuclickhandler?: string;
|
|
10
8
|
testid?: string;
|
|
11
|
-
version?: string;
|
|
12
9
|
}
|
|
13
10
|
declare module "react" {
|
|
14
11
|
namespace JSX {
|
|
15
12
|
interface IntrinsicElements {
|
|
16
|
-
"goa-app-header": WCProps & React.HTMLAttributes<HTMLElement
|
|
17
|
-
ref: React.RefObject<HTMLElement | null>;
|
|
18
|
-
};
|
|
13
|
+
"goa-app-header": WCProps & React.HTMLAttributes<HTMLElement>;
|
|
19
14
|
}
|
|
20
15
|
}
|
|
21
16
|
}
|
|
@@ -28,12 +23,8 @@ export interface GoabAppHeaderProps extends DataAttributes {
|
|
|
28
23
|
url?: string;
|
|
29
24
|
/** Maximum width of the content area. */
|
|
30
25
|
maxContentWidth?: string;
|
|
31
|
-
/** Sets the breakpoint in px for the full menu to display. */
|
|
32
|
-
fullMenuBreakpoint?: number;
|
|
33
26
|
/** Content rendered inside the app header, typically navigation links. */
|
|
34
27
|
children?: ReactNode;
|
|
35
|
-
/** Callback fired when the menu button is clicked. When provided, clicking the menu button dispatches a custom event instead of toggling the menu. */
|
|
36
|
-
onMenuClick?: () => void;
|
|
37
28
|
/** Sets a data-testid attribute for automated testing. */
|
|
38
29
|
testId?: string;
|
|
39
30
|
/** Banner content displayed above the header. */
|
|
@@ -46,5 +37,5 @@ export interface GoabAppHeaderProps extends DataAttributes {
|
|
|
46
37
|
utilities?: ReactNode;
|
|
47
38
|
}
|
|
48
39
|
/** Provide structure to help users find their way around the service. */
|
|
49
|
-
export declare function GoabAppHeader({
|
|
40
|
+
export declare function GoabAppHeader({ children, secondaryText, banner, phase, navigation, utilities, ...rest }: GoabAppHeaderProps): JSX.Element;
|
|
50
41
|
export {};
|
package/lib/badge/badge.d.ts
CHANGED
package/lib/button/button.d.ts
CHANGED
|
@@ -7,12 +7,12 @@ interface WCProps extends Margins {
|
|
|
7
7
|
disabled?: string;
|
|
8
8
|
leadingicon?: string;
|
|
9
9
|
trailingicon?: string;
|
|
10
|
+
arialabel?: string;
|
|
10
11
|
width?: string;
|
|
11
12
|
testid?: string;
|
|
12
13
|
action?: string;
|
|
13
14
|
actionArgs?: string;
|
|
14
15
|
actionArg?: string;
|
|
15
|
-
version?: string;
|
|
16
16
|
}
|
|
17
17
|
declare module "react" {
|
|
18
18
|
namespace JSX {
|
|
@@ -36,7 +36,9 @@ export interface GoabButtonProps extends Margins, DataAttributes {
|
|
|
36
36
|
leadingIcon?: GoabIconType;
|
|
37
37
|
/** Icon displayed after the button text. */
|
|
38
38
|
trailingIcon?: GoabIconType;
|
|
39
|
-
/** Sets
|
|
39
|
+
/** Sets the accessible name. Include the visible button text in the value. */
|
|
40
|
+
ariaLabel?: string;
|
|
41
|
+
/** Sets a custom width for the button (e.g., "200px", "100%" or "fit-content"). */
|
|
40
42
|
width?: string;
|
|
41
43
|
/** Callback fired when the button is clicked. */
|
|
42
44
|
onClick?: () => void;
|
|
@@ -52,5 +54,5 @@ export interface GoabButtonProps extends Margins, DataAttributes {
|
|
|
52
54
|
children?: ReactNode;
|
|
53
55
|
}
|
|
54
56
|
/** Carry out an important action or navigate to another page. */
|
|
55
|
-
export declare function GoabButton({ disabled, onClick, actionArgs, actionArg, children, ...rest }: GoabButtonProps): JSX.Element;
|
|
57
|
+
export declare function GoabButton({ disabled, onClick, actionArgs, actionArg, ariaLabel, children, ...rest }: GoabButtonProps): JSX.Element;
|
|
56
58
|
export default GoabButton;
|
|
@@ -13,8 +13,8 @@ declare module "react" {
|
|
|
13
13
|
}
|
|
14
14
|
}
|
|
15
15
|
export interface GoabButtonGroupProps extends Margins, DataAttributes {
|
|
16
|
-
/**
|
|
17
|
-
alignment
|
|
16
|
+
/** Positions the button group in the page layout. @default "start" */
|
|
17
|
+
alignment?: GoabButtonGroupAlignment;
|
|
18
18
|
/** Sets the spacing between buttons in the button group. @default "relaxed" */
|
|
19
19
|
gap?: GoabButtonGroupGap;
|
|
20
20
|
/** Sets a data-testid attribute for automated testing. */
|
|
@@ -23,5 +23,5 @@ export interface GoabButtonGroupProps extends Margins, DataAttributes {
|
|
|
23
23
|
children?: React.ReactNode;
|
|
24
24
|
}
|
|
25
25
|
/** Display multiple related actions stacked or in a horizontal row to help with arrangement and spacing. */
|
|
26
|
-
export declare function GoabButtonGroup({ children, ...rest }: GoabButtonGroupProps): JSX.Element;
|
|
26
|
+
export declare function GoabButtonGroup({ children, alignment, ...rest }: GoabButtonGroupProps): JSX.Element;
|
|
27
27
|
export default GoabButtonGroup;
|
package/lib/callout/callout.d.ts
CHANGED
|
@@ -1,14 +1,12 @@
|
|
|
1
|
-
import { GoabCalloutAriaLive, GoabCalloutEmphasis,
|
|
1
|
+
import { GoabCalloutAriaLive, GoabCalloutEmphasis, GoabCalloutType, GoabCalloutIconTheme, Margins, DataAttributes } from '@abgov/ui-components-common';
|
|
2
2
|
interface WCProps extends Margins {
|
|
3
3
|
heading?: string;
|
|
4
4
|
type?: GoabCalloutType;
|
|
5
|
-
size?: GoabCalloutSize;
|
|
6
5
|
arialive?: GoabCalloutAriaLive;
|
|
7
6
|
maxwidth?: string;
|
|
8
7
|
icontheme?: GoabCalloutIconTheme;
|
|
9
8
|
emphasis?: GoabCalloutEmphasis;
|
|
10
9
|
testid?: string;
|
|
11
|
-
version?: string;
|
|
12
10
|
}
|
|
13
11
|
declare module "react" {
|
|
14
12
|
namespace JSX {
|
|
@@ -22,8 +20,6 @@ export interface GoabCalloutProps extends Margins, DataAttributes {
|
|
|
22
20
|
heading?: string;
|
|
23
21
|
/** Sets the context and colour of the callout. @default "information" */
|
|
24
22
|
type?: GoabCalloutType;
|
|
25
|
-
/** Sets the size of the callout. 'medium' has reduced padding and type size for compact areas. @default "large" */
|
|
26
|
-
size?: GoabCalloutSize;
|
|
27
23
|
/** Sets the icon theme. 'outline' for stroked icons, 'filled' for solid icons. @default "outline" */
|
|
28
24
|
iconTheme?: GoabCalloutIconTheme;
|
|
29
25
|
/** Sets the visual prominence. 'high' for full background, 'medium' for subtle, 'low' for minimal. @default "medium" */
|
|
@@ -38,5 +34,5 @@ export interface GoabCalloutProps extends Margins, DataAttributes {
|
|
|
38
34
|
children?: React.ReactNode;
|
|
39
35
|
}
|
|
40
36
|
/** Communicate important information through a strong visual emphasis. */
|
|
41
|
-
export declare const GoabCallout: ({ type, iconTheme,
|
|
37
|
+
export declare const GoabCallout: ({ type, iconTheme, ariaLive, emphasis, children, ...rest }: GoabCalloutProps) => import("react/jsx-runtime").JSX.Element;
|
|
42
38
|
export default GoabCallout;
|
|
@@ -11,7 +11,7 @@ declare module "react" {
|
|
|
11
11
|
}
|
|
12
12
|
interface WCProps extends Margins {
|
|
13
13
|
id?: string;
|
|
14
|
-
name
|
|
14
|
+
name?: string;
|
|
15
15
|
checked?: string;
|
|
16
16
|
indeterminate?: string;
|
|
17
17
|
disabled?: string;
|
|
@@ -25,11 +25,10 @@ interface WCProps extends Margins {
|
|
|
25
25
|
maxwidth?: string;
|
|
26
26
|
testid?: string;
|
|
27
27
|
size?: GoabCheckboxSize;
|
|
28
|
-
version?: string;
|
|
29
28
|
}
|
|
30
29
|
export interface GoabCheckboxProps extends Margins, DataAttributes {
|
|
31
|
-
/**
|
|
32
|
-
name
|
|
30
|
+
/** Unique name to identify the checkbox. If omitted, a unique name is generated. */
|
|
31
|
+
name?: string;
|
|
33
32
|
/** Sets a unique id for the checkbox element. */
|
|
34
33
|
id?: string;
|
|
35
34
|
/** Marks the checkbox item as selected. */
|
|
@@ -48,7 +47,7 @@ export interface GoabCheckboxProps extends Margins, DataAttributes {
|
|
|
48
47
|
children?: React.ReactNode;
|
|
49
48
|
/** Sets a data-testid attribute for automated testing. */
|
|
50
49
|
testId?: string;
|
|
51
|
-
/** Defines how the text will be translated for the screen reader. If not specified it will fall back to the
|
|
50
|
+
/** Defines how the text will be translated for the screen reader. If not specified it will fall back to the checkbox text. */
|
|
52
51
|
ariaLabel?: string;
|
|
53
52
|
/** Additional description text displayed below the checkbox label. */
|
|
54
53
|
description?: string | React.ReactNode;
|
|
@@ -2,14 +2,14 @@ import { GoabCheckboxListOnBlurDetail, GoabCheckboxListOnChangeDetail, GoabCheck
|
|
|
2
2
|
import { JSX } from 'react';
|
|
3
3
|
interface WCProps extends Margins {
|
|
4
4
|
ref: React.RefObject<HTMLElement | null>;
|
|
5
|
-
name
|
|
5
|
+
name?: string;
|
|
6
6
|
value?: string[];
|
|
7
7
|
disabled?: string;
|
|
8
8
|
error?: string;
|
|
9
9
|
testid?: string;
|
|
10
10
|
maxwidth?: string;
|
|
11
|
-
version?: string;
|
|
12
11
|
size?: string;
|
|
12
|
+
arialabel?: string;
|
|
13
13
|
}
|
|
14
14
|
declare module "react" {
|
|
15
15
|
namespace JSX {
|
|
@@ -19,8 +19,8 @@ declare module "react" {
|
|
|
19
19
|
}
|
|
20
20
|
}
|
|
21
21
|
export interface GoabCheckboxListProps extends Margins {
|
|
22
|
-
/**
|
|
23
|
-
name
|
|
22
|
+
/** The name for the checkbox list group. Used as group identifier in change events. If omitted, a unique name is generated. */
|
|
23
|
+
name?: string;
|
|
24
24
|
/** Array of currently selected checkbox values. */
|
|
25
25
|
value?: string[];
|
|
26
26
|
/** Disables all checkboxes in the list. */
|
|
@@ -33,6 +33,8 @@ export interface GoabCheckboxListProps extends Margins {
|
|
|
33
33
|
maxWidth?: string;
|
|
34
34
|
/** Sets the size of the checkbox list. 'compact' reduces spacing between items. @default "default" */
|
|
35
35
|
size?: "default" | "compact";
|
|
36
|
+
/** Defines how the input will be translated for the screen reader. */
|
|
37
|
+
ariaLabel?: string;
|
|
36
38
|
/** Content rendered inside the checkbox list. */
|
|
37
39
|
children?: React.ReactNode;
|
|
38
40
|
/** Callback fired when the selected values change. */
|
|
@@ -43,5 +45,5 @@ export interface GoabCheckboxListProps extends Margins {
|
|
|
43
45
|
onBlur?: (detail: GoabCheckboxListOnBlurDetail) => void;
|
|
44
46
|
}
|
|
45
47
|
/** A multiple selection input. */
|
|
46
|
-
export declare function GoabCheckboxList({ name, value, disabled, error, testId, maxWidth, size, children, onChange, onFocus, onBlur, mt, mr, mb, ml, }: GoabCheckboxListProps): JSX.Element;
|
|
48
|
+
export declare function GoabCheckboxList({ name, value, disabled, error, testId, maxWidth, size, ariaLabel, children, onChange, onFocus, onBlur, mt, mr, mb, ml, }: GoabCheckboxListProps): JSX.Element;
|
|
47
49
|
export default GoabCheckboxList;
|
|
@@ -12,8 +12,8 @@ declare module "react" {
|
|
|
12
12
|
}
|
|
13
13
|
}
|
|
14
14
|
export interface GoabDataGridProps {
|
|
15
|
-
/**
|
|
16
|
-
keyboardNav
|
|
15
|
+
/** Navigation mode. 'table' navigates like a table (up/down between rows), 'layout' allows wrapping between rows with left/right arrows. @default "table" */
|
|
16
|
+
keyboardNav?: "layout" | "table";
|
|
17
17
|
/** Controls visibility of the keyboard navigation indicator icon. @default "visible" */
|
|
18
18
|
keyboardIconVisibility?: "visible" | "hidden";
|
|
19
19
|
/** Position of the keyboard navigation indicator icon. @default "left" */
|
|
@@ -11,7 +11,6 @@ interface WCProps extends Margins {
|
|
|
11
11
|
disabled?: string;
|
|
12
12
|
testid?: string;
|
|
13
13
|
width?: string;
|
|
14
|
-
version?: string;
|
|
15
14
|
}
|
|
16
15
|
declare module "react" {
|
|
17
16
|
namespace JSX {
|
|
@@ -27,13 +26,13 @@ export interface GoabDatePickerProps extends Margins, DataAttributes {
|
|
|
27
26
|
type?: GoabDatePickerInputType;
|
|
28
27
|
/** Name of the date field. */
|
|
29
28
|
name?: string;
|
|
30
|
-
/**
|
|
29
|
+
/** Sets the calendar date as an ISO date string (yyyy-mm-dd). */
|
|
31
30
|
value?: Date | string | undefined;
|
|
32
31
|
/** Sets the input to an error state. */
|
|
33
32
|
error?: boolean;
|
|
34
|
-
/**
|
|
33
|
+
/** Sets the earliest allowed date as an ISO date string (yyyy-mm-dd). */
|
|
35
34
|
min?: Date | string;
|
|
36
|
-
/**
|
|
35
|
+
/** Sets the latest allowed date as an ISO date string (yyyy-mm-dd). */
|
|
37
36
|
max?: Date | string;
|
|
38
37
|
/** Sets a data-testid attribute for automated testing. */
|
|
39
38
|
testId?: string;
|
package/lib/drawer/drawer.d.ts
CHANGED
|
@@ -7,7 +7,6 @@ interface WCProps {
|
|
|
7
7
|
maxsize?: GoabDrawerSize;
|
|
8
8
|
testid?: string;
|
|
9
9
|
ref: React.RefObject<HTMLElement | null>;
|
|
10
|
-
version?: string;
|
|
11
10
|
}
|
|
12
11
|
declare module "react" {
|
|
13
12
|
namespace JSX {
|
|
@@ -23,7 +22,7 @@ export interface GoabDrawerProps {
|
|
|
23
22
|
children: ReactNode;
|
|
24
23
|
/** @required Callback fired when the drawer requests to be closed. */
|
|
25
24
|
onClose: () => void;
|
|
26
|
-
/** Whether the drawer is open. */
|
|
25
|
+
/** Whether the drawer is open. @default false */
|
|
27
26
|
open?: boolean;
|
|
28
27
|
/** The heading text displayed at the top of the drawer. Accepts a string or a ReactNode for custom heading content. */
|
|
29
28
|
heading?: string | ReactNode;
|
|
@@ -15,7 +15,7 @@ declare module "react" {
|
|
|
15
15
|
}
|
|
16
16
|
}
|
|
17
17
|
export interface GoabDropdownItemProps {
|
|
18
|
-
/** @required The value submitted when this item is selected. */
|
|
18
|
+
/** @required The value submitted when this item is selected. Set to an empty string (`""`) to make this item the default selected value. */
|
|
19
19
|
value: string;
|
|
20
20
|
/** Display label for the dropdown item. */
|
|
21
21
|
label?: string;
|
|
@@ -11,6 +11,7 @@ interface WCProps extends Margins {
|
|
|
11
11
|
multiselect?: string;
|
|
12
12
|
name?: string;
|
|
13
13
|
native?: string;
|
|
14
|
+
noresults?: string;
|
|
14
15
|
placeholder?: string;
|
|
15
16
|
value?: string;
|
|
16
17
|
width?: string;
|
|
@@ -20,7 +21,6 @@ interface WCProps extends Margins {
|
|
|
20
21
|
autocomplete?: string;
|
|
21
22
|
testid?: string;
|
|
22
23
|
size?: GoabDropdownSize;
|
|
23
|
-
version?: string;
|
|
24
24
|
}
|
|
25
25
|
declare module "react" {
|
|
26
26
|
namespace JSX {
|
|
@@ -32,7 +32,7 @@ declare module "react" {
|
|
|
32
32
|
}
|
|
33
33
|
}
|
|
34
34
|
export interface GoabDropdownProps extends Margins, DataAttributes {
|
|
35
|
-
/** Identifier for the dropdown.
|
|
35
|
+
/** Identifier for the dropdown. If omitted, a unique name is generated. */
|
|
36
36
|
name?: string;
|
|
37
37
|
/** The currently selected value(s) of the dropdown. */
|
|
38
38
|
value?: string[] | string;
|
|
@@ -42,7 +42,7 @@ export interface GoabDropdownProps extends Margins, DataAttributes {
|
|
|
42
42
|
onFocus?: (detail: GoabDropdownOnFocusDetail) => void;
|
|
43
43
|
/** Callback fired when the dropdown loses focus. */
|
|
44
44
|
onBlur?: (detail: GoabDropdownOnBlurDetail) => void;
|
|
45
|
-
/** Defines how the selected value will be translated for the screen reader.
|
|
45
|
+
/** Defines how the selected value will be translated for the screen reader. */
|
|
46
46
|
ariaLabel?: string;
|
|
47
47
|
/** The aria-labelledby attribute identifies the element that labels the dropdown. Normally it is the id of the label. */
|
|
48
48
|
ariaLabelledBy?: string;
|
|
@@ -64,6 +64,8 @@ export interface GoabDropdownProps extends Margins, DataAttributes {
|
|
|
64
64
|
multiselect?: boolean;
|
|
65
65
|
/** When true, renders the native select HTML element. */
|
|
66
66
|
native?: boolean;
|
|
67
|
+
/** Sets the text displayed when filtering returns no results. @default "No matches found" */
|
|
68
|
+
noResults?: string;
|
|
67
69
|
/** The text displayed in the dropdown before a selection is made. Non-native only. */
|
|
68
70
|
placeholder?: string;
|
|
69
71
|
/** Sets a data-testid attribute for automated testing. */
|
package/lib/footer/footer.d.ts
CHANGED
|
@@ -3,8 +3,6 @@ import { DataAttributes } from '@abgov/ui-components-common';
|
|
|
3
3
|
interface WCProps {
|
|
4
4
|
maxcontentwidth?: string;
|
|
5
5
|
testid?: string;
|
|
6
|
-
url?: string;
|
|
7
|
-
version?: string;
|
|
8
6
|
}
|
|
9
7
|
declare module "react" {
|
|
10
8
|
namespace JSX {
|
|
@@ -16,8 +14,6 @@ declare module "react" {
|
|
|
16
14
|
export interface GoabAppFooterProps extends DataAttributes {
|
|
17
15
|
/** The maximum width of the main content area. */
|
|
18
16
|
maxContentWidth?: string;
|
|
19
|
-
/** URL for the Government of Alberta logo link. Set to empty string to disable the link. @default "https://alberta.ca" */
|
|
20
|
-
url?: string;
|
|
21
17
|
/** Sets a data-testid attribute for automated testing. */
|
|
22
18
|
testId?: string;
|
|
23
19
|
/** Content rendered inside the footer, typically navigation and meta sections. */
|
package/lib/icon/icon.d.ts
CHANGED
|
@@ -26,6 +26,8 @@ export interface GoabIconProps extends Margins, DataAttributes {
|
|
|
26
26
|
title?: string;
|
|
27
27
|
/** Defines how the icon will be announced by screen readers. */
|
|
28
28
|
ariaLabel?: string;
|
|
29
|
+
/** Sets whether the icon is hidden from assistive technologies. @default false */
|
|
30
|
+
ariaHidden?: boolean;
|
|
29
31
|
/** Sets the ARIA role for the icon. Use 'presentation' for decorative icons. @default "img" */
|
|
30
32
|
role?: string;
|
|
31
33
|
/** Sets a data-testid attribute for automated testing. */
|
|
@@ -40,9 +42,10 @@ interface WCProps extends Margins {
|
|
|
40
42
|
opacity?: number;
|
|
41
43
|
title?: string;
|
|
42
44
|
arialabel?: string;
|
|
45
|
+
ariahidden?: string;
|
|
43
46
|
role?: string;
|
|
44
47
|
testid?: string;
|
|
45
48
|
}
|
|
46
49
|
/** A simple and universal graphic symbol representing an action, object, or concept to help guide the user. */
|
|
47
|
-
export declare function GoabIcon({ inverted, ...rest }: GoabIconProps): JSX.Element;
|
|
50
|
+
export declare function GoabIcon({ inverted, ariaHidden, ...rest }: GoabIconProps): JSX.Element;
|
|
48
51
|
export {};
|
package/lib/input/input.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { JSX } from 'react';
|
|
|
2
2
|
import { GoabAutoCapitalize, GoabDate, GoabIconType, GoabInputOnBlurDetail, GoabInputOnChangeDetail, GoabInputOnFocusDetail, GoabInputOnKeyPressDetail, GoabInputSize, GoabInputType, Margins, DataAttributes } from '@abgov/ui-components-common';
|
|
3
3
|
interface WCProps extends Margins {
|
|
4
4
|
type?: GoabInputType;
|
|
5
|
-
name
|
|
5
|
+
name?: string;
|
|
6
6
|
value?: string;
|
|
7
7
|
id?: string;
|
|
8
8
|
autocapitalize?: GoabAutoCapitalize;
|
|
@@ -21,6 +21,7 @@ interface WCProps extends Margins {
|
|
|
21
21
|
prefix?: string;
|
|
22
22
|
suffix?: string;
|
|
23
23
|
arialabel?: string;
|
|
24
|
+
arialabelledby?: string;
|
|
24
25
|
testid?: string;
|
|
25
26
|
textalign?: string;
|
|
26
27
|
size?: GoabInputSize;
|
|
@@ -28,7 +29,6 @@ interface WCProps extends Margins {
|
|
|
28
29
|
max?: string | number;
|
|
29
30
|
step?: number;
|
|
30
31
|
maxlength?: number;
|
|
31
|
-
version?: string;
|
|
32
32
|
trailingiconarialabel?: string;
|
|
33
33
|
}
|
|
34
34
|
declare module "react" {
|
|
@@ -41,8 +41,8 @@ declare module "react" {
|
|
|
41
41
|
}
|
|
42
42
|
}
|
|
43
43
|
interface BaseProps extends Margins, DataAttributes {
|
|
44
|
-
/** Name of input value that is received in event detail payloads. */
|
|
45
|
-
name
|
|
44
|
+
/** Name of input value that is received in event detail payloads. If omitted, a unique name is generated. */
|
|
45
|
+
name?: string;
|
|
46
46
|
/** Sets the id attribute of the input element. */
|
|
47
47
|
id?: string;
|
|
48
48
|
/** Debounce delay in milliseconds before firing the change event. 0 means no debounce. */
|
|
@@ -79,6 +79,8 @@ interface BaseProps extends Margins, DataAttributes {
|
|
|
79
79
|
testId?: string;
|
|
80
80
|
/** Sets the aria-label used by assistive technologies. */
|
|
81
81
|
ariaLabel?: string;
|
|
82
|
+
/** The aria-labelledby attribute identifies the element (or elements) that labels the input */
|
|
83
|
+
ariaLabelledBy?: string;
|
|
82
84
|
/** Sets content in the leading slot. */
|
|
83
85
|
leadingContent?: React.ReactNode;
|
|
84
86
|
/** Sets content in the trailing slot. */
|
package/lib/modal/modal.d.ts
CHANGED
|
@@ -2,7 +2,7 @@ import { JSX } from 'react';
|
|
|
2
2
|
import { GoabRadioGroupOnBlurDetail, GoabRadioGroupOnChangeDetail, GoabRadioGroupOnFocusDetail, GoabRadioGroupOrientation, GoabRadioGroupSize, Margins, DataAttributes } from '@abgov/ui-components-common';
|
|
3
3
|
export * from './radio';
|
|
4
4
|
interface WCProps extends Margins {
|
|
5
|
-
name
|
|
5
|
+
name?: string;
|
|
6
6
|
value?: string;
|
|
7
7
|
id?: string;
|
|
8
8
|
orientation?: GoabRadioGroupOrientation;
|
|
@@ -11,7 +11,6 @@ interface WCProps extends Margins {
|
|
|
11
11
|
arialabel?: string;
|
|
12
12
|
testid?: string;
|
|
13
13
|
size?: GoabRadioGroupSize;
|
|
14
|
-
version?: string;
|
|
15
14
|
}
|
|
16
15
|
declare module "react" {
|
|
17
16
|
namespace JSX {
|
|
@@ -23,8 +22,8 @@ declare module "react" {
|
|
|
23
22
|
}
|
|
24
23
|
}
|
|
25
24
|
export interface GoabRadioGroupProps extends Margins, DataAttributes {
|
|
26
|
-
/**
|
|
27
|
-
name
|
|
25
|
+
/** The name for the radio group. Used for accessibility and change events. If omitted, a unique name is generated. */
|
|
26
|
+
name?: string;
|
|
28
27
|
/** The currently selected value in the radio group. */
|
|
29
28
|
value?: string;
|
|
30
29
|
/** The identifier for the radio group element. */
|
|
@@ -2,7 +2,7 @@ import { Margins } from '@abgov/ui-components-common';
|
|
|
2
2
|
import { JSX } from 'react';
|
|
3
3
|
interface WCProps extends Margins {
|
|
4
4
|
name?: string;
|
|
5
|
-
value
|
|
5
|
+
value: string;
|
|
6
6
|
description?: string | React.ReactNode;
|
|
7
7
|
reveal?: React.ReactNode;
|
|
8
8
|
revealarialabel?: string;
|
|
@@ -13,7 +13,6 @@ interface WCProps extends Margins {
|
|
|
13
13
|
error?: string;
|
|
14
14
|
arialabel?: string;
|
|
15
15
|
compact?: string;
|
|
16
|
-
version?: string;
|
|
17
16
|
}
|
|
18
17
|
declare module "react" {
|
|
19
18
|
namespace JSX {
|
|
@@ -23,8 +22,8 @@ declare module "react" {
|
|
|
23
22
|
}
|
|
24
23
|
}
|
|
25
24
|
export interface GoabRadioItemProps extends Margins {
|
|
26
|
-
/** The value of this radio option. Will be emitted when selected. */
|
|
27
|
-
value
|
|
25
|
+
/** @required The value of this radio option. Will be emitted when selected. */
|
|
26
|
+
value: string;
|
|
28
27
|
/** The display label for this radio option. Falls back to value if not provided. */
|
|
29
28
|
label?: string;
|
|
30
29
|
/** The name of the radio group. Inherited from the parent RadioGroup if not set. */
|
package/lib/table/table.d.ts
CHANGED
package/lib/tabs/tabs.d.ts
CHANGED
package/lib/text/text.d.ts
CHANGED
|
@@ -25,7 +25,7 @@ interface GoATextProps extends Margins, DataAttributes {
|
|
|
25
25
|
size?: GoabTextSize;
|
|
26
26
|
/** Sets the max width. @default "65ch" */
|
|
27
27
|
maxWidth?: GoabTextMaxWidth;
|
|
28
|
-
/** Sets the text colour. @default "primary" */
|
|
28
|
+
/** Sets the text colour to primary, secondary, light, or disabled. @default "primary" */
|
|
29
29
|
color?: GoabTextColor;
|
|
30
30
|
/** Sets the id attribute on the element. */
|
|
31
31
|
id?: string;
|