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

package/lib/link/link.d.ts

@@ -1,13 +1,32 @@
 import { ReactNode } from 'react';
-import { GoabIconType, Margins, DataAttributes } from '@abgov/ui-components-common';
-interface GoabLinkProps extends Margins, DataAttributes {
+import { GoabIconType, GoabLinkColor, GoabLinkSize, Margins, DataAttributes } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    leadingicon?: GoabIconType;
+    trailingicon?: GoabIconType;
+    action?: string;
+    actionArgs?: string;
+    actionArg?: string;
+    testid?: string;
+    color?: GoabLinkColor;
+    size?: GoabLinkSize;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-link": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabLinkProps extends Margins, DataAttributes {
     leadingIcon?: GoabIconType;
     trailingIcon?: GoabIconType;
     action?: string;
     actionArgs?: Record<string, unknown>;
     actionArg?: string;
+    color?: GoabLinkColor;
+    size?: GoabLinkSize;
     testId?: string;
     children: ReactNode;
 }
-export declare function GoabLink({ actionArgs, actionArg, children, ...rest }: GoabLinkProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabLink({ actionArgs, actionArg, color, size, children, ...rest }: GoabLinkProps): import("react/jsx-runtime").JSX.Element;
 export default GoabLink;

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

@@ -1,27 +1,16 @@
-import { DataAttributes, GoabButtonType, GoabIconType, GoabMenuButtonOnActionDetail } from '@abgov/ui-components-common';
+import { DataAttributes, GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, GoabMenuButtonOnActionDetail } from '@abgov/ui-components-common';
 import { ReactNode, JSX } from 'react';
-/**
- * Props definition for the `goab-menu-button` Web Component.
- * @typedef {Object} WCProps
- *
- * @property {string} text - The text label to be displayed on the button.
- * @property {GoabButtonType} type - The button type, e.g., "primary", "secondary", etc.
- * @property {GoaIconType} leadingIcon - Optional leading icon appearing within the button.
- * @property {string} [testid] - A test identifier for automated testing purposes.
- * @property {React.RefObject<HTMLElement | null>} ref - A reference object pointing to the Web Component's DOM element.
- */
 interface WCProps {
-    text: string;
+    text?: string;
     type: GoabButtonType;
+    size?: GoabButtonSize;
+    variant?: GoabButtonVariant;
     "max-width"?: string;
     "leading-icon"?: GoabIconType;
+    "aria-label"?: string;
     testid?: string;
     ref: React.RefObject<HTMLElement | null>;
 }
-/**
- * Extends React's `JSX` namespace to include the custom `goa-menu-button` Web Component.
- * The `goa-menu-button` supports additional React-specific props.
- */
 declare module "react" {
     namespace JSX {
         interface IntrinsicElements {
@@ -29,49 +18,17 @@ declare module "react" {
         }
     }
 }
-/**
- * Props for the `GoabMenuButton` React component.
- *
- * @typedef {Object} GoabMenuButtonProps
- *
- * @property {string} text - The text label to display on the button.
- * @property {GoabButtonType} [type="primary"] - The button type, e.g., "primary", "secondary". Defaults to "primary".
- * @property {GoaIconType} leadingIcon - Optional leading icon appearing within the button.
- * @property {string} [testId] - A test identifier for automated testing purposes.
- * @property {Function} [onAction] - Callback function invoked when an action event is emitted by the component.
- * @property {ReactNode} [children] - Optional child elements to be rendered inside the button.
- */
 export interface GoabMenuButtonProps extends DataAttributes {
-    text: string;
+    text?: string;
     type?: GoabButtonType;
+    size?: GoabButtonSize;
+    variant?: GoabButtonVariant;
     maxWidth?: string;
     leadingIcon?: GoabIconType;
+    ariaLabel?: string;
     testId?: string;
     onAction?: (detail: GoabMenuButtonOnActionDetail) => void;
     children?: ReactNode;
 }
-/**
- * A React wrapper component for the `goa-menu-button` Web Component.
- *
- * This component provides seamless integration of the Web Component into a React application, including React-specific props and event handling.
- *
- * @function GoabMenuButton
- * @param {GoabMenuButtonProps} props - The props for the component.
- *
- * @returns {JSX.Element} A JSX element wrapping the `goa-menu-button` Web Component.
- *
- * @example
- * ```tsx
- * <GoabMenuButton
- *   text="Example Button"
- *   type="secondary"
- *   onAction={(action) => console.log(`Action: ${action}`)}
- * >
- *   <GoabMenuAction text="Option 1" action="option1" />
- *   <GoabMenuAction text="Option 2" action="option2" />
- *   <GoabMenuAction text="Option 3" action="option3" />
- * </GoabMenuButton>
- * ```
- */
 export declare function GoabMenuButton({ type, testId, onAction, children, ...rest }: GoabMenuButtonProps): JSX.Element;
 export default GoabMenuButton;

package/lib/modal/modal.d.ts

@@ -1,5 +1,28 @@
 import { GoabModalCalloutVariant, GoabModalRole, GoabModalTransition } from '@abgov/ui-components-common';
-import { ReactElement, ReactNode, JSX } from 'react';
+import { ReactElement, ReactNode, RefObject, JSX } from 'react';
+interface WCProps {
+    ref: RefObject<HTMLElement | null>;
+    heading?: ReactNode;
+    open?: string;
+    maxwidth?: string;
+    closable: string;
+    /**
+     * @deprecated The role property is deprecated and will be removed in a future version.
+     * The modal will always use role="dialog".
+     */
+    role?: GoabModalRole;
+    transition?: GoabModalTransition;
+    calloutvariant?: GoabModalCalloutVariant;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-modal": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabModalProps {
     heading?: ReactNode;
     maxWidth?: string;

package/lib/notification/notification.d.ts

@@ -1,11 +1,30 @@
-import { GoabAriaLiveType, GoabNotificationType } from '@abgov/ui-components-common';
+import { GoabAriaLiveType, GoabNotificationEmphasis, GoabNotificationType } from '@abgov/ui-components-common';
+interface WCProps {
+    ref: React.RefObject<HTMLElement | null>;
+    type: GoabNotificationType;
+    maxcontentwidth?: string;
+    arialive?: GoabAriaLiveType;
+    testid?: string;
+    emphasis?: GoabNotificationEmphasis;
+    compact?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-notification": WCProps & React.HTMLAttributes<HTMLButtonElement>;
+        }
+    }
+}
 export interface GoabNotificationProps {
     type?: GoabNotificationType;
     ariaLive?: GoabAriaLiveType;
     maxContentWidth?: string;
+    emphasis?: GoabNotificationEmphasis;
+    compact?: boolean;
     children?: React.ReactNode;
     onDismiss?: () => void;
     testId?: string;
 }
-export declare const GoabNotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: GoabNotificationProps) => import("react/jsx-runtime").JSX.Element;
+export declare const GoabNotification: ({ type, emphasis, compact, ariaLive, maxContentWidth, children, testId, onDismiss, }: GoabNotificationProps) => import("react/jsx-runtime").JSX.Element;
 export default GoabNotification;

