@patternfly/react-tokens 5.0.0-alpha.15 → 5.0.0-alpha.16

package/CHANGELOG.md

@@ -3,6 +3,10 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 5.0.0-alpha.16 (2023-06-02)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
 # 5.0.0-alpha.15 (2023-05-31)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/dist/esm/c_background_image.d.ts

@@ -10,6 +10,10 @@ export const c_background_image: {
         "#151515"
       ]
     },
+    "c_background_image_BackgroundImage": {
+      "name": "--pf-v5-c-background-image--BackgroundImage",
+      "value": "none"
+    },
     "c_background_image_BackgroundPosition": {
       "name": "--pf-v5-c-background-image--BackgroundPosition",
       "value": "bottom right"

package/dist/esm/c_background_image.js

@@ -10,6 +10,10 @@ export const c_background_image = {
         "#151515"
       ]
     },
+    "c_background_image_BackgroundImage": {
+      "name": "--pf-v5-c-background-image--BackgroundImage",
+      "value": "none"
+    },
     "c_background_image_BackgroundPosition": {
       "name": "--pf-v5-c-background-image--BackgroundPosition",
       "value": "bottom right"

package/dist/esm/c_background_image_BackgroundImage.d.ts

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundImage: {
+  "name": "--pf-v5-c-background-image--BackgroundImage",
+  "value": "none",
+  "var": "var(--pf-v5-c-background-image--BackgroundImage)"
+};
+export default c_background_image_BackgroundImage;

package/dist/esm/c_background_image_BackgroundImage.js

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundImage = {
+  "name": "--pf-v5-c-background-image--BackgroundImage",
+  "value": "none",
+  "var": "var(--pf-v5-c-background-image--BackgroundImage)"
+};
+export default c_background_image_BackgroundImage;

package/dist/esm/c_menu_toggle.d.ts

@@ -964,6 +964,26 @@ export const c_menu_toggle: {
       "name": "--pf-v5-c-menu-toggle__button--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle__button_PaddingLeft": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_menu_toggle__button_PaddingRight": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",
@@ -986,12 +1006,12 @@ export const c_menu_toggle: {
     },
     "c_menu_toggle_m_typeahead__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle_m_typeahead__controls_MarginLeft": {
@@ -1594,13 +1614,13 @@ export const c_menu_toggle: {
   ".pf-v5-c-menu-toggle.pf-m-typeahead": {
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
         "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle__button__controls_MarginLeft": {

package/dist/esm/c_menu_toggle.js

@@ -964,6 +964,26 @@ export const c_menu_toggle = {
       "name": "--pf-v5-c-menu-toggle__button--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle__button_PaddingLeft": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_menu_toggle__button_PaddingRight": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",
@@ -986,12 +1006,12 @@ export const c_menu_toggle = {
     },
     "c_menu_toggle_m_typeahead__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle_m_typeahead__controls_MarginLeft": {
@@ -1594,13 +1614,13 @@ export const c_menu_toggle = {
   ".pf-v5-c-menu-toggle.pf-m-typeahead": {
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
         "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle__button__controls_MarginLeft": {

package/dist/esm/c_menu_toggle__button_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_PaddingLeft: {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingLeft)"
+};
+export default c_menu_toggle__button_PaddingLeft;

package/dist/esm/c_menu_toggle__button_PaddingLeft.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_PaddingLeft = {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingLeft)"
+};
+export default c_menu_toggle__button_PaddingLeft;

package/dist/esm/c_menu_toggle__button_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_PaddingRight: {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingRight)"
+};
+export default c_menu_toggle__button_PaddingRight;

package/dist/esm/c_menu_toggle__button_PaddingRight.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_PaddingRight = {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingRight)"
+};
+export default c_menu_toggle__button_PaddingRight;

package/dist/esm/c_menu_toggle__button__controls_MarginRight.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle__button__controls_MarginRight: {
   "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle__button__controls--MarginRight)"
 };
 export default c_menu_toggle__button__controls_MarginRight;

package/dist/esm/c_menu_toggle__button__controls_MarginRight.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle__button__controls_MarginRight = {
   "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle__button__controls--MarginRight)"
 };
 export default c_menu_toggle__button__controls_MarginRight;

package/dist/esm/c_menu_toggle_m_typeahead__controls_MarginRight.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_typeahead__controls_MarginRight: {
   "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight)"
 };
 export default c_menu_toggle_m_typeahead__controls_MarginRight;

package/dist/esm/c_menu_toggle_m_typeahead__controls_MarginRight.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_typeahead__controls_MarginRight = {
   "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight)"
 };
 export default c_menu_toggle_m_typeahead__controls_MarginRight;

package/dist/esm/c_page.d.ts

@@ -191,7 +191,7 @@ export const c_page: {
       ]
     }
   },
-  ".pf-v5-c-page": {
+  ":root": {
     "c_page_BackgroundColor": {
       "name": "--pf-v5-c-page--BackgroundColor",
       "value": "#f0f0f0",

package/dist/esm/c_page.js

@@ -191,7 +191,7 @@ export const c_page = {
       ]
     }
   },
-  ".pf-v5-c-page": {
+  ":root": {
     "c_page_BackgroundColor": {
       "name": "--pf-v5-c-page--BackgroundColor",
       "value": "#f0f0f0",

package/dist/esm/index.d.ts

@@ -42,9 +42,9 @@ export { l_flex_spacer_xl } from './l_flex_spacer_xl';
 export { l_flex_spacer_2xl } from './l_flex_spacer_2xl';
 export { l_flex_spacer_3xl } from './l_flex_spacer_3xl';
 export { l_flex_spacer_4xl } from './l_flex_spacer_4xl';
+export { l_flex_spacer } from './l_flex_spacer';
 export { l_flex_spacer_column } from './l_flex_spacer_column';
 export { l_flex_spacer_row } from './l_flex_spacer_row';
-export { l_flex_spacer } from './l_flex_spacer';
 export { l_bullseye } from './l_bullseye';
 export { l_bullseye_Padding } from './l_bullseye_Padding';
 export { c_wizard } from './c_wizard';
@@ -2579,6 +2579,8 @@ export { c_menu_toggle_m_split_button_m_action_m_primary_child_BorderLeftColor }
 export { c_menu_toggle_m_split_button_m_action_m_primary_m_expanded_child_BackgroundColor } from './c_menu_toggle_m_split_button_m_action_m_primary_m_expanded_child_BackgroundColor';
 export { c_menu_toggle_m_split_button_m_action_m_secondary_child_BorderLeftColor } from './c_menu_toggle_m_split_button_m_action_m_secondary_child_BorderLeftColor';
 export { c_menu_toggle__button_BackgroundColor } from './c_menu_toggle__button_BackgroundColor';
+export { c_menu_toggle__button_PaddingLeft } from './c_menu_toggle__button_PaddingLeft';
+export { c_menu_toggle__button_PaddingRight } from './c_menu_toggle__button_PaddingRight';
 export { c_menu_toggle__button__controls_MarginRight } from './c_menu_toggle__button__controls_MarginRight';
 export { c_menu_toggle__button__controls_MarginLeft } from './c_menu_toggle__button__controls_MarginLeft';
 export { c_menu_toggle_m_typeahead__controls_MarginRight } from './c_menu_toggle_m_typeahead__controls_MarginRight';
@@ -4770,6 +4772,7 @@ export { c_back_to_top_c_button_PaddingLeft } from './c_back_to_top_c_button_Pad
 export { c_back_to_top_c_button_BoxShadow } from './c_back_to_top_c_button_BoxShadow';
 export { c_background_image } from './c_background_image';
 export { c_background_image_BackgroundColor } from './c_background_image_BackgroundColor';
+export { c_background_image_BackgroundImage } from './c_background_image_BackgroundImage';
 export { c_background_image_BackgroundPosition } from './c_background_image_BackgroundPosition';
 export { c_background_image_BackgroundSize_min_width } from './c_background_image_BackgroundSize_min_width';
 export { c_background_image_BackgroundSize_width } from './c_background_image_BackgroundSize_width';

package/dist/esm/index.js

@@ -42,9 +42,9 @@ export { l_flex_spacer_xl } from './l_flex_spacer_xl';
 export { l_flex_spacer_2xl } from './l_flex_spacer_2xl';
 export { l_flex_spacer_3xl } from './l_flex_spacer_3xl';
 export { l_flex_spacer_4xl } from './l_flex_spacer_4xl';
+export { l_flex_spacer } from './l_flex_spacer';
 export { l_flex_spacer_column } from './l_flex_spacer_column';
 export { l_flex_spacer_row } from './l_flex_spacer_row';
-export { l_flex_spacer } from './l_flex_spacer';
 export { l_bullseye } from './l_bullseye';
 export { l_bullseye_Padding } from './l_bullseye_Padding';
 export { c_wizard } from './c_wizard';
@@ -2579,6 +2579,8 @@ export { c_menu_toggle_m_split_button_m_action_m_primary_child_BorderLeftColor }
 export { c_menu_toggle_m_split_button_m_action_m_primary_m_expanded_child_BackgroundColor } from './c_menu_toggle_m_split_button_m_action_m_primary_m_expanded_child_BackgroundColor';
 export { c_menu_toggle_m_split_button_m_action_m_secondary_child_BorderLeftColor } from './c_menu_toggle_m_split_button_m_action_m_secondary_child_BorderLeftColor';
 export { c_menu_toggle__button_BackgroundColor } from './c_menu_toggle__button_BackgroundColor';
+export { c_menu_toggle__button_PaddingLeft } from './c_menu_toggle__button_PaddingLeft';
+export { c_menu_toggle__button_PaddingRight } from './c_menu_toggle__button_PaddingRight';
 export { c_menu_toggle__button__controls_MarginRight } from './c_menu_toggle__button__controls_MarginRight';
 export { c_menu_toggle__button__controls_MarginLeft } from './c_menu_toggle__button__controls_MarginLeft';
 export { c_menu_toggle_m_typeahead__controls_MarginRight } from './c_menu_toggle_m_typeahead__controls_MarginRight';
@@ -4770,6 +4772,7 @@ export { c_back_to_top_c_button_PaddingLeft } from './c_back_to_top_c_button_Pad
 export { c_back_to_top_c_button_BoxShadow } from './c_back_to_top_c_button_BoxShadow';
 export { c_background_image } from './c_background_image';
 export { c_background_image_BackgroundColor } from './c_background_image_BackgroundColor';
+export { c_background_image_BackgroundImage } from './c_background_image_BackgroundImage';
 export { c_background_image_BackgroundPosition } from './c_background_image_BackgroundPosition';
 export { c_background_image_BackgroundSize_min_width } from './c_background_image_BackgroundSize_min_width';
 export { c_background_image_BackgroundSize_width } from './c_background_image_BackgroundSize_width';

package/dist/esm/l_flex.d.ts

@@ -189,28 +189,32 @@ export const l_flex: {
     }
   },
   ".pf-v5-l-flex > *": {
+    "l_flex_spacer": {
+      "name": "--pf-v5-l-flex--spacer",
+      "value": "initial"
+    },
     "l_flex_spacer_column": {
       "name": "--pf-v5-l-flex--spacer--column",
-      "value": ", 1.5rem",
+      "value": "initial, 1.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--column--base)",
-        ", --pf-v5-l-flex--spacer--column--base",
-        ", --pf-v5-global--spacer--lg",
-        ", $pf-v5-global--spacer--lg",
-        ", pf-size-prem(24px)",
-        ", 1.5rem"
+        "initial, --pf-v5-l-flex--spacer--column--base",
+        "initial, --pf-v5-global--spacer--lg",
+        "initial, $pf-v5-global--spacer--lg",
+        "initial, pf-size-prem(24px)",
+        "initial, 1.5rem"
       ]
     },
     "l_flex_spacer_row": {
       "name": "--pf-v5-l-flex--spacer--row",
-      "value": ", 0.5rem",
+      "value": "initial, 0.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--row--base)",
-        ", --pf-v5-l-flex--spacer--row--base",
-        ", --pf-v5-global--spacer--sm",
-        ", $pf-v5-global--spacer--sm",
-        ", pf-size-prem(8px)",
-        ", 0.5rem"
+        "initial, --pf-v5-l-flex--spacer--row--base",
+        "initial, --pf-v5-global--spacer--sm",
+        "initial, $pf-v5-global--spacer--sm",
+        "initial, pf-size-prem(8px)",
+        "initial, 0.5rem"
       ]
     }
   },

package/dist/esm/l_flex.js

@@ -189,28 +189,32 @@ export const l_flex = {
     }
   },
   ".pf-v5-l-flex > *": {
+    "l_flex_spacer": {
+      "name": "--pf-v5-l-flex--spacer",
+      "value": "initial"
+    },
     "l_flex_spacer_column": {
       "name": "--pf-v5-l-flex--spacer--column",
-      "value": ", 1.5rem",
+      "value": "initial, 1.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--column--base)",
-        ", --pf-v5-l-flex--spacer--column--base",
-        ", --pf-v5-global--spacer--lg",
-        ", $pf-v5-global--spacer--lg",
-        ", pf-size-prem(24px)",
-        ", 1.5rem"
+        "initial, --pf-v5-l-flex--spacer--column--base",
+        "initial, --pf-v5-global--spacer--lg",
+        "initial, $pf-v5-global--spacer--lg",
+        "initial, pf-size-prem(24px)",
+        "initial, 1.5rem"
       ]
     },
     "l_flex_spacer_row": {
       "name": "--pf-v5-l-flex--spacer--row",
-      "value": ", 0.5rem",
+      "value": "initial, 0.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--row--base)",
-        ", --pf-v5-l-flex--spacer--row--base",
-        ", --pf-v5-global--spacer--sm",
-        ", $pf-v5-global--spacer--sm",
-        ", pf-size-prem(8px)",
-        ", 0.5rem"
+        "initial, --pf-v5-l-flex--spacer--row--base",
+        "initial, --pf-v5-global--spacer--sm",
+        "initial, $pf-v5-global--spacer--sm",
+        "initial, pf-size-prem(8px)",
+        "initial, 0.5rem"
       ]
     }
   },

package/dist/js/c_background_image.d.ts

@@ -10,6 +10,10 @@ export const c_background_image: {
         "#151515"
       ]
     },
+    "c_background_image_BackgroundImage": {
+      "name": "--pf-v5-c-background-image--BackgroundImage",
+      "value": "none"
+    },
     "c_background_image_BackgroundPosition": {
       "name": "--pf-v5-c-background-image--BackgroundPosition",
       "value": "bottom right"

package/dist/js/c_background_image.js

@@ -12,6 +12,10 @@ exports.c_background_image = {
         "#151515"
       ]
     },
+    "c_background_image_BackgroundImage": {
+      "name": "--pf-v5-c-background-image--BackgroundImage",
+      "value": "none"
+    },
     "c_background_image_BackgroundPosition": {
       "name": "--pf-v5-c-background-image--BackgroundPosition",
       "value": "bottom right"

package/dist/js/c_background_image_BackgroundImage.d.ts

@@ -0,0 +1,6 @@
+export const c_background_image_BackgroundImage: {
+  "name": "--pf-v5-c-background-image--BackgroundImage",
+  "value": "none",
+  "var": "var(--pf-v5-c-background-image--BackgroundImage)"
+};
+export default c_background_image_BackgroundImage;

package/dist/js/c_background_image_BackgroundImage.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_background_image_BackgroundImage = {
+  "name": "--pf-v5-c-background-image--BackgroundImage",
+  "value": "none",
+  "var": "var(--pf-v5-c-background-image--BackgroundImage)"
+};
+exports["default"] = exports.c_background_image_BackgroundImage;

package/dist/js/c_menu_toggle.d.ts

@@ -964,6 +964,26 @@ export const c_menu_toggle: {
       "name": "--pf-v5-c-menu-toggle__button--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle__button_PaddingLeft": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_menu_toggle__button_PaddingRight": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",
@@ -986,12 +1006,12 @@ export const c_menu_toggle: {
     },
     "c_menu_toggle_m_typeahead__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle_m_typeahead__controls_MarginLeft": {
@@ -1594,13 +1614,13 @@ export const c_menu_toggle: {
   ".pf-v5-c-menu-toggle.pf-m-typeahead": {
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
         "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle__button__controls_MarginLeft": {

package/dist/js/c_menu_toggle.js

@@ -966,6 +966,26 @@ exports.c_menu_toggle = {
       "name": "--pf-v5-c-menu-toggle__button--BackgroundColor",
       "value": "transparent"
     },
+    "c_menu_toggle__button_PaddingLeft": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
+    "c_menu_toggle__button_PaddingRight": {
+      "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",
@@ -988,12 +1008,12 @@ exports.c_menu_toggle = {
     },
     "c_menu_toggle_m_typeahead__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle_m_typeahead__controls_MarginLeft": {
@@ -1596,13 +1616,13 @@ exports.c_menu_toggle = {
   ".pf-v5-c-menu-toggle.pf-m-typeahead": {
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-      "value": "1rem",
+      "value": "0.5rem",
       "values": [
         "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-        "--pf-v5-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-v5-global--spacer--sm",
+        "$pf-v5-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_menu_toggle__button__controls_MarginLeft": {

package/dist/js/c_menu_toggle__button_PaddingLeft.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_PaddingLeft: {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingLeft)"
+};
+export default c_menu_toggle__button_PaddingLeft;

package/dist/js/c_menu_toggle__button_PaddingLeft.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_menu_toggle__button_PaddingLeft = {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingLeft",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingLeft)"
+};
+exports["default"] = exports.c_menu_toggle__button_PaddingLeft;

package/dist/js/c_menu_toggle__button_PaddingRight.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_PaddingRight: {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingRight)"
+};
+export default c_menu_toggle__button_PaddingRight;

package/dist/js/c_menu_toggle__button_PaddingRight.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_menu_toggle__button_PaddingRight = {
+  "name": "--pf-v5-c-menu-toggle__button--PaddingRight",
+  "value": "0.5rem",
+  "var": "var(--pf-v5-c-menu-toggle__button--PaddingRight)"
+};
+exports["default"] = exports.c_menu_toggle__button_PaddingRight;

package/dist/js/c_menu_toggle__button__controls_MarginRight.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle__button__controls_MarginRight: {
   "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle__button__controls--MarginRight)"
 };
 export default c_menu_toggle__button__controls_MarginRight;

package/dist/js/c_menu_toggle__button__controls_MarginRight.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle__button__controls_MarginRight = {
   "name": "--pf-v5-c-menu-toggle__button__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle__button__controls--MarginRight)"
 };
 exports["default"] = exports.c_menu_toggle__button__controls_MarginRight;

package/dist/js/c_menu_toggle_m_typeahead__controls_MarginRight.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_typeahead__controls_MarginRight: {
   "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight)"
 };
 export default c_menu_toggle_m_typeahead__controls_MarginRight;

package/dist/js/c_menu_toggle_m_typeahead__controls_MarginRight.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_m_typeahead__controls_MarginRight = {
   "name": "--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight",
-  "value": "1rem",
+  "value": "0.5rem",
   "var": "var(--pf-v5-c-menu-toggle--m-typeahead__controls--MarginRight)"
 };
 exports["default"] = exports.c_menu_toggle_m_typeahead__controls_MarginRight;

package/dist/js/c_page.d.ts

@@ -191,7 +191,7 @@ export const c_page: {
       ]
     }
   },
-  ".pf-v5-c-page": {
+  ":root": {
     "c_page_BackgroundColor": {
       "name": "--pf-v5-c-page--BackgroundColor",
       "value": "#f0f0f0",

package/dist/js/c_page.js

@@ -193,7 +193,7 @@ exports.c_page = {
       ]
     }
   },
-  ".pf-v5-c-page": {
+  ":root": {
     "c_page_BackgroundColor": {
       "name": "--pf-v5-c-page--BackgroundColor",
       "value": "#f0f0f0",

package/dist/js/index.d.ts

@@ -42,9 +42,9 @@ export { l_flex_spacer_xl } from './l_flex_spacer_xl';
 export { l_flex_spacer_2xl } from './l_flex_spacer_2xl';
 export { l_flex_spacer_3xl } from './l_flex_spacer_3xl';
 export { l_flex_spacer_4xl } from './l_flex_spacer_4xl';
+export { l_flex_spacer } from './l_flex_spacer';
 export { l_flex_spacer_column } from './l_flex_spacer_column';
 export { l_flex_spacer_row } from './l_flex_spacer_row';
-export { l_flex_spacer } from './l_flex_spacer';
 export { l_bullseye } from './l_bullseye';
 export { l_bullseye_Padding } from './l_bullseye_Padding';
 export { c_wizard } from './c_wizard';
@@ -2579,6 +2579,8 @@ export { c_menu_toggle_m_split_button_m_action_m_primary_child_BorderLeftColor }
 export { c_menu_toggle_m_split_button_m_action_m_primary_m_expanded_child_BackgroundColor } from './c_menu_toggle_m_split_button_m_action_m_primary_m_expanded_child_BackgroundColor';
 export { c_menu_toggle_m_split_button_m_action_m_secondary_child_BorderLeftColor } from './c_menu_toggle_m_split_button_m_action_m_secondary_child_BorderLeftColor';
 export { c_menu_toggle__button_BackgroundColor } from './c_menu_toggle__button_BackgroundColor';
+export { c_menu_toggle__button_PaddingLeft } from './c_menu_toggle__button_PaddingLeft';
+export { c_menu_toggle__button_PaddingRight } from './c_menu_toggle__button_PaddingRight';
 export { c_menu_toggle__button__controls_MarginRight } from './c_menu_toggle__button__controls_MarginRight';
 export { c_menu_toggle__button__controls_MarginLeft } from './c_menu_toggle__button__controls_MarginLeft';
 export { c_menu_toggle_m_typeahead__controls_MarginRight } from './c_menu_toggle_m_typeahead__controls_MarginRight';
@@ -4770,6 +4772,7 @@ export { c_back_to_top_c_button_PaddingLeft } from './c_back_to_top_c_button_Pad
 export { c_back_to_top_c_button_BoxShadow } from './c_back_to_top_c_button_BoxShadow';
 export { c_background_image } from './c_background_image';
 export { c_background_image_BackgroundColor } from './c_background_image_BackgroundColor';
+export { c_background_image_BackgroundImage } from './c_background_image_BackgroundImage';
 export { c_background_image_BackgroundPosition } from './c_background_image_BackgroundPosition';
 export { c_background_image_BackgroundSize_min_width } from './c_background_image_BackgroundSize_min_width';
 export { c_background_image_BackgroundSize_width } from './c_background_image_BackgroundSize_width';

package/dist/js/index.js

@@ -47,9 +47,9 @@ __export(require('./l_flex_spacer_xl'));
 __export(require('./l_flex_spacer_2xl'));
 __export(require('./l_flex_spacer_3xl'));
 __export(require('./l_flex_spacer_4xl'));
+__export(require('./l_flex_spacer'));
 __export(require('./l_flex_spacer_column'));
 __export(require('./l_flex_spacer_row'));
-__export(require('./l_flex_spacer'));
 __export(require('./l_bullseye'));
 __export(require('./l_bullseye_Padding'));
 __export(require('./c_wizard'));
@@ -2584,6 +2584,8 @@ __export(require('./c_menu_toggle_m_split_button_m_action_m_primary_child_Border
 __export(require('./c_menu_toggle_m_split_button_m_action_m_primary_m_expanded_child_BackgroundColor'));
 __export(require('./c_menu_toggle_m_split_button_m_action_m_secondary_child_BorderLeftColor'));
 __export(require('./c_menu_toggle__button_BackgroundColor'));
+__export(require('./c_menu_toggle__button_PaddingLeft'));
+__export(require('./c_menu_toggle__button_PaddingRight'));
 __export(require('./c_menu_toggle__button__controls_MarginRight'));
 __export(require('./c_menu_toggle__button__controls_MarginLeft'));
 __export(require('./c_menu_toggle_m_typeahead__controls_MarginRight'));
@@ -4775,6 +4777,7 @@ __export(require('./c_back_to_top_c_button_PaddingLeft'));
 __export(require('./c_back_to_top_c_button_BoxShadow'));
 __export(require('./c_background_image'));
 __export(require('./c_background_image_BackgroundColor'));
+__export(require('./c_background_image_BackgroundImage'));
 __export(require('./c_background_image_BackgroundPosition'));
 __export(require('./c_background_image_BackgroundSize_min_width'));
 __export(require('./c_background_image_BackgroundSize_width'));

package/dist/js/l_flex.d.ts

@@ -189,28 +189,32 @@ export const l_flex: {
     }
   },
   ".pf-v5-l-flex > *": {
+    "l_flex_spacer": {
+      "name": "--pf-v5-l-flex--spacer",
+      "value": "initial"
+    },
     "l_flex_spacer_column": {
       "name": "--pf-v5-l-flex--spacer--column",
-      "value": ", 1.5rem",
+      "value": "initial, 1.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--column--base)",
-        ", --pf-v5-l-flex--spacer--column--base",
-        ", --pf-v5-global--spacer--lg",
-        ", $pf-v5-global--spacer--lg",
-        ", pf-size-prem(24px)",
-        ", 1.5rem"
+        "initial, --pf-v5-l-flex--spacer--column--base",
+        "initial, --pf-v5-global--spacer--lg",
+        "initial, $pf-v5-global--spacer--lg",
+        "initial, pf-size-prem(24px)",
+        "initial, 1.5rem"
       ]
     },
     "l_flex_spacer_row": {
       "name": "--pf-v5-l-flex--spacer--row",
-      "value": ", 0.5rem",
+      "value": "initial, 0.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--row--base)",
-        ", --pf-v5-l-flex--spacer--row--base",
-        ", --pf-v5-global--spacer--sm",
-        ", $pf-v5-global--spacer--sm",
-        ", pf-size-prem(8px)",
-        ", 0.5rem"
+        "initial, --pf-v5-l-flex--spacer--row--base",
+        "initial, --pf-v5-global--spacer--sm",
+        "initial, $pf-v5-global--spacer--sm",
+        "initial, pf-size-prem(8px)",
+        "initial, 0.5rem"
       ]
     }
   },

package/dist/js/l_flex.js

@@ -191,28 +191,32 @@ exports.l_flex = {
     }
   },
   ".pf-v5-l-flex > *": {
+    "l_flex_spacer": {
+      "name": "--pf-v5-l-flex--spacer",
+      "value": "initial"
+    },
     "l_flex_spacer_column": {
       "name": "--pf-v5-l-flex--spacer--column",
-      "value": ", 1.5rem",
+      "value": "initial, 1.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--column--base)",
-        ", --pf-v5-l-flex--spacer--column--base",
-        ", --pf-v5-global--spacer--lg",
-        ", $pf-v5-global--spacer--lg",
-        ", pf-size-prem(24px)",
-        ", 1.5rem"
+        "initial, --pf-v5-l-flex--spacer--column--base",
+        "initial, --pf-v5-global--spacer--lg",
+        "initial, $pf-v5-global--spacer--lg",
+        "initial, pf-size-prem(24px)",
+        "initial, 1.5rem"
       ]
     },
     "l_flex_spacer_row": {
       "name": "--pf-v5-l-flex--spacer--row",
-      "value": ", 0.5rem",
+      "value": "initial, 0.5rem",
       "values": [
         "var(--pf-v5-l-flex--spacer, --pf-v5-l-flex--spacer--row--base)",
-        ", --pf-v5-l-flex--spacer--row--base",
-        ", --pf-v5-global--spacer--sm",
-        ", $pf-v5-global--spacer--sm",
-        ", pf-size-prem(8px)",
-        ", 0.5rem"
+        "initial, --pf-v5-l-flex--spacer--row--base",
+        "initial, --pf-v5-global--spacer--sm",
+        "initial, $pf-v5-global--spacer--sm",
+        "initial, pf-size-prem(8px)",
+        "initial, 0.5rem"
       ]
     }
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-tokens",
-  "version": "5.0.0-alpha.15",
+  "version": "5.0.0-alpha.16",
   "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": "5.0.0-alpha.69",
+    "@patternfly/patternfly": "5.0.0-alpha.74",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
     "glob": "^7.1.2",
     "rimraf": "^2.6.2"
   },
-  "gitHead": "0f4a1d04e19c94a00f2174fb5e063e4cc516819f"
+  "gitHead": "ed9000303ee57e753010e884ab9f3db6acea5b15"
 }