@patternfly/react-tokens 4.88.1 → 4.88.4

package/CHANGELOG.md

@@ -3,6 +3,30 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.88.4 (2022-09-02)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## 4.88.3 (2022-09-01)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
+## 4.88.2 (2022-09-01)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+
+
+
+
 ## 4.88.1 (2022-09-01)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/dist/esm/c_card.d.ts

@@ -71,6 +71,15 @@ export const c_card: {
         "1.5rem"
       ]
     },
+    "c_card__title_FontFamily": {
+      "name": "--pf-c-card__title--FontFamily",
+      "value": "'\"RedHatDisplay\", \"Overpass\", overpass, helvetica, arial, sans-serif'",
+      "values": [
+        "--pf-global--FontFamily--heading--sans-serif",
+        "$pf-global--FontFamily--heading--sans-serif",
+        "'\"RedHatDisplay\", \"Overpass\", overpass, helvetica, arial, sans-serif'"
+      ]
+    },
     "c_card__title_FontSize": {
       "name": "--pf-c-card__title--FontSize",
       "value": "1rem",

package/dist/esm/c_card.js

@@ -71,6 +71,15 @@ export const c_card = {
         "1.5rem"
       ]
     },
+    "c_card__title_FontFamily": {
+      "name": "--pf-c-card__title--FontFamily",
+      "value": "'\"RedHatDisplay\", \"Overpass\", overpass, helvetica, arial, sans-serif'",
+      "values": [
+        "--pf-global--FontFamily--heading--sans-serif",
+        "$pf-global--FontFamily--heading--sans-serif",
+        "'\"RedHatDisplay\", \"Overpass\", overpass, helvetica, arial, sans-serif'"
+      ]
+    },
     "c_card__title_FontSize": {
       "name": "--pf-c-card__title--FontSize",
       "value": "1rem",

package/dist/esm/c_card__title_FontFamily.d.ts

@@ -0,0 +1,6 @@
+export const c_card__title_FontFamily: {
+  "name": "--pf-c-card__title--FontFamily",
+  "value": "'\"RedHatDisplay\", \"Overpass\", overpass, helvetica, arial, sans-serif'",
+  "var": "var(--pf-c-card__title--FontFamily)"
+};
+export default c_card__title_FontFamily;

package/dist/esm/c_card__title_FontFamily.js

@@ -0,0 +1,6 @@
+export const c_card__title_FontFamily = {
+  "name": "--pf-c-card__title--FontFamily",
+  "value": "'\"RedHatDisplay\", \"Overpass\", overpass, helvetica, arial, sans-serif'",
+  "var": "var(--pf-c-card__title--FontFamily)"
+};
+export default c_card__title_FontFamily;

package/dist/esm/c_log_viewer.d.ts

@@ -412,6 +412,25 @@ export const c_log_viewer: {
         "4.0625rem"
       ]
     },
