@daffodil/design 0.63.2 → 0.64.1

package/src/molecules/card/card/card-theme.scss

@@ -112,74 +112,58 @@
 	a {
 		&.daff-card {
 			@include linkable.daff-linkable-card-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 linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($primary, 70),
-					theming.daff-color($primary, 80),
-					theming.daff-color($primary)
+					theming.daff-color($primary, 70)
 				);
 			}
 
 			&.daff-secondary {
 				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($secondary, 70),
-					theming.daff-color($secondary, 80),
-					theming.daff-color($secondary)
+					theming.daff-color($secondary, 70)
 				);
 			}
 
 			&.daff-tertiary {
 				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($tertiary, 70),
-					theming.daff-color($tertiary, 80),
-					theming.daff-color($tertiary)
+					theming.daff-color($tertiary, 70)
 				);
 			}
 
 			&.daff-theme {
 				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-illuminate($base, $gray, 1),
-					theming.daff-illuminate($base, $gray, 2),
-					theming.daff-color($gray)
+					theming.daff-illuminate($base, $gray, 1)
 				);
 			}
 
 			&.daff-theme-contrast {
 				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-illuminate($base-contrast, $gray, 1),
-					theming.daff-illuminate($base-contrast, $gray, 2),
-					theming.daff-color($gray)
+					theming.daff-illuminate($base-contrast, $gray, 1)
 				);
 			}
 
 			&.daff-black {
 				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($gray, 100),
-					theming.daff-color($gray, 90),
-					theming.daff-color($gray)
+					theming.daff-color($gray, 100)
 				);
 			}
 
 			&.daff-white {
 				@include linkable.daff-linkable-card-theme-variant(
-					theming.daff-color($gray, 10),
-					theming.daff-color($gray, 20),
-					theming.daff-color($gray)
+					theming.daff-color($gray, 10)
 				);
 			}
 		}
 
 		&.daff-raised-card {
-			&:hover,
-			&:focus,
-			&:active {
-				box-shadow: 0 16px 32px -4px rgba($black, 0.12),
-					0 8px 12px -2px rgba($black, 0.06);
+			.daff-card__wrapper {
+				&:after {
+					box-shadow: 0 16px 32px -4px rgba($black, 0.12),
+						0 8px 12px -2px rgba($black, 0.06);
+				}
 			}
 		}
 	}

package/src/molecules/list/list/list-theme.scss

@@ -57,11 +57,14 @@
 
 	.daff-nav-list {
 		.daff-list-item {
-			background-color: $base;
-			transition: background-color 150ms;
+			&:after {
+				background-color: $base;
+			}
 
 			&:hover {
-				background-color: theming.daff-illuminate($base, $gray, 1);
+				&:after {
+					background-color: theming.daff-illuminate($base, $gray, 1);
+				}
 			}
 		}
 	}

package/tree/examples/basic-tree/basic-tree.component.d.ts

@@ -3,5 +3,5 @@ import * as i0 from "@angular/core";
 export declare class BasicTreeComponent {
     tree: DaffTreeData<unknown>;
     static ɵfac: i0.ɵɵFactoryDeclaration<BasicTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<BasicTreeComponent, "basic-tree", never, {}, {}, never, never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<BasicTreeComponent, "basic-tree", never, {}, {}, never, never, false, never>;
 }

package/tree/tree/tree.component.d.ts

@@ -1,7 +1,7 @@
 import { OnInit, TemplateRef } from '@angular/core';
+import { DaffTreeNotifierService } from './tree-notifier.service';
 import { DaffTreeData } from '../interfaces/tree-data';
 import { DaffTreeFlatNode } from '../utils/flatten-tree';
-import { DaffTreeNotifierService } from './tree-notifier.service';
 import * as i0 from "@angular/core";
 /**
  * The `DaffTreeComponent` allows you to render tree structures as interactable ui.
@@ -71,5 +71,5 @@ export declare class DaffTreeComponent implements OnInit {
      */
     ngOnInit(): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeComponent, never>;
