@daffodil/design 0.77.0 → 0.79.0

package/notification/notification.d.ts

@@ -0,0 +1,7 @@
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffNotificationComponent } from './notification/notification.component';
+import { DaffNotificationActionsDirective } from './notification-actions/notification-actions.directive';
+import { DaffNotificationMessageDirective } from './notification-message/notification-message.directive';
+import { DaffNotificationSubtitleDirective } from './notification-subtitle/notification-subtitle.directive';
+import { DaffNotificationTitleDirective } from './notification-title/notification-title.directive';
+export declare const DAFF_NOTIFICATION_COMPONENTS: readonly [typeof DaffNotificationComponent, typeof DaffNotificationActionsDirective, typeof DaffNotificationMessageDirective, typeof DaffNotificationTitleDirective, typeof DaffNotificationSubtitleDirective, typeof DaffPrefixSuffixModule];

package/notification/notification.module.d.ts

@@ -1,14 +1,17 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./notification/notification.component";
-import * as i2 from "./notification-actions/notification-actions.directive";
-import * as i3 from "./notification-message/notification-message.directive";
-import * as i4 from "./notification-title/notification-title.directive";
-import * as i5 from "./notification-subtitle/notification-subtitle.directive";
-import * as i6 from "@angular/common";
-import * as i7 from "@daffodil/design";
-import * as i8 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@angular/common";
+import * as i2 from "@daffodil/design";
+import * as i3 from "@fortawesome/angular-fontawesome";
+import * as i4 from "./notification/notification.component";
+import * as i5 from "./notification-actions/notification-actions.directive";
+import * as i6 from "./notification-message/notification-message.directive";
+import * as i7 from "./notification-title/notification-title.directive";
+import * as i8 from "./notification-subtitle/notification-subtitle.directive";
+/**
+ * @deprecated in favor of {@link DAFF_NOTIFICATION_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
 export declare class DaffNotificationModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNotificationModule, never>;
-    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]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffNotificationModule, never, [typeof i1.CommonModule, typeof i2.DaffPrefixSuffixModule, typeof i3.FontAwesomeModule, typeof i4.DaffNotificationComponent, typeof i5.DaffNotificationActionsDirective, typeof i6.DaffNotificationMessageDirective, typeof i7.DaffNotificationTitleDirective, typeof i8.DaffNotificationSubtitleDirective], [typeof i4.DaffNotificationComponent, typeof i5.DaffNotificationActionsDirective, typeof i6.DaffNotificationMessageDirective, typeof i7.DaffNotificationTitleDirective, typeof i8.DaffNotificationSubtitleDirective, typeof i2.DaffPrefixSuffixModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffNotificationModule>;
 }

package/notification/public_api.d.ts

@@ -4,3 +4,4 @@ export * from './notification-actions/notification-actions.directive';
 export * from './notification-title/notification-title.directive';
 export * from './notification-subtitle/notification-subtitle.directive';
 export * from './notification-message/notification-message.directive';
+export { DAFF_NOTIFICATION_COMPONENTS } from './notification';

package/notification/src/notification-theme.scss

@@ -6,6 +6,10 @@
 	$primary: map.get($theme, primary);
 	$secondary: map.get($theme, secondary);
 	$tertiary: map.get($theme, tertiary);
+	$info: map.get($theme, info);
+	$warn: map.get($theme, warn);
+	$critical: map.get($theme, critical);
+	$success: map.get($theme, success);
 	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
 	$base: core.daff-map-deep-get($theme, 'core.base');
 	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
@@ -18,32 +22,32 @@
 		color: theming.daff-text-contrast(theming.daff-illuminate($base, $neutral, 1));
 
 		&.daff-success {
-			background: theming.daff-color(theming.$daff-green, 10);
-			border: 1px solid theming.daff-color(theming.$daff-green, 20);
-			color: theming.daff-text-contrast(theming.daff-color(theming.$daff-green, 10));
+			background: theming.daff-color($success, 10);
+			border: 1px solid theming.daff-color($success, 20);
+			color: theming.daff-text-contrast(theming.daff-color($success, 10));
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-green, 60);
+				color: theming.daff-color($success);
 			}
 		}
 
 		&.daff-warn {
-			background: theming.daff-color(theming.$daff-bronze, 10);
-			border: 1px solid theming.daff-color(theming.$daff-bronze, 20);
-			color: theming.daff-text-contrast(theming.daff-color(theming.$daff-bronze, 10));
+			background: theming.daff-color($warn, 10);
+			border: 1px solid theming.daff-color($warn, 20);
+			color: theming.daff-text-contrast(theming.daff-color($warn, 10));
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-bronze, 60);
+				color: theming.daff-color($warn);
 			}
 		}
 
-		&.daff-danger {
-			background: theming.daff-color(theming.$daff-red, 10);
-			border: 1px solid theming.daff-color(theming.$daff-red, 20);
-			color: theming.daff-text-contrast(theming.daff-color(theming.$daff-red, 10));
+		&.daff-critical {
+			background: theming.daff-color($critical, 10);
+			border: 1px solid theming.daff-color($critical, 20);
+			color: theming.daff-text-contrast(theming.daff-color($critical, 10));
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-red, 60);
+				color: theming.daff-color($critical);
 			}
 		}
 	}

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.77.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":"^18.2.2","@angular/common":"^18.2.2","@angular/core":"^18.2.2","@angular/forms":"^18.2.2","@angular/cdk":"^18.2.2","@daffodil/core":"0.77.0","@fortawesome/angular-fontawesome":"^0.15.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","esm2022":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","esm":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","esm2022":"./esm2022/button/daffodil-design-button.mjs","esm":"./esm2022/button/daffodil-design-button.mjs","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","esm2022":"./esm2022/callout/daffodil-design-callout.mjs","esm":"./esm2022/callout/daffodil-design-callout.mjs","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","esm2022":"./esm2022/card/daffodil-design-card.mjs","esm":"./esm2022/card/daffodil-design-card.mjs","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./toast":{"types":"./toast/index.d.ts","esm2022":"./esm2022/toast/daffodil-design-toast.mjs","esm":"./esm2022/toast/daffodil-design-toast.mjs","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","esm2022":"./esm2022/tree/daffodil-design-tree.mjs","esm":"./esm2022/tree/daffodil-design-tree.mjs","default":"./fesm2022/daffodil-design-tree.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","esm2022":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","esm":"./esm2022/accordion/examples/daffodil-design-accordion-examples.mjs","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","esm2022":"./esm2022/article/examples/daffodil-design-article-examples.mjs","esm":"./esm2022/article/examples/daffodil-design-article-examples.mjs","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","esm2022":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","esm":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","esm2022":"./esm2022/button/examples/daffodil-design-button-examples.mjs","esm":"./esm2022/button/examples/daffodil-design-button-examples.mjs","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","esm2022":"./esm2022/card/examples/daffodil-design-card-examples.mjs","esm":"./esm2022/card/examples/daffodil-design-card-examples.mjs","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
+{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.79.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":"^18.2.2","@angular/common":"^18.2.2","@angular/core":"^18.2.2","@angular/forms":"^18.2.2","@angular/cdk":"^18.2.2","@daffodil/core":"0.79.0","@fortawesome/angular-fontawesome":"^0.15.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^0.5.0","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^7.6.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","esm2022":"./esm2022/daffodil-design.mjs","esm":"./esm2022/daffodil-design.mjs","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","esm2022":"./esm2022/accordion/daffodil-design-accordion.mjs","esm":"./esm2022/accordion/daffodil-design-accordion.mjs","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","esm2022":"./esm2022/article/daffodil-design-article.mjs","esm":"./esm2022/article/daffodil-design-article.mjs","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","esm2022":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","esm":"./esm2022/breadcrumb/daffodil-design-breadcrumb.mjs","default":"./fesm2022/daffodil-design-breadcrumb.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"},"./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"},"./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"},"./container":{"types":"./container/index.d.ts","esm2022":"./esm2022/container/daffodil-design-container.mjs","esm":"./esm2022/container/daffodil-design-container.mjs","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","esm2022":"./esm2022/hero/daffodil-design-hero.mjs","esm":"./esm2022/hero/daffodil-design-hero.mjs","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","esm2022":"./esm2022/image/daffodil-design-image.mjs","esm":"./esm2022/image/daffodil-design-image.mjs","default":"./fesm2022/daffodil-design-image.mjs"},"./link-set":{"types":"./link-set/index.d.ts","esm2022":"./esm2022/link-set/daffodil-design-link-set.mjs","esm":"./esm2022/link-set/daffodil-design-link-set.mjs","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","esm2022":"./esm2022/list/daffodil-design-list.mjs","esm":"./esm2022/list/daffodil-design-list.mjs","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","esm2022":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","esm":"./esm2022/loading-icon/daffodil-design-loading-icon.mjs","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","esm2022":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","esm":"./esm2022/media-gallery/daffodil-design-media-gallery.mjs","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","esm2022":"./esm2022/menu/daffodil-design-menu.mjs","esm":"./esm2022/menu/daffodil-design-menu.mjs","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","esm2022":"./esm2022/modal/daffodil-design-modal.mjs","esm":"./esm2022/modal/daffodil-design-modal.mjs","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","esm2022":"./esm2022/navbar/daffodil-design-navbar.mjs","esm":"./esm2022/navbar/daffodil-design-navbar.mjs","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","esm2022":"./esm2022/notification/daffodil-design-notification.mjs","esm":"./esm2022/notification/daffodil-design-notification.mjs","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","esm2022":"./esm2022/paginator/daffodil-design-paginator.mjs","esm":"./esm2022/paginator/daffodil-design-paginator.mjs","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","esm2022":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","esm":"./esm2022/progress-bar/daffodil-design-progress-bar.mjs","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","esm2022":"./esm2022/sidebar/daffodil-design-sidebar.mjs","esm":"./esm2022/sidebar/daffodil-design-sidebar.mjs","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./tabs":{"types":"./tabs/index.d.ts","esm2022":"./esm2022/tabs/daffodil-design-tabs.mjs","esm":"./esm2022/tabs/daffodil-design-tabs.mjs","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","esm2022":"./esm2022/text-snippet/daffodil-design-text-snippet.mjs","esm":"./esm2022/text-snippet/daffodil-design-text-snippet.mjs","default":"./fesm2022/daffodil-design-text-snippet.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"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","esm2022":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","esm":"./esm2022/breadcrumb/examples/daffodil-design-breadcrumb-examples.mjs","default":"./fesm2022/daffodil-design-breadcrumb-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"},"./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"},"./callout/examples":{"types":"./callout/examples/index.d.ts","esm2022":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","esm":"./esm2022/callout/examples/daffodil-design-callout-examples.mjs","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","esm2022":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","esm":"./esm2022/checkbox/examples/daffodil-design-checkbox-examples.mjs","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","esm2022":"./esm2022/container/examples/daffodil-design-container-examples.mjs","esm":"./esm2022/container/examples/daffodil-design-container-examples.mjs","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","esm2022":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","esm":"./esm2022/hero/examples/daffodil-design-hero-examples.mjs","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","esm2022":"./esm2022/image/examples/daffodil-design-image-examples.mjs","esm":"./esm2022/image/examples/daffodil-design-image-examples.mjs","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","esm2022":"./esm2022/input/examples/daffodil-design-input-examples.mjs","esm":"./esm2022/input/examples/daffodil-design-input-examples.mjs","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","esm2022":"./esm2022/list/examples/daffodil-design-list-examples.mjs","esm":"./esm2022/list/examples/daffodil-design-list-examples.mjs","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","esm2022":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","esm":"./esm2022/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","esm2022":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","esm":"./esm2022/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","esm2022":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","esm":"./esm2022/menu/examples/daffodil-design-menu-examples.mjs","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","esm2022":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","esm":"./esm2022/modal/examples/daffodil-design-modal-examples.mjs","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","esm2022":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","esm":"./esm2022/navbar/examples/daffodil-design-navbar-examples.mjs","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","esm2022":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","esm":"./esm2022/notification/examples/daffodil-design-notification-examples.mjs","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","esm2022":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","esm":"./esm2022/paginator/examples/daffodil-design-paginator-examples.mjs","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","esm2022":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","esm":"./esm2022/progress-bar/examples/daffodil-design-progress-bar-examples.mjs","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","esm2022":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","esm":"./esm2022/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","esm2022":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","esm":"./esm2022/radio/examples/daffodil-design-radio-examples.mjs","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","esm2022":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","esm":"./esm2022/sidebar/examples/daffodil-design-sidebar-examples.mjs","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","esm2022":"./esm2022/tabs/examples/daffodil-design-tabs-examples.mjs","esm":"./esm2022/tabs/examples/daffodil-design-tabs-examples.mjs","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","esm2022":"./esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs","esm":"./esm2022/text-snippet/examples/daffodil-design-text-snippet-examples.mjs","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","esm2022":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","esm":"./esm2022/toast/examples/daffodil-design-toast-examples.mjs","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","esm2022":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","esm":"./esm2022/tree/examples/daffodil-design-tree-examples.mjs","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}

package/paginator/README.md

@@ -1,11 +1,52 @@
 # Paginator
 Paginator is used to break up large amounts of content into multiple pages, enabling users to easily navigate between pages of content.
 
+## Default Paginator
+<design-land-example-viewer-container example="basic-paginator"></design-land-example-viewer-container>
+
+## Usage
+
+### Within a standalone component
+To use paginator in a standalone component, import `DAFF_PAGINATOR_COMPONENTS` directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_PAGINATOR_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use paginator in a module, import `DaffPaginatorModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffPaginatorModule } from '@daffodil/design/paginator';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffPaginatorModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
+
 ## Truncation
 An ellipsis is used to truncate pages when the number of pages exceed the maximum display limit. Double truncation appears when the current page is separated by more than three pages from both the first and last page.
 
 ## Accessibility
-Use `aria-label` or `aria-labelledby` to give a meaningful label to `daff-paginator` that describes the content controlled by the paginator. If more than one paginator component is used on a page, each will need a unique `aria-label`.
-
-## Usage
-<design-land-example-viewer-container example="basic-paginator"></design-land-example-viewer-container>
+Use `aria-label` or `aria-labelledby` to give a meaningful label to `daff-paginator` that describes the content controlled by the paginator. If more than one paginator component is used on a page, each will need a unique `aria-label`.

package/paginator/paginator/paginator.component.d.ts

@@ -1,9 +1,6 @@
 import { EventEmitter, ElementRef, OnChanges } from '@angular/core';
 import { Params } from '@angular/router';
 import * as i0 from "@angular/core";
-/**
- * @inheritdoc
- */
 export declare class DaffPaginatorComponent implements OnChanges {
     private elementRef;
     /**
@@ -121,5 +118,5 @@ export declare class DaffPaginatorComponent implements OnChanges {
     _showNumber(pageNumber: number): boolean;
     _buildPageQueryParams(page: number): Params;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffPaginatorComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffPaginatorComponent, "daff-paginator", never, { "numberOfPages": { "alias": "numberOfPages"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "linkMode": { "alias": "linkMode"; "required": false; }; "url": { "alias": "url"; "required": false; }; "queryParam": { "alias": "queryParam"; "required": false; }; }, { "notifyPageChange": "notifyPageChange"; }, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffPaginatorComponent, "daff-paginator", never, { "numberOfPages": { "alias": "numberOfPages"; "required": false; }; "currentPage": { "alias": "currentPage"; "required": false; }; "linkMode": { "alias": "linkMode"; "required": false; }; "url": { "alias": "url"; "required": false; }; "queryParam": { "alias": "queryParam"; "required": false; }; }, { "notifyPageChange": "notifyPageChange"; }, never, never, true, never>;
 }

package/paginator/paginator.d.ts

@@ -0,0 +1,2 @@
+import { DaffPaginatorComponent } from './paginator/paginator.component';
+export declare const DAFF_PAGINATOR_COMPONENTS: readonly [typeof DaffPaginatorComponent];

package/paginator/paginator.module.d.ts

@@ -1,10 +1,13 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./paginator/paginator.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/router";
-import * as i4 from "@fortawesome/angular-fontawesome";
+import * as i1 from "@angular/common";
+import * as i2 from "@angular/router";
+import * as i3 from "@fortawesome/angular-fontawesome";
+import * as i4 from "./paginator/paginator.component";
+/**
+ * @deprecated in favor of {@link DAFF_PAGINATOR_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
 export declare class DaffPaginatorModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffPaginatorModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffPaginatorModule, [typeof i1.DaffPaginatorComponent], [typeof i2.CommonModule, typeof i3.RouterModule, typeof i4.FontAwesomeModule], [typeof i1.DaffPaginatorComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffPaginatorModule, never, [typeof i1.CommonModule, typeof i2.RouterModule, typeof i3.FontAwesomeModule, typeof i4.DaffPaginatorComponent], [typeof i4.DaffPaginatorComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffPaginatorModule>;
 }

package/paginator/public_api.d.ts

@@ -1,2 +1,3 @@
 export { DaffPaginatorModule } from './paginator.module';
 export { DaffPaginatorComponent } from './paginator/paginator.component';
+export { DAFF_PAGINATOR_COMPONENTS } from './paginator';

package/progress-bar/README.md

@@ -1,6 +1,47 @@
 # Progress Bar
 A progress bar provides visual feedback about the duration or progress of a task or operation.
 
+## Usage
+
+### Within a standalone component
+To use progress bar in a standalone component, import `DAFF_PROGRESS_BAR_COMPONENTS` directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_PROGRESS_BAR_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use progress bar in a module, import `DaffProgressBarModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffProgressBarModule } from '@daffodil/design/progress-bar';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffProgressBarModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
+
 ## Types
 There are two types of progress bars: `determinate` and `indeterminate`. They are `determinate` by default.
 

package/progress-bar/progress-bar-label/progress-bar-label.directive.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DaffProgressBarLabelDirective {
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressBarLabelDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffProgressBarLabelDirective, "[daffProgressBarLabel]", never, {}, {}, never, never, true, never>;
+}

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

@@ -57,5 +57,5 @@ export declare class DaffProgressBarComponent {
      */
     get fillState(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffProgressBarComponent, "daff-progress-bar", never, { "percentage": { "alias": "percentage"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "finished": "finished"; }, never, ["label[daffProgressBarLabel]"], false, [{ directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffProgressBarComponent, "daff-progress-bar", never, { "percentage": { "alias": "percentage"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "finished": "finished"; }, never, ["label[daffProgressBarLabel]"], true, [{ directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
 }

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

@@ -0,0 +1,3 @@
+import { DaffProgressBarLabelDirective } from './progress-bar-label/progress-bar-label.directive';
+import { DaffProgressBarComponent } from './progress-bar.component';
+export declare const DAFF_PROGRESS_BAR_COMPONENTS: readonly [typeof DaffProgressBarComponent, typeof DaffProgressBarLabelDirective];

package/progress-bar/progress-bar.module.d.ts

@@ -1,8 +1,12 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./progress-bar.component";
-import * as i2 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./progress-bar.component";
+import * as i3 from "./progress-bar-label/progress-bar-label.directive";
+/**
+ * @deprecated in favor of {@link DAFF_PROGRESS_BAR_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
+ */
 export declare class DaffProgressBarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressBarModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffProgressBarModule, [typeof i1.DaffProgressBarComponent], [typeof i2.CommonModule], [typeof i1.DaffProgressBarComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffProgressBarModule, never, [typeof i1.CommonModule, typeof i2.DaffProgressBarComponent, typeof i3.DaffProgressBarLabelDirective], [typeof i2.DaffProgressBarComponent, typeof i3.DaffProgressBarLabelDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffProgressBarModule>;
 }

package/progress-bar/public_api.d.ts

@@ -1,2 +1,4 @@
 export { DaffProgressBarModule } from './progress-bar.module';
 export * from './progress-bar.component';
+export * from './progress-bar-label/progress-bar-label.directive';
+export { DAFF_PROGRESS_BAR_COMPONENTS } from './progress-bar';

package/scss/theme.scss

@@ -19,7 +19,12 @@
 // @daffodil/design components
 @use './theming/theme-css-variables' as variables;
 @use '../breadcrumb/src/breadcrumb-theme' as breadcrumb;
-@use '../button/src/button-theme' as button;
+@use '../button/src/button/basic/button-theme' as button;
+@use '../button/src/button/flat/flat-theme' as flat-button;
+@use '../button/src/button/icon/icon-theme' as icon-button;
+@use '../button/src/button/raised/raised-theme' as raised-button;
+@use '../button/src/button/stroked/stroked-theme' as stroked-button;
+@use '../button/src/button/underline/underline-theme' as underline-button;
 @use '../article/src/article-theme' as article;
 @use '../src/atoms/form/error-message/error-message-theme' as error-message;
 @use '../src/atoms/form/form-field/form-field/form-field-theme' as form-field;
@@ -40,6 +45,7 @@
 @use '../sidebar/src/sidebar-theme' as sidebar;
 @use '../progress-bar/src/progress-bar-theme' as progress-bar;
 @use '../scss/state/skeleton/mixins' as skeleton;
+@use '../tabs/src/tabs-theme' as tabs;
 @use '../tree/src/tree-theme' as tree;
 @use '../toast/src/toast-theme' as toast;
 
@@ -61,6 +67,11 @@
 
 	// Atoms
 	@include button.daff-button-theme($theme);
+	@include flat-button.daff-flat-button-theme($theme);
+	@include icon-button.daff-icon-button-theme($theme);
+	@include raised-button.daff-raised-button-theme($theme);
+	@include stroked-button.daff-stroked-button-theme($theme);
+	@include underline-button.daff-underline-button-theme($theme);
 	@include breadcrumb.daff-breadcrumb-theme($theme);
 	@include error-message.daff-error-message-theme($theme);
 	@include form-field.daff-form-field-theme($theme);
@@ -83,6 +94,7 @@
 	@include notification.daff-notification-theme($theme);
 	@include paginator.daff-paginator-theme($theme);
 	@include sidebar.daff-sidebar-theme($theme);
+	@include tabs.daff-tabs-theme($theme);
 	@include tree.daff-tree-theme($theme);
 	@include toast.daff-toast-theme($theme);
 }

package/scss/theming/_configure-theme.scss

@@ -26,13 +26,20 @@ $supported-theme-types: (
 	'dark': $daff-dark-theme
 );
 
+
 // @docs
 //
-// Create a theme object given some initial settings
+// Create a theme object given some initial settings.
+// Sets light and dark mode defaults for `$info`, `$warn`, `$critical`, and `$success`
+// that can be overriden by using the `daff-configure-theme-status` function.
 //
 // @usage
 // ```
-// daff-configure-theme($daff-yellow, $daff-blue, $daff-purple)
+// $primary: configure-palette.daff-configure-palette(palette.$daff-blue, 60);
+// $secondary: configure-palette.daff-configure-palette(palette.$daff-purple, 60);
+// $tertiary: configure-palette.daff-configure-palette(palette.$daff-turquoise, 60);
+// 
+// $theme: daff-configure-theme($primary, $secondary, $tertiary)
 // ```
 @function daff-configure-theme(
 	$primary,
@@ -40,14 +47,65 @@ $supported-theme-types: (
 	$tertiary,
 	$type: 'light'
 ) {
+	$info: null;
+	$warn: null;
+	$critical: null;
+	$success: null;
+
+	@if($type == 'dark') {
+		$info: configure-palette.daff-configure-palette(palette.$daff-neutral, 50);
+		$warn: configure-palette.daff-configure-palette(palette.$daff-bronze, 50);
+		$critical: configure-palette.daff-configure-palette(palette.$daff-red, 50);
+		$success: configure-palette.daff-configure-palette(palette.$daff-green, 50);
+	}
+	@if($type == 'light') {
+		$info: configure-palette.daff-configure-palette(palette.$daff-neutral, 60);
+		$warn: configure-palette.daff-configure-palette(palette.$daff-bronze, 60);
+		$critical: configure-palette.daff-configure-palette(palette.$daff-red, 60);
+		$success: configure-palette.daff-configure-palette(palette.$daff-green, 60);
+	}
+
 	@return (
 		'primary': $primary,
 		'secondary': $secondary,
 		'tertiary': $tertiary,
+		'informational': $info,
+		'warn':  $warn,
+		'critical': $critical,
+		'success': $success,
 		'core': daff-build-theme-core($type)
 	);
 }
 
+// @docs
+//
+// Create a status theme object given some initial settings.
+//
+// @usage
+// ```
+// $info: configure-palette.daff-configure-palette(palette.$daff-blue, 60);
+// $warn: configure-palette.daff-configure-palette(palette.$daff-bronze, 60);
+// $critical: configure-palette.daff-configure-palette(palette.$daff-red, 60);
+// $success: configure-palette.daff-configure-palette(palette.$daff-green, 60);
+// 
+// $theme: daff-configure-theme-status($info, $warn, $critical, $success);
+// ```
+@function daff-configure-theme-status(
+	$theme,
+	$warn,
+	$critical,
+	$success,
+	$info,
+) {
+	@debug $theme;
+	@return map.merge($theme, (
+		'warn':  $warn,
+		'critical': $critical,
+		'success': $success,
+		'informational': $info,
+	));
+}
+
 //
 // @docs
 //

package/scss/theming/_theme-css-variables.scss

@@ -25,7 +25,7 @@
 	--daff-theme-tertiary: #{theming.daff-color($tertiary)};
 	--daff-theme-warn: #{theming.daff-color(theming.$daff-bronze, 60)};
 	--daff-theme-success: #{theming.daff-color(theming.$daff-green, 60)};
-	--daff-theme-danger: #{theming.daff-color(theming.$daff-red, 60)};
+	--daff-theme-critical: #{theming.daff-color(theming.$daff-red, 60)};
 	--daff-theme-white: #{$white};
 	--daff-theme-black: #{$black};
 	--daff-theme-gray: #{theming.daff-color($neutral)};