@patternfly/react-tokens 6.0.0-alpha.17 → 6.0.0-alpha.18

package/dist/js/c_toggle_group.js

@@ -367,11 +367,13 @@ exports.c_toggle_group = {
   ".pf-v6-c-toggle-group__button:hover": {
     "c_toggle_group__button_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-      "value": "",
+      "value": "#f2f2f2",
       "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"
       ]
     },
     "c_toggle_group__button_ZIndex": {
@@ -385,31 +387,38 @@ exports.c_toggle_group = {
     },
     "c_toggle_group__button_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-      "value": "",
+      "value": "#c7c7c7",
       "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-v6-c-toggle-group__button.pf-m-selected": {
     "c_toggle_group__button_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-      "value": "",
+      "value": "#06c",
       "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",
+        "#06c"
       ]
     },
     "c_toggle_group__button_Color": {
       "name": "--pf-v6-c-toggle-group__button--Color",
-      "value": ", inherit",
+      "value": "#fff, inherit",
       "values": [
         "var(--pf-v6-c-toggle-group__button--m-selected--Color, inherit)",
         "--pf-t--global--text--color--on-brand--default, inherit",
-        ", inherit"
+        "--pf-t--global--text--color--inverse, inherit",
+        "--pf-t--global--text--color--300, inherit",
+        "--pf-t--color--white, inherit",
+        "#fff, inherit"
       ]
     },
     "c_toggle_group__button_ZIndex": {
@@ -423,31 +432,37 @@ exports.c_toggle_group = {
     },
     "c_toggle_group__button_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-      "value": "",
+      "value": "#06c",
       "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",
+        "#06c"
       ]
     }
   },
   ".pf-v6-c-toggle-group__button:disabled": {
     "c_toggle_group__button_BackgroundColor": {
       "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-      "value": "",
+      "value": "#a3a3a3",
       "values": [
         "--pf-v6-c-toggle-group__button--disabled--BackgroundColor",
         "--pf-t--global--background--color--disabled--default",
-        ""
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     },
     "c_toggle_group__button_Color": {
       "name": "--pf-v6-c-toggle-group__button--Color",
-      "value": "",
+      "value": "#4d4d4d",
       "values": [
         "--pf-v6-c-toggle-group__button--disabled--Color",
         "--pf-t--global--text--color--on-disabled",
-        ""
+        "--pf-t--global--color--disabled--300",
+        "--pf-t--color--gray--60",
+        "#4d4d4d"
       ]
     },
     "c_toggle_group__button_ZIndex": {
@@ -461,33 +476,40 @@ exports.c_toggle_group = {
     },
     "c_toggle_group__button_before_BorderColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-      "value": "",
+      "value": "#a3a3a3",
       "values": [
         "--pf-v6-c-toggle-group__button--disabled--before--BorderColor",
         "--pf-t--global--border--color--disabled",
-        ""
+        "--pf-t--global--background--color--disabled--default",
+        "--pf-t--global--color--disabled--100",
+        "--pf-t--color--gray--40",
+        "#a3a3a3"
       ]
     }
   },
   ".pf-v5-c-toggle-group__item:has(.pf-m-selected) + .pf-v5-c-toggle-group__item:has(.pf-m-selected)": {
     "c_toggle_group__button_before_BorderInlineStartColor": {
       "name": "--pf-v6-c-toggle-group__button--before--BorderInlineStartColor",
-      "value": "",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-toggle-group__button--m-selected-selected--before--BorderInlineStartColor",
         "--pf-t--global--border--color--default",
-        ""
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   },
   ".pf-v5-c-toggle-group__item:has(:disabled, .pf-m-disabled) + .pf-v5-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": "",
+      "value": "#c7c7c7",
       "values": [
         "--pf-v6-c-toggle-group__button--disabled-disabled--before--BorderInlineStartColor",
         "--pf-t--global--border--color--default",
-        ""
+        "--pf-t--global--border--color--100",
+        "--pf-t--color--gray--30",
+        "#c7c7c7"
       ]
     }
   }

package/dist/js/c_toggle_group__button_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_toggle_group__button_BackgroundColor: {
   "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-  "value": "",
+  "value": "#a3a3a3",
   "var": "var(--pf-v6-c-toggle-group__button--BackgroundColor)"
 };
 export default c_toggle_group__button_BackgroundColor;

package/dist/js/c_toggle_group__button_BackgroundColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_toggle_group__button_BackgroundColor = {
   "name": "--pf-v6-c-toggle-group__button--BackgroundColor",
-  "value": "",
+  "value": "#a3a3a3",
   "var": "var(--pf-v6-c-toggle-group__button--BackgroundColor)"
 };
 exports["default"] = exports.c_toggle_group__button_BackgroundColor;

package/dist/js/c_toggle_group__button_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_toggle_group__button_Color: {
   "name": "--pf-v6-c-toggle-group__button--Color",
-  "value": "",
+  "value": "#4d4d4d",
   "var": "var(--pf-v6-c-toggle-group__button--Color)"
 };
 export default c_toggle_group__button_Color;

package/dist/js/c_toggle_group__button_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_toggle_group__button_Color = {
   "name": "--pf-v6-c-toggle-group__button--Color",
-  "value": "",
+  "value": "#4d4d4d",
   "var": "var(--pf-v6-c-toggle-group__button--Color)"
 };
 exports["default"] = exports.c_toggle_group__button_Color;

