@daffodil/design 0.73.0 → 0.75.0

package/modal/examples/public_api.d.ts

@@ -1,2 +1,2 @@
-import { ComponentExample } from '@daffodil/design';
-export declare const MODAL_EXAMPLES: ComponentExample[];
+import { BasicModalComponent } from './basic-modal/basic-modal.component';
+export declare const MODAL_EXAMPLES: (typeof BasicModalComponent)[];

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

@@ -9,9 +9,25 @@ export declare class DaffModalComponent implements AfterContentInit, AfterViewIn
     private _focusTrapFactory;
     private _elementRef;
     /**
-     * HostBinding to set the default modal class on the host element.
+     * Sets a class of .daff-modal to the host element.
      */
     modalClass: boolean;
+    /**
+     * Sets the role to dialog.
+     */
+    role: string;
+    /**
+     * Sets aria-modal to true.
+     */
+    ariaModal: boolean;
+    private _ariaLabelledBy;
+    /**
+     * The aria-labelledby for the modal. This is set by the id of
+     * {@link DaffModalTitleDirective} when it is used.
+     *
+     */
+    get ariaLabelledBy(): string;
+    set ariaLabelledBy(value: string);
     /**
      * Dictates whether or not a modal is open or closed.
      */

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

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

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

@@ -0,0 +1,24 @@
+import { DaffModalComponent } from '../modal/modal.component';
+import { DaffModalService } from '../service/modal.service';
+import * as i0 from "@angular/core";
+/**
+ * The DaffModalCloseDirective is a helper directive that passes a click
+ * event to the button it's used with to close a modal. It needs to be
+ * implemented with the `<button>` HTML element to work. This helps to
+ * reduce code duplication.
+ */
+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.
+     */
+    typeAttribute: string;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalCloseDirective, [null, { optional: true; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalCloseDirective, "button[daffModalClose]", never, {}, {}, never, never, false, never>;
+}

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

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

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

@@ -1,9 +1,14 @@
 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.
+     */
+    dismissible: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalHeaderComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffModalHeaderComponent, "daff-modal-header", never, { "dismissible": { "alias": "dismissible"; "required": false; }; }, {}, never, ["[daffModalTitle]"], false, never>;
 }

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

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

package/modal/modal.module.d.ts

@@ -4,11 +4,14 @@ import * as i2 from "./modal-header/modal-header.component";
 import * as i3 from "./modal-title/modal-title.directive";
 import * as i4 from "./modal-content/modal-content.component";
 import * as i5 from "./modal-actions/modal-actions.component";
-import * as i6 from "@angular/common";
-import * as i7 from "@angular/cdk/portal";
-import * as i8 from "@angular/cdk/overlay";
+import * as i6 from "./modal-close/modal-close.directive";
+import * as i7 from "@angular/common";
+import * as i8 from "@angular/cdk/portal";
+import * as i9 from "@angular/cdk/overlay";
+import * as i10 from "@daffodil/design/button";
+import * as i11 from "@fortawesome/angular-fontawesome";
 export declare class DaffModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, [typeof i1.DaffModalComponent, typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent], [typeof i6.CommonModule, typeof i7.PortalModule, typeof i8.OverlayModule], [typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffModalModule, [typeof i1.DaffModalComponent, typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent, typeof i6.DaffModalCloseDirective], [typeof i7.CommonModule, typeof i8.PortalModule, typeof i9.OverlayModule, typeof i10.DaffButtonModule, typeof i11.FontAwesomeModule], [typeof i2.DaffModalHeaderComponent, typeof i3.DaffModalTitleDirective, typeof i4.DaffModalContentComponent, typeof i5.DaffModalActionsComponent, typeof i6.DaffModalCloseDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffModalModule>;
 }

package/modal/public_api.d.ts

@@ -6,3 +6,4 @@ export { DaffModalHeaderComponent } from './modal-header/modal-header.component'
 export { DaffModalTitleDirective } from './modal-title/modal-title.directive';
 export { DaffModalContentComponent } from './modal-content/modal-content.component';
 export { DaffModalActionsComponent } from './modal-actions/modal-actions.component';
+export { DaffModalCloseDirective } from './modal-close/modal-close.directive';

package/navbar/examples/basic-navbar/basic-navbar.component.d.ts

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

package/navbar/examples/contained-navbar/contained-navbar.component.d.ts

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

package/navbar/examples/navbar-theming/navbar-theming.component.d.ts

@@ -7,5 +7,5 @@ export declare class NavbarThemingComponent {
         label: string;
     }[];
     static ɵfac: i0.ɵɵFactoryDeclaration<NavbarThemingComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarThemingComponent, "navbar-theming", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NavbarThemingComponent, "navbar-theming", never, {}, {}, never, never, true, never>;
 }

