@abgov/react-components 4.17.0-alpha.1 → 4.17.0-alpha.3

package/lib/file-upload-input/file-upload-input.d.ts

@@ -1,8 +1,8 @@
-import React from "react";
-declare type Variant = "dragdrop" | "button";
+/// <reference types="react" />
+export declare type GoAFileUploadInputVariant = "dragdrop" | "button";
 interface WCProps {
     ref: React.MutableRefObject<HTMLElement | null>;
-    variant?: Variant;
+    variant?: GoAFileUploadInputVariant;
     accept?: string;
     maxfilesize?: string;
 }
@@ -13,11 +13,11 @@ declare global {
         }
     }
 }
-interface FileUploadInputProps {
-    variant?: Variant;
+export interface GoAFileUploadInputProps {
+    variant?: GoAFileUploadInputVariant;
     accept?: string;
     maxFileSize?: string;
     onSelectFile: (file: File) => void;
 }
-export declare function GoAFileUploadInput({ variant, accept, maxFileSize, onSelectFile, }: FileUploadInputProps): JSX.Element;
+export declare function GoAFileUploadInput({ variant, accept, maxFileSize, onSelectFile, }: GoAFileUploadInputProps): JSX.Element;
 export default GoAFileUploadInput;

package/lib/footer/footer.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 interface WCProps {
     maxcontentwidth?: string;
 }
@@ -9,10 +9,11 @@ declare global {
         }
     }
 }
-export interface FooterProps {
+export interface GoAAppFooterProps {
     maxContentWidth?: string;
     children?: ReactNode;
     testId?: string;
 }
-export declare function GoAAppFooter({ maxContentWidth, children, testId, }: FooterProps): JSX.Element;
+export declare type FooterProps = GoAAppFooterProps;
+export declare function GoAAppFooter({ maxContentWidth, children, testId, }: GoAAppFooterProps): JSX.Element;
 export default GoAAppFooter;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -6,8 +6,9 @@ declare global {
         }
     }
 }
-export interface FooterMetaSectionProps {
+export interface GoAAppFooterMetaSectionProps {
     children?: ReactNode;
 }
-export declare function GoAAppFooterMetaSection({ children }: FooterMetaSectionProps): JSX.Element;
+export declare type FooterMetaSectionProps = GoAAppFooterMetaSectionProps;
+export declare function GoAAppFooterMetaSection({ children }: GoAAppFooterMetaSectionProps): JSX.Element;
 export default GoAAppFooterMetaSection;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 interface WCProps {
     maxcolumncount?: number;
     heading?: string;
@@ -10,11 +10,11 @@ declare global {
         }
     }
 }
-interface FooterNavSectionProps {
+export interface GoAFooterNavSectionProps {
     maxColumnCount?: number;
     heading?: string;
     testId?: string;
     children?: ReactNode;
 }
-export declare function GoAAppFooterNavSection({ heading, maxColumnCount, testId, children, }: FooterNavSectionProps): JSX.Element;
+export declare function GoAAppFooterNavSection({ heading, maxColumnCount, testId, children, }: GoAFooterNavSectionProps): JSX.Element;
 export default GoAAppFooterNavSection;

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

@@ -1,10 +1,11 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 import { Margins } from "../../common/styling";
-declare type RequirementType = "optional" | "required";
+export declare type GoAFormItemRequirement = "optional" | "required";
+export declare type GoAFormItemLabelSize = "regular" | "large";
 interface WCProps extends Margins {
     label?: string;
-    labelsize?: string;
-    requirement?: RequirementType;
+    labelsize?: GoAFormItemLabelSize;
+    requirement?: GoAFormItemRequirement;
     error?: string;
     helptext?: string;
     id?: string;
@@ -16,15 +17,15 @@ declare global {
         }
     }
 }
