@patternfly/react-tokens 5.0.0-alpha.5 → 5.0.0-alpha.6

package/dist/esm/c_banner.d.ts

@@ -353,180 +353,6 @@ export const c_banner: {
       ]
     }
   },
-  ".pf-c-banner .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-banner .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-banner.pf-m-blue": {
     "c_banner_BackgroundColor": {
       "name": "--pf-c-banner--BackgroundColor",

package/dist/esm/c_banner.js

@@ -353,180 +353,6 @@ export const c_banner = {
       ]
     }
   },
-  ".pf-c-banner .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-banner .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-banner.pf-m-blue": {
     "c_banner_BackgroundColor": {
       "name": "--pf-c-banner--BackgroundColor",

package/dist/esm/c_button_m_primary_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_BackgroundColor: {
   "name": "--pf-c-button--m-primary--BackgroundColor",
-  "value": "#fff",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--BackgroundColor)"
 };
 export default c_button_m_primary_BackgroundColor;

package/dist/esm/c_button_m_primary_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_BackgroundColor = {
   "name": "--pf-c-button--m-primary--BackgroundColor",
-  "value": "#fff",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--BackgroundColor)"
 };
 export default c_button_m_primary_BackgroundColor;

package/dist/esm/c_button_m_primary_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_Color: {
   "name": "--pf-c-button--m-primary--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--Color)"
 };
 export default c_button_m_primary_Color;

package/dist/esm/c_button_m_primary_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_Color = {
   "name": "--pf-c-button--m-primary--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--Color)"
 };
 export default c_button_m_primary_Color;

package/dist/esm/c_button_m_primary_active_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_active_BackgroundColor: {
   "name": "--pf-c-button--m-primary--active--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--active--BackgroundColor)"
 };
 export default c_button_m_primary_active_BackgroundColor;

package/dist/esm/c_button_m_primary_active_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_active_BackgroundColor = {
   "name": "--pf-c-button--m-primary--active--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--active--BackgroundColor)"
 };
 export default c_button_m_primary_active_BackgroundColor;

package/dist/esm/c_button_m_primary_active_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_active_Color: {
   "name": "--pf-c-button--m-primary--active--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--active--Color)"
 };
 export default c_button_m_primary_active_Color;

package/dist/esm/c_button_m_primary_active_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_active_Color = {
   "name": "--pf-c-button--m-primary--active--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--active--Color)"
 };
 export default c_button_m_primary_active_Color;

package/dist/esm/c_button_m_primary_focus_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_focus_BackgroundColor: {
   "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--focus--BackgroundColor)"
 };
 export default c_button_m_primary_focus_BackgroundColor;

package/dist/esm/c_button_m_primary_focus_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_focus_BackgroundColor = {
   "name": "--pf-c-button--m-primary--focus--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--focus--BackgroundColor)"
 };
 export default c_button_m_primary_focus_BackgroundColor;

package/dist/esm/c_button_m_primary_focus_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_focus_Color: {
   "name": "--pf-c-button--m-primary--focus--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--focus--Color)"
 };
 export default c_button_m_primary_focus_Color;

package/dist/esm/c_button_m_primary_focus_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_focus_Color = {
   "name": "--pf-c-button--m-primary--focus--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--focus--Color)"
 };
 export default c_button_m_primary_focus_Color;

package/dist/esm/c_button_m_primary_hover_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_hover_BackgroundColor: {
   "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--hover--BackgroundColor)"
 };
 export default c_button_m_primary_hover_BackgroundColor;

package/dist/esm/c_button_m_primary_hover_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_hover_BackgroundColor = {
   "name": "--pf-c-button--m-primary--hover--BackgroundColor",
-  "value": "#f0f0f0",
+  "value": "#004080",
   "var": "var(--pf-c-button--m-primary--hover--BackgroundColor)"
 };
 export default c_button_m_primary_hover_BackgroundColor;

package/dist/esm/c_button_m_primary_hover_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_primary_hover_Color: {
   "name": "--pf-c-button--m-primary--hover--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--hover--Color)"
 };
 export default c_button_m_primary_hover_Color;

package/dist/esm/c_button_m_primary_hover_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_primary_hover_Color = {
   "name": "--pf-c-button--m-primary--hover--Color",
-  "value": "#06c",
+  "value": "#fff",
   "var": "var(--pf-c-button--m-primary--hover--Color)"
 };
 export default c_button_m_primary_hover_Color;

