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

package/CHANGELOG.md

@@ -3,6 +3,12 @@
 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.3 (2023-02-15)
+
+### Bug Fixes
+
+- **deps:** updated to the latest core alpha ([#8688](https://github.com/patternfly/patternfly-react/issues/8688)) ([5f81928](https://github.com/patternfly/patternfly-react/commit/5f819288d7baaa3806b23c0da8fb26dd4ec12d6b))
+
 # 5.0.0-alpha.2 (2023-02-08)
 
 **Note:** Version bump only for package @patternfly/react-tokens

package/dist/esm/c_accordion.d.ts

@@ -192,6 +192,10 @@ export const c_accordion: {
         "#06c"
       ]
     },
+    "c_accordion__toggle_BackgroundColor": {
+      "name": "--pf-c-accordion__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_accordion__toggle_text_MaxWidth": {
       "name": "--pf-c-accordion__toggle-text--MaxWidth",
       "value": "calc(100% - 1.5rem)",

package/dist/esm/c_accordion.js

@@ -192,6 +192,10 @@ export const c_accordion = {
         "#06c"
       ]
     },
+    "c_accordion__toggle_BackgroundColor": {
+      "name": "--pf-c-accordion__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_accordion__toggle_text_MaxWidth": {
       "name": "--pf-c-accordion__toggle-text--MaxWidth",
       "value": "calc(100% - 1.5rem)",

package/dist/esm/c_accordion__toggle_BackgroundColor.d.ts

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

package/dist/esm/c_accordion__toggle_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_accordion__toggle_BackgroundColor = {
+  "name": "--pf-c-accordion__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-accordion__toggle--BackgroundColor)"
+};
+export default c_accordion__toggle_BackgroundColor;

package/dist/esm/c_app_launcher.d.ts

@@ -174,6 +174,10 @@ export const c_app_launcher: {
         "#151515"
       ]
     },
+    "c_app_launcher__toggle_BackgroundColor": {
+      "name": "--pf-c-app-launcher__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_app_launcher__menu_search_PaddingTop": {
       "name": "--pf-c-app-launcher__menu-search--PaddingTop",
       "value": "0.5rem",

package/dist/esm/c_app_launcher.js

@@ -174,6 +174,10 @@ export const c_app_launcher = {
         "#151515"
       ]
     },
+    "c_app_launcher__toggle_BackgroundColor": {
+      "name": "--pf-c-app-launcher__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_app_launcher__menu_search_PaddingTop": {
       "name": "--pf-c-app-launcher__menu-search--PaddingTop",
       "value": "0.5rem",

package/dist/esm/c_app_launcher__toggle_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_app_launcher__toggle_BackgroundColor: {
+  "name": "--pf-c-app-launcher__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-app-launcher__toggle--BackgroundColor)"
+};
+export default c_app_launcher__toggle_BackgroundColor;

package/dist/esm/c_app_launcher__toggle_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_app_launcher__toggle_BackgroundColor = {
+  "name": "--pf-c-app-launcher__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-app-launcher__toggle--BackgroundColor)"
+};
+export default c_app_launcher__toggle_BackgroundColor;

package/dist/esm/c_breadcrumb.d.ts

@@ -109,6 +109,10 @@ export const c_breadcrumb: {
         "#151515"
       ]
     },
+    "c_breadcrumb__link_BackgroundColor": {
+      "name": "--pf-c-breadcrumb__link--BackgroundColor",
+      "value": "transparent"
+    },
     "c_breadcrumb__heading_FontSize": {
       "name": "--pf-c-breadcrumb__heading--FontSize",
       "value": "0.875rem",

package/dist/esm/c_breadcrumb.js

@@ -109,6 +109,10 @@ export const c_breadcrumb = {
         "#151515"
       ]
     },
+    "c_breadcrumb__link_BackgroundColor": {
+      "name": "--pf-c-breadcrumb__link--BackgroundColor",
+      "value": "transparent"
+    },
     "c_breadcrumb__heading_FontSize": {
       "name": "--pf-c-breadcrumb__heading--FontSize",
       "value": "0.875rem",

package/dist/esm/c_breadcrumb__link_BackgroundColor.d.ts

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

package/dist/esm/c_breadcrumb__link_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_breadcrumb__link_BackgroundColor = {
+  "name": "--pf-c-breadcrumb__link--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-breadcrumb__link--BackgroundColor)"
+};
+export default c_breadcrumb__link_BackgroundColor;

package/dist/esm/c_context_selector.d.ts

@@ -235,6 +235,10 @@ export const c_context_selector: {
         "#06c"
       ]
     },
+    "c_context_selector__toggle_BackgroundColor": {
+      "name": "--pf-c-context-selector__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__toggle_m_plain_Color": {
       "name": "--pf-c-context-selector__toggle--m-plain--Color",
       "value": "#6a6e73",
@@ -608,6 +612,10 @@ export const c_context_selector: {
         "1.5rem"
       ]
     },
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__menu_list_item_hover_BackgroundColor": {
       "name": "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
       "value": "#f0f0f0",
@@ -1364,6 +1372,19 @@ export const c_context_selector: {
       ]
     }
   },
+  ".pf-c-context-selector__menu-list-item:hover": {
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
+        "--pf-global--BackgroundColor--light-300",
+        "$pf-global--BackgroundColor--light-300",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    }
+  },
   ".pf-c-context-selector__menu-list-item.pf-m-disabled": {
     "c_context_selector__menu_list_item_Color": {
       "name": "--pf-c-context-selector__menu-list-item--Color",

package/dist/esm/c_context_selector.js

@@ -235,6 +235,10 @@ export const c_context_selector = {
         "#06c"
       ]
     },
+    "c_context_selector__toggle_BackgroundColor": {
+      "name": "--pf-c-context-selector__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__toggle_m_plain_Color": {
       "name": "--pf-c-context-selector__toggle--m-plain--Color",
       "value": "#6a6e73",
@@ -608,6 +612,10 @@ export const c_context_selector = {
         "1.5rem"
       ]
     },
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "transparent"
+    },
     "c_context_selector__menu_list_item_hover_BackgroundColor": {
       "name": "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
       "value": "#f0f0f0",
@@ -1364,6 +1372,19 @@ export const c_context_selector = {
       ]
     }
   },
+  ".pf-c-context-selector__menu-list-item:hover": {
+    "c_context_selector__menu_list_item_BackgroundColor": {
+      "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-c-context-selector__menu-list-item--hover--BackgroundColor",
+        "--pf-global--BackgroundColor--light-300",
+        "$pf-global--BackgroundColor--light-300",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    }
+  },
   ".pf-c-context-selector__menu-list-item.pf-m-disabled": {
     "c_context_selector__menu_list_item_Color": {
       "name": "--pf-c-context-selector__menu-list-item--Color",

package/dist/esm/c_context_selector__menu_list_item_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_context_selector__menu_list_item_BackgroundColor: {
+  "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+  "value": "#f0f0f0",
+  "var": "var(--pf-c-context-selector__menu-list-item--BackgroundColor)"
+};
+export default c_context_selector__menu_list_item_BackgroundColor;

package/dist/esm/c_context_selector__menu_list_item_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_context_selector__menu_list_item_BackgroundColor = {
+  "name": "--pf-c-context-selector__menu-list-item--BackgroundColor",
+  "value": "#f0f0f0",
+  "var": "var(--pf-c-context-selector__menu-list-item--BackgroundColor)"
+};
+export default c_context_selector__menu_list_item_BackgroundColor;

package/dist/esm/c_context_selector__toggle_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_context_selector__toggle_BackgroundColor: {
+  "name": "--pf-c-context-selector__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-context-selector__toggle--BackgroundColor)"
+};
+export default c_context_selector__toggle_BackgroundColor;

package/dist/esm/c_context_selector__toggle_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_context_selector__toggle_BackgroundColor = {
+  "name": "--pf-c-context-selector__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-context-selector__toggle--BackgroundColor)"
+};
+export default c_context_selector__toggle_BackgroundColor;

package/dist/esm/c_data_list.d.ts

@@ -517,6 +517,10 @@ export const c_data_list: {
       "name": "--pf-c-data-list__item--m-expanded__toggle-icon--Rotate",
       "value": "90deg"
     },
+    "c_data_list__item_draggable_button_BackgroundColor": {
+      "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_data_list__item_draggable_button_PaddingLeft": {
       "name": "--pf-c-data-list__item-draggable-button--PaddingLeft",
       "value": "1rem",

package/dist/esm/c_data_list.js

@@ -517,6 +517,10 @@ export const c_data_list = {
       "name": "--pf-c-data-list__item--m-expanded__toggle-icon--Rotate",
       "value": "90deg"
     },
+    "c_data_list__item_draggable_button_BackgroundColor": {
+      "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_data_list__item_draggable_button_PaddingLeft": {
       "name": "--pf-c-data-list__item-draggable-button--PaddingLeft",
       "value": "1rem",

package/dist/esm/c_data_list__item_draggable_button_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_data_list__item_draggable_button_BackgroundColor: {
+  "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-data-list__item-draggable-button--BackgroundColor)"
+};
+export default c_data_list__item_draggable_button_BackgroundColor;

package/dist/esm/c_data_list__item_draggable_button_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_data_list__item_draggable_button_BackgroundColor = {
+  "name": "--pf-c-data-list__item-draggable-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-data-list__item-draggable-button--BackgroundColor)"
+};
+export default c_data_list__item_draggable_button_BackgroundColor;

package/dist/esm/c_dropdown.d.ts

@@ -473,6 +473,10 @@ export const c_dropdown: {
         "#151515"
       ]
     },
+    "c_dropdown__toggle_button_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_dropdown__toggle_progress_Visibility": {
       "name": "--pf-c-dropdown__toggle-progress--Visibility",
       "value": "hidden"

package/dist/esm/c_dropdown.js

@@ -473,6 +473,10 @@ export const c_dropdown = {
         "#151515"
       ]
     },
+    "c_dropdown__toggle_button_BackgroundColor": {
+      "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_dropdown__toggle_progress_Visibility": {
       "name": "--pf-c-dropdown__toggle-progress--Visibility",
       "value": "hidden"

package/dist/esm/c_dropdown__toggle_button_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_button_BackgroundColor: {
+  "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-dropdown__toggle-button--BackgroundColor)"
+};
+export default c_dropdown__toggle_button_BackgroundColor;

package/dist/esm/c_dropdown__toggle_button_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_dropdown__toggle_button_BackgroundColor = {
+  "name": "--pf-c-dropdown__toggle-button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-dropdown__toggle-button--BackgroundColor)"
+};
+export default c_dropdown__toggle_button_BackgroundColor;

package/dist/esm/c_expandable_section.d.ts

@@ -93,6 +93,10 @@ export const c_expandable_section: {
         "#004080"
       ]
     },
+    "c_expandable_section__toggle_BackgroundColor": {
+      "name": "--pf-c-expandable-section__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_expandable_section__toggle_icon_MinWidth": {
       "name": "--pf-c-expandable-section__toggle-icon--MinWidth",
       "value": "1em"

package/dist/esm/c_expandable_section.js

@@ -93,6 +93,10 @@ export const c_expandable_section = {
         "#004080"
       ]
     },
+    "c_expandable_section__toggle_BackgroundColor": {
+      "name": "--pf-c-expandable-section__toggle--BackgroundColor",
+      "value": "transparent"
+    },
     "c_expandable_section__toggle_icon_MinWidth": {
       "name": "--pf-c-expandable-section__toggle-icon--MinWidth",
       "value": "1em"

package/dist/esm/c_expandable_section__toggle_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_expandable_section__toggle_BackgroundColor: {
+  "name": "--pf-c-expandable-section__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-expandable-section__toggle--BackgroundColor)"
+};
+export default c_expandable_section__toggle_BackgroundColor;

package/dist/esm/c_expandable_section__toggle_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_expandable_section__toggle_BackgroundColor = {
+  "name": "--pf-c-expandable-section__toggle--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-expandable-section__toggle--BackgroundColor)"
+};
+export default c_expandable_section__toggle_BackgroundColor;

package/dist/esm/c_label.d.ts

@@ -1001,6 +1001,10 @@ export const c_label: {
         "#151515"
       ]
     },
+    "c_label__content_BackgroundColor": {
+      "name": "--pf-c-label__content--BackgroundColor",
+      "value": "transparent"
+    },
     "c_label__content_MaxWidth": {
       "name": "--pf-c-label__content--MaxWidth",
       "value": "100%"

package/dist/esm/c_label.js

@@ -1001,6 +1001,10 @@ export const c_label = {
         "#151515"
       ]
     },
+    "c_label__content_BackgroundColor": {
+      "name": "--pf-c-label__content--BackgroundColor",
+      "value": "transparent"
+    },
     "c_label__content_MaxWidth": {
       "name": "--pf-c-label__content--MaxWidth",
       "value": "100%"

package/dist/esm/c_label__content_BackgroundColor.d.ts

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

package/dist/esm/c_label__content_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_label__content_BackgroundColor = {
+  "name": "--pf-c-label__content--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-label__content--BackgroundColor)"
+};
+export default c_label__content_BackgroundColor;

package/dist/esm/c_menu.d.ts

@@ -853,6 +853,10 @@ export const c_menu: {
         "#6a6e73"
       ]
     },
+    "c_menu__item_action_BackgroundColor": {
+      "name": "--pf-c-menu__item-action--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu__item_action_hover_Color": {
       "name": "--pf-c-menu__item-action--hover--Color",
       "value": "#151515",

package/dist/esm/c_menu.js

@@ -853,6 +853,10 @@ export const c_menu = {
         "#6a6e73"
       ]
     },
+    "c_menu__item_action_BackgroundColor": {
+      "name": "--pf-c-menu__item-action--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu__item_action_hover_Color": {
       "name": "--pf-c-menu__item-action--hover--Color",
       "value": "#151515",

package/dist/esm/c_menu__item_action_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu__item_action_BackgroundColor: {
+  "name": "--pf-c-menu__item-action--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu__item-action--BackgroundColor)"
+};
+export default c_menu__item_action_BackgroundColor;

package/dist/esm/c_menu__item_action_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu__item_action_BackgroundColor = {
+  "name": "--pf-c-menu__item-action--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu__item-action--BackgroundColor)"
+};
+export default c_menu__item_action_BackgroundColor;

package/dist/esm/c_menu_toggle.d.ts

@@ -960,6 +960,10 @@ export const c_menu_toggle: {
         "#06c"
       ]
     },
+    "c_menu_toggle__button_BackgroundColor": {
+      "name": "--pf-c-menu-toggle__button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",

package/dist/esm/c_menu_toggle.js

@@ -960,6 +960,10 @@ export const c_menu_toggle = {
         "#06c"
       ]
     },
+    "c_menu_toggle__button_BackgroundColor": {
+      "name": "--pf-c-menu-toggle__button--BackgroundColor",
+      "value": "transparent"
+    },
     "c_menu_toggle__button__controls_MarginRight": {
       "name": "--pf-c-menu-toggle__button__controls--MarginRight",
       "value": "0.5rem",

package/dist/esm/c_menu_toggle__button_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_BackgroundColor: {
+  "name": "--pf-c-menu-toggle__button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu-toggle__button--BackgroundColor)"
+};
+export default c_menu_toggle__button_BackgroundColor;

package/dist/esm/c_menu_toggle__button_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle__button_BackgroundColor = {
+  "name": "--pf-c-menu-toggle__button--BackgroundColor",
+  "value": "transparent",
+  "var": "var(--pf-c-menu-toggle__button--BackgroundColor)"
+};
+export default c_menu_toggle__button_BackgroundColor;

package/dist/esm/c_search_input.d.ts

@@ -121,6 +121,10 @@ export const 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/esm/c_search_input.js

@@ -121,6 +121,10 @@ export const 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/esm/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/esm/c_search_input__text_input_BackgroundColor.js

@@ -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/esm/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/esm/c_text_input_group.js

@@ -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/esm/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/esm/c_text_input_group__text_input_BackgroundColor.js

@@ -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/esm/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/esm/c_text_input_group__text_input_placeholder_Color.js

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