@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/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-iZ6Uu6WB.mjs";
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
- G as GoabIcon,
3608
+ a as GoabIcon,
3608
3609
  GoabIconButton,
3609
3610
  GoabImportantBadge,
3610
3611
  GoabInfoBadge,
@@ -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: DrawerPosition;
6
+ position: GoabDrawerPosition;
9
7
  heading?: string;
10
- maxsize?: DrawerSize;
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 GoADrawerProps {
19
+ export interface GoabDrawerProps {
22
20
  open: boolean;
23
- position: DrawerPosition;
24
- heading?: string;
25
- maxSize?: DrawerSize;
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 GoADrawer({ open, position, heading, maxSize, testId, children, onClose, }: GoADrawerProps): JSX.Element;
31
- export default GoADrawer;
29
+ export declare function GoabDrawer({ open, position, heading, maxSize, testId, actions, children, onClose, }: GoabDrawerProps): JSX.Element;
30
+ export default GoabDrawer;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@abgov/react-components",
3
- "version": "6.2.2-alpha.6",
3
+ "version": "6.3.0-alpha.1",
4
4
  "description": "Government of Alberta - UI components for React",
5
5
  "bugs": {
6
6
  "url": "https://github.com/GovAlta/ui-components/issues"
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
@@ -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
@@ -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;"}