Merge pull request #202 from MetroStar/emergency-alert

Add emergency type to alert component
MetroStar · Jul 17, 2024 · bb0401e · bb0401e
2 parents 6260cb7 + ab8f497
commit bb0401e
Show file tree

Hide file tree

Showing 4 changed files with 9 additions and 3 deletions.
diff --git a/package-lock.json b/package-lock.json
diff --git a/packages/comet-uswds/package.json b/packages/comet-uswds/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@metrostar/comet-uswds",
-  "version": "2.1.2",
+  "version": "2.2.0",
   "description": "React with TypeScript Component Library based on USWDS 3.0.",
   "license": "Apache-2.0",
   "main": "./dist/cjs/index.js",

diff --git a/packages/comet-uswds/src/components/alert/alert.test.tsx b/packages/comet-uswds/src/components/alert/alert.test.tsx
@@ -28,6 +28,11 @@ describe('Alert', () => {
     expect(container.querySelector('#alert')).toHaveClass('usa-alert--success');
   });
 
+  test('should render an emergency alert', () => {
+    const { container } = render(<Alert id="alert" type="emergency" />);
+    expect(container.querySelector('#alert')).toHaveClass('usa-alert--emergency');
+  });
+
   test('should render a slim alert', () => {
     const { container } = render(<Alert id="alert" type="info" slim={true} />);
     expect(container.querySelector('#alert')).toHaveClass('usa-alert--slim');

diff --git a/packages/comet-uswds/src/components/alert/alert.tsx b/packages/comet-uswds/src/components/alert/alert.tsx
@@ -9,7 +9,7 @@ export interface AlertProps {
   /**
    * The type of alert to display
    */
-  type: 'info' | 'warning' | 'error' | 'success';
+  type: 'info' | 'warning' | 'error' | 'success' | 'emergency';
   /**
    * Whether or not to display the alert
    */
@@ -53,6 +53,7 @@ export const Alert = ({
     'usa-alert--success': type === 'success',
     'usa-alert--warning': type === 'warning',
     'usa-alert--error': type === 'error',
+    'usa-alert--emergency': type === 'emergency',
     'usa-alert--info': type === 'info',
     'usa-alert--slim': slim,
     'usa-alert--no-icon': noIcon,