@patternfly/react-tokens 5.0.0-alpha.1 → 5.0.0-alpha.3

package/dist/js/c_search_input.js

@@ -123,6 +123,10 @@ exports.c_search_input = {
         "#6a6e73"
       ]
     },
+    "c_search_input__text_input_BackgroundColor": {
+      "name": "--pf-c-search-input__text-input--BackgroundColor",
+      "value": "transparent"
+    },
     "c_search_input__icon_Left": {
       "name": "--pf-c-search-input__icon--Left",
       "value": "0.5rem",

package/dist/js/c_search_input__text_input_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_search_input__text_input_BackgroundColor: {
+  "name": "--pf-c-search-input__text-input--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-search-input__text-input--BackgroundColor)"
+};
+export default c_search_input__text_input_BackgroundColor;

package/dist/js/c_search_input__text_input_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_search_input__text_input_BackgroundColor = {
+  "name": "--pf-c-search-input__text-input--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-search-input__text-input--BackgroundColor)"
+};
+exports["default"] = exports.c_search_input__text_input_BackgroundColor;

package/dist/js/c_tabs.d.ts

@@ -888,16 +888,6 @@ export const c_tabs: {
       "name": "--pf-c-tabs__item-action-icon--MarginTop",
       "value": "0.125rem"
     },
-    "c_tabs__item_action_m_help_c_button_PaddingLeft": {
-      "name": "--pf-c-tabs__item-action--m-help--c-button--PaddingLeft",
-      "value": "0.25rem",
-      "values": [
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
-      ]
-    },
     "c_tabs__add_before_BorderColor": {
       "name": "--pf-c-tabs__add--before--BorderColor",
       "value": "#d2d2d2",
@@ -1842,19 +1832,6 @@ export const c_tabs: {
       ]
     }
   },
