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

package/lib/modules/checkbox/checkbox-label-text-label.component.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+/**
+@internal
+ */
+export declare class SkyCheckboxLabelTextLabelComponent {
+    #private;
+    labelHidden: boolean;
+    set labelText(value: string);
+    get labelText(): string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxLabelTextLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxLabelTextLabelComponent, "sky-checkbox-label-text-label", never, { "labelHidden": { "alias": "labelHidden"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; }, {}, never, never, false, never>;
+}

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

@@ -3,6 +3,7 @@ import * as i0 from "@angular/core";
  * Specifies a label for the checkbox. To display a help button beside the label, include a help button element, such as
  * `sky-help-inline`, in the `sky-checkbox-label` element and a `sky-control-help` CSS class on that help button
  * element.
+ * @deprecated Use `labelText` input on `sky-checkbox-component` instead.
  */
 export declare class SkyCheckboxLabelComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxLabelComponent, never>;

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

@@ -14,15 +14,19 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
      * [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility)
      * when the checkbox does not include a visible label. You must set this property for icon
      * checkboxes. If the checkbox includes a visible label, use `labelledBy` instead.
+     * @deprecated Use `labelText` instead.
      */
-    label: string | undefined;
+    set label(value: string | undefined);
+    get label(): string | undefined;
     /**
      * The HTML element ID of the element that labels the
      * checkbox. This sets the checkbox's `aria-labelledby` attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/components/checkbox#accessibility).
      * If the checkbox does not include a visible label, use `label` instead.
+     * @deprecated Use `labelText` instead.
      */
-    labelledBy: string | undefined;
+    set labelledBy(value: string | undefined);
+    get labelledBy(): string | undefined;
     /**
      * The ID for the checkbox.
      * If a value is not provided, an autogenerated ID is used.
@@ -97,8 +101,14 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
     /**
      * 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.
+     * @preview
      */
     labelText: string | undefined;
+    /**
+     * Indicates whether to hide the `labelText`.
+     * @preview
+     */
+    labelHidden: boolean;
     /**
      * Fires when users select or deselect the checkbox.
      */
@@ -144,5 +154,6 @@ 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; }; "labelText": { "alias": "labelText"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], 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; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, never>;
+    static ngAcceptInputType_labelHidden: unknown;
 }

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

@@ -1,15 +1,16 @@
 import * as i0 from "@angular/core";
 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 "../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";
+import * as i3 from "./checkbox-label-text-label.component";
+import * as i4 from "@angular/common";
+import * as i5 from "@angular/forms";
+import * as i6 from "../form-error/form-error.module";
+import * as i7 from "../form-error/form-errors.module";
+import * as i8 from "../shared/sky-forms-resources.module";
+import * as i9 from "@skyux/indicators";
+import * as i10 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.SkyFormErrorModule, typeof i6.SkyFormErrorsModule, typeof i7.SkyFormsResourcesModule, typeof i8.SkyIconModule, typeof i9.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i5.SkyFormErrorModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i3.SkyCheckboxLabelTextLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyFormErrorModule, typeof i7.SkyFormErrorsModule, typeof i8.SkyFormsResourcesModule, typeof i9.SkyIconModule, typeof i10.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i6.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyCheckboxModule>;
 }

package/lib/modules/file-attachment/file-attachment-label.component.d.ts

@@ -3,11 +3,13 @@ import * as i0 from "@angular/core";
  * Displays a label above the file attachment element. To display a help button beside the label, include a help button
  * element, such as `sky-help-inline`, in the `sky-file-attachment-label` element and a `sky-control-help` CSS class on
  * that help button element.
+ * @deprecated use the `labelText` input on the single file attachment component instead.
  */
 export declare class SkyFileAttachmentLabelComponent {
     labelContentId: {
         id: string;
     } | undefined;
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentLabelComponent, "sky-file-attachment-label", never, {}, {}, never, ["*", ".sky-control-help"], false, never>;
 }

package/lib/modules/file-attachment/file-attachment.component.d.ts