-interface GoAFormItemProps extends Margins {
+export interface GoAFormItemProps extends Margins {
     label?: string;
-    labelSize?: string;
-    requirement?: RequirementType;
+    labelSize?: GoAFormItemLabelSize;
+    requirement?: GoAFormItemRequirement;
     error?: string;
     helpText?: string;
     children?: React.ReactNode;
     testId?: string;
     id?: string;
 }
-export declare const GoAFormItem: FC<GoAFormItemProps>;
+export declare function GoAFormItem({ children, helpText, error, requirement, label, labelSize, mt, mr, mb, ml, testId, id, }: GoAFormItemProps): JSX.Element;
 export default GoAFormItem;

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

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 export declare type GoAFormStepStatusType = "complete" | "incomplete";
 interface WCProps {
     text: string;
@@ -11,9 +11,10 @@ declare global {
         }
     }
 }
-export interface FormStepProps {
+export interface GoAFormStepProps {
     text: string;
     status?: GoAFormStepStatusType;
 }
-export declare function GoAFormStep(props: FormStepProps): JSX.Element;
+export declare type FormStepProps = GoAFormStepProps;
+export declare function GoAFormStep(props: GoAFormStepProps): JSX.Element;
 export default GoAFormStep;

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

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | null>;
@@ -11,11 +11,12 @@ declare global {
         }
     }
 }
-export interface FormStepperProps extends Margins {
+export interface GoAFormStepperProps 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 declare type FormStepperProps = GoAFormStepperProps;
+export declare function GoAFormStepper({ testId, step, mt, mb, ml, mr, onChange, children, }: GoAFormStepperProps): JSX.Element;
 export default GoAFormStepper;

package/lib/grid/grid.d.ts

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 import { Margins, Spacing } from "../../common/styling";
 interface WCProps extends Margins {
     gap?: Spacing;
@@ -11,11 +11,11 @@ declare global {
         }
     }
 }
