@patternfly/react-tokens 4.88.1 → 4.88.2

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 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_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;

package/dist/esm/c_notification_badge.js

@@ -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;

package/dist/esm/c_notification_badge_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--after--BackgroundColor",
-  "value": "#a30000",
+  "value": "#c9190b",
   "var": "var(--pf-c-notification-badge--after--BackgroundColor)"
 };
 export default c_notification_badge_after_BackgroundColor;

package/dist/esm/c_notification_badge_after_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_notification_badge_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--after--BackgroundColor",
-  "value": "#a30000",
+  "value": "#c9190b",
   "var": "var(--pf-c-notification-badge--after--BackgroundColor)"
 };
 export default c_notification_badge_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_attention_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_attention_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--m-attention--after--BackgroundColor",
-  "value": "#c9190b",
+  "value": "#a30000",
   "var": "var(--pf-c-notification-badge--m-attention--after--BackgroundColor)"
 };
 export default c_notification_badge_m_attention_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_attention_after_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_attention_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--m-attention--after--BackgroundColor",
-  "value": "#c9190b",
+  "value": "#a30000",
   "var": "var(--pf-c-notification-badge--m-attention--after--BackgroundColor)"
 };
 export default c_notification_badge_m_attention_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_attention_m_expanded_after_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_attention_m_expanded_after_BackgroundColor: {
+  "name": "--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor",
+  "value": "#a30000",
+  "var": "var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_attention_m_expanded_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_attention_m_expanded_after_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_attention_m_expanded_after_BackgroundColor = {
+  "name": "--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor",
+  "value": "#a30000",
+  "var": "var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_attention_m_expanded_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_read_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_read_Color: {
+  "name": "--pf-c-notification-badge--m-read--Color",
+  "value": "#fff",
+  "var": "var(--pf-c-notification-badge--m-read--Color)"
+};
+export default c_notification_badge_m_read_Color;

package/dist/esm/c_notification_badge_m_read_Color.js

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_read_Color = {
+  "name": "--pf-c-notification-badge--m-read--Color",
+  "value": "#fff",
+  "var": "var(--pf-c-notification-badge--m-read--Color)"
+};
+export default c_notification_badge_m_read_Color;

package/dist/esm/c_notification_badge_m_read_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_read_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--m-read--after--BackgroundColor",
-  "value": "transparent",
+  "value": "#3c3f42",
   "var": "var(--pf-c-notification-badge--m-read--after--BackgroundColor)"
 };
 export default c_notification_badge_m_read_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_read_after_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_read_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--m-read--after--BackgroundColor",
-  "value": "transparent",
+  "value": "#3c3f42",
   "var": "var(--pf-c-notification-badge--m-read--after--BackgroundColor)"
 };
 export default c_notification_badge_m_read_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_read_m_expanded_after_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_read_m_expanded_after_BackgroundColor: {
+  "name": "--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_read_m_expanded_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_read_m_expanded_after_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_read_m_expanded_after_BackgroundColor = {
+  "name": "--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_read_m_expanded_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_unread_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_unread_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--m-unread--after--BackgroundColor",
-  "value": "#06c",
+  "value": "#004080",
   "var": "var(--pf-c-notification-badge--m-unread--after--BackgroundColor)"
 };
 export default c_notification_badge_m_unread_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_unread_after_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_unread_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--m-unread--after--BackgroundColor",
