@abgov/react-components 4.0.0-alpha.9 → 4.1.0

package/lib/{flex/row.d.ts → flex-row/flex-row.d.ts}

@@ -1,16 +1,17 @@
 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>;
         }
     }
 }
-export interface Props {
-    gap: 'small' | 'medium' | 'large';
+interface Props {
+    gap?: "small" | "medium" | "large";
+    children?: React.ReactNode;
 }
 export declare const GoAFlexRow: FC<Props>;
 export default GoAFlexRow;

package/lib/footer/footer.d.ts

@@ -0,0 +1,17 @@
+import React, { ReactNode } from "react";
+interface WCProps {
+    maxcontentwidth?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface FooterProps {
+    maxContentWidth?: string;
+    children?: ReactNode;
+}
+export declare function GoAAppFooter({ maxContentWidth, children }: FooterProps): JSX.Element;
+export default GoAAppFooter;

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-meta-section": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface FooterMetaSectionProps {
+    children?: ReactNode;
+}
+export declare function GoAAppFooterMetaSection({ children }: FooterMetaSectionProps): JSX.Element;
+export default GoAAppFooterMetaSection;

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

@@ -0,0 +1,19 @@
+import React, { ReactNode } from "react";
+interface WCProps {
+    maxcolumncount?: number;
+    heading?: string;
+}
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-nav-section": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+interface FooterNavSectionProps {
+    maxColumnCount?: number;
+    heading?: string;
+    children?: ReactNode;
+}
+export declare function GoAAppFooterNavSection({ heading, maxColumnCount, children, }: FooterNavSectionProps): JSX.Element;
+export default GoAAppFooterNavSection;

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

@@ -1,22 +1,24 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
+declare type RequirementType = "optional" | "required";
 interface WCProps {
     label: string;
-    optional?: boolean;
+    requirement?: RequirementType;
     error?: string;
     helptext?: string;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-form-item': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-form-item": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
 interface GoAFormItemProps {
     label: string;
-    optional?: boolean;
+    requirement?: RequirementType;
     error?: string;
     helpText?: string;
+    children?: React.ReactNode;
 }
 export declare const GoAFormItem: FC<GoAFormItemProps>;
 export default GoAFormItem;

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,6 @@
-import { FC } from 'react';
-export declare type GoAHeroBannerActionsType = FC;
-export declare const GoAHeroBannerActions: GoAHeroBannerActionsType;
+import React, { FC } from "react";
+export declare type GoAHeroBannerActionsType = {
+    children?: React.ReactNode;
+};
+export declare const GoAHeroBannerActions: FC<GoAHeroBannerActionsType>;
 export default GoAHeroBannerActions;

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

@@ -1,18 +1,19 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface WCProps {
-    title: string;
+    heading: string;
     backgroundurl: string;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-hero-banner': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-hero-banner": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
 interface Props {
-    title: string;
+    heading: string;
     backgroundUrl: string;
+    children?: React.ReactNode;
 }
 export declare const GoAHeroBanner: FC<Props>;
 export default GoAHeroBanner;

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

@@ -1,8 +1,9 @@
-import React, { FC } from 'react';
-import { IconSize, GoAIconType, IconVariant } from './icon';
+import React, { FC } from "react";
+import { IconSize, GoAIconType } from "./icon";
+declare type IconVariant = "color" | "nocolor" | "dark";
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
-    type: GoAIconType;
+    icon: GoAIconType;
     size?: IconSize;
     variant?: IconVariant;
     title?: string;
@@ -11,17 +12,18 @@ interface WCProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-icon-button': WCProps & React.HTMLAttributes<HTMLButtonElement>;
+            "goa-icon-button": WCProps & React.HTMLAttributes<HTMLButtonElement>;
         }
     }
 }
 interface Props {
-    type: GoAIconType;
+    icon: GoAIconType;
     size?: IconSize;
     variant?: IconVariant;
     title?: string;
     disabled?: boolean;
-    onClick: () => void;
+    children?: React.ReactNode;
+    onClick?: () => void;
 }
 export declare const GoAIconButton: FC<Props>;
 export {};

package/lib/icons/icon.d.ts

@@ -1,4 +1,4 @@
-import React from 'react';
+import React from "react";
 declare type GoAIconFilledType = `${GoAIconType}-${IconTheme}`;
 interface IonIconProps {
     name: GoAIconType | GoAIconFilledType;
@@ -8,21 +8,21 @@ interface IonIconElement extends HTMLElement {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'ion-icon': IonIconProps & React.HTMLAttributes<IonIconElement>;
+            "ion-icon": IonIconProps & React.HTMLAttributes<IonIconElement>;
         }
     }
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-icon': WCProps & React.HTMLAttributes<IonIconElement>;
+            "goa-icon": WCProps & React.HTMLAttributes<IonIconElement>;
         }
     }
 }
