@daffodil/design 0.85.0 → 0.86.0

package/input/input.component.d.ts

@@ -1,31 +1,47 @@
-import { ElementRef, OnInit } from '@angular/core';
+import { ElementRef, OnInit, OnChanges, SimpleChanges } from '@angular/core';
 import { NgControl } from '@angular/forms';
-import { DaffFormFieldControl } from '@daffodil/design';
+import { DaffFormFieldComponent, DaffFormFieldControl } from '@daffodil/design';
 import * as i0 from "@angular/core";
 /**
  * DaffInputComponent provides the same functionality as a native `<input>` and contains custom styling and functionality.
  */
-export declare class DaffInputComponent extends DaffFormFieldControl<string> implements DaffFormFieldControl<string>, OnInit {
+export declare class DaffInputComponent extends DaffFormFieldControl<string> implements DaffFormFieldControl<string>, OnInit, OnChanges {
     /** @docs-private */
     ngControl: NgControl;
     private _elementRef;
+    private formField;
     /** @docs-private */
     class: boolean;
     /** @docs-private */
     controlType: string;
+    /** @docs-private */
     focused: boolean;
     /** @docs-private */
     focus(): void;
+    private _id;
+    /**
+     * @docs-private
+     */
+    get internalId(): string;
+    /**
+     * @docs-private
+     */
+    get ariaDescribedBy(): string;
     /** @docs-private */
     blur(): void;
     constructor(
     /** @docs-private */
-    ngControl: NgControl, _elementRef: ElementRef<HTMLInputElement>);
+    ngControl: NgControl, _elementRef: ElementRef<HTMLInputElement>, formField: DaffFormFieldComponent);
+    /**
+     * @docs-private
+     */
+    ngOnChanges(changes: SimpleChanges): void;
     /** @docs-private */
     ngOnInit(): void;
     /** @docs-private */
     onFocus(): void;
+    /** @docs-private */
     get value(): string;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffInputComponent, [{ optional: true; self: true; }, null]>;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffInputComponent, [{ optional: true; self: true; }, null, null]>;
     static ɵcmp: i0.ɵɵComponentDeclaration<DaffInputComponent, "input[daff-input]", never, {}, {}, never, ["*"], true, never>;
 }

package/package.json