package/lib/pagination/pagination.d.ts

@@ -1,4 +1,20 @@
 import { GoabPaginationOnChangeDetail, Margins } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    ref?: React.RefObject<HTMLElement | null>;
+    itemcount: number;
+    perpagecount?: number;
+    pagenumber: number;
+    variant?: "all" | "links-only";
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-pagination": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabPaginationProps extends Margins {
     itemCount: number;
     perPageCount?: number;

package/lib/push-drawer/push-drawer.d.ts

@@ -1,9 +1,10 @@
-import { ReactNode } from 'react';
+import { ReactNode, JSX } from 'react';
 interface WCProps {
     open?: boolean;
-    testid?: string;
     heading?: string;
     width?: string;
+    testid?: string;
+    version?: string;
     ref: React.RefObject<HTMLElement | null>;
 }
 declare module "react" {
@@ -14,13 +15,13 @@ declare module "react" {
     }
 }
 export interface GoabPushDrawerProps {
-    testid?: string;
     open?: boolean;
-    heading?: string;
+    heading?: string | ReactNode;
     width?: string;
-    actions?: ReactNode | undefined;
+    testId?: string;
+    actions?: ReactNode;
     children: ReactNode;
     onClose: () => void;
 }
-export declare function GoabPushDrawer({ testid, open, heading, width, actions, children, onClose, }: GoabPushDrawerProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabPushDrawer({ open, heading, width, testId, actions, children, onClose, }: GoabPushDrawerProps): JSX.Element;
 export default GoabPushDrawer;

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

@@ -1,17 +1,39 @@
 import { JSX } from 'react';
-import { GoabRadioGroupOnChangeDetail, GoabRadioGroupOrientation, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { GoabRadioGroupOnChangeDetail, GoabRadioGroupOrientation, GoabRadioGroupSize, Margins, DataAttributes } from '@abgov/ui-components-common';
 export * from './radio';
+interface WCProps extends Margins {
+    name: string;
+    value?: string;
+    id?: string;
+    orientation?: GoabRadioGroupOrientation;
+    disabled?: string;
+    error?: string;
+    arialabel?: string;
+    testid?: string;
+    size?: GoabRadioGroupSize;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-radio-group": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.RefObject<HTMLElement | null>;
+            };
+        }
+    }
+}
 export interface GoabRadioGroupProps extends Margins, DataAttributes {
     name: string;
     value?: string;
     id?: string;
     disabled?: boolean;
     orientation?: GoabRadioGroupOrientation;
+    size?: GoabRadioGroupSize;
     testId?: string;
     error?: boolean;
     ariaLabel?: string;
     children?: React.ReactNode;
     onChange?: (detail: GoabRadioGroupOnChangeDetail) => void;
 }
