@patternfly/react-tokens 5.4.0-prerelease.9 → 5.4.1

package/CHANGELOG.md

@@ -3,6 +3,18 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## [5.4.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@5.4.0...@patternfly/react-tokens@5.4.1) (2024-10-17)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+# 5.4.0 (2024-08-27)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
+# [5.4.0-prerelease.10](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@5.4.0-prerelease.9...@patternfly/react-tokens@5.4.0-prerelease.10) (2024-07-16)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
 # [5.4.0-prerelease.9](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@5.4.0-prerelease.8...@patternfly/react-tokens@5.4.0-prerelease.9) (2024-07-11)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/dist/esm/c_menu_toggle.d.ts

@@ -385,6 +385,18 @@ export const c_menu_toggle: {
       "name": "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle_m_secondary_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_before_BorderWidth": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth",
       "value": "1px",
@@ -461,6 +473,10 @@ export const c_menu_toggle: {
         "#06c"
       ]
     },
+    "c_menu_toggle_m_secondary_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color",
       "value": "#06c",
@@ -1260,6 +1276,46 @@ export const c_menu_toggle: {
         "#06c"
       ]
     },
+    "c_menu_toggle_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+        "transparent"
+      ]
+    },
     "c_menu_toggle_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-expanded--Color",
       "value": "#06c",

package/dist/esm/c_menu_toggle.js

@@ -385,6 +385,18 @@ export const c_menu_toggle = {
       "name": "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle_m_secondary_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_before_BorderWidth": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth",
       "value": "1px",
@@ -461,6 +473,10 @@ export const c_menu_toggle = {
         "#06c"
       ]
     },
+    "c_menu_toggle_m_secondary_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color",
       "value": "#06c",
@@ -1260,6 +1276,46 @@ export const c_menu_toggle = {
         "#06c"
       ]
     },
+    "c_menu_toggle_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+        "transparent"
+      ]
+    },
     "c_menu_toggle_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-expanded--Color",
       "value": "#06c",

package/dist/esm/c_menu_toggle_active_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_active_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--active--BackgroundColor)"
 };
 export default c_menu_toggle_active_BackgroundColor;

package/dist/esm/c_menu_toggle_active_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_active_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--active--BackgroundColor)"
 };
 export default c_menu_toggle_active_BackgroundColor;

package/dist/esm/c_menu_toggle_focus_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_focus_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--focus--BackgroundColor)"
 };
 export default c_menu_toggle_focus_BackgroundColor;

package/dist/esm/c_menu_toggle_focus_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_focus_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--focus--BackgroundColor)"
 };
 export default c_menu_toggle_focus_BackgroundColor;

package/dist/esm/c_menu_toggle_hover_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_hover_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--hover--BackgroundColor)"
 };
 export default c_menu_toggle_hover_BackgroundColor;

package/dist/esm/c_menu_toggle_hover_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_hover_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--hover--BackgroundColor)"
 };
 export default c_menu_toggle_hover_BackgroundColor;

package/dist/esm/c_menu_toggle_m_expanded_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_expanded_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor)"
 };
 export default c_menu_toggle_m_expanded_BackgroundColor;

package/dist/esm/c_menu_toggle_m_expanded_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_expanded_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor)"
 };
 export default c_menu_toggle_m_expanded_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_active_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_active_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_active_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_active_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_active_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_active_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_focus_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_focus_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_focus_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_focus_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_focus_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_focus_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_hover_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_hover_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_hover_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_hover_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_hover_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_hover_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_m_expanded_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_m_expanded_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_m_expanded_BackgroundColor;

package/dist/esm/c_menu_toggle_m_secondary_m_expanded_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_m_expanded_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_m_expanded_BackgroundColor;

package/dist/esm/index.d.ts

@@ -2601,6 +2601,9 @@ export { c_menu_toggle_m_primary_m_expanded_Color } from './c_menu_toggle_m_prim
 export { c_menu_toggle_m_secondary_Color } from './c_menu_toggle_m_secondary_Color';
 export { c_menu_toggle_m_secondary_BorderRadius } from './c_menu_toggle_m_secondary_BorderRadius';
 export { c_menu_toggle_m_secondary_BackgroundColor } from './c_menu_toggle_m_secondary_BackgroundColor';
+export { c_menu_toggle_m_secondary_hover_BackgroundColor } from './c_menu_toggle_m_secondary_hover_BackgroundColor';
+export { c_menu_toggle_m_secondary_focus_BackgroundColor } from './c_menu_toggle_m_secondary_focus_BackgroundColor';
+export { c_menu_toggle_m_secondary_active_BackgroundColor } from './c_menu_toggle_m_secondary_active_BackgroundColor';
 export { c_menu_toggle_m_secondary_before_BorderWidth } from './c_menu_toggle_m_secondary_before_BorderWidth';
 export { c_menu_toggle_m_secondary_hover_before_BorderWidth } from './c_menu_toggle_m_secondary_hover_before_BorderWidth';
 export { c_menu_toggle_m_secondary_focus_before_BorderWidth } from './c_menu_toggle_m_secondary_focus_before_BorderWidth';