-  "value": "#06c",
+  "value": "#004080",
   "var": "var(--pf-c-notification-badge--m-unread--after--BackgroundColor)"
 };
 export default c_notification_badge_m_unread_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_unread_m_expanded_after_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_unread_m_expanded_after_BackgroundColor: {
+  "name": "--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor",
+  "value": "#004080",
+  "var": "var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_unread_m_expanded_after_BackgroundColor;

package/dist/esm/c_notification_badge_m_unread_m_expanded_after_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_unread_m_expanded_after_BackgroundColor = {
+  "name": "--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor",
+  "value": "#004080",
+  "var": "var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_unread_m_expanded_after_BackgroundColor;

package/dist/esm/index.d.ts

@@ -2037,14 +2037,18 @@ export { c_notification_badge__i_Width } from './c_notification_badge__i_Width';
 export { c_notification_badge__i_Height } from './c_notification_badge__i_Height';
 export { c_notification_badge_m_read_after_BorderColor } from './c_notification_badge_m_read_after_BorderColor';
 export { c_notification_badge_m_read_after_BackgroundColor } from './c_notification_badge_m_read_after_BackgroundColor';
+export { c_notification_badge_m_read_m_expanded_after_BackgroundColor } from './c_notification_badge_m_read_m_expanded_after_BackgroundColor';
 export { c_notification_badge_m_unread_Color } from './c_notification_badge_m_unread_Color';
 export { c_notification_badge_m_unread_after_BackgroundColor } from './c_notification_badge_m_unread_after_BackgroundColor';
 export { c_notification_badge_m_unread_hover_after_BackgroundColor } from './c_notification_badge_m_unread_hover_after_BackgroundColor';
+export { c_notification_badge_m_unread_m_expanded_after_BackgroundColor } from './c_notification_badge_m_unread_m_expanded_after_BackgroundColor';
 export { c_notification_badge_m_attention_Color } from './c_notification_badge_m_attention_Color';
 export { c_notification_badge_m_attention_after_BackgroundColor } from './c_notification_badge_m_attention_after_BackgroundColor';
 export { c_notification_badge_m_attention_hover_after_BackgroundColor } from './c_notification_badge_m_attention_hover_after_BackgroundColor';
+export { c_notification_badge_m_attention_m_expanded_after_BackgroundColor } from './c_notification_badge_m_attention_m_expanded_after_BackgroundColor';
 export { c_notification_badge__count_MarginLeft } from './c_notification_badge__count_MarginLeft';
 export { c_notification_badge_pf_icon_attention_bell_LineHeight } from './c_notification_badge_pf_icon_attention_bell_LineHeight';
+export { c_notification_badge_m_read_Color } from './c_notification_badge_m_read_Color';
 export { c_nav } from './c_nav';
 export { c_nav_Transition } from './c_nav_Transition';
 export { c_nav_m_light__item_before_BorderColor } from './c_nav_m_light__item_before_BorderColor';

package/dist/esm/index.js

@@ -2037,14 +2037,18 @@ export { c_notification_badge__i_Width } from './c_notification_badge__i_Width';
 export { c_notification_badge__i_Height } from './c_notification_badge__i_Height';
 export { c_notification_badge_m_read_after_BorderColor } from './c_notification_badge_m_read_after_BorderColor';
 export { c_notification_badge_m_read_after_BackgroundColor } from './c_notification_badge_m_read_after_BackgroundColor';
+export { c_notification_badge_m_read_m_expanded_after_BackgroundColor } from './c_notification_badge_m_read_m_expanded_after_BackgroundColor';
 export { c_notification_badge_m_unread_Color } from './c_notification_badge_m_unread_Color';
 export { c_notification_badge_m_unread_after_BackgroundColor } from './c_notification_badge_m_unread_after_BackgroundColor';
 export { c_notification_badge_m_unread_hover_after_BackgroundColor } from './c_notification_badge_m_unread_hover_after_BackgroundColor';
+export { c_notification_badge_m_unread_m_expanded_after_BackgroundColor } from './c_notification_badge_m_unread_m_expanded_after_BackgroundColor';
 export { c_notification_badge_m_attention_Color } from './c_notification_badge_m_attention_Color';
 export { c_notification_badge_m_attention_after_BackgroundColor } from './c_notification_badge_m_attention_after_BackgroundColor';
 export { c_notification_badge_m_attention_hover_after_BackgroundColor } from './c_notification_badge_m_attention_hover_after_BackgroundColor';
+export { c_notification_badge_m_attention_m_expanded_after_BackgroundColor } from './c_notification_badge_m_attention_m_expanded_after_BackgroundColor';
 export { c_notification_badge__count_MarginLeft } from './c_notification_badge__count_MarginLeft';
 export { c_notification_badge_pf_icon_attention_bell_LineHeight } from './c_notification_badge_pf_icon_attention_bell_LineHeight';
+export { c_notification_badge_m_read_Color } from './c_notification_badge_m_read_Color';
 export { c_nav } from './c_nav';
 export { c_nav_Transition } from './c_nav_Transition';
 export { c_nav_m_light__item_before_BorderColor } from './c_nav_m_light__item_before_BorderColor';

package/dist/js/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;

package/dist/js/c_notification_badge.js

@@ -143,6 +143,16 @@ exports.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",
@@ -173,6 +183,16 @@ exports.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",
@@ -203,6 +223,16 @@ exports.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",
@@ -281,8 +311,8 @@ exports.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",
@@ -292,6 +322,51 @@ exports.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"
+      ]
+    }
   }
 };
 exports["default"] = exports.c_notification_badge;

package/dist/js/c_notification_badge_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--after--BackgroundColor",
-  "value": "#a30000",
+  "value": "#c9190b",
   "var": "var(--pf-c-notification-badge--after--BackgroundColor)"
 };
 export default c_notification_badge_after_BackgroundColor;

