@skyux/forms 10.32.0 → 10.34.0

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

@@ -12,52 +12,43 @@ export declare class SkyCheckboxGroupComponent implements Validator {
      * The content of the help popover. When specified, 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 heading.
-     * @preview
      */
     headingText: string;
     /**
      * Indicates whether to hide the `headingText`.
-     * @preview
      */
     headingHidden: boolean;
     /**
      * The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
-     * @preview
      */
     set headingLevel(value: SkyCheckboxGroupHeadingLevel | undefined);
     get headingLevel(): SkyCheckboxGroupHeadingLevel | undefined;
     /**
      * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
-     * @preview
      * @default 4
      */
-    headingStyle: SkyCheckboxGroupHeadingStyle;
+    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.
-     * @preview
      */
     hintText: string | undefined;
     /**
      * Whether the checkbox group is required.
-     * @preview
      */
     required: boolean;
     /**
      * Whether the checkbox group is stacked on another form component. When specified, the appropriate
      * vertical spacing is automatically added to the checkbox group.
-     * @preview
      */
     set stacked(value: boolean);
     get stacked(): boolean;
@@ -65,13 +56,12 @@ export declare class SkyCheckboxGroupComponent implements Validator {
      * 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 checkbox group heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
     stackedLg: boolean;
     stackedXL: boolean;
-    get headingClass(): string;
     protected errorId: string;
+    protected headingClass: string;
     protected formErrorsDataId: string;
     protected formGroup: FormGroup | null | undefined;
     validate(formGroup: FormGroup): ValidationErrors | null;

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

@@ -3,6 +3,7 @@ import { AbstractControl, ControlValueAccessor, ValidationErrors, Validator } fr
 import { Observable } from 'rxjs';
 import { SkyCheckboxChange } from './checkbox-change';
 import * as i0 from "@angular/core";
+import * as i1 from "@skyux/theme";
 /**
  * Replaces the HTML input element with `type="checkbox"`. When users select a checkbox, its value
  * is driven through an `ngModel` attribute that you specify on the `sky-checkbox` element.
@@ -57,13 +58,11 @@ export declare class SkyCheckboxComponent implements ControlValueAccessor, OnIni
      * 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;
     /**
@@ -112,32 +111,27 @@ 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;
     /**
      * [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 is stacked on another form component. When specified, the appropriate
      * vertical spacing is automatically added to the checkbox. If the checkbox is within a checkbox group,
      * set `stacked` on the checkbox group component instead.
-     * @preview
      */
     stacked: 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 checkbox label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
     /**
@@ -188,7 +182,7 @@ 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; }; "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; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "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; }; "stacked": { "alias": "stacked"; "required": false; }; "helpKey": { "alias": "helpKey"; "required": false; }; }, { "change": "change"; "checkedChange": "checkedChange"; "disabledChange": "disabledChange"; "indeterminateChange": "indeterminateChange"; }, never, ["sky-checkbox-label", "sky-form-error"], false, [{ directive: typeof i1.SkyThemeComponentClassDirective; inputs: {}; outputs: {}; }]>;
     static ngAcceptInputType_required: unknown;
     static ngAcceptInputType_labelHidden: unknown;
     static ngAcceptInputType_stacked: unknown;

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

@@ -8,35 +8,29 @@ import * as i0 from "@angular/core";
 export declare class SkyFieldGroupComponent {
     /**
      * The text to display as the field group's heading.
-     * @preview
      */
     headingText: 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 `headingText`.
-     * @preview
      */
     headingHidden: boolean;
     /**
      * Whether the field group is stacked on another field group. When specified, the appropriate
      * vertical spacing is automatically added to the field group.
-     * @preview
      */
     stacked: boolean;
     /**
      * The semantic heading level in the document structure.
-     * @preview
      * @default 3
      */
     headingLevel: SkyFieldGroupHeadingLevel;
     /**
      * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
-     * @preview
      * @default 3
      */
     set headingStyle(value: SkyFieldGroupHeadingStyle);
@@ -44,20 +38,17 @@ export declare class SkyFieldGroupComponent {
      * The content of the help popover. When specified, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
      * button is added to the field group heading. 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;
     /**
      * 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 field group heading. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
     protected headingClass: string;

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

@@ -80,18 +80,15 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
     allowLinks: boolean | undefined;
     /**
      * The text to display as the file attachment's label.
-     * @preview
      */
     labelText: string | undefined;
     /**
      * Whether to hide `labelText` from view.
-     * @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;
     /**
@@ -100,33 +97,28 @@ export declare class SkyFileDropComponent implements OnInit, OnDestroy {
      * attributes to the input elements so that screen readers announce an invalid state until the input element
      * is complete.
      * For more information about the `aria-required` attribute, see the [WAI-ARIA definition](https://www.w3.org/TR/wai-aria/#aria-required).
-     * @preview
      */
     required: 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 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
      */
     helpPopoverContent: string | TemplateRef<unknown> | undefined;
     /**
      * The title of the help popover. This property only applies when `helpPopoverContent` is
      * also specified.
-     * @preview
      */
     helpPopoverTitle: string | undefined;
     /**
      * Whether the file attachment is stacked on another form component. When specified, the appropriate
      * vertical spacing is automatically added to the file attachment.
-     * @preview
      */
     stacked: 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 file attachment label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
     inputEl: ElementRef | undefined;

package/lib/modules/file-attachment/file-size.pipe.d.ts

@@ -8,7 +8,7 @@ import * as i0 from "@angular/core";
 export declare class SkyFileSizePipe implements PipeTransform {
     #private;
     constructor(decimalPipe: DecimalPipe, resourcesService: SkyLibResourcesService);
-    transform(input?: number | null): string;
+    transform(input?: number | string | null): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyFileSizePipe, never>;
     static ɵpipe: i0.ɵɵPipeDeclaration<SkyFileSizePipe, "skyFileSize", false>;
 }

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

@@ -58,7 +58,6 @@ export declare class SkyInputBoxComponent implements OnInit, AfterContentChecked
      * 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 input box label. Clicking the button invokes [global help](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
     /**

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

@@ -42,16 +42,14 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     get disabled(): boolean;
     /**
      * The semantic heading level in the document structure. By default, the heading text is not wrapped in a heading element.
-     * @preview
      */
     set headingLevel(value: SkyRadioGroupHeadingLevel | undefined);
     get headingLevel(): SkyRadioGroupHeadingLevel | undefined;
     /**
      * The heading [font style](https://developer.blackbaud.com/skyux/design/styles/typography#headings).
-     * @preview
      * @default 4
      */
-    headingStyle: SkyRadioGroupHeadingStyle;
+    set headingStyle(value: SkyRadioGroupHeadingStyle);
     /**
      * The name for the collection of radio buttons that the component groups together.
      * This property overwrites the deprecated `name` property on individual `sky-radio` elements,
@@ -72,7 +70,6 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     /**
      * Whether the radio button group is stacked on another form component. When specified,
      * the appropriate vertical spacing is automatically added to the radio button group.
-     * @preview
      */
     set stacked(value: boolean);
     get stacked(): boolean;
@@ -93,41 +90,34 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     get tabIndex(): number | undefined;
     /**
      * The text to display as the radio group's heading.
-     * @preview
      */
     headingText: string | undefined;
     /**
      * Indicates whether to hide the `headingText`.
-     * @preview
      */
     headingHidden: 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 content of the help popover. When specified along with `headingText`, a [help inline](https://developer.blackbaud.com/skyux/components/help-inline)
      * button is added to radio group. 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;
     /**
      * 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](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
-    get headingClass(): string;
     /**
      * Our radio components are usually implemented using an unordered list. This is an
      * accessibility violation because the unordered list has an implicit role which
@@ -140,6 +130,7 @@ export declare class SkyRadioGroupComponent implements AfterContentInit, AfterVi
     display: string | undefined;
     stackedLg: boolean;
     stackedXL: boolean;
+    protected headingClass: string;
     protected errorId: string;
     protected ngControl: NgControl | undefined;
     constructor(changeDetector: ChangeDetectorRef, radioGroupIdSvc: SkyRadioGroupIdService, ngControl: NgControl);

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

@@ -82,13 +82,11 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
      * 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 radio button. 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;
     /**
@@ -110,25 +108,21 @@ export declare class SkyRadioComponent implements OnInit, OnDestroy, ControlValu
     set radioType(value: SkyRadioType | undefined);
     /**
      * The text to display as the radio button's label. Use this instead of the `sky-radio-label` when the label is text-only.
-     * @preview
      */
     labelText: string | undefined;
     /**
      * Indicates whether to hide the `labelText`.
-     * @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;
     /**
      * 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](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
     /**

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

@@ -31,13 +31,11 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
      * 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 toggle switch. 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;
     /**
@@ -47,19 +45,16 @@ export declare class SkyToggleSwitchComponent implements AfterContentInit, OnIni
     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;
     /**
      * 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](https://developer.blackbaud.com/skyux/learn/develop/global-help)
      * as configured by the application.
-     * @preview
      */
     helpKey: string | undefined;
     /**

package/package.json

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