@@ -1,9 +1,10 @@
 import { AfterContentInit, AfterViewInit, ChangeDetectorRef, ElementRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
-import { NgControl } from '@angular/forms';
+import { NgControl, ValidationErrors } from '@angular/forms';
 import { SkyThemeService } from '@skyux/theme';
 import { SkyFileAttachmentLabelComponent } from './file-attachment-label.component';
 import { SkyFileAttachmentService } from './file-attachment.service';
 import { SkyFileItem } from './file-item';
+import { SkyFileItemErrorType } from './file-item-error-type';
 import { SkyFileItemService } from './file-item.service';
 import { SkyFileValidateFn } from './file-validate-function';
 import { SkyFileAttachmentChange } from './types/file-attachment-change';
@@ -27,6 +28,16 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
      */
     set disabled(value: boolean | undefined);
     get disabled(): boolean;
+    /**
+     * The text to display as the file attachment's label.
+     * @preview
+     */
+    labelText: string | undefined;
+    /**
+     * Whether to hide `labelText` from view.
+     * @preview
+     */
+    labelHidden: boolean;
     /**
      * The maximum size in bytes for valid files.
      * @default 500000
@@ -75,6 +86,11 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
     inputEl: ElementRef | undefined;
     labelComponents: QueryList<SkyFileAttachmentLabelComponent> | undefined;
     isImage: boolean;
+    protected ngControl: NgControl | undefined;
+    protected errorId: string;
+    protected fileErrorName: SkyFileItemErrorType | undefined;
+    protected fileErrorParam: string | undefined;
+    protected fileErrorValidation: ValidationErrors | null | undefined;
     constructor(changeDetector: ChangeDetectorRef, fileAttachmentService: SkyFileAttachmentService, fileItemService: SkyFileItemService, ngControl?: NgControl, themeSvc?: SkyThemeService);
     ngOnInit(): void;
     ngAfterViewInit(): void;
@@ -98,5 +114,6 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
     setDisabledState(isDisabled: boolean): void;
     emitClick(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentComponent, [null, null, null, { optional: true; self: true; }, { optional: true; }]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-file-attachment-label"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "maxFileSize": { "alias": "maxFileSize"; "required": false; }; "minFileSize": { "alias": "minFileSize"; "required": false; }; "validateFn": { "alias": "validateFn"; "required": false; }; "required": { "alias": "required"; "required": false; }; }, { "fileChange": "fileChange"; "fileClick": "fileClick"; }, ["labelComponents"], ["sky-form-error", "sky-file-attachment-label"], false, never>;
+    static ngAcceptInputType_labelHidden: unknown;
 }

package/lib/modules/file-attachment/file-attachments.module.d.ts

@@ -7,11 +7,13 @@ import * as i5 from "./file-size.pipe";
 import * as i6 from "@angular/common";
 import * as i7 from "@angular/forms";
 import * as i8 from "../shared/sky-forms-resources.module";
-import * as i9 from "@skyux/indicators";
-import * as i10 from "@skyux/core";
-import * as i11 from "@skyux/theme";
+import * as i9 from "../form-error/form-error.module";
+import * as i10 from "../form-error/form-errors.module";
+import * as i11 from "@skyux/indicators";
+import * as i12 from "@skyux/core";
+import * as i13 from "@skyux/theme";
 export declare class SkyFileAttachmentsModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileAttachmentsModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.SkyFormsResourcesModule, typeof i9.SkyIconModule, typeof i10.SkyIdModule, typeof i11.SkyThemeModule, typeof i10.SkyTrimModule], [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyFileAttachmentsModule, [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe], [typeof i6.CommonModule, typeof i7.FormsModule, typeof i8.SkyFormsResourcesModule, typeof i9.SkyFormErrorModule, typeof i10.SkyFormErrorsModule, typeof i11.SkyIconModule, typeof i12.SkyIdModule, typeof i13.SkyThemeModule, typeof i12.SkyTrimModule], [typeof i1.SkyFileAttachmentComponent, typeof i2.SkyFileAttachmentLabelComponent, typeof i3.SkyFileDropComponent, typeof i4.SkyFileItemComponent, typeof i5.SkyFileSizePipe]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyFileAttachmentsModule>;
 }

package/lib/modules/input-box/input-box-hint-text.pipe.d.ts

@@ -0,0 +1,10 @@
+import { PipeTransform } from '@angular/core';
+import * as i0 from "@angular/core";
+/**
+ * @internal
+ */
+export declare class SkyInputBoxHintTextPipe implements PipeTransform {
+    transform(hintText?: string, hostHintText?: string): string | undefined;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHintTextPipe, never>;
+    static ɵpipe: i0.ɵɵPipeDeclaration<SkyInputBoxHintTextPipe, "skyInputBoxHintText", true>;
+}

package/lib/modules/input-box/input-box-host.service.d.ts

@@ -12,6 +12,8 @@ export declare class SkyInputBoxHostService {
     get ariaDescribedBy(): Observable<string | undefined> | undefined;
     init(host: SkyInputBoxComponent): void;
     populate(args: SkyInputBoxPopulateArgs): void;
+    setHintText(hintText: string | undefined): void;
+    setHintTextHidden(hide: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyInputBoxHostService, never>;
     static ɵprov: i0.ɵɵInjectableDeclaration<SkyInputBoxHostService>;
 }

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

@@ -64,6 +64,8 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     formControlHasFocus: boolean;
     hostIconsInsetTemplate: TemplateRef<unknown> | undefined;
     hostIconsInsetLeftTemplate: TemplateRef<unknown> | undefined;
+    protected hintTextHidden: boolean;
+    protected hostHintText: string | undefined;
     readonly controlId: string;
     readonly errorId: string;
     readonly hintTextId: string;
@@ -85,6 +87,8 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     formControlFocusOut(): void;
     onInsetIconClick(): void;
     populate(args: SkyInputBoxPopulateArgs): void;
+    setHintTextHidden(hide: boolean): void;
+    setHostHintText(value: string | undefined): 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-form-error", ".sky-error-label,.sky-error-indicator"], false, never>;
 }

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

@@ -7,9 +7,10 @@ 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";
+import * as i9 from "./input-box-hint-text.pipe";
+import * as i10 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.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 ɵ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.SkyInputBoxHintTextPipe, typeof i10.SkyThemeModule], [typeof i1.SkyInputBoxComponent, typeof i7.SkyInputBoxControlDirective, typeof i5.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyInputBoxModule>;
 }

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

