@daffodil/design 0.62.2 → 0.62.4

Sign up to get free protection for your applications and to get access to all the features.
Files changed (81) hide show
  1. package/accordion/examples/package.json +1 -1
  2. package/article/examples/package.json +1 -1
  3. package/button/examples/package.json +1 -1
  4. package/callout/examples/package.json +1 -1
  5. package/card/examples/package.json +1 -1
  6. package/checkbox/examples/package.json +1 -1
  7. package/container/examples/package.json +1 -1
  8. package/esm2020/molecules/modal/modal/modal.component.mjs +37 -23
  9. package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
  10. package/esm2020/notification/daffodil-design-notification.mjs +5 -0
  11. package/esm2020/notification/examples/daffodil-design-notification-examples.mjs +5 -0
  12. package/esm2020/notification/examples/default-notification/default-notification.component.mjs +23 -0
  13. package/esm2020/notification/examples/default-notification/default-notification.module.mjs +38 -0
  14. package/esm2020/notification/examples/dismissable-notification/dismissable-notification.component.mjs +23 -0
  15. package/esm2020/notification/examples/dismissable-notification/dismissable-notification.module.mjs +38 -0
  16. package/esm2020/notification/examples/index.mjs +2 -0
  17. package/esm2020/notification/examples/notification-orientations/notification-orientations.component.mjs +23 -0
  18. package/esm2020/notification/examples/notification-orientations/notification-orientations.module.mjs +42 -0
  19. package/esm2020/notification/examples/notification-status/notification-status.component.mjs +24 -0
  20. package/esm2020/notification/examples/notification-status/notification-status.module.mjs +42 -0
  21. package/esm2020/notification/examples/public_api.mjs +15 -0
  22. package/esm2020/notification/notification/notification.component.mjs +95 -0
  23. package/esm2020/notification/notification-actions/notification-actions.directive.mjs +19 -0
  24. package/esm2020/notification/notification-message/notification-message.directive.mjs +19 -0
  25. package/esm2020/notification/notification-subtitle/notification-subtitle.directive.mjs +19 -0
  26. package/esm2020/notification/notification-title/notification-title.directive.mjs +19 -0
  27. package/esm2020/notification/notification.module.mjs +56 -0
  28. package/esm2020/notification/public_api.mjs +7 -0
  29. package/fesm2015/daffodil-design-notification-examples.mjs +221 -0
  30. package/fesm2015/daffodil-design-notification-examples.mjs.map +1 -0
  31. package/fesm2015/daffodil-design-notification.mjs +218 -0
  32. package/fesm2015/daffodil-design-notification.mjs.map +1 -0
  33. package/fesm2015/daffodil-design.mjs +34 -23
  34. package/fesm2015/daffodil-design.mjs.map +1 -1
  35. package/fesm2020/daffodil-design-notification-examples.mjs +221 -0
  36. package/fesm2020/daffodil-design-notification-examples.mjs.map +1 -0
  37. package/fesm2020/daffodil-design-notification.mjs +218 -0
  38. package/fesm2020/daffodil-design-notification.mjs.map +1 -0
  39. package/fesm2020/daffodil-design.mjs +34 -23
  40. package/fesm2020/daffodil-design.mjs.map +1 -1
  41. package/hero/examples/package.json +1 -1
  42. package/image/examples/package.json +1 -1
  43. package/input/examples/package.json +1 -1
  44. package/list/examples/package.json +1 -1
  45. package/loading-icon/examples/package.json +1 -1
  46. package/media-gallery/examples/package.json +1 -1
  47. package/menu/examples/package.json +1 -1
  48. package/modal/examples/package.json +1 -1
  49. package/molecules/modal/modal/modal.component.d.ts +16 -15
  50. package/navbar/examples/package.json +1 -1
  51. package/notification/README.md +23 -0
  52. package/notification/daffodil-design-notification.d.ts +5 -0
  53. package/notification/examples/daffodil-design-notification-examples.d.ts +5 -0
  54. package/notification/examples/default-notification/default-notification.component.d.ts +6 -0
  55. package/notification/examples/default-notification/default-notification.module.d.ts +11 -0
  56. package/notification/examples/dismissable-notification/dismissable-notification.component.d.ts +6 -0
  57. package/notification/examples/dismissable-notification/dismissable-notification.module.d.ts +11 -0
  58. package/notification/examples/index.d.ts +1 -0
  59. package/notification/examples/notification-orientations/notification-orientations.component.d.ts +10 -0
  60. package/notification/examples/notification-orientations/notification-orientations.module.d.ts +12 -0
  61. package/notification/examples/notification-status/notification-status.component.d.ts +10 -0
  62. package/notification/examples/notification-status/notification-status.module.d.ts +12 -0
  63. package/notification/examples/package.json +1 -0
  64. package/notification/examples/public_api.d.ts +2 -0
  65. package/notification/notification/notification.component.d.ts +47 -0
  66. package/notification/notification-actions/notification-actions.directive.d.ts +6 -0
  67. package/notification/notification-message/notification-message.directive.d.ts +6 -0
  68. package/notification/notification-subtitle/notification-subtitle.directive.d.ts +6 -0
  69. package/notification/notification-title/notification-title.directive.d.ts +6 -0
  70. package/notification/notification.module.d.ts +14 -0
  71. package/notification/package.json +1 -0
  72. package/notification/public_api.d.ts +6 -0
  73. package/notification/src/notification-theme.scss +50 -0
  74. package/package.json +1 -1
  75. package/paginator/examples/package.json +1 -1
  76. package/quantity-field/examples/package.json +1 -1
  77. package/radio/examples/package.json +1 -1
  78. package/scss/theme.scss +2 -0
  79. package/sidebar/examples/package.json +1 -1
  80. package/tree/examples/package.json +1 -1
  81. package/tree/package.json +1 -1