-    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "dataTree": "tree"; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never>;
+    static ɵcmp: i0.ɵɵComponentDeclaration<DaffTreeComponent, "ul[daff-tree]", never, { "dataTree": "tree"; }, {}, ["withChildrenTemplate", "treeItemTemplate"], never, false, never>;
 }

package/tree/tree-item/tree-item.directive.d.ts

@@ -98,5 +98,5 @@ export declare class DaffTreeItemDirective {
      */
     toggleTree(node: DaffTreeFlatNode): void;
     static ɵfac: i0.ɵɵFactoryDeclaration<DaffTreeItemDirective, never>;
-    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffTreeItemDirective, "[daffTreeItem]", never, { "node": "node"; "selected": "selected"; }, {}, never>;
+    static ɵdir: i0.ɵɵDirectiveDeclaration<DaffTreeItemDirective, "[daffTreeItem]", never, { "node": "node"; "selected": "selected"; }, {}, never, never, false, never>;
 }

package/accordion/examples/daffodil-design-accordion-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/accordion/examples" />
-export * from './index';

package/accordion/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/accordion/examples","module":"../../fesm2015/daffodil-design-accordion-examples.mjs","es2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","esm2020":"../../esm2020/accordion/examples/daffodil-design-accordion-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-accordion-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-accordion-examples.mjs","typings":"daffodil-design-accordion-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/article/examples/daffodil-design-article-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/article/examples" />
-export * from './index';

package/article/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/article/examples","module":"../../fesm2015/daffodil-design-article-examples.mjs","es2020":"../../fesm2020/daffodil-design-article-examples.mjs","esm2020":"../../esm2020/article/examples/daffodil-design-article-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-article-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-article-examples.mjs","typings":"daffodil-design-article-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/button/examples/daffodil-design-button-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/button/examples" />
-export * from './index';

package/button/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/button/examples","module":"../../fesm2015/daffodil-design-button-examples.mjs","es2020":"../../fesm2020/daffodil-design-button-examples.mjs","esm2020":"../../esm2020/button/examples/daffodil-design-button-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-button-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-button-examples.mjs","typings":"daffodil-design-button-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/callout/examples/daffodil-design-callout-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/callout/examples" />
-export * from './index';

package/callout/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/callout/examples","module":"../../fesm2015/daffodil-design-callout-examples.mjs","es2020":"../../fesm2020/daffodil-design-callout-examples.mjs","esm2020":"../../esm2020/callout/examples/daffodil-design-callout-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-callout-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-callout-examples.mjs","typings":"daffodil-design-callout-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/card/examples/daffodil-design-card-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/card/examples" />
-export * from './index';

package/card/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/card/examples","module":"../../fesm2015/daffodil-design-card-examples.mjs","es2020":"../../fesm2020/daffodil-design-card-examples.mjs","esm2020":"../../esm2020/card/examples/daffodil-design-card-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-card-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-card-examples.mjs","typings":"daffodil-design-card-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/checkbox/examples/daffodil-design-checkbox-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/checkbox/examples" />
-export * from './index';

package/checkbox/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/checkbox/examples","module":"../../fesm2015/daffodil-design-checkbox-examples.mjs","es2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","esm2020":"../../esm2020/checkbox/examples/daffodil-design-checkbox-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-checkbox-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-checkbox-examples.mjs","typings":"daffodil-design-checkbox-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/container/examples/daffodil-design-container-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/container/examples" />
-export * from './index';

package/container/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/container/examples","module":"../../fesm2015/daffodil-design-container-examples.mjs","es2020":"../../fesm2020/daffodil-design-container-examples.mjs","esm2020":"../../esm2020/container/examples/daffodil-design-container-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-container-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-container-examples.mjs","typings":"daffodil-design-container-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/hero/examples/daffodil-design-hero-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/hero/examples" />
-export * from './index';