@@ -72,10 +72,12 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     get tabIndex(): number | undefined;
     /**
      * The text to display as the radio group's label.
+     * @preview
      */
     labelText: string | undefined;
     /**
      * Indicates whether to hide the `labelText`.
+     * @preview
      */
     labelHidden: boolean;
     /**
@@ -87,7 +89,6 @@ 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);
@@ -105,4 +106,5 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     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; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], false, never>;
+    static ngAcceptInputType_labelHidden: unknown;
 }

package/lib/modules/toggle-switch/toggle-switch-label.component.d.ts

@@ -3,8 +3,10 @@ import * as i0 from "@angular/core";
  * Specifies the label to display beside the toggle switch. To display a help button beside the label, include a help
  * button element, such as `sky-help-inline`, in the `sky-toggle-switch` element and a `sky-control-help` CSS class on
  * that help button element.
+ * @deprecated Use the `labelText` input on the toggle switch component instead.
  */
 export declare class SkyToggleSwitchLabelComponent {
+    constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchLabelComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchLabelComponent, "sky-toggle-switch-label", never, {}, {}, never, ["*"], false, never>;
 }

package/lib/modules/toggle-switch/toggle-switch.component.d.ts

@@ -12,8 +12,10 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDes
      * Use a context-sensitive label, such as "Activate annual fundraiser" for a toggle switch that activates and deactivates an annual fundraiser. Context is especially important if multiple toggle switches are in close proximity.
      * When the `sky-toggle-switch-label` component displays a visible label, this property is only necessary if that label requires extra context.
      * For more information about the `aria-label` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-label).
+     * @deprecated Use the `labelText` input instead.
      */
-    ariaLabel: string | undefined;
+    set ariaLabel(value: string | undefined);
+    get ariaLabel(): string | undefined;
     /**
      * Whether the toggle switch is selected.
      * @default false
@@ -30,6 +32,16 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDes
      * of the toggle switch on load.
      */
     tabIndex: number | undefined;
