@daffodil/design 0.93.0 → 0.94.0

package/loading-icon/README.md

@@ -1,59 +0,0 @@
-# Loading Icon
-Loading icons are used as an indicator of an event in progress.
-
-## Overview
-Loading icons are used to indicate to users that an event is ocurring and is still in progress. They should only be used for short loading processes. For events that can take a considerable amount of time, use the [Progress Bar](/libs/design/progress-bar/README.md) component instead.
-
-## Usage
-
-### Within a standalone component
-To use loading icon in a standalone component, import `DAFF_LOADING_ICON_COMPONENTS` directly into your custom component:
-
-```ts
-import { DAFF_LOADING_ICON_COMPONENTS } from '@daffodil/design/loading-icon';
-
-@Component({
-  selector: 'custom-component',
-  templateUrl: './custom-component.component.html',
-  imports: [
-    DAFF_LOADING_ICON_COMPONENTS,
-  ],
-})
-export class CustomComponent {}
-```
-
-### Within a module (deprecated)
-To use loading icon in a module, import `DaffLoadingIconModule` into your custom module:
-
-```ts
-import { NgModule } from '@angular/core';
-import { DaffLoadingIconModule } from '@daffodil/design/loading-icon';
-import { CustomComponent } from './custom.component';
-
-@NgModule({
-	declarations: [
-    CustomComponent,
-  ],
-  exports: [
-    CustomComponent,
-  ],
-  imports: [
-    DaffLoadingIconModule,
-  ],
-})
-export class CustomComponentModule { }
-```
-
-> This method is deprecated. It's recommended to update all custom components to standalone.
-
-## Colors
-Use the `color` property to change the color of a loading icon. The default color is gray.
-
-> `theme` and `white` should be used on a darker background in order to have sufficient contrast.
-
-<daff-docs-example-viewer example="loading-icon-color"></daff-docs-example-viewer>
-
-## Accessibility
-Loading icons should be given meaningful labels by using `aria-label` or `aria-labelledby`.
-
-If a loading icon is used to indicate a process in progress, using [aria-live](https://www.w3.org/TR/wai-aria-1.0/states_and_properties#aria-live) and [aria-busy](https://www.w3.org/TR/wai-aria-1.0/states_and_properties#aria-busy") should be strongly considered.

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

@@ -1,103 +0,0 @@
-@use '../../scss/theming' as *;
-
-@mixin daff-loading-icon-light-variant($loader-color) {
-	.daff-loading-icon__loader {
-		stroke: $loader-color;
-	}
-
-	.daff-loading-icon__bg {
-		stroke: rgba($loader-color, 0.1);
-	}
-}
-
-@mixin daff-loading-icon-dark-variant($loader-color) {
-	.daff-loading-icon__loader {
-		stroke: $loader-color;
-	}
-
-	.daff-loading-icon__bg {
-		stroke: rgba($loader-color, 0.3);
-	}
-}
-
-@mixin daff-loading-icon-theme($theme) {
-	$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);
-
-	.daff-loading-icon {
-		@include light($mode) {
-			@include daff-loading-icon-light-variant(
-				daff-color($neutral, 60)
-			);
-
-			&.daff-primary {
-				@include daff-loading-icon-light-variant(daff-color($primary));
-			}
-
-			&.daff-secondary {
-				@include daff-loading-icon-light-variant(
-					daff-color($secondary)
-				);
-			}
-
-			&.daff-tertiary {
-				@include daff-loading-icon-light-variant(daff-color($tertiary));
-			}
-
-			&.daff-theme {
-				@include daff-loading-icon-light-variant($base);
-			}
-
-			&.daff-theme-contrast {
-				@include daff-loading-icon-light-variant($base-contrast);
-			}
-
-			&.daff-black {
-				@include daff-loading-icon-light-variant($black);
-			}
-
-			&.daff-white {
-				@include daff-loading-icon-light-variant($white);
-			}
-		}
-
-		@include dark($mode) {
-			@include daff-loading-icon-dark-variant(daff-color($neutral, 40));
-
-			&.daff-primary {
-				@include daff-loading-icon-dark-variant(daff-color($primary));
-			}
-
-			&.daff-secondary {
-				@include daff-loading-icon-dark-variant(daff-color($secondary));
-			}
-
-			&.daff-tertiary {
-				@include daff-loading-icon-dark-variant(daff-color($tertiary));
-			}
-
-			&.daff-theme {
-				@include daff-loading-icon-dark-variant($base);
-			}
-
-			&.daff-theme-contrast {
-				@include daff-loading-icon-dark-variant($base-contrast);
-			}
-
-			&.daff-black {
-				@include daff-loading-icon-dark-variant($black);
-			}
-
-			&.daff-white {
-				@include daff-loading-icon-dark-variant($white);
-			}
-		}
-	}
-}

package/scss/theming/illuminate/illuminate.scss

