@daffodil/design 0.83.0 → 0.85.0

package/accordion/src/accordion-theme.scss

@@ -1,19 +1,17 @@
-@use 'sass:map';
-@use '../../scss/core';
-@use '../../scss/theming';
+@use '../../scss/theming' as *;
 
 @mixin daff-accordion-theme($theme) {
-	$neutral: core.daff-map-get($theme, 'core', 'neutral');
-	$base: core.daff-map-get($theme, 'core', 'base');
-	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
-	$type: core.daff-map-get($theme, 'core', 'type');
+	$neutral: daff-get-palette($theme, neutral);
+	$base: daff-get-base-color($theme, base);
+	$base-contrast: daff-get-base-color($theme, base-contrast);
+	$mode: daff-get-theme-mode($theme);
 
 	.daff-accordion-item {
-		@include theming.light($type) {
-			border-top: 1px solid theming.daff-color($neutral, 20);
+		@include light($mode) {
+			border-top: 1px solid daff-color($neutral, 20);
 
 			&:last-child {
-				border-bottom: 1px solid theming.daff-color($neutral, 20);
+				border-bottom: 1px solid daff-color($neutral, 20);
 			}
 
 			.daff-accordion-item__header {
@@ -25,11 +23,11 @@
 			}
 		}
 
-		@include theming.dark($type) {
-			border-top: 1px solid theming.daff-color($neutral, 80);
+		@include dark($mode) {
+			border-top: 1px solid daff-color($neutral, 80);
 
 			&:last-child {
-				border-bottom: 1px solid theming.daff-color($neutral, 80);
+				border-bottom: 1px solid daff-color($neutral, 80);
 			}
 
 			.daff-accordion-item__header {

package/article/src/article-theme.scss

@@ -1,22 +1,20 @@
-@use 'sass:map';
 @use './article/stops-article-cascade' as *;
-@use '../../scss/core';
-@use '../../scss/theming';
+@use '../../scss/theming' as *;
 
 @mixin daff-article-theme($theme) {
-	$primary: core.daff-map-get($theme, primary);
-	$neutral: core.daff-map-get($theme, 'core', 'neutral');
-	$type: core.daff-map-get($theme, 'core', 'type');
+	$primary: daff-get-palette($theme, primary);
+	$neutral: daff-get-palette($theme, neutral);
+	$mode: daff-get-theme-mode($theme);
 
-	$link-color-light: theming.daff-color($primary);
-	$link-color-dark: theming.daff-color($primary, 40);
-	$text-color-light: theming.daff-color($neutral, 90);
-	$text-color-dark: theming.daff-color($neutral, 10);
-	$table-border-light: theming.daff-color($neutral, 20);
-	$table-border-dark: theming.daff-color($neutral, 80);
+	$link-color-light: daff-color($primary);
+	$link-color-dark: daff-color($primary, 40);
+	$text-color-light: daff-color($neutral, 90);
+	$text-color-dark: daff-color($neutral, 10);
+	$table-border-light: daff-color($neutral, 20);
+	$table-border-dark: daff-color($neutral, 80);
 
 	.daff-article {
-		@include theming.light($type) {
+		@include light($mode) {
 			color: $text-color-light;
 
 			@include stopsArticleCascade(a) {
@@ -25,12 +23,12 @@
 			}
 
 			code {
-				background: rgba(theming.daff-color($neutral, 20), 0.5);
+				background: rgba(daff-color($neutral, 20), 0.5);
 			}
 
 			pre {
-				background: rgba(theming.daff-color($neutral, 20), 0.3);
-				border: 1px solid theming.daff-color($neutral, 20);
+				background: rgba(daff-color($neutral, 20), 0.3);
+				border: 1px solid daff-color($neutral, 20);
 
 				code {
 					background: none;
@@ -39,21 +37,21 @@
 			}
 
 			hr {
-				background: theming.daff-color($neutral, 20);
+				background: daff-color($neutral, 20);
 			}
 
 			blockquote {
-				background: rgba(theming.daff-color($primary), 0.1);
-				border-left: 4px solid theming.daff-color($primary, 50);
-				color: theming.daff-color($primary, 100);
+				background: rgba(daff-color($primary), 0.1);
+				border-left: 4px solid daff-color($primary, 50);
+				color: daff-color($primary, 100);
 
 				code {
-					background: rgba(theming.daff-color($primary), 0.12);
-					color: theming.daff-color($primary, 100);
+					background: rgba(daff-color($primary), 0.12);
+					color: daff-color($primary, 100);
 
 					@include stopsArticleCascade(a) {
-						color: theming.daff-color($primary, 70);
-						text-decoration-color: theming.daff-color($primary, 70);
+						color: daff-color($primary, 70);
+						text-decoration-color: daff-color($primary, 70);
 					}
 				}
 			}
@@ -62,7 +60,7 @@
 				border: 1px solid $table-border-light;
 
 				th {
-					background: theming.daff-color($neutral, 10);
+					background: daff-color($neutral, 10);
 				}
 
 				th,
@@ -89,7 +87,7 @@
 			}
 		}
 
-		@include theming.dark($type) {
+		@include dark($mode) {
 			color: $text-color-dark;
 
 			@include stopsArticleCascade(a) {
@@ -98,12 +96,12 @@
 			}
 
 			code {
-				background: rgba(theming.daff-color($neutral, 20), 0.15);
+				background: rgba(daff-color($neutral, 20), 0.15);
 			}
 
 			pre {
-				background: rgba(theming.daff-color($neutral, 20), 0.15);
-				border: 1px solid rgba(theming.daff-color($neutral, 20), 0.15);
+				background: rgba(daff-color($neutral, 20), 0.15);
+				border: 1px solid rgba(daff-color($neutral, 20), 0.15);
 
 				code {
 					background: none;
@@ -112,21 +110,21 @@
 			}
 
 			hr {
-				background: theming.daff-color($neutral, 80);
+				background: daff-color($neutral, 80);
 			}
 
 			blockquote {
-				background: rgba(theming.daff-color($primary), 0.12);
-				border-left: 4px solid theming.daff-color($primary, 40);
-				color: theming.daff-color($primary, 10);
+				background: rgba(daff-color($primary), 0.12);
+				border-left: 4px solid daff-color($primary, 40);
+				color: daff-color($primary, 10);
 
 				code {
-					background: rgba(theming.daff-color($primary), 0.18);
-					color: theming.daff-color($primary, 10);
+					background: rgba(daff-color($primary), 0.18);
+					color: daff-color($primary, 10);
 
 					@include stopsArticleCascade(a) {
-						color: theming.daff-color($primary, 40);
-						text-decoration-color: theming.daff-color($primary, 40);
+						color: daff-color($primary, 40);
+						text-decoration-color: daff-color($primary, 40);
 					}
 				}
 			}
@@ -135,7 +133,7 @@
 				border: 1px solid $table-border-dark;
 
 				th {
-					background: theming.daff-color($neutral, 90);
+					background: daff-color($neutral, 90);
 				}
 
 				th,

package/atoms/form/checkbox/cva/checkbox-cva.directive.d.ts

@@ -22,6 +22,9 @@ export declare class DaffCheckboxControlValueAccessorDirective implements OnInit
     /**
      * A lifecycle method called when the directive is initialized.
      */
+    /**
+     * @docs-private
+     */
     ngOnInit(): void;
     /**
      * writes a new value down into the component.

package/atoms/form/error-message/error-message.component.d.ts

@@ -1,6 +1,9 @@
 import * as i0 from "@angular/core";
 export declare class DaffErrorMessageComponent {
+    /**
+     * @docs-private
+     */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffErrorMessageComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffErrorMessageComponent, "daff-error-message", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffErrorMessageComponent, "daff-error-message", never, {}, {}, never, ["*"], true, never>;
 }

package/atoms/form/error-message/error-message.module.d.ts

@@ -1,7 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./error-message.component";
+/**
+ * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.
+ */
 export declare class DaffErrorMessageModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffErrorMessageModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffErrorMessageModule, [typeof i1.DaffErrorMessageComponent], never, [typeof i1.DaffErrorMessageComponent]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffErrorMessageModule, never, [typeof i1.DaffErrorMessageComponent], [typeof i1.DaffErrorMessageComponent]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffErrorMessageModule>;
 }

package/atoms/form/form-field/form-field/form-field.component.d.ts

@@ -1,53 +1,68 @@
-import { DoCheck, AfterContentInit, AfterContentChecked } from '@angular/core';
+import { AfterContentInit, AfterContentChecked, ChangeDetectorRef } from '@angular/core';
+import { DaffPrefixDirective } from '../../../../core/prefix-suffix/prefix.directive';
+import { DaffSuffixDirective } from '../../../../core/prefix-suffix/suffix.directive';
 import { DaffFormFieldControl } from '../form-field-control';
 import * as i0 from "@angular/core";
-export declare class DaffFormFieldComponent implements DoCheck, AfterContentInit, AfterContentChecked {
+import * as i1 from "../../../../core/skeletonable/skeletonable.directive";
+export declare class DaffFormFieldComponent implements AfterContentInit, AfterContentChecked {
+    private cd;
+    /** @docs-private */
+    class: boolean;
+    /** @docs-private */
+    get isSelectField(): boolean;
+    /** @docs-private */
+    _prefix: DaffPrefixDirective;
+    /** @docs-private */
+    _suffix: DaffSuffixDirective;
     /**
+     * The child form control that the form field manages.
+     *
      * @docs-private
      */
-    faChevronDown: import("@fortawesome/fontawesome-common-types").IconDefinition;
-    class: boolean;
+    _control: DaffFormFieldControl<unknown>;
     /**
-     * The tracking property used to determine if the parent form has been submitted,
-     * and thus show an error message (even if the field hasn't been touched).
-     *
-     * @deprecated Deprecated in version 0.78.0. Will be removed in version 1.0.0.
+     * Tracking property to keep a record of whether or not the
+     * form field should be marked as error.
      */
-    formSubmitted: boolean;
+    isError: boolean;
     /**
-     * The child form control that the form-field manages
-     *
      * @docs-private
      */
-    _control: DaffFormFieldControl;
+    get errorClass(): boolean;
     /**
      * Tracking property to keep a record of whether or not the
-     * form field should be marked as error.
+     * form field contains any user input.
      */
-    isError: boolean;
+    isFilled: boolean;
+    isDisabled: boolean;
+    /**
+     * @docs-private
+     */
+    get disabledClass(): boolean;
     /**
      * Tracking property to keep a record of whether or not the
      * form field should be marked as valid.
      */
     isValid: boolean;
     /**
-     * @docs
-     *
+     * @docs-private
+     */
+    get validClass(): boolean;
+    constructor(cd: ChangeDetectorRef);
+    /**
      * Determines whether or not the form field should display its focused state.
      */
     get isFocused(): boolean;
     /**
-     * Keeps the state of the form field consistent with its child DaffFormControl
-     *
-     * TODO: consider whether or not this can be refactored to some kind of
-     * observable to remove unnecessary change detection.
-     *
      * @docs-private
      */
-    ngDoCheck(): void;
+    get focusedClass(): boolean;
+    /**
+     * @docs-private
+     */
+    get raisedClass(): boolean;
     /**
-     * Validate whether or not the FormField is in
-     * a "usable" state.
+     * Validate whether or not the FormField is in a "usable" state.
      */
     private _validateFormControl;
     /**
@@ -67,5 +82,5 @@ export declare class DaffFormFieldComponent implements DoCheck, AfterContentInit
      */
     ngAfterContentChecked(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, { "formSubmitted": { "alias": "formSubmitted"; "required": false; }; }, {}, ["_control"], ["*", "daff-error-message"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFormFieldComponent, "daff-form-field", never, {}, {}, ["_prefix", "_suffix", "_control"], ["[daffPrefix]", "label[daffFormLabel]", "*", "[daffSuffix]", "daff-hint", "daff-error-message"], true, [{ directive: typeof i1.DaffSkeletonableDirective; inputs: { "skeleton": "skeleton"; }; outputs: {}; }]>;
 }

package/atoms/form/form-field/form-field-control.d.ts

@@ -1,4 +1,6 @@
 import { NgControl } from '@angular/forms';
+import { BehaviorSubject, Observable } from 'rxjs';
+import { DaffFormFieldState } from './form-field-state';
 /**
  *
  * The class that a form control must **implement** in order to be
@@ -10,9 +12,22 @@ import { NgControl } from '@angular/forms';
  * in javascript, they get thrown out by the typescript compiler and cannot
  * be used for the necessary dependency injection.
  */
-export declare abstract class DaffFormFieldControl {
-    readonly ngControl: NgControl | null;
-    readonly controlType?: any;
-    readonly focused: boolean;
+export declare abstract class DaffFormFieldControl<T> {
+    ngControl: NgControl | null;
+    abstract readonly controlType?: any;
+    abstract readonly focused: boolean;
+    get raised(): boolean;
     abstract focus(event?: Event): void;
+    abstract readonly value: T;
+    constructor(ngControl: NgControl | null);
+    get state(): DaffFormFieldState;
+    _stateChanges: BehaviorSubject<{
+        focused: boolean;
+        filled: boolean;
+        disabled: boolean;
+        error: boolean;
+        valid: boolean;
+    }>;
+    stateChanges: Observable<DaffFormFieldState>;
+    emitState(): void;
 }

package/atoms/form/form-field/form-field-state.d.ts

@@ -0,0 +1,7 @@
+export interface DaffFormFieldState {
+    focused: boolean;
+    filled: boolean;
+    disabled: boolean;
+    error: boolean;
+    valid: boolean;
+}

package/atoms/form/form-field/form-field.d.ts

@@ -0,0 +1,10 @@
+import { DaffFormFieldComponent } from './form-field/form-field.component';
+import { DaffPrefixDirective } from '../../../core/prefix-suffix/prefix.directive';
+import { DaffSuffixDirective } from '../../../core/prefix-suffix/suffix.directive';
+import { DaffErrorMessageComponent } from '../error-message/error-message.component';
+import { DaffFormLabelDirective } from '../form-label/form-label.directive';
+import { DaffHintComponent } from '../hint/hint.component';
+/**
+ * @docs-private
+ */
+export declare const DAFF_FORM_FIELD_COMPONENTS: readonly [typeof DaffFormFieldComponent, typeof DaffErrorMessageComponent, typeof DaffFormLabelDirective, typeof DaffHintComponent, typeof DaffPrefixDirective, typeof DaffSuffixDirective];

package/atoms/form/form-field/form-field.module.d.ts

@@ -1,10 +1,12 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form-field/form-field.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@fortawesome/angular-fontawesome";
-import * as i4 from "../error-message/error-message.module";
+import * as i2 from "../error-message/error-message.module";
+import * as i3 from "../form-label/form-label.module";
+/**
+ * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.
+ */
 export declare class DaffFormFieldModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffFormFieldModule, [typeof i1.DaffFormFieldComponent], [typeof i2.CommonModule, typeof i3.FontAwesomeModule, typeof i4.DaffErrorMessageModule], [typeof i1.DaffFormFieldComponent, typeof i4.DaffErrorMessageModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffFormFieldModule, never, [typeof i1.DaffFormFieldComponent, typeof i2.DaffErrorMessageModule, typeof i3.DaffFormLabelModule], [typeof i1.DaffFormFieldComponent, typeof i2.DaffErrorMessageModule, typeof i3.DaffFormLabelModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffFormFieldModule>;
 }

package/atoms/form/form-field/public_api.d.ts

@@ -1,3 +1,4 @@
 export { DaffFormFieldModule } from './form-field.module';
-export * from './form-field/form-field.component';
+export { DaffFormFieldComponent } from './form-field/form-field.component';
 export { DaffFormFieldControl } from './form-field-control';
+export { DAFF_FORM_FIELD_COMPONENTS } from './form-field';

package/atoms/form/form-label/form-label.directive.d.ts

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

package/atoms/form/form-label/form-label.module.d.ts

@@ -1,7 +1,10 @@
 import * as i0 from "@angular/core";
 import * as i1 from "./form-label.directive";
+/**
+ * @deprecated in favor of standalone components. Deprecated in version 0.84.0. Will be removed in version 1.0.0.
+ */
 export declare class DaffFormLabelModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffFormLabelModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffFormLabelModule, [typeof i1.DaffFormLabelDirective], never, [typeof i1.DaffFormLabelDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffFormLabelModule, never, [typeof i1.DaffFormLabelDirective], [typeof i1.DaffFormLabelDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffFormLabelModule>;
 }

package/atoms/form/hint/hint.component.d.ts

@@ -0,0 +1,13 @@
+import * as i0 from "@angular/core";
+export declare class DaffHintComponent {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    /**
+     * Whether or not the hint has been validated
+     * */
+    validated: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffHintComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffHintComponent, "daff-hint", never, { "validated": { "alias": "validated"; "required": false; }; }, {}, never, ["*"], true, never>;
+}

package/atoms/form/hint/public_api.d.ts

@@ -0,0 +1 @@
+export { DaffHintComponent } from './hint.component';

package/atoms/form/native-select/native-select.component.d.ts

@@ -2,7 +2,7 @@ import { ElementRef } from '@angular/core';
 import { NgControl } from '@angular/forms';
 import { DaffFormFieldControl } from '../form-field/form-field-control';
 import * as i0 from "@angular/core";
-export declare class DaffNativeSelectComponent implements DaffFormFieldControl {
+export declare class DaffNativeSelectComponent extends DaffFormFieldControl<string | number> implements DaffFormFieldControl<string | number> {
     /**
      * @docs-private
      */
@@ -12,6 +12,9 @@ export declare class DaffNativeSelectComponent implements DaffFormFieldControl {
      * @docs-private
      */
     controlType: string;
+    /**
+     * @docs-private
+     */
     class: boolean;
     /**
      * Has the form been submitted.
@@ -32,6 +35,7 @@ export declare class DaffNativeSelectComponent implements DaffFormFieldControl {
      */
     ngControl: NgControl, _elementRef: ElementRef<HTMLInputElement>);
     onFocus(): void;
+    get value(): string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffNativeSelectComponent, [{ optional: true; self: true; }, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffNativeSelectComponent, "select[daff-native-select]", never, { "formSubmitted": { "alias": "formSubmitted"; "required": false; }; }, {}, never, ["*"], false, never>;
 }

package/atoms/form/radio/cva/radio-cva.directive.d.ts

@@ -21,6 +21,9 @@ export declare class DaffRadioControlValueAccessorDirective implements OnInit, C
      */
     name: string;
     constructor(_control: NgControl, _registry: DaffRadioRegistry, _radio: DaffRadioComponent);
+    /**
+     * @docs-private
+     */
     ngOnInit(): void;
     /**
      *

package/breadcrumb/breadcrumb/breadcrumb.component.d.ts

@@ -13,6 +13,9 @@ export declare class DaffBreadcrumbComponent implements AfterContentInit {
      * @docs-private
      */
     breadcrumbItems: QueryList<DaffBreadcrumbItemDirective>;
+    /**
+     * @docs-private
+     */
     ngAfterContentInit(): void;
     private updateActiveState;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffBreadcrumbComponent, never>;

package/breadcrumb/src/breadcrumb-theme.scss

@@ -1,13 +1,20 @@
-@use 'sass:map';
-@use '../../scss/core';
-@use '../../scss/theming';
+@use '../../scss/theming' as *;
 
 @mixin daff-breadcrumb-theme($theme) {
-	$base: core.daff-map-get($theme, 'core', 'base');
-	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
-	$neutral: core.daff-map-get($theme, 'core', 'neutral');
+	$neutral: daff-get-palette($theme, neutral);
+	$mode: daff-get-theme-mode($theme);
 
 	.daff-breadcrumb__item {
-		color: theming.daff-illuminate($base-contrast, $neutral, 4);
+		a {
+			@include light($mode) {
+				color: daff-color($neutral, 80);
+				text-decoration-color: daff-color($neutral, 80);
+			}
+
+			@include dark($mode) {
+				color: daff-color($neutral, 30);
+				text-decoration-color: daff-color($neutral, 30);
+			}
+		}
 	}
 }

package/button/button/button-base.directive.d.ts

@@ -1,29 +1,13 @@
-import { ElementRef, Renderer2 } from '@angular/core';
-import { DaffPrefixable, DaffSuffixable } from '@daffodil/design';
+import { DaffPrefixDirective, DaffSuffixDirective } from '@daffodil/design';
 import { DaffButtonSizableDirective } from './button-sizable.directive';
 import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
 import * as i2 from "./button-sizable.directive";
-/**
- * An _elementRef and an instance of renderer2 are needed for the button mixins
- */
-declare class DaffButtonBase {
-    _elementRef: ElementRef;
-    _renderer: Renderer2;
-    constructor(_elementRef: ElementRef, _renderer: Renderer2);
-}
-declare const _daffButtonBase: (new (...args: any[]) => {
-    [x: string]: any;
-    _prefix: import("@daffodil/design").DaffPrefixDirective;
-}) & (new (...args: any[]) => {
-    [x: string]: any;
-    _suffix: import("@daffodil/design").DaffSuffixDirective;
-}) & typeof DaffButtonBase;
-export declare class DaffButtonBaseDirective extends _daffButtonBase implements DaffPrefixable, DaffSuffixable {
-    private elementRef;
-    private renderer;
+export declare class DaffButtonBaseDirective {
     private size;
-    constructor(elementRef: ElementRef, renderer: Renderer2, size: DaffButtonSizableDirective);
+    _prefix: DaffPrefixDirective;
+    _suffix: DaffSuffixDirective;
+    constructor(size: DaffButtonSizableDirective);
     /**
      * @docs-private
      */
@@ -54,6 +38,5 @@ export declare class DaffButtonBaseDirective extends _daffButtonBase implements
      */
     get tabIndexAttribute(): number;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonBaseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffButtonBaseDirective, "[daffButtonBase]", never, { "loading": { "alias": "loading"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.DaffButtonSizableDirective; inputs: { "size": "size"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffButtonBaseDirective, "[daffButtonBase]", never, { "loading": { "alias": "loading"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["_prefix", "_suffix"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof i2.DaffButtonSizableDirective; inputs: { "size": "size"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
 }
-export {};

package/button/button/raised/raised.component.d.ts

@@ -1,7 +1,7 @@
 import { DaffButtonBaseDirective } from '../button-base.directive';
 import * as i0 from "@angular/core";
 /**
- * @deprecated in favor of the `elevated` property. Deprecated in 0.82.0. Will be removed in version 1.0.0. Deprecated in version 0.82.0. Will be removed in version 0.85.0.
+ * @deprecated in favor of the `elevated` property. Deprecated in version 0.82.0. Will be removed in version 1.0.0.
  *
  * DaffRaisedButtonComponent is a rectangular contained button with background color and elevation.
  *