+    "c_log_viewer__list_FontFamily": {
+      "name": "--pf-c-log-viewer__list--FontFamily",
+      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "values": [
+        "--pf-global--FontFamily--monospace",
+        "$pf-global--FontFamily--monospace",
+        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+      ]
+    },
+    "c_log_viewer__list_FontSize": {
+      "name": "--pf-c-log-viewer__list--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
     "c_log_viewer__index_Display": {
       "name": "--pf-c-log-viewer__index--Display",
       "value": "none"
@@ -440,25 +459,6 @@ export const c_log_viewer: {
         "1.5rem"
       ]
     },
-    "c_log_viewer__index_FontFamily": {
-      "name": "--pf-c-log-viewer__index--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
-      "values": [
-        "--pf-global--FontFamily--monospace",
-        "$pf-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
-      ]
-    },
-    "c_log_viewer__index_FontSize": {
-      "name": "--pf-c-log-viewer__index--FontSize",
-      "value": "0.875rem",
-      "values": [
-        "--pf-global--FontSize--sm",
-        "$pf-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
-      ]
-    },
     "c_log_viewer__index_Color": {
       "name": "--pf-c-log-viewer__index--Color",
       "value": "#6a6e73",
@@ -473,6 +473,31 @@ export const c_log_viewer: {
       "name": "--pf-c-log-viewer__index--BackgroundColor",
       "value": "transparent"
     },
+    "c_log_viewer_line_number_chars": {
+      "name": "--pf-c-log-viewer--line-number-chars",
+      "value": "4.4"
+    },
+    "c_log_viewer_m_line_number_chars__index_PaddingRight": {
+      "name": "--pf-c-log-viewer--m-line-number-chars__index--PaddingRight",
+      "value": "0.25rem",
+      "values": [
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_log_viewer_m_line_number_chars__index_Width": {
+      "name": "--pf-c-log-viewer--m-line-number-chars__index--Width",
+      "value": "calc(1ch * 4.4 + 2rem + 1.5rem)",
+      "values": [
+        "calc(1ch * --pf-c-log-viewer--line-number-chars + --pf-c-log-viewer__index--PaddingRight + --pf-c-log-viewer__index--PaddingLeft)",
+        "calc(1ch * 4.4 + --pf-global--spacer--xl + --pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + $pf-global--spacer--xl + $pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + pf-size-prem(32px) + pf-size-prem(24px))",
+        "calc(1ch * 4.4 + 2rem + 1.5rem)"
+      ]
+    },
     "c_log_viewer__text_PaddingRight": {
       "name": "--pf-c-log-viewer__text--PaddingRight",
       "value": "1rem",
@@ -493,25 +518,6 @@ export const c_log_viewer: {
         "1rem"
       ]
     },
-    "c_log_viewer__text_FontFamily": {
-      "name": "--pf-c-log-viewer__text--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
-      "values": [
-        "--pf-global--FontFamily--monospace",
-        "$pf-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
-      ]
-    },
-    "c_log_viewer__text_FontSize": {
-      "name": "--pf-c-log-viewer__text--FontSize",
-      "value": "0.875rem",
-      "values": [
-        "--pf-global--FontSize--sm",
-        "$pf-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
-      ]
-    },
     "c_log_viewer__text_Color": {
       "name": "--pf-c-log-viewer__text--Color",
       "value": "#151515",
@@ -648,6 +654,32 @@ export const c_log_viewer: {
       ]
     }
   },
+  ".pf-c-log-viewer.pf-m-line-number-chars": {
+    "c_log_viewer__index_PaddingRight": {
+      "name": "--pf-c-log-viewer__index--PaddingRight",
+      "value": "0.25rem",
+      "values": [
+        "--pf-c-log-viewer--m-line-number-chars__index--PaddingRight",
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_log_viewer__index_Width": {
+      "name": "--pf-c-log-viewer__index--Width",
+      "value": "calc(1ch * 4.4 + 0.25rem + 1.5rem)",
+      "values": [
+        "--pf-c-log-viewer--m-line-number-chars__index--Width",
+        "calc(1ch * --pf-c-log-viewer--line-number-chars + --pf-c-log-viewer__index--PaddingRight + --pf-c-log-viewer__index--PaddingLeft)",
+        "calc(1ch * 4.4 + --pf-c-log-viewer--m-line-number-chars__index--PaddingRight + --pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + --pf-global--spacer--xs + $pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + $pf-global--spacer--xs + $pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + pf-size-prem(4px) + pf-size-prem(24px))",
+        "calc(1ch * 4.4 + 0.25rem + 1.5rem)"
+      ]
+    }
+  },
   ".pf-c-log-viewer .pf-c-toolbar": {
     "c_toolbar_PaddingTop": {
       "name": "--pf-c-toolbar--PaddingTop",

package/dist/esm/c_log_viewer.js

@@ -412,6 +412,25 @@ export const c_log_viewer = {
         "4.0625rem"
       ]
     },
+    "c_log_viewer__list_FontFamily": {
+      "name": "--pf-c-log-viewer__list--FontFamily",
+      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+      "values": [
+        "--pf-global--FontFamily--monospace",
+        "$pf-global--FontFamily--monospace",
+        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
+      ]
+    },
+    "c_log_viewer__list_FontSize": {
+      "name": "--pf-c-log-viewer__list--FontSize",
+      "value": "0.875rem",
+      "values": [
+        "--pf-global--FontSize--sm",
+        "$pf-global--FontSize--sm",
+        "pf-font-prem(14px)",
+        "0.875rem"
+      ]
+    },
     "c_log_viewer__index_Display": {
       "name": "--pf-c-log-viewer__index--Display",
       "value": "none"
@@ -440,25 +459,6 @@ export const c_log_viewer = {
         "1.5rem"
       ]
     },
-    "c_log_viewer__index_FontFamily": {
-      "name": "--pf-c-log-viewer__index--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
-      "values": [
-        "--pf-global--FontFamily--monospace",
-        "$pf-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
-      ]
-    },
-    "c_log_viewer__index_FontSize": {
-      "name": "--pf-c-log-viewer__index--FontSize",
-      "value": "0.875rem",
-      "values": [
-        "--pf-global--FontSize--sm",
-        "$pf-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
-      ]
-    },
     "c_log_viewer__index_Color": {
       "name": "--pf-c-log-viewer__index--Color",
       "value": "#6a6e73",
@@ -473,6 +473,31 @@ export const c_log_viewer = {
       "name": "--pf-c-log-viewer__index--BackgroundColor",
       "value": "transparent"
     },
+    "c_log_viewer_line_number_chars": {
+      "name": "--pf-c-log-viewer--line-number-chars",
+      "value": "4.4"
+    },
+    "c_log_viewer_m_line_number_chars__index_PaddingRight": {
+      "name": "--pf-c-log-viewer--m-line-number-chars__index--PaddingRight",
+      "value": "0.25rem",
+      "values": [
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_log_viewer_m_line_number_chars__index_Width": {
+      "name": "--pf-c-log-viewer--m-line-number-chars__index--Width",
+      "value": "calc(1ch * 4.4 + 2rem + 1.5rem)",
+      "values": [
+        "calc(1ch * --pf-c-log-viewer--line-number-chars + --pf-c-log-viewer__index--PaddingRight + --pf-c-log-viewer__index--PaddingLeft)",
+        "calc(1ch * 4.4 + --pf-global--spacer--xl + --pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + $pf-global--spacer--xl + $pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + pf-size-prem(32px) + pf-size-prem(24px))",
+        "calc(1ch * 4.4 + 2rem + 1.5rem)"
+      ]
+    },
     "c_log_viewer__text_PaddingRight": {
       "name": "--pf-c-log-viewer__text--PaddingRight",
       "value": "1rem",
@@ -493,25 +518,6 @@ export const c_log_viewer = {
         "1rem"
       ]
     },
-    "c_log_viewer__text_FontFamily": {
-      "name": "--pf-c-log-viewer__text--FontFamily",
-      "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
-      "values": [
-        "--pf-global--FontFamily--monospace",
-        "$pf-global--FontFamily--monospace",
-        "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'"
-      ]
-    },
-    "c_log_viewer__text_FontSize": {
-      "name": "--pf-c-log-viewer__text--FontSize",
-      "value": "0.875rem",
-      "values": [
-        "--pf-global--FontSize--sm",
-        "$pf-global--FontSize--sm",
-        "pf-font-prem(14px)",
-        "0.875rem"
-      ]
-    },
     "c_log_viewer__text_Color": {
       "name": "--pf-c-log-viewer__text--Color",
       "value": "#151515",
@@ -648,6 +654,32 @@ export const c_log_viewer = {
       ]
     }
   },
+  ".pf-c-log-viewer.pf-m-line-number-chars": {
+    "c_log_viewer__index_PaddingRight": {
+      "name": "--pf-c-log-viewer__index--PaddingRight",
+      "value": "0.25rem",
+      "values": [
+        "--pf-c-log-viewer--m-line-number-chars__index--PaddingRight",
+        "--pf-global--spacer--xs",
+        "$pf-global--spacer--xs",
+        "pf-size-prem(4px)",
+        "0.25rem"
+      ]
+    },
+    "c_log_viewer__index_Width": {
+      "name": "--pf-c-log-viewer__index--Width",
+      "value": "calc(1ch * 4.4 + 0.25rem + 1.5rem)",
+      "values": [
+        "--pf-c-log-viewer--m-line-number-chars__index--Width",
+        "calc(1ch * --pf-c-log-viewer--line-number-chars + --pf-c-log-viewer__index--PaddingRight + --pf-c-log-viewer__index--PaddingLeft)",
+        "calc(1ch * 4.4 + --pf-c-log-viewer--m-line-number-chars__index--PaddingRight + --pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + --pf-global--spacer--xs + $pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + $pf-global--spacer--xs + $pf-global--spacer--lg)",
+        "calc(1ch * 4.4 + pf-size-prem(4px) + pf-size-prem(24px))",
+        "calc(1ch * 4.4 + 0.25rem + 1.5rem)"
+      ]
+    }
+  },
   ".pf-c-log-viewer .pf-c-toolbar": {
     "c_toolbar_PaddingTop": {
       "name": "--pf-c-toolbar--PaddingTop",

package/dist/esm/c_log_viewer__index_PaddingRight.d.ts

@@ -1,6 +1,6 @@
 export const c_log_viewer__index_PaddingRight: {
   "name": "--pf-c-log-viewer__index--PaddingRight",
-  "value": "2rem",
+  "value": "0.25rem",
   "var": "var(--pf-c-log-viewer__index--PaddingRight)"
 };
 export default c_log_viewer__index_PaddingRight;

package/dist/esm/c_log_viewer__index_PaddingRight.js

@@ -1,6 +1,6 @@
 export const c_log_viewer__index_PaddingRight = {
   "name": "--pf-c-log-viewer__index--PaddingRight",
-  "value": "2rem",
+  "value": "0.25rem",
   "var": "var(--pf-c-log-viewer__index--PaddingRight)"
 };
 export default c_log_viewer__index_PaddingRight;

package/dist/esm/c_log_viewer__index_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_log_viewer__index_Width: {
   "name": "--pf-c-log-viewer__index--Width",
-  "value": "4.0625rem",
+  "value": "calc(1ch * 4.4 + 0.25rem + 1.5rem)",
   "var": "var(--pf-c-log-viewer__index--Width)"
 };
 export default c_log_viewer__index_Width;

package/dist/esm/c_log_viewer__index_Width.js

@@ -1,6 +1,6 @@
 export const c_log_viewer__index_Width = {
   "name": "--pf-c-log-viewer__index--Width",
-  "value": "4.0625rem",
+  "value": "calc(1ch * 4.4 + 0.25rem + 1.5rem)",
   "var": "var(--pf-c-log-viewer__index--Width)"
 };
 export default c_log_viewer__index_Width;

package/dist/esm/c_log_viewer__list_FontFamily.d.ts

@@ -0,0 +1,6 @@
+export const c_log_viewer__list_FontFamily: {
+  "name": "--pf-c-log-viewer__list--FontFamily",
+  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "var": "var(--pf-c-log-viewer__list--FontFamily)"
+};
+export default c_log_viewer__list_FontFamily;

package/dist/esm/c_log_viewer__list_FontFamily.js

@@ -0,0 +1,6 @@
+export const c_log_viewer__list_FontFamily = {
+  "name": "--pf-c-log-viewer__list--FontFamily",
+  "value": "'\"Liberation Mono\", consolas, \"SFMono-Regular\", menlo, monaco, \"Courier New\", monospace'",
+  "var": "var(--pf-c-log-viewer__list--FontFamily)"
+};
+export default c_log_viewer__list_FontFamily;

package/dist/esm/c_log_viewer__list_FontSize.d.ts

@@ -0,0 +1,6 @@
+export const c_log_viewer__list_FontSize: {
+  "name": "--pf-c-log-viewer__list--FontSize",
+  "value": "0.875rem",
+  "var": "var(--pf-c-log-viewer__list--FontSize)"
+};
+export default c_log_viewer__list_FontSize;

package/dist/esm/c_log_viewer__list_FontSize.js

@@ -0,0 +1,6 @@
+export const c_log_viewer__list_FontSize = {
+  "name": "--pf-c-log-viewer__list--FontSize",
+  "value": "0.875rem",
+  "var": "var(--pf-c-log-viewer__list--FontSize)"
+};
+export default c_log_viewer__list_FontSize;

package/dist/esm/c_log_viewer_line_number_chars.d.ts

@@ -0,0 +1,6 @@
+export const c_log_viewer_line_number_chars: {
+  "name": "--pf-c-log-viewer--line-number-chars",
+  "value": "4.4",
+  "var": "var(--pf-c-log-viewer--line-number-chars)"
+};
+export default c_log_viewer_line_number_chars;

package/dist/esm/c_log_viewer_line_number_chars.js

@@ -0,0 +1,6 @@
+export const c_log_viewer_line_number_chars = {
+  "name": "--pf-c-log-viewer--line-number-chars",
+  "value": "4.4",
+  "var": "var(--pf-c-log-viewer--line-number-chars)"
+};
+export default c_log_viewer_line_number_chars;

package/dist/esm/c_log_viewer_m_line_number_chars__index_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_log_viewer_m_line_number_chars__index_PaddingRight: {
+  "name": "--pf-c-log-viewer--m-line-number-chars__index--PaddingRight",
+  "value": "0.25rem",
+  "var": "var(--pf-c-log-viewer--m-line-number-chars__index--PaddingRight)"
+};
+export default c_log_viewer_m_line_number_chars__index_PaddingRight;

package/dist/esm/c_log_viewer_m_line_number_chars__index_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_log_viewer_m_line_number_chars__index_PaddingRight = {
+  "name": "--pf-c-log-viewer--m-line-number-chars__index--PaddingRight",
+  "value": "0.25rem",
+  "var": "var(--pf-c-log-viewer--m-line-number-chars__index--PaddingRight)"
+};
+export default c_log_viewer_m_line_number_chars__index_PaddingRight;

package/dist/esm/c_log_viewer_m_line_number_chars__index_Width.d.ts

@@ -0,0 +1,6 @@
+export const c_log_viewer_m_line_number_chars__index_Width: {
+  "name": "--pf-c-log-viewer--m-line-number-chars__index--Width",
+  "value": "calc(1ch * 4.4 + 2rem + 1.5rem)",
+  "var": "var(--pf-c-log-viewer--m-line-number-chars__index--Width)"
+};
+export default c_log_viewer_m_line_number_chars__index_Width;

package/dist/esm/c_log_viewer_m_line_number_chars__index_Width.js

@@ -0,0 +1,6 @@
+export const c_log_viewer_m_line_number_chars__index_Width = {
+  "name": "--pf-c-log-viewer--m-line-number-chars__index--Width",
+  "value": "calc(1ch * 4.4 + 2rem + 1.5rem)",
+  "var": "var(--pf-c-log-viewer--m-line-number-chars__index--Width)"
+};
+export default c_log_viewer_m_line_number_chars__index_Width;

package/dist/esm/c_notification_badge.d.ts

@@ -141,6 +141,16 @@ export const c_notification_badge: {
       "name": "--pf-c-notification-badge--m-read--after--BackgroundColor",
       "value": "transparent"
     },
+    "c_notification_badge_m_read_m_expanded_after_BackgroundColor": {
+      "name": "--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
     "c_notification_badge_m_unread_Color": {
       "name": "--pf-c-notification-badge--m-unread--Color",
       "value": "#fff",
@@ -171,6 +181,16 @@ export const c_notification_badge: {
         "#004080"
       ]
     },
+    "c_notification_badge_m_unread_m_expanded_after_BackgroundColor": {
+      "name": "--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
     "c_notification_badge_m_attention_Color": {
       "name": "--pf-c-notification-badge--m-attention--Color",
       "value": "#fff",
@@ -201,6 +221,16 @@ export const c_notification_badge: {
         "#a30000"
       ]
     },
+    "c_notification_badge_m_attention_m_expanded_after_BackgroundColor": {
+      "name": "--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor",
+      "value": "#a30000",
+      "values": [
+        "--pf-global--danger-color--200",
+        "$pf-global--danger-color--200",
+        "$pf-color-red-200",
+        "#a30000"
+      ]
+    },
     "c_notification_badge__count_MarginLeft": {
       "name": "--pf-c-notification-badge__count--MarginLeft",
       "value": "0.25rem",
@@ -279,8 +309,8 @@ export const c_notification_badge: {
     }
   },
   ".pf-c-notification-badge.pf-m-attention:hover": {
-    "c_notification_badge_after_BackgroundColor": {
-      "name": "--pf-c-notification-badge--after--BackgroundColor",
+    "c_notification_badge_m_attention_after_BackgroundColor": {
+      "name": "--pf-c-notification-badge--m-attention--after--BackgroundColor",
       "value": "#a30000",
       "values": [
         "--pf-c-notification-badge--m-attention--hover--after--BackgroundColor",
@@ -290,6 +320,51 @@ export const c_notification_badge: {
         "#a30000"
       ]
     }
+  },
+  ".pf-c-notification-badge.pf-m-expanded": {
+    "c_notification_badge_m_read_Color": {
+      "name": "--pf-c-notification-badge--m-read--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_notification_badge_m_read_after_BackgroundColor": {
+      "name": "--pf-c-notification-badge--m-read--after--BackgroundColor",
+      "value": "#3c3f42",
+      "values": [
+        "--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor",
+        "--pf-global--BackgroundColor--dark-200",
+        "$pf-global--BackgroundColor--dark-200",
+        "$pf-color-black-800",
+        "#3c3f42"
+      ]
+    },
+    "c_notification_badge_m_unread_after_BackgroundColor": {
+      "name": "--pf-c-notification-badge--m-unread--after--BackgroundColor",
+      "value": "#004080",
+      "values": [
+        "--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor",
+        "--pf-global--primary-color--200",
+        "$pf-global--primary-color--200",
+        "$pf-color-blue-500",
+        "#004080"
+      ]
+    },
+    "c_notification_badge_m_attention_after_BackgroundColor": {
+      "name": "--pf-c-notification-badge--m-attention--after--BackgroundColor",
+      "value": "#a30000",
+      "values": [
+        "--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor",
+        "--pf-global--danger-color--200",
+        "$pf-global--danger-color--200",
+        "$pf-color-red-200",
+        "#a30000"
+      ]
+    }
   }
 };
 export default c_notification_badge;