@daffodil/design 0.78.0 → 0.79.0

package/hero/hero.module.d.ts

@@ -7,7 +7,7 @@ import * as i5 from "./hero-title/hero-title.directive";
 import * as i6 from "./hero-subtitle/hero-subtitle.directive";
 import * as i7 from "./hero-body/hero-body.directive";
 /**
- * @deprecated in favor of {@link DAFF_HERO_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_HERO_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  * */
 export declare class DaffHeroModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffHeroModule, never>;

package/image/README.md

@@ -1,5 +1,8 @@
 # Image
-Image utilizes the native HTML `<img>` element to display responsive images on a page and prevent content jumping while images are loading. `<daff-image>` is an opinionated version that encourages friendly end-user usage.
+Image utilizes the native HTML `<img>` element to display responsive images on a page and prevent content jumping while images are loading. 
+
+## Overview
+`<daff-image>` is an opinionated version that encourages friendly end-user usage.
 
 <design-land-example-viewer-container example="load-image"></design-land-example-viewer-container>
 

package/image/image.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./image/image.component";
 /**
- * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_IMAGE_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  * */
 export declare class DaffImageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffImageModule, never>;

package/link-set/README.md

@@ -1,5 +1,5 @@
 # Link Set
-`<daff-link-set>` is a component for displaying two or more `[daff-link-set-item]`s. `<daff-link-set>`s can be nested.
+Link set is a component for displaying two or more link set items.
 
 ## Usage
 

package/link-set/link-set.module.d.ts

@@ -5,7 +5,7 @@ import * as i3 from "./link-set-heading/link-set-heading.directive";
 import * as i4 from "./link-set-subheading/link-set-subheading.directive";
 import * as i5 from "./link-set-item/link-set-item.component";
 /**
- * @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_LINK_SET_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  */
 export declare class DaffLinkSetModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffLinkSetModule, never>;

package/list/list.module.d.ts

@@ -4,7 +4,7 @@ import * as i2 from "./list/list.component";
 import * as i3 from "./list-item/list-item.component";
 import * as i4 from "@daffodil/design";
 /**
- * @deprecated in favor of {@link DAFF_LIST_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_LIST_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  */
 export declare class DaffListModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffListModule, never>;

package/loading-icon/README.md

@@ -45,11 +45,6 @@ export class CustomComponentModule { }
 
 > This method is deprecated. It's recommended to update all custom components to standalone.
 
-## Diameter
-The diameter of a loading icon can be defined by using the `diameter` property. By default, the diameter is set to `60`.
-
-<design-land-example-viewer-container example="loading-icon-diameter"></design-land-example-viewer-container>
-
 ## Theming
 The loading icon color is defined by using the `color` property. By default, the color is set to `primary`. This can be changed to one of the supported colors.
 

package/loading-icon/examples/examples.d.ts

@@ -1,2 +1,2 @@
-import { LoadingIconDiameterComponent } from './loading-icon-diameter/loading-icon-diameter.component';
-export declare const LOADING_ICON_EXAMPLES: (typeof LoadingIconDiameterComponent)[];
+import { LoadingIconColorComponent } from './loading-icon-color/loading-icon-color.component';
+export declare const LOADING_ICON_EXAMPLES: (typeof LoadingIconColorComponent)[];

package/loading-icon/loading-icon/loading-icon.component.d.ts

