@skyux/forms 10.32.0 → 11.0.0-alpha.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;
     /**
      * [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,7 +56,6 @@ 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;

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/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,13 +42,11 @@ 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;
@@ -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,38 +90,32 @@ 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;

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": "11.0.0-alpha.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -36,22 +36,22 @@
     }
   },
   "peerDependencies": {
-    "@angular/cdk": "^17.3.4",
-    "@angular/common": "^17.3.4",
-    "@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"
+    "@angular/cdk": "^18.0.5",
+    "@angular/common": "^18.0.5",
+    "@angular/core": "^18.0.5",
+    "@angular/forms": "^18.0.5",
+    "@angular/platform-browser": "^18.0.5",
+    "@skyux-sdk/testing": "11.0.0-alpha.0",
+    "@skyux/core": "11.0.0-alpha.0",
+    "@skyux/help-inline": "11.0.0-alpha.0",
+    "@skyux/i18n": "11.0.0-alpha.0",
+    "@skyux/indicators": "11.0.0-alpha.0",
+    "@skyux/popovers": "11.0.0-alpha.0",
+    "@skyux/theme": "11.0.0-alpha.0"
   },
   "dependencies": {
-    "@skyux/icon": "10.32.0",
-    "tslib": "^2.6.2"
+    "@skyux/icon": "11.0.0-alpha.0",
+    "tslib": "^2.6.3"
   },
   "module": "fesm2022/skyux-forms.mjs",
   "typings": "index.d.ts",