package/navbar/examples/public_api.d.ts

@@ -1,9 +1,5 @@
 export { BasicNavbarComponent } from './basic-navbar/basic-navbar.component';
-export { BasicNavbarModule } from './basic-navbar/basic-navbar.module';
 export { ContainedNavbarComponent } from './contained-navbar/contained-navbar.component';
-export { ContainedNavbarModule } from './contained-navbar/contained-navbar.module';
 export { NavbarThemingComponent } from './navbar-theming/navbar-theming.component';
-export { NavbarThemingModule } from './navbar-theming/navbar-theming.module';
 export { RaisedNavbarComponent } from './raised-navbar/raised-navbar.component';
-export { RaisedNavbarModule } from './raised-navbar/raised-navbar.module';
 export { NAVBAR_EXAMPLES } from './examples';

package/navbar/examples/raised-navbar/raised-navbar.component.d.ts

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

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

@@ -1,29 +1,9 @@
-import { ElementRef, Renderer2 } from '@angular/core';
-import { DaffColorable } from '@daffodil/design';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef is needed for the Colorable mixin
- */
-declare class DaffNavbarBase {
-    _elementRef: ElementRef;
-    _renderer: Renderer2;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-}
-declare const _daffNavbarBase: (new (...args: any[]) => {
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & (new (...args: any[]) => {
-    _color: import("@daffodil/design").DaffPalette;
-    color: import("@daffodil/design").DaffPalette;
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & typeof DaffNavbarBase;
+import * as i1 from "@daffodil/design";
 /**
  * @inheritdoc
  */
-export declare class DaffNavbarComponent extends _daffNavbarBase implements DaffColorable {
-    private elementRef;
-    private renderer;
+export declare class DaffNavbarComponent {
     raised: boolean;
     /**
      * @docs-private
@@ -33,8 +13,6 @@ export declare class DaffNavbarComponent extends _daffNavbarBase implements Daff
      * @docs-private
      */
     hostClass: boolean;
-    constructor(elementRef: ElementRef, renderer: Renderer2);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "color": { "alias": "color"; "required": false; }; "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNavbarComponent, "nav[daff-navbar]", never, { "raised": { "alias": "raised"; "required": false; }; }, {}, never, ["*"], false, [{ directive: typeof i1.DaffManageContainerLayoutDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
 }
-export {};

package/notification/README.md

@@ -1,23 +1,49 @@
-# Notifications
-Notifications provides a way to display and communicate information for user actions or system updates. There are two main types of notifications — inline or toast.
-
-## Usage
-```
-<h4>Default Message Bar</h4>
-<daff-notification>
-  Default Message Bar
-</daff-notification>
-
-<h4>Message Bar Statuses</h4>
-<daff-notification status="warn">
-  Message Bar - Primary Color
-</daff-notification>
-
-<daff-notification status="error">
-  Message Bar - Secondary Color
-</daff-notification>
-
-<daff-notification status="success">
-  Message Bar - Secondary Color
-</daff-notification>
-```
+# Notification
+Notifications provide a way to display and communicate 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.
+
+### Default Notification
+<design-land-example-viewer-container example="default-notification"></design-land-example-viewer-container>
+
+## 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.
+
+### Title
+Title gives a quick overview of what the notification is about. It can be added by 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.
+
+### 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.
+
+<design-land-example-viewer-container example="notification-with-actions"></design-land-example-viewer-container>d
+
+## Properties
+
+### Statuses
+The status color of a notification can be updated by using the `status` property.
+
+Supported statuses: `warn | danger | success`
+
+#### Notification with statuses
+<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.
+
+<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.
+
+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.
+
+<design-land-example-viewer-container example="dismissible-notification"></design-land-example-viewer-container>
+
+## Accessibility
+Notifications with a `danger` 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/examples/default-notification/default-notification.component.d.ts

@@ -1,6 +1,8 @@
 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, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultNotificationComponent, "default-notification", never, {}, {}, never, never, true, never>;
 }

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

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

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

@@ -6,5 +6,5 @@ export declare class NotificationOrientationsComponent {
     faExclamation: import("@fortawesome/fontawesome-common-types").IconDefinition;
     orientationControl: UntypedFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationOrientationsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationOrientationsComponent, "notification-orientations", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationOrientationsComponent, "notification-orientations", never, {}, {}, never, never, true, never>;
 }

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

@@ -6,5 +6,5 @@ export declare class NotificationStatusComponent {
     faExclamation: import("@fortawesome/fontawesome-common-types").IconDefinition;
     statusControl: UntypedFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<NotificationStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationStatusComponent, "notification-status", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<NotificationStatusComponent, "notification-status", never, {}, {}, never, never, true, never>;
 }

package/notification/examples/notification-with-actions/notification-with-actions.component.d.ts

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

package/notification/examples/public_api.d.ts

@@ -1,2 +1,6 @@
-import { ComponentExample } from '@daffodil/design';
-export declare const NOTIFICATION_EXAMPLES: ComponentExample[];
+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)[];

package/notification/index.d.ts

@@ -1,5 +1 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/notification" />
 export * from './public_api';

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

@@ -1,47 +1,38 @@
-import { ElementRef, Renderer2, EventEmitter } from '@angular/core';
-import { DaffPrefixable, DaffPrefixDirective, DaffStatusable } from '@daffodil/design';
+import { EventEmitter } from '@angular/core';
+import { DaffPrefixable, DaffPrefixDirective, DaffStatusableDirective } from '@daffodil/design';
+import { DaffNotificationActionsDirective } from '../notification-actions/notification-actions.directive';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef is needed for the core mixins
- */
-declare class DaffNotificationBase {
-    _elementRef: ElementRef;
-    _renderer: Renderer2;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-}
-declare const _daffNotificationBase: (new (...args: any[]) => {
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & (new (...args: any[]) => {
-    _status: import("@daffodil/design").DaffStatus;
-    status: import("@daffodil/design").DaffStatus;
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & typeof DaffNotificationBase;
+import * as i1 from "@daffodil/design";
 export type DaffNotificationOrientation = 'horizontal' | 'vertical';
 /**
- * DaffNotificationComponent provides a way to display and
- * communicate information for user actions or system updates.
+ * DaffNotificationComponent provides a way to display and communicate
+ * information related to user actions within a page's content.
  */
-export declare class DaffNotificationComponent extends _daffNotificationBase implements DaffPrefixable, DaffStatusable {
-    private elementRef;
-    private renderer;
+export declare class DaffNotificationComponent implements DaffPrefixable {
+    private statusDirective;
     faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    _prefix: DaffPrefixDirective;
+    _actions: DaffNotificationActionsDirective;
     class: boolean;
     tabindex: string;
-    ariaLive: string;
+    /**
+     * Sets role to alert when `status="warn"` or `status="danger"`.
+     * Sets role to status on all other instances.
+     */
+    get role(): "status" | "alert";
     get verticalOrientation(): boolean;
     get horizontalOrientation(): boolean;
     /** Whether or not a notification is closable */
     dismissible: boolean;
-    closeNotification: EventEmitter<void>;
+    constructor(statusDirective: DaffStatusableDirective);
     private _orientation;
     get orientation(): DaffNotificationOrientation;
     set orientation(value: DaffNotificationOrientation);
-    constructor(elementRef: ElementRef, renderer: Renderer2);
-    _prefix: DaffPrefixDirective;
+    /**
+     * Output event triggered when the close icon is clicked.
+     */
+    closeNotification: EventEmitter<void>;
     onCloseNotification(event: Event): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "status": { "alias": "status"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; "orientation": { "alias": "orientation"; "required": false; }; }, { "closeNotification": "closeNotification"; }, ["_prefix"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"], false, 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]"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
 }
-export {};

package/notification/src/notification-theme.scss

@@ -37,7 +37,7 @@
 			}
 		}
 
-		&.daff-error {
+		&.daff-danger {
 			background: theming.daff-color(theming.$daff-red, 10);
 			border: 1px solid theming.daff-color(theming.$daff-red, 20);
 			color: theming.daff-text-contrast(theming.daff-color(theming.$daff-red, 10));

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.73.0","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":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.73.0","@fortawesome/angular-fontawesome":"^0.14.1","@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":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","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.75.0","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":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.75.0","@fortawesome/angular-fontawesome":"^0.14.1","@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":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.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","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}

package/paginator/examples/basic-paginator/basic-paginator.component.d.ts

@@ -4,5 +4,5 @@ export declare class BasicPaginatorComponent {
     currentPage: number;
     onPageChange(pageNumber: number): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicPaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicPaginatorComponent, "basic-paginator", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicPaginatorComponent, "basic-paginator", never, {}, {}, never, never, true, never>;
 }

package/paginator/examples/link-paginator/link-paginator.component.d.ts

@@ -9,5 +9,5 @@ export declare class LinkPaginatorComponent {
     get currentPage$(): Observable<number>;
     constructor(route: ActivatedRoute);
     static ɵfac: i0.ɵɵFactoryDeclaration<LinkPaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<LinkPaginatorComponent, "link-paginator", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<LinkPaginatorComponent, "link-paginator", never, {}, {}, never, never, true, never>;
 }

package/paginator/examples/public_api.d.ts

@@ -1,4 +1,3 @@
 export { BasicPaginatorComponent } from './basic-paginator/basic-paginator.component';
 export { LinkPaginatorComponent } from './link-paginator/link-paginator.component';
-export { PaginatorExamplesModule } from './paginator-examples.module';
 export { PAGINATOR_EXAMPLES } from './examples';

package/paginator/index.d.ts

@@ -1,5 +1 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/paginator" />
 export * from './public_api';

package/progress-bar/examples/progress-bar-default/progress-bar-default.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ProgressBarDefaultComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarDefaultComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarDefaultComponent, "progress-bar-default", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarDefaultComponent, "progress-bar-default", never, {}, {}, never, never, true, never>;
 }

package/progress-bar/examples/progress-bar-indeterminate/progress-bar-indeterminate.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class ProgressBarIndeterminateComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarIndeterminateComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarIndeterminateComponent, "progress-bar-indeterminate", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarIndeterminateComponent, "progress-bar-indeterminate", never, {}, {}, never, never, true, never>;
 }

package/progress-bar/examples/progress-bar-themes/progress-bar-themes.component.d.ts

@@ -5,5 +5,5 @@ export declare class ProgressBarThemesComponent {
     color: DaffPalette;
     colorControl: FormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<ProgressBarThemesComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarThemesComponent, "progress-bar-themes", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ProgressBarThemesComponent, "progress-bar-themes", never, {}, {}, never, never, true, never>;
 }

package/progress-bar/examples/public_api.d.ts

@@ -1,2 +1,2 @@
-import { ComponentExample } from '@daffodil/design';
-export declare const PROGRESS_BAR_EXAMPLES: ComponentExample[];
+import { ProgressBarDefaultComponent } from './progress-bar-default/progress-bar-default.component';
+export declare const PROGRESS_BAR_EXAMPLES: (typeof ProgressBarDefaultComponent)[];