Add netral intent to SwirlInlineStatus (#713)

getflip · May 21, 2024 · 4fcbedc · 4fcbedc
1 parent c882ced
commit 4fcbedc
Show file tree

Hide file tree

Showing 5 changed files with 21 additions and 0 deletions.
diff --git a/.changeset/loud-baboons-nail.md b/.changeset/loud-baboons-nail.md
@@ -0,0 +1,7 @@
+---
+"@getflip/swirl-components": minor
+"@getflip/swirl-components-angular": minor
+"@getflip/swirl-components-react": minor
+---
+
+Add neutral intent to SwirlInlineStatus
diff --git a/packages/swirl-components/src/components/swirl-inline-status/swirl-inline-status.css b/packages/swirl-components/src/components/swirl-inline-status/swirl-inline-status.css
@@ -49,6 +49,14 @@
   }
 }
 
+.inline-status--intent-neutral {
+  color: var(--s-text-subdued);
+
+  & .inline-status__icon {
+    color: var(--s-icon-default);
+  }
+}
+
 .inline-status--intent-success {
   color: var(--s-text-success);
 

diff --git a/...ges/swirl-components/src/components/swirl-inline-status/swirl-inline-status.mdx b/...ges/swirl-components/src/components/swirl-inline-status/swirl-inline-status.mdx
@@ -24,6 +24,8 @@ The SwirlInlineStatus component is used to convey status information.
 | `--s-text-critical` | Text color of the inline status with intent "critical" |
 | `--s-icon-info`     | Icon color of the inline status with intent "info"     |
 | `--s-text-info`     | Text color of the inline status with intent "info"     |
+| `--s-icon-neutral`  | Icon color of the inline status with intent "neutral"  |
+| `--s-text-neutral`  | Text color of the inline status with intent "neutral"  |
 | `--s-icon-success`  | Icon color of the inline status with intent "success"  |
 | `--s-text-success`  | Text color of the inline status with intent "success"  |
 | `--s-icon-warning`  | Icon color of the inline status with intent "warning"  |

diff --git a/packages/swirl-components/src/components/swirl-inline-status/swirl-inline-status.tsx b/packages/swirl-components/src/components/swirl-inline-status/swirl-inline-status.tsx
@@ -6,6 +6,7 @@ import { SwirlIconSize } from "../swirl-icon/swirl-icon.types";
 export type SwirlInlineStatusIntent =
   | "critical"
   | "info"
+  | "neutral"
   | "success"
   | "warning";
 

diff --git a/packages/swirl-components/vscode-data.json b/packages/swirl-components/vscode-data.json
@@ -11994,6 +11994,9 @@
             {
               "name": "info"
             },
+            {
+              "name": "neutral"
+            },
             {
               "name": "success"
             },
-Original file line number
+Diff line change
@@ Expand Up / @@ -11994,6 +11994,9 @@ @@
                 {
                   "name": "info"
                 },
+                {
+                  "name": "neutral"
+                },
                 {
                   "name": "success"
                 },
@@ Expand Down @@