@daffodil/design 0.60.0 → 0.61.0

package/src/atoms/button/button-theme.scss

@@ -6,7 +6,7 @@
 @use './button-theme-variants/raised';
 @use './button-theme-variants/stroked';
 @use './button-theme-variants/underline';
-@use './button-theme-variants/focus';
+@use './button-theme-variants/flat';
 
 @mixin daff-button-theme($theme) {
 	$primary: map.get($theme, primary);
@@ -52,8 +52,8 @@
 		&.daff-black {
 			@include button.daff-button-theme-variant(
 				$black,
-				theming.daff-color($gray, 100),
-				theming.daff-color($gray, 90)
+				theming.daff-color($gray, 90),
+				theming.daff-color($gray, 80)
 			);
 		}
 
@@ -81,7 +81,8 @@
 			);
 		}
 
-		&[disabled] {
+		&[disabled],
+		&.daff-button--disabled {
 			@include button.daff-button-theme-variant(
 				theming.daff-illuminate($base, $gray, 3),
 				theming.daff-illuminate($base, $gray, 3),
@@ -121,101 +122,69 @@
 
 	.daff-raised-button {
 		@include raised.daff-raised-button-theme-variant(
-			theming.daff-illuminate($base, $gray, 2),
-			theming.daff-illuminate($base, $gray, 3),
-			theming.daff-color($gray)
+			theming.daff-illuminate($base, $gray, 2)
 		);
 
 		&.daff-primary {
 			@include raised.daff-raised-button-theme-variant(
-				theming.daff-color($primary),
-				theming.daff-color($primary, 70),
 				theming.daff-color($primary)
 			);
 		}
 
 		&.daff-secondary {
 			@include raised.daff-raised-button-theme-variant(
-				theming.daff-color($secondary),
-				theming.daff-color($secondary, 70),
 				theming.daff-color($secondary)
 			);
 		}
-		
+
 		&.daff-tertiary {
 			@include raised.daff-raised-button-theme-variant(
-				theming.daff-color($tertiary),
-				theming.daff-color($tertiary, 70),
 				theming.daff-color($tertiary)
 			);
 		}
 
 		&.daff-black {
-			@include raised.daff-raised-button-theme-variant(
-				$black,
-				theming.daff-color($gray, 100),
-				theming.daff-color($gray)
-			);
+			@include raised.daff-raised-button-theme-variant($black);
 		}
 
 		&.daff-white {
-			@include raised.daff-raised-button-theme-variant(
-				$white,
-				theming.daff-color($gray, 10),
-				theming.daff-color($gray)
-			);
+			@include raised.daff-raised-button-theme-variant($white);
 		}
 
 		&.daff-theme {
-			@include raised.daff-raised-button-theme-variant(
-				$base,
-				theming.daff-illuminate($base, $gray, 1),
-				$base
-			);
+			@include raised.daff-raised-button-theme-variant($base);
 		}
 
 		&.daff-theme-contrast {
-			@include raised.daff-raised-button-theme-variant(
-				$base-contrast,
-				theming.daff-illuminate($base-contrast, $gray, 1),
-				$base-contrast
-			);
+			@include raised.daff-raised-button-theme-variant($base-contrast);
 		}
 
-		&[disabled] {
+		&[disabled],
+		&.daff-button--disabled {
 			@include raised.daff-raised-button-theme-variant(
-				theming.daff-illuminate($base, $gray, 3),
-				theming.daff-illuminate($base, $gray, 3),
-				theming.daff-illuminate($base, $gray, 6)
+				theming.daff-illuminate($base, $gray, 3)
 			);
 			color: theming.daff-illuminate($base, $gray, 5);
 
-			&:hover {
-				box-shadow: 0 3px 5px rgba($black, 0.12), 0 1px 3px rgba($black, 0.08);
-				color: theming.daff-illuminate($base, $gray, 5);
+			&:after {
+				box-shadow: none;
 			}
 		}
 
 		&.daff-warn {
 			@include raised.daff-raised-button-theme-variant(
-				theming.daff-color(theming.$daff-bronze, 60),
-				theming.daff-color(theming.$daff-bronze, 70),
 				theming.daff-color(theming.$daff-bronze, 60)
 			);
 		}
 
 		&.daff-danger {
 			@include raised.daff-raised-button-theme-variant(
-				theming.daff-color(theming.$daff-red, 60),
-				theming.daff-color(theming.$daff-red, 70),
 				theming.daff-color(theming.$daff-red, 60)
 			);
 		}
 
 		&.daff-success {
 			@include raised.daff-raised-button-theme-variant(
-				theming.daff-color(theming.$daff-green, 60),
-				theming.daff-color(theming.$daff-green, 70),
 				theming.daff-color(theming.$daff-green, 60)
 			);
 		}
@@ -283,8 +252,9 @@
 				theming.daff-illuminate($base-contrast, $gray, 2)
 			);
 		}
-z
-		&[disabled] {
+
+		&[disabled],
+		&.daff-button--disabled {
 			@include icon.daff-icon-button-theme-variant(
 				theming.daff-illuminate($base, $gray, 4),
 				theming.daff-illuminate($base, $gray, 4),
@@ -322,13 +292,15 @@ z
 	}
 
 	.daff-stroked-button {
-		background-color: transparent;
+		background: transparent;
 		border: 1px solid theming.daff-illuminate($base, $gray, 5);
-		color: theming.daff-text-contrast($base);
+		color: currentColor;
 
-		&:hover,
-		&:focus {
-			background-color: theming.daff-illuminate($base, $gray, 2);
+		&:after {
+			background: theming.daff-illuminate($base, $gray, 2);
+		}
+
+		&:hover {
 			border: 1px solid theming.daff-illuminate($base, $gray, 2);
 			color: theming.daff-text-contrast(
 				theming.daff-illuminate($base, $gray, 2)
@@ -336,16 +308,18 @@ z
 		}
 
 		&:active {
-			background-color: theming.daff-illuminate($base, $gray, 3);
 			border: 1px solid theming.daff-illuminate($base, $gray, 3);
 			color: theming.daff-text-contrast(
 				theming.daff-illuminate($base, $gray, 3)
 			);
+
+			&:after {
+				background: theming.daff-illuminate($base, $gray, 3);
+			}
 		}
 
 		&.daff-primary {
 			@include stroked.daff-stroked-button-theme-variant(
-				theming.daff-color($primary),
 				theming.daff-color($primary),
 				theming.daff-color($primary, 70)
 			);
@@ -353,7 +327,6 @@ z
 
 		&.daff-secondary {
 			@include stroked.daff-stroked-button-theme-variant(
-				theming.daff-color($secondary),
 				theming.daff-color($secondary),
 				theming.daff-color($secondary, 70)
 			);
@@ -361,7 +334,6 @@ z
 
 		&.daff-tertiary {
 			@include stroked.daff-stroked-button-theme-variant(
-				theming.daff-color($tertiary),
 				theming.daff-color($tertiary),
 				theming.daff-color($tertiary, 70)
 			);
@@ -369,7 +341,6 @@ z
 
 		&.daff-black {
 			@include stroked.daff-stroked-button-theme-variant(
-				$black,
 				$black,
 				theming.daff-color($gray, 100)
 			);
@@ -377,7 +348,6 @@ z
 
 		&.daff-white {
 			@include stroked.daff-stroked-button-theme-variant(
-				$white,
 				$white,
 				theming.daff-color($gray, 20)
 			);
@@ -385,7 +355,6 @@ z
 
 		&.daff-theme {
 			@include stroked.daff-stroked-button-theme-variant(
-				$base,
 				$base,
 				theming.daff-illuminate($base, $gray, 2)
 			);
@@ -393,28 +362,29 @@ z
 
 		&.daff-theme-contrast {
 			@include stroked.daff-stroked-button-theme-variant(
-				$base-contrast,
 				$base-contrast,
 				theming.daff-illuminate($base-contrast, $gray, 2)
 			);
 		}
 
-		&[disabled] {
-			@include stroked.daff-stroked-button-theme-variant(
-				theming.daff-illuminate($base, $gray, 3),
-				theming.daff-illuminate($base, $gray, 5),
-				transparent
-			);
+		&[disabled],
+		&.daff-button--disabled {
+			background-color: transparent;
+			border-color: theming.daff-illuminate($base, $gray, 3);
+			color: theming.daff-illuminate($base, $gray, 5);
 
 			&:hover {
-				background-color: transparent;
 				color: theming.daff-illuminate($base, $gray, 5);
+
+				&:after {
+					background-color: transparent;
+					opacity: 0;
+				}
 			}
 		}
 
 		&.daff-warn {
 			@include stroked.daff-stroked-button-theme-variant(
-				theming.daff-color(theming.$daff-bronze, 60),
 				theming.daff-color(theming.$daff-bronze, 60),
 				theming.daff-color(theming.$daff-bronze, 70)
 			);
@@ -422,7 +392,6 @@ z
 
 		&.daff-danger {
 			@include stroked.daff-stroked-button-theme-variant(
-				theming.daff-color(theming.$daff-red, 60),
 				theming.daff-color(theming.$daff-red, 60),
 				theming.daff-color(theming.$daff-red, 70)
 			);
@@ -430,139 +399,174 @@ z
 
 		&.daff-success {
 			@include stroked.daff-stroked-button-theme-variant(
-				theming.daff-color(theming.$daff-green, 60),
 				theming.daff-color(theming.$daff-green, 60),
 				theming.daff-color(theming.$daff-green, 70)
 			);
 		}
 	}
 
-	.daff-underline-button {
-		@include underline.daff-underline-button-theme-variant(
-			theming.daff-illuminate($base, $gray, 7)
-		);
+	.daff-flat-button {
+		color: currentColor;
+
+		&:after {
+			background-color: theming.daff-illuminate($base, $gray, 2);
+		}
+
+		&:active {
+			&:after {
+				background-color: theming.daff-illuminate($base, $gray, 3);
+			}
+		}
+
+		&:hover,
+		&:active {
+			color: theming.daff-text-contrast(theming.daff-illuminate($base, $gray, 2));
+		}
 
 		&.daff-primary {
-			@include underline.daff-underline-button-theme-variant(
-				theming.daff-color($primary)
+			@include flat.daff-flat-button-theme-variant(
+				theming.daff-color($primary),
+				theming.daff-color($primary, 70)
 			);
 		}
 
 		&.daff-secondary {
-			@include underline.daff-underline-button-theme-variant(
-				theming.daff-color($secondary)
+			@include flat.daff-flat-button-theme-variant(
+				theming.daff-color($secondary),
+				theming.daff-color($secondary, 70)
 			);
 		}
 
 		&.daff-tertiary {
-			@include underline.daff-underline-button-theme-variant(
-				theming.daff-color($tertiary)
+			@include flat.daff-flat-button-theme-variant(
+				theming.daff-color($tertiary),
+				theming.daff-color($tertiary, 70)
 			);
 		}
 
 		&.daff-black {
-			@include underline.daff-underline-button-theme-variant($black);
+			@include flat.daff-flat-button-theme-variant(
+				$black,
+				theming.daff-color($gray, 100)
+			);
 		}
 
 		&.daff-white {
-			@include underline.daff-underline-button-theme-variant($white);
+			@include flat.daff-flat-button-theme-variant(
+				$white,
+				theming.daff-color($gray, 20)
+			);
 		}
 
 		&.daff-theme {
-			@include underline.daff-underline-button-theme-variant($base);
+			@include flat.daff-flat-button-theme-variant(
+				$base,
+				theming.daff-illuminate($base, $gray, 2)
+			);
 		}
 
 		&.daff-theme-contrast {
-			@include underline.daff-underline-button-theme-variant($base-contrast);
+			@include flat.daff-flat-button-theme-variant(
+				$base-contrast,
+				theming.daff-illuminate($base-contrast, $gray, 2)
+			);
 		}
 
-		&[disabled] {
-			@include underline.daff-underline-button-theme-variant(
-				theming.daff-illuminate($base, $gray, 4)
-			);
+		&[disabled],
+		&.daff-button--disabled {
+			color: theming.daff-illuminate($base, $gray, 5);
+
+			&:hover,
+			&:focus,
+			&:active {
+				&:after {
+					background: transparent;
+				}
+			}
 		}
 
 		&.daff-warn {
-			@include underline.daff-underline-button-theme-variant(
-				theming.daff-color(theming.$daff-bronze, 60)
+			@include flat.daff-flat-button-theme-variant(
+				theming.daff-color(theming.$daff-bronze, 60),
+				theming.daff-color(theming.$daff-bronze, 70)
 			);
 		}
 
 		&.daff-danger {
-			@include underline.daff-underline-button-theme-variant(
-				theming.daff-color(theming.$daff-red, 60)
+			@include flat.daff-flat-button-theme-variant(
+				theming.daff-color(theming.$daff-red, 60),
+				theming.daff-color(theming.$daff-red, 70)
 			);
 		}
 
 		&.daff-success {
-			@include underline.daff-underline-button-theme-variant(
-				theming.daff-color(theming.$daff-green, 60)
+			@include flat.daff-flat-button-theme-variant(
+				theming.daff-color(theming.$daff-green, 60),
+				theming.daff-color(theming.$daff-green, 70)
 			);
 		}
 	}
 
-	.daff-button,
-	.daff-stroked-button,
-	.daff-underline-button,
-	.daff-icon-button {
-		@include focus.daff-button-focus-theme-variant(
-			theming.daff-color($gray)
+	.daff-underline-button {
+		@include underline.daff-underline-button-theme-variant(
+			theming.daff-illuminate($base, $gray, 7)
 		);
 
 		&.daff-primary {
-			@include focus.daff-button-focus-theme-variant(
+			@include underline.daff-underline-button-theme-variant(
 				theming.daff-color($primary)
 			);
 		}
 
 		&.daff-secondary {
-			@include focus.daff-button-focus-theme-variant(
+			@include underline.daff-underline-button-theme-variant(
 				theming.daff-color($secondary)
 			);
 		}
 
 		&.daff-tertiary {
-			@include focus.daff-button-focus-theme-variant(
+			@include underline.daff-underline-button-theme-variant(
 				theming.daff-color($tertiary)
 			);
 		}
 
 		&.daff-black {
-			@include focus.daff-button-focus-theme-variant(
-				theming.daff-color($gray)
-			);
+			@include underline.daff-underline-button-theme-variant($black);
 		}
 
 		&.daff-white {
-			@include focus.daff-button-focus-theme-variant(
-				theming.daff-color($gray)
-			);
+			@include underline.daff-underline-button-theme-variant($white);
 		}
 
 		&.daff-theme {
-			@include focus.daff-button-focus-theme-variant($base);
+			@include underline.daff-underline-button-theme-variant($base);
 		}
 
 		&.daff-theme-contrast {
-			@include focus.daff-button-focus-theme-variant(
-				theming.daff-color($gray)
+			@include underline.daff-underline-button-theme-variant($base-contrast);
+		}
+
+		&[disabled],
+		&.daff-button--disabled {
+			@include underline.daff-underline-button-theme-variant(
+				theming.daff-illuminate($base, $gray, 4)
 			);
 		}
 
 		&.daff-warn {
-			@include focus.daff-button-focus-theme-variant(
+			@include underline.daff-underline-button-theme-variant(
 				theming.daff-color(theming.$daff-bronze, 60)
 			);
 		}
 
 		&.daff-danger {
-			@include focus.daff-button-focus-theme-variant(
+			@include underline.daff-underline-button-theme-variant(
 				theming.daff-color(theming.$daff-red, 60)
 			);
 		}
 
 		&.daff-success {
-			@include focus.daff-button-focus-theme-variant(
+			@include underline.daff-underline-button-theme-variant(
 				theming.daff-color(theming.$daff-green, 60)
 			);
 		}

package/src/atoms/form/{select → native-select}/README.md

@@ -1,4 +1,4 @@
-# Select Component
+# Native Select Component
 
 `daff-native-select` is a form control element that can be used in forms to select a value from a set of options.
 

package/src/atoms/form/{select/select/select-theme.scss → native-select/native-select-theme.scss}

@@ -1,8 +1,8 @@
 @use 'sass:map';
-@use '../../../../../scss/core';
-@use '../../../../../scss/theming';
+@use '../../../../scss/core';
+@use '../../../../scss/theming';
 
-@mixin daff-select-theme($theme) {
+@mixin daff-native-select-theme($theme) {
 	$gray: core.daff-map-deep-get($theme, 'core.gray');
 	$base-contrast: core.daff-map-deep-get($theme, 'core.base-contrast');
 	$black: core.daff-map-deep-get($theme, 'core.black');

package/src/atoms/loading-icon/loading-icon-theme.scss

@@ -12,6 +12,10 @@
 	$black: core.daff-map-deep-get($theme, 'core.black');
 
 	.daff-loading-icon {
+		circle {
+			stroke: currentColor;
+		}
+
 		&.daff-primary {
 			circle {
 				stroke: theming.daff-color($primary);

package/atoms/form/select/public_api.d.ts

@@ -1,2 +0,0 @@
-export * from './select/select.component';
-export { DaffNativeSelectModule } from './select.module';

package/esm2020/atoms/form/select/public_api.mjs

@@ -1,3 +0,0 @@
-export * from './select/select.component';
-export { DaffNativeSelectModule } from './select.module';
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoicHVibGljX2FwaS5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9mb3JtL3NlbGVjdC9wdWJsaWNfYXBpLnRzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBLGNBQWMsMkJBQTJCLENBQUM7QUFDMUMsT0FBTyxFQUFFLHNCQUFzQixFQUFFLE1BQU0saUJBQWlCLENBQUMiLCJzb3VyY2VzQ29udGVudCI6WyJleHBvcnQgKiBmcm9tICcuL3NlbGVjdC9zZWxlY3QuY29tcG9uZW50JztcbmV4cG9ydCB7IERhZmZOYXRpdmVTZWxlY3RNb2R1bGUgfSBmcm9tICcuL3NlbGVjdC5tb2R1bGUnO1xuIl19

package/esm2020/atoms/form/select/select/select.component.mjs

@@ -1,64 +0,0 @@
-import { Component, ViewEncapsulation, Optional, Self, Input, ElementRef, HostListener, HostBinding, ChangeDetectionStrategy, } from '@angular/core';
-import { NgControl } from '@angular/forms';
-import { DaffFormFieldControl } from '../../form-field/form-field-control';
-import * as i0 from "@angular/core";
-import * as i1 from "@angular/forms";
-export class DaffNativeSelectComponent {
-    constructor(
-    /**
-     * @docs-private
-     */
-    ngControl, _elementRef) {
-        this.ngControl = ngControl;
-        this._elementRef = _elementRef;
-        /**
-         * @docs-private
-         */
-        this.controlType = 'native-select';
-        this.class = true;
-        this.focused = false;
-    }
-    /**
-     * @docs-private
-     */
-    focus() {
-        this.focused = true;
-    }
-    /**
-     * @docs-private
-     */
-    blur() {
-        this.focused = false;
-    }
-    onFocus() {
-        this._elementRef.nativeElement.focus();
-    }
-}
-/** @nocollapse */ DaffNativeSelectComponent.ɵfac = i0.ɵɵngDeclareFactory({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectComponent, deps: [{ token: i1.NgControl, optional: true, self: true }, { token: i0.ElementRef }], target: i0.ɵɵFactoryTarget.Component });
-/** @nocollapse */ DaffNativeSelectComponent.ɵcmp = i0.ɵɵngDeclareComponent({ minVersion: "12.0.0", version: "13.3.0", type: DaffNativeSelectComponent, selector: "select[daff-native-select]", inputs: { formSubmitted: "formSubmitted" }, host: { listeners: { "focus": "focus()", "blur": "blur()" }, properties: { "class.daff-native-select": "this.class" } }, providers: [
-        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-        { provide: DaffFormFieldControl, useExisting: DaffNativeSelectComponent },
-    ], ngImport: i0, template: '<ng-content></ng-content>', isInline: true, styles: [".daff-native-select{-webkit-appearance:none;appearance:none;background:transparent;background-clip:padding-box;border:0;box-shadow:none;font-size:1rem;line-height:1.5rem;margin:0;min-width:45px;width:100%}.daff-native-select:focus{border:0;box-shadow:none;outline:none}\n"], changeDetection: i0.ChangeDetectionStrategy.OnPush, encapsulation: i0.ViewEncapsulation.None });
-i0.ɵɵngDeclareClassMetadata({ minVersion: "12.0.0", version: "13.3.0", ngImport: i0, type: DaffNativeSelectComponent, decorators: [{
-            type: Component,
-            args: [{ selector: 'select[daff-native-select]', template: '<ng-content></ng-content>', encapsulation: ViewEncapsulation.None, changeDetection: ChangeDetectionStrategy.OnPush, providers: [
-                        // eslint-disable-next-line @typescript-eslint/no-use-before-define
-                        { provide: DaffFormFieldControl, useExisting: DaffNativeSelectComponent },
-                    ], styles: [".daff-native-select{-webkit-appearance:none;appearance:none;background:transparent;background-clip:padding-box;border:0;box-shadow:none;font-size:1rem;line-height:1.5rem;margin:0;min-width:45px;width:100%}.daff-native-select:focus{border:0;box-shadow:none;outline:none}\n"] }]
-        }], ctorParameters: function () { return [{ type: i1.NgControl, decorators: [{
-                    type: Optional
-                }, {
-                    type: Self
-                }] }, { type: i0.ElementRef }]; }, propDecorators: { class: [{
-                type: HostBinding,
-                args: ['class.daff-native-select']
-            }], formSubmitted: [{
-                type: Input
-            }], focus: [{
-                type: HostListener,
-                args: ['focus']
-            }], blur: [{
-                type: HostListener,
-                args: ['blur']
-            }] } });
-//# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJmaWxlIjoic2VsZWN0LmNvbXBvbmVudC5qcyIsInNvdXJjZVJvb3QiOiIiLCJzb3VyY2VzIjpbIi4uLy4uLy4uLy4uLy4uLy4uLy4uL2xpYnMvZGVzaWduL3NyYy9hdG9tcy9mb3JtL3NlbGVjdC9zZWxlY3Qvc2VsZWN0LmNvbXBvbmVudC50cyJdLCJuYW1lcyI6W10sIm1hcHBpbmdzIjoiQUFBQSxPQUFPLEVBQ0wsU0FBUyxFQUNULGlCQUFpQixFQUNqQixRQUFRLEVBQ1IsSUFBSSxFQUNKLEtBQUssRUFDTCxVQUFVLEVBQ1YsWUFBWSxFQUNaLFdBQVcsRUFDWCx1QkFBdUIsR0FDeEIsTUFBTSxlQUFlLENBQUM7QUFDdkIsT0FBTyxFQUFFLFNBQVMsRUFBRSxNQUFNLGdCQUFnQixDQUFDO0FBRTNDLE9BQU8sRUFBRSxvQkFBb0IsRUFBRSxNQUFNLHFDQUFxQyxDQUFDOzs7QUFlM0UsTUFBTSxPQUFPLHlCQUF5QjtJQTRCcEM7SUFDRTs7T0FFRztJQUN3QixTQUFvQixFQUN2QyxXQUF5QztRQUR0QixjQUFTLEdBQVQsU0FBUyxDQUFXO1FBQ3ZDLGdCQUFXLEdBQVgsV0FBVyxDQUE4QjtRQWhDbkQ7O1dBRUc7UUFDSCxnQkFBVyxHQUFHLGVBQWUsQ0FBQztRQUVXLFVBQUssR0FBRyxJQUFJLENBQUM7UUFNdEQsWUFBTyxHQUFHLEtBQUssQ0FBQztJQXNCYixDQUFDO0lBcEJKOztPQUVHO0lBQ29CLEtBQUs7UUFDM0IsSUFBSSxDQUFDLE9BQU8sR0FBRyxJQUFJLENBQUM7SUFDckIsQ0FBQztJQUVEOztPQUVHO0lBQ21CLElBQUk7UUFDeEIsSUFBSSxDQUFDLE9BQU8sR0FBRyxLQUFLLENBQUM7SUFDdkIsQ0FBQztJQVVELE9BQU87UUFDTCxJQUFJLENBQUMsV0FBVyxDQUFDLGFBQWEsQ0FBQyxLQUFLLEVBQUUsQ0FBQztJQUN6QyxDQUFDOzt5SUF0Q1UseUJBQXlCOzZIQUF6Qix5QkFBeUIsME5BTnpCO1FBQ1QsbUVBQW1FO1FBQ25FLEVBQUUsT0FBTyxFQUFFLG9CQUFvQixFQUFFLFdBQVcsRUFBRSx5QkFBeUIsRUFBRTtLQUMxRSwwQkFQUywyQkFBMkI7MkZBVTFCLHlCQUF5QjtrQkFickMsU0FBUzsrQkFFRSw0QkFBNEIsWUFDNUIsMkJBQTJCLGlCQUV0QixpQkFBaUIsQ0FBQyxJQUFJLG1CQUNwQix1QkFBdUIsQ0FBQyxNQUFNLGFBQ3BDO3dCQUNULG1FQUFtRTt3QkFDbkUsRUFBRSxPQUFPLEVBQUUsb0JBQW9CLEVBQUUsV0FBVywyQkFBMkIsRUFBRTtxQkFDMUU7OzBCQW1DRSxRQUFROzswQkFBSSxJQUFJO3FFQTFCc0IsS0FBSztzQkFBN0MsV0FBVzt1QkFBQywwQkFBMEI7Z0JBSzlCLGFBQWE7c0JBQXJCLEtBQUs7Z0JBTWlCLEtBQUs7c0JBQTNCLFlBQVk7dUJBQUMsT0FBTztnQkFPQyxJQUFJO3NCQUF6QixZQUFZO3VCQUFDLE1BQU0iLCJzb3VyY2VzQ29udGVudCI6WyJpbXBvcnQge1xuICBDb21wb25lbnQsXG4gIFZpZXdFbmNhcHN1bGF0aW9uLFxuICBPcHRpb25hbCxcbiAgU2VsZixcbiAgSW5wdXQsXG4gIEVsZW1lbnRSZWYsXG4gIEhvc3RMaXN0ZW5lcixcbiAgSG9zdEJpbmRpbmcsXG4gIENoYW5nZURldGVjdGlvblN0cmF0ZWd5LFxufSBmcm9tICdAYW5ndWxhci9jb3JlJztcbmltcG9ydCB7IE5nQ29udHJvbCB9IGZyb20gJ0Bhbmd1bGFyL2Zvcm1zJztcblxuaW1wb3J0IHsgRGFmZkZvcm1GaWVsZENvbnRyb2wgfSBmcm9tICcuLi8uLi9mb3JtLWZpZWxkL2Zvcm0tZmllbGQtY29udHJvbCc7XG5cbkBDb21wb25lbnQoe1xuICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQGFuZ3VsYXItZXNsaW50L2NvbXBvbmVudC1zZWxlY3RvclxuICBzZWxlY3RvcjogJ3NlbGVjdFtkYWZmLW5hdGl2ZS1zZWxlY3RdJyxcbiAgdGVtcGxhdGU6ICc8bmctY29udGVudD48L25nLWNvbnRlbnQ+JyxcbiAgc3R5bGVVcmxzOiBbJy4vc2VsZWN0LmNvbXBvbmVudC5zY3NzJ10sXG4gIGVuY2Fwc3VsYXRpb246IFZpZXdFbmNhcHN1bGF0aW9uLk5vbmUsXG4gIGNoYW5nZURldGVjdGlvbjogQ2hhbmdlRGV0ZWN0aW9uU3RyYXRlZ3kuT25QdXNoLFxuICBwcm92aWRlcnM6IFtcbiAgICAvLyBlc2xpbnQtZGlzYWJsZS1uZXh0LWxpbmUgQHR5cGVzY3JpcHQtZXNsaW50L25vLXVzZS1iZWZvcmUtZGVmaW5lXG4gICAgeyBwcm92aWRlOiBEYWZmRm9ybUZpZWxkQ29udHJvbCwgdXNlRXhpc3Rpbmc6IERhZmZOYXRpdmVTZWxlY3RDb21wb25lbnQgfSxcbiAgXSxcbn0pXG5cbmV4cG9ydCBjbGFzcyBEYWZmTmF0aXZlU2VsZWN0Q29tcG9uZW50IGltcGxlbWVudHMgRGFmZkZvcm1GaWVsZENvbnRyb2wge1xuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgY29udHJvbFR5cGUgPSAnbmF0aXZlLXNlbGVjdCc7XG5cbiAgQEhvc3RCaW5kaW5nKCdjbGFzcy5kYWZmLW5hdGl2ZS1zZWxlY3QnKSBjbGFzcyA9IHRydWU7XG5cbiAgLyoqXG4gICAqIEhhcyB0aGUgZm9ybSBiZWVuIHN1Ym1pdHRlZC5cbiAgICovXG4gIEBJbnB1dCgpIGZvcm1TdWJtaXR0ZWQ6IGJvb2xlYW47XG4gIGZvY3VzZWQgPSBmYWxzZTtcblxuICAvKipcbiAgICogQGRvY3MtcHJpdmF0ZVxuICAgKi9cbiAgQEhvc3RMaXN0ZW5lcignZm9jdXMnKSBmb2N1cygpIHtcblx0ICB0aGlzLmZvY3VzZWQgPSB0cnVlO1xuICB9XG5cbiAgLyoqXG4gICAqIEBkb2NzLXByaXZhdGVcbiAgICovXG4gIEBIb3N0TGlzdGVuZXIoJ2JsdXInKSBibHVyKCkge1xuICAgIHRoaXMuZm9jdXNlZCA9IGZhbHNlO1xuICB9XG5cbiAgY29uc3RydWN0b3IoXG4gICAgLyoqXG4gICAgICogQGRvY3MtcHJpdmF0ZVxuICAgICAqL1xuICAgIEBPcHRpb25hbCgpIEBTZWxmKCkgcHVibGljIG5nQ29udHJvbDogTmdDb250cm9sLFxuICAgIHByaXZhdGUgX2VsZW1lbnRSZWY6IEVsZW1lbnRSZWY8SFRNTElucHV0RWxlbWVudD4sXG4gICkge31cblxuICBvbkZvY3VzKCkge1xuICAgIHRoaXMuX2VsZW1lbnRSZWYubmF0aXZlRWxlbWVudC5mb2N1cygpO1xuICB9XG5cbn1cbiJdfQ==

package/src/atoms/button/button-theme-variants/focus.scss

@@ -1,6 +0,0 @@
-@mixin daff-button-focus-theme-variant($shadow-color) {
-	&:focus {
-		outline: none;
-		box-shadow: 0 0 0 4px rgba($shadow-color, 0.3);
-	}
-}