-interface Props extends Margins {
+export interface GoAGridProps extends Margins {
     gap?: Spacing;
     minChildWidth: string;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare const GoAGrid: FC<Props>;
+export declare function GoAGrid({ gap, minChildWidth, mt, mr, mb, ml, testId, children, }: GoAGridProps): JSX.Element;
 export default GoAGrid;

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

@@ -1,6 +1,6 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 export declare type GoAHeroBannerActionsType = {
     children?: React.ReactNode;
 };
-export declare const GoAHeroBannerActions: FC<GoAHeroBannerActionsType>;
+export declare function GoAHeroBannerActions({ children, }: GoAHeroBannerActionsType): JSX.Element;
 export default GoAHeroBannerActions;

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

@@ -1,4 +1,4 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 interface WCProps {
     heading: string;
     backgroundurl?: string;
@@ -14,7 +14,7 @@ declare global {
         }
     }
 }
-interface Props {
+export interface GoAHeroBannerProps {
     heading: string;
     backgroundUrl?: string;
     minHeight?: string;
@@ -24,5 +24,5 @@ interface Props {
     backgroundColor?: string;
     textColor?: string;
 }
-export declare const GoAHeroBanner: FC<Props>;
+export declare function GoAHeroBanner({ heading, backgroundUrl, minHeight, maxContentWidth, backgroundColor, textColor, children, testId, }: GoAHeroBannerProps): JSX.Element;
 export default GoAHeroBanner;

package/lib/icon/icon.d.ts

@@ -1,6 +1,6 @@
-import React from "react";
+/// <reference types="react" />
 import { Margins } from "../../common/styling";
-declare type GoAIconFilledType = `${GoAIconType}-${IconTheme}`;
+export declare type GoAIconFilledType = `${GoAIconType}-${GoAIconTheme}`;
 interface IonIconProps {
     name: GoAIconType | GoAIconFilledType;
 }
@@ -21,19 +21,22 @@ declare global {
     }
 }
 export declare type GoAIconType = "accessibility" | "add-circle" | "add" | "airplane" | "alarm" | "albums" | "alert-circle" | "alert" | "american-football" | "analytics" | "aperture" | "apps" | "archive" | "arrow-back-circle" | "arrow-back" | "arrow-down-circle" | "arrow-down" | "arrow-forward-circle" | "arrow-forward" | "arrow-redo-circle" | "arrow-redo" | "arrow-undo-circle" | "arrow-undo" | "arrow-up-circle" | "arrow-up" | "at-circle" | "at" | "attach" | "backspace" | "bag-add" | "bag-check" | "bag-handle" | "bag" | "bag-remove" | "balloon" | "ban" | "bandage" | "bar-chart" | "barbell" | "barcode" | "baseball" | "basket" | "basketball" | "battery-charging" | "battery-dead" | "battery-full" | "battery-half" | "beaker" | "bed" | "beer" | "bicycle" | "bluetooth" | "boat" | "body" | "bonfire" | "book" | "bookmark" | "bookmarks" | "bowling-ball" | "briefcase" | "browsers" | "brush" | "bug" | "build" | "bulb" | "bus" | "business" | "cafe" | "calculator" | "calendar-clear" | "calendar-number" | "calendar" | "call" | "camera" | "camera-reverse" | "car" | "car-sport" | "card" | "caret-back-circle" | "caret-back" | "caret-down-circle" | "caret-down" | "caret-forward-circle" | "caret-forward" | "caret-up-circle" | "caret-up" | "cart" | "cash" | "cellular" | "chatbox-ellipses" | "chatbox" | "chatbubble-ellipses" | "chatbubble" | "chatbubbles" | "checkbox" | "checkmark-circle" | "checkmark-done-circle" | "checkmark-done" | "checkmark" | "chevron-back-circle" | "chevron-back" | "chevron-down-circle" | "chevron-down" | "chevron-forward-circle" | "chevron-forward" | "chevron-up-circle" | "chevron-up" | "clipboard" | "close-circle" | "close" | "cloud-circle" | "cloud-done" | "cloud-download" | "cloud-offline" | "cloud" | "cloud-upload" | "cloudy-night" | "cloudy" | "code-download" | "code" | "code-slash" | "code-working" | "cog" | "color-fill" | "color-filter" | "color-palette" | "color-wand" | "compass" | "construct" | "contract" | "contrast" | "copy" | "create" | "crop" | "cube" | "cut" | "desktop" | "diamond" | "dice" | "disc" | "document-attach" | "document-lock" | "document" | "document-text" | "documents" | "download" | "duplicate" | "ear" | "earth" | "easel" | "egg" | "ellipse" | "ellipsis-horizontal-circle" | "ellipsis-horizontal" | "ellipsis-vertical-circle" | "ellipsis-vertical" | "enter" | "exit" | "expand" | "extension-puzzle" | "eye-off" | "eye" | "eyedrop" | "fast-food" | "female" | "file-tray-full" | "file-tray" | "file-tray-stacked" | "filenames.ps1" | "film" | "filter-circle" | "filter" | "finger-print" | "fish" | "fitness" | "flag" | "flame" | "flash-off" | "flash" | "flashlight" | "flask" | "flower" | "folder-open" | "folder" | "football" | "footsteps" | "funnel" | "game-controller" | "gift" | "git-branch" | "git-commit" | "git-compare" | "git-merge" | "git-network" | "git-pull-request" | "glasses" | "globe" | "golf" | "grid" | "hammer" | "hand-left" | "hand-right" | "happy" | "hardware-chip" | "headset" | "heart-circle" | "heart-dislike-circle" | "heart-dislike" | "heart-half" | "heart" | "help-buoy" | "help-circle" | "help" | "home" | "hourglass" | "ice-cream" | "id-card" | "image" | "images" | "infinite" | "information-circle" | "information" | "invert-mode" | "journal" | "key" | "keypad" | "language" | "laptop" | "layers" | "leaf" | "library" | "link" | "list-circle" | "list" | "locate" | "location" | "lock-closed" | "lock-open" | "log-in" | "log-out" | "magnet" | "mail-open" | "mail" | "mail-unread" | "male-female" | "male" | "man" | "map" | "medal" | "medical" | "medkit" | "megaphone" | "menu" | "mic-circle" | "mic-off-circle" | "mic-off" | "mic" | "moon" | "move" | "musical-note" | "musical-notes" | "navigate-circle" | "navigate" | "newspaper" | "notifications-circle" | "notifications-off-circle" | "notifications-off" | "notifications" | "nuclear" | "nutrition" | "open" | "options" | "paper-plane" | "partly-sunny" | "pause-circle" | "pause" | "paw" | "pencil" | "people-circle" | "people" | "person-add" | "person-circle" | "person" | "person-remove" | "phone-landscape" | "phone-portrait" | "pie-chart" | "pin" | "pint" | "pizza" | "planet" | "play-back-circle" | "play-back" | "play-circle" | "play-forward-circle" | "play-forward" | "play" | "play-skip-back-circle" | "play-skip-back" | "play-skip-forward-circle" | "play-skip-forward" | "podium" | "power" | "pricetag" | "pricetags" | "print" | "prism" | "pulse" | "push" | "qr-code" | "radio-button-off" | "radio-button-on" | "radio" | "rainy" | "reader" | "receipt" | "recording" | "refresh-circle" | "refresh" | "reload-circle" | "reload" | "remove-circle" | "remove" | "reorder-four" | "reorder-three" | "reorder-two" | "repeat" | "resize" | "restaurant" | "return-down-back" | "return-down-forward" | "return-up-back" | "return-up-forward" | "ribbon" | "rocket" | "rose" | "sad" | "save" | "scale" | "scan-circle" | "scan" | "school" | "search-circle" | "search" | "send" | "server" | "settings" | "shapes" | "share" | "share-social" | "shield-checkmark" | "shield-half" | "shield" | "shirt" | "shuffle" | "skull" | "snow" | "sparkles" | "speedometer" | "square" | "star-half" | "star" | "stats-chart" | "stop-circle" | "stop" | "stopwatch" | "storefront" | "subway" | "sunny" | "swap-horizontal" | "swap-vertical" | "sync-circle" | "sync" | "tablet-landscape" | "tablet-portrait" | "telescope" | "tennisball" | "terminal" | "text" | "thermometer" | "thumbs-down" | "thumbs-up" | "thunderstorm" | "ticket" | "time" | "timer" | "today" | "toggle" | "trail-sign" | "train" | "transgender" | "trash-bin" | "trash" | "trending-down" | "trending-up" | "triangle" | "trophy" | "tv" | "umbrella" | "unlink" | "videocam-off" | "videocam" | "volume-high" | "volume-low" | "volume-medium" | "volume-mute" | "volume-off" | "walk" | "wallet" | "warning" | "watch" | "water" | "wifi" | "wine" | "woman" | "logo-alipay" | "logo-amazon" | "logo-amplify" | "logo-android" | "logo-angular" | "logo-apple" | "logo-apple-appstore" | "logo-apple-ar" | "logo-behance" | "logo-bitbucket" | "logo-bitcoin" | "logo-buffer" | "logo-capacitor" | "logo-chrome" | "logo-closed-captioning" | "logo-codepen" | "logo-css3" | "logo-designernews" | "logo-deviantart" | "logo-discord" | "logo-docker" | "logo-dribbble" | "logo-dropbox" | "logo-edge" | "logo-electron" | "logo-euro" | "logo-facebook" | "logo-figma" | "logo-firebase" | "logo-firefox" | "logo-flickr" | "logo-foursquare" | "logo-github" | "logo-gitlab" | "logo-google" | "logo-google-playstore" | "logo-hackernews" | "logo-html5" | "logo-instagram" | "logo-ionic" | "logo-ionitron" | "logo-javascript" | "logo-laravel" | "logo-linkedin" | "logo-markdown" | "logo-mastodon" | "logo-medium" | "logo-microsoft" | "logo-no-smoking" | "logo-nodejs" | "logo-npm" | "logo-octocat" | "logo-paypal" | "logo-pinterest" | "logo-playstation" | "logo-pwa" | "logo-python" | "logo-react" | "logo-reddit" | "logo-rss" | "logo-sass" | "logo-skype" | "logo-slack" | "logo-snapchat" | "logo-soundcloud" | "logo-stackoverflow" | "logo-steam" | "logo-stencil" | "logo-tableau" | "logo-tiktok" | "logo-tumblr" | "logo-tux" | "logo-twitch" | "logo-twitter" | "logo-usd" | "logo-venmo" | "logo-vercel" | "logo-vimeo" | "logo-vk" | "logo-vue" | "logo-web-component" | "logo-wechat" | "logo-whatsapp" | "logo-windows" | "logo-wordpress" | "logo-xbox" | "logo-xing" | "logo-yahoo" | "logo-yen" | "logo-youtube";
-export declare type IconSize = "small" | "medium" | "large" | "xlarge";
-export declare type IconVariant = "primary" | "secondary" | "tertiary";
-export declare type IconTheme = "outline" | "filled" | "sharp";
-interface Props extends Margins {
+export declare type GoAIconSize = "small" | "medium" | "large" | "xlarge";
+export declare type GoAIconVariant = "primary" | "secondary" | "tertiary";
+export declare type GoAIconTheme = "outline" | "filled" | "sharp";
+export declare type IconSize = GoAIconSize;
+export declare type IconVariant = GoAIconVariant;
+export declare type IconTheme = GoAIconTheme;
+export interface GoAIconProps extends Margins {
     type: GoAIconType;
-    size?: IconSize;
-    theme?: IconTheme;
+    size?: GoAIconSize;
+    theme?: GoAIconTheme;
     testId?: string;
 }
 interface WCProps extends Margins {
     type: GoAIconType;
-    theme?: IconTheme;
-    size?: IconSize;
+    theme?: GoAIconTheme;
+    size?: GoAIconSize;
 }
-export declare function GoAIcon({ type, theme, size, mt, mr, mb, ml, testId, }: Props): JSX.Element;
+export declare function GoAIcon({ type, theme, size, mt, mr, mb, ml, testId, }: GoAIconProps): JSX.Element;
 export {};

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

@@ -1,12 +1,13 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 import { Margins } from "../../common/styling";
-import { IconSize, GoAIconType } from "../icon/icon";
-export declare type IconButtonVariant = "color" | "nocolor" | "dark" | "destructive";
+import { GoAIconSize, GoAIconType } from "../icon/icon";
+export declare type GoAIconButtonVariant = "color" | "nocolor" | "dark" | "destructive";
+export declare type IconButtonVariant = GoAIconButtonVariant;
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     icon: GoAIconType;
-    size?: IconSize;
-    variant?: IconButtonVariant;
+    size?: GoAIconSize;
+    variant?: GoAIconButtonVariant;
     title?: string;
     disabled?: boolean;
 }
@@ -17,15 +18,15 @@ declare global {
         }
     }
 }
