@daffodil/design 0.77.0 → 0.79.0

package/accordion/README.md

@@ -4,6 +4,8 @@ An accordion is a group of vertically stacked headings used to toggle the visibi
 ## Overview
 Accordions are made up of `<daff-accordion-item>`s that can be expanded or collapsed to display large amounts of information. Accordions are helpful to shorten pages and reduce scrolling by hiding content that's not crucial to display at all times.
 
+<design-land-example-viewer-container example="basic-accordion"></design-land-example-viewer-container>
+
 ## Supported Content Types
 An accordion item can include a `[daffAccordionItemTitle]`, which provides a high level overview of the content. Any other content within an accordion item will be displayed as the primary content.
 
@@ -14,5 +16,41 @@ An item content can be visibile on render by setting the `initiallyExpanded` pro
 
 ## Usage
 
-### Basic Accordion
-<design-land-example-viewer-container example="basic-accordion"></design-land-example-viewer-container>
+### Within a standalone component
+To use accordion in a standalone component, import it directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_ACCORDION_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use accordion in a module, import `DaffAccordionModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffAccordionModule } from '@daffodil/design/accordion';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffAccordionModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.

package/accordion/accordion/accordion/accordion.component.d.ts

@@ -2,5 +2,5 @@ import * as i0 from "@angular/core";
 import * as i1 from "@daffodil/design";
 export declare class DaffAccordionComponent {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionComponent, "daff-accordion", never, {}, {}, never, ["*"], false, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionComponent, "daff-accordion", never, {}, {}, never, ["*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }]>;
 }

package/accordion/accordion/accordion-item/accordion-item.component.d.ts

@@ -1,6 +1,9 @@
 import { OnInit } from '@angular/core';
+import { DaffOpenable, DaffOpenableDirective } from '@daffodil/design';
 import * as i0 from "@angular/core";
-export declare class DaffAccordionItemComponent implements OnInit {
+import * as i1 from "@daffodil/design";
+export declare class DaffAccordionItemComponent implements OnInit, DaffOpenable {
+    private openDirective;
     /**
      * @docs-private
      */
@@ -13,24 +16,32 @@ export declare class DaffAccordionItemComponent implements OnInit {
      * @docs-private
      */
     class: boolean;
-    get openClass(): boolean;
     _daffAccordionItemId: string;
     id: string;
     /** Whether or not the item is initiallyExpanded by default. */
     initiallyExpanded: boolean;
-    /**
-     * @docs-private
-     */
-    _open: boolean;
     /**
      * @docs-private
      */
     _animationState: string;
+    constructor(openDirective: DaffOpenableDirective);
     /**
      * @docs-private
      */
     ngOnInit(): void;
-    toggleActive(): void;
+    get open(): boolean;
+    /**
+     * Reveals the contents of the accordion item
+     */
+    reveal(): void;
+    /**
+     * Hides the contents of the accordion item
+     */
+    hide(): void;
+    /**
+     * Toggles the visibility of the contents of the accordion item
+     */
+    toggle(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionItemComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionItemComponent, "daff-accordion-item", never, { "id": { "alias": "id"; "required": false; }; "initiallyExpanded": { "alias": "initiallyExpanded"; "required": false; }; }, {}, never, ["[daffAccordionItemTitle]", "*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffAccordionItemComponent, "daff-accordion-item", never, { "id": { "alias": "id"; "required": false; }; "initiallyExpanded": { "alias": "initiallyExpanded"; "required": false; }; }, {}, never, ["[daffAccordionItemTitle]", "*"], true, [{ directive: typeof i1.DaffOpenableDirective; inputs: { "open": "open"; }; outputs: { "toggled": "toggled"; }; }]>;
 }

package/accordion/accordion/accordion-item-title/accordion-item-title.directive.d.ts

@@ -5,5 +5,5 @@ export declare class DaffAccordionItemTitleDirective {
      */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionItemTitleDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffAccordionItemTitleDirective, "[daffAccordionItemTitle]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffAccordionItemTitleDirective, "[daffAccordionItemTitle]", never, {}, {}, never, never, true, never>;
 }

package/accordion/accordion.d.ts

@@ -0,0 +1,4 @@
+import { DaffAccordionComponent } from './accordion/accordion/accordion.component';
+import { DaffAccordionItemComponent } from './accordion/accordion-item/accordion-item.component';
+import { DaffAccordionItemTitleDirective } from './accordion/accordion-item-title/accordion-item-title.directive';
+export declare const DAFF_ACCORDION_COMPONENTS: readonly [typeof DaffAccordionComponent, typeof DaffAccordionItemComponent, typeof DaffAccordionItemTitleDirective];

package/accordion/accordion.module.d.ts

@@ -1,12 +1,11 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./accordion/accordion/accordion.component";
-import * as i2 from "./accordion/accordion-item/accordion-item.component";
-import * as i3 from "./accordion/accordion-item-title/accordion-item-title.directive";
-import * as i4 from "@angular/common";
-import * as i5 from "@fortawesome/angular-fontawesome";
-import * as i6 from "@daffodil/design";
+import * as i1 from "@angular/common";
+import * as i2 from "./accordion/accordion/accordion.component";
+import * as i3 from "./accordion/accordion-item/accordion-item.component";
+import * as i4 from "./accordion/accordion-item-title/accordion-item-title.directive";
+/** @deprecated in favor of {@link DAFF_ACCORDION_COMPONENTS} */
 export declare class DaffAccordionModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffAccordionModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffAccordionModule, [typeof i1.DaffAccordionComponent, typeof i2.DaffAccordionItemComponent, typeof i3.DaffAccordionItemTitleDirective], [typeof i4.CommonModule, typeof i5.FontAwesomeModule, typeof i6.DaffPrefixSuffixModule], [typeof i1.DaffAccordionComponent, typeof i2.DaffAccordionItemComponent, typeof i3.DaffAccordionItemTitleDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffAccordionModule, never, [typeof i1.CommonModule, typeof i2.DaffAccordionComponent, typeof i3.DaffAccordionItemComponent, typeof i4.DaffAccordionItemTitleDirective], [typeof i2.DaffAccordionComponent, typeof i3.DaffAccordionItemComponent, typeof i4.DaffAccordionItemTitleDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffAccordionModule>;
 }

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

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

package/accordion/examples/public_api.d.ts

@@ -1,3 +1,2 @@
 export { BasicAccordionComponent } from './basic-accordion/basic-accordion.component';
-export { AccordionExamplesModule } from './accordion-examples.module';
 export { ACCORDION_EXAMPLES } from './examples';

package/accordion/public_api.d.ts

@@ -1,4 +1,5 @@
 export { DaffAccordionModule } from './accordion.module';
+export { DAFF_ACCORDION_COMPONENTS } from './accordion';
 export * from './accordion/accordion/accordion.component';
 export * from './accordion/accordion-item/accordion-item.component';
 export * from './accordion/accordion-item-title/accordion-item-title.directive';

package/article/README.md

@@ -47,4 +47,45 @@ These are styles for inline and multiline blocks of code.
 
 ## Encapsulation
 
-Articles also support other custom "non-native" components like [Accordions](../accordion/README.md), [Media Galleries](../media-gallery/README.md), and [Lists](../list/README.md). Unlike typical HTML (<p>, <ol>, <ul>, etc) content, these components must be style encaspulated to prevent article styles bleeding down from the article into their content. Many Daffodil components support this out of the box. If you have a custom component that you would like to place inside an article, you can use the `DaffArticleEncapsulatedDirective` on your component to prevent article styles bleeding into your component.
+Articles also support other custom "non-native" components like [accordions](../accordion/README.md), [media galleries](../media-gallery/README.md), and [lists](../list/README.md). Unlike typical HTML (<p>, <ol>, <ul>, etc) content, these components must be style encaspulated to prevent article styles bleeding down from the article into their content. Many Daffodil components support this out of the box. If you have a custom component that you would like to place inside an article, you can use the `DaffArticleEncapsulatedDirective` on your component to prevent article styles bleeding into your component.
+
+## Usage
+
+### Within a standalone component
+To use article in a standalone component, import it directly into your custom component:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DAFF_ARTICLE_COMPONENTS,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use article in a module, import `DaffArticleModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffArticleModule } from '@daffodil/design/article';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffArticleModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.

