@abgov/react-components 4.0.0-alpha.78 → 4.0.0-alpha.79

package/README.md

@@ -14,13 +14,18 @@ Link ionicons in app/index.html
 Add the following to the head element
 
 ```html
-  <script type="module" src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"></script>
-  <script nomodule src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"></script>
-
+<script
+  type="module"
+  src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.esm.js"
+></script>
+<script
+  nomodule
+  src="https://unpkg.com/ionicons@5.5.2/dist/ionicons/ionicons.js"
+></script>
 ```
 
 Import the styles in the `src/index.css` file
 
 ```css
-@import '@abgov/styles/styles.esm.css';
+@import "@abgov/styles/styles.esm.css";
 ```

package/index.d.ts

@@ -1,34 +1,34 @@
-import '@abgov/web-components';
-export type { GoAIconType } from './lib/icons';
-export type { GoABadgeType } from './lib/badge/badge';
-export * from './lib/app-header/app-header';
-export * from './lib/badge/badge';
-export * from './lib/button-group/button-group';
-export * from './lib/button/button';
-export * from './lib/callout/callout';
-export * from './lib/checkbox/checkbox';
-export * from './lib/chip/chip';
-export * from './lib/circular-progress/circular-progress';
-export * from './lib/container/container';
-export * from './lib/divider/divider';
-export * from './lib/dropdown/dropdown';
-export * from './lib/flex-column/flex-column';
-export * from './lib/flex-row/flex-row';
-export * from './lib/footer-meta-section/footer-meta-section';
-export * from './lib/footer-nav-section/footer-nav-section';
-export * from './lib/footer/footer';
-export * from './lib/form';
-export * from './lib/hero-banner/hero-banner';
-export * from './lib/hero-banner/hero-banner-actions';
-export * from './lib/icons';
-export * from './lib/input/input';
-export * from './lib/microsite-header/microsite-header';
-export * from './lib/modal/modal';
-export * from './lib/notification/notification';
-export * from './lib/page-block/page-block';
-export * from './lib/one-column-layout/one-column-layout';
-export * from './lib/radio-group/radio-group';
-export * from './lib/skeleton/skeleton';
-export * from './lib/spinner/spinner';
-export * from './lib/textarea/textarea';
-export * from './lib/two-column-layout/two-column-layout';
+import "@abgov/web-components";
+export type { GoAIconType } from "./lib/icons";
+export type { GoABadgeType } from "./lib/badge/badge";
+export * from "./lib/app-header/app-header";
+export * from "./lib/badge/badge";
+export * from "./lib/button-group/button-group";
+export * from "./lib/button/button";
+export * from "./lib/callout/callout";
+export * from "./lib/checkbox/checkbox";
+export * from "./lib/chip/chip";
+export * from "./lib/circular-progress/circular-progress";
+export * from "./lib/container/container";
+export * from "./lib/divider/divider";
+export * from "./lib/dropdown/dropdown";
+export * from "./lib/flex-column/flex-column";
+export * from "./lib/flex-row/flex-row";
+export * from "./lib/footer-meta-section/footer-meta-section";
+export * from "./lib/footer-nav-section/footer-nav-section";
+export * from "./lib/footer/footer";
+export * from "./lib/form";
+export * from "./lib/hero-banner/hero-banner";
+export * from "./lib/hero-banner/hero-banner-actions";
+export * from "./lib/icons";
+export * from "./lib/input/input";
+export * from "./lib/microsite-header/microsite-header";
+export * from "./lib/modal/modal";
+export * from "./lib/notification/notification";
+export * from "./lib/page-block/page-block";
+export * from "./lib/one-column-layout/one-column-layout";
+export * from "./lib/radio-group/radio-group";
+export * from "./lib/skeleton/skeleton";
+export * from "./lib/spinner/spinner";
+export * from "./lib/textarea/textarea";
+export * from "./lib/two-column-layout/two-column-layout";

