@skyux/forms 10.7.0 → 10.9.0

package/index.d.ts

@@ -26,6 +26,7 @@ export { SkySelectionBoxGridAlignItemsType } from './lib/modules/selection-box/t
 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 { SkyFormFieldLabelTextRequiredService } from './lib/modules/shared/form-field-label-text-required.service';
 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';

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

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
 import * as i0 from "@angular/core";
 /**
@@ -5,6 +6,19 @@ import * as i0 from "@angular/core";
  */
 export declare class SkyCheckboxGroupComponent {
     #private;
+    /**
+     * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to the checkbox group fieldset legend. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title.
+     * @preview
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     * @preview
+     */
+    helpPopoverTitle: string | undefined;
     /**
      * The text to display as the checkbox group's label.
      * @preview
@@ -15,6 +29,12 @@ export declare class SkyCheckboxGroupComponent {
      * @preview
      */
     labelHidden: boolean;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     * @preview
+     */
+    hintText: string | undefined;
     /**
      * Whether the checkbox group is required.
      * @preview
@@ -35,7 +55,7 @@ export declare class SkyCheckboxGroupComponent {
     protected errorId: string;
     protected formErrorsDataId: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxGroupComponent, "sky-checkbox-group", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": true; }; }, {}, never, ["sky-checkbox[icon]", "sky-checkbox", "sky-form-error"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxGroupComponent, "sky-checkbox-group", never, { "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "labelText": { "alias": "labelText"; "required": true; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": true; }; }, {}, never, ["sky-checkbox[icon]", "sky-checkbox", "sky-form-error"], true, never>;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_stacked: unknown;

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

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnInit } from '@angular/core';
+import { ElementRef, EventEmitter, OnInit, TemplateRef } from '@angular/core';
 import { ControlValueAccessor, NgControl } from '@angular/forms';
 import { Observable } from 'rxjs';
 import { SkyCheckboxChange } from './checkbox-change';
@@ -53,6 +53,19 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
      */
     set name(value: string | undefined);
     get name(): string;
+    /**
+     * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to the checkbox label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title.
+     * @preview
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     * @preview
+     */
+    helpPopoverTitle: string | undefined;
     /**
      * Fires when the selected value changes.
      */
@@ -108,6 +121,12 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
      * @preview
      */
     labelHidden: boolean;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     * @preview
+     */
+    hintText: string | undefined;
     /**
      * Fires when users select or deselect the checkbox.
      */
@@ -123,6 +142,7 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
     get indeterminateChange(): Observable<boolean>;
     set inputEl(el: ElementRef | undefined);
     get inputEl(): ElementRef | undefined;
+    display: string | undefined;
     protected inputId: string;
     protected readonly ngControl: NgControl | null;
     protected readonly errorId: string;
@@ -153,6 +173,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; }; "labelHidden": { "alias": "labelHidden"; "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; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "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; }; "hintText": { "alias": "hintText"; "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

@@ -8,10 +8,11 @@ import * as i6 from "./checkbox-group.component";
 import * as i7 from "../form-error/form-error.module";
 import * as i8 from "../form-error/form-errors.module";
 import * as i9 from "../shared/sky-forms-resources.module";
-import * as i10 from "@skyux/indicators";
-import * as i11 from "@skyux/core";
+import * as i10 from "@skyux/help-inline";
+import * as i11 from "@skyux/indicators";
+import * as i12 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.SkyCheckboxLabelTextLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule, typeof i8.SkyFormErrorsModule, typeof i9.SkyFormsResourcesModule, typeof i10.SkyIconModule, typeof i11.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyCheckboxModule, [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i3.SkyCheckboxLabelTextLabelComponent], [typeof i4.CommonModule, typeof i5.FormsModule, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule, typeof i8.SkyFormErrorsModule, typeof i9.SkyFormsResourcesModule, typeof i10.SkyHelpInlineModule, typeof i11.SkyIconModule, typeof i12.SkyIdModule, typeof i12.SkyTrimModule], [typeof i1.SkyCheckboxComponent, typeof i2.SkyCheckboxLabelComponent, typeof i6.SkyCheckboxGroupComponent, typeof i7.SkyFormErrorModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyCheckboxModule>;
 }

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

@@ -1,3 +1,4 @@
+import { TemplateRef } from '@angular/core';
 import { SkyFieldGroupHeadingLevel } from './field-group-heading-level';
 import { SkyFieldGroupHeadingStyle } from './field-group-heading-style';
 import * as i0 from "@angular/core";
@@ -10,6 +11,12 @@ export declare class SkyFieldGroupComponent {
      * @preview
      */
     labelText: string;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     * @preview
+     */
+    hintText: string | undefined;
     /**
      * Indicates whether to hide the `labelText`.
      * @preview
@@ -31,9 +38,22 @@ export declare class SkyFieldGroupComponent {
      * @preview
      */
     set headingStyle(value: SkyFieldGroupHeadingStyle);
+    /**
+     * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
+     * button is added to the field group label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * when clicked using the specified content and optional title.
+     * @preview
+     */
+    helpPopoverContent: string | TemplateRef<unknown> | undefined;
+    /**
+     * The title of the help popover. This property only applies when `helpPopoverContent` is
+     * also specified.
+     * @preview
+     */
+    helpPopoverTitle: string | undefined;
     protected headingClass: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFieldGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFieldGroupComponent, "sky-field-group", never, { "labelText": { "alias": "labelText"; "required": true; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; }, {}, never, ["*"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyFieldGroupComponent, "sky-field-group", never, { "labelText": { "alias": "labelText"; "required": true; }; "hintText": { "alias": "hintText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; }, {}, never, ["*"], true, never>;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_stacked: unknown;
     static ngAcceptInputType_headingLevel: unknown;

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

@@ -30,7 +30,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
     get disabled(): boolean;
     /**
      * The content of the help popover. When specified along with `labelText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
-     * button is added to the input box label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
+     * button is added to the single file attachment label. The help inline button displays a [popover](https://developer.blackbaud.com/skyux/components/popover)
      * when clicked using the specified content and optional title.
      * @preview
      */
@@ -51,6 +51,12 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
      * @preview
      */
     labelHidden: boolean;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     * @preview
+     */
+    hintText: string | undefined;
     /**
      * The maximum size in bytes for valid files.
      * @default 500000
@@ -90,6 +96,7 @@ export declare class SkyFileAttachmentComponent implements AfterViewInit, AfterC
      * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
      */
     required: boolean | undefined;
+    display: string | undefined;
     set value(value: SkyFileItem | undefined | null);
     get value(): SkyFileItem | undefined;
     currentThemeName: string | undefined;
@@ -127,6 +134,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; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "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 ɵcmp: i0.ɵɵComponentDeclaration<SkyFileAttachmentComponent, "sky-file-attachment", never, { "acceptedTypes": { "alias": "acceptedTypes"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "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-drop.component.d.ts

@@ -1,4 +1,4 @@
-import { ElementRef, EventEmitter, OnDestroy } from '@angular/core';
+import { ElementRef, EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { SkyFileItem } from './file-item';
 import { SkyFileLink } from './file-link';
 import { SkyFileValidateFn } from './file-validate-function';
@@ -14,7 +14,7 @@ import * as i0 from "@angular/core";
  * outside of the file drop component, you can place the `sky-file-drop-target` CSS class
  * on the element that receives drop events to exempt it from the drop exclusion rule.
  */
-export declare class SkyFileDropComponent implements OnDestroy {
+export declare class SkyFileDropComponent implements OnInit, OnDestroy {
     #private;
     /**
      * Fires when users add or remove files.
@@ -104,11 +104,13 @@ export declare class SkyFileDropComponent implements OnDestroy {
      */
     required: boolean;
     inputEl: ElementRef | undefined;
+    display: string | undefined;
     rejectedOver: boolean;
     acceptedOver: boolean;
     linkUrl: string | undefined;
     protected errorId: string;
     protected rejectedFiles: SkyFileItem[];
+    ngOnInit(): void;
     ngOnDestroy(): void;
     dropClicked(): void;
     fileChangeEvent(fileChangeEvent: Event): void;

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

@@ -75,6 +75,7 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     readonly hintTextId: string;
     readonly ariaDescribedBy: ReplaySubject<string | undefined>;
     cssClass: string;
+    display: string | undefined;
     formControl: FormControlDirective | undefined;
     formControlByName: FormControlName | undefined;
     ngModel: NgModel | undefined;

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

@@ -1,4 +1,4 @@
-import { AfterContentInit, AfterViewInit, ChangeDetectorRef, OnDestroy, QueryList } from '@angular/core';
+import { AfterContentInit, AfterViewInit, ChangeDetectorRef, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { SkyRadioGroupIdService } from './radio-group-id.service';
 import { SkyRadioComponent } from './radio.component';
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  * On Angular forms, the component manages the selected values and keeps the forms up-to-date.
  * When users select a radio button, its value is driven through an `ngModel` attribute that you specify on the `sky-radio-group` element.
  */
-export declare class SkyRadioGroupComponent implements AfterContentInit, AfterViewInit, OnDestroy {
+export declare class SkyRadioGroupComponent implements AfterContentInit, AfterViewInit, OnInit, OnDestroy {
     #private;
     /**
      * The HTML element ID of the element that labels
@@ -80,6 +80,13 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
      * @preview
      */
     labelHidden: boolean;
+    display: string | undefined;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     * @preview
+     */
+    hintText: string | undefined;
     /**
      * Our radio components are usually implemented using an unordered list. This is an
      * accessibility violation because the unordered list has an implicit role which
@@ -95,6 +102,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     watchForSelections(): void;
+    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: unknown): void;
     /**
@@ -105,6 +113,6 @@ 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; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], 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; }; "hintText": { "alias": "hintText"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], false, never>;
     static ngAcceptInputType_labelHidden: unknown;
 }

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

@@ -1,4 +1,4 @@
-import { EventEmitter, OnDestroy } from '@angular/core';
+import { EventEmitter, OnDestroy, OnInit } from '@angular/core';
 import { ControlValueAccessor } from '@angular/forms';
 import { Subject } from 'rxjs';
 import { SkyRadioChange } from './types/radio-change';
@@ -9,7 +9,7 @@ import * as i0 from "@angular/core";
  * with `type="radio"`. When users select a radio button, its value is driven through an
  * `ngModel` attribute that you specify on the `sky-radio` element or the parent `sky-radio-group` element.
  */
-export declare class SkyRadioComponent implements OnDestroy, ControlValueAccessor {
+export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValueAccessor {
     #private;
     /**
      * Fires when users focus off a radio button.
@@ -105,6 +105,12 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
      * @preview
      */
     labelHidden: boolean;
+    /**
+     * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
+     * additional context to the user.
+     * @preview
+     */
+    hintText: string | undefined;
     /**
      * Fires when users select a radio button.
      */
@@ -117,11 +123,13 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
      * Fires when the selected value changes.
      */
     disabledChange: EventEmitter<boolean>;
+    display: string | undefined;
     set selectedValue(value: any);
     get selectedValue(): any;
     radioGroupDisabled: boolean;
     protected inputId: string;
     constructor();
+    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: unknown): void;
     /**
@@ -135,6 +143,6 @@ export declare class SkyRadioComponent implements OnDestroy, ControlValueAccesso
     onInputChange(event: Event): void;
     onInputFocusChange(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioComponent, "sky-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SkyRadioComponent, "sky-radio", never, { "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "id": { "alias": "id"; "required": false; }; "label": { "alias": "label"; "required": false; }; "labelledBy": { "alias": "labelledBy"; "required": false; }; "name": { "alias": "name"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "value": { "alias": "value"; "required": false; }; "icon": { "alias": "icon"; "required": false; }; "radioType": { "alias": "radioType"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, never>;
     static ngAcceptInputType_labelHidden: unknown;
 }

package/lib/modules/shared/form-field-label-text-required.service.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+/**
+ * Requires child form field components of field groups to use label text.
+ * @internal
+ */
+export declare class SkyFormFieldLabelTextRequiredService {
+    validateLabelText(text: string | undefined): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<SkyFormFieldLabelTextRequiredService, never>;
+    static ɵprov: i0.ɵɵInjectableDeclaration<SkyFormFieldLabelTextRequiredService>;
+}

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

@@ -1,10 +1,10 @@
-import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, QueryList } from '@angular/core';
+import { AfterContentInit, ChangeDetectorRef, EventEmitter, OnDestroy, OnInit, QueryList } from '@angular/core';
 import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } from '@angular/forms';
 import { SkyIdService } from '@skyux/core';
 import { SkyToggleSwitchLabelComponent } from './toggle-switch-label.component';
 import { SkyToggleSwitchChange } from './types/toggle-switch-change';
 import * as i0 from "@angular/core";
-export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDestroy, ControlValueAccessor, Validator {
+export declare class SkyToggleSwitchComponent implements AfterContentInit, OnInit, OnDestroy, ControlValueAccessor, Validator {
     #private;
     /**
      * The ARIA label for the toggle switch. This sets the `aria-label`
@@ -50,8 +50,10 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnDes
     labelId: string;
     enableIndicatorAnimation: boolean;
     labelComponents: QueryList<SkyToggleSwitchLabelComponent> | undefined;
+    display: string | undefined;
     constructor(changeDetector: ChangeDetectorRef, idService: SkyIdService);
     ngAfterContentInit(): void;
+    ngOnInit(): void;
     ngOnDestroy(): void;
     writeValue(value: boolean): void;
     validate(control: AbstractControl): ValidationErrors | null;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/forms",
-  "version": "10.7.0",
+  "version": "10.9.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -41,13 +41,13 @@
     "@angular/core": "^17.3.4",
     "@angular/forms": "^17.3.4",
     "@angular/platform-browser": "^17.3.4",
-    "@skyux-sdk/testing": "10.7.0",
-    "@skyux/core": "10.7.0",
-    "@skyux/help-inline": "10.7.0",
-    "@skyux/i18n": "10.7.0",
-    "@skyux/indicators": "10.7.0",
-    "@skyux/popovers": "10.7.0",
-    "@skyux/theme": "10.7.0"
+    "@skyux-sdk/testing": "10.9.0",
+    "@skyux/core": "10.9.0",
+    "@skyux/help-inline": "10.9.0",
+    "@skyux/i18n": "10.9.0",
+    "@skyux/indicators": "10.9.0",
+    "@skyux/popovers": "10.9.0",
+    "@skyux/theme": "10.9.0"
   },
   "dependencies": {
     "tslib": "^2.6.2"

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

@@ -1,4 +1,5 @@
 import { HarnessPredicate } from '@angular/cdk/testing';
+import { TemplateRef } from '@angular/core';
 import { SkyComponentHarness } from '@skyux/core/testing';
 import { SkyCheckboxHarnessFilters } from './checkbox-harness-filters';
 /**
@@ -20,6 +21,10 @@ export declare class SkyCheckboxHarness extends SkyComponentHarness {
      * Blurs the checkbox.
      */
     blur(): Promise<void>;
+    /**
+     * Clicks the help inline button.
+     */
+    clickHelpInline(): Promise<void>;
     /**
      * Puts the checkbox in a checked state by toggling it if it is currently unchecked, or doing nothing if it is already checked.
      */
@@ -36,6 +41,14 @@ export declare class SkyCheckboxHarness extends SkyComponentHarness {
      * Gets the checkbox's aria-labelledby.
      */
     getAriaLabelledby(): Promise<string | null>;
+    /**
+     * Gets the help popover content.
+     */
+    getHelpPopoverContent(): Promise<TemplateRef<unknown> | string | undefined>;
+    /**
+     * Gets the help popover title.
+     */
+    getHelpPopoverTitle(): Promise<string | undefined>;
     /**
      * Gets the checkbox's label text. If the label is set via `labelText` and `labelHidden` is true,
      * the text will still be returned.
@@ -45,6 +58,10 @@ export declare class SkyCheckboxHarness extends SkyComponentHarness {
      * Whether the label is hidden. Only supported when using the `labelText` input to set the label.
      */
     getLabelHidden(): Promise<boolean>;
+    /**
+     * Gets the checkbox's hint text.
+     */
+    getHintText(): Promise<string>;
     /**
      * Gets the checkbox's name.
      */
@@ -53,6 +70,14 @@ export declare class SkyCheckboxHarness extends SkyComponentHarness {
      * Gets the checkbox's value.
      */
     getValue(): Promise<string | null>;
+    /**
+     * Whether the checkbox displays custom error.
+     */
+    hasCustomError(errorName: string): Promise<boolean>;
+    /**
+     * Whether the checkbox displays an error that it is required.
+     */
+    hasRequiredError(): Promise<boolean>;
     /**
      * Whether the checkbox is checked.
      */
@@ -73,6 +98,4 @@ 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>;
 }