@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.
- package/accordion/examples/package.json +1 -1
- package/article/examples/package.json +1 -1
- package/button/examples/package.json +1 -1
- package/callout/examples/package.json +1 -1
- package/card/examples/package.json +1 -1
- package/checkbox/examples/package.json +1 -1
- package/container/examples/package.json +1 -1
- package/esm2020/molecules/modal/modal/modal.component.mjs +37 -23
- package/esm2020/molecules/sidebar/sidebar-viewport/sidebar-viewport.component.mjs +3 -3
- package/esm2020/notification/daffodil-design-notification.mjs +5 -0
- package/esm2020/notification/examples/daffodil-design-notification-examples.mjs +5 -0
- package/esm2020/notification/examples/default-notification/default-notification.component.mjs +23 -0
- package/esm2020/notification/examples/default-notification/default-notification.module.mjs +38 -0
- package/esm2020/notification/examples/dismissable-notification/dismissable-notification.component.mjs +23 -0
- package/esm2020/notification/examples/dismissable-notification/dismissable-notification.module.mjs +38 -0
- package/esm2020/notification/examples/index.mjs +2 -0
- package/esm2020/notification/examples/notification-orientations/notification-orientations.component.mjs +23 -0
- package/esm2020/notification/examples/notification-orientations/notification-orientations.module.mjs +42 -0
- package/esm2020/notification/examples/notification-status/notification-status.component.mjs +24 -0
- package/esm2020/notification/examples/notification-status/notification-status.module.mjs +42 -0
- package/esm2020/notification/examples/public_api.mjs +15 -0
- package/esm2020/notification/notification/notification.component.mjs +95 -0
- package/esm2020/notification/notification-actions/notification-actions.directive.mjs +19 -0
- package/esm2020/notification/notification-message/notification-message.directive.mjs +19 -0
- package/esm2020/notification/notification-subtitle/notification-subtitle.directive.mjs +19 -0
- package/esm2020/notification/notification-title/notification-title.directive.mjs +19 -0
- package/esm2020/notification/notification.module.mjs +56 -0
- package/esm2020/notification/public_api.mjs +7 -0
- package/fesm2015/daffodil-design-notification-examples.mjs +221 -0
- package/fesm2015/daffodil-design-notification-examples.mjs.map +1 -0
- package/fesm2015/daffodil-design-notification.mjs +218 -0
- package/fesm2015/daffodil-design-notification.mjs.map +1 -0
- package/fesm2015/daffodil-design.mjs +34 -23
- package/fesm2015/daffodil-design.mjs.map +1 -1
- package/fesm2020/daffodil-design-notification-examples.mjs +221 -0
- package/fesm2020/daffodil-design-notification-examples.mjs.map +1 -0
- package/fesm2020/daffodil-design-notification.mjs +218 -0
- package/fesm2020/daffodil-design-notification.mjs.map +1 -0
- package/fesm2020/daffodil-design.mjs +34 -23
- package/fesm2020/daffodil-design.mjs.map +1 -1
- package/hero/examples/package.json +1 -1
- package/image/examples/package.json +1 -1
- package/input/examples/package.json +1 -1
- package/list/examples/package.json +1 -1
- package/loading-icon/examples/package.json +1 -1
- package/media-gallery/examples/package.json +1 -1
- package/menu/examples/package.json +1 -1
- package/modal/examples/package.json +1 -1
- package/molecules/modal/modal/modal.component.d.ts +16 -15
- package/navbar/examples/package.json +1 -1
- package/notification/README.md +23 -0
- package/notification/daffodil-design-notification.d.ts +5 -0
- package/notification/examples/daffodil-design-notification-examples.d.ts +5 -0
- package/notification/examples/default-notification/default-notification.component.d.ts +6 -0
- package/notification/examples/default-notification/default-notification.module.d.ts +11 -0
- package/notification/examples/dismissable-notification/dismissable-notification.component.d.ts +6 -0
- package/notification/examples/dismissable-notification/dismissable-notification.module.d.ts +11 -0
- package/notification/examples/index.d.ts +1 -0
- package/notification/examples/notification-orientations/notification-orientations.component.d.ts +10 -0
- package/notification/examples/notification-orientations/notification-orientations.module.d.ts +12 -0
- package/notification/examples/notification-status/notification-status.component.d.ts +10 -0
- package/notification/examples/notification-status/notification-status.module.d.ts +12 -0
- package/notification/examples/package.json +1 -0
- package/notification/examples/public_api.d.ts +2 -0
- package/notification/notification/notification.component.d.ts +47 -0
- package/notification/notification-actions/notification-actions.directive.d.ts +6 -0
- package/notification/notification-message/notification-message.directive.d.ts +6 -0
- package/notification/notification-subtitle/notification-subtitle.directive.d.ts +6 -0
- package/notification/notification-title/notification-title.directive.d.ts +6 -0
- package/notification/notification.module.d.ts +14 -0
- package/notification/package.json +1 -0
- package/notification/public_api.d.ts +6 -0
- package/notification/src/notification-theme.scss +50 -0
- package/package.json +1 -1
- package/paginator/examples/package.json +1 -1
- package/quantity-field/examples/package.json +1 -1
- package/radio/examples/package.json +1 -1
- package/scss/theme.scss +2 -0
- package/sidebar/examples/package.json +1 -1
- package/tree/examples/package.json +1 -1
- 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.
|
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.
|
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.
|
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.
|
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.
|
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.
|
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.
|
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.
|
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
|
-
*
|
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.
|
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,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
|
+
}
|
package/notification/examples/dismissable-notification/dismissable-notification.component.d.ts
ADDED
@@ -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';
|
package/notification/examples/notification-orientations/notification-orientations.component.d.ts
ADDED
@@ -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,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.
|
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.
|
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.
|
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.
|
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.
|
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.
|
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"}
|