package/lib/app-header/app-header.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface WCProps {
     heading?: string;
     url?: string;
@@ -7,7 +7,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-app-header': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-app-header": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/badge/badge.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-export declare type GoABadgeType = 'information' | 'success' | 'important' | 'emergency' | 'dark' | 'midtone' | 'light';
+import React, { FC } from "react";
+export declare type GoABadgeType = "information" | "success" | "important" | "emergency" | "dark" | "midtone" | "light";
 interface GoABadgeProps {
     type: GoABadgeType;
     icon?: boolean;
@@ -15,7 +15,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-badge': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-badge": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/button/button.d.ts

@@ -1,9 +1,9 @@
-import React, { FC, ReactNode } from 'react';
-import './button.css';
-import { GoAIconType } from '../icons';
-export declare type ButtonType = 'primary' | 'submit' | 'secondary' | 'tertiary' | 'start';
-export declare type ButtonSize = 'compact' | 'normal';
-export declare type ButtonVariant = 'normal' | 'destructive';
+import React, { FC, ReactNode } from "react";
+import "./button.css";
+import { GoAIconType } from "../icons";
+export declare type ButtonType = "primary" | "submit" | "secondary" | "tertiary" | "start";
+export declare type ButtonSize = "compact" | "normal";
+export declare type ButtonVariant = "normal" | "destructive";
 interface WCProps {
     type?: ButtonType;
     size?: ButtonSize;
@@ -16,7 +16,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-button': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-button": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -27,7 +27,7 @@ declare type ButtonProps = {
     disabled?: boolean;
     leadingIcon?: GoAIconType;
     trailingIcon?: GoAIconType;
-    onClick?: (e: any) => void;
+    onClick?: () => void;
     children?: ReactNode;
 };
 export declare const GoAButton: FC<ButtonProps>;

package/lib/button-group/button-group.d.ts

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-import './button-group.css';
+import React, { FC } from "react";
+import "./button-group.css";
 declare type Alignment = "start" | "end";
 interface WCProps {
     alignment?: Alignment;
@@ -7,7 +7,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-button-group': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-button-group": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/callout/callout.d.ts

@@ -1,5 +1,5 @@
-import React from 'react';
-declare type CalloutType = "important" | 'information' | 'event' | 'success' | 'emergency';
+import React from "react";
+declare type CalloutType = "important" | "information" | "event" | "success" | "emergency";
 interface WCProps {
     heading?: string;
     type?: CalloutType;
@@ -7,7 +7,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-callout': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-callout": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -16,5 +16,5 @@ export interface CalloutProps {
     type?: CalloutType;
     children?: React.ReactNode;
 }
-export declare const GoACallout: ({ heading, type, children }: CalloutProps) => JSX.Element;
+export declare const GoACallout: ({ heading, type, children, }: CalloutProps) => JSX.Element;
 export default GoACallout;

package/lib/card/card-actions.d.ts

@@ -1,11 +1,11 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface WCProps {
     children: React.ReactNode;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-card-actions': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-card-actions": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/card/card-content.d.ts

@@ -1,8 +1,8 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-card-content': React.HTMLAttributes<HTMLElement>;
+            "goa-card-content": React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/card/card-group.d.ts

@@ -1,11 +1,11 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface WCProps {
     children: React.ReactNode;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-card-group': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-card-group": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/card/card-image.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface WCProps {
     src: string;
     height: string;
@@ -6,7 +6,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-card-image': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-card-image": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/card/card.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface WCProps {
     elevation: number;
     children: React.ReactNode;
@@ -6,7 +6,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-card': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-card": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/card/index.d.ts

@@ -1,5 +1,5 @@
-export * from './card-content';
-export * from './card-image';
-export * from './card-actions';
-export * from './card-group';
-export * from './card';
+export * from "./card-content";
+export * from "./card-image";
+export * from "./card-actions";
+export * from "./card-group";
+export * from "./card";

package/lib/checkbox/checkbox.d.ts

@@ -1,8 +1,8 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-checkbox': CheckboxProps & React.HTMLAttributes<HTMLElement>;
+            "goa-checkbox": CheckboxProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/chip/chip.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare type ChipVariant = "filter";
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
@@ -11,7 +11,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-chip': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-chip": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -23,5 +23,5 @@ interface Props {
     content: string;
     variant?: ChipVariant;
 }
-export declare const GoAChip: ({ leadingIcon, deletable, error, variant, content, onClick }: Props) => JSX.Element;
+export declare const GoAChip: ({ leadingIcon, deletable, error, variant, content, onClick, }: Props) => JSX.Element;
 export default GoAChip;

package/lib/circular-progress/circular-progress.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 export declare type CircularProgressVariant = "fullscreen" | "inline";
 export declare type CircularProgressSize = "small" | "large";
 interface WCProps {
@@ -11,7 +11,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-circular-progress': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-circular-progress": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -22,5 +22,5 @@ export interface CircularProgressProps {
     visible?: boolean;
     progress?: number;
 }
-export declare const GoACircularProgress: ({ visible, message, progress, variant, size }: CircularProgressProps) => JSX.Element;
+export declare const GoACircularProgress: ({ visible, message, progress, variant, size, }: CircularProgressProps) => JSX.Element;
 export default GoACircularProgress;

package/lib/container/container.d.ts

@@ -1,6 +1,6 @@
-import React, { FC, ReactNode } from 'react';
-declare type ContainerType = 'interactive' | 'non-interactive' | 'info' | 'error' | 'success' | 'important';
-declare type Accent = 'thick' | 'thin' | 'filled';
+import React, { FC, ReactNode } from "react";
+declare type ContainerType = "interactive" | "non-interactive" | "info" | "error" | "success" | "important";
+declare type Accent = "thick" | "thin" | "filled";
 declare type ContainerPadding = "relaxed" | "compact";
 interface WCProps {
     type?: ContainerType;
@@ -10,7 +10,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-container': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-container": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/divider/divider.d.ts

@@ -6,7 +6,7 @@ interface WCDividerProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-divider': WCDividerProps & React.HTMLAttributes<HTMLElement>;
+            "goa-divider": WCDividerProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/dropdown/dropdown-option.d.ts

@@ -2,7 +2,7 @@ import React, { FC } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-dropdown-item': DropdownOptionProps & React.HTMLAttributes<HTMLElement>;
+            "goa-dropdown-item": DropdownOptionProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/dropdown/dropdown.d.ts

@@ -1,6 +1,6 @@
 import React, { FC } from "react";
 import { GoAIconType } from "../icons";
-export * from './dropdown-option';
+export * from "./dropdown-option";
 interface WCProps {
     ref: React.MutableRefObject<HTMLElement | null>;
     name: string;
@@ -18,7 +18,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-dropdown': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/flex-column/flex-column.d.ts

@@ -1,16 +1,16 @@
 import React, { FC } from "react";
 interface WCProps {
-    gap?: 'small' | 'medium' | 'large';
+    gap?: "small" | "medium" | "large";
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-flex-col': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-flex-col": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
 interface Props {
-    gap?: 'small' | 'medium' | 'large';
+    gap?: "small" | "medium" | "large";
     children?: React.ReactNode;
 }
 export declare const GoAFlexCol: FC<Props>;

package/lib/flex-row/flex-row.d.ts

@@ -1,16 +1,16 @@
 import React, { FC } from "react";
 interface WCProps {
-    gap?: 'small' | 'medium' | 'large';
+    gap?: "small" | "medium" | "large";
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-flex-row': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-flex-row": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
 interface Props {
-    gap?: 'small' | 'medium' | 'large';
+    gap?: "small" | "medium" | "large";
     children?: React.ReactNode;
 }
 export declare const GoAFlexRow: FC<Props>;

package/lib/footer/footer.d.ts

@@ -5,7 +5,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-app-footer': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-app-footer": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/footer-meta-section/footer-meta-section.d.ts

@@ -2,7 +2,7 @@ import React, { ReactNode } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-app-footer-meta-section': React.HTMLAttributes<HTMLElement>;
+            "goa-app-footer-meta-section": React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/footer-nav-section/footer-nav-section.d.ts

@@ -6,7 +6,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-app-footer-nav-section': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-app-footer-nav-section": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -15,5 +15,5 @@ interface FooterNavSectionProps {
     heading?: string;
     children?: ReactNode;
 }
-export declare function GoAAppFooterNavSection({ heading, maxColumnCount, children }: FooterNavSectionProps): JSX.Element;
+export declare function GoAAppFooterNavSection({ heading, maxColumnCount, children, }: FooterNavSectionProps): JSX.Element;
 export default GoAAppFooterNavSection;

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

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-declare type RequirementType = 'optional' | 'required';
+import React, { FC } from "react";
+declare type RequirementType = "optional" | "required";
 interface WCProps {
     label: string;
     requirement?: RequirementType;
@@ -9,7 +9,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-form-item': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-form-item": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/form/index.d.ts

@@ -1 +1 @@
-export { GoAFormItem } from './form-item';
+export { GoAFormItem } from "./form-item";

package/lib/hero-banner/hero-banner-actions.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 export declare type GoAHeroBannerActionsType = {
     children?: React.ReactNode;
 };

package/lib/hero-banner/hero-banner.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface WCProps {
     heading: string;
     backgroundurl: string;
@@ -6,7 +6,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-hero-banner': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-hero-banner": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }

package/lib/icons/icon-button.d.ts

@@ -1,6 +1,6 @@
-import React, { FC } from 'react';
-import { IconSize, GoAIconType } from './icon';
-declare type IconVariant = 'color' | 'nocolor';
+import React, { FC } from "react";
+import { IconSize, GoAIconType } from "./icon";
+declare type IconVariant = "color" | "nocolor";
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
     icon: GoAIconType;
@@ -12,7 +12,7 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-icon-button': WCProps & React.HTMLAttributes<HTMLButtonElement>;
+            "goa-icon-button": WCProps & React.HTMLAttributes<HTMLButtonElement>;
         }
     }
 }