@skyux/forms 10.19.0 → 10.21.0

package/index.d.ts

@@ -1,5 +1,7 @@
 export { SkyCharacterCounterModule } from './lib/modules/character-counter/character-counter.module';
 export { SkyCheckboxChange } from './lib/modules/checkbox/checkbox-change';
+export { SkyCheckboxGroupHeadingLevel } from './lib/modules/checkbox/checkbox-group-heading-level';
+export { SkyCheckboxGroupHeadingStyle } from './lib/modules/checkbox/checkbox-group-heading-style';
 export { SkyCheckboxModule } from './lib/modules/checkbox/checkbox.module';
 export { SkyFieldGroupModule } from './lib/modules/field-group/field-group.module';
 export { SkyFieldGroupHeadingLevel } from './lib/modules/field-group/field-group-heading-level';
@@ -17,8 +19,10 @@ export { SkyFormErrorModule } from './lib/modules/form-error/form-error.module';
 export { SkyInputBoxHostService } from './lib/modules/input-box/input-box-host.service';
 export { SkyInputBoxPopulateArgs } from './lib/modules/input-box/input-box-populate-args';
 export { SkyInputBoxModule } from './lib/modules/input-box/input-box.module';
-export { SkyRadioModule } from './lib/modules/radio/radio.module';
 export { SkyRadioChange } from './lib/modules/radio/types/radio-change';
+export { SkyRadioGroupHeadingLevel } from './lib/modules/radio/types/radio-group-heading-level';
+export { SkyRadioGroupHeadingStyle } from './lib/modules/radio/types/radio-group-heading-style';
+export { SkyRadioModule } from './lib/modules/radio/radio.module';
 export { SkyRadioType } from './lib/modules/radio/types/radio-type';
 export { SkyRequiredStateDirective } from './lib/modules/required-state/required-state.directive';
 export { SkySelectionBoxModule } from './lib/modules/selection-box/selection-box.module';

package/lib/modules/checkbox/checkbox-group-heading-level.d.ts

@@ -0,0 +1 @@
+export type SkyCheckboxGroupHeadingLevel = 3 | 4 | 5;

package/lib/modules/checkbox/checkbox-group-heading-style.d.ts

@@ -0,0 +1 @@
+export type SkyCheckboxGroupHeadingStyle = 3 | 4 | 5;

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

@@ -1,5 +1,7 @@
 import { TemplateRef } from '@angular/core';
 import { FormGroup } from '@angular/forms';
+import { SkyCheckboxGroupHeadingLevel } from './checkbox-group-heading-level';
+import { SkyCheckboxGroupHeadingStyle } from './checkbox-group-heading-style';
 import * as i0 from "@angular/core";
 /**
  * Organizes checkboxes into a group.
@@ -29,6 +31,18 @@ export declare class SkyCheckboxGroupComponent {
      * @preview
      */
     headingHidden: boolean;
+    /**
+     * The semantic heading level in the document structure.
+     * @preview
+     * @default 3
+     */
+    headingLevel: SkyCheckboxGroupHeadingLevel;
+    /**
+     * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
+     * @preview
+     * @default 3
+     */
+    set headingStyle(value: SkyCheckboxGroupHeadingStyle);
     /**
      * [Persistent inline help text](https://developer.blackbaud.com/skyux/design/guidelines/user-assistance#inline-help) that provides
      * additional context to the user.
@@ -59,9 +73,12 @@ export declare class SkyCheckboxGroupComponent {
     helpKey: string | undefined;
     protected errorId: string;
     protected formErrorsDataId: string;
+    protected headingClass: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyCheckboxGroupComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SkyCheckboxGroupComponent, "sky-checkbox-group", never, { "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "headingText": { "alias": "headingText"; "required": true; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": true; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, 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; }; "headingText": { "alias": "headingText"; "required": true; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "formGroup": { "alias": "formGroup"; "required": true; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, never, ["sky-checkbox[icon]", "sky-checkbox", "sky-form-error"], true, never>;
     static ngAcceptInputType_headingHidden: unknown;
+    static ngAcceptInputType_headingLevel: unknown;
+    static ngAcceptInputType_headingStyle: unknown;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_stacked: unknown;
 }

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

@@ -29,13 +29,15 @@ export declare class SkyFieldGroupComponent {
      */
     stacked: boolean;
     /**
-     * The heading level in the document structure.
+     * The semantic heading level in the document structure.
      * @preview
+     * @default 3
      */
     headingLevel: SkyFieldGroupHeadingLevel;
     /**
-     * The heading font style.
+     * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
      * @preview
+     * @default 3
      */
     set headingStyle(value: SkyFieldGroupHeadingStyle);
     /**

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

@@ -66,6 +66,10 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
      */
     set hintText(value: string | undefined);
     get hintText(): string | undefined;
