@patternfly/react-tokens 4.84.3 → 4.84.4

package/dist/esm/c_input_group.d.ts

@@ -214,6 +214,12 @@ export const c_input_group: {
       "value": "0"
     }
   },
+  ".pf-c-input-group.pf-m-plain": {
+    "c_input_group_BackgroundColor": {
+      "name": "--pf-c-input-group--BackgroundColor",
+      "value": "transparent"
+    }
+  },
   ".pf-c-input-group__text.pf-m-plain": {
     "c_input_group__text_BorderWidth": {
       "name": "--pf-c-input-group__text--BorderWidth",

package/dist/esm/c_input_group.js

@@ -214,6 +214,12 @@ export const c_input_group = {
       "value": "0"
     }
   },
+  ".pf-c-input-group.pf-m-plain": {
+    "c_input_group_BackgroundColor": {
+      "name": "--pf-c-input-group--BackgroundColor",
+      "value": "transparent"
+    }
+  },
   ".pf-c-input-group__text.pf-m-plain": {
     "c_input_group__text_BorderWidth": {
       "name": "--pf-c-input-group__text--BorderWidth",

package/dist/esm/c_input_group_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_input_group_BackgroundColor: {
   "name": "--pf-c-input-group--BackgroundColor",
-  "value": "#fff",
+  "value": "transparent",
   "var": "var(--pf-c-input-group--BackgroundColor)"
 };
 export default c_input_group_BackgroundColor;

package/dist/esm/c_input_group_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_input_group_BackgroundColor = {
   "name": "--pf-c-input-group--BackgroundColor",
-  "value": "#fff",
+  "value": "transparent",
   "var": "var(--pf-c-input-group--BackgroundColor)"
 };
 export default c_input_group_BackgroundColor;

package/dist/esm/c_masthead.d.ts

@@ -95,7 +95,7 @@ export const c_masthead: {
       ]
     }
   },
-  ".pf-c-masthead": {
+  ".pf-c-masthead .pf-c-button.pf-m-plain": {
     "global_Color_100": {
       "name": "--pf-global--Color--100",
       "value": "#fff",
@@ -167,7 +167,183 @@ export const c_masthead: {
         "$pf-color-black-900",
         "#151515"
       ]
+    }
+  },
+  ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-card": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-c-card--BackgroundColor",
+      "value": "rgba(#030303, .32)",
+      "values": [
+        "--pf-global--BackgroundColor--dark-transparent-200",
+        "$pf-global--BackgroundColor--dark-transparent-200",
+        "rgba($pf-color-black-1000, .32)",
+        "rgba(#030303, .32)"
+      ]
+    }
+  },
+  ".pf-c-masthead .pf-c-button.pf-m-plain .pf-c-button": {
+    "c_button_m_primary_Color": {
+      "name": "--pf-c-button--m-primary--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--dark-100",
+        "$pf-global--primary-color--dark-100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_button_m_primary_hover_Color": {
+      "name": "--pf-c-button--m-primary--hover--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--dark-100",
+        "$pf-global--primary-color--dark-100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_button_m_primary_focus_Color": {
+      "name": "--pf-c-button--m-primary--focus--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--dark-100",
+        "$pf-global--primary-color--dark-100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_button_m_primary_active_Color": {
+      "name": "--pf-c-button--m-primary--active--Color",
+      "value": "#06c",
+      "values": [
+        "--pf-global--primary-color--dark-100",
+        "$pf-global--primary-color--dark-100",
+        "$pf-color-blue-400",
+        "#06c"
+      ]
+    },
+    "c_button_m_primary_BackgroundColor": {
+      "name": "--pf-c-button--m-primary--BackgroundColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--BackgroundColor--light-100",
+        "$pf-global--BackgroundColor--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_button_m_primary_hover_BackgroundColor": {
+      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-global--BackgroundColor--light-300",
+        "$pf-global--BackgroundColor--light-300",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    },
+    "c_button_m_primary_focus_BackgroundColor": {
+      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-global--BackgroundColor--light-300",
+        "$pf-global--BackgroundColor--light-300",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    },
+    "c_button_m_primary_active_BackgroundColor": {
+      "name": "--pf-c-button--m-primary--active--BackgroundColor",
+      "value": "#f0f0f0",
+      "values": [
+        "--pf-global--BackgroundColor--light-300",
+        "$pf-global--BackgroundColor--light-300",
+        "$pf-color-black-200",
+        "#f0f0f0"
+      ]
+    },
+    "c_button_m_secondary_Color": {
+      "name": "--pf-c-button--m-secondary--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_button_m_secondary_hover_Color": {
+      "name": "--pf-c-button--m-secondary--hover--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_button_m_secondary_focus_Color": {
+      "name": "--pf-c-button--m-secondary--focus--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
     },
+    "c_button_m_secondary_active_Color": {
+      "name": "--pf-c-button--m-secondary--active--Color",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_button_m_secondary_BorderColor": {
+      "name": "--pf-c-button--m-secondary--BorderColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_button_m_secondary_hover_BorderColor": {
+      "name": "--pf-c-button--m-secondary--hover--BorderColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_button_m_secondary_focus_BorderColor": {
+      "name": "--pf-c-button--m-secondary--focus--BorderColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    },
+    "c_button_m_secondary_active_BorderColor": {
+      "name": "--pf-c-button--m-secondary--active--BorderColor",
+      "value": "#fff",
+      "values": [
+        "--pf-global--Color--light-100",
+        "$pf-global--Color--light-100",
+        "$pf-color-white",
+        "#fff"
+      ]
+    }
+  },
+  ".pf-c-masthead": {
     "c_masthead_PaddingLeft": {
       "name": "--pf-c-masthead--PaddingLeft",
       "value": "1rem",
@@ -872,180 +1048,6 @@ export const c_masthead: {
       ]
     }
   },
-  ".pf-c-masthead .pf-c-card": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-c-card--BackgroundColor",
-      "value": "rgba(#030303, .32)",
-      "values": [
-        "--pf-global--BackgroundColor--dark-transparent-200",
-        "$pf-global--BackgroundColor--dark-transparent-200",
-        "rgba($pf-color-black-1000, .32)",
-        "rgba(#030303, .32)"
-      ]
-    }
-  },
-  ".pf-c-masthead .pf-c-button": {
-    "c_button_m_primary_Color": {
-      "name": "--pf-c-button--m-primary--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_hover_Color": {
-      "name": "--pf-c-button--m-primary--hover--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_focus_Color": {
-      "name": "--pf-c-button--m-primary--focus--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_active_Color": {
-      "name": "--pf-c-button--m-primary--active--Color",
-      "value": "#06c",
-      "values": [
-        "--pf-global--primary-color--dark-100",
-        "$pf-global--primary-color--dark-100",
-        "$pf-color-blue-400",
-        "#06c"
-      ]
-    },
-    "c_button_m_primary_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--BackgroundColor--light-100",
-        "$pf-global--BackgroundColor--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_primary_hover_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_focus_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_primary_active_BackgroundColor": {
-      "name": "--pf-c-button--m-primary--active--BackgroundColor",
-      "value": "#f0f0f0",
-      "values": [
-        "--pf-global--BackgroundColor--light-300",
-        "$pf-global--BackgroundColor--light-300",
-        "$pf-color-black-200",
-        "#f0f0f0"
-      ]
-    },
-    "c_button_m_secondary_Color": {
-      "name": "--pf-c-button--m-secondary--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_Color": {
-      "name": "--pf-c-button--m-secondary--hover--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_Color": {
-      "name": "--pf-c-button--m-secondary--focus--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_Color": {
-      "name": "--pf-c-button--m-secondary--active--Color",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_BorderColor": {
-      "name": "--pf-c-button--m-secondary--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_hover_BorderColor": {
-      "name": "--pf-c-button--m-secondary--hover--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_focus_BorderColor": {
-      "name": "--pf-c-button--m-secondary--focus--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    },
-    "c_button_m_secondary_active_BorderColor": {
-      "name": "--pf-c-button--m-secondary--active--BorderColor",
-      "value": "#fff",
-      "values": [
-        "--pf-global--Color--light-100",
-        "$pf-global--Color--light-100",
-        "$pf-color-white",
-        "#fff"
-      ]
-    }
-  },
   ".pf-c-masthead.pf-m-light": {
     "c_masthead_BackgroundColor": {
       "name": "--pf-c-masthead--BackgroundColor",