@@ -2609,6 +2612,7 @@ export { c_menu_toggle_m_secondary_before_BorderColor } from './c_menu_toggle_m_
 export { c_menu_toggle_m_secondary_hover_before_BorderColor } from './c_menu_toggle_m_secondary_hover_before_BorderColor';
 export { c_menu_toggle_m_secondary_focus_before_BorderColor } from './c_menu_toggle_m_secondary_focus_before_BorderColor';
 export { c_menu_toggle_m_secondary_active_before_BorderColor } from './c_menu_toggle_m_secondary_active_before_BorderColor';
+export { c_menu_toggle_m_secondary_m_expanded_BackgroundColor } from './c_menu_toggle_m_secondary_m_expanded_BackgroundColor';
 export { c_menu_toggle_m_secondary_m_expanded_Color } from './c_menu_toggle_m_secondary_m_expanded_Color';
 export { c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderColor } from './c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderColor';
 export { c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderWidth } from './c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderWidth';

package/dist/esm/index.js

@@ -2601,6 +2601,9 @@ export { c_menu_toggle_m_primary_m_expanded_Color } from './c_menu_toggle_m_prim
 export { c_menu_toggle_m_secondary_Color } from './c_menu_toggle_m_secondary_Color';
 export { c_menu_toggle_m_secondary_BorderRadius } from './c_menu_toggle_m_secondary_BorderRadius';
 export { c_menu_toggle_m_secondary_BackgroundColor } from './c_menu_toggle_m_secondary_BackgroundColor';
+export { c_menu_toggle_m_secondary_hover_BackgroundColor } from './c_menu_toggle_m_secondary_hover_BackgroundColor';
+export { c_menu_toggle_m_secondary_focus_BackgroundColor } from './c_menu_toggle_m_secondary_focus_BackgroundColor';
+export { c_menu_toggle_m_secondary_active_BackgroundColor } from './c_menu_toggle_m_secondary_active_BackgroundColor';
 export { c_menu_toggle_m_secondary_before_BorderWidth } from './c_menu_toggle_m_secondary_before_BorderWidth';
 export { c_menu_toggle_m_secondary_hover_before_BorderWidth } from './c_menu_toggle_m_secondary_hover_before_BorderWidth';
 export { c_menu_toggle_m_secondary_focus_before_BorderWidth } from './c_menu_toggle_m_secondary_focus_before_BorderWidth';
@@ -2609,6 +2612,7 @@ export { c_menu_toggle_m_secondary_before_BorderColor } from './c_menu_toggle_m_
 export { c_menu_toggle_m_secondary_hover_before_BorderColor } from './c_menu_toggle_m_secondary_hover_before_BorderColor';
 export { c_menu_toggle_m_secondary_focus_before_BorderColor } from './c_menu_toggle_m_secondary_focus_before_BorderColor';
 export { c_menu_toggle_m_secondary_active_before_BorderColor } from './c_menu_toggle_m_secondary_active_before_BorderColor';
+export { c_menu_toggle_m_secondary_m_expanded_BackgroundColor } from './c_menu_toggle_m_secondary_m_expanded_BackgroundColor';
 export { c_menu_toggle_m_secondary_m_expanded_Color } from './c_menu_toggle_m_secondary_m_expanded_Color';
 export { c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderColor } from './c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderColor';
 export { c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderWidth } from './c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderWidth';

package/dist/js/c_menu_toggle.d.ts

@@ -385,6 +385,18 @@ export const c_menu_toggle: {
       "name": "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle_m_secondary_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_before_BorderWidth": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth",
       "value": "1px",
@@ -461,6 +473,10 @@ export const c_menu_toggle: {
         "#06c"
       ]
     },
+    "c_menu_toggle_m_secondary_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color",
       "value": "#06c",
@@ -1260,6 +1276,46 @@ export const c_menu_toggle: {
         "#06c"
       ]
     },
+    "c_menu_toggle_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+        "transparent"
+      ]
+    },
     "c_menu_toggle_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-expanded--Color",
       "value": "#06c",

package/dist/js/c_menu_toggle.js

@@ -387,6 +387,18 @@ exports.c_menu_toggle = {
       "name": "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle_m_secondary_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+      "value": "transparent"
+    },
+    "c_menu_toggle_m_secondary_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_before_BorderWidth": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--before--BorderWidth",
       "value": "1px",
@@ -463,6 +475,10 @@ exports.c_menu_toggle = {
         "#06c"
       ]
     },