package/hero/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/hero/examples","module":"../../fesm2015/daffodil-design-hero-examples.mjs","es2020":"../../fesm2020/daffodil-design-hero-examples.mjs","esm2020":"../../esm2020/hero/examples/daffodil-design-hero-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-hero-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-hero-examples.mjs","typings":"daffodil-design-hero-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/image/examples/daffodil-design-image-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/image/examples" />
-export * from './index';

package/image/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/image/examples","module":"../../fesm2015/daffodil-design-image-examples.mjs","es2020":"../../fesm2020/daffodil-design-image-examples.mjs","esm2020":"../../esm2020/image/examples/daffodil-design-image-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-image-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-image-examples.mjs","typings":"daffodil-design-image-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/input/examples/daffodil-design-input-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/input/examples" />
-export * from './index';

package/input/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/input/examples","module":"../../fesm2015/daffodil-design-input-examples.mjs","es2020":"../../fesm2020/daffodil-design-input-examples.mjs","esm2020":"../../esm2020/input/examples/daffodil-design-input-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-input-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-input-examples.mjs","typings":"daffodil-design-input-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/list/examples/daffodil-design-list-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/list/examples" />
-export * from './index';

package/list/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/list/examples","module":"../../fesm2015/daffodil-design-list-examples.mjs","es2020":"../../fesm2020/daffodil-design-list-examples.mjs","esm2020":"../../esm2020/list/examples/daffodil-design-list-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-list-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-list-examples.mjs","typings":"daffodil-design-list-examples.d.ts","sideEffects":false,"version":"0.63.2"}

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

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/loading-icon/examples" />
-export * from './index';

package/loading-icon/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/loading-icon/examples","module":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","es2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","esm2020":"../../esm2020/loading-icon/examples/daffodil-design-loading-icon-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-loading-icon-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-loading-icon-examples.mjs","typings":"daffodil-design-loading-icon-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/media-gallery/examples/daffodil-design-media-gallery-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/media-gallery/examples" />
-export * from './index';

package/media-gallery/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/media-gallery/examples","module":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","es2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","esm2020":"../../esm2020/media-gallery/examples/daffodil-design-media-gallery-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-media-gallery-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-media-gallery-examples.mjs","typings":"daffodil-design-media-gallery-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/menu/examples/daffodil-design-menu-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/menu/examples" />
-export * from './index';

package/menu/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/menu/examples","module":"../../fesm2015/daffodil-design-menu-examples.mjs","es2020":"../../fesm2020/daffodil-design-menu-examples.mjs","esm2020":"../../esm2020/menu/examples/daffodil-design-menu-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-menu-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-menu-examples.mjs","typings":"daffodil-design-menu-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/modal/examples/daffodil-design-modal-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/modal/examples" />
-export * from './index';

package/modal/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/modal/examples","module":"../../fesm2015/daffodil-design-modal-examples.mjs","es2020":"../../fesm2020/daffodil-design-modal-examples.mjs","esm2020":"../../esm2020/modal/examples/daffodil-design-modal-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-modal-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-modal-examples.mjs","typings":"daffodil-design-modal-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/navbar/examples/daffodil-design-navbar-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/navbar/examples" />
-export * from './index';

package/navbar/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/navbar/examples","module":"../../fesm2015/daffodil-design-navbar-examples.mjs","es2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","esm2020":"../../esm2020/navbar/examples/daffodil-design-navbar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-navbar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-navbar-examples.mjs","typings":"daffodil-design-navbar-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/notification/examples/daffodil-design-notification-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/notification/examples" />
-export * from './index';

package/notification/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/notification/examples","module":"../../fesm2015/daffodil-design-notification-examples.mjs","es2020":"../../fesm2020/daffodil-design-notification-examples.mjs","esm2020":"../../esm2020/notification/examples/daffodil-design-notification-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-notification-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-notification-examples.mjs","typings":"daffodil-design-notification-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/notification/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/notification","module":"../fesm2015/daffodil-design-notification.mjs","es2020":"../fesm2020/daffodil-design-notification.mjs","esm2020":"../esm2020/notification/daffodil-design-notification.mjs","fesm2020":"../fesm2020/daffodil-design-notification.mjs","fesm2015":"../fesm2015/daffodil-design-notification.mjs","typings":"daffodil-design-notification.d.ts","sideEffects":false,"version":"0.63.2"}

