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

package/lib/accordion/accordion.d.ts

@@ -1,17 +1,16 @@
-import React, { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export type GoAHeadingSize = "small" | "medium";
-export type GoAIconPosition = "left" | "right";
+import { GoabAccordionHeadingSize, GoabAccordionIconPosition, Margins } from '@abgov/ui-components-common';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     open?: boolean;
-    headingSize?: GoAHeadingSize;
+    headingsize?: GoabAccordionHeadingSize;
     heading: string;
-    secondaryText?: string;
+    secondarytext?: string;
     headingContent?: ReactNode;
     maxwidth?: string;
     testid?: string;
-    iconposition?: GoAIconPosition;
+    iconposition?: GoabAccordionIconPosition;
 }
 declare global {
     namespace JSX {
@@ -20,17 +19,17 @@ declare global {
         }
     }
 }
-export interface GoAAccordionProps extends Margins {
+export interface GoabAccordionProps extends Margins {
     open?: boolean;
-    headingSize?: GoAHeadingSize;
+    headingSize?: GoabAccordionHeadingSize;
     secondaryText?: string;
     heading: string;
     headingContent?: ReactNode;
     maxWidth?: string;
     testid?: string;
-    iconPosition?: GoAIconPosition;
+    iconPosition?: GoabAccordionIconPosition;
     onChange?: (open: boolean) => void;
     children: ReactNode;
 }
-export declare function GoAAccordion({ open, heading, headingSize, secondaryText, headingContent, iconPosition, maxWidth, testid, onChange, children, mt, mr, mb, ml, }: GoAAccordionProps): JSX.Element;
-export default GoAAccordion;
+export declare function GoabAccordion({ open, heading, headingSize, secondaryText, headingContent, iconPosition, maxWidth, testid, onChange, children, mt, mr, mb, ml, }: GoabAccordionProps): JSX.Element;
+export default GoabAccordion;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface WCProps {
     heading?: string;
     url?: string;
@@ -14,7 +15,7 @@ declare global {
         }
     }
 }
