@patternfly/react-tokens 6.5.0-prerelease.11 → 6.5.0-prerelease.13

package/dist/esm/c_toggle_group.d.ts

@@ -67,24 +67,38 @@ export const c_toggle_group: {
     },
     "c_toggle_group__button_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-      "value": "rgba(255, 255, 255, 0.0000)",
+      "value": "#ffffff",
       "values": [
-        "--pf-t--global--background--color--action--plain--default",
-        "rgba(255, 255, 255, 0.0000)"
+        "--pf-t--global--background--color--control--default",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
       ]
     },
     "c_toggle_group__button_ZIndex": {
       "name": "--pf-v6-c-toggle-group__button--ZIndex",
       "value": "auto"
     },
+    "c_toggle_group__button_hover_Color": {
+      "name": "--pf-v6-c-toggle-group__button--hover--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-t--global--text--color--on-brand--subtle--default",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
+      ]
+    },
     "c_toggle_group__button_hover_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--hover--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "#e0f0ff",
       "values": [
-        "--pf-t--global--background--color--primary--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--color--brand--subtle--default",
+        "--pf-t--global--color--brand--subtle--100",
+        "--pf-t--color--blue--10",
+        "#e0f0ff"
       ]
     },
     "c_toggle_group__button_hover_ZIndex": {
@@ -98,12 +112,12 @@ export const c_toggle_group: {
     },
     "c_toggle_group__button_hover_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--hover--before--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#4394e5",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--brand--subtle--hover",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_toggle_group__button_hover_after_BorderWidth": {
@@ -125,12 +139,12 @@ export const c_toggle_group: {
     },
     "c_toggle_group__button_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_toggle_group__item_item_MarginInlineStart": {
@@ -144,38 +158,42 @@ export const c_toggle_group: {
     },
     "c_toggle_group__item_first_child__button_BorderStartStartRadius": {
       "name": "--pf-v6-c-toggle-group__item--first-child__button--BorderStartStartRadius",
-      "value": "4px",
+      "value": "6px",
       "values": [
-        "--pf-t--global--border--radius--tiny",
-        "--pf-t--global--border--radius--100",
-        "4px"
+        "--pf-t--global--border--radius--control--default",
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
       ]
     },
     "c_toggle_group__item_first_child__button_BorderEndStartRadius": {
       "name": "--pf-v6-c-toggle-group__item--first-child__button--BorderEndStartRadius",
-      "value": "4px",
+      "value": "6px",
       "values": [
-        "--pf-t--global--border--radius--tiny",
-        "--pf-t--global--border--radius--100",
-        "4px"
+        "--pf-t--global--border--radius--control--default",
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
       ]
     },
     "c_toggle_group__item_last_child__button_BorderStartEndRadius": {
       "name": "--pf-v6-c-toggle-group__item--last-child__button--BorderStartEndRadius",
-      "value": "4px",
+      "value": "6px",
       "values": [
-        "--pf-t--global--border--radius--tiny",
-        "--pf-t--global--border--radius--100",
-        "4px"
+        "--pf-t--global--border--radius--control--default",
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
       ]
     },
     "c_toggle_group__item_last_child__button_BorderEndEndRadius": {
       "name": "--pf-v6-c-toggle-group__item--last-child__button--BorderEndEndRadius",
-      "value": "4px",
+      "value": "6px",
       "values": [
-        "--pf-t--global--border--radius--tiny",
-        "--pf-t--global--border--radius--100",
-        "4px"
+        "--pf-t--global--border--radius--control--default",
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
       ]
     },
     "c_toggle_group__icon_text_MarginInlineStart": {
@@ -187,46 +205,114 @@ export const c_toggle_group: {
         "0.5rem"
       ]
     },
+    "c_toggle_group__icon_Color": {
+      "name": "--pf-v6-c-toggle-group__icon--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
+      ]
+    },
+    "c_toggle_group__icon_hover_Color": {
+      "name": "--pf-v6-c-toggle-group__icon--hover--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-t--global--icon--color--on-brand--subtle--default",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
+      ]
+    },
+    "c_toggle_group__icon_m_selected_Color": {
+      "name": "--pf-v6-c-toggle-group__icon--m-selected--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-t--global--icon--color--on-brand--subtle--default",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
+      ]
+    },
+    "c_toggle_group__icon_disabled_Color": {
+      "name": "--pf-v6-c-toggle-group__icon--disabled--Color",
+      "value": "#707070",
+      "values": [
+        "--pf-t--global--icon--color--on-disabled",
+        "--pf-t--global--color--disabled--300",
+        "--pf-t--color--gray--50",
+        "#707070"
+      ]
+    },
     "c_toggle_group__button_m_selected_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--m-selected--BackgroundColor",