+    /**
+     * @internal
+     */
+    errorsScreenReaderOnly: import("@angular/core").InputSignalWithTransform<boolean, unknown>;
     hostInputTemplate: TemplateRef<unknown> | undefined;
     hostButtonsTemplate: TemplateRef<unknown> | undefined;
     hostButtonsInsetTemplate: TemplateRef<unknown> | undefined;
@@ -103,5 +107,5 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
     setHostHintText(value: string | undefined): void;
     setHintTextScreenReaderOnly(hide: boolean): 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; }; "helpKey": { "alias": "helpKey"; "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>;
+    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; }; "helpKey": { "alias": "helpKey"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "errorsScreenReaderOnly": { "alias": "errorsScreenReaderOnly"; "required": false; "isSignal": true; }; }, {}, ["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/radio/radio-group.component.d.ts

@@ -41,13 +41,15 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     set disabled(value: boolean | undefined);
     get disabled(): boolean;
     /**
-     * The heading level in the document structure.
+     * The semantic heading level in the document structure.
      * @preview
+     * @default 3
      */
     headingLevel: SkyRadioGroupHeadingLevel;
     /**
-     * The heading font style.
+     * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
      * @preview
+     * @default 3
      */
     set headingStyle(value: SkyRadioGroupHeadingStyle);
     /**
@@ -118,6 +120,12 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
      * @preview
      */
     helpPopoverTitle: string | undefined;
+    /**
+     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
+     * placed beside the radio group heading. Clicking the button invokes global help as configured by the application.
+     * @preview
+     */
+    helpKey: 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
@@ -145,7 +153,7 @@ 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; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "headingText": { "alias": "headingText"; "required": false; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "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; }; "headingLevel": { "alias": "headingLevel"; "required": false; }; "headingStyle": { "alias": "headingStyle"; "required": false; }; "name": { "alias": "name"; "required": false; }; "required": { "alias": "required"; "required": false; }; "stacked": { "alias": "stacked"; "required": false; }; "value": { "alias": "value"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "headingText": { "alias": "headingText"; "required": false; }; "headingHidden": { "alias": "headingHidden"; "required": false; }; "hintText": { "alias": "hintText"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, {}, ["radios"], ["*", "sky-form-error"], false, never>;
     static ngAcceptInputType_headingLevel: unknown;
     static ngAcceptInputType_headingStyle: unknown;
     static ngAcceptInputType_stacked: unknown;

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

@@ -124,6 +124,12 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
      * @preview
      */
     hintText: string | undefined;
+    /**
+     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
+     * placed beside the radio button label. Clicking the button invokes global help as configured by the application.
+     * @preview
+     */
+    helpKey: string | undefined;
     /**
      * Fires when users select a radio button.
      */
@@ -156,6 +162,6 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
     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; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "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 ɵ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; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "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; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; }, never, ["sky-radio-label"], false, never>;
     static ngAcceptInputType_labelHidden: unknown;
 }

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

@@ -55,6 +55,12 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
      * @preview
      */
     labelHidden: boolean;
+    /**
+     * A help key that identifies the global help content to display. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline) button is
+     * placed beside the toggle switch label. Clicking the button invokes global help as configured by the application.
+     * @preview
+     */
+    helpKey: string | undefined;
     /**
      * Fires when the checked state of a toggle switch changes.
      */
@@ -76,6 +82,6 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
     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; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "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 ɵcmp: i0.ɵɵComponentDeclaration<SkyToggleSwitchComponent, "sky-toggle-switch", never, { "ariaLabel": { "alias": "ariaLabel"; "required": false; }; "checked": { "alias": "checked"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; "helpPopoverContent": { "alias": "helpPopoverContent"; "required": false; }; "helpPopoverTitle": { "alias": "helpPopoverTitle"; "required": false; }; "tabIndex": { "alias": "tabIndex"; "required": false; }; "labelText": { "alias": "labelText"; "required": false; }; "labelHidden": { "alias": "labelHidden"; "required": false; }; "helpKey": { "alias": "helpKey"; "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.19.0",
+  "version": "10.21.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.19.0",
-    "@skyux/core": "10.19.0",
-    "@skyux/help-inline": "10.19.0",
-    "@skyux/i18n": "10.19.0",
-    "@skyux/indicators": "10.19.0",
-    "@skyux/popovers": "10.19.0",
-    "@skyux/theme": "10.19.0"
+    "@skyux-sdk/testing": "10.21.0",
+    "@skyux/core": "10.21.0",
+    "@skyux/help-inline": "10.21.0",
+    "@skyux/i18n": "10.21.0",
+    "@skyux/indicators": "10.21.0",
+    "@skyux/popovers": "10.21.0",
+    "@skyux/theme": "10.21.0"
   },
   "dependencies": {
     "tslib": "^2.6.2"