feat: Add yellow value to status indicator colorOverride prop (#1682)

cloudscape-design · Oct 24, 2023 · 3d3418e · 3d3418e
1 parent a86eadc
commit 3d3418e
Show file tree

Hide file tree

Showing 4 changed files with 4 additions and 2 deletions.
diff --git a/pages/status-indicator/permutations.page.tsx b/pages/status-indicator/permutations.page.tsx
@@ -12,7 +12,7 @@ const permutations = createPermutations<InternalStatusIndicatorProps>([
   },
   {
     type: ['pending'],
-    colorOverride: ['blue', 'grey', 'green', 'red'],
+    colorOverride: ['blue', 'grey', 'green', 'red', 'yellow'],
   },
   {
     type: ['info'],

diff --git a/src/__tests__/__snapshots__/documenter.test.ts.snap b/src/__tests__/__snapshots__/documenter.test.ts.snap
@@ -12455,6 +12455,7 @@ Object {
           "grey",
           "green",
           "red",
+          "yellow",
         ],
       },
       "name": "colorOverride",

diff --git a/src/status-indicator/internal.tsx b/src/status-indicator/internal.tsx
@@ -69,7 +69,7 @@ export namespace StatusIndicatorProps {
   // Why not enums? Explained there
   // https://stackoverflow.com/questions/52393730/typescript-string-literal-union-type-from-enum
   export type Type = 'error' | 'warning' | 'success' | 'info' | 'stopped' | 'pending' | 'in-progress' | 'loading';
-  export type Color = 'blue' | 'grey' | 'green' | 'red';
+  export type Color = 'blue' | 'grey' | 'green' | 'red' | 'yellow';
 }
 
 export default function StatusIndicator({

diff --git a/src/status-indicator/styles.scss b/src/status-indicator/styles.scss
@@ -25,6 +25,7 @@ $_color-overrides: (
   'grey': awsui.$color-text-status-inactive,
   'blue': awsui.$color-text-status-info,
   'green': awsui.$color-text-status-success,
+  'yellow': awsui.$color-text-status-warning,
 );
 
 .root {