@daffodil/design 0.78.0 → 0.80.0

package/tabs/tabs/tab-activator/tab-activator.component.d.ts

@@ -0,0 +1,38 @@
+import { OnInit, ElementRef } from '@angular/core';
+import { DaffSelectableDirective } from '@daffodil/design';
+import * as i0 from "@angular/core";
+import * as i1 from "@daffodil/design";
+export declare class DaffTabActivatorComponent implements OnInit {
+    private el;
+    private selectableDirective;
+    /**
+     * @docs-private
+     */
+    class: boolean;
+    /**
+     * Sets the `role` to tab.
+     */
+    role: string;
+    /**
+     * Sets `aria-selected` to true if the component is selected and false if it's not selected.
+     */
+    get ariaSelected(): boolean;
+    /**
+     * Sets `tabindex` to `0` if the component is selected and `-1` if it's not selected.
+     */
+    get tabIndex(): "0" | "-1";
+    ariaControls: string;
+    constructor(el: ElementRef, selectableDirective: DaffSelectableDirective);
+    /**
+     * The html id of the tab activator component
+     */
+    tabActivatorId: string;
+    panelId: string;
+    ngOnInit(): void;
+    /**
+     * Sets focus to the native element of the component
+     */
+    focus(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabActivatorComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabActivatorComponent, "button[daff-tab-activator],a[daff-tab-activator]", never, { "tabActivatorId": { "alias": "tabActivatorId"; "required": false; }; "panelId": { "alias": "panelId"; "required": false; }; }, {}, never, ["*"], true, [{ directive: typeof i1.DaffSelectableDirective; inputs: { "selected": "selected"; }; outputs: {}; }]>;
+}

package/tabs/tabs/tab-label/tab-label.component.d.ts

@@ -0,0 +1,19 @@
+import { DaffPrefixDirective, DaffSuffixDirective, DaffPrefixable, DaffSuffixable } from '@daffodil/design';
+import * as i0 from "@angular/core";
+/**
+ * DaffTabLabelComponent is used to display the label of a tab panel. Labels may optionally contain a `daffPrefix` or `daffSuffix` to add icons or badges.
+ *
+ * ```html
+ * <daff-tab-label>
+ *  <div daffPrefix></div>
+ *  Label
+ *  <div daffSuffix></div
+ * </daff-tab-Label>
+ * ```
+ */
+export declare class DaffTabLabelComponent implements DaffPrefixable, DaffSuffixable {
+    _prefix: DaffPrefixDirective;
+    _suffix: DaffSuffixDirective;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabLabelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabLabelComponent, "daff-tab-label", never, {}, {}, ["_prefix", "_suffix"], ["[daffPrefix]", "*", "[daffSuffix]"], true, never>;
+}

package/tabs/tabs/tab-panel/tab-panel.component.d.ts

@@ -0,0 +1,38 @@
+import { DaffTabComponent } from '../tab/tab.component';
+import * as i0 from "@angular/core";
+/**
+ * DaffTabPanelComponent is used to display the content panel of a tab.
+ *
+ * ```html
+ * <daff-tab-panel>
+ *  <!-- Tab panel content goes here -->
+ * </daff-tab-panel>
+ * ```
+ */
+export declare class DaffTabPanelComponent {
+    private tab;
+    /**
+     * @docs-private
+     */
+    private class;
+    /**
+     * Sets the `role` to tabpanel.
+     */
+    role: string;
+    /**
+     * `aria-labelledby` for the tab.
+     */
+    ariaLabelledBy: string;
+    /**
+     * Sets the `tabindex` to 0.
+     */
+    tabIndex: string;
+    private _id;
+    /**
+     * Dynamically binds the tab panel's id to a unique value generated from the associated tab's panelId.
+     */
+    get tabPanelId(): string;
+    constructor(tab: DaffTabComponent);
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabPanelComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabPanelComponent, "daff-tab-panel", never, {}, {}, never, ["*"], true, never>;
+}

package/tabs/tabs/tabs.component.d.ts

@@ -0,0 +1,103 @@
+import { QueryList, AfterContentInit, EventEmitter, ChangeDetectorRef } from '@angular/core';
+import { DaffTabComponent } from './tab/tab.component';
+import { DaffTabActivatorComponent } from './tab-activator/tab-activator.component';
+import { DaffTabLabelComponent } from './tab-label/tab-label.component';
+import * as i0 from "@angular/core";
+/**
+ * Tabs provide a way to navigate between panels that display related content.
+ *
+ * ## Usage
+ * ```html
+ * <daff-tabs aria-label="List of tabs">
+ * 	<daff-tab>
+ * 		<daff-tab-label>
+ * 			<fa-icon [icon]="faInfoCircle" daffPrefix></fa-icon>
+ * 			Tab 1
+ * 		</daff-tab-label>
+ * 		<daff-tab-panel>
+ * 			Tab 1 Panel
+ * 		</daff-tab-panel>
+ * 	</daff-tab>
+ * 	<daff-tab>
+ * 		<daff-tab-label>
+ * 			Tab 2
+ * 			<fa-icon [icon]="faInfoCircle" daffSuffix></fa-icon>
+ * 		</daff-tab-label>
+ * 		<daff-tab-panel>
+ * 			Tab 2 Panel
+ * 		</daff-tab-panel>
+ * 	</daff-tab>
+ * </daff-tabs>
+ * ```
+ */
+export declare class DaffTabsComponent implements AfterContentInit {
+    private cdRef;
+    /**
+     * @docs-private
+     */
+    private class;
+    /**
+     * The currently selected tab. This property is dynamically updated when a user selects a tab
+     */
+    selectedTab: string;
+    /**
+     * The tab that is initially selected on initial load. If it's not used, the first tab in the tablist will be selected by default.
+     */
+    initiallySelected: string;
+    /**
+     * @docs-private
+     */
+    private externalAriaLabel;
+    /**
+     * aria-label for the tab.
+     */
+    ariaLabel: string;
+    /**
+     * Event emitted when tab selection changes.
+     */
+    tabChange: EventEmitter<string>;
+    /**
+     * @docs-private
+     */
+    _labels: QueryList<DaffTabLabelComponent>;
+    /**
+     * @docs-private
+     */
+    _tabs: QueryList<DaffTabComponent>;
+    /**
+     * @docs-private
+     */
+    _tabActivators: QueryList<DaffTabActivatorComponent>;
+    constructor(cdRef: ChangeDetectorRef);
+    /**
+     * @docs-private
+     */
+    ngAfterContentInit(): void;
+    /**
+     * Selects a tab and sets focus on the selected tab.
+     */
+    select(tabId: string): void;
+    /**
+     * Navigates through the tabs based on the given offset.
+     * Moves forward or backward in the tab array, wrapping around when necessary.
+     */
+    private navigateTabs;
+    /**
+     * Selects the previous tab and wraps around to the last tab if the first tab is currently selected.
+     */
+    previous(): void;
+    /**
+     * Selects the next tab and wraps around to the first tab if the last tab is currently selected.
+     */
+    next(): void;
+    /**
+     * Selects the first tab.
+     */
+    selectFirst(event: KeyboardEvent | null): void;
+    /**
+     * Selects the last tab.
+     */
+    selectLast(event: KeyboardEvent | null): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTabsComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTabsComponent, "daff-tabs", never, { "initiallySelected": { "alias": "initiallySelected"; "required": false; }; "ariaLabel": { "alias": "aria-label"; "required": false; }; }, { "tabChange": "tabChange"; }, ["_labels", "_tabs"], never, true, never>;
+}

package/tabs/tabs.d.ts

@@ -0,0 +1,6 @@
+import { DaffPrefixSuffixModule } from '@daffodil/design';
+import { DaffTabComponent } from './tabs/tab/tab.component';
+import { DaffTabLabelComponent } from './tabs/tab-label/tab-label.component';
+import { DaffTabPanelComponent } from './tabs/tab-panel/tab-panel.component';
+import { DaffTabsComponent } from './tabs/tabs.component';
+export declare const DAFF_TABS_COMPONENTS: readonly [typeof DaffTabsComponent, typeof DaffTabLabelComponent, typeof DaffTabPanelComponent, typeof DaffPrefixSuffixModule, typeof DaffTabComponent];

package/text-snippet/README.md

@@ -0,0 +1,2 @@
+# Text Snippet
+The text snippet component shows a snippet of text, with the ability to show or hide content beyond one line of text.

package/text-snippet/examples/basic-text-snippet/basic-text-snippet.component.d.ts

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

package/text-snippet/examples/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/text-snippet/examples/public_api.d.ts

@@ -0,0 +1,2 @@
+import { BasicTextSnippetComponent } from './basic-text-snippet/basic-text-snippet.component';
+export declare const TEXT_SNIPPET_EXAMPLES: (typeof BasicTextSnippetComponent)[];

package/text-snippet/index.d.ts

@@ -0,0 +1 @@
+export * from './public_api';

package/text-snippet/public_api.d.ts

@@ -0,0 +1 @@
+export * from './text-snippet.component';

package/text-snippet/text-snippet.component.d.ts

@@ -0,0 +1,19 @@
+import { EventEmitter, ElementRef } from '@angular/core';
+import * as i0 from "@angular/core";
+export declare class DaffTextSnippetComponent {
+    /**
+     * A property to track whether or not the component
+     * should render a condensed version of the content.
+     */
+    condensed: boolean;
+    html: string;
+    contentRef: ElementRef;
+    htmlRef: ElementRef;
+    /**
+     * An output event that can be used to track the state of the component externally.
+     */
+    toggle: EventEmitter<boolean>;
+    toggleSnippet(): void;
+    static ɵfac: i0.ɵɵFactoryDeclaration<DaffTextSnippetComponent, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTextSnippetComponent, "daff-text-snippet", never, { "condensed": { "alias": "condensed"; "required": false; }; "html": { "alias": "html"; "required": false; }; }, { "toggle": "toggle"; }, never, ["*"], true, never>;
+}

package/toast/README.md

@@ -8,14 +8,14 @@ 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
-`daffProviderToast()` should be added as a provider either in your application's root component for global use or in a specific feature component.
+`provideDaffToast()` should be added as a provider either in your application's root component for global use or in a specific feature component.
 
 ```ts
-import { daffProvideToast } from '@daffodil/design/toast';
+import { provideDaffToast } from '@daffodil/design/toast';
 
 @NgModule({
 	providers: [
-		daffProvideToast(),
+		provideDaffToast(),
 	]
 )}
 
@@ -48,7 +48,7 @@ export class CustomToastComponent {
 	private toast: DaffToast;
 
 	constructor(private toastService: DaffToastService) {}
-		
+
 	open() {
 		this.toast = this.toastService.open({
 			title: 'Update Complete',
@@ -153,7 +153,7 @@ A maximum of three toasts can be shown at a time. Toasts are stacked vertically,
 ## Statuses
 The status color of a toast can be updated by using the `status` property.
 
-Supported statuses: `warn | danger | success`
+Supported statuses: `warn | critical | success`
 
 ### Toast with statuses
 <design-land-example-viewer-container example="toast-status"></design-land-example-viewer-container>

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

@@ -1,4 +1,3 @@
-import { InjectionToken, ValueProvider } from '@angular/core';
 export interface VerticalPositionTypes {
     vertical: 'top' | 'bottom';
 }
@@ -11,5 +10,4 @@ export interface DaffToastOptions {
     useParent: boolean;
 }
 export declare const daffToastDefaultOptions: DaffToastOptions;
-export declare const DAFF_TOAST_OPTIONS: InjectionToken<DaffToastOptions>;
-export declare const provideDaffToastOptions: (options: DaffToastOptions) => ValueProvider;
+export declare const DAFF_TOAST_OPTIONS: import("@angular/core").InjectionToken<DaffToastOptions>, provideDaffToastOptions: <R extends DaffToastOptions = DaffToastOptions>(config: Partial<R> | import("@angular/core").InjectionToken<Partial<R>>) => import("@angular/core").FactoryProvider;

package/toast/src/toast-theme.scss

@@ -3,60 +3,64 @@
 @use '../../scss/theming';
 
 @mixin daff-toast-theme($theme) {
-	$primary: map.get($theme, primary);
-	$secondary: map.get($theme, secondary);
-	$tertiary: map.get($theme, tertiary);
-	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
-	$base: core.daff-map-deep-get($theme, 'core.base');
-	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
-	$white: core.daff-map-deep-get($theme, 'core.white');
-	$black: core.daff-map-deep-get($theme, 'core.black');
+	$primary: core.daff-map-get($theme, primary);
+	$secondary: core.daff-map-get($theme, secondary);
+	$tertiary: core.daff-map-get($theme, tertiary);
+	$info: core.daff-map-get($theme, informational);
+	$warn: core.daff-map-get($theme, warn);
+	$critical: core.daff-map-get($theme, critical);
+	$success: core.daff-map-get($theme, success);
+	$neutral: core.daff-map-get($theme, 'core', 'neutral');
+	$base: core.daff-map-get($theme, 'core', 'base');
+	$base-contrast: core.daff-map-get($theme, 'core', 'base-contrast');
+	$white: core.daff-map-get($theme, 'core', 'white');
+	$black: core.daff-map-get($theme, 'core', 'black');
 
 	.daff-toast {
 		background: theming.daff-illuminate($base, $neutral, 1);
-		box-shadow: 0 -16px 24px -4px rgba($black, 0.04), 0 8px 24px -4px rgba($black, 0.10);
+		box-shadow: 0 -16px 24px -4px rgba($black, 0.04), 0 8px 24px -4px rgba($black, 0.1);
 		color: theming.daff-text-contrast($base);
 
-		&:before {
+		&::before {
 			background: theming.daff-illuminate($base, $neutral, 4);
 		}
 
 		&.daff-success {
-			background: theming.daff-color(theming.$daff-green, 10);
+			background: theming.daff-color($success, 10);
 			color: $black;
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-green, 60);
+				color: theming.daff-color($success);
 			}
-			
-			&:before {
-				background: theming.daff-color(theming.$daff-green, 60);
+
+			&::before {
+				background: theming.daff-color($success);
 			}
 		}
 
 		&.daff-warn {
-			background: theming.daff-color(theming.$daff-bronze, 10);
+			background: theming.daff-color($warn, 10);
 			color: $black;
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-bronze, 60);
+				color: theming.daff-color($warn);
 			}
 
-			&:before {
-				background: theming.daff-color(theming.$daff-bronze, 60);
+			&::before {
+				background: theming.daff-color($warn);
 			}
 		}
 
-		&.daff-danger {
-			background: theming.daff-color(theming.$daff-red, 10);
+		&.daff-critical {
+			background: theming.daff-color($critical, 10);
 			color: $black;
 
 			.daff-prefix {
-				color: theming.daff-color(theming.$daff-red, 60);
+				color: theming.daff-color($critical);
 			}
 
-			&:before {
-				background: theming.daff-color(theming.$daff-red, 60);
+			&::before {
+				background: theming.daff-color($critical);
 			}
 		}
 	}

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

@@ -1,2 +1,2 @@
 import { Provider } from '@angular/core';
-export declare const daffProvideToast: () => Provider[];
+export declare const provideDaffToast: () => Provider[];

package/toast/toast.module.d.ts

@@ -10,7 +10,7 @@ import * as i8 from "./toast-actions/toast-actions.directive";
 import * as i9 from "./toast-title/toast-title.directive";
 import * as i10 from "./toast-message/toast-message.directive";
 /**
- * @deprecated in favor of {@link daffProvideToast}
+ * @deprecated in favor of {@link provideDaffToast}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 export declare class DaffToastModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffToastModule, never>;

package/tree/src/tree-theme.scss

@@ -3,18 +3,17 @@
 @use '../../scss/core';
 
 @mixin daff-tree-theme($theme) {
-	$primary: map.get($theme, primary);
-	$secondary: map.get($theme, secondary);
-	$tertiary: map.get($theme, tertiary);
-	$base: core.daff-map-deep-get($theme, 'core.base');
-	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
-	$white: core.daff-map-deep-get($theme, 'core.white');
-	$black: core.daff-map-deep-get($theme, 'core.black');
-	$neutral: core.daff-map-deep-get($theme, 'core.neutral');
+	$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');
 
 	.daff-tree-item {
 		$root: &;
-
 		background-color: $base;
 		color: theming.daff-illuminate($base-contrast, $neutral, 2);
 
@@ -22,15 +21,16 @@
 			background-color: theming.daff-illuminate($base, $neutral, 2);
 		}
 
-		&:after {
+		&::after {
 			border-color: currentColor;
 		}
 
+		// stylelint-disable selector-class-pattern
 		&.selected {
 			background-color: theming.daff-illuminate($base, $neutral, 2);
 			color: $base-contrast;
 
-			&:before {
+			&::before {
 				background-color: theming.daff-color($primary);
 			}
 		}

package/tree/tree.module.d.ts

@@ -3,7 +3,7 @@ import * as i1 from "@angular/common";
 import * as i2 from "./tree/tree.component";
 import * as i3 from "./tree-item/tree-item.directive";
 /**
- * @deprecated in favor of {@link DAFF_TREE_COMPONENTS}
+ * @deprecated in favor of {@link DAFF_TREE_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
  */
 export declare class DaffTreeModule {
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeModule, never>;

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

@@ -1,80 +0,0 @@
-import { OnInit, 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 type DaffButtonType = 'daff-button' | 'daff-stroked-button' | 'daff-raised-button' | 'daff-flat-button' | 'daff-icon-button' | 'daff-underline-button' | undefined;
-/**
- * @inheritdoc
- */
-export declare class DaffButtonComponent extends _daffButtonBase implements OnInit, DaffPrefixable, DaffSuffixable {
-    private elementRef;
-    private renderer;
-    private size;
-    private buttonType;
-    constructor(elementRef: ElementRef, renderer: Renderer2, size: DaffButtonSizableDirective);
-    /**
-     * @docs-private
-     */
-    ngOnInit(): void;
-    /**
-     * @docs-private
-     */
-    get button(): boolean;
-    /**
-     * @docs-private
-     */
-    get stroked(): boolean;
-    /**
-     * @docs-private
-     */
-    get raised(): boolean;
-    /**
-     * @docs-private
-     */
-    get flat(): boolean;
-    /**
-     * @docs-private
-     */
-    get icon(): boolean;
-    /**
-     * @docs-private
-     */
-    get underline(): boolean;
-    get disabledClass(): any;
-    loading: boolean;
-    tabindex: number;
-    _disabled: boolean;
-    /**
-     * The disabled state of the button.
-     */
-    get disabled(): any;
-    set disabled(value: any);
-    get disabledAttribute(): boolean;
-    get ariaDisabled(): boolean;
-    get disabledTabIndex(): number;
-    private _getHostElement;
-    /**
-     * Gets whether the button has one of the given attributes.
-     * */
-    private _hasHostAttributes;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffButtonComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffButtonComponent, "button[daff-button],button[daff-stroked-button],button[daff-raised-button],button[daff-flat-button],button[daff-icon-button],button[daff-underline-button],a[daff-button],a[daff-stroked-button],a[daff-raised-button],a[daff-flat-button],a[daff-icon-button],a[daff-underline-button]", never, { "loading": { "alias": "loading"; "required": false; }; "tabindex": { "alias": "tabindex"; "required": false; }; "disabled": { "alias": "disabled"; "required": false; }; }, {}, never, ["[daffPrefix]", "*", "[daffSuffix]"], 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/src/button-theme-variants/button.scss

@@ -1,26 +0,0 @@
-@use '../../../scss/theming';
-
-@mixin daff-button-theme-variant(
-	$base-color,
-	$hover-color,
-	$active-color: $hover-color
-) {
-	background-color: $base-color;
-	color: theming.daff-text-contrast($base-color);
-
-	&:after {
-		background: $hover-color;
-	}
-
-	&:hover {
-		color: theming.daff-text-contrast($hover-color);
-	}
-
-	&:active {
-		color: theming.daff-text-contrast($active-color);
-
-		&:after {
-			background: $active-color;
-		}
-	}
-}

package/button/src/button-theme-variants/flat.scss

@@ -1,25 +0,0 @@
-@use 'sass:map';
-@use '../../../scss/theming';
-
-@mixin daff-flat-button-theme-variant(
-	$base-color,
-	$active-color
-) {
-	color: $base-color;
-
-	&:after {
-		background-color: $base-color;
-	}
-
-	&:hover {
-		color: theming.daff-text-contrast($base-color);
-	}
-
-	&:active {
-		color: theming.daff-text-contrast($active-color);
-
-		&:after {
-			background-color: $active-color;
-		}
-	}
-}

package/button/src/button-theme-variants/icon.scss

@@ -1,21 +0,0 @@
-@mixin daff-icon-button-theme-variant(
-	$base-color: currentColor,
-	$hover-color: currentColor,
-	$active-color: $hover-color
-) {
-	color: $base-color;
-
-	&:hover {
-		color: $hover-color;
-		@if $base-color == currentColor {
-			opacity: 0.8;
-		}
-		@else {
-			opacity: 1;
-		}
-	}
-
-	&:active {
-		color: $active-color;
-	}
-}

package/button/src/button-theme-variants/raised.scss

@@ -1,36 +0,0 @@
-@use 'sass:map';
-@use '../../../scss/core';
-@use '../../../scss/theming';
-@use '../../../scss/accessibility' as a11y;
-
-$black: theming.daff-color(theming.$daff-neutral, 110);
-
-@mixin daff-raised-button-theme-variant(
-	$base-color,
-) {
-	@if theming.daff-contrast-ratio($base-color, theming.daff-text-contrast($base-color)) < 4.5 {
-		@error 'Button Initial State: ' + map.get(a11y.$wcag-aa-errors, 'text-contrast');
-	}
-
-	@if theming.daff-contrast-ratio($base-color, theming.daff-text-contrast($base-color)) < 4.5 {
-		@error 'Button Hover State: '+ map.get(a11y.$wcag-aa-errors, 'text-contrast');
-	}
-
-	background-color: $base-color;
-	border: 1px solid $base-color;
-	box-shadow:
-		0 3px 5px rgba($black, 0.12),
-		0 1px 3px rgba($black, 0.08);
-	color: theming.daff-text-contrast($base-color);
-
-	&:after {
-		box-shadow:
-			0 6px 12px rgba($black, 0.08),
-			0 4px 6px rgba($black, 0.04);
-	}
-
-	&:hover {
-		background-color: $base-color;
-		border: 1px solid $base-color;
-	}
-}