+    "c_menu_toggle_m_secondary_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle_m_secondary_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--Color",
       "value": "#06c",
@@ -1262,6 +1278,46 @@ exports.c_menu_toggle = {
         "#06c"
       ]
     },
+    "c_menu_toggle_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_hover_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_focus_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_active_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+        "transparent"
+      ]
+    },
+    "c_menu_toggle_m_expanded_BackgroundColor": {
+      "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
+      "value": "transparent",
+      "values": [
+        "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+        "transparent"
+      ]
+    },
     "c_menu_toggle_m_expanded_Color": {
       "name": "--pf-v5-c-menu-toggle--m-expanded--Color",
       "value": "#06c",

package/dist/js/c_menu_toggle_active_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_active_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--active--BackgroundColor)"
 };
 export default c_menu_toggle_active_BackgroundColor;

package/dist/js/c_menu_toggle_active_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_active_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--active--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--active--BackgroundColor)"
 };
 exports["default"] = exports.c_menu_toggle_active_BackgroundColor;

package/dist/js/c_menu_toggle_focus_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_focus_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--focus--BackgroundColor)"
 };
 export default c_menu_toggle_focus_BackgroundColor;

package/dist/js/c_menu_toggle_focus_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_focus_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--focus--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--focus--BackgroundColor)"
 };
 exports["default"] = exports.c_menu_toggle_focus_BackgroundColor;

package/dist/js/c_menu_toggle_hover_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_hover_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--hover--BackgroundColor)"
 };
 export default c_menu_toggle_hover_BackgroundColor;

package/dist/js/c_menu_toggle_hover_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_hover_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--hover--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--hover--BackgroundColor)"
 };
 exports["default"] = exports.c_menu_toggle_hover_BackgroundColor;

package/dist/js/c_menu_toggle_m_expanded_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_expanded_BackgroundColor: {
   "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor)"
 };
 export default c_menu_toggle_m_expanded_BackgroundColor;

package/dist/js/c_menu_toggle_m_expanded_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_m_expanded_BackgroundColor = {
   "name": "--pf-v5-c-menu-toggle--m-expanded--BackgroundColor",
-  "value": "#004080",
+  "value": "transparent",
   "var": "var(--pf-v5-c-menu-toggle--m-expanded--BackgroundColor)"
 };
 exports["default"] = exports.c_menu_toggle_m_expanded_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_active_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_active_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_active_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_active_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_menu_toggle_m_secondary_active_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--active--BackgroundColor)"
+};
+exports["default"] = exports.c_menu_toggle_m_secondary_active_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_focus_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_focus_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_focus_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_focus_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_menu_toggle_m_secondary_focus_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--focus--BackgroundColor)"
+};
+exports["default"] = exports.c_menu_toggle_m_secondary_focus_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_hover_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_hover_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_hover_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_hover_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_menu_toggle_m_secondary_hover_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--hover--BackgroundColor)"
+};
+exports["default"] = exports.c_menu_toggle_m_secondary_hover_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_m_expanded_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_secondary_m_expanded_BackgroundColor: {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor)"
+};
+export default c_menu_toggle_m_secondary_m_expanded_BackgroundColor;

package/dist/js/c_menu_toggle_m_secondary_m_expanded_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_menu_toggle_m_secondary_m_expanded_BackgroundColor = {
+  "name": "--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-v5-c-menu-toggle--m-secondary--m-expanded--BackgroundColor)"
+};
+exports["default"] = exports.c_menu_toggle_m_secondary_m_expanded_BackgroundColor;

package/dist/js/index.d.ts

@@ -2601,6 +2601,9 @@ export { c_menu_toggle_m_primary_m_expanded_Color } from './c_menu_toggle_m_prim
 export { c_menu_toggle_m_secondary_Color } from './c_menu_toggle_m_secondary_Color';
 export { c_menu_toggle_m_secondary_BorderRadius } from './c_menu_toggle_m_secondary_BorderRadius';
 export { c_menu_toggle_m_secondary_BackgroundColor } from './c_menu_toggle_m_secondary_BackgroundColor';
+export { c_menu_toggle_m_secondary_hover_BackgroundColor } from './c_menu_toggle_m_secondary_hover_BackgroundColor';
+export { c_menu_toggle_m_secondary_focus_BackgroundColor } from './c_menu_toggle_m_secondary_focus_BackgroundColor';
+export { c_menu_toggle_m_secondary_active_BackgroundColor } from './c_menu_toggle_m_secondary_active_BackgroundColor';
 export { c_menu_toggle_m_secondary_before_BorderWidth } from './c_menu_toggle_m_secondary_before_BorderWidth';
 export { c_menu_toggle_m_secondary_hover_before_BorderWidth } from './c_menu_toggle_m_secondary_hover_before_BorderWidth';
 export { c_menu_toggle_m_secondary_focus_before_BorderWidth } from './c_menu_toggle_m_secondary_focus_before_BorderWidth';
