@abgov/react-components 7.2.0-dev.22 → 7.2.0-dev.24
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 +18 -6
- package/index.js.map +1 -1
- package/index.mjs +18 -6
- package/index.mjs.map +1 -1
- package/lib/icon-button/icon-button.d.ts +5 -2
- package/lib/scroll-panel/scroll-panel.d.ts +9 -2
- package/package.json +1 -1
|
@@ -1,10 +1,11 @@
|
|
|
1
|
-
import { GoabIconButtonVariant, GoabIconSize, GoabIconTheme, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
|
|
1
|
+
import { GoabIconButtonType, GoabIconButtonVariant, GoabIconSize, GoabIconTheme, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
|
|
2
2
|
import { JSX, ReactNode } from 'react';
|
|
3
3
|
interface WCProps extends Margins {
|
|
4
4
|
icon: GoabIconType;
|
|
5
5
|
size?: GoabIconSize;
|
|
6
6
|
theme?: GoabIconTheme;
|
|
7
7
|
variant?: GoabIconButtonVariant;
|
|
8
|
+
type?: GoabIconButtonType;
|
|
8
9
|
title?: string;
|
|
9
10
|
disabled?: string;
|
|
10
11
|
arialabel?: string;
|
|
@@ -29,6 +30,8 @@ export interface GoabIconButtonProps extends Margins, DataAttributes {
|
|
|
29
30
|
size?: GoabIconSize;
|
|
30
31
|
/** Styles the button to show color, light, dark or destructive action. @default "color" */
|
|
31
32
|
variant?: GoabIconButtonVariant;
|
|
33
|
+
/** Sets the visual style of the button. @default "default" */
|
|
34
|
+
type?: GoabIconButtonType;
|
|
32
35
|
/** Sets the theme of the icon inside the button. "outline" for stroked icons, "filled" for solid icons. @default "outline" */
|
|
33
36
|
theme?: GoabIconTheme;
|
|
34
37
|
/** Sets the title of the button. */
|
|
@@ -51,5 +54,5 @@ export interface GoabIconButtonProps extends Margins, DataAttributes {
|
|
|
51
54
|
children?: ReactNode;
|
|
52
55
|
}
|
|
53
56
|
/** A compact button with an icon and no text. */
|
|
54
|
-
export declare function GoabIconButton({ variant, size, theme, disabled, onClick, actionArgs, actionArg, children, ...rest }: GoabIconButtonProps): JSX.Element;
|
|
57
|
+
export declare function GoabIconButton({ variant, type, size, theme, disabled, onClick, actionArgs, actionArg, children, ...rest }: GoabIconButtonProps): JSX.Element;
|
|
55
58
|
export {};
|
|
@@ -1,8 +1,9 @@
|
|
|
1
|
-
import { DataAttributes } from '@abgov/ui-components-common';
|
|
1
|
+
import { DataAttributes, GoabScrollPanelDirectionType } from '@abgov/ui-components-common';
|
|
2
2
|
import { default as React, ReactNode, JSX } from 'react';
|
|
3
3
|
interface WCProps {
|
|
4
4
|
height?: string;
|
|
5
5
|
testid?: string;
|
|
6
|
+
direction?: string;
|
|
6
7
|
}
|
|
7
8
|
declare module "react" {
|
|
8
9
|
namespace JSX {
|
|
@@ -27,6 +28,12 @@ export interface GoabScrollPanelProps extends DataAttributes {
|
|
|
27
28
|
height?: string;
|
|
28
29
|
/** Sets a data-testid attribute for automated testing. */
|
|
29
30
|
testId?: string;
|
|
31
|
+
/**
|
|
32
|
+
* The scroll direction(s). When content overflows, enables scrolling and shadow
|
|
33
|
+
* indicators for the specified direction(s). Accepts "vertical", "horizontal", or "both".
|
|
34
|
+
* Defaults to "vertical".
|
|
35
|
+
*/
|
|
36
|
+
direction?: GoabScrollPanelDirectionType;
|
|
30
37
|
}
|
|
31
|
-
export declare function GoabScrollPanel({ header, children, footer, height, testId, ...rest }: GoabScrollPanelProps): JSX.Element;
|
|
38
|
+
export declare function GoabScrollPanel({ header, children, footer, height, testId, direction, ...rest }: GoabScrollPanelProps): JSX.Element;
|
|
32
39
|
export default GoabScrollPanel;
|