-interface Props extends Margins {
+export interface GoAIconButtonProps extends Margins {
     icon: GoAIconType;
-    size?: IconSize;
-    variant?: IconButtonVariant;
+    size?: GoAIconSize;
+    variant?: GoAIconButtonVariant;
     title?: string;
     disabled?: boolean;
     children?: React.ReactNode;
     onClick?: () => void;
     testId?: string;
 }
-export declare const GoAIconButton: FC<Props>;
+export declare function GoAIconButton({ icon, disabled, variant, onClick, size, title, testId, children, mt, mr, mb, ml, }: GoAIconButtonProps): JSX.Element;
 export {};

package/lib/input/input.d.ts

@@ -1,9 +1,9 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 import { GoAIconType } from "../..";
 import { Margins } from "../../common/styling";
 export declare type GoADate = Date | string;
-declare type GoAInputType = "text" | "password" | "email" | "number" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
-declare type GoAAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
+export declare type GoAInputType = "text" | "password" | "email" | "number" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
+export declare type GoAAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLInputElement | null>;
     type?: GoAInputType;
@@ -63,7 +63,7 @@ interface BaseProps extends Margins {
 declare type OnChange = (name: string, value: string) => void;
 declare type OnFocus = (name: string, value: string) => void;
 declare type OnBlur = (name: string, value: string) => void;
-export interface InputProps extends BaseProps {
+export interface GoAInputProps extends BaseProps {
     onChange: OnChange;
     value: string;
     min?: number | string;
@@ -72,10 +72,11 @@ export interface InputProps extends BaseProps {
     onFocus?: OnFocus;
     onBlur?: OnBlur;
 }
+export declare type InputProps = GoAInputProps;
 declare type OnNumberChange = (name: string, value: number) => void;
 declare type OnNumberFocus = (name: string, value: number) => void;
 declare type OnNumberBlur = (name: string, value: number) => void;
-interface NumberInputProps extends BaseProps {
+export interface GoANumberInputProps extends BaseProps {
     onChange: OnNumberChange;
     value: number;
     min?: number;
@@ -87,7 +88,7 @@ interface NumberInputProps extends BaseProps {
 declare type OnDateChange = (name: string, value: GoADate) => void;
 declare type OnDateFocus = (name: string, value: GoADate) => void;
 declare type OnDateBlur = (name: string, value: GoADate) => void;
-interface DateInputProps extends BaseProps {
+export interface GoADateInputProps extends BaseProps {
     onChange: OnDateChange;
     value: GoADate;
     min?: GoADate;
@@ -96,20 +97,20 @@ interface DateInputProps extends BaseProps {
     onFocus?: OnDateFocus;
     onBlur?: OnDateBlur;
 }
-export declare const GoAInput: FC<InputProps & {
+export declare function GoAInput({ id, debounce, name, type, autoCapitalize, leadingIcon, trailingIcon, variant, focused, disabled, readonly, value, placeholder, error, width, testId, min, max, step, prefix, suffix, ariaLabel, mt, mr, mb, ml, leadingContent, trailingContent, maxLength, onTrailingIconClick, onChange, onFocus, onBlur, }: GoAInputProps & {
     type?: GoAInputType;
-}>;
-export declare const GoAInputText: FC<InputProps>;
-export declare const GoAInputPassword: FC<InputProps>;
-export declare const GoAInputDate: FC<DateInputProps>;
-export declare const GoAInputTime: FC<InputProps>;
-export declare const GoAInputDateTime: FC<DateInputProps>;
-export declare const GoAInputEmail: FC<InputProps>;
-export declare const GoAInputSearch: FC<InputProps>;
-export declare const GoAInputUrl: FC<InputProps>;
-export declare const GoAInputTel: FC<InputProps>;
-export declare const GoAInputFile: FC<InputProps>;
-export declare const GoAInputMonth: FC<InputProps>;
-export declare const GoAInputNumber: FC<NumberInputProps>;
-export declare const GoAInputRange: FC<InputProps>;
+}): JSX.Element;
+export declare function GoAInputText(props: GoAInputProps): JSX.Element;
+export declare function GoAInputPassword(props: GoAInputProps): JSX.Element;
+export declare function GoAInputDate({ value, min, max, ...props }: GoADateInputProps): JSX.Element;
+export declare function GoAInputTime({ value, min, max, ...props }: GoAInputProps): JSX.Element;
+export declare function GoAInputDateTime({ value, min, max, ...props }: GoADateInputProps): JSX.Element;
+export declare function GoAInputEmail(props: GoAInputProps): JSX.Element;
+export declare function GoAInputSearch(props: GoAInputProps): JSX.Element;
+export declare function GoAInputUrl(props: GoAInputProps): JSX.Element;
+export declare function GoAInputTel(props: GoAInputProps): JSX.Element;
+export declare function GoAInputFile(props: GoAInputProps): JSX.Element;
+export declare function GoAInputMonth(props: GoAInputProps): JSX.Element;
+export declare function GoAInputNumber({ min, max, value, ...props }: GoANumberInputProps): JSX.Element;
+export declare function GoAInputRange(props: GoAInputProps): JSX.Element;
 export default GoAInput;

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

@@ -1,28 +1,31 @@
-import React, { FC } from "react";
+/// <reference types="react" />
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            "goa-microsite-header": WebComponentProps & React.HTMLAttributes<HTMLElement>;
+            "goa-microsite-header": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-export declare type ServiceLevel = "alpha" | "beta" | "live";
-interface WebComponentProps {
-    type: ServiceLevel;
+export declare type GoAServiceLevel = "alpha" | "beta" | "live";
+export declare type GoALinkTarget = "self" | "blank";
+export declare type ServiceLevel = GoAServiceLevel;
+interface WCProps {
+    type: GoAServiceLevel;
     version?: string;
     feedbackurl?: string;
     maxcontentwidth?: string;
-    feedbackurltarget?: "self" | "blank";
-    headerurltarget?: "self" | "blank";
+    feedbackurltarget?: GoALinkTarget;
+    headerurltarget?: GoALinkTarget;
 }
-export interface HeaderProps {
-    type: ServiceLevel;
+export interface GoAHeaderProps {
+    type: GoAServiceLevel;
     version?: string;
     feedbackUrl?: string;
     testId?: string;
     maxContentWidth?: string;
-    feedbackUrlTarget?: "self" | "blank";
-    headerUrlTarget?: "self" | "blank";
+    feedbackUrlTarget?: GoALinkTarget;
+    headerUrlTarget?: GoALinkTarget;
 }
-export declare const GoAMicrositeHeader: FC<HeaderProps>;
+export declare type HeaderProps = GoAHeaderProps;
+export declare function GoAMicrositeHeader({ type, version, feedbackUrl, maxContentWidth, feedbackUrlTarget, headerUrlTarget, testId, }: GoAHeaderProps): JSX.Element;
 export default GoAMicrositeHeader;

package/lib/modal/modal.d.ts

@@ -1,14 +1,16 @@
-import React, { FC } from "react";
-export declare type ModalTransition = "fast" | "slow" | "none";
-export declare type CalloutVariant = "information" | "important" | "emergency" | "success" | "event";
+import { ReactElement, ReactNode, RefObject } from "react";
+export declare type GoAModalTransition = "fast" | "slow" | "none";
+export declare type GoAModalCalloutVariant = "information" | "important" | "emergency" | "success" | "event";
+export declare type ModalTransition = GoAModalTransition;
+export declare type CalloutVariant = GoAModalCalloutVariant;
 interface WCProps {
-    ref: React.RefObject<HTMLElement>;
-    heading?: React.ReactNode;
+    ref: RefObject<HTMLElement>;
+    heading?: ReactNode;
     open?: boolean;
     maxwidth?: string;
     closable?: boolean;
-    transition?: ModalTransition;
-    calloutVariant?: CalloutVariant;
+    transition?: GoAModalTransition;
+    calloutvariant?: GoAModalCalloutVariant;
 }
 declare global {
     namespace JSX {
@@ -17,18 +19,18 @@ declare global {
         }
     }
 }
-interface Props {
-    heading?: React.ReactNode;
+export interface GoAModalProps {
+    heading?: ReactNode;
     maxWidth?: string;
-    actions?: React.ReactElement;
+    actions?: ReactElement;
     onClose?: () => void;
-    transition?: ModalTransition;
-    children?: React.ReactNode;
+    transition?: GoAModalTransition;
+    children?: ReactNode;
     open?: boolean;
-    type?: string;
-    calloutVariant?: CalloutVariant;
+    calloutVariant?: GoAModalCalloutVariant;
     testId?: string;
     width?: string;
+    type?: string;
 }
-export declare const GoAModal: FC<Props>;
+export declare function GoAModal({ heading, children, maxWidth, open, actions, transition, type, calloutVariant, onClose, testId, width, }: GoAModalProps): JSX.Element;
 export default GoAModal;

package/lib/notification/notification.d.ts

@@ -1,11 +1,13 @@
-import React from "react";
-export declare type NotificationType = "important" | "information" | "event" | "emergency";
-export declare type AriaLiveType = "polite" | "assertive" | "off";
+/// <reference types="react" />
+export declare type GoANotificationType = "important" | "information" | "event" | "emergency";
+export declare type GoAAriaLiveType = "polite" | "assertive" | "off";
+export declare type NotificationType = GoANotificationType;
+export declare type AriaLiveType = GoAAriaLiveType;
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
-    type: NotificationType;
+    type: GoANotificationType;
     maxcontentwidth?: string;
-    arialive?: AriaLiveType;
+    arialive?: GoAAriaLiveType;
 }
 declare global {
     namespace JSX {
@@ -14,13 +16,13 @@ declare global {
         }
     }
 }
-interface Props {
-    type?: NotificationType;
-    ariaLive?: AriaLiveType;
+export interface GoANotificationProps {
+    type?: GoANotificationType;
+    ariaLive?: GoAAriaLiveType;
     maxContentWidth?: string;
     children?: React.ReactNode;
     onDismiss?: () => void;
     testId?: string;
 }
-export declare const GoANotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: Props) => JSX.Element;
+export declare const GoANotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: GoANotificationProps) => JSX.Element;
 export default GoANotification;

package/lib/one-column-layout/one-column-layout.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -6,8 +6,9 @@ declare global {
         }
     }
 }
-export interface PageProps {
+export interface GoAPageProps {
     children?: ReactNode;
 }
-export declare function GoAOneColumnLayout(props: PageProps): JSX.Element;
+export declare type PageProps = GoAPageProps;
+export declare function GoAOneColumnLayout(props: GoAPageProps): JSX.Element;
 export default GoAOneColumnLayout;

package/lib/page-block/page-block.d.ts

@@ -1,4 +1,4 @@
-import React, { FC, ReactNode } from "react";
+import { ReactNode } from "react";
 export interface WCPageBlockProps {
     width: "full" | string;
 }
@@ -9,9 +9,10 @@ declare global {
         }
     }
 }
-export interface PageBlockProps {
+export interface GoAPageBlockProps {
     width: "full" | string;
     testId?: string;
     children?: ReactNode;
 }
-export declare const GoAPageBlock: FC<PageBlockProps>;
+export declare type PageBlockProps = GoAPageBlockProps;
+export declare function GoAPageBlock(props: PageBlockProps): JSX.Element;

package/lib/pages/pages.d.ts

@@ -1,4 +1,4 @@
-import React, { ReactNode } from "react";
+import { ReactNode } from "react";
 import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     current?: number;
@@ -10,9 +10,9 @@ declare global {
         }
     }
 }
-interface PagesProps extends Margins {
+export interface GoAPagesProps extends Margins {
     current?: number;
     children?: ReactNode;
 }
-export declare function GoAPages(props: PagesProps): JSX.Element;
+export declare function GoAPages(props: GoAPagesProps): JSX.Element;
 export default GoAPages;

package/lib/pagination/pagination.d.ts

@@ -1,4 +1,4 @@
-import React from "react";
+/// <reference types="react" />
 import { Margins } from "../../common/styling";
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | undefined>;
@@ -14,7 +14,7 @@ declare global {
         }
     }
 }
-export interface PaginationProps extends Margins {
+export interface GoAPaginationProps extends Margins {
     itemCount: number;
     perPageCount?: number;
     pageNumber: number;
@@ -22,5 +22,6 @@ export interface PaginationProps extends Margins {
     onChange: (page: number) => void;
     testId?: string;
 }
-export declare function GoAPagination(props: PaginationProps): JSX.Element;
+export declare type PaginationProps = GoAPaginationProps;
+export declare function GoAPagination(props: GoAPaginationProps): JSX.Element;
 export default GoAPagination;