@@ -2609,6 +2612,7 @@ export { c_menu_toggle_m_secondary_before_BorderColor } from './c_menu_toggle_m_
 export { c_menu_toggle_m_secondary_hover_before_BorderColor } from './c_menu_toggle_m_secondary_hover_before_BorderColor';
 export { c_menu_toggle_m_secondary_focus_before_BorderColor } from './c_menu_toggle_m_secondary_focus_before_BorderColor';
 export { c_menu_toggle_m_secondary_active_before_BorderColor } from './c_menu_toggle_m_secondary_active_before_BorderColor';
+export { c_menu_toggle_m_secondary_m_expanded_BackgroundColor } from './c_menu_toggle_m_secondary_m_expanded_BackgroundColor';
 export { c_menu_toggle_m_secondary_m_expanded_Color } from './c_menu_toggle_m_secondary_m_expanded_Color';
 export { c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderColor } from './c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderColor';
 export { c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderWidth } from './c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderWidth';

package/dist/js/index.js

@@ -2606,6 +2606,9 @@ __export(require('./c_menu_toggle_m_primary_m_expanded_Color'));
 __export(require('./c_menu_toggle_m_secondary_Color'));
 __export(require('./c_menu_toggle_m_secondary_BorderRadius'));
 __export(require('./c_menu_toggle_m_secondary_BackgroundColor'));
+__export(require('./c_menu_toggle_m_secondary_hover_BackgroundColor'));
+__export(require('./c_menu_toggle_m_secondary_focus_BackgroundColor'));
+__export(require('./c_menu_toggle_m_secondary_active_BackgroundColor'));
 __export(require('./c_menu_toggle_m_secondary_before_BorderWidth'));
 __export(require('./c_menu_toggle_m_secondary_hover_before_BorderWidth'));
 __export(require('./c_menu_toggle_m_secondary_focus_before_BorderWidth'));
@@ -2614,6 +2617,7 @@ __export(require('./c_menu_toggle_m_secondary_before_BorderColor'));
 __export(require('./c_menu_toggle_m_secondary_hover_before_BorderColor'));
 __export(require('./c_menu_toggle_m_secondary_focus_before_BorderColor'));
 __export(require('./c_menu_toggle_m_secondary_active_before_BorderColor'));
+__export(require('./c_menu_toggle_m_secondary_m_expanded_BackgroundColor'));
 __export(require('./c_menu_toggle_m_secondary_m_expanded_Color'));
 __export(require('./c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderColor'));
 __export(require('./c_menu_toggle_m_expanded__toggle_m_secondary_before_BorderWidth'));

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-tokens",
-  "version": "5.4.0-prerelease.9",
+  "version": "5.4.1",
   "description": "This library provides access to the design tokens of PatternFly 4 from JavaScript",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -28,9 +28,9 @@
     "clean": "rimraf dist"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.4.0-prerelease.7",
+    "@patternfly/patternfly": "5.4.2",
     "css": "^3.0.0",
     "fs-extra": "^11.2.0"
   },
-  "gitHead": "b343abb86e05cc2a197da5e4a95f347dfda9bf49"
+  "gitHead": "5d59bea17733b6c2f89a10a28883fb44caf84295"
 }

package/scripts/writeTokens.js

@@ -38,7 +38,7 @@ const allIndex = {};
 const componentIndex = [];
 
 const outputIndex = (index, indexFile) => {
-  const esmIndexString = index.map(file => `export { ${file} } from './${file}';`).join('\n');
+  const esmIndexString = index.map((file) => `export { ${file} } from './${file}';`).join('\n');
   outputFileSync(join(outDir, 'esm', indexFile), esmIndexString);
   outputFileSync(
     join(outDir, 'js', indexFile),
@@ -48,7 +48,7 @@ function __export(m) {
     for (var p in m) if (!exports.hasOwnProperty(p)) exports[p] = m[p];
 }
 exports.__esModule = true;
-${index.map(file => `__export(require('./${file}'));`).join('\n')}
+${index.map((file) => `__export(require('./${file}'));`).join('\n')}
 `.trim()
   );
   outputFileSync(join(outDir, 'esm', indexFile.replace('.js', '.d.ts')), esmIndexString);
@@ -72,7 +72,7 @@ function writeTokens(tokens) {
 
     // Legacy token support -- values may be incorrect.
     Object.values(tokenValue)
-      .map(values => Object.entries(values))
+      .map((values) => Object.entries(values))
       .reduce((acc, val) => acc.concat(val), []) // flatten
       .forEach(([oldTokenName, { name, value }]) => {
         const isChart = oldTokenName.includes('chart');