package/paginator/examples/daffodil-design-paginator-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/paginator/examples" />
-export * from './index';

package/paginator/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/paginator/examples","module":"../../fesm2015/daffodil-design-paginator-examples.mjs","es2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","esm2020":"../../esm2020/paginator/examples/daffodil-design-paginator-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-paginator-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-paginator-examples.mjs","typings":"daffodil-design-paginator-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/quantity-field/examples/daffodil-design-quantity-field-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/quantity-field/examples" />
-export * from './index';

package/quantity-field/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/quantity-field/examples","module":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","es2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","esm2020":"../../esm2020/quantity-field/examples/daffodil-design-quantity-field-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-quantity-field-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-quantity-field-examples.mjs","typings":"daffodil-design-quantity-field-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/radio/examples/daffodil-design-radio-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/radio/examples" />
-export * from './index';

package/radio/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/radio/examples","module":"../../fesm2015/daffodil-design-radio-examples.mjs","es2020":"../../fesm2020/daffodil-design-radio-examples.mjs","esm2020":"../../esm2020/radio/examples/daffodil-design-radio-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-radio-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-radio-examples.mjs","typings":"daffodil-design-radio-examples.d.ts","sideEffects":false,"version":"0.63.2"}

package/scss/README.md

@@ -1,7 +0,0 @@
-# `@daffodil/design` SCSS Utilities
-
-`@daffodil/design` provides several utility files for rapid application development.
-
-- `utilities.scss` - A utility library containing things like breakpoints and sass language additions
-- `daff-typography.scss` - A typographic library (deprecated)
-- `theme.scss` - A utility library that allows you to theme `@daffodil/design` components

package/scss/theming/README.md

