@daffodil/design 0.82.0 → 0.84.0

package/hero/src/hero-theme.scss

@@ -16,22 +16,39 @@
 	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
 	$white: core.daff-map-get($theme, 'core', 'white');
 	$black: core.daff-map-get($theme, 'core', 'black');
+	$type: core.daff-map-get($theme, 'core', 'type');
 
 	.daff-hero {
-		@include daff-hero-theme-variant(
-			theming.daff-illuminate($base, $neutral, 1)
-		);
+		@include theming.light($type) {
+			@include daff-hero-theme-variant(theming.daff-color($neutral, 10));
 
-		&.daff-primary {
-			@include daff-hero-theme-variant(theming.daff-color($primary));
-		}
+			&.daff-primary {
+				@include daff-hero-theme-variant(theming.daff-color($primary));
+			}
+
+			&.daff-secondary {
+				@include daff-hero-theme-variant(theming.daff-color($secondary));
+			}
 
-		&.daff-secondary {
-			@include daff-hero-theme-variant(theming.daff-color($secondary));
+			&.daff-tertiary {
+				@include daff-hero-theme-variant(theming.daff-color($tertiary));
+			}
 		}
 
-		&.daff-tertiary {
-			@include daff-hero-theme-variant(theming.daff-color($tertiary));
+		@include theming.dark($type) {
+			@include daff-hero-theme-variant(theming.daff-color($neutral, 90));
+
+			&.daff-primary {
+				@include daff-hero-theme-variant(theming.daff-color($primary, 60));
+			}
+
+			&.daff-secondary {
+				@include daff-hero-theme-variant(theming.daff-color($secondary, 60));
+			}
+
+			&.daff-tertiary {
+				@include daff-hero-theme-variant(theming.daff-color($tertiary, 60));
+			}
 		}
 
 		&.daff-theme {

package/input/examples/examples.d.ts

@@ -1,2 +1,2 @@
-import { BasicInputComponent } from './basic-input/basic-input.component';
-export declare const INPUT_EXAMPLES: (typeof BasicInputComponent)[];
+import { InputHintComponent } from './input-hint/input-hint.component';
+export declare const INPUT_EXAMPLES: (typeof InputHintComponent)[];

package/input/examples/input-disabled/input-disabled.component.d.ts

@@ -1,5 +1,7 @@
+import { UntypedFormControl } from '@angular/forms';
 import * as i0 from "@angular/core";
 export declare class InputDisabledComponent {
+    disabled: UntypedFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputDisabledComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputDisabledComponent, "input-disabled", never, {}, {}, never, never, true, never>;
 }

package/input/examples/input-hint/input-hint.component.d.ts

@@ -0,0 +1,5 @@
+import * as i0 from "@angular/core";
+export declare class InputHintComponent {
+    static ɵfac: i0.ɵɵFactoryDeclaration<InputHintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<InputHintComponent, "input-hint", never, {}, {}, never, never, true, never>;
+}

package/input/examples/input-with-form-field/input-with-form-field.component.d.ts

@@ -1,5 +1,7 @@
 import * as i0 from "@angular/core";
 export declare class InputWithFormFieldComponent {
+    faUser: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faCircleXmark: import("@fortawesome/fontawesome-common-types").IconDefinition;
     static ɵfac: i0.ɵɵFactoryDeclaration<InputWithFormFieldComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<InputWithFormFieldComponent, "input-with-form-field", never, {}, {}, never, never, true, never>;
 }

package/list/list/list.component.d.ts

@@ -22,7 +22,7 @@ export declare class DaffListComponent {
      *
      * @docs-private
      */
-    get role(): "list" | "navigation";
+    get role(): "navigation" | "list";
     private _getHostElement;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffListComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffListComponent, "daff-list,daff-nav-list", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;

package/list/src/list-theme.scss

@@ -7,22 +7,7 @@
 	$neutral: core.daff-map-get($theme, 'core', 'neutral');
 	$base: core.daff-map-get($theme, 'core', 'base');
 	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
-
-	.daff-list {
-		.daff-list-item {
-			&__content {
-				// stylelint-disable-next-line scss/selector-nest-combinators
-				*:nth-child(1) {
-					color: $base-contrast;
-				}
-
-				// stylelint-disable-next-line scss/selector-nest-combinators
-				*:nth-child(n + 2) {
-					color: theming.daff-illuminate($base-contrast, $neutral, 3);
-				}
-			}
-		}
-	}
+	$type: core.daff-map-get($theme, 'core', 'type');
 
 	.daff-nav-list {
 		.daff-list-item {
@@ -30,10 +15,21 @@
 				background-color: $base;
 			}
 
-			&:hover,
-			&.active {
-				&::after {
-					background-color: theming.daff-illuminate($base, $neutral, 2);
+			@include theming.light($type) {
+				&:hover,
+				&.active {
+					&::after {
+						background-color: rgba(theming.daff-color($neutral, 20), 0.5);
+					}
+				}
+			}
+
+			@include theming.dark($type) {
+				&:hover,
+				&.active {
+					&::after {
+						background-color: rgba(theming.daff-color($neutral, 20), 0.08);
+					}
 				}
 			}
 		}

package/media-gallery/README.md

@@ -1,4 +1,4 @@
-# Media Gallery
+# Media gallery
 Media gallery is used to display a group of thumbnails in a gallery format.
 
 ## Overview
@@ -62,11 +62,11 @@ It should never be used as a standalone component. The first thumbnail is select
 <design-land-example-viewer-container example="basic-media-gallery"></design-land-example-viewer-container>
 
 ## Image aspect ratio
-It's recommended to utilize the same aspect ratio for all images in the same media gallery. Otherwise, the height and width of the media gallery may change with every different aspect ratio presented by the selected thumbnail as show in the example.
+It's recommended to utilize the same aspect ratio for all images in the same media gallery. Otherwise, the height and width of the media gallery may change with every different aspect ratio presented by the selected thumbnail as shown in the example.
 
 The thumbnail dimension is set to a square, so the recommended aspect ratio is `1:1`. However, it is not required since the thumbnail will horizontally and vertically center align images within a thumbnail.
 
 <design-land-example-viewer-container example="mismatched-sizes-media-gallery"></design-land-example-viewer-container>
 
 ## Accessibility
-Accessibility considerations for media gallery is handled by the `DaffImageComponent`. The `alt` attribute must be defined in `<daff-image>`. It specifies an alternate text for an image. An error will appear if it's not defined. This is important because it allows screen readers to describe what's in the image for visually impaired people. See the [image documentation](/libs/design/image/README.md) for more information.
+Accessibility considerations for media gallery is handled by the `DaffImageComponent`. The `alt` attribute must be defined in `<daff-image>`. It specifies an alternate text for an image. An error will appear if it's not defined. This is important because it allows screen readers to describe what's in the image for visually impaired people. See [Image](/libs/design/image/README.md) for more information.

package/media-gallery/media-gallery/media-gallery.component.d.ts

@@ -5,8 +5,14 @@ import { DaffThumbnailDirective } from '../thumbnail/thumbnail.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
 /**
+ * The `DaffMediaGalleryComonent` is used to display a group of thumbnails in a gallery format.
+ *
  * ```html
- * <daff-media-gallery></daff-media-gallery>
+ * <daff-media-gallery>
+ *  <ng-template daffThumbnail thumbnailSrc="/thumbnail-path.jpg" label="Your description">
+ *    <daff-image src="/image-path.jpg" alt="Your description" width="100" height="100"></daff-image>
+ *  </ng-template>
+ * </daff-media-gallery>
  * ```
  */
 export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegistration {
@@ -16,11 +22,11 @@ export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegist
      */
     role: string;
     /**
-     * The internal id of the gallery.
+     * The internal ID of the gallery.
      */
     private _id;
     /**
-     * The id of the gallery.
+     * Custom ID for the media gallery that overrides the auto-generated one. When using this input, it is your responsibility to ensure that the ID is unique.
      */
     get id(): string | undefined | null;
     set id(val: string | undefined | null);
@@ -59,23 +65,33 @@ export declare class DaffMediaGalleryComponent implements DaffMediaGalleryRegist
     private _selectedIndex;
     private focusSelected;
     /**
-     * Select a specific entry in the media gallery by its index (starting at 0).
+     * Select a specific entry in the media gallery by its index.
+     *
+     * @param index The index to set, starting at 0.
      */
     selectIndex(index: number): void;
     /**
      * Navigate to the next element in the list of thumbnails.
+     *
+     * @param focus Whether to move focus to the newly selected item.
      */
     next(focus?: boolean): void;
     /**
      * Navigate to the previous element in the list of thumbnails.
+     *
+     * @param focus Whether to move focus to the newly selected item.
      */
     previous(focus?: boolean): void;
     /**
-     * Select the first element
+     * Select the first element.
+     *
+     * @param focus Whether to move focus to the newly selected item.
      */
     selectFirst(focus?: boolean): void;
     /**
      * Select the last element of the gallery.
+     *
+     * @param Whether to move focus to the newly selected item.
      */
     selectLast(focus?: boolean): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryComponent, never>;

package/media-gallery/public_api.d.ts

@@ -1,4 +1,4 @@
-export * from './media-gallery/media-gallery.component';
-export * from './media-gallery.module';
-export * from './thumbnail/thumbnail.directive';
+export { DaffMediaGalleryComponent } from './media-gallery/media-gallery.component';
+export { DaffMediaGalleryModule } from './media-gallery.module';
+export { DaffThumbnailDirective } from './thumbnail/thumbnail.directive';
 export { DAFF_MEDIA_GALLERY_COMPONENTS } from './media-gallery';

package/media-gallery/thumbnail/thumbnail.directive.d.ts

@@ -2,36 +2,53 @@ import { TemplateRef, OnInit } from '@angular/core';
 import { DaffMediaGalleryRegistration } from '../helpers/media-gallery-registration.interface';
 import * as i0 from "@angular/core";
 /**
- * A structural directive marking thumbnails for the `DaffMediaGalleryComponent`.
+ * DaffThumbnailDirective is a structural directive used to mark elements as thumbnails within the `DaffMediaGalleryComponent`.
  *
  * ```html
  * <ng-template daffThumbnail></ng-template>
  * ```
  */
 export declare class DaffThumbnailDirective implements OnInit {
+    /**
+     * @docs-private
+     */
     gallery: DaffMediaGalleryRegistration;
+    /**
+     * @docs-private
+     */
     templateRef: TemplateRef<unknown>;
+    private _increment;
     /**
-     * The id of the thumbnail.
+     * @docs-private
+     *
+     * The autogenerated unique id for a thumbnail.
      */
     get id(): string;
     /**
-     * The id of the thumbnail panel.
+     * @docs-private
+     *
+     * The unique id of the selected thumbnail.
      */
-    get panelId(): string;
+    get selectedThumbnailId(): string;
     /**
      * The file path to a thumbnail, presumably an image.
      */
     thumbnailSrc: any;
     /**
-     * The button label for the thumbnail.
+     * Provides an accessible label for a thumbnail.
      */
     label: string;
+    /** Indicates whether the thumbnail represents a video. */
     isVideo: boolean;
+    constructor(
+    /**
+     * @docs-private
+     */
+    gallery: DaffMediaGalleryRegistration, 
     /**
      * @docs-private
      */
-    constructor(gallery: DaffMediaGalleryRegistration, templateRef: TemplateRef<unknown>);
+    templateRef: TemplateRef<unknown>);
     /**
      * @docs-private
      */

package/menu/menu/menu.component.d.ts

@@ -7,12 +7,27 @@ export declare class DaffMenuComponent implements AfterContentInit, AfterViewIni
     private _ngZone;
     private _elementRef;
     private menuService;
+    /**
+     * @docs-private
+     */
     class: boolean;
+    /**
+     * @docs-private
+     */
     tabindex: number;
+    /**
+     * @docs-private
+     */
     role: string;
     private _focusTrap;
     constructor(_focusTrapFactory: ConfigurableFocusTrapFactory, _ngZone: NgZone, _elementRef: ElementRef<HTMLElement>, menuService: DaffMenuService);
+    /**
+     * @docs-private
+     */
     ngAfterContentInit(): void;
+    /**
+     * @docs-private
+     */
     ngAfterViewInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffMenuComponent, "daff-menu", never, {}, {}, never, ["[daff-menu-item]"], true, never>;

package/menu/menu-activator/menu-activator.component.d.ts

@@ -7,6 +7,9 @@ export declare class DaffMenuActivatorDirective implements OnDestroy {
     private cdRef;
     private _destroyed$;
     private _open;
+    /**
+     * @docs-private
+     */
     get openClass(): boolean;
     daffMenuActivator: Type<unknown> | TemplateRef<unknown>;
     constructor(service: DaffMenuService, viewContainerRef: ViewContainerRef, cdRef: ChangeDetectorRef);

package/menu/src/menu-theme.scss

@@ -2,24 +2,43 @@
 @use '../../scss/theming';
 
 @mixin daff-menu-theme($theme) {
-	$white: core.daff-map-get($theme, 'core', 'white');
 	$black: core.daff-map-get($theme, 'core', 'black');
 	$neutral: core.daff-map-get($theme, 'core', 'neutral');
 	$base: core.daff-map-get($theme, 'core', 'base');
 	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
+	$type: core.daff-map-get($theme, 'core', 'type');
 
-	.daff-menu {
-		background: $base;
-		box-shadow: 0 0 24px rgb($black, 0.12);
+	@include theming.light($type) {
+		.daff-menu {
+			background: $base;
+			box-shadow: 0 0 24px rgb($black, 0.12);
+		}
+
+		.daff-menu-item {
+			background: $base;
+			color: $base-contrast;
+
+			&:hover,
+			&:focus {
+				background: rgba(theming.daff-color($neutral, 20), 0.5);
+			}
+		}
 	}
 
-	.daff-menu-item {
-		background: $base;
-		color: $base-contrast;
+	@include theming.dark($type) {
+		.daff-menu {
+			background: $base;
+			box-shadow: 0 0 24px rgb($black, 0.12);
+		}
+
+		.daff-menu-item {
+			background: $base;
+			color: $base-contrast;
 
-		&:hover,
-		&:focus {
-			background: theming.daff-illuminate($base, $neutral, 1);
+			&:hover,
+			&:focus {
+				background: rgba(theming.daff-color($neutral, 20), 0.08);
+			}
 		}
 	}
 }

package/modal/modal/modal.component.d.ts

@@ -14,14 +14,23 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
     /**
      * Sets a class of .daff-modal to the host element.
      */
+    /**
+     * @docs-private
+     */
     modalClass: boolean;
     /**
      * Sets the role to dialog.
      */
+    /**
+     * @docs-private
+     */
     role: string;
     /**
      * Sets aria-modal to true.
      */
+    /**
+     * @docs-private
+     */
     ariaModal: boolean;
     private _ariaLabelledBy;
     /**
@@ -29,6 +38,9 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
      * {@link DaffModalTitleDirective} when it is used.
      *
      */
+    /**
+     * @docs-private
+     */
     get ariaLabelledBy(): string;
     set ariaLabelledBy(value: string);
     /**
@@ -49,13 +61,22 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
     onEscape(): void;
     private _focusTrap;
     constructor(modalService: DaffModalService, _focusTrapFactory: ConfigurableFocusTrapFactory, elementRef: ElementRef<HTMLElement>, openDirective: DaffOpenableDirective);
+    /**
+     * @docs-private
+     */
     ngAfterContentInit(): void;
+    /**
+     * @docs-private
+     */
     ngAfterViewInit(): void;
     /**
      * Helper method to attach portable content to modal.
      */
     attachContent(portal: ComponentPortal<any>): any;
     /** Animation hook that controls the entrance and exit animations of the modal. */
+    /**
+     * @docs-private
+     */
     get fadeState(): string;
     /**
      * Animation event that can used to hook into when

package/modal/modal-actions/modal-actions.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DaffModalActionsComponent {
+    /**
+     * @docs-private
+     */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalActionsComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalActionsComponent, "daff-modal-actions", never, {}, {}, never, ["*"], true, never>;

package/modal/modal-close/modal-close.directive.d.ts

@@ -18,6 +18,9 @@ export declare class DaffModalCloseDirective {
     /**
      * Sets the button type attribute to button.
      */
+    /**
+     * @docs-private
+     */
     typeAttribute: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalCloseDirective, [null, { optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never, true, never>;

package/modal/modal-content/modal-content.component.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DaffModalContentComponent {
+    /**
+     * @docs-private
+     */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalContentComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalContentComponent, "daff-modal-content", never, {}, {}, never, ["*"], true, never>;

package/modal/modal-title/modal-title.directive.d.ts

@@ -13,6 +13,9 @@ export declare class DaffModalTitleDirective {
     /**
      * The html `id` of the modal title.
      */
+    /**
+     * @docs-private
+     */
     get uniqueId(): string;
     constructor(modal: DaffModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalTitleDirective, [{ optional: true; }]>;

package/navbar/src/navbar-theme.scss

@@ -16,11 +16,16 @@
 	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
 	$white: core.daff-map-get($theme, 'core', 'white');
 	$black: core.daff-map-get($theme, 'core', 'black');
+	$type: core.daff-map-get($theme, 'core', 'type');
 
 	.daff-navbar {
-		@include daff-navbar-theme-variant(
-			theming.daff-illuminate($base, $neutral, 1)
-		);
+		@include theming.light($type) {
+			@include daff-navbar-theme-variant(theming.daff-color($neutral, 10));
+		}
+
+		@include theming.dark($type) {
+			@include daff-navbar-theme-variant(theming.daff-color($neutral, 90));
+		}
 
 		&--raised {
 			box-shadow: 0 4px 10px rgba($black, 0.08);

package/notification/README.md

@@ -52,27 +52,24 @@ export class CustomComponentModule { }
 ## Supported Content Types
 
 ### Icon
-An icon can be used to give a user a brief overview of what the nofication is about. It can be added before the title and subtitle by using the <code>daffPrefix</code> selector.
+An icon can be used to provide users with a quick visual cue about the purpose of a notification. Place the icon before the title and subtitle using the `[daffPrefix]` selector.
 
 ### Title
-Title gives a quick overview of what the notification is about. It can be added by using the `daffNotificationTitle` selector.
+The title provides a quick overview of what the notification's content. Add it using the `[daffNotificationTitle]` selector.
 
 ### Subtitle
-Subtitle provides additional details about the notification that should be limited to one or two sentences. It can be added by using the `daffNotificationSubtitle` selector.
+The subtitle provides additional details about the notification. It should be limited to one or two sentences. Add it using the `[daffNotificationSubtitle]` selector.
 
 ### Actions
-Buttons can be included in notifications to resolve the notification or navigate them to a page with more information. It can be added by using the `daffNotificationActions` selector.
+Buttons can be included in notifications to dismiss them or navigate them to a page with more information. Use the `[daffNotificationActions]` selector to include these actions.
 
 <design-land-example-viewer-container example="notification-with-actions"></design-land-example-viewer-container>
 
 ## Properties
 
-### Statuses
-The status color of a notification can be updated by using the `status` property.
+### Status
+The status property is used to visually distinguish between different notification types. Use the `status` property to set the status.
 
-Supported statuses: `warn | critical | success`
-
-#### Notification with statuses
 <design-land-example-viewer-container example="notification-status"></design-land-example-viewer-container>
 
 ### Orientation
@@ -81,11 +78,13 @@ Orientation dictates how a notification's content is stacked — `vertical` or `
 <design-land-example-viewer-container example="notification-orientations"></design-land-example-viewer-container>
 
 ### Dismissing a notification
-Notifications are not dismissible by default. They typically persist on the page until a user takes action that resolves the notification.
+By default, notifications are not dismissible and remain visible until the user takes an action to resolve them.
 
-The close button is hidden by default but can be visible by setting the `dismissible` property to `true`. It should remain hidden if a notification has critical information for a user to read or interact with.
+To show a close button, set the `dismissible` property to `true`. Avoid making critical notifications dismissible to ensure users can read or interact with the necessary information.
 
 <design-land-example-viewer-container example="dismissible-notification"></design-land-example-viewer-container>
 
 ## Accessibility
-Notifications with a `critical` or `warn` status have a `role="alert"` so that it can be announced by assistive technologies. See [live region roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#4._live_region_roles) for more information. All other notifications have a `role="status"`. Notifications have a `tabindex="0"` so users can discover them while tabbing through a page.
+Notifications with a `critical` or `warn` status have a `role="alert"` so that it can be announced by assistive technologies. See [live region roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#4._live_region_roles) for more information. All other notifications have a `role="status"`.
+
+Notifications have a `tabindex="0"` so users can discover them while tabbing through a page.

package/notification/notification/notification.component.d.ts

@@ -1,5 +1,5 @@
 import { EventEmitter } from '@angular/core';
-import { DaffPrefixable, DaffPrefixDirective, DaffStatusableDirective } from '@daffodil/design';
+import { DaffPrefixDirective, DaffStatusableDirective } from '@daffodil/design';
 import { DaffNotificationActionsDirective } from '../notification-actions/notification-actions.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
@@ -8,19 +8,34 @@ export type DaffNotificationOrientation = 'horizontal' | 'vertical';
  * DaffNotificationComponent provides a way to display and communicate
  * information related to user actions within a page's content.
  */
-export declare class DaffNotificationComponent implements DaffPrefixable {
+export declare class DaffNotificationComponent {
     private statusDirective;
     faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
     _prefix: DaffPrefixDirective;
     _actions: DaffNotificationActionsDirective;
+    /**
+     * @docs-private
+     */
     class: boolean;
+    /**
+     * @docs-private
+     */
     tabindex: string;
     /**
      * Sets role to alert when `status="warn"` or `status="critical"`.
      * Sets role to status on all other instances.
      */
+    /**
+     * @docs-private
+     */
     get role(): "status" | "alert";
+    /**
+     * @docs-private
+     */
     get verticalOrientation(): boolean;
+    /**
+     * @docs-private
+     */
     get horizontalOrientation(): boolean;
     /** Whether or not a notification is closable */
     dismissible: boolean;

package/notification/notification-actions/notification-actions.directive.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DaffNotificationActionsDirective {
+    /**
+     * @docs-private
+     */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationActionsDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never, never, true, never>;

package/notification/notification-message/notification-message.directive.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DaffNotificationMessageDirective {
+    /**
+     * @docs-private
+     */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationMessageDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never, never, true, never>;

package/notification/notification-subtitle/notification-subtitle.directive.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DaffNotificationSubtitleDirective {
+    /**
+     * @docs-private
+     */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationSubtitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never, never, true, never>;

package/notification/notification-title/notification-title.directive.d.ts

@@ -1,5 +1,8 @@
 import * as i0 from "@angular/core";
 export declare class DaffNotificationTitleDirective {
+    /**
+     * @docs-private
+     */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationTitleDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never, never, true, never>;