@daffodil/design 0.73.0 → 0.75.0

package/progress-bar/index.d.ts

@@ -1,5 +1 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/progress-bar" />
 export * from './public_api';

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

@@ -1,29 +1,15 @@
 import { AnimationEvent } from '@angular/animations';
-import { ElementRef, EventEmitter, Renderer2, ChangeDetectorRef } from '@angular/core';
-import { DaffColorable } from '@daffodil/design';
+import { EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { DaffColorableDirective } from '@daffodil/design';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef and an instance of renderer2 are needed for the Colorable mixin
- */
-declare class DaffProgressBarBase {
-    _elementRef: ElementRef;
-    _renderer: Renderer2;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-}
-declare const _daffProgressBarBase: (new (...args: any[]) => {
-    _color: import("@daffodil/design").DaffPalette;
-    color: import("@daffodil/design").DaffPalette;
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & typeof DaffProgressBarBase;
+import * as i1 from "@daffodil/design";
 export declare const clamp: (number: number, min: number, max: number) => number;
 /**
  * @inheritdoc
  */
-export declare class DaffProgressBarComponent extends _daffProgressBarBase implements DaffColorable {
+export declare class DaffProgressBarComponent {
     private _changeDetectorRef;
-    private elementRef;
-    private renderer;
+    private colorable;
     /**
      * @docs-private
      */
@@ -37,7 +23,7 @@ export declare class DaffProgressBarComponent extends _daffProgressBarBase imple
     ariaValueMin: string;
     ariaValueMax: string;
     get ariaValueNow(): number;
-    constructor(_changeDetectorRef: ChangeDetectorRef, elementRef: ElementRef, renderer: Renderer2);
+    constructor(_changeDetectorRef: ChangeDetectorRef, colorable: DaffColorableDirective);
     private _percentage;
     private _indeterminate;
     /**
@@ -71,6 +57,5 @@ export declare class DaffProgressBarComponent extends _daffProgressBarBase imple
      */
     get fillState(): any;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffProgressBarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffProgressBarComponent, "daff-progress-bar", never, { "color": { "alias": "color"; "required": false; }; "percentage": { "alias": "percentage"; "required": false; }; "indeterminate": { "alias": "indeterminate"; "required": false; }; }, { "finished": "finished"; }, never, ["label[daffProgressBarLabel]"], false, 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: {}; }]>;
 }
-export {};

package/public_api.d.ts

@@ -8,4 +8,3 @@ export * from './atoms/form/quantity-field/public_api';
 export * from './atoms/form/radio/public_api';
 export * from './atoms/form/form-label/public_api';
 export * from './core/public_api';
-export * from './examples/public_api';

package/quantity-field/examples/basic-quantity-field/basic-quantity-field.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class BasicQuantityFieldComponent {
     control: UntypedFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicQuantityFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicQuantityFieldComponent, "basic-quantity-field", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicQuantityFieldComponent, "basic-quantity-field", never, {}, {}, never, never, true, never>;
 }

package/quantity-field/examples/custom-range-quantity-field/custom-range-quantity-field.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class CustomRangeQuantityFieldComponent {
     control: UntypedFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<CustomRangeQuantityFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<CustomRangeQuantityFieldComponent, "custom-range-quantity-field", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<CustomRangeQuantityFieldComponent, "custom-range-quantity-field", never, {}, {}, never, never, true, never>;
 }

package/quantity-field/examples/disabled-quantity-field/disabled-quantity-field.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class DisabledQuantityFieldComponent {
     control: UntypedFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<DisabledQuantityFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DisabledQuantityFieldComponent, "disabled-quantity-field", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DisabledQuantityFieldComponent, "disabled-quantity-field", never, {}, {}, never, never, true, never>;
 }

package/quantity-field/examples/public_api.d.ts

@@ -2,9 +2,5 @@ import { BasicQuantityFieldComponent } from './basic-quantity-field/basic-quanti
 import { CustomRangeQuantityFieldComponent } from './custom-range-quantity-field/custom-range-quantity-field.component';
 import { DisabledQuantityFieldComponent } from './disabled-quantity-field/disabled-quantity-field.component';
 import { SelectMaxQuantityFieldComponent } from './select-max-quantity-field/select-max-quantity-field.component';
-export { BasicQuantityFieldModule } from './basic-quantity-field/basic-quantity-field.module';
-export { CustomRangeQuantityFieldModule } from './custom-range-quantity-field/custom-range-quantity-field.module';
-export { DisabledQuantityFieldModule } from './disabled-quantity-field/disabled-quantity-field.module';
-export { SelectMaxQuantityFieldModule } from './select-max-quantity-field/select-max-quantity-field.module';
 export declare const QUANTITY_FIELD_EXAMPLES: (typeof BasicQuantityFieldComponent)[];
 export { BasicQuantityFieldComponent, CustomRangeQuantityFieldComponent, DisabledQuantityFieldComponent, SelectMaxQuantityFieldComponent, };

package/quantity-field/examples/select-max-quantity-field/select-max-quantity-field.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class SelectMaxQuantityFieldComponent {
     control: UntypedFormControl;
     static ɵfac: i0.ɵɵFactoryDeclaration<SelectMaxQuantityFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SelectMaxQuantityFieldComponent, "select-max-quantity-field", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SelectMaxQuantityFieldComponent, "select-max-quantity-field", never, {}, {}, never, never, true, never>;
 }

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

@@ -4,5 +4,5 @@ export declare class BasicRadioComponent {
     radioGroup: UntypedFormGroup;
     constructor();
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicRadioComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicRadioComponent, "basic-radio", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicRadioComponent, "basic-radio", never, {}, {}, never, never, true, never>;
 }

package/radio/examples/examples.d.ts

@@ -1,4 +1,2 @@
 import { BasicRadioComponent } from './basic-radio/basic-radio.component';
-import { BasicRadioModule } from './basic-radio/basic-radio.module';
 export declare const RADIO_EXAMPLES: (typeof BasicRadioComponent)[];
-export declare const RADIO_EXAMPLES_MODULES: (typeof BasicRadioModule)[];

package/radio/examples/public_api.d.ts

@@ -1,2 +1 @@
 export { RADIO_EXAMPLES } from './examples';
-export { RADIO_EXAMPLES_MODULES } from './examples';

package/scss/state/skeleton/_mixins.scss

@@ -28,7 +28,7 @@
 
 	&::before {
 		animation-name: loading;
-		animation-duration: 1500ms;
+		animation-duration: 1000ms;
 		animation-timing-function: linear;
 		animation-iteration-count: infinite;
 		animation-direction: alternate;

package/scss/typography/_index.scss

@@ -1,4 +1,4 @@
+@forward 'utilities';
 @forward 'mixins/font-weight';
 @forward 'mixins/sizes';
 @forward 'mixins/text-truncate';
-@forward 'utilities';

package/scss/typography/utilities/_variables.scss

@@ -1,9 +1,19 @@
-$body-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
-	Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji';
+$font-family-base: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica,
+	Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji' !default;
+$font-family-mono: ui-monospace, 'SFMono-Regular', SF Mono, Menlo, Consolas,
+	'Liberation Mono', monospace !default;
+
+// these three variables will be deprecated in v1.0.0 in favor of more consistent naming
+$body-font-family: $font-family-base;
 $base-font-family: $body-font-family;
-$monospace-font-family: ui-monospace, 'SFMono-Regular', SF Mono, Menlo, Consolas,
-	'Liberation Mono', monospace;
+$monospace-font-family: $font-family-mono;
+
+$font-size-sm: 0.875rem;
+$font-size-base: 1rem;
+$font-size-md: 1.25rem;
+$font-size-lg: 1.5rem;
 
+// these variables will be deprecated in v1.0.0 in favor of more consistent naming
 $large-font-size: 1.5rem;
 $medium-font-size: 1.25rem;
 $normal-font-size: 1rem;

package/sidebar/README.md

@@ -54,7 +54,7 @@ A viewport navigation can either be:
 The `BrowserAnimationsModule` or `NoopAnimationsModule` must be imported in the particular Angular `@NgModule` the sidebar is used in for the sidebar to render and work properly.
 
 ### Header and footer
-The `<daff-sidebar-header>` includes optional title (`[daffSidebarHeaderTitle]`) and action (`[daffSidebarHeaderAction]`) selectors, and a slot to render custom content. The action selector should be used along with the `<daff-icon-button>` (view [Button Documentation](../../atoms//button//README.md)) to make sure that the action is positioned correctly and it passes WCAG guidelines.
+The `<daff-sidebar-header>` includes optional title (`[daffSidebarHeaderTitle]`) and action (`[daffSidebarHeaderAction]`) selectors, and a slot to render custom content. The action selector should be used along with the `<daff-icon-button>` (view [Button Documentation](/libs/design/button/README.md)) to make sure that the action is positioned correctly and it passes WCAG guidelines.
 
 The `<daff-sidebar-footer>` is a "holder" component with minimal default styling. Its main purpose is to position the footer at the bottom of the sidebar, allowing the sidebar's content to overflow and scroll while ensuring that the footer remains constantly visible.
 

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

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class BasicSidebarComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicSidebarComponent, "basic-sidebar", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicSidebarComponent, "basic-sidebar", never, {}, {}, never, never, true, never>;
 }

package/sidebar/examples/over-and-under-sidebars/over-and-under-sidebars.component.d.ts

@@ -8,5 +8,5 @@ export declare class OverandUnderSidebarsComponent {
     openSidebar(): void;
     closeSidebar(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<OverandUnderSidebarsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<OverandUnderSidebarsComponent, "over-and-under-sidebars", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<OverandUnderSidebarsComponent, "over-and-under-sidebars", never, {}, {}, never, never, true, never>;
 }

package/sidebar/examples/public_api.d.ts

@@ -1,2 +1,2 @@
-import { ComponentExample } from '@daffodil/design';
-export declare const SIDEBAR_EXAMPLES: ComponentExample[];
+import { BasicSidebarComponent } from './basic-sidebar/basic-sidebar.component';
+export declare const SIDEBAR_EXAMPLES: (typeof BasicSidebarComponent)[];

package/sidebar/examples/side-fixed-sidebar/side-fixed-sidebar.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class SideFixedSidebarComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SideFixedSidebarComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SideFixedSidebarComponent, "side-fixed-sidebar", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SideFixedSidebarComponent, "side-fixed-sidebar", never, {}, {}, never, never, true, never>;
 }

package/sidebar/examples/sidebar-with-sticky-content/sidebar-with-sticky-content.component.d.ts

@@ -1,5 +1,5 @@
 import * as i0 from "@angular/core";
 export declare class SidebarWithStickyContentComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<SidebarWithStickyContentComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarWithStickyContentComponent, "sidebar-with-sticky-content", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<SidebarWithStickyContentComponent, "sidebar-with-sticky-content", never, {}, {}, never, never, true, never>;
 }

package/toast/README.md

@@ -2,7 +2,7 @@
 Toasts are small messages designed to mimic push notifications. They are used to provide users with application level information.
 
 ## Overview
-Toasts should be used to display temporary messages about actions or events that occured or in need of attention, with no relation to content on a page. For messaging that provide context in close promixity to a piece of content within a page, use the [Notification](../notification/README.md) component.
+Toasts should be used to display temporary messages about actions or events that occured or in need of attention, with no relation to content on a page. For messaging that provide context in close promixity to a piece of content within a page, use the [Notification](/libs/design/notification/README.md) component.
 
 ### Basic Toast
 <design-land-article-encapsulated>
@@ -53,7 +53,7 @@ The following configurations are available in the `DaffToastService`:
 | dismissible  | boolean | Allows a toast to be dismissible via a close button | true |
 | duration  | number | The duration in milliseconds that a toast is visible before it's dismissed | 5000 |
 
-The `actions` configurations are based on the properties of the `DaffButtonComponent` (view [Button Documentation](../src/atoms/button/README.md)) with the addition of `data` and `eventEmitter`.
+The `actions` configurations are based on the properties of the `DaffButtonComponent` (view [Button Documentation](/libs/design/button/README.md)) with the addition of `data` and `eventEmitter`.
 
 ### Dismissal
 A toast can be dismissed via a timed duration, a close button, or the `ESC` key.

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

@@ -11,5 +11,5 @@ export declare class DefaultToastComponent implements OnInit {
     ngOnInit(): void;
     private count;
     static ɵfac: i0.ɵɵFactoryDeclaration<DefaultToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultToastComponent, "default-toast", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DefaultToastComponent, "default-toast", never, {}, {}, never, never, true, never>;
 }

package/toast/examples/public_api.d.ts

@@ -1,2 +1,5 @@
-import { ComponentExample } from '@daffodil/design';
-export declare const TOAST_EXAMPLES: ComponentExample[];
+import { DefaultToastComponent } from './default-toast/default-toast.component';
+import { ToastPositionsComponent } from './toast-positions/toast-positions.component';
+import { ToastStatusComponent } from './toast-status/toast-status.component';
+import { ToastWithCustomDurationComponent } from './toast-with-custom-duration/toast-with-custom-duration.component';
+export declare const TOAST_EXAMPLES: (typeof DefaultToastComponent | typeof ToastPositionsComponent | typeof ToastStatusComponent | typeof ToastWithCustomDurationComponent)[];

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

@@ -13,5 +13,5 @@ export declare class ToastPositionsComponent implements OnInit {
     verticalControl: FormControl;
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastPositionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastPositionsComponent, "toast-positions", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastPositionsComponent, "toast-positions", never, {}, {}, never, never, true, never>;
 }

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

@@ -10,5 +10,5 @@ export declare class ToastStatusComponent {
     constructor(toastService: DaffToastService);
     open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastStatusComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastStatusComponent, "toast-status", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastStatusComponent, "toast-status", never, {}, {}, never, never, true, never>;
 }

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

@@ -6,5 +6,5 @@ export declare class ToastWithCustomDurationComponent {
     constructor(toastService: DaffToastService);
     open(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<ToastWithCustomDurationComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastWithCustomDurationComponent, "toast-with-custom-duration", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<ToastWithCustomDurationComponent, "toast-with-custom-duration", never, {}, {}, never, never, true, never>;
 }

package/toast/toast/toast.component.d.ts

@@ -1,33 +1,16 @@
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
-import { ElementRef, Renderer2, AfterViewInit, AfterContentInit, OnDestroy } from '@angular/core';
-import { DaffFocusStackService, DaffPrefixable, DaffPrefixDirective, DaffStatusable } from '@daffodil/design';
+import { ElementRef, AfterViewInit, AfterContentInit, OnDestroy } from '@angular/core';
+import { DaffFocusStackService, DaffPrefixable, DaffPrefixDirective } from '@daffodil/design';
 import { DaffToast } from '../interfaces/toast';
 import { DaffToastActionsDirective } from '../toast-actions/toast-actions.directive';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef is needed for the core mixins
- */
-declare class DaffToastBase {
-    _elementRef: ElementRef;
-    _renderer: Renderer2;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-}
-declare const _daffToastBase: (new (...args: any[]) => {
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & (new (...args: any[]) => {
-    _status: import("@daffodil/design").DaffStatus;
-    status: import("@daffodil/design").DaffStatus;
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & typeof DaffToastBase;
+import * as i1 from "@daffodil/design";
 /**
  * DaffToastComponent provides a way to display and
  * communicate information for user actions or system updates.
  */
-export declare class DaffToastComponent extends _daffToastBase implements DaffPrefixable, DaffStatusable, AfterContentInit, AfterViewInit, OnDestroy {
-    private elementRef;
-    private renderer;
+export declare class DaffToastComponent implements DaffPrefixable, AfterContentInit, AfterViewInit, OnDestroy {
+    private _elementRef;
     private _focusTrapFactory;
     private _focusStack;
     /** @docs-private */
@@ -42,11 +25,10 @@ export declare class DaffToastComponent extends _daffToastBase implements DaffPr
      */
     onEscape(): void;
     private _focusTrap;
-    constructor(elementRef: ElementRef, renderer: Renderer2, _focusTrapFactory: ConfigurableFocusTrapFactory, _focusStack: DaffFocusStackService);
+    constructor(_elementRef: ElementRef, _focusTrapFactory: ConfigurableFocusTrapFactory, _focusStack: DaffFocusStackService);
     ngAfterContentInit(): void;
     ngAfterViewInit(): void;
     ngOnDestroy(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastComponent, "daff-toast", never, { "status": { "alias": "status"; "required": false; }; "toast": { "alias": "toast"; "required": false; }; }, {}, ["_actions", "_prefix"], ["[daffPrefix]", "[daffToastTitle]", "[daffToastMessage]", "[daffToastActions]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffToastComponent, "daff-toast", never, { "toast": { "alias": "toast"; "required": false; }; }, {}, ["_actions", "_prefix"], ["[daffPrefix]", "[daffToastTitle]", "[daffToastMessage]", "[daffToastActions]", "*"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }]>;
 }
-export {};

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

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class BasicTreeComponent {
     tree: DaffTreeData<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicTreeComponent, "basic-tree", never, {}, {}, never, never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicTreeComponent, "basic-tree", never, {}, {}, never, never, true, never>;
 }

package/tree/examples/public_api.d.ts

@@ -1,4 +1,3 @@
 import { BasicTreeComponent } from './basic-tree/basic-tree.component';
-export { BasicTreeModule } from './basic-tree/basic-tree.module';
 export { BasicTreeComponent };
 export declare const TREE_EXAMPLES: (typeof BasicTreeComponent)[];

package/tree/tree/tree.component.d.ts

@@ -1,21 +1,10 @@
-import { ElementRef, OnChanges, OnInit, Renderer2, SimpleChanges, TemplateRef } from '@angular/core';
+import { OnChanges, OnInit, SimpleChanges, TemplateRef } from '@angular/core';
 import { DaffTreeNotifierService } from './tree-notifier.service';
 import { DaffTreeData } from '../interfaces/tree-data';
 import { DaffTreeRenderMode } from '../interfaces/tree-render-mode';
 import { DaffTreeFlatNode } from '../utils/flatten-tree';
 import * as i0 from "@angular/core";
-/**
- * An _elementRef and an instance of renderer2 are needed for the list mixins
- */
-declare class DaffTreeBase {
-    _elementRef: ElementRef;
-    _renderer: Renderer2;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-}
-declare const _daffTreeBase: (new (...args: any[]) => {
-    _elementRef: ElementRef<any>;
-    _renderer: Renderer2;
-}) & typeof DaffTreeBase;
+import * as i1 from "@daffodil/design";
 /**
  * The `DaffTreeComponent` allows you to render tree structures as interactable ui.
  *
@@ -36,10 +25,8 @@ declare const _daffTreeBase: (new (...args: any[]) => {
  * where `tree` is a {@link DaffTreeData}.
  *
  */
-export declare class DaffTreeComponent extends _daffTreeBase implements OnInit, OnChanges {
+export declare class DaffTreeComponent implements OnInit, OnChanges {
     private notifier;
-    private elementRef;
-    private renderer;
     /**
      * The css class of the daff-tree.
      *
@@ -81,7 +68,7 @@ export declare class DaffTreeComponent extends _daffTreeBase implements OnInit,
      * @docs-private
      */
     treeItemTemplate: TemplateRef<any>;
-    constructor(notifier: DaffTreeNotifierService, elementRef: ElementRef, renderer: Renderer2);
+    constructor(notifier: DaffTreeNotifierService);
     ngOnChanges(changes: SimpleChanges): void;
     /**
      * The track-by function used to reduce tree-item re-renders
@@ -92,6 +79,5 @@ export declare class DaffTreeComponent extends _daffTreeBase implements OnInit,
      */
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "renderMode": { "alias": "renderMode"; "required": false; }; "tree": { "alias": "tree"; "required": false; }; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;
 }
-export {};

package/article/examples/article-examples.module.d.ts

@@ -1,18 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./article-blockquote/article-blockquote.component";
-import * as i2 from "./article-code-block/article-code-block.component";
-import * as i3 from "./article-code-inline/article-code-inline.component";
-import * as i4 from "./article-headings/article-headings.component";
-import * as i5 from "./article-hr/article-hr.component";
-import * as i6 from "./article-link/article-link.component";
-import * as i7 from "./article-meta/article-meta.component";
-import * as i8 from "./article-ol/article-ol.component";
-import * as i9 from "./article-ul/article-ul.component";
-import * as i10 from "./article-table/article-table.component";
-import * as i11 from "@angular/common";
-import * as i12 from "@daffodil/design/article";
-export declare class ArticleExamplesModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<ArticleExamplesModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<ArticleExamplesModule, [typeof i1.ArticleBlockquoteComponent, typeof i2.ArticleCodeBlockComponent, typeof i3.ArticleCodeInlineComponent, typeof i4.ArticleHeadingsComponent, typeof i5.ArticleHrComponent, typeof i6.ArticleLinkComponent, typeof i7.ArticleMetaComponent, typeof i8.ArticleOlComponent, typeof i9.ArticleUlComponent, typeof i10.ArticleTableComponent], [typeof i11.CommonModule, typeof i12.DaffArticleModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<ArticleExamplesModule>;
-}

package/button/examples/basic-button/basic-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./basic-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class BasicButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BasicButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BasicButtonModule, [typeof i1.BasicButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.BasicButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BasicButtonModule>;
-}

package/button/examples/flat-button/flat-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./flat-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class FlatButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<FlatButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<FlatButtonModule, [typeof i1.FlatButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.FlatButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<FlatButtonModule>;
-}

package/button/examples/icon-button/icon-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./icon-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class IconButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<IconButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<IconButtonModule, [typeof i1.IconButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.IconButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<IconButtonModule>;
-}

package/button/examples/raised-button/raised-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./raised-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class RaisedButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<RaisedButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<RaisedButtonModule, [typeof i1.RaisedButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.RaisedButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<RaisedButtonModule>;
-}

package/button/examples/sizeable-button/sizeable-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./sizeable-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class SizeableButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<SizeableButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<SizeableButtonModule, [typeof i1.SizeableButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.SizeableButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<SizeableButtonModule>;
-}

package/button/examples/statusable-button/statusable-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./statusable-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class StatusableButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<StatusableButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StatusableButtonModule, [typeof i1.StatusableButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.StatusableButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<StatusableButtonModule>;
-}

package/button/examples/stroked-button/stroked-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./stroked-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class StrokedButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<StrokedButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<StrokedButtonModule, [typeof i1.StrokedButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.StrokedButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<StrokedButtonModule>;
-}

package/button/examples/underline-button/underline-button.module.d.ts

@@ -1,9 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./underline-button.component";
-import * as i2 from "@daffodil/design/button";
-import * as i3 from "@fortawesome/angular-fontawesome";
-export declare class UnderlineButtonModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<UnderlineButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<UnderlineButtonModule, [typeof i1.UnderlineButtonComponent], [typeof i2.DaffButtonModule, typeof i3.FontAwesomeModule], [typeof i1.UnderlineButtonComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<UnderlineButtonModule>;
-}

package/callout/examples/callout-text-alignment/callout-text-alignment.module.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./callout-text-alignment.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@daffodil/design/callout";
-import * as i5 from "@daffodil/design/container";
-import * as i6 from "@daffodil/design/button";
-import * as i7 from "@fortawesome/angular-fontawesome";
-export declare class CalloutTextAlignmentModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutTextAlignmentModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CalloutTextAlignmentModule, [typeof i1.CalloutTextAlignmentComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.DaffCalloutModule, typeof i5.DaffContainerModule, typeof i6.DaffButtonModule, typeof i7.FontAwesomeModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CalloutTextAlignmentModule>;
-}

package/callout/examples/callout-theming/callout-theming.module.d.ts

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

package/callout/examples/callout-with-grid/callout-with-grid.module.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./callout-with-grid.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@daffodil/design/callout";
-import * as i5 from "@daffodil/design/container";
-import * as i6 from "@daffodil/design/button";
-import * as i7 from "@fortawesome/angular-fontawesome";
-export declare class CalloutWithGridModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CalloutWithGridModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CalloutWithGridModule, [typeof i1.CalloutWithGridComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.DaffCalloutModule, typeof i5.DaffContainerModule, typeof i6.DaffButtonModule, typeof i7.FontAwesomeModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CalloutWithGridModule>;
-}

package/callout/examples/compact-callout/compact-callout.module.d.ts

@@ -1,12 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./compact-callout.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@daffodil/design/callout";
-import * as i4 from "@daffodil/design/container";
-import * as i5 from "@daffodil/design/button";
-import * as i6 from "@fortawesome/angular-fontawesome";
-export declare class CompactCalloutModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CompactCalloutModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CompactCalloutModule, [typeof i1.CompactCalloutComponent], [typeof i2.CommonModule, typeof i3.DaffCalloutModule, typeof i4.DaffContainerModule, typeof i5.DaffButtonModule, typeof i6.FontAwesomeModule], never>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CompactCalloutModule>;
-}

package/card/examples/basic-card/basic-card.module.d.ts

@@ -1,12 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./basic-card.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@daffodil/design/card";
-import * as i4 from "@daffodil/design/image";
-import * as i5 from "@daffodil/design/button";
-import * as i6 from "@fortawesome/angular-fontawesome";
-export declare class BasicCardModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<BasicCardModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<BasicCardModule, [typeof i1.BasicCardComponent], [typeof i2.CommonModule, typeof i3.DaffCardModule, typeof i4.DaffImageModule, typeof i5.DaffButtonModule, typeof i6.FontAwesomeModule], [typeof i1.BasicCardComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<BasicCardModule>;
-}

package/card/examples/card-orientation/card-orientation.module.d.ts

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./card-orientation.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@angular/forms";
-import * as i4 from "@daffodil/design/card";
-import * as i5 from "@daffodil/design/image";
-import * as i6 from "@daffodil/design/button";
-import * as i7 from "@fortawesome/angular-fontawesome";
-export declare class CardOrientationModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<CardOrientationModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<CardOrientationModule, [typeof i1.CardOrientationComponent], [typeof i2.CommonModule, typeof i3.ReactiveFormsModule, typeof i4.DaffCardModule, typeof i5.DaffImageModule, typeof i6.DaffButtonModule, typeof i7.FontAwesomeModule], [typeof i1.CardOrientationComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<CardOrientationModule>;
-}