@@ -1,104 +0,0 @@
-# Daffodil Theming
-Daffodil's theming capabilities enables you to customize `@daffodil/design` components to reflect your brand. A theme consists of custom color configurations that will work in dark and light themes.
-
-## Custom Colors
-:stop: Before you begin, read the [accessibility guide on color in `@daffodil/design`](../../guides/color.md#accessibility).
-
-## Themes
-Dark and light modes are supported in all `@daffodil/design` components. When a theme is not specified, Daffodil defaults to the `light` mode.
-
-## Palettes
-A palette is a collection of [perceptually uniform colors](https://programmingdesignsystems.com/color/perceptually-uniform-color-spaces/) with consistent contrast ratios. `@daffodil/design`'s color palettes are represented by a Sass map, with each value in a palette called a **hue**.
-
-## Predefined palettes
-`@daffodil/design` offers predefined palettes based on our brand guidelines. You can choose to use our palettes or define your own. No further configuration is needed in your `app-theme.scss` file if you choose to use `@daffodil/design`'s palettes. Below is an example of the structure of a predefined `@daffodil/design` palette.
-
-```scss
-$daff-blue: (
-  10: #ebf1ff,
-  20: #c4d8ff,
-  30: #9dbeff,
-  40: #79a7ff,
-  50: #548fff,
-  60: #1f66ff,
-  70: #093cf3,
-  80: #001bcb,
-  90: #00098a,
-  100: #000033
-);
-```
-
-### Define your own palettes
-You can define your own palettes by creating a Sass map that matches the example from above. Your Sass maps must have hues from 10 to 100, with a step increment of 10.
-
-### Setting up your custom theme file
-Configure your application to support the custom palettes you created by adding the following to your `app-theme.scss` file:
-
-```scss
-@use '@daffodil/design/scss/theme' as daff-theme;
-@use 'app-color-palettes' as palette;
-
-// These palettes describe the colors that make up the "theme" of the components.
-
-$primary: daff-theme.daff-configure-palette(palette.$app-green, 60);
-$secondary: daff-theme.daff-configure-palette(palette.$app-blue, 60);
-$tertiary: daff-theme.daff-configure-palette(palette.$app-purple, 60);
-
-$theme: daff-theme.daff-configure-theme($primary, $secondary, $tertiary, 'light');
-
-$primary-dark: daff-theme.daff-configure-palette(palette.$app-green, 50);
-$secondary-dark: daff-theme.daff-configure-palette(palette.$app-blue, 50);
-$tertiary-dark: daff-theme.daff-configure-palette(palette.$app-purple, 50);
-
-$theme-dark: daff-theme.daff-configure-theme($primary-dark, $secondary-dark, $tertiary-dark, 'dark');
-
-$black: daff-theme.daff-map-deep-get($theme, 'core.black');
-$white: daff-theme.daff-map-deep-get($theme, 'core.white');
-$gray: daff-theme.daff-map-deep-get($theme, 'core.gray');
-```
-
-### Setting up the styles file with `@daffodil/design`'s theme
-Use `@daffodil/design`'s theme module to the `styles.scss` file:
-
-```scss
-@use '@daffodil/design/scss/theme' as daff-theme;
-```
-
-Create classes in the `styles.scss` file to include the `theme` module for `$theme` and `$theme-dark` variables. This will allow you to set a click event on a button to switch between modes. [View this setup in Stackblitz](https://stackblitz.com/edit/ng13-daffodil-design)
-
-```scss
-@use '@daffodil/design/scss/theme' as daff-theme;
-
-.daff-theme-light {
-	@include daff-theme.daff-theme(daff-theme.$theme);
-}
-
-.daff-theme-dark {
-	@include daff-theme.daff-theme(daff-theme.$theme-dark);
-}
-```
-
-### Setting up the styles file with your custom theme
-Add `app-theme.scss` to the `styles.scss` file:
-
-```scss
-@use '@daffodil/design/scss/theme' as daff-theme;
-@use 'app-theme';
-```
-
-> These lines include theme variables and functions that will generate the theme CSS and style the components.
-
-Create classes in the `styles.scss` file to include the `theme` module for `$theme` and `$theme-dark` variables. This will allow you to set a click event on a button to switch between modes. [View this setup in Stackblitz](https://stackblitz.com/edit/ng13-daffodil-design-custom-theme)
-
-```scss
-@use '@daffodil/design/scss/theme' as daff-theme;
-@use 'app-theme';
-
-.daff-theme-light {
-  @include daff-theme.daff-theme(app-theme.$theme);
-}
-
-.daff-theme-dark {
-  @include daff-theme.daff-theme(app-theme.$theme-dark);
-}
-```

package/scss/typography/README.md

@@ -1,85 +0,0 @@
-# Typography
-Daffodil uses typography to establish hierarchy and create clear visual patterns to guide users through a product or experience.
-
-## Usage
-To include typography in your project, you can add the following in your Sass file:
-
-```scss
-@use '@daffodil/design/scss/utilities';
-```
-
-## Type Scale
-`@daffodil/design`'s typographic scale is designed with visual distinctions to help users better understand content and UI. Text sizes, styles, and layouts have been chosen to maintain logical hierarchies and drive consistency throughout an application.
-
-### 8px System
-Our type scale is based on an 8px system, where the type is largely divisible by 8. For smaller sizes, the system allows for the scale to be divisible by 4. Font sizes are typically smaller on mobile and scaled up at the `tablet` breakpoint to be larger on desktop.
-
-## Font Stack
-Daffodil uses a system font stack to maximize on performance, legibility, and accessibility. System fonts play into the improvement of today's rich displays Additionally, system fonts provides a seamless experience for users because the application feel more like it blends in with their device's OS.
-
-```scss
-font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Helvetica, Arial, sans-serif, 'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol';
-```
-
-* `-apple-system` and `BlinkMacSystemFont` targets default fonts in Safari, Firefox, and Chrome on macOS and iOS.
-* `Segoe UI` is the system font for Windows.
-* `Helvetica` and `Arial` are added as fallbacks.
-* `Apple Color Emoji`, `Segoe UI Emoji`, and `Segoe UI Symbol` are included so that emojis are rendered correctly in macOS and Windows.
-
-## Typography Mixins
-Typography mixins are used to keep typography consistent with logical hierarchies. Utilizing the mixin ensures that content within the UI are clear and easily recognizable. Mixins are available for headlines, body, subheading, and caption. They are used within the `@daffodil/design` components and can also be used within custom CSS.
-
-The headline mixins are responsive and will adjust at the `tablet` breakpoint.
-
-| Mixin       | Font size: mobile | Line height: mobile | Font size: desktop | Line height: desktop | Font weight | Letter spacing |
-| ----------- | ----------------- | ------------------- | ------------------ | -------------------- | ----------- | -------------- |
-| headline-xl | 40px              | 48px                | 56px               | 64px                 | 700         | 0px            |
-| headline-lg | 32px              | 36px                | 48px               | 56px                 | 700         | 0px            |
-| headline-md | 24px              | 28px                | 32px               | 40px                 | 700         | 0px            |
-| headline-sm | 20px              | 24px                | 24px               | 32px                 | 700         | 0px            |
-| body-lg     | 24px              | 32px                | 24px               | 32px                 | 400         | 0px            |
-| body-md     | 20px              | 28px                | 20px               | 28px                 | 400         | 0px            |
-| body-sm     | 16px              | 24px                | 16px               | 24px                 | 400         | 0px            |
-| body-xs     | 14px              | 20px                | 14px               | 20px                 | 400         | 0px            |
-| subheading  | 14px              | 16px                | 14px               | 16px                 | 700         | 0.5px          |
-| caption     | 12px              | 16px                | 12px               | 16px                 | 400         | 0px            |
-
-**Example:**
-```scss
-@use '@daffodil/design/scss/utilities';
-
-.title {
-	@include utilities.headline-xl;
-}
-```
-
-## Formatting Utilities and Mixins
-`@daffodil/design` also provides a few mixins to enforce consistency and ease-of-use. We recommend using the utility classes sparingly.
-
-| Class/Mixin   | Description                                                                  |
-| ------------- | ---------------------------------------------------------------------------- |
-| embolden      | Changes the weight of text to 700                                            |
-| uppercase     | Changes the casing of a piece of text to uppercase                           |
-| text-truncate | Forces a line of text to ellipsis once it reaches the width of its container |
-
-> `text-truncate` should only be used if the element is `display: block;` or `display: inline-block;`
-
-You can include the typography utility classes in your project by writing the following in your Sass file:
-
-```scss
-@use '@daffodil/design/scss/typography/classes';
-```
-
-Otherwise, you can use the mixins in your project by using the following module in your Sass file:
-
-```scss
-@use '@daffodil/design/scss/utilities';
-```
-
-## Typography Variables
-```scss
-$large-font-size: 1.5rem;
-$medium-font-size: 1.25rem;
-$normal-font-size: 1rem;
-$small-font-size: 0.875rem;
-```

package/sidebar/examples/daffodil-design-sidebar-examples.d.ts

@@ -1,5 +0,0 @@
-/**
- * Generated bundle index. Do not edit.
- */
-/// <amd-module name="@daffodil/design/sidebar/examples" />
-export * from './index';

package/sidebar/examples/package.json

@@ -1 +0,0 @@
-{"name":"@daffodil/design/sidebar/examples","module":"../../fesm2015/daffodil-design-sidebar-examples.mjs","es2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","esm2020":"../../esm2020/sidebar/examples/daffodil-design-sidebar-examples.mjs","fesm2020":"../../fesm2020/daffodil-design-sidebar-examples.mjs","fesm2015":"../../fesm2015/daffodil-design-sidebar-examples.mjs","typings":"daffodil-design-sidebar-examples.d.ts","sideEffects":false,"version":"0.63.2"}