@abgov/react-components 6.11.0 → 7.0.0-dev.1

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

@@ -2,11 +2,13 @@ import { JSX } from 'react';
 import { DataAttributes } from '@abgov/ui-components-common';
 interface WCProps {
     heading?: string;
+    secondarytext?: string;
     url?: string;
     maxcontentwidth?: string;
     fullmenubreakpoint?: number;
     hasmenuclickhandler?: string;
     testid?: string;
+    version?: string;
 }
 declare module "react" {
     namespace JSX {
@@ -19,6 +21,7 @@ declare module "react" {
 }
 export interface GoabAppHeaderProps extends DataAttributes {
     heading?: string;
+    secondaryText?: string;
     url?: string;
     maxContentWidth?: string;
     fullMenuBreakpoint?: number;
@@ -26,5 +29,5 @@ export interface GoabAppHeaderProps extends DataAttributes {
     onMenuClick?: () => void;
     testId?: string;
 }
-export declare function GoabAppHeader({ onMenuClick, children, ...rest }: GoabAppHeaderProps): JSX.Element;
-export default GoabAppHeader;
+export declare function GoabAppHeader({ onMenuClick, children, secondaryText, ...rest }: GoabAppHeaderProps): JSX.Element;
+export {};

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

@@ -5,12 +5,6 @@ interface WCProps {
     leadingicon?: GoabIconType;
     testid?: string;
 }
-export interface GoabAppHeaderMenuProps extends DataAttributes {
-    heading: string;
-    leadingIcon?: GoabIconType;
-    testId?: string;
-    children?: ReactNode;
-}
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
@@ -18,5 +12,12 @@ declare module "react" {
         }
     }
 }
-export declare function GoabAppHeaderMenu({ children, ...rest }: GoabAppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
+export interface GoabAppHeaderMenuProps extends DataAttributes {
+    heading: string;
+    leadingIcon?: GoabIconType;
+    testId?: string;
+    slotName?: string;
+    children?: ReactNode;
+}
+export declare function GoabAppHeaderMenu({ children, slotName, ...rest }: GoabAppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
 export default GoabAppHeaderMenu;

package/lib/badge/badge.d.ts

@@ -1,5 +1,23 @@
-import { DataAttributes, GoabBadgeType, GoabIconType, Margins } from '@abgov/ui-components-common';
+import { DataAttributes, GoabBadgeEmphasis, GoabBadgeSize, GoabBadgeType, GoabIconType, Margins } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+interface WCProps extends Margins {
+    type: GoabBadgeType;
+    icon?: string;
+    content?: string;
+    arialabel?: string;
+    testid?: string;
+    icontype?: GoabIconType;
+    size?: GoabBadgeSize;
+    emphasis?: GoabBadgeEmphasis;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-badge": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabBadgeProps extends Margins, DataAttributes {
     type: GoabBadgeType;
     icon?: boolean;
@@ -7,21 +25,8 @@ export interface GoabBadgeProps extends Margins, DataAttributes {
     testId?: string;
     ariaLabel?: string;
     iconType?: GoabIconType;
+    size?: GoabBadgeSize;
+    emphasis?: GoabBadgeEmphasis;
 }
-export declare function GoabBadge({ icon, iconType, ...rest }: GoabBadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoabInfoBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoabSuccessBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoabImportantBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
-/**
- * @deprecated
- */
-export declare function GoabEmergencyBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
+export declare function GoabBadge({ icon, iconType, size, emphasis, ...rest }: GoabBadgeProps): JSX.Element;
+export {};

package/lib/button/button.d.ts

@@ -1,5 +1,28 @@
 import { ReactNode, JSX } from 'react';
 import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    type?: GoabButtonType;
+    size?: GoabButtonSize;
+    variant?: GoabButtonVariant;
+    disabled?: string;
+    leadingicon?: string;
+    trailingicon?: string;
+    width?: string;
+    testid?: string;
+    action?: string;
+    actionArgs?: string;
+    actionArg?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-button": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabButtonProps extends Margins, DataAttributes {
     type?: GoabButtonType;
     size?: GoabButtonSize;

package/lib/calendar/calendar.d.ts

@@ -1,5 +1,22 @@
 import { JSX } from 'react';
 import { DataAttributes, GoabCalendarOnChangeDetail, Margins } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    name?: string;
+    value?: string;
+    min?: string;
+    max?: string;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-calendar": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabCalendarProps extends Margins, DataAttributes {
     name?: string;
     value?: string;

package/lib/callout/callout.d.ts

@@ -1,13 +1,32 @@
-import { GoabCalloutAriaLive, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { GoabCalloutAriaLive, GoabCalloutEmphasis, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme, Margins, DataAttributes } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    heading?: string;
+    type?: GoabCalloutType;
+    size?: GoabCalloutSize;
+    arialive?: GoabCalloutAriaLive;
+    maxwidth?: string;
+    icontheme?: GoabCalloutIconTheme;
+    emphasis?: GoabCalloutEmphasis;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-callout": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabCalloutProps extends Margins, DataAttributes {
     heading?: string;
     type?: GoabCalloutType;
     size?: GoabCalloutSize;
     iconTheme?: GoabCalloutIconTheme;
+    emphasis?: GoabCalloutEmphasis;
     maxWidth?: string;
     testId?: string;
     ariaLive?: GoabCalloutAriaLive;
     children?: React.ReactNode;
 }
-export declare const GoabCallout: ({ type, iconTheme, size, ariaLive, children, ...rest }: GoabCalloutProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoabCallout: ({ type, iconTheme, size, ariaLive, emphasis, children, ...rest }: GoabCalloutProps) => import("react/jsx-runtime").JSX.Element;
 export default GoabCallout;

package/lib/checkbox/checkbox.d.ts

@@ -1,5 +1,32 @@
-import { DataAttributes, GoabCheckboxOnChangeDetail, Margins } from '@abgov/ui-components-common';
+import { DataAttributes, GoabCheckboxOnChangeDetail, GoabCheckboxSize, Margins } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-checkbox": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
+interface WCProps extends Margins {
+    id?: string;
+    name: string;
+    checked?: string;
+    indeterminate?: string;
+    disabled?: string;
+    error?: string;
+    text?: string;
+    value?: string | number;
+    arialabel?: string;
+    description?: string | React.ReactNode;
+    reveal?: React.ReactNode;
+    revealarialabel?: string;
+    maxwidth?: string;
+    testid?: string;
+    size?: GoabCheckboxSize;
+    version?: string;
+}
 export interface GoabCheckboxProps extends Margins, DataAttributes {
     id?: string;
     name: string;
@@ -16,8 +43,9 @@ export interface GoabCheckboxProps extends Margins, DataAttributes {
     reveal?: React.ReactNode;
     revealAriaLabel?: string;
     maxWidth?: string;
+    size?: GoabCheckboxSize;
     onChange?: (detail: GoabCheckboxOnChangeDetail) => void;
 }
 export type Props = GoabCheckboxProps;
-export declare function GoabCheckbox({ error, checked, indeterminate, disabled, value, description, reveal, onChange, name, children, ...rest }: GoabCheckboxProps): JSX.Element;
+export declare function GoabCheckbox({ error, checked, indeterminate, disabled, value, description, reveal, onChange, name, children, size, ...rest }: GoabCheckboxProps): JSX.Element;
 export default GoabCheckbox;

package/lib/checkbox-list/checkbox-list.d.ts

@@ -1,12 +1,5 @@
 import { GoabCheckboxListOnChangeDetail, Margins } from '@abgov/ui-components-common';
 import { JSX } from 'react';
-declare module "react" {
-    namespace JSX {
-        interface IntrinsicElements {
-            "goa-checkbox-list": WCProps & React.HTMLAttributes<HTMLElement>;
-        }
-    }
-}
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement | null>;
     name: string;
@@ -15,6 +8,15 @@ interface WCProps extends Margins {
     error?: string;
     testid?: string;
     maxwidth?: string;
+    version?: string;
+    size?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-checkbox-list": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
 }
 export interface GoabCheckboxListProps extends Margins {
     name: string;
@@ -23,8 +25,9 @@ export interface GoabCheckboxListProps extends Margins {
     error?: boolean;
     testId?: string;
     maxWidth?: string;
+    size?: "default" | "compact";
     children?: React.ReactNode;
     onChange?: (detail: GoabCheckboxListOnChangeDetail) => void;
 }
-export declare function GoabCheckboxList({ name, value, disabled, error, testId, maxWidth, children, onChange, mt, mr, mb, ml, }: GoabCheckboxListProps): JSX.Element;
+export declare function GoabCheckboxList({ name, value, disabled, error, testId, maxWidth, size, children, onChange, mt, mr, mb, ml, }: GoabCheckboxListProps): JSX.Element;
 export default GoabCheckboxList;

package/lib/date-picker/date-picker.d.ts

@@ -1,5 +1,27 @@
 import { JSX } from 'react';
 import { GoabDatePickerInputType, GoabDatePickerOnChangeDetail, Margins, DataAttributes } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    name?: string;
+    value?: string;
+    error?: string;
+    min?: string;
+    max?: string;
+    type?: string;
+    relative?: string;
+    disabled?: string;
+    testid?: string;
+    width?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-date-picker": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabDatePickerProps extends Margins, DataAttributes {
     name?: string;
     value?: Date | string | undefined;

package/lib/drawer/drawer.d.ts

@@ -1,5 +1,21 @@
 import { ReactNode, JSX } from 'react';
 import { GoabDrawerPosition, GoabDrawerSize } from '@abgov/ui-components-common';
+interface WCProps {
+    position: GoabDrawerPosition;
+    open?: boolean;
+    heading?: string;
+    maxsize?: GoabDrawerSize;
+    testid?: string;
+    ref: React.RefObject<HTMLElement | null>;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-drawer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabDrawerProps {
     position: GoabDrawerPosition;
     open?: boolean;

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

@@ -1,4 +1,18 @@
 import { GoabDropdownItemMountType } from '@abgov/ui-components-common';
+interface WCProps {
+    value: string;
+    label?: string;
+    filter?: string;
+    mount?: GoabDropdownItemMountType;
+    name?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-dropdown-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabDropdownItemProps {
     value: string;
     label?: string;
@@ -9,3 +23,4 @@ export interface GoabDropdownItemProps {
 }
 export declare function GoabDropdownOption(props: GoabDropdownItemProps): import("react/jsx-runtime").JSX.Element;
 export declare function GoabDropdownItem({ value, label, filter, name, mountType, }: GoabDropdownItemProps): import("react/jsx-runtime").JSX.Element;
+export {};

package/lib/dropdown/dropdown.d.ts

@@ -1,5 +1,36 @@
-import { GoabDropdownOnChangeDetail, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { GoabDropdownOnChangeDetail, GoabDropdownSize, GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+interface WCProps extends Margins {
+    arialabel?: string;
+    arialabelledby?: string;
+    disabled?: string;
+    error?: string;
+    filterable?: string;
+    leadingicon?: string;
+    maxheight?: string;
+    multiselect?: string;
+    name?: string;
+    native?: string;
+    placeholder?: string;
+    value?: string;
+    width?: string;
+    maxwidth?: string;
+    relative?: string;
+    id?: string;
+    autocomplete?: string;
+    testid?: string;
+    size?: GoabDropdownSize;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-dropdown": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabDropdownProps extends Margins, DataAttributes {
     name?: string;
     value?: string[] | string;
@@ -20,10 +51,11 @@ export interface GoabDropdownProps extends Margins, DataAttributes {
     width?: string;
     maxWidth?: string;
     autoComplete?: string;
+    size?: GoabDropdownSize;
     /***
      * @deprecated This property has no effect and will be removed in a future version
      */
     relative?: boolean;
 }
-export declare function GoabDropdown({ value, onChange, disabled, error, filterable, multiselect, native, relative, children, ...rest }: GoabDropdownProps): JSX.Element;
+export declare function GoabDropdown({ value, onChange, disabled, error, filterable, multiselect, native, relative, children, size, ...rest }: GoabDropdownProps): JSX.Element;
 export default GoabDropdown;

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

@@ -1,4 +1,22 @@
 import { DataAttributes, GoabFileUploadOnCancelDetail, GoabFileUploadOnDeleteDetail } from '@abgov/ui-components-common';
+interface WCProps {
+    filename: string;
+    size: number;
+    type?: string;
+    progress?: number;
+    error?: string;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-card": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabFileUploadCardProps extends DataAttributes {
     filename: string;
     size: number;

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

@@ -1,4 +1,20 @@
 import { DataAttributes, GoabFileUploadInputOnSelectFileDetail, GoabFileUploadInputVariant } from '@abgov/ui-components-common';
+interface WCProps {
+    variant?: GoabFileUploadInputVariant;
+    accept?: string;
+    maxfilesize?: string;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-file-upload-input": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabFileUploadInputProps extends DataAttributes {
     variant?: GoabFileUploadInputVariant;
     accept?: string;

package/lib/filter-chip/filter-chip.d.ts

@@ -1,9 +1,29 @@
-import { DataAttributes, GoabFilterChipTheme, Margins } from '@abgov/ui-components-common';
+import { DataAttributes, GoabFilterChipTheme, GoabIconType, Margins } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    icontheme: GoabFilterChipTheme;
+    error?: string;
+    content: string;
+    secondarytext?: string;
+    leadingicon?: GoabIconType;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-filter-chip": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabFilterChipProps extends Margins, DataAttributes {
     onClick?: () => void;
     iconTheme?: GoabFilterChipTheme;
     error?: boolean;
     content: string;
+    secondaryText?: string;
+    leadingIcon?: GoabIconType;
     testId?: string;
 }
 export declare const GoabFilterChip: ({ iconTheme, error, onClick, ...rest }: GoabFilterChipProps) => import("react/jsx-runtime").JSX.Element;

package/lib/footer/footer.d.ts

@@ -1,11 +1,23 @@
 import { ReactNode, JSX } from 'react';
 import { DataAttributes } from '@abgov/ui-components-common';
+interface WCProps {
+    maxcontentwidth?: string;
+    testid?: string;
+    url?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabAppFooterProps extends DataAttributes {
     maxContentWidth?: string;
     children?: ReactNode;
     testId?: string;
     url?: string;
 }
-export type FooterProps = GoabAppFooterProps;
 export declare function GoabAppFooter({ children, ...rest }: GoabAppFooterProps): JSX.Element;
 export default GoabAppFooter;

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

@@ -1,5 +1,15 @@
 import { ReactNode } from 'react';
 import { DataAttributes } from '@abgov/ui-components-common';
+interface WCProps {
+    testid?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-meta-section": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabAppFooterMetaSectionProps extends DataAttributes {
     testId?: string;
     children?: ReactNode;

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

@@ -1,5 +1,17 @@
 import { ReactNode } from 'react';
 import { DataAttributes } from '@abgov/ui-components-common';
+interface WCProps {
+    maxcolumncount?: number;
+    heading?: string;
+    testid?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-app-footer-nav-section": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabFooterNavSectionProps extends DataAttributes {
     maxColumnCount?: number;
     heading?: string;

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

@@ -1,5 +1,26 @@
-import { GoabFormItemLabelSize, GoabFormItemRequirement, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { GoabFormItemLabelSize, GoabFormItemRequirement, GoabFormItemType, Margins, DataAttributes } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+interface WCProps extends Margins {
+    label?: string;
+    labelsize?: GoabFormItemLabelSize;
+    requirement?: GoabFormItemRequirement;
+    error?: string;
+    helptext?: string;
+    maxwidth?: string;
+    "public-form-summary-order"?: number;
+    name?: string;
+    id?: string;
+    testid?: string;
+    type?: GoabFormItemType;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-form-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabFormItemProps extends Margins, DataAttributes {
     label?: string;
     labelSize?: GoabFormItemLabelSize;
@@ -7,6 +28,7 @@ export interface GoabFormItemProps extends Margins, DataAttributes {
     error?: string | React.ReactNode;
     helpText?: string | React.ReactNode;
     maxWidth?: string;
+    type?: GoabFormItemType;
     /**
      * Public form: to arrange fields in the summary
      */
@@ -19,5 +41,5 @@ export interface GoabFormItemProps extends Margins, DataAttributes {
     testId?: string;
     id?: string;
 }
-export declare function GoabFormItem({ error, helpText, publicFormSummaryOrder, children, ...rest }: GoabFormItemProps): JSX.Element;
+export declare function GoabFormItem({ error, helpText, publicFormSummaryOrder, children, type, ...rest }: GoabFormItemProps): JSX.Element;
 export default GoabFormItem;

package/lib/input/input.d.ts

@@ -1,8 +1,48 @@
 import { JSX } from 'react';
-import { GoabAutoCapitalize, GoabDate, GoabIconType, GoabInputOnBlurDetail, GoabInputOnChangeDetail, GoabInputOnFocusDetail, GoabInputOnKeyPressDetail, GoabInputType, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { GoabAutoCapitalize, GoabDate, GoabIconType, GoabInputOnBlurDetail, GoabInputOnChangeDetail, GoabInputOnFocusDetail, GoabInputOnKeyPressDetail, GoabInputSize, GoabInputType, Margins, DataAttributes } from '@abgov/ui-components-common';
 export interface IgnoreMe {
     ignore: string;
 }
+interface WCProps extends Margins {
+    type?: GoabInputType;
+    name: string;
+    value?: string;
+    id?: string;
+    autocapitalize?: GoabAutoCapitalize;
+    autocomplete?: string;
+    debounce?: number;
+    placeholder?: string;
+    leadingicon?: string;
+    trailingicon?: string;
+    variant: string;
+    disabled?: string;
+    error?: string;
+    readonly?: string;
+    focused?: string;
+    handletrailingiconclick: string;
+    width?: string;
+    prefix?: string;
+    suffix?: string;
+    arialabel?: string;
+    testid?: string;
+    textalign?: string;
+    size?: GoabInputSize;
+    min?: string | number;
+    max?: string | number;
+    step?: number;
+    maxlength?: number;
+    trailingiconarialabel?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-input": WCProps & React.HTMLAttributes<HTMLInputElement> & {
+                ref?: React.RefObject<HTMLInputElement | null>;
+            };
+        }
+    }
+}
 interface BaseProps extends Margins, DataAttributes {
     name: string;
     id?: string;
@@ -28,6 +68,7 @@ interface BaseProps extends Margins, DataAttributes {
     maxLength?: number;
     trailingIconAriaLabel?: string;
     textAlign?: "left" | "right";
+    size?: GoabInputSize;
 }
 type OnChange<T = string> = (detail: GoabInputOnChangeDetail<T>) => void;
 type OnFocus<T = string> = (detail: GoabInputOnFocusDetail<T>) => void;
@@ -63,7 +104,7 @@ interface GoabDateInputProps extends BaseProps {
     onBlur?: OnBlur<GoabDate>;
     onKeyPress?: OnKeyPress<GoabDate>;
 }
-export declare function GoabInput({ variant, textAlign, focused, disabled, readonly, error, leadingContent, trailingContent, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, ...rest }: GoabInputProps & {
+export declare function GoabInput({ variant, textAlign, size, focused, disabled, readonly, error, leadingContent, trailingContent, onTrailingIconClick, onChange, onFocus, onBlur, onKeyPress, ...rest }: GoabInputProps & {
     type?: GoabInputType;
 }): JSX.Element;
 export declare function GoabInputText(props: GoabInputProps): JSX.Element;