feat(design): add deprecation notice for DaffButtonSetComponent (#2571)

graycoreio · Sep 25, 2023 · 1ef3e46 · 1ef3e46
1 parent c1574ee
commit 1ef3e46
Show file tree

Hide file tree

Showing 5 changed files with 14 additions and 5 deletions.
diff --git a/apps/demo/src/app/core/footer/footer.component.html b/apps/demo/src/app/core/footer/footer.component.html
@@ -6,10 +6,10 @@ <h3 daffListSubheader>{{ linkset.title }}</h3>
         <a routerLink="{{ link.path }}">{{ link.title }}</a>
       </daff-list-item>
     </daff-list>
-    <daff-button-set>
+    <div class="demo-footer__social">
       <a daff-icon-button color="black" href="#" target="_blank" rel="noopener noreferrer"><fa-icon [icon]="faTwitter"></fa-icon></a>
       <a daff-icon-button color="black" href="#" target="_blank" rel="noopener noreferrer"><fa-icon [icon]="faFacebookF"></fa-icon></a>
       <a daff-icon-button color="black" href="#" target="_blank" rel="noopener noreferrer"><fa-icon [icon]="faInstagram"></fa-icon></a>
-    </daff-button-set>
+    </div>
   </div>
 </daff-container>
diff --git a/apps/demo/src/app/core/footer/footer.component.scss b/apps/demo/src/app/core/footer/footer.component.scss
@@ -25,4 +25,10 @@
 	@include breakpoint(big-tablet) {
 		grid-template-columns: repeat(4, 1fr);
 	}
+
+	&__social {
+		display: flex;
+		flex-wrap: wrap;
+		gap: 4px;
+	}
 }
diff --git a/apps/demo/src/app/core/footer/footer.module.ts b/apps/demo/src/app/core/footer/footer.module.ts
@@ -5,7 +5,6 @@ import { FontAwesomeModule } from '@fortawesome/angular-fontawesome';
 
 import {
   DaffListModule,
-  DaffButtonSetModule,
   DaffButtonModule,
   DaffContainerModule,
 } from '@daffodil/design';
@@ -20,7 +19,6 @@ import { FooterComponent } from './footer.component';
 
     DaffListModule,
     DaffButtonModule,
-    DaffButtonSetModule,
     DaffContainerModule,
     FontAwesomeModule,
   ],

diff --git a/libs/design/src/molecules/button-set/README.md b/libs/design/src/molecules/button-set/README.md
@@ -1,4 +1,6 @@
-# Button Set Component
+# Button Set (deprecated)
+
+> The button set will be deprecated in v1.0.0 in favor of allowing endusers to determine how a set of buttons should be displayed.
 
 The button set component is used when there are two or more buttons grouped together in a row.
 

diff --git a/libs/design/src/molecules/button-set/button-set.component.ts b/libs/design/src/molecules/button-set/button-set.component.ts
@@ -5,6 +5,9 @@ import {
   ChangeDetectionStrategy,
 } from '@angular/core';
 
+/**
+ * @deprecated in v1.0.0
+ */
 @Component({
   selector: 'daff-button-set',
   template: '<ng-content></ng-content>',