package/dist/js/c_toggle_group__button_before_BorderColor.d.ts

@@ -1,6 +1,6 @@
 export const c_toggle_group__button_before_BorderColor: {
   "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-  "value": "",
+  "value": "#a3a3a3",
   "var": "var(--pf-v6-c-toggle-group__button--before--BorderColor)"
 };
 export default c_toggle_group__button_before_BorderColor;

package/dist/js/c_toggle_group__button_before_BorderColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_toggle_group__button_before_BorderColor = {
   "name": "--pf-v6-c-toggle-group__button--before--BorderColor",
-  "value": "",
+  "value": "#a3a3a3",
   "var": "var(--pf-v6-c-toggle-group__button--before--BorderColor)"
 };
 exports["default"] = exports.c_toggle_group__button_before_BorderColor;

package/dist/js/c_toggle_group__button_before_BorderInlineStartColor.d.ts

@@ -1,6 +1,6 @@
 export const c_toggle_group__button_before_BorderInlineStartColor: {
   "name": "--pf-v6-c-toggle-group__button--before--BorderInlineStartColor",
-  "value": "",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor)"
 };
 export default c_toggle_group__button_before_BorderInlineStartColor;

package/dist/js/c_toggle_group__button_before_BorderInlineStartColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_toggle_group__button_before_BorderInlineStartColor = {
   "name": "--pf-v6-c-toggle-group__button--before--BorderInlineStartColor",
-  "value": "",
+  "value": "#c7c7c7",
   "var": "var(--pf-v6-c-toggle-group__button--before--BorderInlineStartColor)"
 };
 exports["default"] = exports.c_toggle_group__button_before_BorderInlineStartColor;

package/dist/js/c_toolbar.d.ts

@@ -299,96 +299,88 @@ export const c_toolbar: {
   ".pf-v6-c-toolbar.pf-m-inset-xs": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-sm": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v6-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-md": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v6-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-lg": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "1.5rem",
+      "value": "24px",
       "values": [
-        "--pf-v6-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v6-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "32px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-2xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "3rem",
+      "value": "48px",
       "values": [
-        "--pf-v6-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "--pf-t--global--spacer--600",
+        "48px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-3xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v6-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "--pf-t--global--spacer--700",
+        "64px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-4xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "5rem",
+      "value": "80px",
       "values": [
-        "--pf-v6-global--spacer--4xl",
-        "$pf-v5-global--spacer--4xl",
-        "pf-size-prem(80px)",
-        "5rem"
+        "--pf-t--global--spacer--4xl",
+        "--pf-t--global--spacer--800",
+        "80px"
       ]
     }
   }

package/dist/js/c_toolbar.js

@@ -301,96 +301,88 @@ exports.c_toolbar = {
   ".pf-v6-c-toolbar.pf-m-inset-xs": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "0.25rem",
+      "value": "4px",
       "values": [
-        "--pf-v6-global--spacer--xs",
-        "$pf-v5-global--spacer--xs",
-        "pf-size-prem(4px)",
-        "0.25rem"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-sm": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "0.5rem",
+      "value": "8px",
       "values": [
-        "--pf-v6-global--spacer--sm",
-        "$pf-v5-global--spacer--sm",
-        "pf-size-prem(8px)",
-        "0.5rem"
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-md": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "1rem",
+      "value": "16px",
       "values": [
-        "--pf-v6-global--spacer--md",
-        "$pf-v5-global--spacer--md",
-        "pf-size-prem(16px)",
-        "1rem"
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-lg": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "1.5rem",
+      "value": "24px",
       "values": [
-        "--pf-v6-global--spacer--lg",
-        "$pf-v5-global--spacer--lg",
-        "pf-size-prem(24px)",
-        "1.5rem"
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "24px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "2rem",
+      "value": "32px",
       "values": [
-        "--pf-v6-global--spacer--xl",
-        "$pf-v5-global--spacer--xl",
-        "pf-size-prem(32px)",
-        "2rem"
+        "--pf-t--global--spacer--xl",
+        "--pf-t--global--spacer--500",
+        "32px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-2xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "3rem",
+      "value": "48px",
       "values": [
-        "--pf-v6-global--spacer--2xl",
-        "$pf-v5-global--spacer--2xl",
-        "pf-size-prem(48px)",
-        "3rem"
+        "--pf-t--global--spacer--2xl",
+        "--pf-t--global--spacer--600",
+        "48px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-3xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "4rem",
+      "value": "64px",
       "values": [
-        "--pf-v6-global--spacer--3xl",
-        "$pf-v5-global--spacer--3xl",
-        "pf-size-prem(64px)",
-        "4rem"
+        "--pf-t--global--spacer--3xl",
+        "--pf-t--global--spacer--700",
+        "64px"
       ]
     }
   },
   ".pf-v6-c-toolbar.pf-m-inset-4xl": {
     "c_toolbar__content_PaddingInline": {
       "name": "--pf-v6-c-toolbar__content--PaddingInline",
-      "value": "5rem",
+      "value": "80px",
       "values": [
-        "--pf-v6-global--spacer--4xl",
-        "$pf-v5-global--spacer--4xl",
-        "pf-size-prem(80px)",
-        "5rem"
+        "--pf-t--global--spacer--4xl",
+        "--pf-t--global--spacer--800",
+        "80px"
       ]
     }
   }