@skyux/forms 10.0.0-alpha.0 → 10.0.0-alpha.2

package/index.d.ts

@@ -2,6 +2,7 @@ export { SkyCharacterCounterModule } from './lib/modules/character-counter/chara
 export { SkyCheckboxChange } from './lib/modules/checkbox/checkbox-change';
 export { SkyCheckboxModule } from './lib/modules/checkbox/checkbox.module';
 export { SkyFormErrorsModule } from './lib/modules/form-error/form-errors.module';
+export { SkyFormErrorModule } from './lib/modules/form-error/form-error.module';
 export { SkyFileAttachmentsModule } from './lib/modules/file-attachment/file-attachments.module';
 export { SkyFileItem } from './lib/modules/file-attachment/file-item';
 export { SkyFileItemErrorType } from './lib/modules/file-attachment/file-item-error-type';
@@ -21,8 +22,10 @@ export { SkySelectionBoxGridAlignItems } from './lib/modules/selection-box/types
 export { SkySelectionBoxGridAlignItemsType } from './lib/modules/selection-box/types/selection-box-grid-align-items-type';
 export { SkyToggleSwitchModule } from './lib/modules/toggle-switch/toggle-switch.module';
 export { SkyToggleSwitchChange } from './lib/modules/toggle-switch/types/toggle-switch-change';
+export { SKY_FORM_ERRORS_ENABLED } from './lib/modules/form-error/form-errors-enabled-token';
 export { SkyCharacterCounterIndicatorComponent as λ1 } from './lib/modules/character-counter/character-counter-indicator.component';
 export { SkyCharacterCounterInputDirective as λ2 } from './lib/modules/character-counter/character-counter.directive';
+export { SkyCharacterCounterScreenReaderPipe as λ23 } from './lib/modules/character-counter/character-counter-screen-reader.pipe';
 export { SkyCheckboxLabelComponent as λ4 } from './lib/modules/checkbox/checkbox-label.component';
 export { SkyCheckboxComponent as λ3 } from './lib/modules/checkbox/checkbox.component';
 export { SkyFileAttachmentLabelComponent as λ6 } from './lib/modules/file-attachment/file-attachment-label.component';
@@ -30,6 +33,7 @@ export { SkyFileAttachmentComponent as λ7 } from './lib/modules/file-attachment
 export { SkyFileDropComponent as λ8 } from './lib/modules/file-attachment/file-drop.component';
 export { SkyFileItemComponent as λ9 } from './lib/modules/file-attachment/file-item.component';
 export { SkyFormErrorsComponent as λ21 } from './lib/modules/form-error/form-errors.component';
+export { SkyFormErrorComponent as λ22 } from './lib/modules/form-error/form-error.component';
 export { SkyInputBoxControlDirective as λ20 } from './lib/modules/input-box/input-box-control.directive';
 export { SkyInputBoxComponent as λ10 } from './lib/modules/input-box/input-box.component';
 export { SkyRadioGroupComponent as λ11 } from './lib/modules/radio/radio-group.component';

package/lib/modules/character-counter/character-counter-screen-reader.pipe.d.ts

@@ -0,0 +1,8 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class SkyCharacterCounterScreenReaderPipe implements PipeTransform {
+    #private;
+    transform(characterCount: number | undefined, characterCountLimit: number | undefined): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterScreenReaderPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyCharacterCounterScreenReaderPipe, "skyCharacterCounterScreenReader", true>;
+}

package/lib/modules/character-counter/character-counter.module.d.ts

@@ -3,9 +3,10 @@ import * as i1 from "./character-counter.directive";
 import * as i2 from "./character-counter-indicator.component";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
