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

package/dist/js/c_menu_toggle.js

@@ -265,42 +265,42 @@ exports.c_menu_toggle = {
     },
     "c_menu_toggle_disabled_Color": {
       "name": "--pf-v6-c-menu-toggle--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle_disabled__icon_Color": {
       "name": "--pf-v6-c-menu-toggle--disabled__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle_disabled__toggle_icon_Color": {
       "name": "--pf-v6-c-menu-toggle--disabled__toggle-icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle_disabled__status_icon_Color": {
       "name": "--pf-v6-c-menu-toggle--disabled__status-icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle_disabled_BackgroundColor": {
@@ -740,12 +740,12 @@ exports.c_menu_toggle = {
     },
     "c_menu_toggle_m_split_button_child_disabled_Color": {
       "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle_m_split_button_child_disabled_BackgroundColor": {
@@ -788,12 +788,12 @@ exports.c_menu_toggle = {
     },
     "c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor": {
       "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle_m_split_button_pill_child_PaddingInlineStart_offset": {
@@ -2363,46 +2363,46 @@ exports.c_menu_toggle = {
   ".pf-v6-c-menu-toggle:is(:disabled, .pf-m-disabled)": {
     "c_menu_toggle_Color": {
       "name": "--pf-v6-c-menu-toggle--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-menu-toggle--disabled--Color",
         "--pf-t--global--text--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle__icon_Color": {
       "name": "--pf-v6-c-menu-toggle__icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-menu-toggle--disabled__icon--Color",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle__toggle_icon_Color": {
       "name": "--pf-v6-c-menu-toggle__toggle-icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-menu-toggle--disabled__toggle-icon--Color",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle__status_icon_Color": {
       "name": "--pf-v6-c-menu-toggle__status-icon--Color",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-menu-toggle--disabled__status-icon--Color",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     },
     "c_menu_toggle_BackgroundColor": {
@@ -2503,13 +2503,13 @@ exports.c_menu_toggle = {
   ".pf-v6-c-menu-toggle.pf-m-split-button:is(.pf-m-disabled, :disabled)": {
     "c_menu_toggle_m_split_button_child_BorderInlineStartColor": {
       "name": "--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor",
-      "value": "#4d4d4d",
+      "value": "#707070",
       "values": [
         "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor",
         "--pf-t--global--icon--color--on-disabled",
         "--pf-t--global--color--disabled--300",
-        "--pf-t--color--gray--60",
-        "#4d4d4d"
+        "--pf-t--color--gray--50",
+        "#707070"
       ]
     }
   },

package/dist/js/c_menu_toggle_Color.d.ts

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

package/dist/js/c_menu_toggle_Color.js

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

package/dist/js/c_menu_toggle__icon_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle__icon_Color: {
   "name": "--pf-v6-c-menu-toggle__icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle__icon--Color)"
 };
 export default c_menu_toggle__icon_Color;

package/dist/js/c_menu_toggle__icon_Color.js

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

package/dist/js/c_menu_toggle__status_icon_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle__status_icon_Color: {
   "name": "--pf-v6-c-menu-toggle__status-icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle__status-icon--Color)"
 };
 export default c_menu_toggle__status_icon_Color;

package/dist/js/c_menu_toggle__status_icon_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle__status_icon_Color = {
   "name": "--pf-v6-c-menu-toggle__status-icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle__status-icon--Color)"
 };
 exports["default"] = exports.c_menu_toggle__status_icon_Color;

package/dist/js/c_menu_toggle__toggle_icon_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle__toggle_icon_Color: {
   "name": "--pf-v6-c-menu-toggle__toggle-icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle__toggle-icon--Color)"
 };
 export default c_menu_toggle__toggle_icon_Color;

package/dist/js/c_menu_toggle__toggle_icon_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle__toggle_icon_Color = {
   "name": "--pf-v6-c-menu-toggle__toggle-icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle__toggle-icon--Color)"
 };
 exports["default"] = exports.c_menu_toggle__toggle_icon_Color;

package/dist/js/c_menu_toggle_disabled__status_icon_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_disabled__status_icon_Color: {
   "name": "--pf-v6-c-menu-toggle--disabled__status-icon--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle--disabled__status-icon--Color)"
 };
 export default c_menu_toggle_disabled__status_icon_Color;

package/dist/js/c_menu_toggle_disabled__status_icon_Color.js

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

package/dist/js/c_menu_toggle_m_split_button_child_BorderInlineStartColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_split_button_child_BorderInlineStartColor: {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor)"
 };
 export default c_menu_toggle_m_split_button_child_BorderInlineStartColor;

package/dist/js/c_menu_toggle_m_split_button_child_BorderInlineStartColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_m_split_button_child_BorderInlineStartColor = {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--BorderInlineStartColor)"
 };
 exports["default"] = exports.c_menu_toggle_m_split_button_child_BorderInlineStartColor;

package/dist/js/c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor: {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor)"
 };
 export default c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor;

package/dist/js/c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor = {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--BorderInlineStartColor)"
 };
 exports["default"] = exports.c_menu_toggle_m_split_button_child_disabled_BorderInlineStartColor;

package/dist/js/c_menu_toggle_m_split_button_child_disabled_Color.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_m_split_button_child_disabled_Color: {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color)"
 };
 export default c_menu_toggle_m_split_button_child_disabled_Color;

package/dist/js/c_menu_toggle_m_split_button_child_disabled_Color.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_menu_toggle_m_split_button_child_disabled_Color = {
   "name": "--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color",
-  "value": "#4d4d4d",
+  "value": "#707070",
   "var": "var(--pf-v6-c-menu-toggle--m-split-button--child--disabled--Color)"
 };
 exports["default"] = exports.c_menu_toggle_m_split_button_child_disabled_Color;

package/dist/js/c_nav.d.ts

@@ -215,6 +215,74 @@ export const c_nav: {
         "0.5rem"
       ]
     },
+    "c_nav__item_accent_size": {
+      "name": "--pf-v6-c-nav__item--accent--size",
+      "value": "3px",
+      "values": [
+        "--pf-t--global--border--width--extra-strong",
+        "--pf-t--global--border--width--300",
+        "3px"
+      ]
+    },
+    "c_nav__item_accent_color": {
+      "name": "--pf-v6-c-nav__item--accent--color",
+      "value": "#0066cc",
+      "values": [
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
+      ]
+    },
+    "c_nav__item_accent_offset": {
+      "name": "--pf-v6-c-nav__item--accent--offset",
+      "value": "calc(0.5rem * -1)",
+      "values": [
+        "calc(--pf-t--global--spacer--sm * -1)",
+        "calc(--pf-t--global--spacer--200 * -1)",
+        "calc(0.5rem * -1)"
+      ]
+    },
+    "c_nav__item_accent_BorderRadius": {
+      "name": "--pf-v6-c-nav__item--accent--BorderRadius",
+      "value": "6px",
+      "values": [
+        "--pf-t--global--border--radius--small",
+        "--pf-t--global--border--radius--200",
+        "6px"
+      ]
+    },
+    "c_nav__item_accent_ScaleY": {
+      "name": "--pf-v6-c-nav__item--accent--ScaleY",
+      "value": "0"
+    },
+    "c_nav__item_current_accent_ScaleY": {
+      "name": "--pf-v6-c-nav__item--current--accent--ScaleY",
+      "value": "1"
+    },
+    "c_nav__item_accent_TransitionDuration": {
+      "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
+      "value": "0"
+    },
+    "c_nav__item_current_accent_TransitionDuration": {
+      "name": "--pf-v6-c-nav__item--current--accent--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    },
+    "c_nav__item_accent_TransitionTimingFunction": {
+      "name": "--pf-v6-c-nav__item--accent--TransitionTimingFunction",
+      "value": "cubic-bezier(0, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--decelerate",
+        "--pf-t--global--timing-function--300",
+        "cubic-bezier(0, 0, .2, 1)"
+      ]
+    },
     "c_nav__item__toggle_icon_Rotate": {
       "name": "--pf-v6-c-nav__item__toggle-icon--Rotate",
       "value": "0"
@@ -416,6 +484,10 @@ export const c_nav: {
         "#1f1f1f"
       ]
     },
+    "c_nav__link_text_FontSize": {
+      "name": "--pf-v6-c-nav__link-text--FontSize",
+      "value": "initial"
+    },
     "c_nav__subnav_RowGap": {
       "name": "--pf-v6-c-nav__subnav--RowGap",
       "value": "3px",
@@ -747,6 +819,52 @@ export const c_nav: {
         "--pf-t--global--spacer--300",
         "1rem"
       ]
+    },
+    "c_nav_m_docked__list_RowGap": {
+      "name": "--pf-v6-c-nav--m-docked__list--RowGap",
+      "value": "0.25rem",
+      "values": [
+        "--pf-t--global--spacer--gap--action-to-action--plain",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "0.25rem"
+      ]
+    },
+    "c_nav_m_docked__link_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_nav_m_docked__link_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_nav_m_docked__link_hover_BackgroundColor": {
+      "name": "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-t--global--background--color--action--plain--hover",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
+    "c_nav_m_docked__link_m_current_BackgroundColor": {
+      "name": "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-t--global--background--color--action--plain--clicked",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
     }
   },
   ".pf-v6-c-nav.pf-m-inset": {
@@ -769,6 +887,67 @@ export const c_nav: {
       ]
     }
   },
+  ".pf-v6-c-nav.pf-m-docked": {
+    "c_nav_PaddingBlockStart": {
+      "name": "--pf-v6-c-nav--PaddingBlockStart",
+      "value": "0"
+    },
+    "c_nav_PaddingBlockEnd": {
+      "name": "--pf-v6-c-nav--PaddingBlockEnd",
+      "value": "0"
+    },
+    "c_nav__list_RowGap": {
+      "name": "--pf-v6-c-nav__list--RowGap",
+      "value": "0.25rem",
+      "values": [
+        "--pf-v6-c-nav--m-docked__list--RowGap",
+        "--pf-t--global--spacer--gap--action-to-action--plain",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "0.25rem"
+      ]
+    },
+    "c_nav__link_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav__link--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-nav--m-docked__link--PaddingInlineStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_nav__link_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav__link--PaddingInlineEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-nav--m-docked__link--PaddingInlineEnd",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_nav__link_hover_BackgroundColor": {
+      "name": "--pf-v6-c-nav__link--hover--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--hover",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    },
+    "c_nav__link_m_current_BackgroundColor": {
+      "name": "--pf-v6-c-nav__link--m-current--BackgroundColor",
+      "value": "rgba(199, 199, 199, 0.2500)",
+      "values": [
+        "--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor",
+        "--pf-t--global--background--color--action--plain--clicked",
+        "--pf-t--global--background--color--600",
+        "rgba(199, 199, 199, 0.2500)"
+      ]
+    }
+  },
   ".pf-v6-c-nav .pf-v6-c-menu": {
     "c_menu_MinWidth": {
       "name": "--pf-v6-c-menu--MinWidth",
@@ -902,6 +1081,27 @@ export const c_nav: {
       ]
     }
   },
+  ".pf-v6-c-nav__item:has(> .pf-v6-c-nav__link.pf-m-current)": {
+    "c_nav__item_accent_ScaleY": {
+      "name": "--pf-v6-c-nav__item--accent--ScaleY",
+      "value": "1",
+      "values": [
+        "--pf-v6-c-nav__item--current--accent--ScaleY",
+        "1"
+      ]
+    },
+    "c_nav__item_accent_TransitionDuration": {
+      "name": "--pf-v6-c-nav__item--accent--TransitionDuration",
+      "value": "200ms",
+      "values": [
+        "--pf-v6-c-nav__item--current--accent--TransitionDuration",
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
+    }
+  },
   ".pf-v6-c-nav__link:hover": {
     "c_nav__link_BorderWidth": {
       "name": "--pf-v6-c-nav__link--BorderWidth",
@@ -985,6 +1185,12 @@ export const c_nav: {
       ]
     }
   },
+  ".pf-v6-c-nav:where(.pf-m-horizontal)": {
+    "c_nav__item_accent_content": {
+      "name": "--pf-v6-c-nav__item--accent--content",
+      "value": "none"
+    }
+  },
   ".pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav": {
     "c_nav_BackgroundColor": {
       "name": "--pf-v6-c-nav--BackgroundColor",