docs(icons): Adds severity icons. (#4207)

* docs(icons): Adds severity icons. * Updates critical risk icon description.
patternfly · Sep 17, 2024 · 0d5f4b4 · 0d5f4b4
1 parent 099b4a0
commit 0d5f4b4
Showing 1 changed file with 49 additions and 1 deletion.
diff --git a/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/icons/icons.js b/packages/documentation-site/patternfly-docs/content/design-guidelines/styles/icons/icons.js
@@ -232,7 +232,55 @@ export const iconsData = [
     "Name": "pficon-critical-risk",
     "React_name": "CriticalRiskIcon",
     "Type": "Status",
-    "Contextual_usage": "Represents potential critical impact on a system or cluster",
+    "Contextual_usage": "Represents potential critical impact on a system or cluster. This is an old icon, going forward, use the pficon-severity-critical icon.",
+  },
+  {
+    "Style": "pficon",
+    "Name": "pficon-severity-critical",
+    "React_name": "SeverityCriticalIcon",
+    "Type": "Status",
+    "Contextual_usage": "Indicates the highest level of severity for an error or issue. This icon should be used instead of pficon-critical-risk for new implementations.",
+    color: 'var(--pf-t--global--icon--color--severity--critical--default)',
+  },
+  {
+    "Style": "pficon",
+    "Name": "pficon-severity-important",
+    "React_name": "SeverityImportantIcon",
+    "Type": "Status",
+    "Contextual_usage": "Indicates important severity for an error or issue.",
+    color: 'var(--pf-t--global--icon--color--severity--important--default)',
+  },
+  {
+    "Style": "pficon",
+    "Name": "pficon-severity-moderate",
+    "React_name": "SeverityModerateIcon",
+    "Type": "Status",
+    "Contextual_usage": "Indicates moderate severity for an error or issue.",
+    color: 'var(--pf-t--global--icon--color--severity--moderate--default)',
+  },
+  {
+    "Style": "pficon",
+    "Name": "pficon-severity-minor",
+    "React_name": "SeverityMinorIcon",
+    "Type": "Status",
+    "Contextual_usage": "Indicates minor severity for an error or issue.",
+    color: 'var(--pf-t--global--icon--color--severity--minor--default)',
+  },
+  {
+    "Style": "pficon",
+    "Name": "pficon-severity-none",
+    "React_name": "SeverityNoneIcon",
+    "Type": "Status",
+    "Contextual_usage": "Indicates no severity for an error or issue.",
+    color: 'var(--pf-t--global--icon--color--severity--none--default)',
+  },
+  {
+    "Style": "pficon",
+    "Name": "pficon-severity-undefined",
+    "React_name": "SeverityUndefinedIcon",
+    "Type": "Status",
+    "Contextual_usage": "Indicates undefined severity for an error or issue. Use if a severity level has not been determined yet, but is expected to change and be defined later.",
+    color: 'var(--pf-t--global--icon--color--severity--undefined--default)',
   },
   {
     "Style": "fas",