package/dist/js/c_notification_badge_after_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_notification_badge_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--after--BackgroundColor",
-  "value": "#a30000",
+  "value": "#c9190b",
   "var": "var(--pf-c-notification-badge--after--BackgroundColor)"
 };
 exports["default"] = exports.c_notification_badge_after_BackgroundColor;

package/dist/js/c_notification_badge_m_attention_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_attention_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--m-attention--after--BackgroundColor",
-  "value": "#c9190b",
+  "value": "#a30000",
   "var": "var(--pf-c-notification-badge--m-attention--after--BackgroundColor)"
 };
 export default c_notification_badge_m_attention_after_BackgroundColor;

package/dist/js/c_notification_badge_m_attention_after_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_notification_badge_m_attention_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--m-attention--after--BackgroundColor",
-  "value": "#c9190b",
+  "value": "#a30000",
   "var": "var(--pf-c-notification-badge--m-attention--after--BackgroundColor)"
 };
 exports["default"] = exports.c_notification_badge_m_attention_after_BackgroundColor;

package/dist/js/c_notification_badge_m_attention_m_expanded_after_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_attention_m_expanded_after_BackgroundColor: {
+  "name": "--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor",
+  "value": "#a30000",
+  "var": "var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_attention_m_expanded_after_BackgroundColor;

package/dist/js/c_notification_badge_m_attention_m_expanded_after_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_notification_badge_m_attention_m_expanded_after_BackgroundColor = {
+  "name": "--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor",
+  "value": "#a30000",
+  "var": "var(--pf-c-notification-badge--m-attention--m-expanded--after--BackgroundColor)"
+};
+exports["default"] = exports.c_notification_badge_m_attention_m_expanded_after_BackgroundColor;

package/dist/js/c_notification_badge_m_read_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_read_Color: {
+  "name": "--pf-c-notification-badge--m-read--Color",
+  "value": "#fff",
+  "var": "var(--pf-c-notification-badge--m-read--Color)"
+};
+export default c_notification_badge_m_read_Color;

package/dist/js/c_notification_badge_m_read_Color.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_notification_badge_m_read_Color = {
+  "name": "--pf-c-notification-badge--m-read--Color",
+  "value": "#fff",
+  "var": "var(--pf-c-notification-badge--m-read--Color)"
+};
+exports["default"] = exports.c_notification_badge_m_read_Color;

package/dist/js/c_notification_badge_m_read_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_read_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--m-read--after--BackgroundColor",
-  "value": "transparent",
+  "value": "#3c3f42",
   "var": "var(--pf-c-notification-badge--m-read--after--BackgroundColor)"
 };
 export default c_notification_badge_m_read_after_BackgroundColor;

package/dist/js/c_notification_badge_m_read_after_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_notification_badge_m_read_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--m-read--after--BackgroundColor",
-  "value": "transparent",
+  "value": "#3c3f42",
   "var": "var(--pf-c-notification-badge--m-read--after--BackgroundColor)"
 };
 exports["default"] = exports.c_notification_badge_m_read_after_BackgroundColor;

