feat(design)!: shard button component (#2654)

BREAKING CHANGE: `DaffButtonModule` has moved to its own package. Update imports to `@daffodil/design/button`

apps/daffio/src/app/content/home/components/home-callout-pwa/home-callout-pwa.module.ts

@@ -5,14 +5,13 @@ import { RouterModule } from '@angular/router';
 import {
   DaffContainerModule,
   DaffCalloutModule,
-  DaffButtonModule,
   DaffImageModule,
   DaffCardModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioHomeCalloutPwaComponent } from './home-callout-pwa.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/daffio/src/app/content/home/components/home-hero/home-hero.module.ts

@@ -5,13 +5,12 @@ import { RouterModule } from '@angular/router';
 import {
   DaffContainerModule,
   DaffHeroModule,
-  DaffButtonModule,
   DaffImageModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioHomeHeroComponent } from './home-hero.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/daffio/src/app/content/not-found/not-found.module.ts

@@ -6,14 +6,13 @@ import { RouterModule } from '@angular/router';
 import {
   DaffHeroModule,
   DaffContainerModule,
-  DaffButtonModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioNotFoundComponent } from './component/not-found.component';
 import { DaffioNotFoundRoutingModule } from './not-found-routing.module';
 import { TemplateModule } from '../../core/template/template.module';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/daffio/src/app/content/support/support.module.ts

@@ -6,14 +6,13 @@ import { RouterModule } from '@angular/router';
 import {
   DaffHeroModule,
   DaffContainerModule,
-  DaffButtonModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioSupportComponent } from './component/support.component';
 import { DaffioSupportRoutingModule } from './support-routing.module';
 import { TemplateModule } from '../../core/template/template.module';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/daffio/src/app/content/why-pwa/components/why-pwa-hero/why-pwa-hero.module.ts

@@ -5,12 +5,11 @@ import { RouterModule } from '@angular/router';
 import {
   DaffContainerModule,
   DaffHeroModule,
-  DaffButtonModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioWhyPwaHeroComponent } from './why-pwa-hero.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/daffio/src/app/core/footer/footer.module.ts

@@ -11,18 +11,15 @@ import {
   DaffCalloutModule,
   DaffListModule,
   DaffButtonSetModule,
-  DaffButtonModule,
   DaffContainerModule,
   DaffInputModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioSimpleFooterComponent } from './simple-footer/simple-footer.component';
 import { DaffioSubFooterComponent } from './sub-footer/sub-footer.component';
 import { DaffioNewsletterModule } from '../../newsletter/newsletter.module';
 
-
-
-
 @NgModule({
   imports: [
     CommonModule,

apps/daffio/src/app/core/header/containers/header.module.ts

@@ -4,7 +4,7 @@ import { RouterModule } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import { DaffLogoModule } from '@daffodil/branding';
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 import { DaffThemeSwitchButtonModule } from '@daffodil/theme-switch';
 
 import { DaffioHeaderContainer } from './header.component';

apps/daffio/src/app/core/sidebar/sidebar.module.ts

@@ -2,10 +2,8 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 
-import {
-  DaffSidebarModule,
-  DaffButtonModule,
-} from '@daffodil/design';
+import { DaffSidebarModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioSidebarViewportContainer } from './containers/sidebar-viewport/sidebar-viewport.component';
 import { DaffioSidebarStateModule } from './sidebar.state.module';

apps/daffio/src/app/newsletter/newsletter.module.ts

@@ -3,13 +3,12 @@ import { NgModule } from '@angular/core';
 
 import {
   DaffInputModule,
-  DaffButtonModule,
   DaffContainerModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DaffioNewsletterComponent } from './newsletter.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/demo/src/app/cart/components/add-to-cart-notification/components/add-to-cart-notification/add-to-cart-notification.module.ts

@@ -5,15 +5,14 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 import {
   DaffButtonSetModule,
   DaffLoadingIconModule,
-  DaffButtonModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { AddToCartNotificationComponent } from './add-to-cart-notification.component';
 import { ProceedToCheckoutModule } from '../../../proceed-to-checkout/proceed-to-checkout.module';
 import { ViewCartModule } from '../../../view-cart/view-cart.module';
 import { ProductAddedModule } from '../product-added/product-added.module';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/demo/src/app/cart/components/cart-sidebar/cart-sidebar.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { CartSidebarComponent } from './cart-sidebar.component';
 import { HelpBoxModule } from '../../../misc/help-box/help-box.module';

apps/demo/src/app/cart/components/view-cart/view-cart.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { ViewCartDirective } from './view-cart.directive';
 

apps/demo/src/app/checkout/components/payment/payment-form/payment-form.module.ts

@@ -5,8 +5,8 @@ import { ReactiveFormsModule } from '@angular/forms';
 import {
   DaffInputModule,
   DaffNativeSelectModule,
-  DaffButtonModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { PaymentFormComponent } from './payment-form.component';
 import { AddressFormModule } from '../../forms/address-form/address-form.module';

apps/demo/src/app/checkout/components/place-order/place-order.module.ts

@@ -1,11 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { PlaceOrderComponent } from './place-order.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/demo/src/app/checkout/components/shipping/shipping-form/shipping-form.module.ts

@@ -2,7 +2,7 @@ import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 import { ReactiveFormsModule } from '@angular/forms';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { ShippingFormComponent } from './shipping-form.component';
 import { AddressFormModule } from '../../forms/address-form/address-form.module';

apps/demo/src/app/core/footer/footer.module.ts

@@ -5,13 +5,12 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import {
   DaffListModule,
-  DaffButtonModule,
   DaffContainerModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { FooterComponent } from './footer.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/demo/src/app/core/header/header.module.ts

@@ -3,17 +3,14 @@ import { NgModule } from '@angular/core';
 import { RouterModule } from '@angular/router';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import {
-  DaffNavbarModule,
-  DaffButtonModule,
-} from '@daffodil/design';
+import { DaffNavbarModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DemoHeaderComponent } from './components/header/header.component';
 import { DemoHeaderContainer } from './containers/header/header.component';
 import { LogoModule } from '../logo/logo.module';
 import { SidebarModule } from '../sidebar/sidebar.module';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/demo/src/app/newsletter/newsletter.module.ts

@@ -4,15 +4,13 @@ import { ReactiveFormsModule } from '@angular/forms';
 
 import {
   DaffInputModule,
-  DaffButtonModule,
   DaffContainerModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 import { DaffNewsletterStateModule } from '@daffodil/newsletter/state';
 
 import { NewsletterComponent } from './newsletter.component';
 
-
-
 @NgModule({
   imports: [
     CommonModule,

apps/demo/src/app/product/components/add-to-cart/add-to-cart.module.ts

@@ -1,7 +1,7 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { AddToCartComponent } from './add-to-cart.component';
 

apps/demo/src/app/thank-you/components/print-order-summary/print-order-summary.module.ts

@@ -1,11 +1,10 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { PrintOrderSummaryComponent } from './print-order-summary.component';
 
-
 @NgModule({
   imports: [
     CommonModule,

apps/design-land/src/app/app.module.ts

@@ -9,9 +9,9 @@ import {
   DaffLinkSetModule,
   DAFF_THEME_INITIALIZER,
   DaffNavbarModule,
-  DaffButtonModule,
 } from '@daffodil/design';
 import { DaffArticleModule } from '@daffodil/design/article';
+import { DaffButtonModule } from '@daffodil/design/button';
 import { DaffThemeSwitchButtonModule } from '@daffodil/theme-switch';
 
 import { DesignLandAppRoutingModule } from './app-routing.module';

apps/design-land/src/app/button/button.module.ts

@@ -1,8 +1,8 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import { DaffButtonModule } from '@daffodil/design';
 import { DaffArticleModule } from '@daffodil/design/article';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DesignLandButtonRoutingModule } from './button-routing.module';
 import { DesignLandButtonComponent } from './button.component';

apps/design-land/src/app/form/form.module.ts

@@ -5,8 +5,8 @@ import { ReactiveFormsModule } from '@angular/forms';
 import {
   DaffInputModule,
   DaffFormFieldModule,
-  DaffButtonModule,
 } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DesignLandFormRoutingModule } from './form-routing.module';
 import { DesignLandFormComponent } from './form.component';

apps/design-land/src/app/menu/menu.module.ts

@@ -1,11 +1,9 @@
 import { CommonModule } from '@angular/common';
 import { NgModule } from '@angular/core';
 
-import {
-  DaffButtonModule,
-  DaffMenuModule,
-} from '@daffodil/design';
+import { DaffMenuModule } from '@daffodil/design';
 import { DaffArticleModule } from '@daffodil/design/article';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { DesignLandMenuRoutingModule } from './menu-routing-module';
 import { DesignLandMenuComponent } from './menu.component';

libs/design/button/examples/src/basic-button/basic-button.module.ts

@@ -1,11 +1,10 @@
 import { NgModule } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { BasicButtonComponent } from './basic-button.component';
 
-
 @NgModule({
   declarations: [
     BasicButtonComponent,

libs/design/button/examples/src/flat-button/flat-button.module.ts

@@ -1,7 +1,7 @@
 import { NgModule } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { FlatButtonComponent } from './flat-button.component';
 

libs/design/button/examples/src/icon-button/icon-button.module.ts

@@ -1,11 +1,10 @@
 import { NgModule } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { IconButtonComponent } from './icon-button.component';
 
-
 @NgModule({
   declarations: [
     IconButtonComponent,

libs/design/button/examples/src/raised-button/raised-button.module.ts

@@ -1,11 +1,10 @@
 import { NgModule } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { RaisedButtonComponent } from './raised-button.component';
 
-
 @NgModule({
   declarations: [
     RaisedButtonComponent,

libs/design/button/examples/src/sizeable-button/sizeable-button.module.ts

@@ -1,11 +1,10 @@
 import { NgModule } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { SizeableButtonComponent } from './sizeable-button.component';
 
-
 @NgModule({
   declarations: [
     SizeableButtonComponent,

libs/design/button/examples/src/statusable-button/statusable-button.module.ts

@@ -1,11 +1,10 @@
 import { NgModule } from '@angular/core';
 import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
-import { DaffButtonModule } from '@daffodil/design';
+import { DaffButtonModule } from '@daffodil/design/button';
 
 import { StatusableButtonComponent } from './statusable-button.component';
 
-
 @NgModule({
   declarations: [
     StatusableButtonComponent,