package/dist/esm/c_button_m_secondary_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_Color: {
   "name": "--pf-c-button--m-secondary--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--Color)"
 };
 export default c_button_m_secondary_Color;

package/dist/esm/c_button_m_secondary_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_Color = {
   "name": "--pf-c-button--m-secondary--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--Color)"
 };
 export default c_button_m_secondary_Color;

package/dist/esm/c_button_m_secondary_active_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_active_Color: {
   "name": "--pf-c-button--m-secondary--active--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--active--Color)"
 };
 export default c_button_m_secondary_active_Color;

package/dist/esm/c_button_m_secondary_active_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_active_Color = {
   "name": "--pf-c-button--m-secondary--active--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--active--Color)"
 };
 export default c_button_m_secondary_active_Color;

package/dist/esm/c_button_m_secondary_focus_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_focus_Color: {
   "name": "--pf-c-button--m-secondary--focus--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--focus--Color)"
 };
 export default c_button_m_secondary_focus_Color;

package/dist/esm/c_button_m_secondary_focus_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_focus_Color = {
   "name": "--pf-c-button--m-secondary--focus--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--focus--Color)"
 };
 export default c_button_m_secondary_focus_Color;

package/dist/esm/c_button_m_secondary_hover_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_hover_Color: {
   "name": "--pf-c-button--m-secondary--hover--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--hover--Color)"
 };
 export default c_button_m_secondary_hover_Color;

package/dist/esm/c_button_m_secondary_hover_Color.js

@@ -1,6 +1,6 @@
 export const c_button_m_secondary_hover_Color = {
   "name": "--pf-c-button--m-secondary--hover--Color",
-  "value": "#fff",
+  "value": "#06c",
   "var": "var(--pf-c-button--m-secondary--hover--Color)"
 };
 export default c_button_m_secondary_hover_Color;

package/dist/esm/c_card_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_card_BackgroundColor: {
   "name": "--pf-c-card--BackgroundColor",
-  "value": "rgba(#030303, .32)",
+  "value": "transparent",
   "var": "var(--pf-c-card--BackgroundColor)"
 };
 export default c_card_BackgroundColor;

package/dist/esm/c_card_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_card_BackgroundColor = {
   "name": "--pf-c-card--BackgroundColor",
-  "value": "rgba(#030303, .32)",
+  "value": "transparent",
   "var": "var(--pf-c-card--BackgroundColor)"
 };
 export default c_card_BackgroundColor;

package/dist/esm/c_context_selector.d.ts

@@ -118,6 +118,16 @@ export const c_context_selector: {
         "0.5rem"
       ]
     },
+    "c_context_selector__toggle_ColumnGap": {
+      "name": "--pf-c-context-selector__toggle--ColumnGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
+      ]
+    },
     "c_context_selector__toggle_BorderWidth": {
       "name": "--pf-c-context-selector__toggle--BorderWidth",
       "value": "1px",
@@ -337,8 +347,8 @@ export const c_context_selector: {
         "1.5"
       ]
     },
-    "c_context_selector__toggle_icon_MarginRight": {
-      "name": "--pf-c-context-selector__toggle-icon--MarginRight",
+    "c_context_selector__toggle_icon_PaddingRight": {
+      "name": "--pf-c-context-selector__toggle-icon--PaddingRight",
       "value": "0.5rem",
       "values": [
         "--pf-global--spacer--sm",
@@ -347,14 +357,14 @@ export const c_context_selector: {
         "0.5rem"
       ]
     },
-    "c_context_selector__toggle_icon_MarginLeft": {
-      "name": "--pf-c-context-selector__toggle-icon--MarginLeft",
-      "value": "1rem",
+    "c_context_selector__toggle_icon_PaddingLeft": {
+      "name": "--pf-c-context-selector__toggle-icon--PaddingLeft",
+      "value": "0.5rem",
       "values": [
-        "--pf-global--spacer--md",
-        "$pf-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-global--spacer--sm",
+        "$pf-global--spacer--sm",
+        "pf-size-prem(8px)",
+        "0.5rem"
       ]
     },
     "c_context_selector_m_plain__toggle_icon_Color": {