package/article/article/article.component.d.ts

@@ -12,5 +12,5 @@ export declare class DaffArticleComponent {
      */
     role: string;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffArticleComponent, "daff-article", never, {}, {}, never, ["*"], false, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffArticleComponent, "daff-article", never, {}, {}, never, ["*"], true, never>;
 }

package/article/article-meta/article-meta.directive.d.ts

@@ -5,5 +5,5 @@ export declare class DaffArticleMetaDirective {
      */
     class: boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleMetaDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffArticleMetaDirective, "[daffArticleMeta]", never, {}, {}, never, never, false, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffArticleMetaDirective, "[daffArticleMeta]", never, {}, {}, never, never, true, never>;
 }

package/article/article.d.ts

@@ -0,0 +1,3 @@
+import { DaffArticleComponent } from './article/article.component';
+import { DaffArticleMetaDirective } from './article-meta/article-meta.directive';
+export declare const DAFF_ARTICLE_COMPONENTS: readonly [typeof DaffArticleComponent, typeof DaffArticleMetaDirective];

package/article/article.module.d.ts

@@ -1,9 +1,10 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./article/article.component";
-import * as i2 from "./article-meta/article-meta.directive";
-import * as i3 from "@angular/common";
+import * as i1 from "@angular/common";
+import * as i2 from "./article/article.component";
+import * as i3 from "./article-meta/article-meta.directive";
+/** @deprecated in favor of {@link DAFF_ARTICLE_COMPONENTS} */
 export declare class DaffArticleModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffArticleModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffArticleModule, [typeof i1.DaffArticleComponent, typeof i2.DaffArticleMetaDirective], [typeof i3.CommonModule], [typeof i1.DaffArticleComponent, typeof i2.DaffArticleMetaDirective]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffArticleModule, never, [typeof i1.CommonModule, typeof i2.DaffArticleComponent, typeof i3.DaffArticleMetaDirective], [typeof i2.DaffArticleComponent, typeof i3.DaffArticleMetaDirective]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffArticleModule>;
 }