@@ -1 +1 @@
-{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.85.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^19.0.0","@angular/common":"^19.0.0","@angular/core":"^19.0.0","@angular/forms":"^19.0.0","@angular/cdk":"^19.0.0","@daffodil/core":"0.85.0","@fortawesome/angular-fontawesome":"^1.0.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^3.0.1","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^9.8.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","default":"./fesm2022/daffodil-design-image.mjs"},"./input":{"types":"./input/index.d.ts","default":"./fesm2022/daffodil-design-input.mjs"},"./link-set":{"types":"./link-set/index.d.ts","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./quantity-field":{"types":"./quantity-field/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./switch":{"types":"./switch/index.d.ts","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet.mjs"},"./toast":{"types":"./toast/index.d.ts","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","default":"./fesm2022/daffodil-design-tree.mjs"},"./youtube-player":{"types":"./youtube-player/index.d.ts","default":"./fesm2022/daffodil-design-youtube-player.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./switch/examples":{"types":"./switch/examples/index.d.ts","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}
+{"name":"@daffodil/design","nx":{"targets":{"build":{"outputs":["{workspaceRoot}/dist/design"]}}},"version":"0.86.0","author":"Graycore LLC","license":"MIT","bugs":{"url":"https://github.com/graycoreio/daffodil/issues"},"homepage":"https://github.com/graycoreio/daffodil","description":"A consistent, sane api driver that works with different ecommerce systems.","repository":{"type":"git","url":"https://github.com/graycoreio/daffodil"},"peerDependencies":{"@angular/animations":"^19.0.0","@angular/common":"^19.0.0","@angular/core":"^19.0.0","@angular/forms":"^19.0.0","@angular/cdk":"^19.0.0","@daffodil/core":"0.86.0","@fortawesome/angular-fontawesome":"^1.0.0","@fortawesome/fontawesome-svg-core":"^6.4.2","@fortawesome/free-solid-svg-icons":"^6.4.2","@fortawesome/free-brands-svg-icons":"^6.4.2","@fortawesome/free-regular-svg-icons":"^6.4.2","modern-normalize":"^3.0.1","rxjs":"7.8.1"},"optionalDependencies":{"@faker-js/faker":"^9.8.0"},"exports":{"./scss/global":{"sass":"./scss/global.scss"},"./scss/theme":{"sass":"./scss/theme.scss"},"./scss/utilities":{"sass":"./scss/utilities.scss"},"./scss/typography":{"sass":"./scss/typography/_index.scss"},"./package.json":{"default":"./package.json"},".":{"types":"./index.d.ts","default":"./fesm2022/daffodil-design.mjs"},"./accordion":{"types":"./accordion/index.d.ts","default":"./fesm2022/daffodil-design-accordion.mjs"},"./article":{"types":"./article/index.d.ts","default":"./fesm2022/daffodil-design-article.mjs"},"./breadcrumb":{"types":"./breadcrumb/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb.mjs"},"./button":{"types":"./button/index.d.ts","default":"./fesm2022/daffodil-design-button.mjs"},"./callout":{"types":"./callout/index.d.ts","default":"./fesm2022/daffodil-design-callout.mjs"},"./card":{"types":"./card/index.d.ts","default":"./fesm2022/daffodil-design-card.mjs"},"./container":{"types":"./container/index.d.ts","default":"./fesm2022/daffodil-design-container.mjs"},"./hero":{"types":"./hero/index.d.ts","default":"./fesm2022/daffodil-design-hero.mjs"},"./image":{"types":"./image/index.d.ts","default":"./fesm2022/daffodil-design-image.mjs"},"./input":{"types":"./input/index.d.ts","default":"./fesm2022/daffodil-design-input.mjs"},"./link-set":{"types":"./link-set/index.d.ts","default":"./fesm2022/daffodil-design-link-set.mjs"},"./list":{"types":"./list/index.d.ts","default":"./fesm2022/daffodil-design-list.mjs"},"./loading-icon":{"types":"./loading-icon/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon.mjs"},"./media-gallery":{"types":"./media-gallery/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery.mjs"},"./menu":{"types":"./menu/index.d.ts","default":"./fesm2022/daffodil-design-menu.mjs"},"./modal":{"types":"./modal/index.d.ts","default":"./fesm2022/daffodil-design-modal.mjs"},"./navbar":{"types":"./navbar/index.d.ts","default":"./fesm2022/daffodil-design-navbar.mjs"},"./notification":{"types":"./notification/index.d.ts","default":"./fesm2022/daffodil-design-notification.mjs"},"./paginator":{"types":"./paginator/index.d.ts","default":"./fesm2022/daffodil-design-paginator.mjs"},"./progress-bar":{"types":"./progress-bar/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar.mjs"},"./quantity-field":{"types":"./quantity-field/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field.mjs"},"./sidebar":{"types":"./sidebar/index.d.ts","default":"./fesm2022/daffodil-design-sidebar.mjs"},"./switch":{"types":"./switch/index.d.ts","default":"./fesm2022/daffodil-design-switch.mjs"},"./tabs":{"types":"./tabs/index.d.ts","default":"./fesm2022/daffodil-design-tabs.mjs"},"./text-snippet":{"types":"./text-snippet/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet.mjs"},"./toast":{"types":"./toast/index.d.ts","default":"./fesm2022/daffodil-design-toast.mjs"},"./tree":{"types":"./tree/index.d.ts","default":"./fesm2022/daffodil-design-tree.mjs"},"./youtube-player":{"types":"./youtube-player/index.d.ts","default":"./fesm2022/daffodil-design-youtube-player.mjs"},"./accordion/examples":{"types":"./accordion/examples/index.d.ts","default":"./fesm2022/daffodil-design-accordion-examples.mjs"},"./article/examples":{"types":"./article/examples/index.d.ts","default":"./fesm2022/daffodil-design-article-examples.mjs"},"./breadcrumb/examples":{"types":"./breadcrumb/examples/index.d.ts","default":"./fesm2022/daffodil-design-breadcrumb-examples.mjs"},"./button/examples":{"types":"./button/examples/index.d.ts","default":"./fesm2022/daffodil-design-button-examples.mjs"},"./callout/examples":{"types":"./callout/examples/index.d.ts","default":"./fesm2022/daffodil-design-callout-examples.mjs"},"./card/examples":{"types":"./card/examples/index.d.ts","default":"./fesm2022/daffodil-design-card-examples.mjs"},"./checkbox/examples":{"types":"./checkbox/examples/index.d.ts","default":"./fesm2022/daffodil-design-checkbox-examples.mjs"},"./container/examples":{"types":"./container/examples/index.d.ts","default":"./fesm2022/daffodil-design-container-examples.mjs"},"./hero/examples":{"types":"./hero/examples/index.d.ts","default":"./fesm2022/daffodil-design-hero-examples.mjs"},"./image/examples":{"types":"./image/examples/index.d.ts","default":"./fesm2022/daffodil-design-image-examples.mjs"},"./input/examples":{"types":"./input/examples/index.d.ts","default":"./fesm2022/daffodil-design-input-examples.mjs"},"./list/examples":{"types":"./list/examples/index.d.ts","default":"./fesm2022/daffodil-design-list-examples.mjs"},"./loading-icon/examples":{"types":"./loading-icon/examples/index.d.ts","default":"./fesm2022/daffodil-design-loading-icon-examples.mjs"},"./media-gallery/examples":{"types":"./media-gallery/examples/index.d.ts","default":"./fesm2022/daffodil-design-media-gallery-examples.mjs"},"./menu/examples":{"types":"./menu/examples/index.d.ts","default":"./fesm2022/daffodil-design-menu-examples.mjs"},"./modal/examples":{"types":"./modal/examples/index.d.ts","default":"./fesm2022/daffodil-design-modal-examples.mjs"},"./navbar/examples":{"types":"./navbar/examples/index.d.ts","default":"./fesm2022/daffodil-design-navbar-examples.mjs"},"./notification/examples":{"types":"./notification/examples/index.d.ts","default":"./fesm2022/daffodil-design-notification-examples.mjs"},"./paginator/examples":{"types":"./paginator/examples/index.d.ts","default":"./fesm2022/daffodil-design-paginator-examples.mjs"},"./progress-bar/examples":{"types":"./progress-bar/examples/index.d.ts","default":"./fesm2022/daffodil-design-progress-bar-examples.mjs"},"./quantity-field/examples":{"types":"./quantity-field/examples/index.d.ts","default":"./fesm2022/daffodil-design-quantity-field-examples.mjs"},"./radio/examples":{"types":"./radio/examples/index.d.ts","default":"./fesm2022/daffodil-design-radio-examples.mjs"},"./sidebar/examples":{"types":"./sidebar/examples/index.d.ts","default":"./fesm2022/daffodil-design-sidebar-examples.mjs"},"./switch/examples":{"types":"./switch/examples/index.d.ts","default":"./fesm2022/daffodil-design-switch-examples.mjs"},"./tabs/examples":{"types":"./tabs/examples/index.d.ts","default":"./fesm2022/daffodil-design-tabs-examples.mjs"},"./text-snippet/examples":{"types":"./text-snippet/examples/index.d.ts","default":"./fesm2022/daffodil-design-text-snippet-examples.mjs"},"./toast/examples":{"types":"./toast/examples/index.d.ts","default":"./fesm2022/daffodil-design-toast-examples.mjs"},"./tree/examples":{"types":"./tree/examples/index.d.ts","default":"./fesm2022/daffodil-design-tree-examples.mjs"}},"module":"fesm2022/daffodil-design.mjs","typings":"index.d.ts","sideEffects":false,"dependencies":{"tslib":"^2.3.0"}}

