@daffodil/design 0.68.0 → 0.69.0

package/loading-icon/src/loading-icon-theme.scss

@@ -12,48 +12,64 @@
 	$black: core.daff-map-deep-get($theme, 'core.black');
 
 	.daff-loading-icon {
-		circle {
+		&__loader {
 			stroke: currentColor;
 		}
 
+		&__bg {
+			stroke: rgba($black, 0.08);
+		}
+
 		&.daff-primary {
-			circle {
+			.daff-loading-icon__loader {
 				stroke: theming.daff-color($primary);
 			}
+
+			.daff-loading-icon__bg {
+				stroke: rgba(theming.daff-color($primary), 0.08);
+			}
 		}
 
 		&.daff-secondary {
-			circle {
+			.daff-loading-icon__loader {
 				stroke: theming.daff-color($secondary);
 			}
+
+			.daff-loading-icon__bg {
+				stroke: rgba(theming.daff-color($secondary), 0.08);
+			}
 		}
 
 		&.daff-tertiary {
-			circle {
+			.daff-loading-icon__loader {
 				stroke: theming.daff-color($tertiary);
 			}
+
+			.daff-loading-icon__bg {
+				stroke: rgba(theming.daff-color($tertiary), 0.08);
+			}
 		}
 
 		&.daff-theme {
-			circle {
+			.daff-loading-icon__loader {
 				stroke: $base;
 			}
 		}
 
 		&.daff-theme-contrast {
-			circle {
+			.daff-loading-icon__loader {
 				stroke: $base-contrast;
 			}
 		}
 
 		&.daff-black {
-			circle {
+			.daff-loading-icon__loader {
 				stroke: $black;
 			}
 		}
 
 		&.daff-white {
-			circle {
+			.daff-loading-icon__loader {
 				stroke: $white;
 			}
 		}

package/navbar/README.md

@@ -15,7 +15,7 @@ Supported colors: `primary | secondary | tertiary | black | white | theme | them
 <design-land-example-viewer-container example="navbar-theming"></design-land-example-viewer-container>
 
 ## Contained Navbar
-A navbar can be contained to a specific width by using `<daff-container>`. [View Container Documentation](/libs/design/src/atoms/container/README.md) The layout styles for the navbar will be passed down to the container by utilizing the `daffManageContainerLayoutMixin`.
+A navbar can be contained to a specific width by using the [Container](/libs/design/src/atoms/container/README.md) component. The layout styles set on the navbar will automatically be passed down to the container.
 
 <design-land-example-viewer-container example="contained-navbar"></design-land-example-viewer-container>
 

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.68.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.68.0","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/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":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
+{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.69.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^17.0.0","@angular/common":"^17.0.0","@angular/core":"^17.0.0","@angular/forms":"^17.0.0","@angular/cdk":"^17.0.0","@daffodil/core":"0.69.0","@fortawesome/angular-fontawesome":"^0.14.1","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/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":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}

package/public_api.d.ts

@@ -8,7 +8,6 @@ export * from './atoms/form/quantity-field/public_api';
 export * from './atoms/progress-indicator/public_api';
 export * from './atoms/form/radio/public_api';
 export * from './atoms/form/form-label/public_api';
-export * from './molecules/backdrop/public_api';
 export * from './molecules/button-set/public_api';
 export * from './molecules/image-gallery/public_api';
 export * from './molecules/image-list/public_api';

package/scss/theme.scss

@@ -40,6 +40,7 @@
 @use '../sidebar/src/sidebar-theme' as sidebar;
 @use '../scss/state/skeleton/mixins' as skeleton;
 @use '../tree/src/tree-theme' as tree;
+@use '../toast/src/toast-theme' as toast;
 
 //
 // Generates the styles of a @daffodil/design theme.
@@ -81,4 +82,5 @@
 	@include paginator.daff-paginator-theme($theme);
 	@include sidebar.daff-sidebar-theme($theme);
 	@include tree.daff-tree-theme($theme);
+	@include toast.daff-toast-theme($theme);
 }

package/sidebar/public_api.d.ts

@@ -5,5 +5,6 @@ export * from './sidebar-header/sidebar-header.component';
 export * from './sidebar-footer/sidebar-footer.component';
 export * from './sidebar-header/sidebar-header-title/sidebar-header-title.directive';
 export * from './sidebar-header/sidebar-header-action/sidebar-header-action.directive';
+export * from './sidebar-viewport-backdrop/sidebar-viewport-backdrop.component';
 export { DaffSidebarMode, DaffSidebarModeEnum, } from './helper/sidebar-mode';
 export { DaffSidebarSide, DaffSidebarSideEnum, } from './helper/sidebar-side';

package/sidebar/sidebar-viewport/sidebar-viewport.component.d.ts

@@ -1,5 +1,5 @@
 import { AnimationEvent } from '@angular/animations';
-import { EventEmitter, ChangeDetectorRef, AfterContentChecked, ElementRef } from '@angular/core';
+import { EventEmitter, ChangeDetectorRef, AfterContentChecked, ElementRef, OnDestroy } from '@angular/core';
 import { DaffNavPlacement } from './nav-placement';
 import { DaffSidebarScroll } from './scroll-token/scroll.token';
 import { DaffSidebarViewportAnimationStateWithParams } from '../animation/sidebar-viewport-animation-state';
@@ -23,7 +23,7 @@ import * as i0 from "@angular/core";
  * However, importantly, there can only be one sidebar of each mode, on each side, at any given time.
  * If this is violated, this component will throw an exception.
  */
-export declare class DaffSidebarViewportComponent implements AfterContentChecked {
+export declare class DaffSidebarViewportComponent implements AfterContentChecked, OnDestroy {
     private cdRef;
     private _elementRef;
     private bodyScroll;
@@ -83,6 +83,7 @@ export declare class DaffSidebarViewportComponent implements AfterContentChecked
      */
     backdropClicked: EventEmitter<void>;
     ngAfterContentChecked(): void;
+    ngOnDestroy(): void;
     /**
      * @docs-private
      *

package/sidebar/sidebar-viewport-backdrop/animation/backdrop-animation-state.d.ts

@@ -0,0 +1,2 @@
+export type DaffSidebarViewportBackdropAnimationState = 'interactable' | 'non-interactable';
+export declare const getAnimationState: (interactable: boolean) => DaffSidebarViewportBackdropAnimationState;

package/{molecules/backdrop → sidebar/sidebar-viewport-backdrop}/animation/backdrop-animation.d.ts

@@ -1,4 +1,4 @@
 import { AnimationTriggerMetadata } from '@angular/animations';
-export declare const daffBackdropAnimations: {
+export declare const daffSidebarViewportBackdropAnimations: {
     readonly fadeBackdrop: AnimationTriggerMetadata;
 };

package/{molecules/backdrop/backdrop/backdrop.component.d.ts → sidebar/sidebar-viewport-backdrop/sidebar-viewport-backdrop.component.d.ts}

@@ -1,7 +1,8 @@
 import { AnimationEvent } from '@angular/animations';
 import { EventEmitter, OnInit } from '@angular/core';
 import * as i0 from "@angular/core";
-export declare class DaffBackdropComponent implements OnInit {
+export declare class DaffSidebarViewportBackdropComponent implements OnInit {
+    interactableClass: boolean;
     /**
      * Determines whether or not the backdrop is transparent.
      */
@@ -19,13 +20,12 @@ export declare class DaffBackdropComponent implements OnInit {
      * Output event triggered when the backdrop is clicked.
      */
     backdropClicked: EventEmitter<void>;
-    interactableClass: boolean;
     ngOnInit(): void;
     /**
      * Animation hook for that controls the backdrops
      * entrance and fade animations.
      */
-    get fadeBackdropTrigger(): import("../animation/backdrop-animation-state").DaffBackdropAnimationState;
+    get fadeBackdropTrigger(): import("./animation/backdrop-animation-state").DaffSidebarViewportBackdropAnimationState;
     animationDone(e: AnimationEvent): void;
     animationStart(e: AnimationEvent): void;
     /**
@@ -33,6 +33,6 @@ export declare class DaffBackdropComponent implements OnInit {
      * Backdrop event that triggers when the backdrop element is clicked.
      */
     onBackdropClicked(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffBackdropComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffBackdropComponent, "daff-backdrop", never, { "transparent": { "alias": "transparent"; "required": false; }; "interactable": { "alias": "interactable"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, never, never, false, never>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportBackdropComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportBackdropComponent, "daff-sidebar-viewport-backdrop", never, { "transparent": { "alias": "transparent"; "required": false; }; "interactable": { "alias": "interactable"; "required": false; }; "fullscreen": { "alias": "fullscreen"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, never, ["*"], false, never>;
 }

package/sidebar/sidebar.module.d.ts

@@ -5,11 +5,11 @@ import * as i3 from "./sidebar-header/sidebar-header.component";
 import * as i4 from "./sidebar-footer/sidebar-footer.component";
 import * as i5 from "./sidebar-header/sidebar-header-title/sidebar-header-title.directive";
 import * as i6 from "./sidebar-header/sidebar-header-action/sidebar-header-action.directive";
-import * as i7 from "@angular/common";
-import * as i8 from "@angular/cdk/a11y";
-import * as i9 from "@daffodil/design";
+import * as i7 from "./sidebar-viewport-backdrop/sidebar-viewport-backdrop.component";
+import * as i8 from "@angular/common";
+import * as i9 from "@angular/cdk/a11y";
 export declare class DaffSidebarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffSidebarModule, [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective], [typeof i7.CommonModule, typeof i8.A11yModule, typeof i9.DaffBackdropModule], [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffSidebarModule, [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective, typeof i7.DaffSidebarViewportBackdropComponent], [typeof i8.CommonModule, typeof i9.A11yModule], [typeof i1.DaffSidebarComponent, typeof i2.DaffSidebarViewportComponent, typeof i3.DaffSidebarHeaderComponent, typeof i4.DaffSidebarFooterComponent, typeof i5.DaffSidebarHeaderTitleDirective, typeof i6.DaffSidebarHeaderActionDirective, typeof i7.DaffSidebarViewportBackdropComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffSidebarModule>;
 }

package/toast/README.md

@@ -0,0 +1,115 @@
+# Toast
+Toasts are small messages designed to mimic push notifications. They are used to provide users with application level information.
+
+## Overview
+Toasts should be used to display temporary messages about actions or events that occured or in need of attention, with no relation to content on a page. For messaging that provide context in close promixity to a piece of content within a page, use the [Notification](../notification/README.md) component.
+
+### Basic Toast
+<design-land-article-encapsulated>
+	<design-land-example-viewer-container example="default-toast"></design-land-example-viewer-container>
+</design-land-article-encapsulated>
+
+### Configurations
+Toast can be configured by using the `DaffToastService`.
+
+The following is an example of a toast with a duration:
+
+```ts
+constructor(private toastService: DaffToastService) {}
+	
+open() {
+	this.toast = this.toastService.open({
+		title: 'Update Complete',
+		message: 'This page has been updated to the newest version.',
+	},
+	{
+		duration: 5000,
+	});
+}
+```
+
+The following is an example of a toast with actions:
+
+```ts
+open() {
+	this.toast = this.toastService.open({
+		title: 'Update Available',
+		message: 'A new version of this page is available.',
+		actions: [
+			{ content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
+			{ content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
+		]
+	});
+}
+```
+
+The following configurations are available in the `DaffToastService`:
+
+| Property | Type   | Description                     | Default |
+| -------- | ------ | ------------------------------- | ------- |
+| title    | string | A quick overview of the toast   | --      |
+| message  | string | Additional details about the message that should be limited to one or two sentences | --      |
+| actions  | `DaffToastAction` | Adds a `daff-button` that allow users to perform an action related to the message. Actions should be limited to two buttons. | --      |
+| dismissible  | boolean | Allows a toast to be dismissible via a close button | true |
+| duration  | number | The duration in milliseconds that a toast is visible before it's dismissed | 5000 |
+
+The `actions` configurations are based on the properties of the `DaffButtonComponent` (view [Button Documentation](../src/atoms/button/README.md)) with the addition of `data` and `eventEmitter`.
+
+### Dismissal
+A toast can be dismissed via a timed duration, a close button, or the `ESC` key.
+
+##### Timed duration
+A toast with actions will persist until one of the actions have been interacted with, or is dismissed by the close button or the `ESC` key. Actionable toasts should be persistent, but a duration is allowed to be set. If duration must be set, make sure it's long enough for users to engage with the actions.
+
+By default, a toast without actions will be dismissed after `5000ms`. This can be updated by setting `duration` through the `DaffToastService`.
+
+#### Toast with custom duration
+<design-land-example-viewer-container example="toast-with-custom-duration"></design-land-example-viewer-container>
+
+##### Close button
+The close button is shown by default but can be hidden by setting `dismissible: false` through the `DaffToastService`.
+
+##### Escape Key
+A toast can be dismissed by using the `ESC` key if it has actions and is focus trapped.
+
+### Stacking
+A maximum of three toasts can be shown at a time. Toasts are stacked vertically, with the most recent toast displayed on top.
+
+### Statuses
+The status color of a toast can be updated by using the `status` property.
+
+Supported statuses: `warn | danger | success`
+
+#### Toast with statuses
+<design-land-example-viewer-container example="toast-status"></design-land-example-viewer-container>
+
+### Positions
+
+| Property     | Value                    | Default |
+| ------------ | ------------------------ | ------- |
+| `vertical`   | `top | bottom`           | top     |
+| `horizontal` | `left | center | right ` | right   |
+
+To change the horizontal and vertical position of a toast, add the `provideDaffToastOptions` dependency key to the `providers` key in the module as shown below:
+
+```ts
+providers: [
+	provideDaffToastOptions({
+		position: {
+			vertical: 'bottom',
+			horizontal: 'center',
+		}
+		useParent: false,
+	})
+]
+```
+
+The position of a toast on a mobile device will always be on the bottom center.
+
+#### Toast with configurable positions
+<design-land-example-viewer-container example="toast-positions"></design-land-example-viewer-container>
+
+### Accessibility
+By default, toasts use a `role="status"` to announce messages. It's the equivalent of `aria-live="polite"`, which does not interrupt a user's current activity and waits until they are idle to make the announcement. When a toast has actions, a `role="alertdialog"` is used. The toast will be focus trapped and focus immediately moves to the actions.
+
+Avoid setting a duration on toasts with actions because they will disappear automatically, making it difficult for users to interact with the actions.

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

@@ -0,0 +1,15 @@
+import { EventEmitter, OnInit } from '@angular/core';
+import { DaffToastAction, DaffToastService } from '@daffodil/design/toast';
+import * as i0 from "@angular/core";
+export declare class DefaultToastComponent implements OnInit {
+    private toastService;
+    private toast;
+    constructor(toastService: DaffToastService);
+    update: EventEmitter<DaffToastAction>;
+    closeToast: EventEmitter<DaffToastAction>;
+    open(): void;
+    ngOnInit(): void;
+    private count;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DefaultToastComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultToastComponent, "default-toast", never, {}, {}, never, never, false, never>;
+}

package/toast/examples/default-toast/default-toast.module.d.ts

@@ -0,0 +1,11 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./default-toast.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@daffodil/design/toast";
+import * as i4 from "@fortawesome/angular-fontawesome";
+import * as i5 from "@daffodil/design/button";
+export declare class DefaultToastModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DefaultToastModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DefaultToastModule, [typeof i1.DefaultToastComponent], [typeof i2.CommonModule, typeof i3.DaffToastModule, typeof i4.FontAwesomeModule, typeof i5.DaffButtonModule], [typeof i1.DefaultToastComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<DefaultToastModule>;
+}

package/toast/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/toast/examples/public_api.d.ts

@@ -0,0 +1,2 @@
+import { ComponentExample } from '@daffodil/design';
+export declare const TOAST_EXAMPLES: ComponentExample[];

package/toast/examples/toast-positions/toast-positions.component.d.ts

@@ -0,0 +1,17 @@
+import { OnInit } from '@angular/core';
+import { FormControl } from '@angular/forms';
+import { DaffToastService, DaffToastPositionService } from '@daffodil/design/toast';
+import * as i0 from "@angular/core";
+export declare class ToastPositionsComponent implements OnInit {
+    private toastService;
+    private toastPositionService;
+    private toast;
+    constructor(toastService: DaffToastService, toastPositionService: DaffToastPositionService);
+    open(): void;
+    private count;
+    horizontalControl: FormControl;
+    verticalControl: FormControl;
+    ngOnInit(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastPositionsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastPositionsComponent, "toast-positions", never, {}, {}, never, never, false, never>;
+}

package/toast/examples/toast-positions/toast-positions.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./toast-positions.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@angular/forms";
+import * as i4 from "@daffodil/design/toast";
+import * as i5 from "@fortawesome/angular-fontawesome";
+import * as i6 from "@daffodil/design/button";
+export declare class ToastPositionsModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastPositionsModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToastPositionsModule, [typeof i1.ToastPositionsComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.DaffToastModule, typeof i5.FontAwesomeModule, typeof i6.DaffButtonModule], [typeof i1.ToastPositionsComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToastPositionsModule>;
+}

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

@@ -0,0 +1,14 @@
+import { FormControl } from '@angular/forms';
+import { DaffToastService } from '@daffodil/design/toast';
+import * as i0 from "@angular/core";
+export declare class ToastStatusComponent {
+    private toastService;
+    faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faCheck: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    faExclamation: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    statusControl: FormControl;
+    constructor(toastService: DaffToastService);
+    open(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastStatusComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastStatusComponent, "toast-status", never, {}, {}, never, never, false, never>;
+}

package/toast/examples/toast-status/toast-status.module.d.ts

@@ -0,0 +1,12 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./toast-status.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@daffodil/design/toast";
+import * as i4 from "@daffodil/design/button";
+import * as i5 from "@fortawesome/angular-fontawesome";
+import * as i6 from "@angular/forms";
+export declare class ToastStatusModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastStatusModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToastStatusModule, [typeof i1.ToastStatusComponent], [typeof i2.CommonModule, typeof i3.DaffToastModule, typeof i4.DaffButtonModule, typeof i5.FontAwesomeModule, typeof i6.ReactiveFormsModule], [typeof i1.ToastStatusComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToastStatusModule>;
+}

package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.component.d.ts

@@ -0,0 +1,10 @@
+import { DaffToastService } from '@daffodil/design/toast';
+import * as i0 from "@angular/core";
+export declare class ToastWithCustomDurationComponent {
+    private toastService;
+    private toast;
+    constructor(toastService: DaffToastService);
+    open(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastWithCustomDurationComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastWithCustomDurationComponent, "toast-with-custom-duration", never, {}, {}, never, never, false, never>;
+}

package/toast/examples/toast-with-custom-duration/toast-with-custom-duration.module.d.ts

@@ -0,0 +1,10 @@
+import * as i0 from "@angular/core";
+import * as i1 from "./toast-with-custom-duration.component";
+import * as i2 from "@angular/common";
+import * as i3 from "@daffodil/design/toast";
+import * as i4 from "@daffodil/design/button";
+export declare class ToastWithCustomDurationModule {
+    static ɵfac: i0.ɵɵFactoryDeclaration<ToastWithCustomDurationModule, never>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<ToastWithCustomDurationModule, [typeof i1.ToastWithCustomDurationComponent], [typeof i2.CommonModule, typeof i3.DaffToastModule, typeof i4.DaffButtonModule], [typeof i1.ToastWithCustomDurationComponent]>;
+    static ɵinj: i0.ɵɵInjectorDeclaration<ToastWithCustomDurationModule>;
+}

package/toast/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/toast/interfaces/toast-action.d.ts

@@ -0,0 +1,38 @@
+import { EventEmitter } from '@angular/core';
+import { DaffPalette, DaffStatus } from '@daffodil/design';
+/**
+ * An interface for properties of actions, specifically the DaffButtonComponent, placed inside of the toast.
+ */
+export interface DaffToastAction {
+    /**
+     * The types of buttons available to be used, as defined in the {@link DaffButtonComponent}.
+     */
+    type?: 'raised' | 'underline' | 'stroked' | 'flat' | undefined;
+    /**
+     * The text for the button
+     */
+    content: string;
+    /**
+     * The size of the button, as defined in the {@link DaffButtonComponent}.
+     */
+    size?: 'sm' | 'md' | 'lg' | undefined;
+    /**
+     * The color of the button, as defined in the {@link DaffButtonComponent}.
+     * Color and status should not be used simultaneously.
+     */
+    color?: DaffPalette;
+    /**
+     * The status of the button, as defined in the {@link DaffButtonComponent}.
+     * Color and status should not be used simultaneously.
+     */
+    status?: DaffStatus;
+    data?: Record<string, any>;
+    /**
+     * Sets an EventEmitter on a DaffToastAction
+     */
+    eventEmitter?: EventEmitter<DaffToastAction>;
+}
+export interface DaffToastActionEvent {
+    event: MouseEvent;
+    action: DaffToastAction;
+}

package/toast/interfaces/toast.d.ts

@@ -0,0 +1,20 @@
+import { Observable } from 'rxjs';
+import { DaffStatus } from '@daffodil/design';
+import { DaffToastAction } from './toast-action';
+/** Possible data that can be shown on a toast */
+export interface DaffToastData {
+    /** A title that provides a quick oveview of the toast */
+    title: string;
+    /** A short message used to provide additional details about the toast */
+    message?: string;
+    /** Sets a status on the toast */
+    status?: DaffStatus;
+    /** Used to display actions in the toast */
+    actions?: DaffToastAction[];
+    /** Whether or not the toast is dismissible */
+    dismissible?: boolean;
+}
+export interface DaffToast extends DaffToastData {
+    dismiss: () => void;
+    dismissalStream: Observable<void | number>;
+}

package/toast/options/daff-toast-options.d.ts

@@ -0,0 +1,15 @@
+import { InjectionToken, ValueProvider } from '@angular/core';
+export interface VerticalPositionTypes {
+    vertical: 'top' | 'bottom';
+}
+export interface HorizontalPositionTypes {
+    horizontal: 'left' | 'center' | 'right';
+}
+export type DaffToastPosition = VerticalPositionTypes & HorizontalPositionTypes;
+export interface DaffToastOptions {
+    position: DaffToastPosition;
+    useParent: boolean;
+}
+export declare const daffToastDefaultOptions: DaffToastOptions;
+export declare const DAFF_TOAST_OPTIONS: InjectionToken<DaffToastOptions>;
+export declare const provideDaffToastOptions: (options: DaffToastOptions) => ValueProvider;

package/toast/public_api.d.ts

@@ -0,0 +1,11 @@
+export { DaffToastPositionService } from './service/position.service';
+export { DaffToastModule } from './toast.module';
+export { DaffToastService } from './service/toast.service';
+export { DaffToastConfiguration } from './toast/toast-config';
+export { DaffToast, DaffToastData, } from './interfaces/toast';
+export { DaffToastAction } from './interfaces/toast-action';
+export { DAFF_TOAST_OPTIONS, provideDaffToastOptions, } from './options/daff-toast-options';
+export * from './toast/toast.component';
+export * from './toast-actions/toast-actions.directive';
+export * from './toast-title/toast-title.directive';
+export * from './toast-message/toast-message.directive';

package/toast/service/changes-focus.d.ts

@@ -0,0 +1,2 @@
+import { DaffToast } from '../interfaces/toast';
+export declare const daffToastChangesFocus: (toast: DaffToast) => boolean;