package/article/public_api.d.ts

@@ -1,3 +1,4 @@
-export { DaffArticleComponent } from './article/article.component';
 export { DaffArticleModule } from './article.module';
+export { DAFF_ARTICLE_COMPONENTS } from './article';
+export { DaffArticleComponent } from './article/article.component';
 export { DaffArticleMetaDirective } from './article-meta/article-meta.directive';

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

@@ -11,7 +11,7 @@ export declare class DaffFormFieldComponent implements DoCheck, AfterContentInit
      * 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 Deprecated in version 0.78.0. Will be removed in version 0.81.0.
      */
     formSubmitted: boolean;
     /**

package/button/README.md

@@ -31,6 +31,47 @@ Native `<button>` or `<a>` elements are always used in order to provide an easy,
 ### Underline Button
 <design-land-example-viewer-container example="underline-button"></design-land-example-viewer-container>
 
+## Usage
+
+### Within a standalone component
+To use button in a standalone component, import it directly into your custom component. Buttons can be imported individually or all together by using `DAFF_BUTTON_COMPONENTS`:
+
+```ts
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+  standalone: true,
+  imports: [
+    DaffButtonComponent,
+  ],
+})
+export class CustomComponent {}
+```
+
+### Within a module (deprecated)
+To use button in a module, import `DaffButtonModule` into your custom module:
+
+```ts
+import { NgModule } from '@angular/core';
+
+import { DaffButtonModule } from '@daffodil/design/button';
+
+@NgModule({
+	declarations: [
+    CustomComponent,
+  ],
+  exports: [
+    CustomComponent,
+  ],
+  imports: [
+    DaffButtonModule,
+  ],
+})
+export class CustomComponentModule { }
+```
+
+> This method is deprecated. It's recommended to update all custom components to standalone.
+
 ## Sizes
 The size of a button can be changed by using the `size` property. The size of all the button variants will default to `md` if no size is defined. This can be changed to one of the supported sizes.
 
@@ -48,7 +89,7 @@ Supported colors: `primary | secondary | tertiary | black | white | theme | them
 ## Status Indicators
 Buttons with status indicators can be used to distinguish what type of action it performs and its importance compared to other buttons in the same context.
 
-Supported statuses: `warn | danger | success`
+Supported statuses: `warn | critical | success`
 
 <design-land-example-viewer-container example="statusable-button"></design-land-example-viewer-container>
 

package/button/button/basic/button.component.d.ts

@@ -0,0 +1,28 @@
+import { DaffButtonBaseDirective } from '../button-base.directive';
+import * as i0 from "@angular/core";
+/**
+ * DaffButtonComponent is a rectangular contained button with background color.
+ *
+ * ## Usage
+ * ```html
+ * <button daff-button>
+ *  <div daffPrefix></div>
+ *  Button
+ *  <div daffSuffix></div>
+ * </button>
+ *
+ * <a href="/" daff-button>
+ *  <div daffPrefix></div>
+ *  Linked button
+ *  <div daffSuffix></div>
+ * </a>
+ * ```
+ */
+export declare class DaffButtonComponent extends DaffButtonBaseDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffButtonComponent, "button[daff-button],a[daff-button]", never, {}, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+}

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