package/dist/js/c_notification_badge_m_read_m_expanded_after_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_read_m_expanded_after_BackgroundColor: {
+  "name": "--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_read_m_expanded_after_BackgroundColor;

package/dist/js/c_notification_badge_m_read_m_expanded_after_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_notification_badge_m_read_m_expanded_after_BackgroundColor = {
+  "name": "--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor",
+  "value": "#3c3f42",
+  "var": "var(--pf-c-notification-badge--m-read--m-expanded--after--BackgroundColor)"
+};
+exports["default"] = exports.c_notification_badge_m_read_m_expanded_after_BackgroundColor;

package/dist/js/c_notification_badge_m_unread_after_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_notification_badge_m_unread_after_BackgroundColor: {
   "name": "--pf-c-notification-badge--m-unread--after--BackgroundColor",
-  "value": "#06c",
+  "value": "#004080",
   "var": "var(--pf-c-notification-badge--m-unread--after--BackgroundColor)"
 };
 export default c_notification_badge_m_unread_after_BackgroundColor;

package/dist/js/c_notification_badge_m_unread_after_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_notification_badge_m_unread_after_BackgroundColor = {
   "name": "--pf-c-notification-badge--m-unread--after--BackgroundColor",
-  "value": "#06c",
+  "value": "#004080",
   "var": "var(--pf-c-notification-badge--m-unread--after--BackgroundColor)"
 };
 exports["default"] = exports.c_notification_badge_m_unread_after_BackgroundColor;

package/dist/js/c_notification_badge_m_unread_m_expanded_after_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_badge_m_unread_m_expanded_after_BackgroundColor: {
+  "name": "--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor",
+  "value": "#004080",
+  "var": "var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor)"
+};
+export default c_notification_badge_m_unread_m_expanded_after_BackgroundColor;

package/dist/js/c_notification_badge_m_unread_m_expanded_after_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_notification_badge_m_unread_m_expanded_after_BackgroundColor = {
+  "name": "--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor",
+  "value": "#004080",
+  "var": "var(--pf-c-notification-badge--m-unread--m-expanded--after--BackgroundColor)"
+};
+exports["default"] = exports.c_notification_badge_m_unread_m_expanded_after_BackgroundColor;

package/dist/js/index.d.ts

@@ -2037,14 +2037,18 @@ export { c_notification_badge__i_Width } from './c_notification_badge__i_Width';
 export { c_notification_badge__i_Height } from './c_notification_badge__i_Height';
 export { c_notification_badge_m_read_after_BorderColor } from './c_notification_badge_m_read_after_BorderColor';
 export { c_notification_badge_m_read_after_BackgroundColor } from './c_notification_badge_m_read_after_BackgroundColor';
+export { c_notification_badge_m_read_m_expanded_after_BackgroundColor } from './c_notification_badge_m_read_m_expanded_after_BackgroundColor';
 export { c_notification_badge_m_unread_Color } from './c_notification_badge_m_unread_Color';
 export { c_notification_badge_m_unread_after_BackgroundColor } from './c_notification_badge_m_unread_after_BackgroundColor';
 export { c_notification_badge_m_unread_hover_after_BackgroundColor } from './c_notification_badge_m_unread_hover_after_BackgroundColor';
+export { c_notification_badge_m_unread_m_expanded_after_BackgroundColor } from './c_notification_badge_m_unread_m_expanded_after_BackgroundColor';
 export { c_notification_badge_m_attention_Color } from './c_notification_badge_m_attention_Color';
 export { c_notification_badge_m_attention_after_BackgroundColor } from './c_notification_badge_m_attention_after_BackgroundColor';
 export { c_notification_badge_m_attention_hover_after_BackgroundColor } from './c_notification_badge_m_attention_hover_after_BackgroundColor';
+export { c_notification_badge_m_attention_m_expanded_after_BackgroundColor } from './c_notification_badge_m_attention_m_expanded_after_BackgroundColor';
 export { c_notification_badge__count_MarginLeft } from './c_notification_badge__count_MarginLeft';
 export { c_notification_badge_pf_icon_attention_bell_LineHeight } from './c_notification_badge_pf_icon_attention_bell_LineHeight';
+export { c_notification_badge_m_read_Color } from './c_notification_badge_m_read_Color';
 export { c_nav } from './c_nav';
 export { c_nav_Transition } from './c_nav_Transition';
 export { c_nav_m_light__item_before_BorderColor } from './c_nav_m_light__item_before_BorderColor';

package/dist/js/index.js

@@ -2042,14 +2042,18 @@ __export(require('./c_notification_badge__i_Width'));
 __export(require('./c_notification_badge__i_Height'));
 __export(require('./c_notification_badge_m_read_after_BorderColor'));
 __export(require('./c_notification_badge_m_read_after_BackgroundColor'));
+__export(require('./c_notification_badge_m_read_m_expanded_after_BackgroundColor'));
 __export(require('./c_notification_badge_m_unread_Color'));
 __export(require('./c_notification_badge_m_unread_after_BackgroundColor'));
 __export(require('./c_notification_badge_m_unread_hover_after_BackgroundColor'));
+__export(require('./c_notification_badge_m_unread_m_expanded_after_BackgroundColor'));
 __export(require('./c_notification_badge_m_attention_Color'));
 __export(require('./c_notification_badge_m_attention_after_BackgroundColor'));
 __export(require('./c_notification_badge_m_attention_hover_after_BackgroundColor'));
+__export(require('./c_notification_badge_m_attention_m_expanded_after_BackgroundColor'));
 __export(require('./c_notification_badge__count_MarginLeft'));
 __export(require('./c_notification_badge_pf_icon_attention_bell_LineHeight'));
+__export(require('./c_notification_badge_m_read_Color'));
 __export(require('./c_nav'));
 __export(require('./c_nav_Transition'));
 __export(require('./c_nav_m_light__item_before_BorderColor'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-tokens",
-  "version": "4.88.1",
+  "version": "4.88.2",
   "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -29,11 +29,11 @@
     "clean": "rimraf dist"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.210.2",
+    "@patternfly/patternfly": "4.211.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
     "glob": "^7.1.2",
     "rimraf": "^2.6.2"
   },
-  "gitHead": "1e8f4121716891c90191b948a66eccf167f404ce"
+  "gitHead": "de201ab6c9fa8d24e516025f984b0b86666f484d"
 }