docs(icons): Updates severity icon colors. (#4208)

* docs(icons): Updates severity icon colors. * Updates color vars.
patternfly · Sep 17, 2024 · 61aa3e0 · 61aa3e0
1 parent f616161
commit 61aa3e0
Showing 1 changed file with 18 additions and 11 deletions.
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
@@ -1242,49 +1242,56 @@ export const iconsData = [
     "Name": "pficon-critical-risk",
     "React_name": "CriticalRiskIcon",
     "Type": "Status",
-    "Contextual_usage": "Indicates critical severity for an error or issue. This is an old icon, going forward, use the pficon-severity-critical icon.",
+    "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 critical severity for an error or issue. This icon should be used instead of pficon-critical-risk for new implementations.",
+    "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-v5-global--palette--red-200)',
   },
   {
     "Style": "pficon",
     "Name": "pficon-severity-important",
     "React_name": "SeverityImportantIcon",
     "Type": "Status",
-    "Contextual_usage": "Indicates important severity for an error or issue",
+    "Contextual_usage": "Indicates important severity for an error or issue.",
+    color: 'var(--pf-v5-global--palette--orange-400)',
   },
   {
     "Style": "pficon",
-    "Name": "pficon-severity-minor",
-    "React_name": "SeverityMinorIcon",
+    "Name": "pficon-severity-moderate",
+    "React_name": "SeverityModerateIcon",
     "Type": "Status",
-    "Contextual_usage": "Indicates minor severity for an error or issue",
+    "Contextual_usage": "Indicates moderate severity for an error or issue.",
+    color: 'var(--pf-v5-global--palette--gold-400)',
   },
   {
     "Style": "pficon",
-    "Name": "pficon-severity-moderate",
-    "React_name": "SeverityModerateIcon",
+    "Name": "pficon-severity-minor",
+    "React_name": "SeverityMinorIcon",
     "Type": "Status",
-    "Contextual_usage": "Indicates moderate severity for an error or issue",
+    "Contextual_usage": "Indicates minor severity for an error or issue.",
+    color: 'var(--pf-v5-global--palette--black-400)',
   },
+
   {
     "Style": "pficon",
     "Name": "pficon-severity-none",
     "React_name": "SeverityNoneIcon",
     "Type": "Status",
-    "Contextual_usage": "Indicates no severity for an error or issue",
+    "Contextual_usage": "Indicates no severity for an error or issue.",
+    color: 'var(--pf-v5-global--palette--blue-300)',
   },
   {
     "Style": "pficon",
     "Name": "pficon-severity-undefined",
     "React_name": "SeverityUndefinedIcon",
     "Type": "Status",
-    "Contextual_usage": "Indicates undefined severity for an error or issue",
+    "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-v5-global--palette--black-300)',
   },
   {
     "Style": "pficon",