@@ -0,0 +1,51 @@
+import { ElementRef, Renderer2 } from '@angular/core';
+import { DaffPrefixable, DaffSuffixable } 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;
+    private size;
+    constructor(elementRef: ElementRef, renderer: Renderer2, size: DaffButtonSizableDirective);
+    /**
+     * @docs-private
+     */
+    get disabledClass(): any;
+    loading: boolean;
+    /**
+     * Set the `tabindex` to 0.
+     */
+    tabindex: number;
+    _disabled: boolean;
+    /**
+     * The disabled state of the button.
+     */
+    get disabled(): any;
+    set disabled(value: any);
+    get disabledAttribute(): boolean;
+    get ariaDisabled(): boolean;
+    /**
+     * Set the `tabindex` to -1 if the button is disabled.
+     */
+    get disabledTabIndex(): 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: {}; }]>;
+}
+export {};

package/button/button/flat/flat.component.d.ts

@@ -0,0 +1,28 @@
+import { DaffButtonBaseDirective } from '../button-base.directive';
+import * as i0 from "@angular/core";
+/**
+ * DaffFlatButtonComponent is a rectangular contained button no background.
+ *
+ * ## Usage
+ * ```html
+ * <button daff-flat-button>
+ *  <div daffPrefix></div>
+ *  Flat Button
+ *  <div daffSuffix></div>
+ * </button>
+ *
+ * <a href="/" daff-flat-button>
+ *  <div daffPrefix></div>
+ *  Linked flat button
+ *  <div daffSuffix></div>
+ * </a>
+ * ```
+ */
+export declare class DaffFlatButtonComponent extends DaffButtonBaseDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffFlatButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffFlatButtonComponent, "button[daff-flat-button],a[daff-flat-button]", never, {}, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+}

package/button/button/icon/icon.component.d.ts

@@ -0,0 +1,24 @@
+import { DaffButtonBaseDirective } from '../button-base.directive';
+import * as i0 from "@angular/core";
+/**
+ * DaffIconButtonComponent is an icon button used with icon fonts.
+ *
+ * ## Usage
+ * ```html
+ * <button daff-icon-button>
+ *  <fa-icon [icon]="faPlus"></fa-icon>
+ * </button>
+ *
+ * <a href="/" daff-icon-button>
+ *  <fa-icon [icon]="faPlus"></fa-icon>
+ * </a>
+ * ```
+ */
+export declare class DaffIconButtonComponent extends DaffButtonBaseDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffIconButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffIconButtonComponent, "button[daff-icon-button],a[daff-icon-button]", never, {}, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+}

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

@@ -0,0 +1,28 @@
+import { DaffButtonBaseDirective } from '../button-base.directive';
+import * as i0 from "@angular/core";
+/**
+ * DaffRaisedButtonComponent is a rectangular contained button with background color and elevation.
+ *
+ * ## Usage
+ * ```html
+ * <button daff-raised-button>
+ *  <div daffPrefix></div>
+ *  Raised Button
+ *  <div daffSuffix></div>
+ * </button>
+ *
+ * <a href="/" daff-raised-button>
+ *  <div daffPrefix></div>
+ *  Linked raised button
+ *  <div daffSuffix></div>
+ * </a>
+ * ```
+ */
+export declare class DaffRaisedButtonComponent extends DaffButtonBaseDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffRaisedButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffRaisedButtonComponent, "button[daff-raised-button],a[daff-raised-button]", never, {}, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+}

package/button/button/stroked/stroked.component.d.ts

@@ -0,0 +1,28 @@
+import { DaffButtonBaseDirective } from '../button-base.directive';
+import * as i0 from "@angular/core";
+/**
+ * DaffStrokedButtonComponent is a rectangular outlined button with no background color.
+ *
+ * ## Usage
+ * ```html
+ * <button daff-stroked-button>
+ *  <div daffPrefix></div>
+ *  Stroked Button
+ *  <div daffSuffix></div>
+ * </button>
+ *
+ * <a href="/" daff-stroked-button>
+ *  <div daffPrefix></div>
+ *  Linked stroked button
+ *  <div daffSuffix></div>
+ * </a>
+ * ```
+ */
+export declare class DaffStrokedButtonComponent extends DaffButtonBaseDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffStrokedButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffStrokedButtonComponent, "button[daff-stroked-button],a[daff-stroked-button]", never, {}, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+}

