@daffodil/design 0.92.3 → 0.93.1

package/textarea/README.md

@@ -2,12 +2,12 @@
 Textarea works alongside the HTML textarea element, with additional custom styling and functionality.
 
 ## Overview
-Textarea has the same functionality as a native HTML textarea element, with additional custom styling and functionality. It **cannot** be used by itself and must be contained within a [form field](/libs/design/src/atoms/form/form-field/README.md).
+Textarea has the same functionality as a native HTML textarea element, with additional custom styling and functionality. It **cannot** be used by itself and must be contained within a [form field](/libs/design/form-field/README.md).
 
 <daff-docs-example-viewer example="basic-textarea"></daff-docs-example-viewer>
 
 ## Usage
-To use textarea, import `DaffTextareaComponent` directly into your custom component:
+Import `DaffTextareaComponent` into your component:
 
 ```ts
 import { DaffTextareaComponent } from '@daffodil/design/textarea';
@@ -25,7 +25,6 @@ export class CustomComponent {}
 ## Anatomy
 Textarea must be used inside `<daff-form-field>` to enable proper state management and provide enhanced UI features such as hints, error messages, prefixes, and suffixes. The form field component also ensures accessibility compliance. For more details, see the [form field documentation](/libs/design/form-field/README.md).
 
-### Basic structure
 ```html
 <daff-form-field>
   <daff-form-label>Comments</daff-form-label>
@@ -33,7 +32,7 @@ Textarea must be used inside `<daff-form-field>` to enable proper state manageme
 </daff-form-field>
 ```
 
-## States
+## Features
 
 ### Disabled
 Textarea can be disabled in two ways: using Angular's reactive forms with `FormControl` or with the native HTML `disabled` attribute.
@@ -47,12 +46,15 @@ Textarea supports validation and error messages through Angular's form validatio
 
 Multiple error messages can be displayed conditionally based on the type of validation error. The form field component handles the styling and positioning of error messages.
 
-## Hints
+### Hints
 Hints provide additional context or instructions to help users complete the textarea field correctly. Use `<daff-hint>` within the form field to display helpful information below the textarea. Unlike error messages, hints are always visible and provide guidance rather than validation feedback.
 
 <daff-docs-example-viewer example="textarea-hint"></daff-docs-example-viewer>
 
 ## Accessibility
-When `<daff-form-label>` is used within `<daff-form-field>`, the label automatically associates with the textarea using the `for` and `id` attributes.
 
-If a `<daff-form-label>` is not specified, use the `<label>` element to associate text with form elements explicitly. The `for` attribute of the label must exactly match the `id` of the form control.
+### Built-in behavior
+- When `<daff-form-label>` is used within `<daff-form-field>`, the label automatically associates with the textarea using the `for` and `id` attributes.
+
+### Developer responsibilities
+- If a `<daff-form-label>` is not specified, use the `<label>` element to associate text with form elements explicitly. The `for` attribute of the label must exactly match the `id` of the form control.

package/toast/README.md

@@ -4,81 +4,79 @@ Toasts are notifications that provide application-level information. They are de
 ## Overview
 Toasts communicate updates about actions or events that require attention but are not directly tied to specific page content.
 
-For short messages tied to page-level content or actions, use the [Notification](/libs/design/notification/README.md) component.
+For short messages tied to page-level content or actions, use the [notification](/libs/design/notification/README.md) component.
 
 <daff-docs-example-viewer example="default-toast"></daff-docs-example-viewer>
 
 ## Usage
-Add `provideDaffToast()` to the root provider of your application to enable toast functionality:
+Add `provideDaffToast()` to your application's root providers:
 
 ```ts
+import { ApplicationConfig } from '@angular/core';
 import { provideDaffToast } from '@daffodil/design/toast';
 