-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';
-export declare type IconSize = 'small' | 'medium' | 'large' | 'xlarge';
-export declare type IconVariant = 'primary' | 'secondary' | 'tertiary';
-export declare type IconTheme = 'outline' | 'filled' | 'sharp';
+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 {
     type: GoAIconType;
     size?: IconSize;
@@ -33,5 +33,5 @@ interface WCProps {
     theme: IconTheme;
     size: IconSize;
 }
-export declare function GoAIcon({ type, theme, size }: Props): JSX.Element;
+export declare function GoAIcon({ type, theme, size, }: Props): JSX.Element;
 export {};

package/lib/icons/index.d.ts

@@ -1,2 +1,2 @@
-export * from './icon';
-export * from './icon-button';
+export * from "./icon";
+export * from "./icon-button";

package/lib/input/input.d.ts

@@ -1,11 +1,15 @@
-import React, { FC } from 'react';
-import { GoAIconType } from '../..';
+import React, { FC } from "react";
+import { GoAIconType } from "../..";
+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";
 interface WCProps {
     ref?: React.MutableRefObject<HTMLInputElement | null>;
-    type: string;
+    type?: GoAInputType;
     name: string;
     value: string;
     id?: string;
+    autocapitalize?: GoAAutoCapitalize;
     placeholder?: string;
     leadingicon?: string;
     trailingicon?: string;
@@ -14,66 +18,78 @@ interface WCProps {
     error?: boolean;
     readonly?: boolean;
     focused?: boolean;
-    showcounter?: boolean;
-    maxcharcount?: number;
     handletrailingiconclick: boolean;
     width?: string;
+    prefix?: string;
+    suffix?: string;
     testid?: string;
+    min?: string | number;
+    max?: string | number;
+    step?: number;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-input': WCProps & React.HTMLAttributes<HTMLInputElement>;
+            "goa-input": WCProps & React.HTMLAttributes<HTMLInputElement>;
         }
     }
 }