@@ -1 +1 @@
1
- {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1,8 +1,15 @@
1
1
  import { AnimationEvent } from '@angular/animations';
2
+ import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
2
3
  import { ComponentPortal } from '@angular/cdk/portal';
3
- import { EventEmitter } from '@angular/core';
4
+ import { EventEmitter, ElementRef, AfterContentInit, AfterViewInit } from '@angular/core';
4
5
  import * as i0 from "@angular/core";
5
- export declare class DaffModalComponent {
6
+ export declare class DaffModalComponent implements AfterContentInit, AfterViewInit {
7
+ private _focusTrapFactory;
8
+ private _elementRef;
9
+ /**
10
+ * HostBinding to set the default modal class on the host element.
11
+ */
12
+ modalClass: boolean;
6
13
  /**
7
14
  * Dictates whether or not a modal is open or closed.
8
15
  */
@@ -20,24 +27,18 @@ export declare class DaffModalComponent {
20
27
  */
21
28
  closedAnimationCompleted: EventEmitter<any>;
22
29
  /**
23
- * Event fired when the backdrop is clicked
24
- * This is often used to close the modal
30
+ * Event fired when the backdrop is clicked. This is often used to close the modal.
25
31
  */
26
32
  hide: EventEmitter<void>;
33
+ private _focusTrap;
34
+ constructor(_focusTrapFactory: ConfigurableFocusTrapFactory, _elementRef: ElementRef<HTMLElement>);
35
+ ngAfterContentInit(): void;
36
+ ngAfterViewInit(): void;
27
37
  /**
28
- * Hostbinding to set the default modal class on the host element
29
- *
30
- * @docs-private
31
- */
32
- modalClass: boolean;
33
- /**
34
- * Helper method to attach portable content to modal
38
+ * Helper method to attach portable content to modal.
35
39
  */
36
40
  attachContent(portal: ComponentPortal<any>): any;
37
- /**
38
- * Animation hook that controls the entrance and exit animations
39
- * of the modal
40
- */
41
+ /** Animation hook that controls the entrance and exit animations of the modal. */
41
42
  get fadeState(): string;
42
43
  /**
43
44
  * Animation event that can used to hook into when
@@ -1 +1 @@
1
- {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -0,0 +1,23 @@
1
+ # Notifications
2
+ 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.
3
+
4
+ ## Usage
5
+ ```
6
+ <h4>Default Message Bar</h4>
7
+ <daff-notification>
8
+ Default Message Bar
9
+ </daff-notification>
10
+
11
+ <h4>Message Bar Statuses</h4>
12
+ <daff-notification status="warn">
13
+ Message Bar - Primary Color
14
+ </daff-notification>
15
+
16
+ <daff-notification status="error">
17
+ Message Bar - Secondary Color
18
+ </daff-notification>
19
+
20
+ <daff-notification status="success">
21
+ Message Bar - Secondary Color
22
+ </daff-notification>
23
+ ```
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@daffodil/design/notification" />
5
+ export * from './public_api';
@@ -0,0 +1,5 @@
1
+ /**
2
+ * Generated bundle index. Do not edit.
3
+ */
4
+ /// <amd-module name="@daffodil/design/notification/examples" />
5
+ export * from './index';
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DefaultNotificationComponent {
3
+ faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DefaultNotificationComponent, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<DefaultNotificationComponent, "default-notification", never, {}, {}, never, never>;
6
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./default-notification.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@daffodil/design/notification";
5
+ import * as i4 from "@fortawesome/angular-fontawesome";
6
+ import * as i5 from "@daffodil/design";
7
+ export declare class DefaultNotificationModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<DefaultNotificationModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DefaultNotificationModule, [typeof i1.DefaultNotificationComponent], [typeof i2.CommonModule, typeof i3.DaffNotificationModule, typeof i4.FontAwesomeModule, typeof i5.DaffButtonModule], [typeof i1.DefaultNotificationComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<DefaultNotificationModule>;
11
+ }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DismissableNotificationComponent {
3
+ faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DismissableNotificationComponent, never>;
5
+ static ɵcmp: i0.ɵɵComponentDeclaration<DismissableNotificationComponent, "dismissable-notification", never, {}, {}, never, never>;
6
+ }
@@ -0,0 +1,11 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./dismissable-notification.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@daffodil/design/notification";
5
+ import * as i4 from "@fortawesome/angular-fontawesome";
6
+ import * as i5 from "@daffodil/design";
7
+ export declare class DismissableNotificationModule {
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<DismissableNotificationModule, never>;
9
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DismissableNotificationModule, [typeof i1.DismissableNotificationComponent], [typeof i2.CommonModule, typeof i3.DaffNotificationModule, typeof i4.FontAwesomeModule, typeof i5.DaffButtonModule], [typeof i1.DismissableNotificationComponent]>;
10
+ static ɵinj: i0.ɵɵInjectorDeclaration<DismissableNotificationModule>;
11
+ }
@@ -0,0 +1 @@
1
+ export * from './public_api';
@@ -0,0 +1,10 @@
1
+ import { FormControl } from '@angular/forms';
2
+ import * as i0 from "@angular/core";
3
+ export declare class NotificationOrientationsComponent {
4
+ faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
5
+ faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
+ faExclamation: import("@fortawesome/fontawesome-common-types").IconDefinition;
7
+ orientationControl: FormControl;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationOrientationsComponent, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<NotificationOrientationsComponent, "notification-orientations", never, {}, {}, never, never>;
10
+ }
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./notification-orientations.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@daffodil/design/notification";
5
+ import * as i4 from "@daffodil/design";
6
+ import * as i5 from "@fortawesome/angular-fontawesome";
7
+ import * as i6 from "@angular/forms";
8
+ export declare class NotificationOrientationsModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationOrientationsModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationOrientationsModule, [typeof i1.NotificationOrientationsComponent], [typeof i2.CommonModule, typeof i3.DaffNotificationModule, typeof i4.DaffButtonModule, typeof i5.FontAwesomeModule, typeof i6.ReactiveFormsModule], [typeof i1.NotificationOrientationsComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<NotificationOrientationsModule>;
12
+ }
@@ -0,0 +1,10 @@
1
+ import { FormControl } from '@angular/forms';
2
+ import * as i0 from "@angular/core";
3
+ export declare class NotificationStatusComponent {
4
+ faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
5
+ faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
6
+ faExclamation: import("@fortawesome/fontawesome-common-types").IconDefinition;
7
+ statusControl: FormControl;
8
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationStatusComponent, never>;
9
+ static ɵcmp: i0.ɵɵComponentDeclaration<NotificationStatusComponent, "notification-status", never, {}, {}, never, never>;
10
+ }
@@ -0,0 +1,12 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./notification-status.component";
3
+ import * as i2 from "@angular/common";
4
+ import * as i3 from "@daffodil/design/notification";
5
+ import * as i4 from "@daffodil/design";
6
+ import * as i5 from "@fortawesome/angular-fontawesome";
7
+ import * as i6 from "@angular/forms";
8
+ export declare class NotificationStatusModule {
9
+ static ɵfac: i0.ɵɵFactoryDeclaration<NotificationStatusModule, never>;
10
+ static ɵmod: i0.ɵɵNgModuleDeclaration<NotificationStatusModule, [typeof i1.NotificationStatusComponent], [typeof i2.CommonModule, typeof i3.DaffNotificationModule, typeof i4.DaffButtonModule, typeof i5.FontAwesomeModule, typeof i6.ReactiveFormsModule], [typeof i1.NotificationStatusComponent]>;
11
+ static ɵinj: i0.ɵɵInjectorDeclaration<NotificationStatusModule>;
12
+ }
@@ -0,0 +1 @@
1
+ {"name":"@daffodil/design/notification/examples","module":"../../fesm2015/daffodil-design-notification-examples.mjs","es2020":"../../fesm2020/daffodil-design-notification-examples.mjs","esm2020":"../../esm2020/notification/examples/daffodil-design-notification-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-notification-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-notification-examples.mjs","typings":"daffodil-design-notification-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -0,0 +1,2 @@
1
+ import { ComponentExample } from '@daffodil/design';
2
+ export declare const NOTIFICATION_EXAMPLES: ComponentExample[];
@@ -0,0 +1,47 @@
1
+ import { ElementRef, Renderer2, EventEmitter } from '@angular/core';
2
+ import { DaffPrefixable, DaffPrefixDirective, DaffStatusable } from '@daffodil/design';
3
+ import * as i0 from "@angular/core";
4
+ /**
5
+ * An _elementRef is needed for the core mixins
6
+ */
7
+ declare class DaffNotificationBase {
8
+ _elementRef: ElementRef;
9
+ _renderer: Renderer2;
10
+ constructor(_elementRef: ElementRef, _renderer: Renderer2);
11
+ }
12
+ declare const _daffNotificationBase: (new (...args: any[]) => {
13
+ _elementRef: ElementRef<any>;
14
+ _renderer: Renderer2;
15
+ }) & (new (...args: any[]) => {
16
+ _status: import("@daffodil/design").DaffStatus;
17
+ status: import("@daffodil/design").DaffStatus;
18
+ _elementRef: ElementRef<any>;
19
+ _renderer: Renderer2;
20
+ }) & typeof DaffNotificationBase;
21
+ export declare type DaffNotificationOrientation = 'horizontal' | 'vertical';
22
+ /**
23
+ * DaffNotificationComponent provides a way to display and
24
+ * communicate information for user actions or system updates.
25
+ */
26
+ export declare class DaffNotificationComponent extends _daffNotificationBase implements DaffPrefixable, DaffStatusable {
27
+ private elementRef;
28
+ private renderer;
29
+ faTimes: import("@fortawesome/fontawesome-common-types").IconDefinition;
30
+ class: boolean;
31
+ tabindex: string;
32
+ ariaLive: string;
33
+ get verticalOrientation(): boolean;
34
+ get horizontalOrientation(): boolean;
35
+ /** Whether or not a notification is closable */
36
+ dismissable: boolean;
37
+ closeNotification: EventEmitter<void>;
38
+ private _orientation;
39
+ get orientation(): DaffNotificationOrientation;
40
+ set orientation(value: DaffNotificationOrientation);
41
+ constructor(elementRef: ElementRef, renderer: Renderer2);
42
+ _prefix: DaffPrefixDirective;
43
+ onCloseNotification(event: Event): void;
44
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationComponent, never>;
45
+ static ɵcmp: i0.ɵɵComponentDeclaration<DaffNotificationComponent, "daff-notification", never, { "status": "status"; "dismissable": "dismissable"; "orientation": "orientation"; }, { "closeNotification": "closeNotification"; }, ["_prefix"], ["[daffPrefix]", "[daffNotificationTitle]", "[daffNotificationSubtitle]", "[daffNotificationActions]"]>;
46
+ }
47
+ export {};
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DaffNotificationActionsDirective {
3
+ class: boolean;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationActionsDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationActionsDirective, "[daffNotificationActions]", never, {}, {}, never>;
6
+ }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DaffNotificationMessageDirective {
3
+ class: boolean;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationMessageDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationMessageDirective, "[daffNotificationMessage]", never, {}, {}, never>;
6
+ }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DaffNotificationSubtitleDirective {
3
+ class: boolean;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationSubtitleDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationSubtitleDirective, "[daffNotificationSubtitle]", never, {}, {}, never>;
6
+ }
@@ -0,0 +1,6 @@
1
+ import * as i0 from "@angular/core";
2
+ export declare class DaffNotificationTitleDirective {
3
+ class: boolean;
4
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationTitleDirective, never>;
5
+ static ɵdir: i0.ɵɵDirectiveDeclaration<DaffNotificationTitleDirective, "[daffNotificationTitle]", never, {}, {}, never>;
6
+ }
@@ -0,0 +1,14 @@
1
+ import * as i0 from "@angular/core";
2
+ import * as i1 from "./notification/notification.component";
3
+ import * as i2 from "./notification-actions/notification-actions.directive";
4
+ import * as i3 from "./notification-message/notification-message.directive";
5
+ import * as i4 from "./notification-title/notification-title.directive";
6
+ import * as i5 from "./notification-subtitle/notification-subtitle.directive";
7
+ import * as i6 from "@angular/common";
8
+ import * as i7 from "@daffodil/design";
9
+ import * as i8 from "@fortawesome/angular-fontawesome";
10
+ export declare class DaffNotificationModule {
11
+ static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationModule, never>;
12
+ static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNotificationModule, [typeof i1.DaffNotificationComponent, typeof i2.DaffNotificationActionsDirective, typeof i3.DaffNotificationMessageDirective, typeof i4.DaffNotificationTitleDirective, typeof i5.DaffNotificationSubtitleDirective], [typeof i6.CommonModule, typeof i7.DaffPrefixSuffixModule, typeof i8.FontAwesomeModule], [typeof i1.DaffNotificationComponent, typeof i2.DaffNotificationActionsDirective, typeof i3.DaffNotificationMessageDirective, typeof i4.DaffNotificationTitleDirective, typeof i5.DaffNotificationSubtitleDirective, typeof i7.DaffPrefixSuffixModule]>;
13
+ static ɵinj: i0.ɵɵInjectorDeclaration<DaffNotificationModule>;
14
+ }
@@ -0,0 +1 @@
1
+ {"name":"@daffodil/design/notification","module":"../fesm2015/daffodil-design-notification.mjs","es2020":"../fesm2020/daffodil-design-notification.mjs","esm2020":"../esm2020/notification/daffodil-design-notification.mjs","fesm2020":"../fesm2020/daffodil-design-notification.mjs","fesm2015":"../fesm2015/daffodil-design-notification.mjs","typings":"daffodil-design-notification.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -0,0 +1,6 @@
1
+ export { DaffNotificationModule } from './notification.module';
2
+ export * from './notification/notification.component';
3
+ export * from './notification-actions/notification-actions.directive';
4
+ export * from './notification-title/notification-title.directive';
5
+ export * from './notification-subtitle/notification-subtitle.directive';
6
+ export * from './notification-message/notification-message.directive';
@@ -0,0 +1,50 @@
1
+ @use 'sass:map';
2
+ @use '../../scss/core';
3
+ @use '../../scss/theming';
4
+
5
+ @mixin daff-notification-theme($theme) {
6
+ $primary: map.get($theme, primary);
7
+ $secondary: map.get($theme, secondary);
8
+ $tertiary: map.get($theme, tertiary);
9
+ $gray: core.daff-map-deep-get($theme, 'core.gray');
10
+ $base: core.daff-map-deep-get($theme, 'core.base');
11
+ $base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
12
+ $white: core.daff-map-deep-get($theme, 'core.white');
13
+ $black: core.daff-map-deep-get($theme, 'core.black');
14
+
15
+ .daff-notification {
16
+ background: theming.daff-illuminate($base, $gray, 1);
17
+ border: 1px solid theming.daff-illuminate($base, $gray, 2);
18
+ color: theming.daff-text-contrast(theming.daff-illuminate($base, $gray, 1));
19
+
20
+ &.daff-success {
21
+ background: theming.daff-color(theming.$daff-green, 10);
22
+ border: 1px solid theming.daff-color(theming.$daff-green, 20);
23
+ color: theming.daff-text-contrast(theming.daff-color(theming.$daff-green, 10));
24
+
25
+ .daff-prefix {
26
+ color: theming.daff-color(theming.$daff-green, 60);
27
+ }
28
+ }
29
+
30
+ &.daff-warn {
31
+ background: theming.daff-color(theming.$daff-bronze, 10);
32
+ border: 1px solid theming.daff-color(theming.$daff-bronze, 20);
33
+ color: theming.daff-text-contrast(theming.daff-color(theming.$daff-bronze, 10));
34
+
35
+ .daff-prefix {
36
+ color: theming.daff-color(theming.$daff-bronze, 60);
37
+ }
38
+ }
39
+
40
+ &.daff-error {
41
+ background: theming.daff-color(theming.$daff-red, 10);
42
+ border: 1px solid theming.daff-color(theming.$daff-red, 20);
43
+ color: theming.daff-text-contrast(theming.daff-color(theming.$daff-red, 10));
44
+
45
+ .daff-prefix {
46
+ color: theming.daff-color(theming.$daff-red, 60);
47
+ }
48
+ }
49
+ }
50
+ }
package/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.62.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":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.62.2","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/daffodil-design-sidebar-examples.d.ts","esm2020":"./esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","es2020":"./fesm2020/daffodil-design-sidebar-examples.mjs","es2015":"./fesm2015/daffodil-design-sidebar-examples.mjs","node":"./fesm2015/daffodil-design-sidebar-examples.mjs","default":"./fesm2020/daffodil-design-sidebar-examples.mjs"},"./tree/examples":{"types":"./tree/examples/daffodil-design-tree-examples.d.ts","esm2020":"./esm2020/tree/examples/daffodil-design-tree-examples.mjs","es2020":"./fesm2020/daffodil-design-tree-examples.mjs","es2015":"./fesm2015/daffodil-design-tree-examples.mjs","node":"./fesm2015/daffodil-design-tree-examples.mjs","default":"./fesm2020/daffodil-design-tree-examples.mjs"},"./tree":{"types":"./tree/daffodil-design-tree.d.ts","esm2020":"./esm2020/tree/daffodil-design-tree.mjs","es2020":"./fesm2020/daffodil-design-tree.mjs","es2015":"./fesm2015/daffodil-design-tree.mjs","node":"./fesm2015/daffodil-design-tree.mjs","default":"./fesm2020/daffodil-design-tree.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
1
+ {"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.62.4","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":"^13.0.0","@angular/common":"^13.0.0","@angular/core":"^13.0.0","@angular/forms":"^13.0.0","@angular/cdk":"^13.0.0","@daffodil/core":"0.62.4","@fortawesome/angular-fontawesome":"^0.10.0","@fortawesome/fontawesome-svg-core":"^1.2.32","@fortawesome/free-solid-svg-icons":"^5.10.0","@fortawesome/free-brands-svg-icons":"^5.10.0","@fortawesome/free-regular-svg-icons":"^5.10.0","modern-normalize":"^0.5.0","rxjs":"7.5.5"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/daff-global":{"sass":"./scss/daff-global.scss"},"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/daff-util":{"sass":"./scss/daff-util.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/daff-typography":{"sass":"./scss/daff-typography.scss"},"./scss/typography/classes":{"sass":"./scss/typography/_classes.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./daffodil-design.d.ts","esm2020":"./esm2020/daffodil-design.mjs","es2020":"./fesm2020/daffodil-design.mjs","es2015":"./fesm2015/daffodil-design.mjs","node":"./fesm2015/daffodil-design.mjs","default":"./fesm2020/daffodil-design.mjs"},"./accordion/examples":{"types":"./accordion/examples/daffodil-design-accordion-examples.d.ts","esm2020":"./esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","es2020":"./fesm2020/daffodil-design-accordion-examples.mjs","es2015":"./fesm2015/daffodil-design-accordion-examples.mjs","node":"./fesm2015/daffodil-design-accordion-examples.mjs","default":"./fesm2020/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/daffodil-design-article-examples.d.ts","esm2020":"./esm2020/article/examples/daffodil-design-article-examples.mjs","es2020":"./fesm2020/daffodil-design-article-examples.mjs","es2015":"./fesm2015/daffodil-design-article-examples.mjs","node":"./fesm2015/daffodil-design-article-examples.mjs","default":"./fesm2020/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/daffodil-design-button-examples.d.ts","esm2020":"./esm2020/button/examples/daffodil-design-button-examples.mjs","es2020":"./fesm2020/daffodil-design-button-examples.mjs","es2015":"./fesm2015/daffodil-design-button-examples.mjs","node":"./fesm2015/daffodil-design-button-examples.mjs","default":"./fesm2020/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/daffodil-design-callout-examples.d.ts","esm2020":"./esm2020/callout/examples/daffodil-design-callout-examples.mjs","es2020":"./fesm2020/daffodil-design-callout-examples.mjs","es2015":"./fesm2015/daffodil-design-callout-examples.mjs","node":"./fesm2015/daffodil-design-callout-examples.mjs","default":"./fesm2020/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/daffodil-design-card-examples.d.ts","esm2020":"./esm2020/card/examples/daffodil-design-card-examples.mjs","es2020":"./fesm2020/daffodil-design-card-examples.mjs","es2015":"./fesm2015/daffodil-design-card-examples.mjs","node":"./fesm2015/daffodil-design-card-examples.mjs","default":"./fesm2020/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/daffodil-design-checkbox-examples.d.ts","esm2020":"./esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","es2020":"./fesm2020/daffodil-design-checkbox-examples.mjs","es2015":"./fesm2015/daffodil-design-checkbox-examples.mjs","node":"./fesm2015/daffodil-design-checkbox-examples.mjs","default":"./fesm2020/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/daffodil-design-container-examples.d.ts","esm2020":"./esm2020/container/examples/daffodil-design-container-examples.mjs","es2020":"./fesm2020/daffodil-design-container-examples.mjs","es2015":"./fesm2015/daffodil-design-container-examples.mjs","node":"./fesm2015/daffodil-design-container-examples.mjs","default":"./fesm2020/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/daffodil-design-hero-examples.d.ts","esm2020":"./esm2020/hero/examples/daffodil-design-hero-examples.mjs","es2020":"./fesm2020/daffodil-design-hero-examples.mjs","es2015":"./fesm2015/daffodil-design-hero-examples.mjs","node":"./fesm2015/daffodil-design-hero-examples.mjs","default":"./fesm2020/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/daffodil-design-image-examples.d.ts","esm2020":"./esm2020/image/examples/daffodil-design-image-examples.mjs","es2020":"./fesm2020/daffodil-design-image-examples.mjs","es2015":"./fesm2015/daffodil-design-image-examples.mjs","node":"./fesm2015/daffodil-design-image-examples.mjs","default":"./fesm2020/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/daffodil-design-input-examples.d.ts","esm2020":"./esm2020/input/examples/daffodil-design-input-examples.mjs","es2020":"./fesm2020/daffodil-design-input-examples.mjs","es2015":"./fesm2015/daffodil-design-input-examples.mjs","node":"./fesm2015/daffodil-design-input-examples.mjs","default":"./fesm2020/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/daffodil-design-list-examples.d.ts","esm2020":"./esm2020/list/examples/daffodil-design-list-examples.mjs","es2020":"./fesm2020/daffodil-design-list-examples.mjs","es2015":"./fesm2015/daffodil-design-list-examples.mjs","node":"./fesm2015/daffodil-design-list-examples.mjs","default":"./fesm2020/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/daffodil-design-loading-icon-examples.d.ts","esm2020":"./esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","es2020":"./fesm2020/daffodil-design-loading-icon-examples.mjs","es2015":"./fesm2015/daffodil-design-loading-icon-examples.mjs","node":"./fesm2015/daffodil-design-loading-icon-examples.mjs","default":"./fesm2020/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/daffodil-design-media-gallery-examples.d.ts","esm2020":"./esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","es2020":"./fesm2020/daffodil-design-media-gallery-examples.mjs","es2015":"./fesm2015/daffodil-design-media-gallery-examples.mjs","node":"./fesm2015/daffodil-design-media-gallery-examples.mjs","default":"./fesm2020/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/daffodil-design-menu-examples.d.ts","esm2020":"./esm2020/menu/examples/daffodil-design-menu-examples.mjs","es2020":"./fesm2020/daffodil-design-menu-examples.mjs","es2015":"./fesm2015/daffodil-design-menu-examples.mjs","node":"./fesm2015/daffodil-design-menu-examples.mjs","default":"./fesm2020/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/daffodil-design-modal-examples.d.ts","esm2020":"./esm2020/modal/examples/daffodil-design-modal-examples.mjs","es2020":"./fesm2020/daffodil-design-modal-examples.mjs","es2015":"./fesm2015/daffodil-design-modal-examples.mjs","node":"./fesm2015/daffodil-design-modal-examples.mjs","default":"./fesm2020/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/daffodil-design-navbar-examples.d.ts","esm2020":"./esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","es2020":"./fesm2020/daffodil-design-navbar-examples.mjs","es2015":"./fesm2015/daffodil-design-navbar-examples.mjs","node":"./fesm2015/daffodil-design-navbar-examples.mjs","default":"./fesm2020/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/daffodil-design-notification-examples.d.ts","esm2020":"./esm2020/notification/examples/daffodil-design-notification-examples.mjs","es2020":"./fesm2020/daffodil-design-notification-examples.mjs","es2015":"./fesm2015/daffodil-design-notification-examples.mjs","node":"./fesm2015/daffodil-design-notification-examples.mjs","default":"./fesm2020/daffodil-design-notification-examples.mjs"},"./notification":{"types":"./notification/daffodil-design-notification.d.ts","esm2020":"./esm2020/notification/daffodil-design-notification.mjs","es2020":"./fesm2020/daffodil-design-notification.mjs","es2015":"./fesm2015/daffodil-design-notification.mjs","node":"./fesm2015/daffodil-design-notification.mjs","default":"./fesm2020/daffodil-design-notification.mjs"},"./paginator/examples":{"types":"./paginator/examples/daffodil-design-paginator-examples.d.ts","esm2020":"./esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","es2020":"./fesm2020/daffodil-design-paginator-examples.mjs","es2015":"./fesm2015/daffodil-design-paginator-examples.mjs","node":"./fesm2015/daffodil-design-paginator-examples.mjs","default":"./fesm2020/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/daffodil-design-quantity-field-examples.d.ts","esm2020":"./esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","es2020":"./fesm2020/daffodil-design-quantity-field-examples.mjs","es2015":"./fesm2015/daffodil-design-quantity-field-examples.mjs","node":"./fesm2015/daffodil-design-quantity-field-examples.mjs","default":"./fesm2020/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/daffodil-design-radio-examples.d.ts","esm2020":"./esm2020/radio/examples/daffodil-design-radio-examples.mjs","es2020":"./fesm2020/daffodil-design-radio-examples.mjs","es2015":"./fesm2015/daffodil-design-radio-examples.mjs","node":"./fesm2015/daffodil-design-radio-examples.mjs","default":"./fesm2020/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/daffodil-design-sidebar-examples.d.ts","esm2020":"./esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","es2020":"./fesm2020/daffodil-design-sidebar-examples.mjs","es2015":"./fesm2015/daffodil-design-sidebar-examples.mjs","node":"./fesm2015/daffodil-design-sidebar-examples.mjs","default":"./fesm2020/daffodil-design-sidebar-examples.mjs"},"./tree/examples":{"types":"./tree/examples/daffodil-design-tree-examples.d.ts","esm2020":"./esm2020/tree/examples/daffodil-design-tree-examples.mjs","es2020":"./fesm2020/daffodil-design-tree-examples.mjs","es2015":"./fesm2015/daffodil-design-tree-examples.mjs","node":"./fesm2015/daffodil-design-tree-examples.mjs","default":"./fesm2020/daffodil-design-tree-examples.mjs"},"./tree":{"types":"./tree/daffodil-design-tree.d.ts","esm2020":"./esm2020/tree/daffodil-design-tree.mjs","es2020":"./fesm2020/daffodil-design-tree.mjs","es2015":"./fesm2015/daffodil-design-tree.mjs","node":"./fesm2015/daffodil-design-tree.mjs","default":"./fesm2020/daffodil-design-tree.mjs"}},"module":"fesm2015/daffodil-design.mjs","es2020":"fesm2020/daffodil-design.mjs","esm2020":"esm2020/daffodil-design.mjs","fesm2020":"fesm2020/daffodil-design.mjs","fesm2015":"fesm2015/daffodil-design.mjs","typings":"daffodil-design.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.62.4"}
package/scss/theme.scss CHANGED
@@ -35,6 +35,7 @@
35
35
  @use '../src/molecules/menu/menu-theme' as menu;
36
36
  @use '../src/molecules/modal/modal-theme' as modal;
37
37
  @use '../src/molecules/navbar/navbar-theme' as navbar;
38
+ @use '../notification/src/notification-theme' as notification;
38
39
  @use '../src/molecules/paginator/paginator-theme' as paginator;
39
40
  @use '../src/molecules/sidebar/sidebar/sidebar-theme' as sidebar;
40
41
  @use '../src/molecules/sidebar/sidebar-viewport/sidebar-viewport-theme' as sidebar-viewport;
@@ -77,6 +78,7 @@
77
78
  @include menu.daff-menu-theme($theme);
78
79
  @include modal.daff-modal-theme($theme);
79
80
  @include navbar.daff-navbar-theme($theme);
81
+ @include notification.daff-notification-theme($theme);
80
82
  @include paginator.daff-paginator-theme($theme);
81
83
  @include sidebar.daff-sidebar-theme($theme);
82
84
  @include sidebar-viewport.daff-sidebar-viewport-theme($theme);
@@ -1 +1 @@
1
- {"name":"@daffodil/design/sidebar/examples","module":"../../fesm2015/daffodil-design-sidebar-examples.mjs","es2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","esm2020":"../../esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-sidebar-examples.mjs","typings":"daffodil-design-sidebar-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/sidebar/examples","module":"../../fesm2015/daffodil-design-sidebar-examples.mjs","es2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","esm2020":"../../esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-sidebar-examples.mjs","typings":"daffodil-design-sidebar-examples.d.ts","sideEffects":false,"version":"0.62.4"}
@@ -1 +1 @@
1
- {"name":"@daffodil/design/tree/examples","module":"../../fesm2015/daffodil-design-tree-examples.mjs","es2020":"../../fesm2020/daffodil-design-tree-examples.mjs","esm2020":"../../esm2020/tree/examples/daffodil-design-tree-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-tree-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-tree-examples.mjs","typings":"daffodil-design-tree-examples.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/tree/examples","module":"../../fesm2015/daffodil-design-tree-examples.mjs","es2020":"../../fesm2020/daffodil-design-tree-examples.mjs","esm2020":"../../esm2020/tree/examples/daffodil-design-tree-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-tree-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-tree-examples.mjs","typings":"daffodil-design-tree-examples.d.ts","sideEffects":false,"version":"0.62.4"}
package/tree/package.json CHANGED
@@ -1 +1 @@
1
- {"name":"@daffodil/design/tree","module":"../fesm2015/daffodil-design-tree.mjs","es2020":"../fesm2020/daffodil-design-tree.mjs","esm2020":"../esm2020/tree/daffodil-design-tree.mjs","fesm2020":"../fesm2020/daffodil-design-tree.mjs","fesm2015":"../fesm2015/daffodil-design-tree.mjs","typings":"daffodil-design-tree.d.ts","sideEffects":false,"version":"0.62.2"}
1
+ {"name":"@daffodil/design/tree","module":"../fesm2015/daffodil-design-tree.mjs","es2020":"../fesm2020/daffodil-design-tree.mjs","esm2020":"../esm2020/tree/daffodil-design-tree.mjs","fesm2020":"../fesm2020/daffodil-design-tree.mjs","fesm2015":"../fesm2015/daffodil-design-tree.mjs","typings":"daffodil-design-tree.d.ts","sideEffects":false,"version":"0.62.4"}