package/button/button/underline/underline.component.d.ts

@@ -0,0 +1,28 @@
+import { DaffButtonBaseDirective } from '../button-base.directive';
+import * as i0 from "@angular/core";
+/**
+ * DaffUnderlineButtonComponent is a borderless button with a custom underline style.
+ *
+ * ## Usage
+ * ```html
+ * <button daff-underline-button>
+ *  <div daffPrefix></div>
+ *  Underline Button
+ *  <div daffSuffix></div>
+ * </button>
+ *
+ * <a href="/" daff-underline-button>
+ *  <div daffPrefix></div>
+ *  Linked underline button
+ *  <div daffSuffix></div>
+ * </a>
+ * ```
+ */
+export declare class DaffUnderlineButtonComponent extends DaffButtonBaseDirective {
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffUnderlineButtonComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffUnderlineButtonComponent, "button[daff-underline-button],a[daff-underline-button]", never, {}, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+}

package/button/button.d.ts

@@ -0,0 +1,8 @@
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffButtonComponent } from './button/basic/button.component';
+import { DaffFlatButtonComponent } from './button/flat/flat.component';
+import { DaffIconButtonComponent } from './button/icon/icon.component';
+import { DaffRaisedButtonComponent } from './button/raised/raised.component';
+import { DaffStrokedButtonComponent } from './button/stroked/stroked.component';
+import { DaffUnderlineButtonComponent } from './button/underline/underline.component';
+export declare const DAFF_BUTTON_COMPONENTS: readonly [typeof DaffButtonComponent, typeof DaffPrefixSuffixModule, typeof DaffFlatButtonComponent, typeof DaffIconButtonComponent, typeof DaffRaisedButtonComponent, typeof DaffStrokedButtonComponent, typeof DaffUnderlineButtonComponent];

package/button/button.module.d.ts

@@ -1,10 +1,15 @@
 import * as i0 from "@angular/core";
-import * as i1 from "./button/button.component";
-import * as i2 from "@angular/common";
-import * as i3 from "@daffodil/design";
-import * as i4 from "@daffodil/design/loading-icon";
+import * as i1 from "@angular/common";
+import * as i2 from "./button/basic/button.component";
+import * as i3 from "./button/flat/flat.component";
+import * as i4 from "./button/icon/icon.component";
+import * as i5 from "./button/raised/raised.component";
+import * as i6 from "./button/stroked/stroked.component";
+import * as i7 from "./button/underline/underline.component";
+import * as i8 from "@daffodil/design";
+/** @deprecated in favor of {@link DAFF_BUTTON_COMPONENTS} */
 export declare class DaffButtonModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffButtonModule, [typeof i1.DaffButtonComponent], [typeof i2.CommonModule, typeof i3.DaffPrefixSuffixModule, typeof i4.DaffLoadingIconModule], [typeof i1.DaffButtonComponent, typeof i3.DaffPrefixSuffixModule]>;
+    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffButtonModule, never, [typeof i1.CommonModule, typeof i2.DaffButtonComponent, typeof i3.DaffFlatButtonComponent, typeof i4.DaffIconButtonComponent, typeof i5.DaffRaisedButtonComponent, typeof i6.DaffStrokedButtonComponent, typeof i7.DaffUnderlineButtonComponent], [typeof i2.DaffButtonComponent, typeof i3.DaffFlatButtonComponent, typeof i4.DaffIconButtonComponent, typeof i5.DaffRaisedButtonComponent, typeof i6.DaffStrokedButtonComponent, typeof i7.DaffUnderlineButtonComponent, typeof i8.DaffPrefixSuffixModule]>;
     static ɵinj: i0.ɵɵInjectorDeclaration<DaffButtonModule>;
 }

package/button/public_api.d.ts

@@ -1,3 +1,9 @@
-export { DaffButtonComponent } from './button/button.component';
 export { DaffButtonModule } from './button.module';
+export { DAFF_BUTTON_COMPONENTS } from './button';
+export { DaffButtonComponent } from './button/basic/button.component';
 export { DaffButtonSizableDirective } from './button/button-sizable.directive';
+export { DaffFlatButtonComponent } from './button/flat/flat.component';
+export { DaffRaisedButtonComponent } from './button/raised/raised.component';
+export { DaffStrokedButtonComponent } from './button/stroked/stroked.component';
+export { DaffUnderlineButtonComponent } from './button/underline/underline.component';
+export { DaffIconButtonComponent } from './button/icon/icon.component';