-export interface Props {
+interface BaseProps {
     name: string;
-    value: string;
-    onChange: (name: string, value: string) => void;
     id?: string;
     disabled?: boolean;
+    autoCapitalize?: GoAAutoCapitalize;
     placeholder?: string;
     leadingIcon?: GoAIconType;
     trailingIcon?: GoAIconType;
     onTrailingIconClick?: () => void;
-    variant?: 'goa' | 'bare';
+    variant?: "goa" | "bare";
     focused?: boolean;
     readonly?: boolean;
     error?: boolean;
     width?: string;
-    showCounter?: boolean;
-    maxCharCount?: number;
+    prefix?: string;
+    suffix?: string;
     testId?: string;
 }
-export declare const GoAInput: FC<Props & {
-    type: string;
-}>;
-export declare const GoAInputText: FC<Props>;
-export declare const GoAInputPassword: FC<Props>;
-export declare const GoAInputDate: FC<Props & {
-    min?: string;
-    max?: string;
-}>;
-export declare const GoAInputTime: FC<Props>;
-export declare const GoAInputDateTime: FC<Props & {
-    min?: string;
-    max?: string;
-}>;
-export declare const GoAInputEmail: FC<Props>;
-export declare const GoAInputSearch: FC<Props>;
-export declare const GoAInputUrl: FC<Props>;
-export declare const GoAInputTel: FC<Props>;
-export declare const GoAInputFile: FC<Props>;
-export declare const GoAInputMonth: FC<Props>;
-export declare const GoAInputNumber: FC<Props & {
-    min?: number;
-    max?: number;
+declare type OnChange = (name: string, value: string) => void;
+export interface InputProps extends BaseProps {
+    onChange: OnChange;
+    value: string;
+    min?: number | string;
+    max?: number | string;
     step?: number;
-}>;
-export declare const GoAInputRange: FC<Props & {
+}
+declare type OnNumberChange = (name: string, value: number) => void;
+interface NumberInputProps extends BaseProps {
+    onChange: OnNumberChange;
+    value: number;
     min?: number;
     max?: number;
     step?: number;
+}
+declare type OnDateChange = (name: string, value: GoADate) => void;
+interface DateInputProps extends BaseProps {
+    onChange: OnDateChange;
+    value: GoADate;
+    min?: GoADate;
+    max?: GoADate;
+    step?: number;
+}
+export declare const GoAInput: FC<InputProps & {
+    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>;
 export default GoAInput;

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

@@ -1,19 +1,19 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-microsite-header': WebComponentProps & React.HTMLAttributes<HTMLElement>;
+            "goa-microsite-header": WebComponentProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-export declare type ServiceLevel = 'alpha' | 'beta' | 'live';
+export declare type ServiceLevel = "alpha" | "beta" | "live";
 interface WebComponentProps {
-    level: ServiceLevel;
+    type: ServiceLevel;
     version?: string;
     feedbackurl?: string;
 }
 export interface HeaderProps {
-    level: ServiceLevel;
+    type: ServiceLevel;
     version?: string;
     feedbackUrl?: string;
 }

package/lib/modal/modal.d.ts

@@ -1,4 +1,6 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
+export declare type ModalTransition = "fast" | "slow" | "none";
+export declare type CalloutVariant = "information" | "important" | "emergency" | "success" | "event";
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
     heading?: string;
@@ -6,12 +8,13 @@ interface WCProps {
     width?: string;
     closable?: boolean;
     scrollable?: boolean;
-    transition?: "fast" | "slow" | "none";
+    transition?: ModalTransition;
+    calloutVariant?: CalloutVariant;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-modal': WCProps & React.HTMLAttributes<HTMLElement>;
+            "goa-modal": WCProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -20,8 +23,11 @@ interface Props {
     width?: string;
     actions?: React.ReactElement;
     onClose?: () => void;
-    transition?: "fast" | "slow" | "none";
+    transition?: ModalTransition;
+    children?: React.ReactNode;
     open?: boolean;
+    type?: string;
+    calloutVariant?: CalloutVariant;
 }
 export declare const GoAModal: FC<Props>;
 export default GoAModal;

package/lib/notification/notification.d.ts

@@ -1,16 +1,16 @@
-import React from 'react';
-declare type NotificationType = "important" | 'information' | 'event' | 'emergency';
+import React from "react";
+export declare type NotificationType = "important" | "information" | "event" | "emergency";
 interface WCProps {
     type: NotificationType;
 }
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-notification': WCProps & React.HTMLAttributes<HTMLButtonElement>;
+            "goa-notification": WCProps & React.HTMLAttributes<HTMLButtonElement>;
         }
     }
 }
-export interface Props {
+interface Props {
     type?: NotificationType;
     children?: React.ReactNode;
 }

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

@@ -0,0 +1,13 @@
+import React, { ReactNode } from "react";
+declare global {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-one-column-layout": React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface PageProps {
+    children?: ReactNode;
+}
+export declare function GoAOneColumnLayout(props: PageProps): JSX.Element;
+export default GoAOneColumnLayout;

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

@@ -1,9 +1,16 @@
-import React, { FC } from 'react';
+import React, { FC, ReactNode } from "react";
+export interface WCPageBlockProps {
+    width: "full" | string;
+}
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-page-block': React.HTMLAttributes<HTMLElement>;
+            "goa-page-block": WCPageBlockProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
-export declare const GoAPageBlock: FC;
+export interface PageBlockProps {
+    width: "full" | string;
+    children?: ReactNode;
+}
+export declare const GoAPageBlock: FC<PageBlockProps>;

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

@@ -1,5 +1,5 @@
-import React, { FC } from 'react';
-export * from './radio';
+import React, { FC } from "react";
+export * from "./radio";
 interface RadioGroupProps {
     ref: React.RefObject<HTMLElement>;
     name: string;
@@ -11,7 +11,7 @@ interface RadioGroupProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-radio-group': RadioGroupProps & React.HTMLAttributes<HTMLElement>;
+            "goa-radio-group": RadioGroupProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -19,9 +19,10 @@ interface Props {
     name: string;
     value?: string;
     disabled?: boolean;
-    orientation?: 'horizontal' | 'vertical';
+    orientation?: "horizontal" | "vertical";
     testId?: string;
     error?: boolean;
+    children?: React.ReactNode;
     onChange: (name: string, value: string) => void;
 }
 export declare const GoARadioGroup: FC<Props>;

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

@@ -1,4 +1,4 @@
-import React, { FC } from 'react';
+import React, { FC } from "react";
 interface RadioItemProps {
     name: string;
     value: string;
@@ -10,7 +10,7 @@ interface RadioItemProps {
 declare global {
     namespace JSX {
         interface IntrinsicElements {
-            'goa-radio-item': RadioItemProps & React.HTMLAttributes<HTMLElement>;
+            "goa-radio-item": RadioItemProps & React.HTMLAttributes<HTMLElement>;
         }
     }
 }
@@ -21,6 +21,7 @@ interface Props {
     disabled?: boolean;
     checked?: boolean;
     error?: boolean;
+    children?: React.ReactNode;
     testId?: string;
 }
 export declare const GoARadioItem: FC<Props>;