@abgov/react-components 4.20.4 → 4.21.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/index.js +8842 -8391
- package/index.js.map +1 -1
- package/index.mjs +8842 -8391
- package/index.mjs.map +1 -1
- package/lib/container/container.d.ts +4 -1
- package/lib/form-item/form-item.d.ts +2 -2
- package/lib/icon/icon.d.ts +12 -1
- package/lib/icon-button/icon-button.d.ts +1 -1
- package/lib/popover/popover.d.ts +3 -1
- package/package.json +1 -1
|
@@ -3,10 +3,12 @@ import { Margins } from "../../common/styling";
|
|
|
3
3
|
export type GoAContainerType = "interactive" | "non-interactive" | "info" | "error" | "success" | "important";
|
|
4
4
|
export type GoAContainerAccent = "thick" | "thin" | "filled";
|
|
5
5
|
export type GoAContainerPadding = "relaxed" | "compact";
|
|
6
|
+
export type GoAContainerWidth = "full" | "content";
|
|
6
7
|
interface WCProps extends Margins {
|
|
7
8
|
type?: GoAContainerType;
|
|
8
9
|
accent?: GoAContainerAccent;
|
|
9
10
|
padding?: GoAContainerPadding;
|
|
11
|
+
width?: GoAContainerWidth;
|
|
10
12
|
}
|
|
11
13
|
declare global {
|
|
12
14
|
namespace JSX {
|
|
@@ -23,7 +25,8 @@ export interface GoAContainerProps extends Margins {
|
|
|
23
25
|
padding?: GoAContainerPadding;
|
|
24
26
|
actions?: ReactNode;
|
|
25
27
|
children?: ReactNode;
|
|
28
|
+
width?: GoAContainerWidth;
|
|
26
29
|
testId?: string;
|
|
27
30
|
}
|
|
28
|
-
export declare function GoAContainer({ accent, heading, title, padding, children, actions, type, mt, mr, mb, ml, testId, }: GoAContainerProps): JSX.Element;
|
|
31
|
+
export declare function GoAContainer({ accent, heading, title, padding, children, actions, type, width, mt, mr, mb, ml, testId, }: GoAContainerProps): JSX.Element;
|
|
29
32
|
export default GoAContainer;
|
|
@@ -20,8 +20,8 @@ export interface GoAFormItemProps extends Margins {
|
|
|
20
20
|
label?: string;
|
|
21
21
|
labelSize?: GoAFormItemLabelSize;
|
|
22
22
|
requirement?: GoAFormItemRequirement;
|
|
23
|
-
error?:
|
|
24
|
-
helpText?:
|
|
23
|
+
error?: React.ReactNode;
|
|
24
|
+
helpText?: React.ReactNode;
|
|
25
25
|
children?: React.ReactNode;
|
|
26
26
|
testId?: string;
|
|
27
27
|
id?: string;
|
package/lib/icon/icon.d.ts
CHANGED
|
@@ -30,12 +30,23 @@ export interface GoAIconProps extends Margins {
|
|
|
30
30
|
type: GoAIconType;
|
|
31
31
|
size?: GoAIconSize;
|
|
32
32
|
theme?: GoAIconTheme;
|
|
33
|
+
inverted?: string;
|
|
34
|
+
fillColor?: string;
|
|
35
|
+
opacity?: number;
|
|
36
|
+
title?: string;
|
|
37
|
+
ariaLabel?: string;
|
|
33
38
|
testId?: string;
|
|
34
39
|
}
|
|
35
40
|
interface WCProps extends Margins {
|
|
36
41
|
type: GoAIconType;
|
|
37
42
|
theme?: GoAIconTheme;
|
|
38
43
|
size?: GoAIconSize;
|
|
44
|
+
inverted?: string;
|
|
45
|
+
fillcolor?: string;
|
|
46
|
+
opacity?: number;
|
|
47
|
+
title?: string;
|
|
48
|
+
arialabel?: string;
|
|
49
|
+
testid?: string;
|
|
39
50
|
}
|
|
40
|
-
export declare function GoAIcon({ type, theme, size, mt, mr, mb, ml, testId, }: GoAIconProps): JSX.Element;
|
|
51
|
+
export declare function GoAIcon({ type, theme, size, inverted, fillColor, opacity, title, ariaLabel, mt, mr, mb, ml, testId, }: GoAIconProps): JSX.Element;
|
|
41
52
|
export {};
|
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { Margins } from "../../common/styling";
|
|
2
2
|
import { GoAIconSize, GoAIconType } from "../icon/icon";
|
|
3
|
-
export type GoAIconButtonVariant = "color" | "nocolor" | "dark" | "destructive";
|
|
3
|
+
export type GoAIconButtonVariant = "color" | "nocolor" | "light" | "dark" | "destructive";
|
|
4
4
|
export type IconButtonVariant = GoAIconButtonVariant;
|
|
5
5
|
interface WCProps extends Margins {
|
|
6
6
|
ref: React.RefObject<HTMLElement>;
|
package/lib/popover/popover.d.ts
CHANGED
|
@@ -3,6 +3,7 @@ import { Margins } from "../../common/styling";
|
|
|
3
3
|
export type GoAPosition = "above" | "below" | "auto";
|
|
4
4
|
interface WCProps extends Margins {
|
|
5
5
|
maxwidth?: string;
|
|
6
|
+
minwidth?: string;
|
|
6
7
|
padded?: boolean;
|
|
7
8
|
position?: GoAPosition;
|
|
8
9
|
relative?: boolean;
|
|
@@ -18,10 +19,11 @@ export interface GoAPopoverProps extends Margins {
|
|
|
18
19
|
target?: ReactNode;
|
|
19
20
|
testId?: string;
|
|
20
21
|
maxWidth?: string;
|
|
22
|
+
minWidth?: string;
|
|
21
23
|
padded?: boolean;
|
|
22
24
|
position?: GoAPosition;
|
|
23
25
|
children: ReactNode;
|
|
24
26
|
relative?: boolean;
|
|
25
27
|
}
|
|
26
|
-
export declare function GoAPopover({ target, testId, maxWidth, padded, position, relative, children, mt, mr, mb, ml, }: GoAPopoverProps): JSX.Element;
|
|
28
|
+
export declare function GoAPopover({ target, testId, maxWidth, minWidth, padded, position, relative, children, mt, mr, mb, ml, }: GoAPopoverProps): JSX.Element;
|
|
27
29
|
export default GoAPopover;
|