package/scss/state/skeleton/_mixins.scss

@@ -22,9 +22,12 @@
 	}
 }
 
-@mixin skeleton-screen($width, $height) {
+@mixin skeleton-screen($width, $height, $border-radius: 0) {
 	display: flex;
 	position: relative;
+	height: $height;
+	width: $width;
+	border-radius: $border-radius;
 
 	&::before {
 		animation-name: loading;

package/scss/theming/contrast/luminance/luminance.scss

@@ -10,9 +10,9 @@
 // See https://www.w3.org/TR/WCAG20-TECHS/G17.html#G17-tests
 
 @function daff-luminance($color) {
-	$red-index: color.red($color) + 1;
-	$green-index: color.green($color) + 1;
-	$blue-index: color.blue($color) + 1;
+	$red-index: color.channel($color, 'red') + 1;
+	$green-index: color.channel($color, 'green') + 1;
+	$blue-index: color.channel($color, 'blue') + 1;
 
 	$red: list.nth(v.$linear-channel-values, $red-index);
 	$green: list.nth(v.$linear-channel-values, $green-index);

package/src/atoms/form/form-field/form-field/form-field-theme.scss

@@ -29,7 +29,10 @@
 			.daff-form-field__control {
 				border: 1px solid daff-color($primary);
 			}
-			.daff-form-label {
+
+			.daff-form-label,
+			label,
+			.daff-form-field__label {
 				color: daff-color($primary);
 			}
 		}
@@ -39,7 +42,9 @@
 				border: 1px solid daff-color($critical);
 			}
 
-			.daff-form-label {
+			.daff-form-label,
+			label,
+			.daff-form-field__label {
 				color: daff-color($critical);
 			}
 		}

package/toast/README.md

@@ -8,7 +8,7 @@ Toasts should be used to display temporary messages about actions or events that
 <design-land-example-viewer-container example="default-toast"></design-land-example-viewer-container>
 
 ## Setting up the component
-`provideDaffToast()` must be added as a provider in your application's root component for global use or in a specific feature component for the toast functionality to work properly.
+`provideDaffToast()` must be added as a provider in your application's root component for the toast to work properly.
 
 ```ts
 import { provideDaffToast } from '@daffodil/design/toast';
@@ -47,6 +47,26 @@ You can set the status of a toast when opening it with `DaffToastService`, using
 
 <design-land-example-viewer-container example="toast-status"></design-land-example-viewer-container>
 
+## Positions
+Toasts are displayed in the top-right corner of the screen by default on desktop devices.
+
+You can customize the position of toast notifications by configuring the `position` property in the `provideDaffToast` provider.
+
+To customize toast positions, configure the `position` property in the `provideDaffToast` provider of your root component:
+
+```ts
+providers: [
+  provideDaffToast({
+    position: {
+      vertical: 'bottom',
+      horizontal: 'right',
+    },
+  }),
+],
+```
+
+> Note: On mobile devices, toasts will always appear in the bottom-center position, regardless of configuration settings.
+
 ## Accessibility
 By default, toasts use a `role="status"` to announce messages. It's the equivalent of `aria-live="polite"`, which does not interrupt a user's current activity and waits until they are idle to make the announcement.
 

package/toast/examples/public_api.d.ts

@@ -1,6 +1,5 @@
 import { DefaultToastComponent } from './default-toast/default-toast.component';
 import { DismissibleToastComponent } from './dismissible-toast/dismissible-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 DismissibleToastComponent | typeof ToastPositionsComponent | typeof ToastStatusComponent | typeof ToastWithCustomDurationComponent)[];
+export declare const TOAST_EXAMPLES: (typeof DefaultToastComponent | typeof DismissibleToastComponent | typeof ToastStatusComponent | typeof ToastWithCustomDurationComponent)[];

package/toast/helpers/toast-position.d.ts

@@ -0,0 +1,8 @@
+/**
+ * The available vertical positions for toasts.
+ */
+export type DaffToastVerticalPosition = 'top' | 'bottom';
+/**
+ * The available horizontal positions for toasts.
+ */
+export type DaffToastHorizontalPosition = 'left' | 'center' | 'right';

package/toast/interfaces/toast-options.d.ts

@@ -0,0 +1,19 @@
+import { DaffToastHorizontalPosition, DaffToastVerticalPosition } from '../helpers/toast-position';
+export interface DaffToastVerticalPositionInterface {
+    vertical: DaffToastVerticalPosition;
+}
+export interface DaffToastHorizontalPositionInterface {
+    horizontal: DaffToastHorizontalPosition;
+}
+export type DaffToastPosition = DaffToastVerticalPositionInterface & DaffToastHorizontalPositionInterface;
+export interface DaffToastOptions {
+    /**
+     * The position of all toasts.
+     */
+    position: DaffToastPosition;
+    /** @docs-private */
+    useParent?: boolean;
+}
+export declare const daffToastDefaultOptions: DaffToastOptions;
+export declare const provideDaffToastOptions: <R extends DaffToastOptions = DaffToastOptions>(config: Partial<R> | import("@angular/core").InjectionToken<Partial<R>>) => import("@angular/core").FactoryProvider;
+export declare const DAFF_TOAST_OPTIONS: import("@angular/core").InjectionToken<DaffToastOptions>;

package/toast/interfaces/toast.d.ts

@@ -22,5 +22,5 @@ export interface DaffToast extends DaffToastData {
     /**
      * The observable that emits when the toast is closed.
      */
-    dismissalStream: Observable<void | number>;
+    dismissalStream: Observable<void>;
 }

package/toast/public_api.d.ts

@@ -1,8 +1,8 @@
-export { DaffToastPositionService } from './service/position.service';
 export { DaffToastService } from './service/toast.service';
 export { DaffToastConfiguration } from './toast/toast-config';
 export { DaffToast, DaffToastData, } from './interfaces/toast';
 export { DaffToastAction } from './interfaces/toast-action';
-export { DAFF_TOAST_OPTIONS, provideDaffToastOptions, } from './options/daff-toast-options';
 export { provideDaffToast } from './toast/toast-provider';
 export { DaffToastActionButtonSize, DaffToastActionButtonType, } from './interfaces/toast-action.type';
+export { DaffToastOptions, DaffToastPosition, } from './interfaces/toast-options';
+export { DaffToastVerticalPosition, DaffToastHorizontalPosition, } from './helpers/toast-position';

package/toast/service/position-strategy.d.ts

@@ -1,3 +1,3 @@
 import { PositionStrategy } from '@angular/cdk/overlay';
-import { DaffToastPosition } from '../options/daff-toast-options';
+import { DaffToastPosition } from '../interfaces/toast-options';
 export declare const createPositionStrategy: (position: DaffToastPosition) => PositionStrategy;

package/toast/service/position.service.d.ts

@@ -1,5 +1,5 @@
 import { BreakpointObserver } from '@angular/cdk/layout';
-import { DaffToastOptions, DaffToastPosition } from '../options/daff-toast-options';
+import { DaffToastOptions, DaffToastPosition } from '../interfaces/toast-options';
 import * as i0 from "@angular/core";
 export declare class DaffToastPositionService {
     private options;

package/toast/service/toast.service.d.ts

@@ -4,7 +4,7 @@ import { Injector, OnDestroy } from '@angular/core';
 import { DaffFocusStackService } from '@daffodil/design';
 import { DaffToastPositionService } from './position.service';
 import { DaffToast, DaffToastData } from '../interfaces/toast';
-import { DaffToastOptions } from '../options/daff-toast-options';
+import { DaffToastOptions } from '../interfaces/toast-options';
 import { DaffToastConfiguration } from '../toast/toast-config';
 import * as i0 from "@angular/core";
 /**

package/toast/toast/toast-provider.d.ts

@@ -1,6 +1,7 @@
 import { Provider } from '@angular/core';
+import { DaffToastOptions } from '../interfaces/toast-options';
 /**
- * Registers the `DaffToastService` and `DaffToastPositionService` for displaying a toast. This provider ensures
+ * Registers the `DaffToastService` for displaying a toast. This provider ensures
  * toasts function correctly within your application.
  *
  * ```ts
@@ -8,11 +9,22 @@ import { Provider } from '@angular/core';
  *
  * @NgModule({
  * 	providers: [
- * 		provideDaffToast(),
- * 	]
+ *    provideDaffToast({
+ *      position: {
+ *        vertical: 'bottom',
+ *        horizontal: 'left',
+ *      },
+ *    }),
+ *  ]
  * )}
  *
  * export class AppModule {}
  * ```
+ * @param config Sets the configuration for all toasts.
+ * Toasts are displayed in the top-right corner of the screen by default on desktop devices.
+ *
+ * On mobile devices, toasts will always appear in the bottom-center position,
+ * regardless of configuration settings.
+ *
  */
-export declare const provideDaffToast: () => Provider[];
+export declare const provideDaffToast: (config?: DaffToastOptions) => Provider[];

package/toast/toast/toast-template.component.d.ts

@@ -1,6 +1,6 @@
 import { ChangeDetectorRef, EventEmitter } from '@angular/core';
 import { DaffToast } from '../interfaces/toast';
-import { DaffToastOptions } from '../options/daff-toast-options';
+import { DaffToastOptions } from '../interfaces/toast-options';
 import { DaffToastPositionService } from '../service/position.service';
 import * as i0 from "@angular/core";
 export declare class DaffToastTemplateComponent {

package/core/skeletonable/skeletonable.d.ts

@@ -1,6 +0,0 @@
-/**
- * An interface for giving a component the ability to display a skeleton/loading UI.
- */
-export interface DaffSkeletonable {
-    skeleton: boolean;
-}

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

@@ -1,20 +0,0 @@
-import { OnInit } from '@angular/core';
-import { FormControl } from '@angular/forms';
-import { DaffToastService, DaffToastPositionService } from '@daffodil/design/toast';
-import * as i0 from "@angular/core";
-export declare class ToastPositionsComponent implements OnInit {
-    private toastService;
-    private toastPositionService;
-    private toast;
-    constructor(toastService: DaffToastService, toastPositionService: DaffToastPositionService);
-    open(): void;
-    private count;
-    horizontalControl: FormControl;
-    verticalControl: FormControl;
-    /**
-     * @docs-private
-     */
-    ngOnInit(): void;
-    static ɵfac: i0.ɵɵFactoryDeclaration<ToastPositionsComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<ToastPositionsComponent, "toast-positions", never, {}, {}, never, never, true, never>;
-}

package/toast/options/daff-toast-options.d.ts

@@ -1,14 +0,0 @@
-export interface VerticalPositionTypes {
-    vertical: 'top' | 'bottom';
-}
-export interface HorizontalPositionTypes {
-    horizontal: 'left' | 'center' | 'right';
-}
-export type DaffToastPosition = VerticalPositionTypes & HorizontalPositionTypes;
-export interface DaffToastOptions {
-    position: DaffToastPosition;
-    useParent: boolean;
-}
-export declare const daffToastDefaultOptions: DaffToastOptions;
-export declare const provideDaffToastOptions: <R extends DaffToastOptions = DaffToastOptions>(config: Partial<R> | import("@angular/core").InjectionToken<Partial<R>>) => import("@angular/core").FactoryProvider;
-export declare const DAFF_TOAST_OPTIONS: import("@angular/core").InjectionToken<DaffToastOptions>;