-  ".pf-c-tabs__item-action.pf-m-help": {
-    "c_tabs__item_action_c_button_PaddingLeft": {
-      "name": "--pf-c-tabs__item-action--c-button--PaddingLeft",
-      "value": "0.25rem",
-      "values": [
-        "--pf-c-tabs__item-action--m-help--c-button--PaddingLeft",
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
-      ]
-    }
-  },
   ".pf-c-tabs__item-action:last-child": {
     "c_tabs__item_action_c_button_PaddingRight": {
       "name": "--pf-c-tabs__item-action--c-button--PaddingRight",

package/dist/js/c_tabs.js

@@ -890,16 +890,6 @@ exports.c_tabs = {
       "name": "--pf-c-tabs__item-action-icon--MarginTop",
       "value": "0.125rem"
     },
-    "c_tabs__item_action_m_help_c_button_PaddingLeft": {
-      "name": "--pf-c-tabs__item-action--m-help--c-button--PaddingLeft",
-      "value": "0.25rem",
-      "values": [
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
-      ]
-    },
     "c_tabs__add_before_BorderColor": {
       "name": "--pf-c-tabs__add--before--BorderColor",
       "value": "#d2d2d2",
@@ -1844,19 +1834,6 @@ exports.c_tabs = {
       ]
     }
   },
-  ".pf-c-tabs__item-action.pf-m-help": {
-    "c_tabs__item_action_c_button_PaddingLeft": {
-      "name": "--pf-c-tabs__item-action--c-button--PaddingLeft",
-      "value": "0.25rem",
-      "values": [
-        "--pf-c-tabs__item-action--m-help--c-button--PaddingLeft",
-        "--pf-global--spacer--xs",
-        "$pf-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
-      ]
-    }
-  },
   ".pf-c-tabs__item-action:last-child": {
     "c_tabs__item_action_c_button_PaddingRight": {
       "name": "--pf-c-tabs__item-action--c-button--PaddingRight",

package/dist/js/c_tabs__item_action_c_button_PaddingLeft.d.ts

@@ -1,6 +1,6 @@
 export const c_tabs__item_action_c_button_PaddingLeft: {
   "name": "--pf-c-tabs__item-action--c-button--PaddingLeft",
-  "value": "0.25rem",
+  "value": "0.5rem",
   "var": "var(--pf-c-tabs__item-action--c-button--PaddingLeft)"
 };
 export default c_tabs__item_action_c_button_PaddingLeft;

package/dist/js/c_tabs__item_action_c_button_PaddingLeft.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tabs__item_action_c_button_PaddingLeft = {
   "name": "--pf-c-tabs__item-action--c-button--PaddingLeft",
-  "value": "0.25rem",
+  "value": "0.5rem",
   "var": "var(--pf-c-tabs__item-action--c-button--PaddingLeft)"
 };
 exports["default"] = exports.c_tabs__item_action_c_button_PaddingLeft;

package/dist/js/c_text_input_group.d.ts

@@ -201,8 +201,8 @@ export const c_text_input_group: {
         "#6a6e73"
       ]
     },
-    "c_text_input_group_placeholder_Color": {
-      "name": "--pf-c-text-input-group--placeholder--Color",
+    "c_text_input_group__text_input_placeholder_Color": {
+      "name": "--pf-c-text-input-group__text-input--placeholder--Color",
       "value": "#6a6e73",
       "values": [
         "--pf-global--Color--dark-200",
@@ -211,6 +211,10 @@ export const c_text_input_group: {
         "#6a6e73"
       ]
     },
+    "c_text_input_group__text_input_BackgroundColor": {
+      "name": "--pf-c-text-input-group__text-input--BackgroundColor",
+      "value": "transparent"
+    },
     "c_text_input_group__icon_Left": {
       "name": "--pf-c-text-input-group__icon--Left",
       "value": "0.5rem",

package/dist/js/c_text_input_group.js

@@ -203,8 +203,8 @@ exports.c_text_input_group = {
         "#6a6e73"
       ]
     },
-    "c_text_input_group_placeholder_Color": {
-      "name": "--pf-c-text-input-group--placeholder--Color",
+    "c_text_input_group__text_input_placeholder_Color": {
+      "name": "--pf-c-text-input-group__text-input--placeholder--Color",
       "value": "#6a6e73",
       "values": [
         "--pf-global--Color--dark-200",
@@ -213,6 +213,10 @@ exports.c_text_input_group = {
         "#6a6e73"
       ]
     },
+    "c_text_input_group__text_input_BackgroundColor": {
+      "name": "--pf-c-text-input-group__text-input--BackgroundColor",
+      "value": "transparent"
+    },
     "c_text_input_group__icon_Left": {
       "name": "--pf-c-text-input-group__icon--Left",
       "value": "0.5rem",

package/dist/js/c_text_input_group__text_input_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_text_input_group__text_input_BackgroundColor: {
+  "name": "--pf-c-text-input-group__text-input--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-text-input-group__text-input--BackgroundColor)"
+};
+export default c_text_input_group__text_input_BackgroundColor;

package/dist/js/c_text_input_group__text_input_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_text_input_group__text_input_BackgroundColor = {
+  "name": "--pf-c-text-input-group__text-input--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-text-input-group__text-input--BackgroundColor)"
+};
+exports["default"] = exports.c_text_input_group__text_input_BackgroundColor;

package/dist/js/c_text_input_group__text_input_placeholder_Color.d.ts

@@ -0,0 +1,6 @@
+export const c_text_input_group__text_input_placeholder_Color: {
+  "name": "--pf-c-text-input-group__text-input--placeholder--Color",
+  "value": "#6a6e73",
+  "var": "var(--pf-c-text-input-group__text-input--placeholder--Color)"
+};
+export default c_text_input_group__text_input_placeholder_Color;

package/dist/js/c_text_input_group__text_input_placeholder_Color.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_text_input_group__text_input_placeholder_Color = {
+  "name": "--pf-c-text-input-group__text-input--placeholder--Color",
+  "value": "#6a6e73",
+  "var": "var(--pf-c-text-input-group__text-input--placeholder--Color)"
+};
+exports["default"] = exports.c_text_input_group__text_input_placeholder_Color;

package/dist/js/c_toolbar.d.ts

@@ -81,10 +81,22 @@ export const c_toolbar: {
       "name": "--pf-c-toolbar__item--MinWidth--base",
       "value": "auto"
     },
+    "c_toolbar__item_AlignSelf": {
+      "name": "--pf-c-toolbar__item--AlignSelf",
+      "value": "auto"
+    },
     "c_toolbar__group_Display": {
       "name": "--pf-c-toolbar__group--Display",
       "value": "flex"
     },
+    "c_toolbar__group_AlignItems": {
+      "name": "--pf-c-toolbar__group--AlignItems",
+      "value": "baseline"
+    },
+    "c_toolbar__group_AlignSelf": {
+      "name": "--pf-c-toolbar__group--AlignSelf",
+      "value": "auto"
+    },
     "c_toolbar_m_sticky_ZIndex": {
       "name": "--pf-c-toolbar--m-sticky--ZIndex",
       "value": "100",
@@ -133,6 +145,10 @@ export const c_toolbar: {
       "name": "--pf-c-toolbar__content-section--Display",
       "value": "flex"
     },
+    "c_toolbar__content_section_AlignItems": {
+      "name": "--pf-c-toolbar__content-section--AlignItems",
+      "value": "baseline"
+    },
     "c_toolbar_m_page_insets_inset": {
       "name": "--pf-c-toolbar--m-page-insets--inset",
       "value": "1rem",

package/dist/js/c_toolbar.js

@@ -83,10 +83,22 @@ exports.c_toolbar = {
       "name": "--pf-c-toolbar__item--MinWidth--base",
       "value": "auto"
     },
+    "c_toolbar__item_AlignSelf": {
+      "name": "--pf-c-toolbar__item--AlignSelf",
+      "value": "auto"
+    },
     "c_toolbar__group_Display": {
       "name": "--pf-c-toolbar__group--Display",
       "value": "flex"
     },
+    "c_toolbar__group_AlignItems": {
+      "name": "--pf-c-toolbar__group--AlignItems",
+      "value": "baseline"
+    },
+    "c_toolbar__group_AlignSelf": {
+      "name": "--pf-c-toolbar__group--AlignSelf",
+      "value": "auto"
+    },
     "c_toolbar_m_sticky_ZIndex": {
       "name": "--pf-c-toolbar--m-sticky--ZIndex",
       "value": "100",
@@ -135,6 +147,10 @@ exports.c_toolbar = {
       "name": "--pf-c-toolbar__content-section--Display",
       "value": "flex"
     },
+    "c_toolbar__content_section_AlignItems": {
+      "name": "--pf-c-toolbar__content-section--AlignItems",
+      "value": "baseline"
+    },
     "c_toolbar_m_page_insets_inset": {
       "name": "--pf-c-toolbar--m-page-insets--inset",
       "value": "1rem",

package/dist/js/c_toolbar__content_section_AlignItems.d.ts

@@ -0,0 +1,6 @@
+export const c_toolbar__content_section_AlignItems: {
+  "name": "--pf-c-toolbar__content-section--AlignItems",
+  "value": "baseline",
+  "var": "var(--pf-c-toolbar__content-section--AlignItems)"
+};
+export default c_toolbar__content_section_AlignItems;

package/dist/js/c_toolbar__content_section_AlignItems.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_toolbar__content_section_AlignItems = {
+  "name": "--pf-c-toolbar__content-section--AlignItems",
+  "value": "baseline",
+  "var": "var(--pf-c-toolbar__content-section--AlignItems)"
+};
+exports["default"] = exports.c_toolbar__content_section_AlignItems;

package/dist/js/c_toolbar__group_AlignItems.d.ts

@@ -0,0 +1,6 @@
+export const c_toolbar__group_AlignItems: {
+  "name": "--pf-c-toolbar__group--AlignItems",
+  "value": "baseline",
+  "var": "var(--pf-c-toolbar__group--AlignItems)"
+};
+export default c_toolbar__group_AlignItems;

package/dist/js/c_toolbar__group_AlignItems.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_toolbar__group_AlignItems = {
+  "name": "--pf-c-toolbar__group--AlignItems",
+  "value": "baseline",
+  "var": "var(--pf-c-toolbar__group--AlignItems)"
+};
+exports["default"] = exports.c_toolbar__group_AlignItems;

package/dist/js/c_toolbar__group_AlignSelf.d.ts

@@ -0,0 +1,6 @@
+export const c_toolbar__group_AlignSelf: {
+  "name": "--pf-c-toolbar__group--AlignSelf",
+  "value": "auto",
+  "var": "var(--pf-c-toolbar__group--AlignSelf)"
+};
+export default c_toolbar__group_AlignSelf;

package/dist/js/c_toolbar__group_AlignSelf.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_toolbar__group_AlignSelf = {
+  "name": "--pf-c-toolbar__group--AlignSelf",
+  "value": "auto",
+  "var": "var(--pf-c-toolbar__group--AlignSelf)"
+};
+exports["default"] = exports.c_toolbar__group_AlignSelf;

package/dist/js/c_toolbar__item_AlignSelf.d.ts

@@ -0,0 +1,6 @@
+export const c_toolbar__item_AlignSelf: {
+  "name": "--pf-c-toolbar__item--AlignSelf",
+  "value": "auto",
+  "var": "var(--pf-c-toolbar__item--AlignSelf)"
+};
+export default c_toolbar__item_AlignSelf;

package/dist/js/c_toolbar__item_AlignSelf.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_toolbar__item_AlignSelf = {
+  "name": "--pf-c-toolbar__item--AlignSelf",
+  "value": "auto",
+  "var": "var(--pf-c-toolbar__item--AlignSelf)"
+};
+exports["default"] = exports.c_toolbar__item_AlignSelf;

package/dist/js/c_tooltip.d.ts

@@ -87,11 +87,32 @@ export const c_tooltip: {
     },
     "c_tooltip__arrow_Width": {
       "name": "--pf-c-tooltip__arrow--Width",
-      "value": "0.5rem"
+      "value": "0.9375rem"
     },
     "c_tooltip__arrow_Height": {
       "name": "--pf-c-tooltip__arrow--Height",
-      "value": "0.5rem"
+      "value": "0.9375rem"
+    },
+    "c_tooltip__arrow_BackgroundColor": {
+      "name": "--pf-c-tooltip__arrow--BackgroundColor",
+      "value": "#151515",
+      "values": [
+        "--pf-global--BackgroundColor--dark-100",
+        "$pf-global--BackgroundColor--dark-100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
+    "c_tooltip__arrow_BoxShadow": {
+      "name": "--pf-c-tooltip__arrow--BoxShadow",
+      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-global--BoxShadow--md",
+        "$pf-global--BoxShadow--md",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
+        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+      ]
     },
     "c_tooltip__arrow_m_top_TranslateX": {
       "name": "--pf-c-tooltip__arrow--m-top--TranslateX",

package/dist/js/c_tooltip.js

@@ -89,11 +89,32 @@ exports.c_tooltip = {
     },
     "c_tooltip__arrow_Width": {
       "name": "--pf-c-tooltip__arrow--Width",
-      "value": "0.5rem"
+      "value": "0.9375rem"
     },
     "c_tooltip__arrow_Height": {
       "name": "--pf-c-tooltip__arrow--Height",
-      "value": "0.5rem"
+      "value": "0.9375rem"
+    },
+    "c_tooltip__arrow_BackgroundColor": {
+      "name": "--pf-c-tooltip__arrow--BackgroundColor",
+      "value": "#151515",
+      "values": [
+        "--pf-global--BackgroundColor--dark-100",
+        "$pf-global--BackgroundColor--dark-100",
+        "$pf-color-black-900",
+        "#151515"
+      ]
+    },
+    "c_tooltip__arrow_BoxShadow": {
+      "name": "--pf-c-tooltip__arrow--BoxShadow",
+      "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+      "values": [
+        "--pf-global--BoxShadow--md",
+        "$pf-global--BoxShadow--md",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba($pf-color-black-1000, .12), 0 0 pf-size-prem(4px) 0 rgba($pf-color-black-1000, .06)",
+        "0 pf-size-prem(4px) pf-size-prem(8px) pf-size-prem(0) rgba(#030303, .12), 0 0 pf-size-prem(4px) 0 rgba(#030303, .06)",
+        "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)"
+      ]
     },
     "c_tooltip__arrow_m_top_TranslateX": {
       "name": "--pf-c-tooltip__arrow--m-top--TranslateX",

package/dist/js/c_tooltip__arrow_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_tooltip__arrow_BackgroundColor: {
+  "name": "--pf-c-tooltip__arrow--BackgroundColor",
+  "value": "#151515",
+  "var": "var(--pf-c-tooltip__arrow--BackgroundColor)"
+};
+export default c_tooltip__arrow_BackgroundColor;

package/dist/js/c_tooltip__arrow_BackgroundColor.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_tooltip__arrow_BackgroundColor = {
+  "name": "--pf-c-tooltip__arrow--BackgroundColor",
+  "value": "#151515",
+  "var": "var(--pf-c-tooltip__arrow--BackgroundColor)"
+};
+exports["default"] = exports.c_tooltip__arrow_BackgroundColor;

package/dist/js/c_tooltip__arrow_BoxShadow.d.ts

@@ -0,0 +1,6 @@
+export const c_tooltip__arrow_BoxShadow: {
+  "name": "--pf-c-tooltip__arrow--BoxShadow",
+  "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+  "var": "var(--pf-c-tooltip__arrow--BoxShadow)"
+};
+export default c_tooltip__arrow_BoxShadow;

package/dist/js/c_tooltip__arrow_BoxShadow.js

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_tooltip__arrow_BoxShadow = {
+  "name": "--pf-c-tooltip__arrow--BoxShadow",
+  "value": "0 0.25rem 0.5rem 0rem rgba(3, 3, 3, 0.12), 0 0 0.25rem 0 rgba(3, 3, 3, 0.06)",
+  "var": "var(--pf-c-tooltip__arrow--BoxShadow)"
+};
+exports["default"] = exports.c_tooltip__arrow_BoxShadow;

package/dist/js/c_tooltip__arrow_Height.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__arrow_Height: {
   "name": "--pf-c-tooltip__arrow--Height",
-  "value": "0.5rem",
+  "value": "0.9375rem",
   "var": "var(--pf-c-tooltip__arrow--Height)"
 };
 export default c_tooltip__arrow_Height;

package/dist/js/c_tooltip__arrow_Height.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__arrow_Height = {
   "name": "--pf-c-tooltip__arrow--Height",
-  "value": "0.5rem",
+  "value": "0.9375rem",
   "var": "var(--pf-c-tooltip__arrow--Height)"
 };
 exports["default"] = exports.c_tooltip__arrow_Height;

package/dist/js/c_tooltip__arrow_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_tooltip__arrow_Width: {
   "name": "--pf-c-tooltip__arrow--Width",
-  "value": "0.5rem",
+  "value": "0.9375rem",
   "var": "var(--pf-c-tooltip__arrow--Width)"
 };
 export default c_tooltip__arrow_Width;

package/dist/js/c_tooltip__arrow_Width.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_tooltip__arrow_Width = {
   "name": "--pf-c-tooltip__arrow--Width",
-  "value": "0.5rem",
+  "value": "0.9375rem",
   "var": "var(--pf-c-tooltip__arrow--Width)"
 };
 exports["default"] = exports.c_tooltip__arrow_Width;

package/dist/js/c_tree_view.d.ts

@@ -126,6 +126,10 @@ export const c_tree_view: {
         "700"
       ]
     },
+    "c_tree_view__node_BackgroundColor": {
+      "name": "--pf-c-tree-view__node--BackgroundColor",
+      "value": "transparent"
+    },
     "c_tree_view__node_container_Display": {
       "name": "--pf-c-tree-view__node-container--Display",
       "value": "contents"
@@ -158,7 +162,8 @@ export const c_tree_view: {
       "name": "--pf-c-tree-view__node--focus--BackgroundColor",
       "value": "#f0f0f0",
       "values": [
-        "--pf-global--palette--black-200",
+        "--pf-global--BackgroundColor--200",
+        "$pf-global--BackgroundColor--200",
         "$pf-color-black-200",
         "#f0f0f0"
       ]
@@ -246,6 +251,10 @@ export const c_tree_view: {
         "#151515"
       ]
     },
+    "c_tree_view__node_toggle_BackgroundColor": {
+      "name": "--pf-c-tree-view__node-toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_tree_view__list_item_m_expanded__node_toggle_Color": {
       "name": "--pf-c-tree-view__list-item--m-expanded__node-toggle--Color",
       "value": "#151515",
@@ -464,46 +473,6 @@ export const c_tree_view: {
         "1rem"
       ]
     },
-    "c_tree_view__action_focus_BackgroundColor": {
-      "name": "--pf-c-tree-view__action--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--200",
-        "$pf-global--BackgroundColor--200",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_tree_view__action_Color": {
-      "name": "--pf-c-tree-view__action--Color",
-      "value": "#6a6e73",
-      "values": [
-        "--pf-global--icon--Color--light",
-        "$pf-global--icon--Color--light",
-        "$pf-color-black-600",
-        "#6a6e73"
-      ]
-    },
-    "c_tree_view__action_hover_Color": {
-      "name": "--pf-c-tree-view__action--hover--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-global--icon--Color--dark",
-        "$pf-global--icon--Color--dark",
-        "$pf-color-black-900",
-        "#151515"
-      ]
-    },
-    "c_tree_view__action_focus_Color": {
-      "name": "--pf-c-tree-view__action--focus--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-global--icon--Color--dark",
-        "$pf-global--icon--Color--dark",
-        "$pf-color-black-900",
-        "#151515"
-      ]
-    },
     "c_tree_view_m_guides_guide_Left": {
       "name": "--pf-c-tree-view--m-guides--guide--Left",
       "value": "calc(calc(1rem * 2 + 1rem) - 1.5rem)",
@@ -1422,6 +1391,19 @@ export const c_tree_view: {
       ]
     }
   },
+  ".pf-c-tree-view__node:focus": {
+    "c_tree_view__node_BackgroundColor": {
+      "name": "--pf-c-tree-view__node--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-c-tree-view__node--focus--BackgroundColor",
+        "--pf-global--BackgroundColor--200",
+        "$pf-global--BackgroundColor--200",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    }
+  },
   ".pf-c-tree-view__node .pf-c-tree-view__node-count .pf-c-badge.pf-m-read": {
     "c_badge_m_read_BackgroundColor": {
       "name": "--pf-c-badge--m-read--BackgroundColor",
@@ -1486,32 +1468,6 @@ export const c_tree_view: {
       "value": "hidden"
     }
   },
-  ".pf-c-tree-view__action:hover": {
-    "c_tree_view__action_Color": {
-      "name": "--pf-c-tree-view__action--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-c-tree-view__action--hover--Color",
-        "--pf-global--icon--Color--dark",
-        "$pf-global--icon--Color--dark",
-        "$pf-color-black-900",
-        "#151515"
-      ]
-    }
-  },
-  ".pf-c-tree-view__action:focus": {
-    "c_tree_view__action_Color": {
-      "name": "--pf-c-tree-view__action--Color",
-      "value": "#151515",
-      "values": [
-        "--pf-c-tree-view__action--focus--Color",
-        "--pf-global--icon--Color--dark",
-        "$pf-global--icon--Color--dark",
-        "$pf-color-black-900",
-        "#151515"
-      ]
-    }
-  },
   ".pf-c-tree-view__list-item .pf-c-tree-view__list-item .pf-c-tree-view__list-item": {
     "c_tree_view__list_item__list_item__node_toggle_Left": {
       "name": "--pf-c-tree-view__list-item__list-item__node-toggle--Left",