@@ -4,18 +4,10 @@ import * as i1 from "@daffodil/design";
  * @inheritdoc
  */
 export declare class DaffLoadingIconComponent {
-    /**
-     * The (pixel) diameter of the animation
-     */
-    diameter: number;
     /**
      * @docs-private
      */
     class: boolean;
-    /**
-     * @docs-private
-     */
-    get maxWidth(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffLoadingIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffLoadingIconComponent, "daff-loading-icon", never, { "diameter": { "alias": "diameter"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffLoadingIconComponent, "daff-loading-icon", never, {}, {}, never, never, true, [{ directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
 }

package/loading-icon/loading-icon.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./loading-icon/loading-icon.component";
 /**
- * @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  */
 export declare class DaffLoadingIconModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffLoadingIconModule, never>;

package/media-gallery/README.md

@@ -1,5 +1,8 @@
 # Media Gallery
-`<daff-media-gallery>` is used to display a group of `[daffThumbnail]`s in a gallery format. Media galleries are useful to showcase multiple images related to a single product or topic.
+Media gallery is used to display a group of thumbnails in a gallery format.
+
+## Overview
+Media galleries are useful to showcase multiple images related to a single product or topic.
 
 ## Usage
 

package/media-gallery/helpers/media-gallery-token.d.ts

@@ -1,3 +1,2 @@
-import { InjectionToken } from '@angular/core';
 import { DaffMediaGalleryRegistration } from './media-gallery-registration.interface';
-export declare const DAFF_MEDIA_GALLERY_TOKEN: InjectionToken<DaffMediaGalleryRegistration>;
+export declare const DAFF_MEDIA_GALLERY_TOKEN: import("@angular/core").InjectionToken<DaffMediaGalleryRegistration>, provideDaffMediaGalleryToken: <R extends DaffMediaGalleryRegistration = DaffMediaGalleryRegistration>(value: R) => import("@angular/core").ValueProvider;

package/media-gallery/media-gallery.module.d.ts

@@ -4,7 +4,7 @@ import * as i2 from "./media-gallery/media-gallery.component";
 import * as i3 from "./thumbnail/thumbnail.directive";
 import * as i4 from "./media-renderer/media-renderer.component";
 /**
- * @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_MEDIA_GALLERY_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  */
 export declare class DaffMediaGalleryModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffMediaGalleryModule, never>;

package/media-gallery/thumbnail/thumbnail-compat.token.d.ts

@@ -1,5 +1 @@
-import { InjectionToken } from '@angular/core';
-/**
- * A multi provider injection token that marks a component as renderable for the `DaffMediaRendererComponent`.
- */
-export declare const daffThumbnailCompatToken: InjectionToken<unknown>;
+export declare const daffThumbnailCompatToken: import("@angular/core").InjectionToken<unknown>, provideDaffThumbnailCompatToken: <R extends unknown = unknown>(value: R) => import("@angular/core").ValueProvider;

package/modal/modal.module.d.ts

@@ -11,7 +11,7 @@ import * as i9 from "./modal-content/modal-content.component";
 import * as i10 from "./modal-actions/modal-actions.component";
 import * as i11 from "./modal-close/modal-close.directive";
 /**
- * @deprecated in favor of {@link DAFF_MODAL_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_MODAL_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  */
 export declare class DaffModalModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalModule, never>;

package/navbar/navbar.module.d.ts

@@ -2,7 +2,7 @@ import * as i0 from "@angular/core";
 import * as i1 from "@angular/common";
 import * as i2 from "./navbar/navbar.component";
 /**
- * @deprecated in favor of {@link DAFF_NAVBAR_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_NAVBAR_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  */
 export declare class DaffNavbarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNavbarModule, never>;

package/notification/README.md

@@ -69,7 +69,7 @@ Buttons can be included in notifications to resolve the notification or navigate
 ### Statuses
 The status color of a notification can be updated by using the `status` property.
 
-Supported statuses: `warn | danger | success`
+Supported statuses: `warn | critical | success`
 
 #### Notification with statuses
 <design-land-example-viewer-container example="notification-status"></design-land-example-viewer-container>
@@ -87,4 +87,4 @@ The close button is hidden by default but can be visible by setting the `dismiss
 <design-land-example-viewer-container example="dismissible-notification"></design-land-example-viewer-container>
 
 ## Accessibility
-Notifications with a `danger` or `warn` status have a `role="alert"` so that it can be announced by assistive technologies. See (live region roles)[https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#4._live_region_roles] for more information. All other notifications have a `role="status"`. Notifications have a `tabindex="0"` so users can discover them while tabbing through a page.
+Notifications with a `critical` or `warn` status have a `role="alert"` so that it can be announced by assistive technologies. See (live region roles)[https://developer.mozilla.org/en-US/docs/Web/Accessibility/ARIA/Roles#4._live_region_roles] for more information. All other notifications have a `role="status"`. Notifications have a `tabindex="0"` so users can discover them while tabbing through a page.

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

@@ -16,7 +16,7 @@ export declare class DaffNotificationComponent implements DaffPrefixable {
     class: boolean;
     tabindex: string;
     /**
-     * Sets role to alert when `status="warn"` or `status="danger"`.
+     * Sets role to alert when `status="warn"` or `status="critical"`.
      * Sets role to status on all other instances.
      */
     get role(): "status" | "alert";

package/notification/notification.module.d.ts

@@ -8,7 +8,7 @@ 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 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>;

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.78.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.78.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/paginator.module.d.ts

@@ -4,7 +4,7 @@ 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 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>;

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

@@ -3,7 +3,7 @@ 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 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>;

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)};

package/sidebar/sidebar-viewport/scroll-token/scroll.token.d.ts

@@ -1,4 +1,3 @@
-import { InjectionToken } from '@angular/core';
 /**
  * An interface that enables a user to enable or disable scrolling on sidebars.
  *
@@ -8,12 +7,7 @@ export interface DaffSidebarScroll {
     enable(): void;
     disable(): void;
 }
-/**
- * An injection token that can be used within a sidebar to determine
- * what to do enabling and disabling scrolling. By default, the body
- * is the element where scrolling is controlled.
- */
-export declare const DAFF_SIDEBAR_SCROLL_TOKEN: InjectionToken<DaffSidebarScroll>;
+export declare const DAFF_SIDEBAR_SCROLL_TOKEN: import("@angular/core").InjectionToken<DaffSidebarScroll>, provideDaffSidebarScrollToken: <R extends DaffSidebarScroll = DaffSidebarScroll>(value: R) => import("@angular/core").ValueProvider;
 /**
  * A factory function that return a DaffSidebarScroll
  * for the current sidebar viewport.

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

@@ -85,5 +85,5 @@ export declare class DaffSidebarViewportComponent implements AfterContentChecked
      */
     _backdropClicked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarViewportComponent, [null, null, { skipSelf: true; }, { optional: true; skipSelf: true; }, null]>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, { "navPlacement": { "alias": "navPlacement"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, ["sidebars"], ["daff-sidebar:not([side=right])", "[daff-sidebar-viewport-nav]", "*", "daff-sidebar[side=right]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffSidebarViewportComponent, "daff-sidebar-viewport", never, { "navPlacement": { "alias": "navPlacement"; "required": false; }; }, { "backdropClicked": "backdropClicked"; }, ["sidebars"], ["[daff-sidebar-viewport-nav]", "daff-sidebar:not([side=right])", "*", "daff-sidebar[side=right]"], true, never>;
 }

package/sidebar/sidebar.module.d.ts

@@ -9,7 +9,7 @@ import * as i7 from "./sidebar-header/sidebar-header-title/sidebar-header-title.
 import * as i8 from "./sidebar-header/sidebar-header-action/sidebar-header-action.directive";
 import * as i9 from "./sidebar-viewport-backdrop/sidebar-viewport-backdrop.component";
 /**
- * @deprecated in favor of {@link DAFF_SIDEBAR_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_SIDEBAR_COMPONENTS} Deprecated in version 0.78.0. Will be removed in version 0.81.0.
  */
 export declare class DaffSidebarModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffSidebarModule, never>;

package/tabs/README.md

@@ -0,0 +1,19 @@
+# Tabs
+Tabs provide a way to navigate between panels that display related content.
+
+## Overview
+Tabs allow for users to navigate between related content without having to leave the page. They can be used within components like modals or cards.
+
+## Accessbility
+Tabs follow the [ARIA Tabs design pattern](https://www.w3.org/WAI/ARIA/apg/patterns/tabs/). Tabs compose of `tablist`, `tab`, and `tabpanel` elements,  each with its appropriate role and integrated keyboard interactions.
+
+### Label
+A meaningful `aria-label` should be set on `<daff-tabs>` by using the `aria-label` property. This will set the `aria-label` on the `tablist` element.
+
+### Keyboard Interactions
+| Key | Action |
+| --- | ------ |
+| Left Arrow |  Moves focus and activates previous tab. If focus is on the first tab, moves focus to the last tab. |
+| Right Arrow |  Moves focus and activates next tab. If focus is on the last tab, moves focus to the first tab. |
+| Home |  Moves focus and activates first tab. |
+| End |  Moves focus and activates last tab. |

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

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class BasicTabsComponent {
+    faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<BasicTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicTabsComponent, "basic-tabs", never, {}, {}, never, never, true, never>;
+}

package/tabs/examples/custom-select-tabs/custom-select-tabs.component.d.ts

@@ -0,0 +1,11 @@
+import { DaffTabsComponent } from '@daffodil/design/tabs';
+import * as i0 from "@angular/core";
+export declare class CustomSelectTabsComponent {
+    faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    selectedTab: string;
+    _tab: DaffTabsComponent;
+    selectTabThree(): void;
+    selectTabFive(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<CustomSelectTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomSelectTabsComponent, "custom-select-tabs", never, {}, {}, never, never, true, never>;
+}

package/tabs/examples/disabled-tabs/disabled-tabs.component.d.ts

@@ -0,0 +1,6 @@
+import * as i0 from "@angular/core";
+export declare class DisabledTabsComponent {
+    faInfoCircle: import("@fortawesome/fontawesome-common-types").IconDefinition;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DisabledTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DisabledTabsComponent, "disabled-tabs", never, {}, {}, never, never, true, never>;
+}

package/tabs/examples/index.d.ts

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