@abgov/angular-components 4.3.0-alpha.2 → 4.3.0-alpha.4

package/lib/components/accordion/accordion.d.ts

@@ -1,21 +1,17 @@
-import { GoabAccordionHeadingSize, GoabAccordionIconPosition, Spacing } from "@abgov/ui-components-common";
+import { GoabAccordionHeadingSize, GoabAccordionIconPosition } from "@abgov/ui-components-common";
 import { TemplateRef, EventEmitter } from "@angular/core";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabAccordion {
+export declare class GoabAccordion extends GoabBaseComponent {
     heading?: string;
     secondaryText?: string;
-    testId?: string;
     open?: boolean;
     headingSize?: GoabAccordionHeadingSize;
     headingContent: TemplateRef<any>;
     maxWidth?: string;
     iconPosition?: GoabAccordionIconPosition;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onChange: EventEmitter<boolean>;
     _onChange(e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabAccordion, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabAccordion, "goab-accordion", never, { "heading": { "alias": "heading"; "required": false; }; "secondaryText": { "alias": "secondaryText"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "open": { "alias": "open"; "required": false; }; "headingSize": { "alias": "headingSize"; "required": false; }; "headingContent": { "alias": "headingContent"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabAccordion, "goab-accordion", never, { "heading": { "alias": "heading"; "required": false; }; "secondaryText": { "alias": "secondaryText"; "required": false; }; "open": { "alias": "open"; "required": false; }; "headingSize": { "alias": "headingSize"; "required": false; }; "headingContent": { "alias": "headingContent"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "iconPosition": { "alias": "iconPosition"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
 }

package/lib/components/badge/badge.d.ts

@@ -1,15 +1,11 @@
-import { GoabBadgeType, Spacing } from "@abgov/ui-components-common";
+import { GoabBadgeType } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabBadge {
+export declare class GoabBadge extends GoabBaseComponent {
     type?: GoabBadgeType;
     content?: string;
-    testId?: string;
     icon?: boolean;
     ariaLabel?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabBadge, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabBadge, "goab-badge", never, { "type": { "alias": "type"; "required": false; }; "content": { "alias": "content"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabBadge, "goab-badge", never, { "type": { "alias": "type"; "required": false; }; "content": { "alias": "content"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
 }

package/lib/components/base.component.d.ts

@@ -0,0 +1,58 @@
+import { Spacing } from "@abgov/ui-components-common";
+import { ControlValueAccessor } from "@angular/forms";
+import * as i0 from "@angular/core";
+export declare abstract class GoabBaseComponent {
+    mt?: Spacing;
+    mb?: Spacing;
+    ml?: Spacing;
+    mr?: Spacing;
+    testId?: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GoabBaseComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabBaseComponent, "ng-component", never, { "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; }, {}, never, never, true, never>;
+}
+export declare abstract class GoabControlValueAccessor extends GoabBaseComponent implements ControlValueAccessor {
+    id?: string;
+    disabled?: boolean;
+    error?: boolean;
+    value?: unknown | null | undefined;
+    /**
+     * Function to handle changes in the form control value.
+     * @param {unknown} value - The new value.
+     */
+    fcChange?: (value: unknown) => void;
+    /**
+     * Function to handle touch events on the form control.
+     */
+    fcTouched?: () => unknown;
+    private touched;
+    /**
+     * Marks the component as touched. If the component is not already marked as touched,
+     * it triggers the `fcTouched` callback (if defined) and sets the `touched` property to `true`.
+     */
+    markAsTouched(): void;
+    /**
+     * Writes a new value to the form control.
+     * @param {unknown} value - The value to write.
+     */
+    writeValue(value: unknown): void;
+    /**
+     * Registers a function to call when the form control value changes.
+     * @param {function} fn - The function to call.
+     */
+    registerOnChange(fn: any): void;
+    /**
+     * Registers a function to call when the form control is touched.
+     * @param {function} fn - The function to call.
+     */
+    registerOnTouched(fn: any): void;
+    /**
+     * Sets the disabled state of the component.
+     *
+     * @param isDisabled - A boolean indicating whether the component should be disabled.
+     */
+    setDisabledState?(isDisabled: boolean): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<GoabControlValueAccessor, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabControlValueAccessor, "ng-component", never, { "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "value": { "alias": "value"; "required": false; }; }, {}, never, never, true, never>;
+    static ngAcceptInputType_disabled: unknown;
+    static ngAcceptInputType_error: unknown;
+}

package/lib/components/block/block.d.ts

@@ -1,14 +1,10 @@
 import { GoabBlockAlignment, GoabBlockDirection, Spacing } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabBlock {
+export declare class GoabBlock extends GoabBaseComponent {
     gap?: Spacing;
     direction?: GoabBlockDirection;
     alignment?: GoabBlockAlignment;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabBlock, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabBlock, "goab-block", never, { "gap": { "alias": "gap"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabBlock, "goab-block", never, { "gap": { "alias": "gap"; "required": false; }; "direction": { "alias": "direction"; "required": false; }; "alignment": { "alias": "alignment"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/button/button.d.ts

@@ -1,7 +1,8 @@
-import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType, Spacing } from "@abgov/ui-components-common";
+import { GoabButtonSize, GoabButtonType, GoabButtonVariant, GoabIconType } from "@abgov/ui-components-common";
 import { EventEmitter } from "@angular/core";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabButton {
+export declare class GoabButton extends GoabBaseComponent {
     type?: GoabButtonType;
     size?: GoabButtonSize;
     variant?: GoabButtonVariant;
@@ -9,13 +10,8 @@ export declare class GoabButton {
     leadingIcon?: GoabIconType;
     trailingIcon?: GoabIconType;
     width?: string;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onClick: EventEmitter<any>;
     _onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabButton, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabButton, "goab-button", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "width": { "alias": "width"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabButton, "goab-button", never, { "type": { "alias": "type"; "required": false; }; "size": { "alias": "size"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "trailingIcon": { "alias": "trailingIcon"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
 }

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

@@ -1,13 +1,9 @@
-import { GoabButtonGroupAlignment, GoabButtonGroupGap, Spacing } from "@abgov/ui-components-common";
+import { GoabButtonGroupAlignment, GoabButtonGroupGap } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabButtonGroup {
+export declare class GoabButtonGroup extends GoabBaseComponent {
     alignment?: GoabButtonGroupAlignment;
     gap?: GoabButtonGroupGap;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabButtonGroup, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabButtonGroup, "goab-button-group", never, { "alignment": { "alias": "alignment"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabButtonGroup, "goab-button-group", never, { "alignment": { "alias": "alignment"; "required": false; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/callout/callout.d.ts

@@ -1,17 +1,13 @@
-import { GoabCalloutAriaLive, GoabCalloutSize, GoabCalloutType, Spacing, GoabCalloutIconTheme } from "@abgov/ui-components-common";
+import { GoabCalloutAriaLive, GoabCalloutSize, GoabCalloutType, GoabCalloutIconTheme } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabCallout {
+export declare class GoabCallout extends GoabBaseComponent {
     type?: GoabCalloutType;
     heading?: string;
     size?: GoabCalloutSize;
     maxWidth?: string;
     ariaLive?: GoabCalloutAriaLive;
     iconTheme?: GoabCalloutIconTheme;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabCallout, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabCallout, "goab-callout", never, { "type": { "alias": "type"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "ariaLive": { "alias": "ariaLive"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabCallout, "goab-callout", never, { "type": { "alias": "type"; "required": false; }; "heading": { "alias": "heading"; "required": false; }; "size": { "alias": "size"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "ariaLive": { "alias": "ariaLive"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/card/card.d.ts

@@ -1,13 +1,8 @@
-import { Spacing } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabCard {
+export declare class GoabCard extends GoabBaseComponent {
     elevation?: number;
     width?: string;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabCard, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabCard, "goab-card", never, { "elevation": { "alias": "elevation"; "required": false; }; "width": { "alias": "width"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabCard, "goab-card", never, { "elevation": { "alias": "elevation"; "required": false; }; "width": { "alias": "width"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/checkbox/checkbox.d.ts

@@ -1,35 +1,19 @@
-import { GoabCheckboxOnChangeDetail, Spacing } from "@abgov/ui-components-common";
+import { GoabCheckboxOnChangeDetail } from "@abgov/ui-components-common";
 import { EventEmitter, TemplateRef } from "@angular/core";
-import { ControlValueAccessor } from "@angular/forms";
+import { GoabControlValueAccessor } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabCheckbox implements ControlValueAccessor {
+export declare class GoabCheckbox extends GoabControlValueAccessor {
     name?: string;
     checked?: boolean;
-    disabled?: boolean;
-    error?: boolean;
     text?: string;
     value?: string | number | boolean;
-    testId?: string;
     ariaLabel?: string;
     description: string | TemplateRef<any>;
-    id?: string;
     maxWidth?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onChange: EventEmitter<GoabCheckboxOnChangeDetail>;
     getDescriptionAsString(): string;
     getDescriptionAsTemplate(): TemplateRef<any> | null;
     _onChange(e: Event): void;
-    private fcChange?;
-    private fcTouched?;
-    touched: boolean;
-    markAsTouched(): void;
-    writeValue(value: string | boolean): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabCheckbox, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabCheckbox, "goab-checkbox", never, { "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "text": { "alias": "text"; "required": false; }; "value": { "alias": "value"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "description": { "alias": "description"; "required": false; }; "id": { "alias": "id"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabCheckbox, "goab-checkbox", never, { "name": { "alias": "name"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "text": { "alias": "text"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "description": { "alias": "description"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
 }

package/lib/components/chip/chip.d.ts

@@ -1,20 +1,16 @@
-import { GoabChipTheme, GoabChipVariant, GoabIconType, Spacing } from "@abgov/ui-components-common";
+import { GoabChipTheme, GoabChipVariant, GoabIconType } from "@abgov/ui-components-common";
 import { EventEmitter } from "@angular/core";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabChip {
+export declare class GoabChip extends GoabBaseComponent {
     leadingIcon?: GoabIconType | null;
     error?: boolean;
     deletable?: boolean;
     content?: string;
-    testId?: string;
     variant?: GoabChipVariant;
     iconTheme?: GoabChipTheme;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onClick: EventEmitter<any>;
     _onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabChip, "goab-chip", never, { "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "error": { "alias": "error"; "required": false; }; "deletable": { "alias": "deletable"; "required": false; }; "content": { "alias": "content"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabChip, "goab-chip", never, { "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "error": { "alias": "error"; "required": false; }; "deletable": { "alias": "deletable"; "required": false; }; "content": { "alias": "content"; "required": false; }; "variant": { "alias": "variant"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
 }

package/lib/components/container/container.d.ts

@@ -1,19 +1,15 @@
-import { GoabContainerAccent, GoabContainerPadding, GoabContainerType, GoabContainerWidth, Spacing } from "@abgov/ui-components-common";
+import { GoabContainerAccent, GoabContainerPadding, GoabContainerType, GoabContainerWidth } from "@abgov/ui-components-common";
 import { TemplateRef } from "@angular/core";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabContainer {
+export declare class GoabContainer extends GoabBaseComponent {
     type?: GoabContainerType;
     accent?: GoabContainerAccent;
     padding?: GoabContainerPadding;
     width?: GoabContainerWidth;
     maxWidth?: string;
-    testId?: string;
     title: TemplateRef<any>;
     actions: TemplateRef<any>;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabContainer, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabContainer, "goab-container", never, { "type": { "alias": "type"; "required": false; }; "accent": { "alias": "accent"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "title": { "alias": "title"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabContainer, "goab-container", never, { "type": { "alias": "type"; "required": false; }; "accent": { "alias": "accent"; "required": false; }; "padding": { "alias": "padding"; "required": false; }; "width": { "alias": "width"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "title": { "alias": "title"; "required": false; }; "actions": { "alias": "actions"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

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

@@ -1,37 +1,24 @@
-import { GoabDatePickerOnChangeDetail, Spacing } from "@abgov/ui-components-common";
+import { GoabDatePickerOnChangeDetail } from "@abgov/ui-components-common";
 import { EventEmitter, ElementRef } from "@angular/core";
-import { ControlValueAccessor } from "@angular/forms";
+import { GoabControlValueAccessor } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabDatePicker implements ControlValueAccessor {
+export declare class GoabDatePicker extends GoabControlValueAccessor {
     protected elementRef: ElementRef;
     name?: string;
     value?: Date | string | null | undefined;
     min?: Date | string;
     max?: Date | string;
-    error?: boolean;
-    disabled?: boolean;
     /***
      * @deprecated This property has no effect and will be removed in a future version
      */
     relative?: boolean;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onChange: EventEmitter<GoabDatePickerOnChangeDetail>;
     formatValue(val: Date | string | null | undefined): string;
     _onChange(e: Event): void;
     constructor(elementRef: ElementRef);
     setDisabledState(isDisabled: boolean): void;
     listenDisabledChange(isDisabled: boolean): void;
-    private fcChange?;
-    private fcTouched?;
-    touched: boolean;
-    markAsTouched(): void;
     writeValue(value: Date | null): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabDatePicker, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDatePicker, "goab-date-picker", never, { "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "error": { "alias": "error"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "relative": { "alias": "relative"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDatePicker, "goab-date-picker", never, { "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "min": { "alias": "min"; "required": false; }; "max": { "alias": "max"; "required": false; }; "relative": { "alias": "relative"; "required": false; }; }, { "onChange": "onChange"; }, never, never, true, never>;
 }

package/lib/components/details/details.d.ts

@@ -1,14 +1,9 @@
-import { Spacing } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabDetails {
+export declare class GoabDetails extends GoabBaseComponent {
     heading: string;
-    testId?: string;
     open?: boolean;
     maxWidth?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabDetails, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDetails, "goab-details", never, { "heading": { "alias": "heading"; "required": true; }; "testId": { "alias": "testId"; "required": false; }; "open": { "alias": "open"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDetails, "goab-details", never, { "heading": { "alias": "heading"; "required": true; }; "open": { "alias": "open"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/divider/divider.d.ts

@@ -1,11 +1,6 @@
-import { Spacing } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabDivider {
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
+export declare class GoabDivider extends GoabBaseComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabDivider, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDivider, "goab-divider", never, { "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDivider, "goab-divider", never, {}, {}, never, never, true, never>;
 }

package/lib/components/dropdown/dropdown.d.ts

@@ -1,41 +1,24 @@
-import { GoabDropdownOnChangeDetail, GoabIconType, Spacing } from "@abgov/ui-components-common";
+import { GoabDropdownOnChangeDetail, GoabIconType } from "@abgov/ui-components-common";
 import { EventEmitter } from "@angular/core";
-import { ControlValueAccessor } from "@angular/forms";
+import { GoabControlValueAccessor } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabDropdown implements ControlValueAccessor {
+export declare class GoabDropdown extends GoabControlValueAccessor {
     name?: string;
-    value?: string;
     ariaLabel?: string;
     ariaLabelledBy?: string;
-    id?: string;
-    disabled?: boolean;
-    error?: boolean;
     filterable?: boolean;
     leadingIcon?: GoabIconType;
     maxHeight?: string;
     multiselect?: boolean;
     native?: boolean;
     placeholder?: string;
-    testId?: string;
     width?: string;
     /***
      * @deprecated This property has no effect and will be removed in a future version
      */
     relative?: boolean;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onChange: EventEmitter<GoabDropdownOnChangeDetail>;
     _onChange(e: Event): void;
-    private fcChange?;
-    private fcTouched?;
-    touched: boolean;
-    markAsTouched(): void;
-    writeValue(value: string): void;
-    registerOnChange(fn: any): void;
-    registerOnTouched(fn: any): void;
-    setDisabledState?(isDisabled: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabDropdown, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDropdown, "goab-dropdown", never, { "name": { "alias": "name"; "required": false; }; "value": { "alias": "value"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "error": { "alias": "error"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "native": { "alias": "native"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "width": { "alias": "width"; "required": false; }; "relative": { "alias": "relative"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabDropdown, "goab-dropdown", never, { "name": { "alias": "name"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "filterable": { "alias": "filterable"; "required": false; }; "leadingIcon": { "alias": "leadingIcon"; "required": false; }; "maxHeight": { "alias": "maxHeight"; "required": false; }; "multiselect": { "alias": "multiselect"; "required": false; }; "native": { "alias": "native"; "required": false; }; "placeholder": { "alias": "placeholder"; "required": false; }; "width": { "alias": "width"; "required": false; }; "relative": { "alias": "relative"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
 }

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

@@ -1,18 +1,14 @@
-import { GoabFileUploadInputOnSelectFileDetail, GoabFileUploadInputVariant, Spacing } from "@abgov/ui-components-common";
+import { GoabFileUploadInputOnSelectFileDetail, GoabFileUploadInputVariant } from "@abgov/ui-components-common";
 import { EventEmitter } from "@angular/core";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabFileUploadInput {
+export declare class GoabFileUploadInput extends GoabBaseComponent {
     id?: string;
     variant: GoabFileUploadInputVariant;
     maxFileSize?: string;
     accept?: string;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    mr?: Spacing;
-    ml?: Spacing;
     onSelectFile: EventEmitter<GoabFileUploadInputOnSelectFileDetail>;
     _onSelectFile(e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabFileUploadInput, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFileUploadInput, "goab-file-upload-input", never, { "id": { "alias": "id"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; }, { "onSelectFile": "onSelectFile"; }, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFileUploadInput, "goab-file-upload-input", never, { "id": { "alias": "id"; "required": false; }; "variant": { "alias": "variant"; "required": true; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "accept": { "alias": "accept"; "required": false; }; }, { "onSelectFile": "onSelectFile"; }, never, never, true, never>;
 }

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

@@ -1,18 +1,14 @@
-import { GoabChipTheme, Spacing } from "@abgov/ui-components-common";
+import { GoabChipTheme } from "@abgov/ui-components-common";
 import { EventEmitter } from "@angular/core";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabFilterChip {
+export declare class GoabFilterChip extends GoabBaseComponent {
     error?: boolean;
     deletable?: boolean;
     content?: string;
-    testId?: string;
     iconTheme?: GoabChipTheme;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onClick: EventEmitter<any>;
     _onClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabFilterChip, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFilterChip, "goab-filter-chip", never, { "error": { "alias": "error"; "required": false; }; "deletable": { "alias": "deletable"; "required": false; }; "content": { "alias": "content"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFilterChip, "goab-filter-chip", never, { "error": { "alias": "error"; "required": false; }; "deletable": { "alias": "deletable"; "required": false; }; "content": { "alias": "content"; "required": false; }; "iconTheme": { "alias": "iconTheme"; "required": false; }; }, { "onClick": "onClick"; }, never, ["*"], true, never>;
 }

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

@@ -1,18 +1,14 @@
-import { GoabFormItemLabelSize, GoabFormItemRequirement, Spacing } from "@abgov/ui-components-common";
+import { GoabFormItemLabelSize, GoabFormItemRequirement } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabFormItem {
+export declare class GoabFormItem extends GoabBaseComponent {
     label?: string;
     labelSize?: GoabFormItemLabelSize;
     helpText?: string;
     error?: string;
     requirement?: GoabFormItemRequirement;
     maxWidth?: string;
-    testId?: string;
     id?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    mr?: Spacing;
-    ml?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabFormItem, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFormItem, "goab-form-item", never, { "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "requirement": { "alias": "requirement"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "id": { "alias": "id"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; }, {}, never, ["*", "goab-form-item-slot"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFormItem, "goab-form-item", never, { "label": { "alias": "label"; "required": false; }; "labelSize": { "alias": "labelSize"; "required": false; }; "helpText": { "alias": "helpText"; "required": false; }; "error": { "alias": "error"; "required": false; }; "requirement": { "alias": "requirement"; "required": false; }; "maxWidth": { "alias": "maxWidth"; "required": false; }; "id": { "alias": "id"; "required": false; }; }, {}, never, ["*", "goab-form-item-slot"], true, never>;
 }

package/lib/components/form-stepper/form-stepper.d.ts

@@ -1,15 +1,11 @@
-import { GoabFormStepperOnChangeDetail, Spacing } from "@abgov/ui-components-common";
+import { GoabFormStepperOnChangeDetail } from "@abgov/ui-components-common";
 import { EventEmitter } from "@angular/core";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabFormStepper {
+export declare class GoabFormStepper extends GoabBaseComponent {
     step?: number;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     onChange: EventEmitter<GoabFormStepperOnChangeDetail>;
     _onChange(e: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabFormStepper, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFormStepper, "goab-form-stepper", never, { "step": { "alias": "step"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabFormStepper, "goab-form-stepper", never, { "step": { "alias": "step"; "required": false; }; }, { "onChange": "onChange"; }, never, ["*"], true, never>;
 }

package/lib/components/grid/grid.d.ts

@@ -1,13 +1,9 @@
 import { Spacing } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabGrid {
+export declare class GoabGrid extends GoabBaseComponent {
     minChildWidth: string;
     gap?: Spacing;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabGrid, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabGrid, "goab-grid", never, { "minChildWidth": { "alias": "minChildWidth"; "required": true; }; "gap": { "alias": "gap"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabGrid, "goab-grid", never, { "minChildWidth": { "alias": "minChildWidth"; "required": true; }; "gap": { "alias": "gap"; "required": false; }; }, {}, never, ["*"], true, never>;
 }

package/lib/components/icon/icon.d.ts

@@ -1,6 +1,7 @@
-import { GoabIconSize, GoabIconTheme, GoabIconType, Spacing } from "@abgov/ui-components-common";
+import { GoabIconSize, GoabIconTheme, GoabIconType } from "@abgov/ui-components-common";
+import { GoabBaseComponent } from "../base.component";
 import * as i0 from "@angular/core";
-export declare class GoabIcon {
+export declare class GoabIcon extends GoabBaseComponent {
     type: GoabIconType;
     size?: GoabIconSize;
     theme?: GoabIconTheme;
@@ -9,11 +10,6 @@ export declare class GoabIcon {
     opacity?: number;
     title?: string;
     ariaLabel?: string;
-    testId?: string;
-    mt?: Spacing;
-    mb?: Spacing;
-    ml?: Spacing;
-    mr?: Spacing;
     static ɵfac: i0.ɵɵFactoryDeclaration<GoabIcon, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<GoabIcon, "goab-icon", never, { "type": { "alias": "type"; "required": true; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "fillColor": { "alias": "fillColor"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "testId": { "alias": "testId"; "required": false; }; "mt": { "alias": "mt"; "required": false; }; "mb": { "alias": "mb"; "required": false; }; "ml": { "alias": "ml"; "required": false; }; "mr": { "alias": "mr"; "required": false; }; }, {}, never, never, true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<GoabIcon, "goab-icon", never, { "type": { "alias": "type"; "required": true; }; "size": { "alias": "size"; "required": false; }; "theme": { "alias": "theme"; "required": false; }; "inverted": { "alias": "inverted"; "required": false; }; "fillColor": { "alias": "fillColor"; "required": false; }; "opacity": { "alias": "opacity"; "required": false; }; "title": { "alias": "title"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; }, {}, never, never, true, never>;
 }