-export declare function GoabRadioGroup({ disabled, error, onChange, name, children, ...rest }: GoabRadioGroupProps): JSX.Element;
+export declare function GoabRadioGroup({ disabled, error, onChange, name, children, size, ...rest }: GoabRadioGroupProps): JSX.Element;
 export default GoabRadioGroup;

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

@@ -1,5 +1,27 @@
 import { Margins } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+interface WCProps extends Margins {
+    name?: string;
+    value?: string;
+    description?: string | React.ReactNode;
+    reveal?: React.ReactNode;
+    revealarialabel?: string;
+    label?: string;
+    maxwidth?: string;
+    disabled?: string;
+    checked?: string;
+    error?: string;
+    arialabel?: string;
+    compact?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-radio-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabRadioItemProps extends Margins {
     value?: string;
     label?: string;
@@ -11,8 +33,9 @@ export interface GoabRadioItemProps extends Margins {
     disabled?: boolean;
     checked?: boolean;
     error?: boolean;
+    compact?: boolean;
     children?: React.ReactNode;
     ariaLabel?: string;
 }
-export declare function GoabRadioItem({ name, label, value, description, reveal, revealAriaLabel, maxWidth, disabled, checked, error, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
+export declare function GoabRadioItem({ name, label, value, description, reveal, revealAriaLabel, maxWidth, disabled, checked, error, compact, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
 export default GoabRadioItem;

package/lib/side-menu/side-menu.d.ts

@@ -1,7 +1,18 @@
 import { ReactNode, JSX } from 'react';
+interface WCProps {
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabSideMenuProps {
     testId?: string;
     children: ReactNode;
 }
-export declare function GoabSideMenu(props: GoabSideMenuProps): JSX.Element;
+export declare function GoabSideMenu({ testId, children }: GoabSideMenuProps): JSX.Element;
 export default GoabSideMenu;

package/lib/side-menu-group/side-menu-group.d.ts

@@ -1,10 +1,23 @@
 import { ReactNode, JSX } from 'react';
 import { GoabIconType, Margins } from '@abgov/ui-components-common';
+interface WCProps extends Margins {
+    heading: string;
+    icon?: GoabIconType;
+    testid?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu-group": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabSideMenuGroupProps extends Margins {
     heading: string;
     icon?: GoabIconType;
     testId?: string;
     children?: ReactNode;
 }
-export declare function GoabSideMenuGroup(props: GoabSideMenuGroupProps): JSX.Element;
+export declare function GoabSideMenuGroup({ heading, icon, testId, children, mt, mr, mb, ml, }: GoabSideMenuGroupProps): JSX.Element;
 export default GoabSideMenuGroup;

package/lib/side-menu-heading/side-menu-heading.d.ts

@@ -1,10 +1,22 @@
 import { GoabIconType } from '@abgov/ui-components-common';
 import { ReactNode } from 'react';
+interface WCProps {
+    testid?: string;
+    icon?: GoabIconType;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-side-menu-heading": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabSideMenuHeadingProps {
     meta?: ReactNode;
     testId?: string;
     icon?: GoabIconType;
     children?: ReactNode;
 }
-export declare function GoabSideMenuHeading(props: GoabSideMenuHeadingProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabSideMenuHeading({ meta, testId, icon, children }: GoabSideMenuHeadingProps): import("react/jsx-runtime").JSX.Element;
 export default GoabSideMenuHeading;

package/lib/table/table-sort-header.d.ts

@@ -1,9 +1,22 @@
-import { DataAttributes, GoabTableSortDirection } from '@abgov/ui-components-common';
+import { DataAttributes, GoabTableSortDirection, GoabTableSortOrder } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+interface WCProps {
+    name?: string;
+    direction?: GoabTableSortDirection;
+    "sort-order"?: GoabTableSortOrder;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-table-sort-header": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabTableSortProps extends DataAttributes {
     name?: string;
     direction?: GoabTableSortDirection;
+    sortOrder?: GoabTableSortOrder;
     children?: React.ReactNode;
 }
-export declare function GoabTableSortHeader({ children, ...rest }: GoabTableSortProps): JSX.Element;
+export declare function GoabTableSortHeader({ name, direction, sortOrder, children, ...rest }: GoabTableSortProps): JSX.Element;
 export default GoabTableSortHeader;

package/lib/table/table.d.ts

@@ -1,12 +1,32 @@
-import { GoabTableOnSortDetail, GoabTableVariant, Margins } from '@abgov/ui-components-common';
+import { GoabTableOnSortDetail, GoabTableOnMultiSortDetail, GoabTableSortMode, GoabTableVariant, Margins } from '@abgov/ui-components-common';
 import { ReactNode } from 'react';
+interface WCProps extends Margins {
+    ref?: React.RefObject<HTMLElement | null>;
+    width?: string;
+    stickyheader?: string;
+    variant?: GoabTableVariant;
+    "sort-mode"?: GoabTableSortMode;
+    testid?: string;
+    striped?: string;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-table": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabTableProps extends Margins {
     width?: string;
     onSort?: (detail: GoabTableOnSortDetail) => void;
+    onMultiSort?: (detail: GoabTableOnMultiSortDetail) => void;
+    sortMode?: GoabTableSortMode;
     variant?: GoabTableVariant;
+    striped?: boolean;
     testId?: string;
     children?: ReactNode;
 }
 export type TableProps = GoabTableProps;
-export declare function GoabTable({ onSort, ...props }: GoabTableProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabTable({ onSort, onMultiSort, sortMode, ...props }: GoabTableProps): import("react/jsx-runtime").JSX.Element;
 export default GoabTable;

package/lib/tabs/tabs.d.ts

@@ -1,11 +1,31 @@
 import { default as React, JSX } from 'react';
-import { GoabTabsOnChangeDetail, GoabTabsVariant } from '@abgov/ui-components-common';
+import { GoabTabsOnChangeDetail, GoabTabsOrientation, GoabTabsVariant, GoabTabsNavigation } from '@abgov/ui-components-common';
+interface WCProps {
+    initialtab?: number;
+    ref: React.RefObject<HTMLElement | null>;
+    onChange?: (tab: number) => void;
+    testid?: string;
+    variant?: GoabTabsVariant;
+    navigation?: GoabTabsNavigation;
+    version?: string;
+    orientation?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-tabs": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
 export interface GoabTabsProps {
     initialTab?: number;
     children?: React.ReactNode;
     testId?: string;
     variant?: GoabTabsVariant;
+    /** Tab layout orientation. "auto" stacks vertically on mobile (default), "horizontal" keeps horizontal on all screen sizes. */
+    orientation?: GoabTabsOrientation;
+    navigation?: GoabTabsNavigation;
     onChange?: (detail: GoabTabsOnChangeDetail) => void;
 }
-export declare function GoabTabs({ initialTab, children, testId, variant, onChange, }: GoabTabsProps): JSX.Element;
+export declare function GoabTabs({ initialTab, children, testId, onChange, variant, orientation, navigation, }: GoabTabsProps): JSX.Element;
 export default GoabTabs;

package/lib/textarea/textarea.d.ts

@@ -1,5 +1,32 @@
-import { GoabTextAreaCountBy, GoabTextAreaOnChangeDetail, GoabTextAreaOnKeyPressDetail, GoabTextAreaOnBlurDetail, Margins, DataAttributes } from '@abgov/ui-components-common';
+import { GoabTextAreaCountBy, GoabTextAreaOnChangeDetail, GoabTextAreaOnKeyPressDetail, GoabTextAreaOnBlurDetail, GoabTextAreaSize, Margins, DataAttributes } from '@abgov/ui-components-common';
 import { JSX } from 'react';
+interface WCProps extends Margins {
+    name: string;
+    value?: string;
+    placeholder?: string;
+    rows?: number;
+    error?: string;
+    readOnly?: string;
+    disabled?: string;
+    width?: string;
+    maxwidth?: string;
+    arialabel?: string;
+    countby?: GoabTextAreaCountBy;
+    maxcount?: number;
+    autocomplete?: string;
+    testid?: string;
+    size?: GoabTextAreaSize;
+    version?: string;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-textarea": WCProps & React.HTMLAttributes<HTMLElement> & {
+                ref: React.Ref<HTMLTextAreaElement>;
+            };
+        }
+    }
+}
 export interface GoabTextAreaProps extends Margins, DataAttributes {
     name: string;
     value?: string;
@@ -16,6 +43,7 @@ export interface GoabTextAreaProps extends Margins, DataAttributes {
     countBy?: GoabTextAreaCountBy;
     maxCount?: number;
     autoComplete?: string;
+    size?: GoabTextAreaSize;
     onChange?: (event: GoabTextAreaOnChangeDetail) => void;
     onKeyPress?: (event: GoabTextAreaOnKeyPressDetail) => void;
     onBlur?: (event: GoabTextAreaOnBlurDetail) => void;

package/{experimental → lib}/work-side-menu/work-side-menu.d.ts

@@ -29,6 +29,7 @@ export interface GoabWorkSideMenuProps {
     accountContent?: ReactNode;
     open?: boolean;
     onToggle?: () => void;
+    onNavigate?: (path: string) => void;
 }
-export declare function GoabxWorkSideMenu({ heading, url, userName, userSecondaryText, testId, primaryContent, secondaryContent, accountContent, open, onToggle, }: GoabWorkSideMenuProps): JSX.Element;
-export default GoabxWorkSideMenu;
+export declare function GoabWorkSideMenu({ heading, url, userName, userSecondaryText, testId, primaryContent, secondaryContent, accountContent, open, onToggle, onNavigate, }: GoabWorkSideMenuProps): JSX.Element;
+export default GoabWorkSideMenu;

package/{experimental → lib}/work-side-menu-group/work-side-menu-group.d.ts

@@ -2,8 +2,9 @@ import { JSX } from 'react';
 import { GoabIconType } from '@abgov/ui-components-common';
 interface WCProps {
     heading: string;
-    icon: GoabIconType;
+    icon?: GoabIconType;
     testid?: string;
+    open?: boolean;
 }
 declare module "react" {
     namespace JSX {
@@ -14,9 +15,10 @@ declare module "react" {
 }
 export interface GoabWorkSideMenuGroupProps {
     heading: string;
-    icon: GoabIconType;
+    icon?: GoabIconType;
+    open?: boolean;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare function GoabxWorkSideMenuGroup(props: GoabWorkSideMenuGroupProps): JSX.Element;
-export default GoabxWorkSideMenuGroup;
+export declare function GoabWorkSideMenuGroup(props: GoabWorkSideMenuGroupProps): JSX.Element;
+export default GoabWorkSideMenuGroup;

package/{experimental → lib}/work-side-menu-item/work-side-menu-item.d.ts

@@ -2,7 +2,7 @@ import { JSX } from 'react';
 import { GoabWorkSideMenuItemType } from '@abgov/ui-components-common';
 interface WCProps {
     label: string;
-    url: string;
+    url?: string;
     badge?: string;
     current?: string;
     divider?: string;
@@ -19,7 +19,7 @@ declare module "react" {
 }
 export interface GoabWorkSideMenuItemProps {
     label: string;
-    url: string;
+    url?: string;
     badge?: string;
     current?: boolean;
     divider?: boolean;
@@ -27,6 +27,7 @@ export interface GoabWorkSideMenuItemProps {
     testId?: string;
     type?: GoabWorkSideMenuItemType;
     children?: React.ReactNode;
+    popoverContent?: React.ReactNode;
 }
-export declare function GoabxWorkSideMenuItem(props: GoabWorkSideMenuItemProps): JSX.Element;
-export default GoabxWorkSideMenuItem;
+export declare function GoabWorkSideMenuItem(props: GoabWorkSideMenuItemProps): JSX.Element;
+export default GoabWorkSideMenuItem;

package/lib/work-side-notification-item/work-side-notification-item.d.ts

@@ -0,0 +1,31 @@
+import { JSX } from 'react';
+import { GoabWorkSideNotificationItemType, GoabWorkSideNotificationReadStatus, GoabWorkSideNotificationPriority } from '@abgov/ui-components-common';
+interface WCProps {
+    type?: GoabWorkSideNotificationItemType;
+    timestamp?: string;
+    title?: string;
+    description: string;
+    "read-status"?: GoabWorkSideNotificationReadStatus;
+    priority?: GoabWorkSideNotificationPriority;
+    testid?: string;
+    ref: React.RefObject<HTMLElement | null>;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-work-side-notification-item": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabWorkSideNotificationItemProps {
+    type?: GoabWorkSideNotificationItemType;
+    timestamp?: string;
+    title?: string;
+    description: string;
+    readStatus?: GoabWorkSideNotificationReadStatus;
+    priority?: GoabWorkSideNotificationPriority;
+    testId?: string;
+    onClick?: () => void;
+}
+export declare function GoabWorkSideNotificationItem({ type, timestamp, title, description, readStatus, priority, testId, onClick, }: GoabWorkSideNotificationItemProps): JSX.Element;
+export default GoabWorkSideNotificationItem;

package/lib/work-side-notification-panel/work-side-notification-panel.d.ts

@@ -0,0 +1,25 @@
+import { ReactNode, JSX } from 'react';
+import { GoabWorkSideNotificationActiveTabType } from '@abgov/ui-components-common';
+interface WCProps {
+    heading?: string;
+    "active-tab"?: GoabWorkSideNotificationActiveTabType;
+    testid?: string;
+    ref: React.RefObject<HTMLElement | null>;
+}
+declare module "react" {
+    namespace JSX {
+        interface IntrinsicElements {
+            "goa-work-side-notification-panel": WCProps & React.HTMLAttributes<HTMLElement>;
+        }
+    }
+}
+export interface GoabWorkSideNotificationPanelProps {
+    heading?: string;
+    activeTab?: GoabWorkSideNotificationActiveTabType;
+    testId?: string;
+    children?: ReactNode;
+    onMarkAllRead?: () => void;
+    onViewAll?: () => void;
+}
+export declare function GoabWorkSideNotificationPanel({ heading, activeTab, testId, children, onMarkAllRead, onViewAll, }: GoabWorkSideNotificationPanelProps): JSX.Element;
+export default GoabWorkSideNotificationPanel;