Remove deprecated announcement Alert type

user-interviews · May 3, 2024 · bc138c0 · bc138c0
1 parent 2cb9e42
commit bc138c0
Show file tree

Hide file tree

Showing 3 changed files with 0 additions and 30 deletions.
diff --git a/src/Alert/Alert.jsx b/src/Alert/Alert.jsx
@@ -17,7 +17,6 @@ import classNames from 'classnames';
 export const MessageTypes = {
   SUCCESS: 'success',
   INFO: 'info',
-  ANNOUNCEMENT: 'announcement',
   FEATURE: 'feature',
   WARNING: 'warning',
   ERROR: 'error',
@@ -39,8 +38,6 @@ const getAlertIcon = (type) => {
           <FontAwesomeIcon icon={faInfo} transform="shrink-4" />
         </span>
       );
-    case MessageTypes.ANNOUNCEMENT:
-      return (<FontAwesomeIcon icon={faBullhorn} transform="grow-2" />);
     case MessageTypes.FEATURE:
       return (<FontAwesomeIcon icon={faBullhorn} transform="grow-2" />);
     case MessageTypes.WARNING:

diff --git a/src/Alert/Alert.mdx b/src/Alert/Alert.mdx
@@ -36,7 +36,6 @@ page and are not affected by an event.
 ### Feature
 
 - Use when showcasing a new feature to a user.
-- NOTE: use this variant instead of the Announcement variant (this will be deprecated soon)
 
 <Canvas of={ComponentStories.Feature} />
 

diff --git a/src/Alert/Alert.scss b/src/Alert/Alert.scss
@@ -129,18 +129,6 @@
     }
   }
 
-  .Alert-announcement {
-    border-left: 8px solid $synth-hyperlink-color;
-
-    .close {
-      @include close-action;
-    }
-
-    .primary-action {
-      @include primary-action;
-    }
-  }
-
   .Alert-feature {
     border: 2px solid $ux-teal-600;
 
@@ -294,20 +282,6 @@
   }
 }
 
-.Alert-announcement {
-  background-color: $ux-blue-100;
-  color: $ux-blue-700;
-  border-left: 8px solid $ux-blue-300;
-
-  .close {
-    @include close-action;
-  }
-
-  .primary-action {
-    @include primary-action;
-  }
-}
-
 .Alert-feature {
   background-color: $ux-teal-100;
   color: $ux-teal-800;