+    /**
+     * The text to display as the toggle switch's label.
+     * @preview
+     */
+    labelText: string | undefined;
+    /**
+     * Whether to hide `labelText` from view.
+     * @preview
+     */
+    labelHidden: boolean;
     /**
      * Fires when the checked state of a toggle switch changes.
      */
@@ -49,5 +61,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDes
     onButtonClick(event: any): void;
     onButtonBlur(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyToggleSwitchComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, { "toggleChange": "toggleChange"; }, ["labelComponents"], [".sky-control-help", "sky-toggle-switch-label"], false, never>;
+    static ngAcceptInputType_labelHidden: unknown;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "10.0.0-alpha.2",
+  "version": "10.0.0-alpha.4",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -36,17 +36,17 @@
     }
   },
   "peerDependencies": {
-    "@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"
+    "@angular/cdk": "^17.2.2",
+    "@angular/common": "^17.2.4",
+    "@angular/core": "^17.2.4",
+    "@angular/forms": "^17.2.4",
+    "@angular/platform-browser": "^17.2.4",
+    "@skyux-sdk/testing": "10.0.0-alpha.4",
+    "@skyux/core": "10.0.0-alpha.4",
+    "@skyux/i18n": "10.0.0-alpha.4",
+    "@skyux/indicators": "10.0.0-alpha.4",
+    "@skyux/popovers": "10.0.0-alpha.4",
+    "@skyux/theme": "10.0.0-alpha.4"
   },
   "dependencies": {
     "tslib": "^2.6.2"

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

@@ -37,9 +37,14 @@ export declare class SkyCheckboxHarness extends SkyComponentHarness {
      */
     getAriaLabelledby(): Promise<string | null>;
     /**
-     * Gets the checkbox's label text.
+     * Gets the checkbox's label text. If the label is set via `labelText` and `labelHidden` is true,
+     * the text will still be returned.
      */
     getLabelText(): Promise<string | undefined>;
+    /**
+     * Whether the label is hidden. Only supported when using the `labelText` input to set the label.
+     */
+    getLabelHidden(): Promise<boolean>;
     /**
      * Gets the checkbox's name.
      */

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

@@ -0,0 +1,16 @@
+import { ComponentHarness } from '@angular/cdk/testing';
+/**
+ * Harness for interacting with a `labelText` checkbox label component in tests.
+ * @internal
+ */
+export declare class SkyCheckboxLabelTextLabelHarness extends ComponentHarness {
+    #private;
+    /**
+     * @internal
+     */
+    static hostSelector: string;
+    /**
+     * Gets the text content of the `labelText` checkbox label.
+     */
+    getText(): Promise<string | undefined>;
+}

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

@@ -1,5 +1,5 @@
-import { ComponentHarness, HarnessPredicate, HarnessQuery } from '@angular/cdk/testing';
-import { SkyComponentHarness } from '@skyux/core/testing';
+import { HarnessPredicate } from '@angular/cdk/testing';
+import { SkyQueryableComponentHarness } from '@skyux/core/testing';
 import { SkyStatusIndicatorHarness } from '@skyux/indicators/testing';
 import { SkyPopoverHarness } from '@skyux/popovers/testing';
 import { SkyCharacterCounterIndicatorHarness } from '../character-counter/character-counter-indicator-harness';
@@ -7,7 +7,7 @@ import { SkyInputBoxHarnessFilters } from './input-box-harness-filters';
 /**
  * Harness for interacting with an input box component in tests.
  */
-export declare class SkyInputBoxHarness extends SkyComponentHarness {
+export declare class SkyInputBoxHarness extends SkyQueryableComponentHarness {
     #private;
     /**
      * @internal
@@ -18,10 +18,6 @@ export declare class SkyInputBoxHarness extends SkyComponentHarness {
      * `SkyInputBoxHarness` that meets certain criteria.
      */
     static with(filters: SkyInputBoxHarnessFilters): HarnessPredicate<SkyInputBoxHarness>;
-    /**
-     * Returns a child harness.
-     */
-    queryHarness<T extends ComponentHarness>(query: HarnessQuery<T>): Promise<T | null>;
     /**
      * Gets the character counter indicator for the input box or throws an error if
      * a character limit is not specified.