-export interface GoAAppHeaderProps {
+export interface GoabAppHeaderProps {
     heading?: string;
     url?: string;
     maxContentWidth?: string;
@@ -23,5 +24,5 @@ export interface GoAAppHeaderProps {
     onMenuClick?: () => void;
     testId?: string;
 }
-export declare function GoAAppHeader({ heading, url, maxContentWidth, fullMenuBreakpoint, testId, children, onMenuClick, }: GoAAppHeaderProps): JSX.Element;
-export default GoAAppHeader;
+export declare function GoabAppHeader({ heading, url, maxContentWidth, fullMenuBreakpoint, testId, children, onMenuClick, }: GoabAppHeaderProps): JSX.Element;
+export default GoabAppHeader;

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

@@ -1,13 +1,14 @@
-import { ReactNode } from "react";
-import { GoAIconType } from "../icon/icon";
+import { GoabIconType } from '@abgov/ui-components-common';
+import { ReactNode } from 'react';
+
 interface WCProps {
     heading: string;
-    leadingicon?: GoAIconType;
+    leadingicon?: GoabIconType;
     testid?: string;
 }
-export interface GoAAppHeaderMenuProps {
+export interface GoabAppHeaderMenuProps {
     heading: string;
-    leadingIcon?: GoAIconType;
+    leadingIcon?: GoabIconType;
     testId?: string;
     children?: ReactNode;
 }
@@ -18,5 +19,5 @@ declare global {
         }
     }
 }
-export declare function GoAAppHeaderMenu(props: GoAAppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
-export default GoAAppHeaderMenu;
+export declare function GoabAppHeaderMenu(props: GoabAppHeaderMenuProps): import("react/jsx-runtime").JSX.Element;
+export default GoabAppHeaderMenu;

package/lib/badge/badge.d.ts

@@ -1,7 +1,7 @@
-import { Margins } from "../../common/styling";
-export type GoABadgeType = "information" | "success" | "important" | "emergency" | "dark" | "midtone" | "light";
+import { GoabBadgeType, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
-    type: GoABadgeType;
+    type: GoabBadgeType;
     icon?: boolean;
     content?: string;
     arialabel?: string;
@@ -14,28 +14,28 @@ declare global {
         }
     }
 }
-export interface GoABadgeProps extends Margins {
-    type: GoABadgeType;
+export interface GoabBadgeProps extends Margins {
+    type: GoabBadgeType;
     icon?: boolean;
     content?: string;
     testId?: string;
     ariaLabel?: string;
 }
-export declare function GoABadge({ type, content, icon, testId, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+export declare function GoabBadge({ type, content, icon, testId, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
 /**
  * @deprecated
  */
-export declare function GoAInfoBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+export declare function GoabInfoBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
 /**
  * @deprecated
  */
-export declare function GoASuccessBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+export declare function GoabSuccessBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
 /**
  * @deprecated
  */
-export declare function GoAImportantBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+export declare function GoabImportantBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
 /**
  * @deprecated
  */
-export declare function GoAEmergencyBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoABadgeProps): JSX.Element;
+export declare function GoabEmergencyBadge({ content, testId, icon, mt, mr, mb, ml, ariaLabel, }: GoabBadgeProps): JSX.Element;
 export {};

package/lib/block/block.d.ts

@@ -1,9 +1,10 @@
-import { ReactNode } from "react";
-import { Alignment, Direction, Margins, Spacing } from "../../common/styling";
+import { ReactNode } from 'react';
+import { GoabBlockAlignment, GoabBlockDirection, Margins, Spacing } from '@abgov/ui-components-common';
+
 export interface WCProps extends Margins {
     gap?: Spacing;
-    direction?: Direction;
-    alignment?: Alignment;
+    direction?: GoabBlockDirection;
+    alignment?: GoabBlockAlignment;
     testid?: string;
 }
 declare global {
@@ -13,12 +14,11 @@ declare global {
         }
     }
 }
-export interface GoABlockProps extends Margins {
+export interface GoabBlockProps extends Margins {
     gap?: Spacing;
-    direction?: Direction;
-    alignment?: Alignment;
+    direction?: GoabBlockDirection;
+    alignment?: GoabBlockAlignment;
     testId?: string;
     children?: ReactNode;
 }
-export type BlockProps = GoABlockProps;
-export declare function GoABlock(props: GoABlockProps): import("react/jsx-runtime").JSX.Element;
+export declare function GoabBlock(props: GoabBlockProps): import("react/jsx-runtime").JSX.Element;

package/lib/button/button.d.ts

@@ -1,16 +1,10 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-import { GoAIconType } from "../icon/icon";
-export type GoAButtonType = "primary" | "submit" | "secondary" | "tertiary" | "start";
-export type GoAButtonSize = "compact" | "normal";
-export type GoAButtonVariant = "normal" | "destructive";
-export type ButtonType = GoAButtonType;
-export type ButtonSize = GoAButtonSize;
-export type ButtonVariant = GoAButtonVariant;
+import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Margins } from '@abgov/ui-components-common';
+import { ReactNode } from 'react';
+
 interface WCProps extends Margins {
-    type?: GoAButtonType;
-    size?: GoAButtonSize;
-    variant?: GoAButtonVariant;
+    type?: GoabButtonType;
+    size?: GoabButtonSize;
+    variant?: GoabButtonVariant;
     disabled?: boolean;
     leadingicon?: string;
     trailingicon?: string;
@@ -25,17 +19,17 @@ declare global {
         }
     }
 }
-export interface GoAButtonProps extends Margins {
-    type?: GoAButtonType;
-    size?: GoAButtonSize;
-    variant?: GoAButtonVariant;
+export interface GoabButtonProps extends Margins {
+    type?: GoabButtonType;
+    size?: GoabButtonSize;
+    variant?: GoabButtonVariant;
     disabled?: boolean;
-    leadingIcon?: GoAIconType;
-    trailingIcon?: GoAIconType;
+    leadingIcon?: GoabIconType;
+    trailingIcon?: GoabIconType;
     width?: string;
     onClick?: () => void;
     testId?: string;
     children?: ReactNode;
 }
-export declare function GoAButton({ disabled, type, size, variant, leadingIcon, trailingIcon, width, testId, children, onClick, mt, mr, mb, ml, }: GoAButtonProps): JSX.Element;
-export default GoAButton;
+export declare function GoabButton({ disabled, type, size, variant, leadingIcon, trailingIcon, width, testId, children, onClick, mt, mr, mb, ml, }: GoabButtonProps): JSX.Element;
+export default GoabButton;

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

@@ -1,10 +1,8 @@
-import { Margins } from "../../common/styling";
-export type GoAButtonGroupAlignment = "start" | "end" | "center";
-export type GoAButtonGroupGap = "relaxed" | "compact";
-export type Gap = GoAButtonGroupGap;
+import { GoabButtonGroupAlignment, GoabButtonGroupGap, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
-    alignment: GoAButtonGroupAlignment;
-    gap?: GoAButtonGroupGap;
+    alignment: GoabButtonGroupAlignment;
+    gap?: GoabButtonGroupGap;
     testid?: string;
 }
 declare global {
@@ -14,11 +12,11 @@ declare global {
         }
     }
 }
-export interface GoAButtonGroupProps extends Margins {
-    alignment: GoAButtonGroupAlignment;
-    gap?: GoAButtonGroupGap;
+export interface GoabButtonGroupProps extends Margins {
+    alignment: GoabButtonGroupAlignment;
+    gap?: GoabButtonGroupGap;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare function GoAButtonGroup({ alignment, gap, testId, children, mt, mr, mb, ml, }: GoAButtonGroupProps): JSX.Element;
-export default GoAButtonGroup;
+export declare function GoabButtonGroup({ alignment, gap, testId, children, mt, mr, mb, ml, }: GoabButtonGroupProps): JSX.Element;
+export default GoabButtonGroup;

package/lib/calendar/calendar.d.ts

@@ -1,4 +1,5 @@
-import { Margins } from "../../common/styling";
+import { GoabCalendarOnChangeDetail, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     name?: string;
@@ -14,13 +15,13 @@ declare global {
         }
     }
 }
-export interface GoACalendarProps extends Margins {
+export interface GoabCalendarProps extends Margins {
     name?: string;
     value?: Date;
     min?: Date;
     max?: Date;
     testId?: string;
-    onChange: (name: string, value: Date) => void;
+    onChange: (details: GoabCalendarOnChangeDetail) => void;
 }
-export declare function GoACalendar({ name, value, min, max, testId, mt, mr, mb, ml, onChange, }: GoACalendarProps): JSX.Element;
-export default GoACalendar;
+export declare function GoabCalendar({ name, value, min, max, testId, mt, mr, mb, ml, onChange, }: GoabCalendarProps): JSX.Element;
+export default GoabCalendar;

package/lib/callout/callout.d.ts

@@ -1,15 +1,12 @@
-import { Margins } from "../../common/styling";
-export type GoACalloutType = "important" | "information" | "event" | "success" | "emergency";
-export type GoACalloutSize = "medium" | "large";
-export type GoACalloutAriaLive = "off" | "polite" | "assertive";
-export type GoACalloutIconTheme = "outline" | "filled";
+import { GoabCalloutAriaLive, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     heading?: string;
-    type?: GoACalloutType;
-    size?: GoACalloutSize;
+    type?: GoabCalloutType;
+    size?: GoabCalloutSize;
+    arialive?: GoabCalloutAriaLive;
     maxwidth?: string;
-    arialive?: GoACalloutAriaLive;
-    icontheme?: GoACalloutIconTheme;
+    icontheme?: GoabCalloutIconTheme;
     testid?: string;
 }
 declare global {
@@ -19,16 +16,15 @@ declare global {
         }
     }
 }
-export interface GoACalloutProps extends Margins {
+export interface GoabCalloutProps extends Margins {
     heading?: string;
-    type?: GoACalloutType;
-    size?: GoACalloutSize;
-    iconTheme?: GoACalloutIconTheme;
+    type?: GoabCalloutType;
+    size?: GoabCalloutSize;
+    iconTheme?: GoabCalloutIconTheme;
     maxWidth?: string;
     testId?: string;
-    ariaLive?: GoACalloutAriaLive;
+    ariaLive?: GoabCalloutAriaLive;
     children?: React.ReactNode;
 }
-export type CalloutProps = GoACalloutProps;
-export declare const GoACallout: ({ heading, type, iconTheme, size, maxWidth, testId, ariaLive, children, mt, mr, mb, ml, }: GoACalloutProps) => import("react/jsx-runtime").JSX.Element;
-export default GoACallout;
+export declare const GoabCallout: ({ heading, type, iconTheme, size, maxWidth, testId, ariaLive, children, mt, mr, mb, ml, }: GoabCalloutProps) => import("react/jsx-runtime").JSX.Element;
+export default GoabCallout;

package/lib/card/card-actions.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -5,8 +6,8 @@ declare global {
         }
     }
 }
-export interface GoACardActionsProps {
+export interface GoabCardActionsProps {
     children?: React.ReactNode;
 }
-export declare function GoACardActions({ children }: GoACardActionsProps): JSX.Element;
-export default GoACardActions;
+export declare function GoabCardActions({ children }: GoabCardActionsProps): JSX.Element;
+export default GoabCardActions;

package/lib/card/card-content.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -5,8 +6,8 @@ declare global {
         }
     }
 }
-export interface GoACardContentProps {
+export interface GoabCardContentProps {
     children?: React.ReactNode;
 }
-export declare function GoACardContent({ children }: GoACardContentProps): JSX.Element;
-export default GoACardContent;
+export declare function GoabCardContent({ children }: GoabCardContentProps): JSX.Element;
+export default GoabCardContent;

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

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -5,8 +6,8 @@ declare global {
         }
     }
 }
-export interface GoACardGroupProps {
+export interface GoabCardGroupProps {
     children?: React.ReactNode;
 }
-export declare function GoACardGroup({ children }: GoACardGroupProps): JSX.Element;
-export default GoACardGroup;
+export declare function GoabCardGroup({ children }: GoabCardGroupProps): JSX.Element;
+export default GoabCardGroup;

package/lib/card/card-image.d.ts

@@ -1,3 +1,4 @@
+/// <reference types="react" />
 interface WCProps {
     src: string;
     height: string;
@@ -9,9 +10,9 @@ declare global {
         }
     }
 }
-export interface GoACardImageProps {
+export interface GoabCardImageProps {
     src: string;
     height: string;
 }
-export declare function GoACardImage({ src, height }: GoACardImageProps): JSX.Element;
-export default GoACardImage;
+export declare function GoabCardImage({ src, height }: GoabCardImageProps): JSX.Element;
+export default GoabCardImage;

package/lib/card/card.d.ts

@@ -1,8 +1,10 @@
-import { Margins } from "../../common/styling";
+import { Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     elevation?: number;
     width?: string;
     children: React.ReactNode;
+    testid?: string;
 }
 declare global {
     namespace JSX {
@@ -11,11 +13,11 @@ declare global {
         }
     }
 }
-export interface GoACardProps extends Margins {
+export interface GoabCardProps extends Margins {
     elevation?: number;
     width?: string;
     testId?: string;
     children?: React.ReactNode;
 }
-export declare function GoACard({ elevation, width, mt, mr, mb, ml, testId, children, }: GoACardProps): JSX.Element;
-export default GoACard;
+export declare function GoabCard({ elevation, width, mt, mr, mb, ml, testId, children, }: GoabCardProps): JSX.Element;
+export default GoabCard;

package/lib/card/index.d.ts

@@ -1,5 +1,5 @@
-export * from "./card-content";
-export * from "./card-image";
-export * from "./card-actions";
-export * from "./card-group";
-export * from "./card";
+export * from './card-content';
+export * from './card-image';
+export * from './card-actions';
+export * from './card-group';
+export * from './card';

package/lib/checkbox/checkbox.d.ts

@@ -1,4 +1,5 @@
-import { Margins } from "../../common/styling";
+import { GoabCheckboxOnChangeDetail, Margins } from '@abgov/ui-components-common';
+
 declare global {
     namespace JSX {
         interface IntrinsicElements {
@@ -20,7 +21,7 @@ interface WCProps extends Margins {
     maxwidth?: string;
     testid?: string;
 }
-export interface GoACheckboxProps extends Margins {
+export interface GoabCheckboxProps extends Margins {
     id?: string;
     name: string;
     checked?: boolean;
@@ -33,8 +34,8 @@ export interface GoACheckboxProps extends Margins {
     ariaLabel?: string;
     description?: string | React.ReactNode;
     maxWidth?: string;
-    onChange?: (name: string, checked: boolean, value: string) => void;
+    onChange?: (detail: GoabCheckboxOnChangeDetail) => void;
 }
-export type Props = GoACheckboxProps;
-export declare function GoACheckbox({ id, name, testId, error, disabled, checked, value, text, description, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoACheckboxProps): JSX.Element;
-export default GoACheckbox;
+export type Props = GoabCheckboxProps;
+export declare function GoabCheckbox({ id, name, testId, error, disabled, checked, value, text, description, maxWidth, children, onChange, ariaLabel, mt, mr, mb, ml, }: GoabCheckboxProps): JSX.Element;
+export default GoabCheckbox;

package/lib/chip/chip.d.ts

@@ -1,14 +1,13 @@
-import { Margins } from "../../common/styling";
-export type GoAChipVariant = "filter";
-export type GoAChipTheme = "outline" | "filled" | "sharp";
+import { GoabChipTheme, GoabChipVariant, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     leadingicon: string;
-    icontheme: GoAChipTheme;
+    icontheme: GoabChipTheme;
     error: boolean;
     deletable: boolean;
     content: string;
-    variant?: GoAChipVariant;
+    variant?: GoabChipVariant;
     testid?: string;
 }
 declare global {
@@ -18,15 +17,15 @@ declare global {
         }
     }
 }
-export interface GoAChipProps extends Margins {
+export interface GoabChipProps extends Margins {
     onClick?: () => void;
     deletable?: boolean;
     leadingIcon?: string;
-    iconTheme?: GoAChipTheme;
+    iconTheme?: GoabChipTheme;
     error?: boolean;
     content: string;
-    variant?: GoAChipVariant;
+    variant?: GoabChipVariant;
     testId?: string;
 }
-export declare const GoAChip: ({ leadingIcon, iconTheme, deletable, error, variant, content, onClick, mt, mr, mb, ml, testId, }: GoAChipProps) => import("react/jsx-runtime").JSX.Element;
-export default GoAChip;
+export declare const GoabChip: ({ leadingIcon, iconTheme, deletable, error, variant, content, onClick, mt, mr, mb, ml, testId, }: GoabChipProps) => import("react/jsx-runtime").JSX.Element;
+export default GoabChip;

package/lib/circular-progress/circular-progress.d.ts

@@ -1,10 +1,8 @@
-export type GoACircularProgressVariant = "fullscreen" | "inline";
-export type GoACircularProgressSize = "small" | "large";
-export type CircularProgressVariant = GoACircularProgressVariant;
-export type CircularProgressSize = GoACircularProgressSize;
+import { GoabCircularProgressSize, GoabCircularProgressVariant } from '@abgov/ui-components-common';
+
 interface WCProps {
-    variant?: GoACircularProgressVariant;
-    size?: GoACircularProgressSize;
+    variant?: GoabCircularProgressVariant;
+    size?: GoabCircularProgressSize;
     message?: string;
     visible?: string;
     progress?: number;
@@ -17,13 +15,13 @@ declare global {
         }
     }
 }
-export interface GoACircularProgressProps {
-    variant?: GoACircularProgressVariant;
-    size?: GoACircularProgressSize;
+export interface GoabCircularProgressProps {
+    variant?: GoabCircularProgressVariant;
+    size?: GoabCircularProgressSize;
     message?: string;
     visible?: boolean;
     progress?: number;
     testId?: string;
 }
-export declare const GoACircularProgress: ({ visible, message, progress, variant, size, testId, }: GoACircularProgressProps) => import("react/jsx-runtime").JSX.Element;
-export default GoACircularProgress;
+export declare const GoabCircularProgress: ({ visible, message, progress, variant, size, testId, }: GoabCircularProgressProps) => import("react/jsx-runtime").JSX.Element;
+export default GoabCircularProgress;

package/lib/container/container.d.ts

@@ -1,14 +1,11 @@
-import { ReactNode } from "react";
-import { Margins } from "../../common/styling";
-export type GoAContainerType = "interactive" | "non-interactive" | "info" | "error" | "success" | "important";
-export type GoAContainerAccent = "thick" | "thin" | "filled";
-export type GoAContainerPadding = "relaxed" | "compact";
-export type GoAContainerWidth = "full" | "content";
+import { ReactNode } from 'react';
+import { GoabContainerAccent, GoabContainerPadding, GoabContainerType, GoabContainerWidth, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
-    type?: GoAContainerType;
-    accent?: GoAContainerAccent;
-    padding?: GoAContainerPadding;
-    width?: GoAContainerWidth;
+    type?: GoabContainerType;
+    accent?: GoabContainerAccent;
+    padding?: GoabContainerPadding;
+    width?: GoabContainerWidth;
     maxwidth?: string;
     testid?: string;
 }
@@ -19,17 +16,17 @@ declare global {
         }
     }
 }
-export interface GoAContainerProps extends Margins {
-    accent?: GoAContainerAccent;
-    type?: GoAContainerType;
+export interface GoabContainerProps extends Margins {
+    accent?: GoabContainerAccent;
+    type?: GoabContainerType;
     heading?: ReactNode;
     title?: ReactNode;
-    padding?: GoAContainerPadding;
+    padding?: GoabContainerPadding;
     actions?: ReactNode;
     children?: ReactNode;
-    width?: GoAContainerWidth;
+    width?: GoabContainerWidth;
     maxWidth?: string;
     testId?: string;
 }
-export declare function GoAContainer({ accent, heading, title, padding, children, actions, type, width, maxWidth, mt, mr, mb, ml, testId, }: GoAContainerProps): JSX.Element;
-export default GoAContainer;
+export declare function GoabContainer({ accent, heading, title, padding, children, actions, type, width, maxWidth, mt, mr, mb, ml, testId, }: GoabContainerProps): JSX.Element;
+export default GoabContainer;

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

@@ -1,4 +1,5 @@
-import { Margins } from "../../common/styling";
+import { GoabDatePickerOnChangeDetail, Margins } from '@abgov/ui-components-common';
+
 interface WCProps extends Margins {
     ref: React.RefObject<HTMLElement>;
     name?: string;
@@ -17,7 +18,7 @@ declare global {
         }
     }
 }
-export interface GoADatePickerProps extends Margins {
+export interface GoabDatePickerProps extends Margins {
     name?: string;
     value?: Date;
     error?: boolean;
@@ -26,7 +27,7 @@ export interface GoADatePickerProps extends Margins {
     testId?: string;
     relative?: boolean;
     disabled?: boolean;
-    onChange?: (name: string, value: Date | undefined) => void;
+    onChange: (detail: GoabDatePickerOnChangeDetail) => void;
 }
-export declare function GoADatePicker({ name, value, error, min, max, testId, disabled, mt, mr, mb, ml, relative, onChange, }: GoADatePickerProps): JSX.Element;
-export default GoADatePicker;
+export declare function GoabDatePicker({ name, value, error, min, max, testId, disabled, mt, mr, mb, ml, relative, onChange, }: GoabDatePickerProps): JSX.Element;
+export default GoabDatePicker;

package/lib/details/details.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 {
     heading: string;
     open?: boolean;
@@ -13,13 +14,12 @@ declare global {
         }
     }
 }
-export interface GoADetailsProps extends Margins {
+export interface GoabDetailsProps extends Margins {
     heading: string;
     open?: boolean;
     maxWidth?: string;
     testId?: string;
     children: ReactNode;
 }
-export type DetailsProps = GoADetailsProps;
-export declare function GoADetails(props: GoADetailsProps): import("react/jsx-runtime").JSX.Element;
-export default GoADetails;
+export declare function GoabDetails(props: GoabDetailsProps): import("react/jsx-runtime").JSX.Element;
+export default GoabDetails;