@daffodil/design 0.87.2 → 0.88.1

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

@@ -7,18 +7,6 @@ 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);
     /**

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

@@ -7,15 +7,14 @@ 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);
     ngOnDestroy(): void;
     focus(): void;
-    openMenu(event: any): void;
+    /**
+     * @docs-private
+     */
+    onClick(event: MouseEvent): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMenuActivatorDirective, never>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffMenuActivatorDirective, "[daffMenuActivator]", never, { "daffMenuActivator": { "alias": "daffMenuActivator"; "required": false; }; }, {}, never, never, true, never>;
 }

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

@@ -1,16 +1,6 @@
 import { DaffPrefixDirective } from '@daffodil/design';
 import * as i0 from "@angular/core";
 export declare class DaffMenuItemComponent {
-    /**
-     * @docs-private
-     */
-    class: boolean;
-    /**
-     * Sets the role of the component to menuitem.
-     *
-     * @docs-private
-     */
-    role: string;
     /**
      * @docs-private
      */

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

@@ -1,48 +1,19 @@
 import { AnimationEvent } from '@angular/animations';
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import { ComponentPortal } from '@angular/cdk/portal';
-import { EventEmitter, ElementRef, AfterContentInit, AfterViewInit, ChangeDetectorRef } from '@angular/core';
+import { EventEmitter, ElementRef, AfterContentInit, AfterViewInit, ChangeDetectorRef, OnDestroy } from '@angular/core';
 import { DaffOpenable, DaffOpenableDirective, DaffFocusStackService } from '@daffodil/design';
 import { DaffModalService } from '../service/modal.service';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
-export declare class DaffModalComponent implements AfterContentInit, AfterViewInit, DaffOpenable {
+export declare class DaffModalComponent implements AfterContentInit, AfterViewInit, OnDestroy, DaffOpenable {
     private modalService;
     private _focusTrapFactory;
     private elementRef;
     private openDirective;
     private _focusStack;
     private changeDetector;
-    /**
-     * 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;
-    /**
-     * The aria-labelledby for the modal. This is set by the id of
-     * {@link DaffModalTitleDirective} when it is used.
-     *
-     */
-    /**
-     * @docs-private
-     */
     get ariaLabelledBy(): string;
     set ariaLabelledBy(value: string);
     /**
@@ -54,9 +25,13 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
      */
     animationCompleted: EventEmitter<any>;
     /**
-     * Event fired when the close animation is completed.
+     * Private subject for closed animation completion events.
+     */
+    private _closedAnimationCompleted;
+    /**
+     * Observable that emits when the close animation is completed.
      */
-    closedAnimationCompleted: EventEmitter<any>;
+    readonly closedAnimationCompleted$: import("rxjs").Observable<AnimationEvent>;
     /**
      * @docs-private
      */
@@ -100,6 +75,10 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
      * Toggles the visibility of the modal
      */
     toggle(): void;
+    /**
+     * @docs-private
+     */
+    ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalComponent, "daff-modal", never, {}, {}, never, never, true, [{ directive: typeof i1.DaffOpenableDirective; inputs: {}; outputs: { "toggled": "toggled"; }; }]>;
 }

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

@@ -1,9 +1,5 @@
 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

@@ -11,17 +11,10 @@ export declare class DaffModalCloseDirective {
     private modalService;
     private modal;
     constructor(modalService: DaffModalService, modal: DaffModalComponent);
-    /**
-     * Event fired when the button the directive is attached to is clicked. This is used to close a modal.
-     */
-    _onCloseModal(event: MouseEvent): void;
-    /**
-     * Sets the button type attribute to button.
-     */
     /**
      * @docs-private
      */
-    typeAttribute: string;
+    onClick(event: MouseEvent): void;
     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,9 +1,5 @@
 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-header/modal-header.component.d.ts

@@ -1,10 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class DaffModalHeaderComponent {
     faXmark: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    /**
-     * @docs-private
-     */
-    class: boolean;
     /**
      * Whether or not a modal is dismissible.
      */

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

@@ -5,18 +5,7 @@ import * as i0 from "@angular/core";
  */
 export declare class DaffModalTitleDirective {
     private modal;
-    /**
-     * @docs-private
-     */
-    class: boolean;
     private _id;
-    /**
-     * The html `id` of the modal title.
-     */
-    /**
-     * @docs-private
-     */
-    get uniqueId(): string;
     constructor(modal: DaffModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalTitleDirective, [{ optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never, true, never>;

package/navbar/navbar/navbar.component.d.ts

@@ -2,14 +2,6 @@ import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
 export declare class DaffNavbarComponent {
     raised: boolean;
-    /**
-     * @docs-private
-     */
-    get raisedClass(): boolean;
-    /**
-     * @docs-private
-     */
-    hostClass: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
 }

package/navbar/src/navbar-theme.scss

@@ -5,6 +5,7 @@
 	color: daff-text-contrast($color);
 }
 
+// stylelint-disable selector-class-pattern
 @mixin daff-navbar-theme($theme) {
 	$primary: daff-get-palette($theme, primary);
 	$secondary: daff-get-palette($theme, secondary);
@@ -25,7 +26,7 @@
 			@include daff-navbar-theme-variant(daff-color($neutral, 90));
 		}
 
-		&--raised {
+		&.raised {
 			box-shadow: 0 4px 10px rgba($black, 0.08);
 		}
 

package/notification/README.md

@@ -1,10 +1,11 @@
 # Notification
-Notifications provide a way to display and communicate information related to user actions within a page's content.
+Notifications provide contextual feedback or information related to user actions within a page's content.
 
 ## Overview
-Notifications are used to display short messages that provide context in close promixity to a piece of content. They're often used to provide feedback or to notify users about an action they performed within a page. Notifications should not be used to display app-level alerts. Instead, use the [Toast](/libs/design/toast/README.md) component.
+Notifications are used to display short messages that are closely associated with nearby content or actions. They're often used to confirm an action, display warnings, or provide contextual information.
+
+Notifications should not be used to display app-level alerts. For global messages, use the [Toast](/libs/design/toast/README.md) component.
 
-### Default Notification
 <design-land-example-viewer-container example="default-notification"></design-land-example-viewer-container>
 
 ## Usage
@@ -49,42 +50,56 @@ export class CustomComponentModule { }
 
 > This method is deprecated. It's recommended to update all custom components to standalone.
 
-## Supported Content Types
-
-### Icon
-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.
+## Anatomy
+A notification is composed of the following, projected in the order listed:
 
-### Title
-The title provides a quick overview of what the notification's content. Add it using the `[daffNotificationTitle]` selector.
+**Icon**\
+Use the `[daffPrefix]` selector to add a decorative icon that provides a quick visual cue about the notification’s purpose.
 
-### Subtitle
-The subtitle provides additional details about the notification. It should be limited to one or two sentences. Add it using the `[daffNotificationSubtitle]` selector.
+**Title**\
+The primary text summarizing the notification. Use the `[daffNotificationTitle]` selector.
 
-### Actions
-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.
+**Message**\
+Provides additional details or context. Use the `[daffNotificationMessage]` selector. Keep this brief—ideally one to two short sentences.
 
-<design-land-example-viewer-container example="notification-with-actions"></design-land-example-viewer-container>
+**Actions**\
+Include actionable buttons related to the notification (e.g., dismiss, navigate) by using the `[daffNotificationActions]` selector. **A maximum of two buttons is recommended** to keep the notification concise.
 
-## Properties
+```html
+<daff-notification>
+  <fa-icon daffPrefix></fa-icon>
+  <div daffNotificationTitle>Notification title</div>
+  <div daffNotificationMessage>Additional details about this notification.</div>
+  <div daffNotificationActions>
+    <button daff-button>Confirm</button>
+    <button daff-button>Cancel</button>
+  </div>
+</daff-notification>
+```
 
-### Status
-The status property is used to visually distinguish between different notification types. Use the `status` property to set the status.
+## Status
+Use the `status` property to visually differentiate between notification types such as `info`, `warn`, `critical`, or `success`.
 
 <design-land-example-viewer-container example="notification-status"></design-land-example-viewer-container>
 
-### Orientation
-Orientation dictates how a notification's content is stacked — `vertical` or `horizontal`. Notifications are oriented vertically by default. The orientation of a notification can be defined or updated by using the `orientation` property.
+## Orientation
+Use the `orientation` property to stack notification content either `vertical` (default) or `horizontal`.
 
 <design-land-example-viewer-container example="notification-orientations"></design-land-example-viewer-container>
 
-### Dismissing a notification
-By default, notifications are not dismissible and remain visible until the user takes an action to resolve them.
+## Dismissing a notification
+Notifications are persistent by default. To display a close button, set the `dismissible` property to `true`.
 
-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.
+> 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"`.
+**Live region roles:**
+- Notifications with `critical` or `warn` status use `role="alert"` for immediate announcement by assistive technologies.
+- All other notifications use `role="status"` for non-interruptive announcements.
+
+See [live region roles](https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#4._live_region_roles) for more information.
 
-Notifications have a `tabindex="0"` so users can discover them while tabbing through a page.
+**Keyboard focus:**
+- Notifications include `tabindex="0"` so they can be discovered by keyboard users.

package/notification/examples/default-notification/default-notification.component.d.ts

@@ -1,8 +1,6 @@
 import * as i0 from "@angular/core";
 export declare class DefaultNotificationComponent {
     faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    showNotification: boolean;
-    toggleNotification(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultNotificationComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DefaultNotificationComponent, "default-notification", never, {}, {}, never, never, true, never>;
 }

package/notification/examples/public_api.d.ts

@@ -1,6 +1,2 @@
 import { DefaultNotificationComponent } from './default-notification/default-notification.component';
-import { DismissibleNotificationComponent } from './dismissible-notification/dismissible-notification.component';
-import { NotificationOrientationsComponent } from './notification-orientations/notification-orientations.component';
-import { NotificationStatusComponent } from './notification-status/notification-status.component';
-import { NotificationWithActionsComponent } from './notification-with-actions/notification-with-actions.component';
-export declare const NOTIFICATION_EXAMPLES: (typeof DefaultNotificationComponent | typeof DismissibleNotificationComponent | typeof NotificationOrientationsComponent | typeof NotificationStatusComponent | typeof NotificationWithActionsComponent)[];
+export declare const NOTIFICATION_EXAMPLES: (typeof DefaultNotificationComponent)[];

package/notification/helpers/notification-orientation.d.ts

@@ -0,0 +1,17 @@
+/**
+ * The available orientations for a notification.
+ *
+ * | Orientation | Description |
+ * | -- | -- |
+ * | `vertical` | Stacks notification content from top to bottom. This is the default orientation. |
+ * | `horizontal` | Places notification content side-by-side. |
+ */
+export type DaffNotificationOrientation = 'horizontal' | 'vertical';
+/**
+ * Enum for representing the available notification orientations.
+ * See {@link DaffNotificationOrientation} for descriptions of each orientation.
+ */
+export declare enum DaffNotificationOrientationEnum {
+    Horizontal = "horizontal",
+    Vertical = "vertical"
+}

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

@@ -1,53 +1,69 @@
 import { EventEmitter } from '@angular/core';
 import { DaffPrefixDirective, DaffStatusableDirective } from '@daffodil/design';
+import { DaffNotificationOrientation } from '../helpers/notification-orientation';
 import { DaffNotificationActionsDirective } from '../notification-actions/notification-actions.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
-export type DaffNotificationOrientation = 'horizontal' | 'vertical';
+import * as i2 from "../helpers/notification-orientation";
 /**
- * DaffNotificationComponent provides a way to display and communicate
- * information related to user actions within a page's content.
+ * Notifications provide contextual feedback or information related to user actions within a page's content.
+ *
+ * Use [Toast](/libs/design/toast/README.md) for app-level alerts.
+ *
+ * @example
+ * ```html
+ * <daff-notification>
+ *  <fa-icon daffPrefix [icon]="faExclamation"></fa-icon>
+ *  <div daffNotificationTitle>Payment Failed</div>
+ *  <div daffNotificationMessage>We were unable to process your payment for order #12345. Please update your payment details and try again.</div>
+ *  <div daffNotificationActions>
+ *    <button daff-button>Update payment</button>
+ *    <button daff-button>Contact support</button>
+ *  </div>
+ * </daff-notification>
+ * ```
  */
 export declare class DaffNotificationComponent {
     private statusDirective;
-    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    _prefix: DaffPrefixDirective;
-    _actions: DaffNotificationActionsDirective;
     /**
      * @docs-private
      */
-    class: boolean;
+    faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
     /**
      * @docs-private
      */
-    tabindex: string;
-    /**
-     * Sets role to alert when `status="warn"` or `status="critical"`.
-     * Sets role to status on all other instances.
-     */
+    _prefix: DaffPrefixDirective;
     /**
      * @docs-private
      */
-    get role(): "status" | "alert";
+    _actions: DaffNotificationActionsDirective;
     /**
      * @docs-private
+     *
+     * Sets role to alert when `status="warn"` or `status="critical"`.
+     * Sets role to status on all other instances.
      */
-    get verticalOrientation(): boolean;
-    /**
-     * @docs-private
+    get role(): "status" | "alert";
+    /** Whether the notification can be dismissed by the user.
+     * Displays a close icon if `true`.
      */
-    get horizontalOrientation(): boolean;
-    /** Whether or not a notification is closable */
     dismissible: boolean;
     constructor(statusDirective: DaffStatusableDirective);
-    private _orientation;
-    get orientation(): DaffNotificationOrientation;
-    set orientation(value: DaffNotificationOrientation);
     /**
-     * Output event triggered when the close icon is clicked.
+     * The orientation of a notification.
+     */
+    orientation: DaffNotificationOrientation;
+    /**
+     * Emits when the notification is closed.
      */
     closeNotification: EventEmitter<void>;
+    /**
+     * @docs-private
+     *
+     * Internal handler for the close icon click.
+     */
     onCloseNotification(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix", "_actions"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationMessage]", "[daffNotificationActions]"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
+    static ngAcceptInputType_orientation: i2.DaffNotificationOrientation | null | undefined;
 }

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

@@ -1,9 +1,16 @@
 import * as i0 from "@angular/core";
+/**
+ * Actions is used to include actionable buttons related to the notification (e.g., dismiss, navigate).
+ *
+ * @example
+ * ```html
+ * <div daffNotificationActions>
+ *  <button daff-button>Update payment</button>
+ *  <button daff-button>Contact support</button>
+ * </div>
+ * ```
+ */
 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,9 +1,14 @@
 import * as i0 from "@angular/core";
+/**
+ * Message provides additional details or supporting context that supplements
+ * the notification title. Keep this brief—ideally one to two short sentences.
+ *
+ * @example
+ * ```html
+ * <div daffNotificationMessage>We were unable to process your payment for order #12345. Please update your payment details and try again.</div>
+ * ```
+ */
 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,9 +1,8 @@
 import * as i0 from "@angular/core";
+/**
+ * @deprecated in favor of DaffNotificationMessageDirective. Deprecated in version 0.88.0. Will be removed in version 0.91.0.
+ */
 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,9 +1,13 @@
 import * as i0 from "@angular/core";
+/**
+ * Title is the primary text summarizing the notification.
+ *
+ * @example
+ * ```html
+ * <div daffNotificationTitle>Payment Failed</div>
+ * ```
+ */
 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>;
 }

package/notification/public_api.d.ts

@@ -1,7 +1,8 @@
 export { DaffNotificationModule } from './notification.module';
-export * from './notification/notification.component';
-export * from './notification-actions/notification-actions.directive';
-export * from './notification-title/notification-title.directive';
-export * from './notification-subtitle/notification-subtitle.directive';
-export * from './notification-message/notification-message.directive';
+export { DaffNotificationComponent } from './notification/notification.component';
+export { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';
+export { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';
+export { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';
+export { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';
 export { DAFF_NOTIFICATION_COMPONENTS } from './notification';
+export { DaffNotificationOrientation, DaffNotificationOrientationEnum, } from './helpers/notification-orientation';

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.87.2","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^19.0.0","@angular/common":"^19.0.0","@angular/core":"^19.0.0","@angular/forms":"^19.0.0","@angular/cdk":"^19.0.0","@daffodil/core":"0.87.2","@fortawesome/angular-fontawesome":"^1.0.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^3.0.1","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^9.8.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","default":"./fesm2022/daffodil-design-button.mjs"},"./card":{"types":"./card/index.d.ts","default":"./fesm2022/daffodil-design-card.mjs"},"./callout":{"types":"./callout/index.d.ts","default":"./fesm2022/daffodil-design-callout.mjs"},"./container":{"types":"./container/index.d.ts","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","default":"./fesm2022/daffodil-design-image.mjs"},"./input":{"types":"./input/index.d.ts","default":"./fesm2022/daffodil-design-input.mjs"},"./link-set":{"types":"./link-set/index.d.ts","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./quantity-field":{"types":"./quantity-field/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field.mjs"},"./select":{"types":"./select/index.d.ts","default":"./fesm2022/daffodil-design-select.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./switch":{"types":"./switch/index.d.ts","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet.mjs"},"./textarea":{"types":"./textarea/index.d.ts","default":"./fesm2022/daffodil-design-textarea.mjs"},"./toast":{"types":"./toast/index.d.ts","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","default":"./fesm2022/daffodil-design-tree.mjs"},"./youtube-player":{"types":"./youtube-player/index.d.ts","default":"./fesm2022/daffodil-design-youtube-player.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./form-field/examples":{"types":"./form-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-form-field-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./select/examples":{"types":"./select/examples/index.d.ts","default":"./fesm2022/daffodil-design-select-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./switch/examples":{"types":"./switch/examples/index.d.ts","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./textarea/examples":{"types":"./textarea/examples/index.d.ts","default":"./fesm2022/daffodil-design-textarea-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
+{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.88.1","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^19.0.0","@angular/common":"^19.0.0","@angular/core":"^19.0.0","@angular/forms":"^19.0.0","@angular/cdk":"^19.0.0","@daffodil/core":"0.88.1","@fortawesome/angular-fontawesome":"^1.0.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^3.0.1","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^9.8.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","default":"./fesm2022/daffodil-design-button.mjs"},"./card":{"types":"./card/index.d.ts","default":"./fesm2022/daffodil-design-card.mjs"},"./callout":{"types":"./callout/index.d.ts","default":"./fesm2022/daffodil-design-callout.mjs"},"./container":{"types":"./container/index.d.ts","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","default":"./fesm2022/daffodil-design-image.mjs"},"./input":{"types":"./input/index.d.ts","default":"./fesm2022/daffodil-design-input.mjs"},"./link-set":{"types":"./link-set/index.d.ts","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./quantity-field":{"types":"./quantity-field/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field.mjs"},"./select":{"types":"./select/index.d.ts","default":"./fesm2022/daffodil-design-select.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./switch":{"types":"./switch/index.d.ts","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet.mjs"},"./textarea":{"types":"./textarea/index.d.ts","default":"./fesm2022/daffodil-design-textarea.mjs"},"./toast":{"types":"./toast/index.d.ts","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","default":"./fesm2022/daffodil-design-tree.mjs"},"./youtube-player":{"types":"./youtube-player/index.d.ts","default":"./fesm2022/daffodil-design-youtube-player.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./form-field/examples":{"types":"./form-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-form-field-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./select/examples":{"types":"./select/examples/index.d.ts","default":"./fesm2022/daffodil-design-select-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./sticky/examples":{"types":"./sticky/examples/index.d.ts","default":"./fesm2022/daffodil-design-sticky-examples.mjs"},"./switch/examples":{"types":"./switch/examples/index.d.ts","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./textarea/examples":{"types":"./textarea/examples/index.d.ts","default":"./fesm2022/daffodil-design-textarea-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}