@abgov/react-components 4.6.0 → 4.7.0

package/index.d.ts

@@ -1,7 +1,10 @@
 import "@abgov/web-components";
+export * from "./lib/pages/pages";
 export type { GoAIconType } from "./lib/icon/icon";
 export type { GoABadgeType } from "./lib/badge/badge";
 export * from "./lib/accordion/accordion";
+export * from "./lib/form-step/form-step";
+export * from "./lib/form-stepper/form-stepper";
 export * from "./lib/app-header/app-header";
 export * from "./lib/badge/badge";
 export * from "./lib/block/block";
@@ -33,6 +36,7 @@ export * from "./lib/one-column-layout/one-column-layout";
 export * from "./lib/page-block/page-block";
 export * from "./lib/radio-group/radio-group";
 export * from "./lib/pagination/pagination";
+export * from "./lib/popover/popover";
 export * from "./lib/skeleton/skeleton";
 export * from "./lib/spacer/spacer";
 export * from "./lib/spinner/spinner";

package/lib/form-step/form-step.d.ts

@@ -0,0 +1,19 @@
+import React from "react";
+declare type Status = "complete" | "incomplete";
+interface WCProps {
+    text: string;
+    status?: Status;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-form-step": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface FormStepProps {
+    text: string;
+    status?: Status;
+}
+export declare function GoAFormStep(props: FormStepProps): JSX.Element;
+export default GoAFormStep;

package/lib/form-stepper/form-stepper.d.ts

@@ -0,0 +1,21 @@
+import React, { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    ref?: React.MutableRefObject<HTMLElement | null>;
+    step?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-form-stepper": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface FormStepperProps extends Margins {
+    step?: number;
+    testId: string;
+    children?: ReactNode;
+    onChange?: (step: number) => void;
+}
+export declare function GoAFormStepper({ testId, step, mt, mb, ml, mr, onChange, children, }: FormStepperProps): JSX.Element;
+export default GoAFormStepper;

package/lib/modal/modal.d.ts

@@ -3,7 +3,7 @@ export declare type ModalTransition = "fast" | "slow" | "none";
 export declare type CalloutVariant = "information" | "important" | "emergency" | "success" | "event";
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
-    heading?: string;
+    heading?: React.ReactNode;
     open?: boolean;
     width?: string;
     closable?: boolean;
@@ -19,7 +19,7 @@ declare global {
     }
 }
 interface Props {
-    heading?: string;
+    heading?: React.ReactNode;
     width?: string;
     actions?: React.ReactElement;
     onClose?: () => void;

package/lib/pages/pages.d.ts

@@ -0,0 +1,18 @@
+import React, { ReactNode } from "react";
+import { Margins } from "../../common/styling";
+interface WCProps extends Margins {
+    current?: number;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-pages": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface PagesProps extends Margins {
+    current?: number;
+    children?: ReactNode;
+}
+export declare function GoAPages(props: PagesProps): JSX.Element;
+export default GoAPages;

package/lib/popover/popover.d.ts

@@ -0,0 +1,20 @@
+import React, { FC, ReactNode } from "react";
+interface WCProps {
+    maxwidth?: string;
+    padded?: boolean;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-popover": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface Props {
+    target?: ReactNode;
+    testId?: string;
+    maxWidth?: string;
+    padded?: boolean;
+}
+export declare const GoAPopover: FC<Props>;
+export default GoAPopover;

package/lib/skeleton/skeleton.d.ts

@@ -1,6 +1,6 @@
 import React from "react";
 import { Margins } from "../../common/styling";
-export declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile";
+export declare type SkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile" | "article";
 declare type SkeletonSize = 1 | 2 | 3 | 4;
 interface WCProps extends Margins {
     maxwidth?: string;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@abgov/react-components",
-  "version": "4.6.0",
+  "version": "4.7.0",
   "description": "Government of Alberta - UI components for React",
   "bugs": {
     "url": "https://github.com/GovAlta/ui-components/issues"