-import * as i5 from "../shared/sky-forms-resources.module";
+import * as i5 from "./character-counter-screen-reader.pipe";
+import * as i6 from "../shared/sky-forms-resources.module";
 export declare class SkyCharacterCounterModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCharacterCounterModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCharacterCounterModule, [typeof i1.SkyCharacterCounterInputDirective, typeof i2.SkyCharacterCounterIndicatorComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.SkyFormsResourcesModule], [typeof i1.SkyCharacterCounterInputDirective, typeof i2.SkyCharacterCounterIndicatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCharacterCounterModule, [typeof i1.SkyCharacterCounterInputDirective, typeof i2.SkyCharacterCounterIndicatorComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i4.ReactiveFormsModule, typeof i5.SkyCharacterCounterScreenReaderPipe, typeof i6.SkyFormsResourcesModule], [typeof i1.SkyCharacterCounterInputDirective, typeof i2.SkyCharacterCounterIndicatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyCharacterCounterModule>;
 }

package/lib/modules/checkbox/checkbox.component.d.ts

@@ -1,5 +1,5 @@
 import { ElementRef, EventEmitter, OnInit } from '@angular/core';
-import { ControlValueAccessor } from '@angular/forms';
+import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { SkyCheckboxChange } from './checkbox-change';
 import * as i0 from "@angular/core";
@@ -94,6 +94,11 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
      */
     set required(value: boolean | undefined);
     get required(): boolean;
+    /**
+     * The text to display as the checkbox's label. Use this instead of the `sky-checkbox-label` when the label is text-only.
+     * Specifying `labelText` also enables automatic error message handling for checkbox.
+     */
+    labelText: string | undefined;
     /**
      * Fires when users select or deselect the checkbox.
      */
@@ -110,6 +115,8 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
     set inputEl(el: ElementRef | undefined);
     get inputEl(): ElementRef | undefined;
     protected inputId: string;
+    protected readonly ngControl: NgControl | null;
+    protected readonly errorId: string;
     constructor();
     ngOnInit(): void;
     /**
@@ -137,5 +144,5 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
     /** Called when the checkbox is blurred. Needed to properly implement ControlValueAccessor. */
     onTouched: () => any;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxComponent, "sky-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "checkboxType": { "alias": "checkboxType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxComponent, "sky-checkbox", never, { "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "id": { "alias": "id"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "name": { "alias": "name"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "checkboxType": { "alias": "checkboxType"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; "required": { "alias": "required"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, never>;
 }

package/lib/modules/checkbox/checkbox.module.d.ts

@@ -3,10 +3,13 @@ import * as i1 from "./checkbox.component";
 import * as i2 from "./checkbox-label.component";
 import * as i3 from "@angular/common";
 import * as i4 from "@angular/forms";
-import * as i5 from "@skyux/indicators";
-import * as i6 from "@skyux/core";
+import * as i5 from "../form-error/form-error.module";
+import * as i6 from "../form-error/form-errors.module";
+import * as i7 from "../shared/sky-forms-resources.module";
+import * as i8 from "@skyux/indicators";
+import * as i9 from "@skyux/core";
 export declare class SkyCheckboxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.SkyIconModule, typeof i6.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent], [typeof i3.CommonModule, typeof i4.FormsModule, typeof i5.SkyFormErrorModule, typeof i6.SkyFormErrorsModule, typeof i7.SkyFormsResourcesModule, typeof i8.SkyIconModule, typeof i9.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i5.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyCheckboxModule>;
 }

package/lib/modules/file-attachment/types/file-drop-change.d.ts

@@ -3,9 +3,9 @@ export interface SkyFileDropChange {
     /**
      * The array of files that were added or removed.
      */
-    files: Array<SkyFileItem>;
+    files: SkyFileItem[];
     /**
      * The array of files that were rejected.
      */
-    rejectedFiles: Array<SkyFileItem>;
+    rejectedFiles: SkyFileItem[];
 }

package/lib/modules/form-error/form-error.component.d.ts

@@ -1,9 +1,23 @@
 import * as i0 from "@angular/core";
 /**
- * @internal
+ * Displays default and custom form field error messages for form field components.
+ * Set `labelText` on the form field component to automatically display required,
+ * maximum length, minimum length, date, email, phone number, time, and URL errors.
+ * To display custom errors, include sky-form-error elements in the form field component.
  */
 export declare class SkyFormErrorComponent {
-    protected readonly cssClass = "sky-form-error-indicator";
+    /**
+     * The name of the error.
+     * @required
+     */
+    errorName: string;
+    /**
+     * The error message to display.
+     * @required
+     */
+    errorText: string;
+    protected readonly formErrors: boolean | null;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorComponent, "sky-form-error", never, {}, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFormErrorComponent, "sky-form-error", never, { "errorName": { "alias": "errorName"; "required": true; }; "errorText": { "alias": "errorText"; "required": true; }; }, {}, never, never, true, never>;
 }

package/lib/modules/form-error/form-error.module.d.ts

@@ -0,0 +1,7 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./form-error.component";
+export declare class SkyFormErrorModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormErrorModule, never, [typeof i1.SkyFormErrorComponent], [typeof i1.SkyFormErrorComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormErrorModule>;
+}

package/lib/modules/form-error/form-errors-enabled-token.d.ts

@@ -0,0 +1,5 @@
+import { InjectionToken } from '@angular/core';
+/**
+ * @internal
+ */
+export declare const SKY_FORM_ERRORS_ENABLED: InjectionToken<boolean>;

package/lib/modules/form-error/form-errors.module.d.ts