-@NgModule({
+export const appConfig: ApplicationConfig = {
   providers: [
     provideDaffToast(),
-  ]
-)}
-
-export class AppModule {}
+  ],
+};
 ```
 
-## Anatomy
-When opening a toast with the `DaffToastService`, you can provide a `title`, `message`, and `actions` to define its content.
-
-**Title**\
-The primary text that summarizes the purpose of the toast.
-
-**Message**\
-Provides additional details or context about the toast. Keep this brief—ideally one to two short sentences.
-
-**Actions**\
-Include actionable buttons related to the toast. **A maximum of two buttons is recommended** to keep the toast concise.
+Then inject `DaffToastService` to open toasts from your component:
 
 ```ts
-open() {
-  this.toast = this.toastService.open({
-    title: 'Update Available' + ' ' + this.count++,
-    message: 'A new version of this page is available.',
-    actions: [
-      { content: 'Update', color: 'theme-contrast', size: 'sm', eventEmitter: this.update },
-      { content: 'Remind me later', type: 'flat', size: 'sm', eventEmitter: this.closeToast },
-    ],
-  });
+import { DaffToastService } from '@daffodil/design/toast';
+
+@Component({
+  selector: 'custom-component',
+  templateUrl: './custom-component.component.html',
+})
+export class CustomComponent {
+  constructor(private toastService: DaffToastService) {}
 }
 ```
 
-## Dismissal
-Toasts can be dismissed automatically via a timed duration or manually with a close button.
+## Anatomy
+A toast is composed of a title, message, and optional actions:
 
-`duration` and `dismissible` can be configured when opening a toast with the `DaffToastService`.
+```ts
+this.toastService.open({
+  title: 'Update available',
+  message: 'A new version of this page is available.',
+  actions: [
+    { content: 'Update', color: 'theme-contrast', size: 'sm' },
+    { content: 'Remind me later', type: 'flat', size: 'sm' },
+  ],
+});
+```
 
-### Timed duration
-By default, toasts without actions dismiss automatically after `5000ms`. Toasts with actions remain visible until dismissed manually or until an action is taken.
+- **`title`**: The primary text that summarizes the purpose of the toast.
+- **`message`**: Additional details or context about the toast. Keep this brief — ideally one to two short sentences.
+- **`actions`**: Actionable buttons related to the toast. A maximum of two buttons is recommended to keep the toast concise.
+
+## Features
 
-> Actionable toasts should remain persistent. If a duration is required, make sure it is long enough for users to engage with the actions.
+### Dismissal
+Toasts can be dismissed automatically via a timed duration or manually with a close button. Both `duration` and `dismissible` can be configured when opening a toast with the `DaffToastService`.
 
-<daff-docs-example-viewer example="toast-with-custom-duration"></daff-docs-example-viewer>
+By default, toasts without actions dismiss automatically after `5000ms`. Toasts with actions remain visible until dismissed manually or until an action is taken.
 
-### Close button
-The close button is hidden by default. When a toast contains actions, the `dismissible` property is ignored.
+<daff-docs-example-viewer example="custom-duration-toast"></daff-docs-example-viewer>
 
-For non-actionable toasts, the close button can be displayed by setting `dismissible: true`.
+For non-actionable toasts, set `dismissible: true` to display a close button. When a toast contains actions, the `dismissible` property is ignored.
 
 <daff-docs-example-viewer example="dismissible-toast"></daff-docs-example-viewer>
 
-## Stacking
+### Stack limit
 A maximum of three toasts can be displayed at once. Toasts stack vertically with the most recent toast at the top.
 
-## Statuses
+### Statuses
 Toast status can be set when opening a toast through the `DaffToastService` by using a `DaffStatus` value.
 
 <daff-docs-example-viewer example="toast-status"></daff-docs-example-viewer>
 
-## Positions
-On desktop, toasts appear in the top-right corner by default.
-
-You can customize their position using the `position` property in `provideDaffToast()`:
+### Positions
+On desktop, toasts appear in the top-right corner by default. Customize their position using the `position` property in `provideDaffToast()`:
 
 ```ts
 providers: [
@@ -91,16 +89,21 @@ providers: [
 ],
 ```
 
-> Note: On mobile, toasts always appear in the bottom-center position, regardless of configuration settings.
+> **Note**
+>
+> On mobile, toasts always appear in the bottom-center position, regardless of configuration settings.
+
+## Best practices
+- Keep messages brief — toasts are temporary and easy to miss.
+- Limit actions to two buttons so the toast stays scannable.
+- Avoid setting a duration on actionable toasts, as they may disappear before the user can interact with them.
 
 ## Accessibility
-Toasts announce their messages using appropriate ARIA roles:
-- `role="status"` (default): Equivalent to `aria-live="polite"`, announcing messages without interrupting the user.
-- role="alertdialog": Used when a toast contains actions. The toast will be focus trapped, and focus immediately moves to the actions.
 
-Avoid setting a duration on actionable toasts, as they may disappear before the user can interact with them.
+### Built-in behavior
+- Toasts without actions use `role="status"` (equivalent to `aria-live="polite"`), announcing messages without interrupting the user.
+- Toasts with actions use `role="alertdialog"`, are focus trapped, and focus moves immediately to the actions.
+- `ESC` dismisses a focus trapped actionable toast.
 
-### Keyboard Interactions
-| Key   | Action |
-| ----- | ------ |
-| `ESC` |  Dismisses a toast if it has actions and is focus trapped. |
+### Developer responsibilities
+- Avoid setting a duration on actionable toasts so users have time to interact with them.

package/tree/README.md

@@ -2,14 +2,13 @@
 Trees display hierarchical information in a nested, expandable format.
 
 ## Overview
-Trees help users navigate complex structures by organizing content into parent and child relationships. They're commonly used for navigation menus, file browsers, and category lists. For flat lists without nested content, use the [navigation list](/libs/design/list/README.md) instead.
+Trees help users navigate complex structures by organizing content into parent and child relationships. They're commonly used for navigation menus, file browsers, and category lists. For flat lists without nested content, use the [Navigation List](/libs/design/list/README.md) instead.
 
 <daff-docs-example-viewer example="basic-tree"></daff-docs-example-viewer>
 
 ## Usage
 
-### Within a standalone component
-To use tree in a standalone component, import `DAFF_TREE_COMPONENTS` directly into your custom component:
+Import `DAFF_TREE_COMPONENTS` into your component:
 
 ```ts
 import { DAFF_TREE_COMPONENTS } from '@daffodil/design/tree';
@@ -24,48 +23,13 @@ import { DAFF_TREE_COMPONENTS } from '@daffodil/design/tree';
 export class CustomComponent {}
 ```
 
-### Within a module (deprecated)
-To use tree in a module, import `DaffTreeModule` into your custom module:
-
-```ts
-import { NgModule } from '@angular/core';
-import { DaffTreeModule } from '@daffodil/design/tree';
-import { CustomComponent } from './custom.component';
-
-@NgModule({
-  declarations: [
-    CustomComponent,
-  ],
-  exports: [
-    CustomComponent,
-  ],
-  imports: [
-    DaffTreeModule,
-  ],
-})
-export class CustomComponentModule { }
-```
-
-> **Warning**
->
-> This method is deprecated. It's recommended to update all custom components to standalone.
+> **Deprecation notice:**
+> 
+> `DaffTreeModule` is deprecated. Use the standalone component imports instead.
 
 ## Anatomy
-A tree consists of the following parts:
-
-### Container
-`<daff-tree>`: The main wrapper that holds the tree and accepts your data.
-
-### Node templates
-Define how each tree item looks:
+A tree is composed of a container, node templates, and tree items:
 
-- `#daffTreeItemWithChildrenTpl`: For items that can expand to show children. Click handling and icons are added automatically.
-- `#daffTreeItemTpl`: For items at the end of a branch with no children.
-
-### Tree item
-`[daffTreeItem]`: Added to links or buttons inside your templates to connect them to the tree.
-
-### Basic structure
 ```html
 <daff-tree [tree]="treeData">
   <ng-template #daffTreeItemWithChildrenTpl let-node>
@@ -78,10 +42,15 @@ Define how each tree item looks:
 </daff-tree>
 ```
 
+- **`<daff-tree>`**: The main wrapper that holds the tree and accepts your data.
+- **`#daffTreeItemWithChildrenTpl`**: The template for items that can expand to show children. Click handling and icons are added automatically.
+- **`#daffTreeItemTpl`**: The template for items at the end of a branch with no children.
+- **`[daffTreeItem]`**: Added to links or buttons inside your templates to connect them to the tree.
+
 ## Accessibility
 The tree follows the [disclosure navigation menu](https://www.w3.org/WAI/ARIA/apg/patterns/disclosure/examples/disclosure-navigation/) pattern rather than the [tree view](https://www.w3.org/WAI/ARIA/apg/patterns/treeview/) pattern.
 
-### Daffodil provides
+### Built-in behavior
 - Unique `id` automatically assigned to each tree item
 - `aria-expanded` indicating whether a parent item is open or closed
 

package/tree/src/tree-theme.scss

@@ -15,8 +15,10 @@
 			background-color: $base;
 			color: daff-color($neutral, 90);
 
-			&:hover {
-				background-color: daff-color($neutral, 20);
+			@media (hover: hover) {
+				&:hover {
+					background-color: daff-color($neutral, 20);
+				}
 			}
 
 			&::after {
@@ -37,8 +39,10 @@
 			background-color: $base;
 			color: daff-color($neutral, 20);
 
-			&:hover {
-				background-color: daff-color($neutral, 90);
+			@media (hover: hover) {
+				&:hover {
+					background-color: daff-color($neutral, 90);
+				}
 			}
 
 			&::after {

package/{accordion/index.d.ts → types/daffodil-design-accordion.d.ts}

@@ -66,7 +66,7 @@ declare class DaffAccordionItemComponent implements OnInit, DaffOpenable, DaffDi
     /**
      * @docs-private
      */
-    get open(): boolean;
+    get open(): i0.ModelSignal<boolean>;
     /**
      * Reveals the contents of the accordion item.
      */

package/types/daffodil-design-beacon.d.ts

@@ -0,0 +1,26 @@
+import * as i0 from '@angular/core';
+import * as i1 from '@daffodil/design';
+
+/**
+ * The cadence of the beacon ring, e.g. how long one expand-and-fade cycle takes.
+ *
+ * - `slow` - a relaxed 3.6s cycle.
+ * - `normal` - the default 2.4s cycle.
+ * - `fast` - an urgent 1.2s cycle.
+ */
+type DaffBeaconSpeed = 'slow' | 'normal' | 'fast';
+
+/**
+ * DaffBeaconComponent is a small indicator that draws visual attention to a specific location or element.
+ */
+declare class DaffBeaconComponent {
+    /**
+     * How fast the beacon pulses.
+     */
+    speed: i0.InputSignal<DaffBeaconSpeed>;
+    constructor();
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffBeaconComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffBeaconComponent, "daff-beacon", never, { "speed": { "alias": "speed"; "required": false; "isSignal": true; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof i1.DaffSizableDirective; inputs: { "size": "size"; }; outputs: {}; }]>;
+}
+
+export { DaffBeaconComponent };

package/{button/index.d.ts → types/daffodil-design-button.d.ts}

@@ -33,12 +33,11 @@ declare class DaffButtonBaseDirective implements DaffDisableable {
     /**
      * Sets the tabindex.
      */
-    tabindex: number;
+    tabindex: i0.InputSignal<number>;
     /**
      * The disabled state of the button.
      */
-    get disabled(): any;
-    set disabled(value: any);
+    get disabled(): boolean;
     /**
      * @docs-private
      *
@@ -52,7 +51,7 @@ declare class DaffButtonBaseDirective implements DaffDisableable {
      */
     get buttonSize(): _daffodil_design_button.DaffButtonSize;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonBaseDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffButtonBaseDirective, "[daffButtonBase]", never, { "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, ["_prefix", "_suffix"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof DaffButtonSizableDirective; inputs: { "size": "size"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffDisableableDirective; inputs: { "disabled": "disabled"; }; outputs: {}; }, { directive: typeof i1.DaffLoadableDirective; inputs: { "loading": "loading"; }; outputs: {}; }]>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffButtonBaseDirective, "[daffButtonBase]", never, { "tabindex": { "alias": "tabindex"; "required": false; "isSignal": true; }; }, {}, ["_prefix", "_suffix"], never, true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof DaffButtonSizableDirective; inputs: { "size": "size"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: { "status": "status"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffDisableableDirective; inputs: { "disabled": "disabled"; }; outputs: {}; }, { directive: typeof i1.DaffLoadableDirective; inputs: { "loading": "loading"; }; outputs: {}; }]>;
 }
 
 /**
@@ -77,9 +76,9 @@ declare class DaffButtonComponent extends DaffButtonBaseDirective {
     /**
      * Whether or not the button displays a shadow.
      */
-    elevated: boolean;
+    elevated: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffButtonComponent, "button[daff-button],a[daff-button]", never, { "elevated": { "alias": "elevated"; "required": false; }; }, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffButtonComponent, "button[daff-button],a[daff-button]", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; }, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
 }
 
 /**
@@ -175,9 +174,9 @@ declare class DaffStrokedButtonComponent extends DaffButtonBaseDirective {
     /**
      * Whether or not the button displays a shadow.
      */
-    elevated: boolean;
+    elevated: i0.InputSignal<boolean>;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffStrokedButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffStrokedButtonComponent, "button[daff-stroked-button],a[daff-stroked-button]", never, { "elevated": { "alias": "elevated"; "required": false; }; }, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffStrokedButtonComponent, "button[daff-stroked-button],a[daff-stroked-button]", never, { "elevated": { "alias": "elevated"; "required": false; "isSignal": true; }; }, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
 }
 
 /**

package/{input/index.d.ts → types/daffodil-design-input.d.ts}

@@ -19,7 +19,10 @@ declare class DaffInputComponent extends DaffFormFieldControl<string> implements
      * Implemented as part of DaffFormFieldControl.
      */
     focused: boolean;
-    private get _id();
+    /**
+     * @docs-private
+     */
+    get _id(): string;
     /**
      * @docs-private
      *

package/{list/index.d.ts → types/daffodil-design-list.d.ts}

@@ -54,7 +54,10 @@ declare class DaffListItemComponent {
      */
     _prefix: DaffPrefixDirective;
     constructor(elementRef: ElementRef);
-    private get _isAnchor();
+    /**
+     * @docs-private
+     */
+    get _isAnchor(): boolean;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffListItemComponent, never>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffListItemComponent, "daff-list-item,a[daff-list-item]", never, { "active": { "alias": "active"; "required": false; }; }, {}, ["_prefix"], ["[daffPrefix]", "*"], true, never>;
 }

package/{menu/index.d.ts → types/daffodil-design-menu.d.ts}

@@ -56,8 +56,8 @@ declare class DaffMenuActivatorDirective implements OnDestroy {
     private viewContainerRef;
     private cdRef;
     private _destroyed$;
-    private _open;
     private _defaultMenuId;
+    protected _open: boolean;
     readonly isOpen: i0.WritableSignal<boolean>;
     /**
      * The menu content to display when activated.
@@ -71,7 +71,7 @@ declare class DaffMenuActivatorDirective implements OnDestroy {
     /**
      * The resolved menu ID.
      */
-    private menuId;
+    protected menuId: i0.Signal<string>;
     /**
      * @docs-private
      */
@@ -139,7 +139,7 @@ declare class DaffMenuComponent implements AfterContentInit, AfterViewInit {
     /**
      * @docs-private
      *
-     * Handle keyboard navigation
+     * Handles keyboard navigation.
      */
     handleKeydown(event: KeyboardEvent): void;
     /**

package/{modal/index.d.ts → types/daffodil-design-modal.d.ts}

@@ -1,10 +1,10 @@
 import * as rxjs from 'rxjs';
 import { Observable } from 'rxjs';
+import * as i0 from '@angular/core';
+import { Type, AfterContentInit, AfterViewInit, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
 import { ConfigurableFocusTrapFactory } from '@angular/cdk/a11y';
 import * as i2 from '@angular/cdk/portal';
 import { ComponentPortal } from '@angular/cdk/portal';
-import * as i0 from '@angular/core';
-import { Type, AfterContentInit, AfterViewInit, OnDestroy, ElementRef, ChangeDetectorRef } from '@angular/core';
 import * as i1 from '@daffodil/design';
 import { DaffOpenable, DaffOpenableDirective, DaffFocusStackService } from '@daffodil/design';
 import * as i3 from '@angular/cdk/overlay';
@@ -91,7 +91,10 @@ declare class DaffModalComponent implements AfterContentInit, AfterViewInit, OnD
     private openDirective;
     private _focusStack;
     private changeDetector;
-    private closing;
+    /**
+     * @docs-private
+     */
+    readonly closing: i0.WritableSignal<boolean>;
     private _ariaLabelledBy;
     /**
      * @docs-private
@@ -137,7 +140,7 @@ declare class DaffModalComponent implements AfterContentInit, AfterViewInit, OnD
     /**
      * Tracks the open state of the modal.
      */
-    get open(): boolean;
+    get open(): i0.ModelSignal<boolean>;
     /**
      * @docs-private
      *
@@ -179,7 +182,10 @@ declare class DaffModalHeaderComponent {
  */
 declare class DaffModalTitleDirective {
     private modal;
-    private _id;
+    /**
+     * @docs-private
+     */
+    _id: string;
     constructor(modal: DaffModalComponent);
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffModalTitleDirective, [{ optional: true; }]>;
     static ɵdir: i0.ɵɵDirectiveDeclaration<DaffModalTitleDirective, "[daffModalTitle]", never, {}, {}, never, never, true, never>;

package/{native-select/index.d.ts → types/daffodil-design-native-select.d.ts}

@@ -26,9 +26,11 @@ declare class DaffNativeSelectComponent extends DaffFormFieldControl<string> imp
      */
     focused: boolean;
     /**
+     * @docs-private
+     *
      * Implemented as part of DaffFormFieldControl.
      */
-    private get _id();
+    get _id(): string;
     constructor(
     /**
      * @docs-private

package/{sidebar/index.d.ts → types/daffodil-design-sidebar.d.ts}

@@ -94,7 +94,7 @@ declare class DaffSidebarComponent implements DaffOpenable {
     /**
      * @docs-private
      */
-    get open(): boolean;
+    get open(): i0.ModelSignal<boolean>;
     constructor(_elementRef: ElementRef<HTMLElement>, _ngZone: NgZone, _focusTrapFactory: ConfigurableFocusTrapFactory, _focusStack: DaffFocusStackService, openDirective: DaffOpenableDirective, _doc: any);
     private _focusTrap;
     /**
@@ -207,8 +207,14 @@ declare class DaffSidebarViewportComponent implements AfterContentChecked, OnDes
      * right when there are child sidebars.
      */
     private _shift;
-    private _isPaddedLeft;
-    private _isPaddedRight;
+    /**
+     * @docs-private
+     */
+    _isPaddedLeft: boolean;
+    /**
+     * @docs-private
+     */
+    _isPaddedRight: boolean;
     /**
      * @docs-private
      *

package/{tabs/index.d.ts → types/daffodil-design-tabs.d.ts}

@@ -176,12 +176,6 @@ declare class DaffTabsComponent implements AfterContentInit, OnInit {
      * The tab that is selected on initial load. If it's not used, the first tab in the tablist will be selected by default.
      */
     initiallySelected: string;
-    /**
-     * @docs-private
-     *
-     * aria-label for the tab.
-     */
-    private externalAriaLabel;
     /**
      * `aria-label` to label the tablist.
      */

package/types/daffodil-design-tag.d.ts

@@ -0,0 +1,80 @@
+import * as _fortawesome_fontawesome_common_types from '@fortawesome/fontawesome-common-types';
+import * as i0 from '@angular/core';
+import { EventEmitter } from '@angular/core';
+import * as i1 from '@daffodil/design';
+import { DaffSizableDirective, DaffSizeSmallType, DaffSizeMediumType, DaffSizeLargeType, DaffDisableable, DaffPrefixDirective, DaffStatus, DaffDisableableDirective, DaffStatusableDirective } from '@daffodil/design';
+
+/**
+ * The size types that the DaffTagComponent can implement.
+ */
+type DaffTagSize = DaffSizeSmallType | DaffSizeMediumType | DaffSizeLargeType;
+declare class DaffTagSizableDirective extends DaffSizableDirective<DaffTagSize> {
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTagSizableDirective, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffTagSizableDirective, never, never, {}, {}, never, never, true, never>;
+}
+
+/**
+ * DaffTagComponent is an interactive indicator and filter that can be edited or removed, used to represent selections, categories, or applied filters.
+ *
+ * @example
+ * ```html
+ * <daff-tag [dismissible]="true" (closeTag)="onCloseTag()">
+ *   <fa-icon daffPrefix [icon]="faCircleCheck"></fa-icon>
+ *   Label
+ * </daff-tag>
+ * ```
+ */
+declare class DaffTagComponent implements DaffDisableable {
+    private size;
+    private disabledDirective;
+    private statusable;
+    /**
+     * @docs-private
+     */
+    faTimes: _fortawesome_fontawesome_common_types.IconDefinition;
+    /**
+     * @docs-private
+     */
+    _prefix: DaffPrefixDirective;
+    /**
+     * @docs-private
+     *
+     * Internal function to access the disabled property of the DaffDisableableDirective.
+     */
+    get disabled(): boolean;
+    /**
+     * @deprecated Deprecated in version 0.93.0. Deprecated in version 0.93.1. Will be removed in version 0.96.0.
+     *
+     * Sets the status on the tag.
+     */
+    get status(): DaffStatus;
+    set status(value: DaffStatus);
+    /**
+     * Whether the tag can be dismissed by the user.
+     * Displays a close icon if `true`.
+     */
+    dismissible: boolean;
+    /**
+     * Emits when the tag is closed.
+     */
+    closeTag: EventEmitter<void>;
+    /**
+     * @docs-private
+     *
+     * Internal handler for the close icon click.
+     */
+    onCloseTag(event: Event): void;
+    constructor(size: DaffTagSizableDirective, disabledDirective: DaffDisableableDirective, statusable: DaffStatusableDirective);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTagComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTagComponent, "daff-tag", never, { "status": { "alias": "status"; "required": false; }; "dismissible": { "alias": "dismissible"; "required": false; }; }, { "closeTag": "closeTag"; }, ["_prefix"], ["[daffPrefix]", "*"], true, [{ directive: typeof i1.DaffArticleEncapsulatedDirective; inputs: {}; outputs: {}; }, { directive: typeof DaffTagSizableDirective; inputs: { "size": "size"; }; outputs: {}; }, { directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }, { directive: typeof i1.DaffStatusableDirective; inputs: {}; outputs: {}; }, { directive: typeof i1.DaffDisableableDirective; inputs: { "disabled": "disabled"; }; outputs: {}; }]>;
+    static ngAcceptInputType_dismissible: unknown;
+}
+
+/**
+ * @docs-private
+ *
+ * `DAFF_TAG_COMPONENTS` imports all the available components and directives.
+ */
+declare const DAFF_TAG_COMPONENTS: readonly [typeof DaffTagComponent, typeof DaffTagSizableDirective, typeof DaffPrefixDirective];
+
+export { DAFF_TAG_COMPONENTS, DaffTagComponent, DaffTagSizableDirective };

package/types/daffodil-design-testing.d.ts

@@ -0,0 +1,11 @@
+/**
+ * Replaces the element's native focus/blur methods with ones that dispatch the corresponding events directly,
+ * so tests do not depend on the document actually having focus. Chrome only
+ * moves `document.activeElement` without firing focus events when the document
+ * is unfocused, which makes native-focus-driven tests order-dependent.
+ *
+ * This originally comes from https://github.com/angular/components/blob/7d09f9153fabfe4cdd13a096d9e6d43f472812e5/src/cdk/testing/testbed/fake-events/element-focus.ts#L30
+ */
+declare function patchElementFocus(element: HTMLElement): void;
+
+export { patchElementFocus };