-      "value": "#0066cc",
+      "value": "#e0f0ff",
       "values": [
-        "--pf-t--global--color--brand--default",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-t--global--color--brand--subtle--default",
+        "--pf-t--global--color--brand--subtle--100",
+        "--pf-t--color--blue--10",
+        "#e0f0ff"
       ]
     },
     "c_toggle_group__button_m_selected_Color": {
       "name": "--pf-v6-c-toggle-group__button--m-selected--Color",
-      "value": "#ffffff",
+      "value": "#151515",
       "values": [
-        "--pf-t--global--text--color--on-brand--default",
-        "--pf-t--global--text--color--inverse",
-        "--pf-t--global--text--color--300",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-t--global--text--color--on-brand--subtle--default",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_toggle_group__button_m_selected_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--m-selected--before--BorderColor",
-      "value": "#0066cc",
+      "value": "#4394e5",
+      "values": [
+        "--pf-t--global--border--color--brand--subtle--clicked",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
+      ]
+    },
+    "c_toggle_group__button_m_selected_before_BorderWidth": {
+      "name": "--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_toggle_group__button_m_selected_after_BorderColor": {
+      "name": "--pf-v6-c-toggle-group__button--m-selected--after--BorderColor",
+      "value": "#4394e5",
+      "values": [
+        "--pf-t--global--border--color--brand--subtle--clicked",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
+      ]
+    },
+    "c_toggle_group__button_m_selected_after_BorderWidth": {
+      "name": "--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth",
+      "value": "2px",
       "values": [
-        "--pf-t--global--border--color--clicked",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-t--global--border--width--control--clicked",
+        "--pf-t--global--border--width--200",
+        "2px"
       ]
     },
     "c_toggle_group__button_m_selected_selected_before_BorderInlineStartColor": {
-      "name": "--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor",
-      "value": "#ffffff",
+      "name": "--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor",
+      "value": "#4394e5",
       "values": [
-        "--pf-t--global--border--color--alt",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-t--global--border--color--brand--subtle--clicked",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_toggle_group__button_m_selected_ZIndex": {
@@ -238,14 +324,6 @@ export const c_toggle_group: {
         "100"
       ]
     },
-    "c_toggle_group__button_m_selected_after_BorderWidth": {
-      "name": "--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth",
-      "value": "0px",
-      "values": [
-        "--pf-t--global--border--width--high-contrast--strong",
-        "0px"
-      ]
-    },
     "c_toggle_group__button_disabled_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--disabled--BackgroundColor",
       "value": "#c7c7c7",
@@ -268,22 +346,22 @@ export const c_toggle_group: {
     },
     "c_toggle_group__button_disabled_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--disabled--before--BorderColor",
-      "value": "#a3a3a3",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--disabled",
-        "--pf-t--global--color--disabled--200",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_toggle_group__button_disabled_disabled_before_BorderInlineStartColor": {
-      "name": "--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor",
-      "value": "#a3a3a3",
+      "name": "--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-t--global--border--color--disabled",
-        "--pf-t--global--color--disabled--200",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_toggle_group__button_disabled_ZIndex": {
@@ -384,13 +462,25 @@ export const c_toggle_group: {
   ".pf-v6-c-toggle-group__button:is(:hover, :focus)": {
     "c_toggle_group__button_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-      "value": "#f2f2f2",
+      "value": "#e0f0ff",
       "values": [
         "--pf-v6-c-toggle-group__button--hover--BackgroundColor",
-        "--pf-t--global--background--color--primary--hover",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
+        "--pf-t--global--color--brand--subtle--default",
+        "--pf-t--global--color--brand--subtle--100",
+        "--pf-t--color--blue--10",
+        "#e0f0ff"
+      ]
+    },
+    "c_toggle_group__button_Color": {
+      "name": "--pf-v6-c-toggle-group__button--Color",
+      "value": "#151515",
+      "values": [
+        "--pf-v6-c-toggle-group__button--hover--Color",
+        "--pf-t--global--text--color--on-brand--subtle--default",
+        "--pf-t--global--text--color--regular",
+        "--pf-t--global--text--color--100",
+        "--pf-t--color--gray--95",
+        "#151515"
       ]
     },
     "c_toggle_group__button_ZIndex": {
@@ -405,13 +495,13 @@ export const c_toggle_group: {
     },
     "c_toggle_group__button_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-      "value": "#c7c7c7",
+      "value": "#4394e5",
       "values": [
         "--pf-v6-c-toggle-group__button--hover--before--BorderColor",
-        "--pf-t--global--border--color--default",
-        "--pf-t--global--border--color--100",
-        "--pf-t--color--gray--30",
-        "#c7c7c7"
+        "--pf-t--global--border--color--brand--subtle--hover",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_toggle_group__button_after_BorderWidth": {
@@ -422,30 +512,42 @@ export const c_toggle_group: {
         "--pf-t--global--border--width--high-contrast--regular",
         "0px"
       ]
+    },
+    "c_toggle_group__icon_Color": {
+      "name": "--pf-v6-c-toggle-group__icon--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-v6-c-toggle-group__icon--hover--Color",
+        "--pf-t--global--icon--color--on-brand--subtle--default",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
+      ]
     }
   },
   ".pf-v6-c-toggle-group__button.pf-m-selected": {
     "c_toggle_group__button_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-      "value": "#0066cc",
+      "value": "#e0f0ff",
       "values": [
         "--pf-v6-c-toggle-group__button--m-selected--BackgroundColor",
-        "--pf-t--global--color--brand--default",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-t--global--color--brand--subtle--default",
+        "--pf-t--global--color--brand--subtle--100",
+        "--pf-t--color--blue--10",
+        "#e0f0ff"
       ]
     },
     "c_toggle_group__button_Color": {
       "name": "--pf-v6-c-toggle-group__button--Color",
-      "value": "#ffffff, inherit",
+      "value": "#151515, inherit",
       "values": [
         "var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit)",
-        "--pf-t--global--text--color--on-brand--default, inherit",
-        "--pf-t--global--text--color--inverse, inherit",
-        "--pf-t--global--text--color--300, inherit",
-        "--pf-t--color--white, inherit",
-        "#ffffff, inherit"
+        "--pf-t--global--text--color--on-brand--subtle--default, inherit",
+        "--pf-t--global--text--color--regular, inherit",
+        "--pf-t--global--text--color--100, inherit",
+        "--pf-t--color--gray--95, inherit",
+        "#151515, inherit"
       ]
     },
     "c_toggle_group__button_ZIndex": {
@@ -460,22 +562,55 @@ export const c_toggle_group: {
     },
     "c_toggle_group__button_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-      "value": "#0066cc",
+      "value": "#4394e5",
       "values": [
         "--pf-v6-c-toggle-group__button--m-selected--before--BorderColor",
-        "--pf-t--global--border--color--clicked",
-        "--pf-t--global--color--brand--200",
-        "--pf-t--color--blue--50",
-        "#0066cc"
+        "--pf-t--global--border--color--brand--subtle--clicked",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
+      ]
+    },
+    "c_toggle_group__button_before_BorderWidth": {
+      "name": "--pf-v6-c-toggle-group__button--before--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-toggle-group__button--m-selected--before--BorderWidth",
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_toggle_group__button_after_BorderColor": {
+      "name": "--pf-v6-c-toggle-group__button--after--BorderColor",
+      "value": "#4394e5",
+      "values": [
+        "--pf-v6-c-toggle-group__button--m-selected--after--BorderColor",
+        "--pf-t--global--border--color--brand--subtle--clicked",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     },
     "c_toggle_group__button_after_BorderWidth": {
       "name": "--pf-v6-c-toggle-group__button--after--BorderWidth",
-      "value": "0px",
+      "value": "2px",
       "values": [
         "--pf-v6-c-toggle-group__button--m-selected--after--BorderWidth",
-        "--pf-t--global--border--width--high-contrast--strong",
-        "0px"
+        "--pf-t--global--border--width--control--clicked",
+        "--pf-t--global--border--width--200",
+        "2px"
+      ]
+    },
+    "c_toggle_group__icon_Color": {
+      "name": "--pf-v6-c-toggle-group__icon--Color",
+      "value": "#1f1f1f",
+      "values": [
+        "--pf-v6-c-toggle-group__icon--m-selected--Color",
+        "--pf-t--global--icon--color--on-brand--subtle--default",
+        "--pf-t--global--icon--color--regular",
+        "--pf-t--global--icon--color--100",
+        "--pf-t--color--gray--90",
+        "#1f1f1f"
       ]
     }
   },
@@ -514,40 +649,50 @@ export const c_toggle_group: {
     },
     "c_toggle_group__button_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-      "value": "#a3a3a3",
+      "value": "#8c8c8c",
       "values": [
         "--pf-v6-c-toggle-group__button--disabled--before--BorderColor",
-        "--pf-t--global--border--color--disabled",
-        "--pf-t--global--color--disabled--200",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
+      ]
+    },
+    "c_toggle_group__icon_Color": {
+      "name": "--pf-v6-c-toggle-group__icon--Color",
+      "value": "#707070",
+      "values": [
+        "--pf-v6-c-toggle-group__icon--disabled--Color",
+        "--pf-t--global--icon--color--on-disabled",
+        "--pf-t--global--color--disabled--300",
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   },
   ".pf-v6-c-toggle-group__item:has(.pf-m-selected) + .pf-v6-c-toggle-group__item:has(.pf-m-selected)": {
     "c_toggle_group__button_before_BorderInlineStartColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderInlineStartColor",
-      "value": "#ffffff",
+      "value": "#4394e5",
       "values": [
-        "--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor",
-        "--pf-t--global--border--color--alt",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
+        "--pf-v6-c-toggle-group__button--m-selected--selected--before--BorderInlineStartColor",
+        "--pf-t--global--border--color--brand--subtle--clicked",
+        "--pf-t--global--color--brand--subtle--300",
+        "--pf-t--color--blue--40",
+        "#4394e5"
       ]
     }
   },
   ".pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v6-c-toggle-group__item:has(:disabled, .pf-m-disabled)": {
     "c_toggle_group__button_before_BorderInlineStartColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderInlineStartColor",
-      "value": "#a3a3a3",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor",
-        "--pf-t--global--border--color--disabled",
-        "--pf-t--global--color--disabled--200",
-        "--pf-t--color--gray--40",
-        "#a3a3a3"
+        "--pf-v6-c-toggle-group__button--disabled--disabled--before--BorderInlineStartColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     }
   }