@@ -1,10 +1,11 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form-errors.component";
+import * as i2 from "./form-error.component";
 /**
  * @internal
  */
 export declare class SkyFormErrorsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormErrorsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormErrorsModule, never, [typeof i1.SkyFormErrorsComponent], [typeof i1.SkyFormErrorsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFormErrorsModule, never, [typeof i1.SkyFormErrorsComponent, typeof i2.SkyFormErrorComponent], [typeof i1.SkyFormErrorsComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyFormErrorsModule>;
 }

package/lib/modules/input-box/input-box.component.d.ts

@@ -77,6 +77,7 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     protected helpPopoverOpen: boolean | undefined;
     protected get hasErrorsComputed(): boolean;
     protected get required(): boolean;
+    protected characterCountScreenReader: number;
     ngOnInit(): void;
     ngAfterContentChecked(): void;
     ngOnDestroy(): void;
@@ -85,5 +86,5 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     onInsetIconClick(): void;
     populate(args: SkyInputBoxPopulateArgs): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxComponent, "sky-input-box", never, { "hasErrors": { "alias": "hasErrors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "characterLimit": { "alias": "characterLimit"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-text-editor", "textarea", ".sky-input-group-btn.sky-input-box-btn-left", ".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)", ".sky-input-group-btn.sky-input-box-btn-inset", ".sky-input-group-icon.sky-input-box-icon-inset", ".sky-input-group-icon.sky-input-box-icon-inset-left", ".sky-error-label,.sky-error-indicator"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyInputBoxComponent, "sky-input-box", never, { "hasErrors": { "alias": "hasErrors"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "characterLimit": { "alias": "characterLimit"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; }, {}, ["formControl", "formControlByName", "ngModel", "inputRef"], [".sky-control-label", ".sky-control-help", "sky-character-counter-indicator", "input,select,.sky-form-control:not(textarea),sky-text-editor", "textarea", ".sky-input-group-btn.sky-input-box-btn-left", ".sky-input-group-btn:not(.sky-input-box-btn-left):not(.sky-input-box-btn-inset)", ".sky-input-group-btn.sky-input-box-btn-inset", ".sky-input-group-icon.sky-input-box-icon-inset", ".sky-input-group-icon.sky-input-box-icon-inset-left", "sky-form-error", ".sky-error-label,.sky-error-indicator"], false, never>;
 }

package/lib/modules/input-box/input-box.module.d.ts

@@ -2,12 +2,14 @@ import * as i0 from "@angular/core";
 import * as i1 from "./input-box.component";
 import * as i2 from "@angular/common";
 import * as i3 from "../character-counter/character-counter.module";
-import * as i4 from "../form-error/form-errors.component";
-import * as i5 from "./input-box-control.directive";
-import * as i6 from "./input-box-help-inline.component";
-import * as i7 from "@skyux/theme";
+import * as i4 from "../form-error/form-errors.module";
+import * as i5 from "../form-error/form-error.module";
+import * as i6 from "../shared/sky-forms-resources.module";
+import * as i7 from "./input-box-control.directive";
+import * as i8 from "./input-box-help-inline.component";
+import * as i9 from "@skyux/theme";
 export declare class SkyInputBoxModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof i1.SkyInputBoxComponent], [typeof i2.CommonModule, typeof i3.SkyCharacterCounterModule, typeof i4.SkyFormErrorsComponent, typeof i5.SkyInputBoxControlDirective, typeof i6.SkyInputBoxHelpInlineComponent, typeof i7.SkyThemeModule], [typeof i1.SkyInputBoxComponent, typeof i5.SkyInputBoxControlDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyInputBoxModule, [typeof i1.SkyInputBoxComponent], [typeof i2.CommonModule, typeof i3.SkyCharacterCounterModule, typeof i4.SkyFormErrorsModule, typeof i5.SkyFormErrorModule, typeof i6.SkyFormsResourcesModule, typeof i7.SkyInputBoxControlDirective, typeof i8.SkyInputBoxHelpInlineComponent, typeof i9.SkyThemeModule], [typeof i1.SkyInputBoxComponent, typeof i7.SkyInputBoxControlDirective, typeof i5.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyInputBoxModule>;
 }

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

@@ -17,16 +17,20 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * If the radio button group does not include a visible label, use `ariaLabel` instead.
      * For more information about the `aria-labelledby` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-labelledby).
+     * @deprecated Use `labelText` instead.
      */
-    ariaLabelledBy: string | undefined;
+    set ariaLabelledBy(value: string | undefined);
+    get ariaLabelledBy(): string | undefined;
     /**
      * The ARIA label for the radio button group. This sets the
      * radio button group's `aria-label` attribute to provide a text equivalent for screen readers
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * If the radio button group includes a visible label, use `ariaLabelledBy` instead.
      * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
+     * @deprecated Use `labelText` instead.
      */
-    ariaLabel: string | undefined;
+    set ariaLabel(value: string | undefined);
+    get ariaLabel(): string | undefined;
     /**
      * Whether to disable the input on template-driven forms. Don't use this input on reactive forms because they may overwrite the input or leave the control out of sync.
      * To set the disabled state on reactive forms, use the `FormControl` instead.
@@ -66,6 +70,14 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
      */
     set tabIndex(value: number | undefined);
     get tabIndex(): number | undefined;
+    /**
+     * The text to display as the radio group's label.
+     */
+    labelText: string | undefined;
+    /**
+     * Indicates whether to hide the `labelText`.
+     */
+    labelHidden: boolean;
     /**
      * Our radio components are usually implemented using an unordered list. This is an
      * accessibility violation because the unordered list has an implicit role which
@@ -75,6 +87,9 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
      */
     ariaOwns: string | undefined;
     radios: QueryList<SkyRadioComponent> | undefined;
+    protected labelId: string;
+    protected errorId: string;
+    protected ngControl: NgControl | undefined;
     constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
@@ -89,5 +104,5 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     registerOnChange(fn: (value: any) => void): void;
     registerOnTouched(fn: any): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioGroupComponent, [null, null, { optional: true; self: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioGroupComponent, "sky-radio-group", never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, {}, ["radios"], ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioGroupComponent, "sky-radio-group", never, { "ariaLabelledBy": { "alias": "ariaLabelledBy"; "required": false; }; "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], false, never>;
 }

package/lib/modules/radio/radio.module.d.ts

@@ -4,10 +4,13 @@ import * as i2 from "./radio-group.component";
 import * as i3 from "./radio-label.component";
 import * as i4 from "@angular/common";
 import * as i5 from "@angular/forms";
-import * as i6 from "@skyux/indicators";
-import * as i7 from "@skyux/core";
+import * as i6 from "../form-error/form-error.module";
+import * as i7 from "../form-error/form-errors.module";
+import * as i8 from "@skyux/indicators";
+import * as i9 from "@skyux/core";
+import * as i10 from "../shared/sky-forms-resources.module";
 export declare class SkyRadioModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyRadioModule, [typeof i1.SkyRadioComponent, typeof i2.SkyRadioGroupComponent, typeof i3.SkyRadioLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyIconModule, typeof i7.SkyTrimModule], [typeof i1.SkyRadioComponent, typeof i2.SkyRadioGroupComponent, typeof i3.SkyRadioLabelComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyRadioModule, [typeof i1.SkyRadioComponent, typeof i2.SkyRadioGroupComponent, typeof i3.SkyRadioLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyFormErrorModule, typeof i7.SkyFormErrorsModule, typeof i8.SkyIconModule, typeof i9.SkyIdModule, typeof i10.SkyFormsResourcesModule, typeof i9.SkyTrimModule], [typeof i6.SkyFormErrorModule, typeof i1.SkyRadioComponent, typeof i2.SkyRadioGroupComponent, typeof i3.SkyRadioLabelComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyRadioModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "10.0.0-alpha.0",
+  "version": "10.0.0-alpha.2",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -36,17 +36,17 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^17.1.0",
-    "@angular/common": "^17.1.0",
-    "@angular/core": "^17.1.0",
-    "@angular/forms": "^17.1.0",
-    "@angular/platform-browser": "^17.1.0",
-    "@skyux-sdk/testing": "10.0.0-alpha.0",
-    "@skyux/core": "10.0.0-alpha.0",
-    "@skyux/i18n": "10.0.0-alpha.0",
-    "@skyux/indicators": "10.0.0-alpha.0",
-    "@skyux/popovers": "10.0.0-alpha.0",
-    "@skyux/theme": "10.0.0-alpha.0"
+    "@angular/cdk": "^17.1.1",
+    "@angular/common": "^17.1.1",
+    "@angular/core": "^17.1.1",
+    "@angular/forms": "^17.1.1",
+    "@angular/platform-browser": "^17.1.1",
+    "@skyux-sdk/testing": "10.0.0-alpha.2",
+    "@skyux/core": "10.0.0-alpha.2",
+    "@skyux/i18n": "10.0.0-alpha.2",
+    "@skyux/indicators": "10.0.0-alpha.2",
+    "@skyux/popovers": "10.0.0-alpha.2",
+    "@skyux/theme": "10.0.0-alpha.2"
   },
   "dependencies": {
     "tslib": "^2.6.2"

package/testing/checkbox/checkbox-harness.d.ts

@@ -68,4 +68,6 @@ export declare class SkyCheckboxHarness extends SkyComponentHarness {
      * Puts the checkbox in an unchecked state by toggling it if it is currently checked, or doing nothing if it is already unchecked.
      */
     uncheck(): Promise<void>;
+    hasRequiredError(): Promise<boolean>;
+    hasCustomError(errorName: string): Promise<boolean>;
 }

package/testing/form-error/form-error-harness.d.ts

@@ -2,7 +2,6 @@ import { HarnessPredicate } from '@angular/cdk/testing';
 import { SkyComponentHarness } from '@skyux/core/testing';
 import { SkyFormErrorHarnessFilters } from './form-error-harness.filters';
 export declare class SkyFormErrorHarness extends SkyComponentHarness {
-    #private;
     /**
      * @internal
      */
@@ -12,5 +11,8 @@ export declare class SkyFormErrorHarness extends SkyComponentHarness {
      * `SkyFormErrorHarness` that meets certain criteria
      */
     static with(filters: SkyFormErrorHarnessFilters): HarnessPredicate<SkyFormErrorHarness>;
-    getFirstClassError(): Promise<string>;
+    /**
+     * Gets the error name.
+     */
+    getErrorName(): Promise<string | null>;
 }

package/testing/form-error/form-errors-harness.d.ts

@@ -2,7 +2,6 @@ import { HarnessPredicate } from '@angular/cdk/testing';
 import { SkyComponentHarness } from '@skyux/core/testing';
 import { SkyFormErrorsHarnessFilters } from './form-errors-harness.filters';
 export declare class SkyFormErrorsHarness extends SkyComponentHarness {
-    #private;
     /**
      * @internal
      */
@@ -12,14 +11,14 @@ export declare class SkyFormErrorsHarness extends SkyComponentHarness {
      * `SkyFormErrorsHarness` that meets certain criteria
      */
     static with(filters: SkyFormErrorsHarnessFilters): HarnessPredicate<SkyFormErrorsHarness>;
-    getNumberOfErrors(): Promise<number>;
-    hasRequiredError(): Promise<boolean>;
-    hasMaxLengthError(): Promise<boolean>;
-    hasMinLengthError(): Promise<boolean>;
-    hasCharacterCountError(): Promise<boolean>;
-    hasDateError(): Promise<boolean>;
-    hasEmailError(): Promise<boolean>;
-    hasPhoneFieldError(): Promise<boolean>;
-    hasTimeError(): Promise<boolean>;
-    hasUrlError(): Promise<boolean>;
+    /**
+     * Gets a list of all errors fired.
+     */
+    getFormErrors(): Promise<{
+        errorName: string | null;
+    }[]>;
+    /**
+     * Whether an error with the given name has fired.
+     */
+    hasError(errorName: string): Promise<boolean>;
 }

package/testing/input-box/input-box-harness.d.ts

@@ -32,6 +32,42 @@ export declare class SkyInputBoxHarness extends SkyComponentHarness {
      * handled by input box.
      */
     getCustomErrors(): Promise<SkyStatusIndicatorHarness[]>;
+    /**
+     * Whether the custom error is triggered.
+     */
+    hasCustomFormError(errorName: string): Promise<boolean>;
+    /**
+     * Whether the required field is empty.
+     */
+    hasRequiredError(): Promise<boolean>;
+    /**
+     * Whether the field has more characters than allowed.
+     */
+    hasMaxLengthError(): Promise<boolean>;
+    /**
+     * Whether the field has fewer characters than allowed.
+     */
+    hasMinLengthError(): Promise<boolean>;
+    /**
+     * Whether the field is set to an invalid email address.
+     */
+    hasEmailError(): Promise<boolean>;
+    /**
+     * Whether the field is set to an invalid URL.
+     */
+    hasUrlError(): Promise<boolean>;
+    /**
+     * Whether the field is set to an invalid date.
+     */
+    hasDateError(): Promise<boolean>;
+    /**
+     * Whether the field is set to an invalid phone number.
+     */
+    hasPhoneFieldError(): Promise<boolean>;
+    /**
+     * Whether the field is set to an invalid time.
+     */
+    hasTimeError(): Promise<boolean>;
     /**
      * Indicates whether the input box has disabled styles applied.
      */
@@ -51,7 +87,6 @@ export declare class SkyInputBoxHarness extends SkyComponentHarness {
     getHintText(): Promise<string>;
     /**
      * Indicates whether the input box has stacked styles applied.
-     * @returns
      */
     getStacked(): Promise<boolean>;
 }