@abgov/react-components 6.2.2-alpha.6 → 6.3.0-alpha.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/experimental.js +2 -36
- package/experimental.js.map +1 -1
- package/experimental.mjs +3 -36
- package/experimental.mjs.map +1 -1
- package/icon-BNGrU_R_.mjs +80 -0
- package/icon-BNGrU_R_.mjs.map +1 -0
- package/icon-BPmPItnm.js +79 -0
- package/icon-BPmPItnm.js.map +1 -0
- package/index.d.ts +2 -1
- package/index.js +2 -1
- package/index.js.map +1 -1
- package/index.mjs +3 -2
- package/lib/drawer/drawer.d.ts +10 -11
- package/package.json +1 -1
- package/icon-DmXlIizF.js +0 -38
- package/icon-DmXlIizF.js.map +0 -1
- package/icon-iZ6Uu6WB.mjs +0 -39
- package/icon-iZ6Uu6WB.mjs.map +0 -1
package/index.mjs
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
import { jsxs, jsx } from "react/jsx-runtime";
|
|
2
2
|
import { useRef, useEffect } from "react";
|
|
3
|
-
import { G } from "./icon-
|
|
3
|
+
import { G, a } from "./icon-BNGrU_R_.mjs";
|
|
4
4
|
function GoabAccordion({
|
|
5
5
|
open,
|
|
6
6
|
heading,
|
|
@@ -3590,6 +3590,7 @@ export {
|
|
|
3590
3590
|
GoabDatePicker,
|
|
3591
3591
|
GoabDetails,
|
|
3592
3592
|
GoabDivider,
|
|
3593
|
+
G as GoabDrawer,
|
|
3593
3594
|
GoabDropdown,
|
|
3594
3595
|
GoabDropdownItem,
|
|
3595
3596
|
GoabDropdownOption,
|
|
@@ -3604,7 +3605,7 @@ export {
|
|
|
3604
3605
|
GoabGrid,
|
|
3605
3606
|
GoabHeroBanner,
|
|
3606
3607
|
GoabHeroBannerActions,
|
|
3607
|
-
|
|
3608
|
+
a as GoabIcon,
|
|
3608
3609
|
GoabIconButton,
|
|
3609
3610
|
GoabImportantBadge,
|
|
3610
3611
|
GoabInfoBadge,
|
package/lib/drawer/drawer.d.ts
CHANGED
|
@@ -1,13 +1,11 @@
|
|
|
1
|
+
import { GoabDrawerPosition, GoabDrawerSize } from '@abgov/ui-components-common';
|
|
1
2
|
import { ReactNode } from 'react';
|
|
2
3
|
|
|
3
|
-
type DrawerPosition = "bottom" | "left" | "right" | undefined;
|
|
4
|
-
type DrawerSizeUnit = "px" | "rem" | "ch" | "vh" | "vw";
|
|
5
|
-
type DrawerSize = `${number}${DrawerSizeUnit}` | undefined;
|
|
6
4
|
interface WCProps {
|
|
7
5
|
open: boolean | undefined;
|
|
8
|
-
position:
|
|
6
|
+
position: GoabDrawerPosition;
|
|
9
7
|
heading?: string;
|
|
10
|
-
maxsize?:
|
|
8
|
+
maxsize?: GoabDrawerSize;
|
|
11
9
|
testid?: string;
|
|
12
10
|
ref: React.RefObject<HTMLElement>;
|
|
13
11
|
}
|
|
@@ -18,14 +16,15 @@ declare global {
|
|
|
18
16
|
}
|
|
19
17
|
}
|
|
20
18
|
}
|
|
21
|
-
export interface
|
|
19
|
+
export interface GoabDrawerProps {
|
|
22
20
|
open: boolean;
|
|
23
|
-
position:
|
|
24
|
-
heading?: string;
|
|
25
|
-
maxSize?:
|
|
21
|
+
position: GoabDrawerPosition;
|
|
22
|
+
heading?: string | ReactNode;
|
|
23
|
+
maxSize?: GoabDrawerSize;
|
|
26
24
|
testId?: string;
|
|
25
|
+
actions?: ReactNode;
|
|
27
26
|
children: ReactNode;
|
|
28
27
|
onClose: () => void;
|
|
29
28
|
}
|
|
30
|
-
export declare function
|
|
31
|
-
export default
|
|
29
|
+
export declare function GoabDrawer({ open, position, heading, maxSize, testId, actions, children, onClose, }: GoabDrawerProps): JSX.Element;
|
|
30
|
+
export default GoabDrawer;
|
package/package.json
CHANGED
package/icon-DmXlIizF.js
DELETED
|
@@ -1,38 +0,0 @@
|
|
|
1
|
-
"use strict";
|
|
2
|
-
const jsxRuntime = require("react/jsx-runtime");
|
|
3
|
-
function GoabIcon({
|
|
4
|
-
type,
|
|
5
|
-
theme,
|
|
6
|
-
size,
|
|
7
|
-
inverted,
|
|
8
|
-
fillColor,
|
|
9
|
-
opacity,
|
|
10
|
-
title,
|
|
11
|
-
ariaLabel,
|
|
12
|
-
mt,
|
|
13
|
-
mr,
|
|
14
|
-
mb,
|
|
15
|
-
ml,
|
|
16
|
-
testId
|
|
17
|
-
}) {
|
|
18
|
-
return /* @__PURE__ */ jsxRuntime.jsx(
|
|
19
|
-
"goa-icon",
|
|
20
|
-
{
|
|
21
|
-
type,
|
|
22
|
-
theme,
|
|
23
|
-
size,
|
|
24
|
-
inverted,
|
|
25
|
-
fillcolor: fillColor,
|
|
26
|
-
opacity,
|
|
27
|
-
title,
|
|
28
|
-
arialabel: ariaLabel,
|
|
29
|
-
mt,
|
|
30
|
-
mr,
|
|
31
|
-
mb,
|
|
32
|
-
ml,
|
|
33
|
-
testid: testId
|
|
34
|
-
}
|
|
35
|
-
);
|
|
36
|
-
}
|
|
37
|
-
exports.GoabIcon = GoabIcon;
|
|
38
|
-
//# sourceMappingURL=icon-DmXlIizF.js.map
|
package/icon-DmXlIizF.js.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-DmXlIizF.js","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import {\n GoabIconFilledType,\n GoabIconSize,\n GoabIconTheme,\n GoabIconType,\n Margins,\n} from \"@abgov/ui-components-common\";\n\ninterface IonIconProps {\n name: GoabIconType | GoabIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-interface\n interface IntrinsicElements {\n \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n }\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-interface\n interface IntrinsicElements {\n \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n }\n }\n}\n\nexport interface GoabIconProps extends Margins {\n type: GoabIconType;\n size?: GoabIconSize;\n theme?: GoabIconTheme;\n inverted?: string;\n fillColor?: string;\n opacity?: number;\n title?: string;\n ariaLabel?: string;\n testId?: string;\n}\n\ninterface WCProps extends Margins {\n type: GoabIconType;\n theme?: GoabIconTheme;\n size?: GoabIconSize;\n inverted?: string;\n fillcolor?: string;\n opacity?: number;\n title?: string;\n arialabel?: string;\n testid?: string;\n}\n\nexport function GoabIcon({\n type,\n theme,\n size,\n inverted,\n fillColor,\n opacity,\n title,\n ariaLabel,\n mt,\n mr,\n mb,\n ml,\n testId,\n}: GoabIconProps): JSX.Element {\n return (\n <goa-icon\n type={type}\n theme={theme}\n size={size}\n inverted={inverted}\n fillcolor={fillColor}\n opacity={opacity}\n title={title}\n arialabel={ariaLabel}\n mt={mt}\n mr={mr}\n mb={mb}\n ml={ml}\n testid={testId}\n />\n );\n}\n"],"names":["jsx"],"mappings":";;AA2DO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAE3B,SAAAA,2BAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;;"}
|
package/icon-iZ6Uu6WB.mjs
DELETED
|
@@ -1,39 +0,0 @@
|
|
|
1
|
-
import { jsx } from "react/jsx-runtime";
|
|
2
|
-
function GoabIcon({
|
|
3
|
-
type,
|
|
4
|
-
theme,
|
|
5
|
-
size,
|
|
6
|
-
inverted,
|
|
7
|
-
fillColor,
|
|
8
|
-
opacity,
|
|
9
|
-
title,
|
|
10
|
-
ariaLabel,
|
|
11
|
-
mt,
|
|
12
|
-
mr,
|
|
13
|
-
mb,
|
|
14
|
-
ml,
|
|
15
|
-
testId
|
|
16
|
-
}) {
|
|
17
|
-
return /* @__PURE__ */ jsx(
|
|
18
|
-
"goa-icon",
|
|
19
|
-
{
|
|
20
|
-
type,
|
|
21
|
-
theme,
|
|
22
|
-
size,
|
|
23
|
-
inverted,
|
|
24
|
-
fillcolor: fillColor,
|
|
25
|
-
opacity,
|
|
26
|
-
title,
|
|
27
|
-
arialabel: ariaLabel,
|
|
28
|
-
mt,
|
|
29
|
-
mr,
|
|
30
|
-
mb,
|
|
31
|
-
ml,
|
|
32
|
-
testid: testId
|
|
33
|
-
}
|
|
34
|
-
);
|
|
35
|
-
}
|
|
36
|
-
export {
|
|
37
|
-
GoabIcon as G
|
|
38
|
-
};
|
|
39
|
-
//# sourceMappingURL=icon-iZ6Uu6WB.mjs.map
|
package/icon-iZ6Uu6WB.mjs.map
DELETED
|
@@ -1 +0,0 @@
|
|
|
1
|
-
{"version":3,"file":"icon-iZ6Uu6WB.mjs","sources":["../../../libs/react-components/src/lib/icon/icon.tsx"],"sourcesContent":["import {\n GoabIconFilledType,\n GoabIconSize,\n GoabIconTheme,\n GoabIconType,\n Margins,\n} from \"@abgov/ui-components-common\";\n\ninterface IonIconProps {\n name: GoabIconType | GoabIconFilledType;\n}\n\n// eslint-disable-next-line @typescript-eslint/no-empty-interface\ninterface IonIconElement extends HTMLElement {}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-interface\n interface IntrinsicElements {\n \"ion-icon\": IonIconProps & React.HTMLAttributes<IonIconElement>;\n }\n }\n}\n\ndeclare global {\n // eslint-disable-next-line @typescript-eslint/no-namespace\n namespace JSX {\n // eslint-disable-next-line @typescript-eslint/no-empty-interface\n interface IntrinsicElements {\n \"goa-icon\": WCProps & React.HTMLAttributes<IonIconElement>;\n }\n }\n}\n\nexport interface GoabIconProps extends Margins {\n type: GoabIconType;\n size?: GoabIconSize;\n theme?: GoabIconTheme;\n inverted?: string;\n fillColor?: string;\n opacity?: number;\n title?: string;\n ariaLabel?: string;\n testId?: string;\n}\n\ninterface WCProps extends Margins {\n type: GoabIconType;\n theme?: GoabIconTheme;\n size?: GoabIconSize;\n inverted?: string;\n fillcolor?: string;\n opacity?: number;\n title?: string;\n arialabel?: string;\n testid?: string;\n}\n\nexport function GoabIcon({\n type,\n theme,\n size,\n inverted,\n fillColor,\n opacity,\n title,\n ariaLabel,\n mt,\n mr,\n mb,\n ml,\n testId,\n}: GoabIconProps): JSX.Element {\n return (\n <goa-icon\n type={type}\n theme={theme}\n size={size}\n inverted={inverted}\n fillcolor={fillColor}\n opacity={opacity}\n title={title}\n arialabel={ariaLabel}\n mt={mt}\n mr={mr}\n mb={mb}\n ml={ml}\n testid={testId}\n />\n );\n}\n"],"names":[],"mappings":";AA2DO,SAAS,SAAS;AAAA,EACvB;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AAAA,EACA;AACF,GAA+B;AAE3B,SAAA;AAAA,IAAC;AAAA,IAAA;AAAA,MACC;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA,WAAW;AAAA,MACX;AAAA,MACA;AAAA,MACA;AAAA,MACA;AAAA,MACA,QAAQ;AAAA,IAAA;AAAA,EAAA;AAGd;"}
|