@abgov/react-components 5.4.1 → 6.0.0-alpha.2

package/lib/input/input.d.ts

@@ -1,15 +1,12 @@
-import { GoAIconType } from "../..";
-import { Margins } from "../../common/styling";
-export type GoADate = Date | string;
-export type GoAInputType = "text" | "password" | "email" | "number" | "date" | "datetime-local" | "month" | "range" | "search" | "tel" | "time" | "url" | "week";
-export type GoAAutoCapitalize = "on" | "off" | "none" | "sentences" | "words" | "characters";
+import { GoabAutoCapitalize, GoabDate, GoabIconType, GoaInputOnBlurDetail, GoabInputOnChangeDetail, GoabInputOnFocusDetail, GoabInputOnKeyPressDetail, GoabInputType, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLInputElement | null>;
-    type?: GoAInputType;
+    type?: GoabInputType;
     name: string;
     value?: string;
     id?: string;
-    autocapitalize?: GoAAutoCapitalize;
+    autocapitalize?: GoabAutoCapitalize;
     debounce?: number;
     placeholder?: string;
     leadingicon?: string;
@@ -42,10 +39,10 @@ interface BaseProps extends Margins {
     id?: string;
     debounce?: number;
     disabled?: boolean;
-    autoCapitalize?: GoAAutoCapitalize;
+    autoCapitalize?: GoabAutoCapitalize;
     placeholder?: string;
-    leadingIcon?: GoAIconType;
-    trailingIcon?: GoAIconType;
+    leadingIcon?: GoabIconType;
+    trailingIcon?: GoabIconType;
     onTrailingIconClick?: () => void;
     variant?: "goa" | "bare";
     focused?: boolean;
@@ -60,12 +57,12 @@ interface BaseProps extends Margins {
     trailingContent?: React.ReactNode;
     maxLength?: number;
 }
-type OnChange<T = string> = (name: string, value: T) => void;
-type OnFocus<T = string> = (name: string, value: T) => void;
-type OnBlur<T = string> = (name: string, value: T) => void;
-type OnKeyPress<T = string> = (name: string, value: T, key: string) => void;
-export interface GoAInputProps extends BaseProps {
-    onChange?: OnChange<string>;
+type OnChange<T = string> = (detail: GoabInputOnChangeDetail<T>) => void;
+type OnFocus<T = string> = (detail: GoabInputOnFocusDetail<T>) => void;
+type OnBlur<T = string> = (detail: GoaInputOnBlurDetail<T>) => void;
+type OnKeyPress<T = string> = (detail: GoabInputOnKeyPressDetail<T>) => void;
+export interface GoabInputProps extends BaseProps {
+    onChange: OnChange<string>;
     value?: string;
     min?: number | string;
     max?: number | string;
@@ -74,8 +71,8 @@ export interface GoAInputProps extends BaseProps {
     onBlur?: OnBlur<string>;
     onKeyPress?: OnKeyPress<string>;
 }
-interface GoANumberInputProps extends BaseProps {
-    onChange?: OnChange<number>;
+interface GoabNumberInputProps extends BaseProps {
+    onChange: OnChange<number>;
     value?: number;
     min?: number;
     max?: number;
@@ -84,30 +81,30 @@ interface GoANumberInputProps extends BaseProps {
     onBlur?: OnBlur<number>;
     onKeyPress?: OnKeyPress<number>;
 }
-interface GoADateInputProps extends BaseProps {
-    onChange?: OnChange<GoADate>;
-    value?: GoADate;
-    min?: GoADate;
-    max?: GoADate;
+interface GoabDateInputProps extends BaseProps {
+    onChange: OnChange<GoabDate>;
+    value?: GoabDate;
+    min?: GoabDate;
+    max?: GoabDate;
     step?: number;
-    onFocus?: OnFocus<GoADate>;
-    onBlur?: OnBlur<GoADate>;
-    onKeyPress?: OnKeyPress<GoADate>;
+    onFocus?: OnFocus<GoabDate>;
+    onBlur?: OnBlur<GoabDate>;
+    onKeyPress?: OnKeyPress<GoabDate>;
 }
-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, onKeyPress, }: GoAInputProps & {
-    type?: GoAInputType;
+export declare function GoabInput({ 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, onKeyPress, }: GoabInputProps & {
+    type?: GoabInputType;
 }): 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;
+export declare function GoabInputText(props: GoabInputProps): JSX.Element;
+export declare function GoabInputPassword(props: GoabInputProps): JSX.Element;
+export declare function GoabInputDate({ value, min, max, ...props }: GoabDateInputProps): JSX.Element;
+export declare function GoabInputTime({ value, min, max, ...props }: GoabInputProps): JSX.Element;
+export declare function GoabInputDateTime({ value, min, max, ...props }: GoabDateInputProps): JSX.Element;
+export declare function GoabInputEmail(props: GoabInputProps): JSX.Element;
+export declare function GoabInputSearch(props: GoabInputProps): JSX.Element;
+export declare function GoabInputUrl(props: GoabInputProps): JSX.Element;
+export declare function GoabInputTel(props: GoabInputProps): JSX.Element;
+export declare function GoabInputFile(props: GoabInputProps): JSX.Element;
+export declare function GoabInputMonth(props: GoabInputProps): JSX.Element;
+export declare function GoabInputNumber({ min, max, value, ...props }: GoabNumberInputProps): JSX.Element;
+export declare function GoabInputRange(props: GoabInputProps): JSX.Element;
+export default GoabInput;

package/lib/link/link.d.ts

@@ -1,9 +1,9 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
+import { GoabIconType, Margins } from '@abgov/ui-components-common';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
-    leadingicon?: GoAIconType;
-    trailingicon?: GoAIconType;
+    leadingicon?: GoabIconType;
+    trailingicon?: GoabIconType;
 }
 declare global {
     namespace JSX {
@@ -13,8 +13,8 @@ declare global {
     }
 }
 interface GoALinkProps extends Margins {
-    leadingIcon?: GoAIconType;
-    trailingIcon?: GoAIconType;
+    leadingIcon?: GoabIconType;
+    trailingIcon?: GoabIconType;
     children: ReactNode;
 }
 export declare function GoALink(props: GoALinkProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,11 +1,10 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
-export type GoALinkButtonType = "start" | "primary" | "secondary" | "tertiary";
+import { GoabIconType, GoabLinkButtonType, Margins } from '@abgov/ui-components-common';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
-    type?: GoALinkButtonType;
-    leadingicon?: GoAIconType;
-    trailingicon?: GoAIconType;
+    type?: GoabLinkButtonType;
+    leadingicon?: GoabIconType;
+    trailingicon?: GoabIconType;
 }
 declare global {
     namespace JSX {
@@ -15,9 +14,9 @@ declare global {
     }
 }
 interface GoALinkButtonProps extends Margins {
-    type?: GoALinkButtonType;
-    leadingIcon?: GoAIconType;
-    trailingIcon?: GoAIconType;
+    type?: GoabLinkButtonType;
+    leadingIcon?: GoabIconType;
+    trailingIcon?: GoabIconType;
     children: ReactNode;
 }
 export declare function GoALinkButton({ type, ...props }: GoALinkButtonProps): import("react/jsx-runtime").JSX.Element;

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

@@ -1,3 +1,5 @@
+import { GoabLinkTarget, GoabServiceLevel } from '@abgov/ui-components-common';
+
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -5,30 +7,26 @@ declare global {
         }
     }
 }
-export type GoAServiceLevel = "alpha" | "beta" | "live";
-export type GoALinkTarget = "self" | "blank";
-export type ServiceLevel = GoAServiceLevel;
 interface WCProps {
-    type: GoAServiceLevel;
+    type: GoabServiceLevel;
     version?: string;
     feedbackurl?: string;
     maxcontentwidth?: string;
-    feedbackurltarget?: GoALinkTarget;
-    headerurltarget?: GoALinkTarget;
+    feedbackurltarget?: GoabLinkTarget;
+    headerurltarget?: GoabLinkTarget;
     hasfeedbackhandler?: boolean;
     ref: React.RefObject<HTMLElement>;
     testid?: string;
 }
-export interface GoAHeaderProps {
-    type: GoAServiceLevel;
-    version?: React.ReactNode;
+export interface GoabHeaderProps {
+    type: GoabServiceLevel;
+    version?: string | React.ReactNode;
     feedbackUrl?: string;
     testId?: string;
     maxContentWidth?: string;
-    feedbackUrlTarget?: GoALinkTarget;
-    headerUrlTarget?: GoALinkTarget;
+    feedbackUrlTarget?: GoabLinkTarget;
+    headerUrlTarget?: GoabLinkTarget;
     onFeedbackClick?: () => void;
 }
-export type HeaderProps = GoAHeaderProps;
-export declare function GoAMicrositeHeader({ type, version, feedbackUrl, maxContentWidth, feedbackUrlTarget, headerUrlTarget, testId, onFeedbackClick, }: GoAHeaderProps): JSX.Element;
-export default GoAMicrositeHeader;
+export declare function GoabMicrositeHeader({ type, version, feedbackUrl, maxContentWidth, feedbackUrlTarget, headerUrlTarget, testId, onFeedbackClick, }: GoabHeaderProps): JSX.Element;
+export default GoabMicrositeHeader;

package/lib/modal/modal.d.ts

@@ -1,18 +1,15 @@
-import { ReactElement, ReactNode, RefObject } from "react";
-export type GoAModalTransition = "fast" | "slow" | "none";
-export type GoAModalCalloutVariant = "information" | "important" | "emergency" | "success" | "event";
-export type GoAModalRole = "dialog" | "alertdialog";
-export type ModalTransition = GoAModalTransition;
-export type CalloutVariant = GoAModalCalloutVariant;
+import { ReactElement, ReactNode, RefObject } from 'react';
+import { GoabModalCalloutVariant, GoabModalRole, GoabModalTransition } from '@abgov/ui-components-common';
+
 interface WCProps {
     ref: RefObject<HTMLElement>;
     heading?: ReactNode;
     open?: boolean;
     maxwidth?: string;
     closable?: boolean;
-    transition?: GoAModalTransition;
-    calloutvariant?: GoAModalCalloutVariant;
-    role?: GoAModalRole;
+    role?: GoabModalRole;
+    transition?: GoabModalTransition;
+    calloutvariant?: GoabModalCalloutVariant;
     testid?: string;
 }
 declare global {
@@ -22,19 +19,17 @@ declare global {
         }
     }
 }
-export interface GoAModalProps {
+export interface GoabModalProps {
     heading?: ReactNode;
     maxWidth?: string;
     actions?: ReactElement;
     onClose?: () => void;
-    transition?: GoAModalTransition;
+    transition?: GoabModalTransition;
     children?: ReactNode;
     open?: boolean;
-    calloutVariant?: GoAModalCalloutVariant;
+    calloutVariant?: GoabModalCalloutVariant;
     testId?: string;
-    role?: GoAModalRole;
-    width?: string;
-    type?: string;
+    role?: GoabModalRole;
 }
-export declare function GoAModal({ heading, children, maxWidth, open, actions, transition, type, calloutVariant, onClose, testId, role, width, }: GoAModalProps): JSX.Element;
-export default GoAModal;
+export declare function GoabModal({ heading, children, maxWidth, open, actions, transition, calloutVariant, onClose, testId, role, }: GoabModalProps): JSX.Element;
+export default GoabModal;

package/lib/notification/notification.d.ts

@@ -1,12 +1,10 @@
-export type GoANotificationType = "important" | "information" | "event" | "emergency";
-export type GoAAriaLiveType = "polite" | "assertive" | "off";
-export type NotificationType = GoANotificationType;
-export type AriaLiveType = GoAAriaLiveType;
+import { GoabAriaLiveType, GoabNotificationType } from '@abgov/ui-components-common';
+
 interface WCProps {
     ref: React.RefObject<HTMLElement>;
-    type: GoANotificationType;
+    type: GoabNotificationType;
     maxcontentwidth?: string;
-    arialive?: GoAAriaLiveType;
+    arialive?: GoabAriaLiveType;
     testid?: string;
 }
 declare global {
@@ -16,13 +14,13 @@ declare global {
         }
     }
 }
-export interface GoANotificationProps {
-    type?: GoANotificationType;
-    ariaLive?: GoAAriaLiveType;
+export interface GoabNotificationProps {
+    type?: GoabNotificationType;
+    ariaLive?: GoabAriaLiveType;
     maxContentWidth?: string;
     children?: React.ReactNode;
     onDismiss?: () => void;
     testId?: string;
 }
-export declare const GoANotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: GoANotificationProps) => import("react/jsx-runtime").JSX.Element;
-export default GoANotification;
+export declare const GoabNotification: ({ type, ariaLive, maxContentWidth, children, testId, onDismiss, }: GoabNotificationProps) => import("react/jsx-runtime").JSX.Element;
+export default GoabNotification;

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

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

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

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface WCProps {
     width: "full" | string;
     testid?: string;
@@ -10,11 +11,11 @@ declare global {
         }
     }
 }
-export interface GoAPageBlockProps {
+export interface GoabPageBlockProps {
     width: "full" | string;
     testId?: string;
     children?: ReactNode;
 }
-export type PageBlockProps = GoAPageBlockProps;
-export declare function GoAPageBlock(props: PageBlockProps): JSX.Element;
+export type PageBlockProps = GoabPageBlockProps;
+export declare function GoabPageBlock(props: PageBlockProps): JSX.Element;
 export {};

package/lib/pages/pages.d.ts

@@ -1,5 +1,6 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
+import { ReactNode } from 'react';
+import { Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     current?: number;
 }
@@ -10,9 +11,9 @@ declare global {
         }
     }
 }
-export interface GoAPagesProps extends Margins {
+export interface GoabPagesProps extends Margins {
     current?: number;
     children?: ReactNode;
 }
-export declare function GoAPages(props: GoAPagesProps): JSX.Element;
-export default GoAPages;
+export declare function GoabPages(props: GoabPagesProps): JSX.Element;
+export default GoabPages;

package/lib/pagination/pagination.d.ts

@@ -1,4 +1,5 @@
-import { Margins } from "../../common/styling";
+import { GoabPaginationOnChangeDetail, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     ref?: React.MutableRefObject<HTMLElement | undefined>;
     itemcount: number;
@@ -14,14 +15,14 @@ declare global {
         }
     }
 }
-export interface GoAPaginationProps extends Margins {
+export interface GoabPaginationProps extends Margins {
     itemCount: number;
     perPageCount?: number;
     pageNumber: number;
     variant?: "all" | "links-only";
-    onChange: (page: number) => void;
+    onChange: (detail: GoabPaginationOnChangeDetail) => void;
     testId?: string;
 }
-export type PaginationProps = GoAPaginationProps;
-export declare function GoAPagination({ onChange, ...props }: GoAPaginationProps): import("react/jsx-runtime").JSX.Element;
-export default GoAPagination;
+export type PaginationProps = GoabPaginationProps;
+export declare function GoabPagination({ onChange, ...props }: GoabPaginationProps): import("react/jsx-runtime").JSX.Element;
+export default GoabPagination;

package/lib/popover/popover.d.ts

@@ -1,11 +1,11 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export type GoAPosition = "above" | "below" | "auto";
+import { ReactNode } from 'react';
+import { GoabPopoverPosition, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     maxwidth?: string;
     minwidth?: string;
     padded?: boolean;
-    position?: GoAPosition;
+    position?: GoabPopoverPosition;
     relative?: boolean;
     testid?: string;
 }
@@ -16,15 +16,15 @@ declare global {
         }
     }
 }
-export interface GoAPopoverProps extends Margins {
+export interface GoabPopoverProps extends Margins {
     target?: ReactNode;
     testId?: string;
     maxWidth?: string;
     minWidth?: string;
     padded?: boolean;
-    position?: GoAPosition;
+    position?: GoabPopoverPosition;
     children: ReactNode;
     relative?: boolean;
 }
-export declare function GoAPopover({ target, testId, maxWidth, minWidth, padded, position, relative, children, mt, mr, mb, ml, }: GoAPopoverProps): JSX.Element;
-export default GoAPopover;
+export declare function GoabPopover({ target, testId, maxWidth, minWidth, padded, position, relative, children, mt, mr, mb, ml, }: GoabPopoverProps): JSX.Element;
+export default GoabPopover;

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

@@ -1,11 +1,11 @@
-import { Margins } from "../../common/styling";
-export * from "./radio";
-export type GoARadioGroupOrientation = "horizontal" | "vertical";
+import { GoabRadioGroupOnChangeDetail, GoabRadioGroupOrientation, Margins } from '@abgov/ui-components-common';
+
+export * from './radio';
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     name: string;
     value?: string;
-    orientation?: GoARadioGroupOrientation;
+    orientation?: GoabRadioGroupOrientation;
     disabled?: boolean;
     error?: boolean;
     arialabel?: string;
@@ -18,16 +18,16 @@ declare global {
         }
     }
 }
-export interface GoARadioGroupProps extends Margins {
+export interface GoabRadioGroupProps extends Margins {
     name: string;
     value?: string;
     disabled?: boolean;
-    orientation?: GoARadioGroupOrientation;
+    orientation?: GoabRadioGroupOrientation;
     testId?: string;
     error?: boolean;
     ariaLabel?: string;
     children?: React.ReactNode;
-    onChange?: (name: string, value: string) => void;
+    onChange: (detail: GoabRadioGroupOnChangeDetail) => void;
 }
-export declare function GoARadioGroup({ name, value, children, orientation, disabled, error, testId, ariaLabel, mt, mr, mb, ml, onChange, }: GoARadioGroupProps): JSX.Element;
-export default GoARadioGroup;
+export declare function GoabRadioGroup({ name, value, children, orientation, disabled, error, testId, ariaLabel, mt, mr, mb, ml, onChange, }: GoabRadioGroupProps): JSX.Element;
+export default GoabRadioGroup;

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

@@ -1,4 +1,5 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '@abgov/ui-components-common';
+
 interface RadioItemProps extends Margins {
     name?: string;
     value?: string;
@@ -17,7 +18,7 @@ declare global {
         }
     }
 }
-export interface GoARadioItemProps extends Margins {
+export interface GoabRadioItemProps extends Margins {
     value?: string;
     label?: string;
     name?: string;
@@ -30,5 +31,5 @@ export interface GoARadioItemProps extends Margins {
     testId?: string;
     ariaLabel?: string;
 }
-export declare function GoARadioItem({ name, label, value, description, maxWidth, disabled, checked, error, testId, ariaLabel, children, mt, mr, mb, ml, }: GoARadioItemProps): JSX.Element;
-export default GoARadioItem;
+export declare function GoabRadioItem({ name, label, value, description, maxWidth, disabled, checked, error, testId, ariaLabel, children, mt, mr, mb, ml, }: GoabRadioItemProps): JSX.Element;
+export default GoabRadioItem;

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

@@ -1,4 +1,5 @@
-import { ReactNode } from "react";
+import { ReactNode } from 'react';
+
 interface WCProps {
     testid?: string;
 }
@@ -9,10 +10,9 @@ declare global {
         }
     }
 }
-export interface GoASideMenuProps {
+export interface GoabSideMenuProps {
     testId?: string;
     children: ReactNode;
 }
-export type SideMenuProps = GoASideMenuProps;
-export declare function GoASideMenu(props: GoASideMenuProps): JSX.Element;
-export default GoASideMenu;
+export declare function GoabSideMenu(props: GoabSideMenuProps): JSX.Element;
+export default GoabSideMenu;

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

@@ -1,9 +1,9 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
-import { Margins } from "../../common/styling";
+import { GoabIconType, Margins } from '@abgov/ui-components-common';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
     heading: string;
-    icon?: GoAIconType;
+    icon?: GoabIconType;
     testid?: string;
 }
 declare global {
@@ -13,11 +13,11 @@ declare global {
         }
     }
 }
-export interface GoASideMenuGroupProps extends Margins {
+export interface GoabSideMenuGroupProps extends Margins {
     heading: string;
-    icon?: GoAIconType;
+    icon?: GoabIconType;
     testId?: string;
     children?: ReactNode;
 }
-export declare function GoASideMenuGroup(props: GoASideMenuGroupProps): JSX.Element;
-export default GoASideMenuGroup;
+export declare function GoabSideMenuGroup(props: GoabSideMenuGroupProps): JSX.Element;
+export default GoabSideMenuGroup;

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

@@ -1,8 +1,9 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
+import { ReactNode } from 'react';
+import { GoabIconType } from '@abgov/ui-components-common';
+
 interface WCProps {
-    icon?: GoAIconType;
     testid?: string;
+    icon?: GoabIconType;
 }
 declare global {
     namespace JSX {
@@ -11,11 +12,11 @@ declare global {
         }
     }
 }
-export interface GoASideMenuHeadingProps {
+export interface GoabSideMenuHeadingProps {
     meta?: ReactNode;
-    icon?: GoAIconType;
     testId?: string;
+    icon?: GoabIconType;
     children?: ReactNode;
 }
-export declare function GoASideMenuHeading(props: GoASideMenuHeadingProps): import("react/jsx-runtime").JSX.Element;
-export default GoASideMenuHeading;
+export declare function GoabSideMenuHeading(props: GoabSideMenuHeadingProps): import("react/jsx-runtime").JSX.Element;
+export default GoabSideMenuHeading;

package/lib/skeleton/skeleton.d.ts

@@ -1,12 +1,10 @@
-import { Margins } from "../../common/styling";
-export type GoASkeletonType = "image" | "text" | "title" | "text-small" | "avatar" | "header" | "paragraph" | "thumbnail" | "card" | "profile" | "article";
-export type GoASkeletonSize = 1 | 2 | 3 | 4;
-export type SkeletonType = GoASkeletonType;
+import { GoabSkeletonSize, GoabSkeletonType, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     maxwidth?: string;
-    size?: GoASkeletonSize;
+    size?: GoabSkeletonSize;
     linecount?: number;
-    type: GoASkeletonType;
+    type: GoabSkeletonType;
     testid?: string;
 }
 declare global {
@@ -16,13 +14,13 @@ declare global {
         }
     }
 }
-export interface GoASkeletonProps extends Margins {
+export interface GoabSkeletonProps extends Margins {
     maxWidth?: string;
-    size?: GoASkeletonSize;
+    size?: GoabSkeletonSize;
     lineCount?: number;
-    type: GoASkeletonType;
+    type: GoabSkeletonType;
     testId?: string;
 }
-export type SkeletonProps = GoASkeletonProps;
-export declare const GoASkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: GoASkeletonProps) => import("react/jsx-runtime").JSX.Element;
-export default GoASkeleton;
+export type SkeletonProps = GoabSkeletonProps;
+export declare const GoabSkeleton: ({ maxWidth, size, lineCount, type, testId, mt, mr, mb, ml, }: GoabSkeletonProps) => import("react/jsx-runtime").JSX.Element;
+export default GoabSkeleton;