@@ -1,149 +0,0 @@
-@use 'sass:list';
-@use 'sass:map';
-@use 'sass:math';
-@use 'sass:meta';
-@use '../contrast/luminance/luminance';
-
-/// @deprecated Deprecated in version 0.87.0. Will be removed in version 0.90.0.
-///
-/// Take a numeric map and sort it.
-///
-/// https://gist.github.com/Jakobud/a0ac11e80a1de453cd86f0d3fc0a1410
-/// Credit to: https://gist.github.com/iamandrewluca
-///
-@function _daff-illuminate-sort($map) {
-	// Transform map to zipped list
-	$keys: ();
-	$values: ();
-
-	@each $key, $val in $map {
-		$keys: list.append($keys, $key);
-		$values: list.append($values, $val);
-	}
-
-	$list: list.zip($keys, $values);
-
-	$sorted-map: ();
-
-	@while list.length($list) > 0 {
-		// Find smallest pair
-		$smallest-pair: list.nth($list, 1);
-
-		@each $pair in $list {
-			$value: list.nth($pair, 2);
-			$smallest-value: list.nth($smallest-pair, 2);
-
-			@if $value < $smallest-value {
-				$smallest-pair: $pair;
-			}
-		}
-
-		// Add smallest pair to sorted map
-		$key: list.nth($smallest-pair, 1);
-		$value: list.nth($smallest-pair, 2);
-		$sorted-map: map.merge(
-			$sorted-map,
-			(
-				$key: $value
-			)
-		);
-
-		// Remove from list smallest pair
-		$smallest-pair-index: list.index($list, $smallest-pair);
-		$new-list: ();
-
-		@for $i from 1 through list.length($list) {
-			@if $i != $smallest-pair-index {
-				$new-list: list.append($new-list, list.nth($list, $i), 'space');
-			}
-		}
-
-		$list: $new-list;
-	}
-
-	@return $sorted-map;
-}
-
-// Given a map of key, luminance pairs, find the key
-// of the value that is "nth" away from zero.
-//
-// @param $map: a map of key, luminance pairs,
-// @param $nth: nth steps away from zero
-@function _daff-illuminate-get-key($map, $nth: 1) {
-	//Cap off "nth" to prevent going out-of-bounds.
-	@if ($nth > list.length($map)) {
-		$nth: list.length(map);
-	}
-
-	$map: _daff-illuminate-sort($map);
-	@return list.nth(list.nth($map, $nth), 1);
-}
-
-// Takes a $color and palette and returns the color in
-// the palette which would "illuminate" against that color.
-//
-// @usage
-// ```
-// daff-illuminate($palette);
-// ```
-//
-@function daff-illuminate($color, $palette, $nth: 1) {
-	$luminance-map: ();
-
-	//Validate
-	@each $key, $palette-color in $palette {
-		@if (meta.type-of($key) == 'string') {
-			$palette: map.remove($palette, $key);
-		}
-	}
-
-	//Transform into usable values
-	@each $key, $palette-color in $palette {
-		$luminance-map: map.merge(
-			$luminance-map,
-			(
-				$key: (
-					luminance.daff-luminance($palette-color) - luminance.daff-luminance($color)
-				)
-			)
-		);
-	}
-
-
-	//Calculate which color to get
-	$brighter-colors: ();
-	$darker-colors: ();
-
-	@each $key, $luminance in $luminance-map {
-		@if ($luminance > 0) {
-			$brighter-colors: map.merge(
-				$brighter-colors,
-				(
-					$key: $luminance
-				)
-			);
-		}
-
-		@if ($luminance < 0) {
-			$darker-colors: map.merge(
-				$darker-colors,
-				(
-					$key: math.abs($luminance)
-				)
-			);
-		}
-	}
-
-	$key: null;
-
-	@if (luminance.daff-luminance($color) >= 0.5) {
-		//If the color is bright
-		$key: _daff-illuminate-get-key($darker-colors, $nth);
-	}
-	@else {
-		//If the color is dark
-		$key: _daff-illuminate-get-key($brighter-colors, $nth);
-	}
-
-	@return map.get($palette, $key);
-}

package/scss/theming/illuminate/illuminate.spec.scss

@@ -1,15 +0,0 @@
-@use 'true' as *;
-
-@include describe('illuminate') {
-	//stylelint-disable
-	@include it('should return a lighter color if the color is dark') {
-
-	}
-	@include it('should return a darker color if the color is light') {
-
-	}
-	@include it('should return the expected color for given scenarios') {
-
-	}
-	//stylelint-enable
-}

package/types/daffodil-design-loading-icon.d.ts

@@ -1,31 +0,0 @@
-import * as i0 from '@angular/core';
-import * as i1$1 from '@angular/common';
-import * as i1 from '@daffodil/design';
-
-/**
- * @deprecated in favor of `DaffSpinnerComponent`. Deprecated in version 0.91.1. Will be removed in version 0.94.0.
- */
-declare class DaffLoadingIconComponent {
-    /**
-     * @docs-private
-     */
-    class: boolean;
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffLoadingIconComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffLoadingIconComponent, "daff-loading-icon", never, {}, {}, never, never, true, [{ directive: typeof i1.DaffColorableDirective; inputs: { "color": "color"; }; outputs: {}; }]>;
-}
-
-/**
- * @deprecated in favor of {@link DAFF_LOADING_ICON_COMPONENTS}. Deprecated in version 0.78.0. Will be removed in version 1.0.0.
- */
-declare class DaffLoadingIconModule {
-    static ɵfac: i0.ɵɵFactoryDeclaration<DaffLoadingIconModule, never>;
-    static ɵmod: i0.ɵɵNgModuleDeclaration<DaffLoadingIconModule, never, [typeof i1$1.CommonModule, typeof DaffLoadingIconComponent], [typeof DaffLoadingIconComponent]>;
-    static ɵinj: i0.ɵɵInjectorDeclaration<DaffLoadingIconModule>;
-}
-
-/**
- * @docs-private
- */
-declare const DAFF_LOADING_ICON_COMPONENTS: readonly [typeof DaffLoadingIconComponent];
-
-export { DAFF_LOADING_ICON_COMPONENTS, DaffLoadingIconComponent, DaffLoadingIconModule };