@skyux/modals 7.4.2 → 7.6.0

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

@@ -26,16 +26,14 @@ export declare class SkyModalComponent implements AfterViewInit, OnDestroy {
      * @internal
      */
     set ariaDescribedBy(id: string | undefined);
-    get ariaDescribedBy(): string;
+    get ariaDescribedBy(): string | undefined;
     /**
      * @internal
      */
     set ariaLabelledBy(id: string | undefined);
-    get ariaLabelledBy(): string;
+    get ariaLabelledBy(): string | undefined;
     helpKey: string | undefined;
     modalState: string;
-    modalContentId: string;
-    modalHeaderId: string;
     modalZIndex: number | undefined;
     scrollShadow: SkyModalScrollShadowEventArgs | undefined;
     size: string;

package/lib/modules/modal/modal.interface.d.ts

@@ -4,12 +4,12 @@ import { StaticProvider } from '@angular/core';
  */
 export interface SkyModalConfigurationInterface {
     /**
-     * Indicates whether to display the modal full screen.
+     * Whether to display the modal full screen.
      * This property defaults to `false`.
      */
     fullPage?: boolean;
     /**
-     * Specifies a size for the modal. The valid options are `small`, `medium`, and `large`.
+     * The size for the modal. The valid options are `small`, `medium`, and `large`.
      * This property defaults to `medium`.
      */
     size?: string;
@@ -20,7 +20,7 @@ export interface SkyModalConfigurationInterface {
      */
     providers?: StaticProvider[];
     /**
-     * Specifies the HTML element ID (without the leading `#`) of the element that describes
+     * The HTML element ID (without the leading `#`) of the element that describes
      * the modal. This sets the modal's `aria-describedby` attribute
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * The description typically includes text on the modal but not on items that users interact
@@ -29,7 +29,7 @@ export interface SkyModalConfigurationInterface {
      */
     ariaDescribedBy?: string;
     /**
-     * Specifies the HTML element ID (without the leading `#`) of the element that labels
+     * The HTML element ID (without the leading `#`) of the element that labels
      * the modal. This sets the `aria-labelledby` attribute for the modal
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility).
      * This is typically a header element, and if you do not specify an ID, the default value
@@ -37,7 +37,7 @@ export interface SkyModalConfigurationInterface {
      */
     ariaLabelledBy?: string;
     /**
-     * Specifies an ARIA role for the modal
+     * The ARIA role for the modal
      * [to support accessibility](https://developer.blackbaud.com/skyux/learn/accessibility)
      * by indicating how the modal functions and what it controls. For information about
      * how an ARIA role indicates what an item represents on a web page, see the
@@ -47,14 +47,15 @@ export interface SkyModalConfigurationInterface {
      */
     ariaRole?: string;
     /**
-     * Indicates whether the modal uses tiles. When set to `true`, the modal's background switches
+     * Whether the modal uses tiles. When set to `true`, the modal's background switches
      * to `$sky-background-color-neutral-light` and tile headings are styled as subsection headings.
      * This property defaults to `false`.
+     * @deprecated Tiles inside modals are no longer a recommended design pattern. For complex forms, use [sectioned forms](https://developer.blackbaud.com/skyux/components/sectioned-form) or [other form containers](https://developer.blackbaud.com/skyux/design/guidelines/form-design) instead.
      */
     tiledBody?: boolean;
     /**
      * @deprecated To display a help button in the modal header, include a help button element, such as `sky-help-inline`, in the `sky-modal-header` element and a `sky-control-help` CSS class on that help button element
-     * Specifies a `helpKey` string. This property displays
+     * The `helpKey` string. This property displays
      * the <i class="fa fa-question-circle" aria-hidden="true"></i> button in the modal header.
      * When users click this button, the `helpOpened` event broadcasts the `helpKey` parameter.
      * Blackbaud developers can use the Help Widget, which is for internal Blackbaud use only, to
@@ -62,7 +63,7 @@ export interface SkyModalConfigurationInterface {
      */
     helpKey?: string;
     /**
-     * Specifies a CSS class to add to the modal, such as `ag-custom-component-popup` for
+     * The CSS class to add to the modal, such as `ag-custom-component-popup` for
      * using a modal as part of a cell editor in Data Entry Grid.
      */
     wrapperClass?: string;

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

@@ -8,11 +8,11 @@ import * as i6 from "./modal-scroll-shadow.directive";
 import * as i7 from "@angular/common";
 import * as i8 from "@angular/router";
 import * as i9 from "@skyux/indicators";
-import * as i10 from "../shared/sky-modals-resources.module";
-import * as i11 from "@skyux/theme";
-import * as i12 from "@skyux/core";
+import * as i10 from "@skyux/core";
+import * as i11 from "../shared/sky-modals-resources.module";
+import * as i12 from "@skyux/theme";
 export declare class SkyModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<SkyModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyModalModule, [typeof i1.SkyModalComponent, typeof i2.SkyModalContentComponent, typeof i3.SkyModalFooterComponent, typeof i4.SkyModalHeaderComponent, typeof i5.SkyModalHostComponent, typeof i6.SkyModalScrollShadowDirective], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.SkyIconModule, typeof i10.SkyModalsResourcesModule, typeof i11.SkyThemeModule, typeof i12.SkyTrimModule], [typeof i1.SkyModalComponent, typeof i2.SkyModalContentComponent, typeof i3.SkyModalFooterComponent, typeof i4.SkyModalHeaderComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<SkyModalModule, [typeof i1.SkyModalComponent, typeof i2.SkyModalContentComponent, typeof i3.SkyModalFooterComponent, typeof i4.SkyModalHeaderComponent, typeof i5.SkyModalHostComponent, typeof i6.SkyModalScrollShadowDirective], [typeof i7.CommonModule, typeof i8.RouterModule, typeof i9.SkyIconModule, typeof i10.SkyIdModule, typeof i11.SkyModalsResourcesModule, typeof i12.SkyThemeModule, typeof i10.SkyTrimModule], [typeof i1.SkyModalComponent, typeof i2.SkyModalContentComponent, typeof i3.SkyModalFooterComponent, typeof i4.SkyModalHeaderComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<SkyModalModule>;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@skyux/modals",
-  "version": "7.4.2",
+  "version": "7.6.0",
   "author": "Blackbaud, Inc.",
   "keywords": [
     "blackbaud",
@@ -44,10 +44,10 @@
     "@angular/common": "^14.2.11",
     "@angular/core": "^14.2.11",
     "@angular/router": "^14.2.11",
-    "@skyux/core": "7.4.2",
-    "@skyux/i18n": "7.4.2",
-    "@skyux/indicators": "7.4.2",
-    "@skyux/theme": "7.4.2"
+    "@skyux/core": "7.6.0",
+    "@skyux/i18n": "7.6.0",
+    "@skyux/indicators": "7.6.0",
+    "@skyux/theme": "7.6.0"
   },
   "dependencies": {
     "tslib": "^2.3.1"

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

@@ -33,7 +33,7 @@ export declare class SkyConfirmHarness extends SkyComponentHarness {
      */
     getType(): Promise<SkyConfirmType>;
     /**
-     * Indicates if the whitespace is preserved on the confirom component.
+     * Whether the whitespace is preserved on the confirm component.
      */
     isWhiteSpacePreserved(): Promise<boolean>;
 }