@daffodil/design 0.84.0 → 0.86.0

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/tree/src/tree-theme.scss

@@ -1,28 +1,26 @@
-@use 'sass:map';
-@use '../../scss/theming';
-@use '../../scss/core';
+@use '../../scss/theming' as *;
 
 @mixin daff-tree-theme($theme) {
-	$primary: core.daff-map-get($theme, primary);
-	$secondary: core.daff-map-get($theme, secondary);
-	$tertiary: core.daff-map-get($theme, tertiary);
-	$base: core.daff-map-get($theme, 'core', 'base');
-	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
-	$white: core.daff-map-get($theme, 'core', 'white');
-	$black: core.daff-map-get($theme, 'core', 'black');
-	$neutral: core.daff-map-get($theme, 'core', 'neutral');
-	$type: core.daff-map-get($theme, 'core', 'type');
+	$primary: daff-get-palette($theme, primary);
+	$secondary: daff-get-palette($theme, secondary);
+	$tertiary: daff-get-palette($theme, tertiary);
+	$base: daff-get-base-color($theme, base);
+	$base-contrast: daff-get-base-color($theme, base-contrast);
+	$white: daff-get-base-color($theme, 'white');
+	$black: daff-get-base-color($theme, 'black');
+	$neutral: daff-get-palette($theme, neutral);
+	$mode: daff-get-theme-mode($theme);
 
 	// stylelint-disable selector-class-pattern
 	.daff-tree-item {
 		$root: &;
 
-		@include theming.light($type) {
+		@include light($mode) {
 			background-color: $base;
-			color: theming.daff-color($neutral, 90);
+			color: daff-color($neutral, 90);
 
 			&:hover {
-				background-color: theming.daff-color($neutral, 20);
+				background-color: daff-color($neutral, 20);
 			}
 
 			&::after {
@@ -30,21 +28,21 @@
 			}
 
 			&.selected {
-				background-color: theming.daff-color($neutral, 20);
+				background-color: daff-color($neutral, 20);
 				color: $base-contrast;
 
 				&::before {
-					background-color: theming.daff-color($primary);
+					background-color: daff-color($primary);
 				}
 			}
 		}
 
-		@include theming.dark($type) {
+		@include dark($mode) {
 			background-color: $base;
-			color: theming.daff-color($neutral, 20);
+			color: daff-color($neutral, 20);
 
 			&:hover {
-				background-color: theming.daff-color($neutral, 90);
+				background-color: daff-color($neutral, 90);
 			}
 
 			&::after {
@@ -52,11 +50,11 @@
 			}
 
 			&.selected {
-				background-color: theming.daff-color($neutral, 90);
+				background-color: daff-color($neutral, 90);
 				color: $base-contrast;
 
 				&::before {
-					background-color: theming.daff-color($primary);
+					background-color: daff-color($primary);
 				}
 			}
 		}

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

@@ -1,4 +0,0 @@
-export { DaffQuantityFieldModule } from './quantity-field.module';
-export { DaffQuantityFieldComponent } from './quantity-field.component';
-export { DaffQuantityInputComponent } from './quantity-input/quantity-input.component';
-export { DaffQuantitySelectComponent } from './quantity-select/quantity-select.component';

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

@@ -1,13 +0,0 @@
-import * as i0 from "@angular/core";
-import * as i1 from "./quantity-field.component";
-import * as i2 from "./quantity-input/quantity-input.component";
-import * as i3 from "./quantity-select/quantity-select.component";
-import * as i4 from "@angular/common";
-import * as i5 from "../native-select/native-select.module";
-import * as i6 from "@angular/forms";
-import * as i7 from "../input/input.module";
-export declare class DaffQuantityFieldModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffQuantityFieldModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffQuantityFieldModule, [typeof i1.DaffQuantityFieldComponent, typeof i2.DaffQuantityInputComponent, typeof i3.DaffQuantitySelectComponent], [typeof i4.CommonModule, typeof i5.DaffNativeSelectModule, typeof i6.ReactiveFormsModule, typeof i7.DaffInputModule], [typeof i1.DaffQuantityFieldComponent, typeof i2.DaffQuantityInputComponent, typeof i3.DaffQuantitySelectComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DaffQuantityFieldModule>;
-}

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/src/atoms/form/input/input-theme.scss

@@ -1,12 +0,0 @@
-@use '../../../../scss/core';
-@use '../../../../scss/theming';
-
-@mixin daff-input-theme($theme) {
-	$base: core.daff-map-get($theme, 'core', 'base');
-	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
-
-	.daff-input {
-		background: $base;
-		color: $base-contrast;
-	}
-}

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>;