@patternfly/react-tokens 6.4.0 → 6.5.0-prerelease.10

package/dist/esm/c_menu.js

@@ -217,12 +217,12 @@ export const c_menu = {
     },
     "c_menu_m_scrollable__footer_BoxShadow": {
       "name": "--pf-v6-c-menu--m-scrollable__footer--BoxShadow",
-      "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
-        "--pf-t--global--box-shadow--md--top",
-        "--pf-t--global--box-shadow--X--md--top\n    --pf-t--global--box-shadow--Y--md--top\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--100\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+        "--pf-t--global--box-shadow--sm--top",
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm--directional\n    --pf-t--global--box-shadow--color--sm--directional",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--200\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--200\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_menu_m_scrollable__footer_BorderColor": {
@@ -979,13 +979,13 @@ export const c_menu = {
     },
     "c_menu__footer_BoxShadow": {
       "name": "--pf-v6-c-menu__footer--BoxShadow",
-      "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--pf-v6-c-menu--m-scrollable__footer--BoxShadow",
-        "--pf-t--global--box-shadow--md--top",
-        "--pf-t--global--box-shadow--X--md--top\n    --pf-t--global--box-shadow--Y--md--top\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--directional\n    --pf-t--global--box-shadow--color--md--directional",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--100\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+        "--pf-t--global--box-shadow--sm--top",
+        "--pf-t--global--box-shadow--X--sm--top\n    --pf-t--global--box-shadow--Y--sm--top\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm--directional\n    --pf-t--global--box-shadow--color--sm--directional",
+        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--200\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--200\n    --pf-t--global--box-shadow--color--200",
+        "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_menu__footer_BorderColor": {

package/dist/esm/c_menu__footer_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_menu__footer_BoxShadow: {
   "name": "--pf-v6-c-menu__footer--BoxShadow",
-  "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
   "var": "var(--pf-v6-c-menu__footer--BoxShadow)"
 };
 export default c_menu__footer_BoxShadow;

package/dist/esm/c_menu__footer_BoxShadow.js

@@ -1,6 +1,6 @@
 export const c_menu__footer_BoxShadow = {
   "name": "--pf-v6-c-menu__footer--BoxShadow",
-  "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
   "var": "var(--pf-v6-c-menu__footer--BoxShadow)"
 };
 export default c_menu__footer_BoxShadow;

package/dist/esm/c_menu_m_scrollable__footer_BoxShadow.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_m_scrollable__footer_BoxShadow: {
   "name": "--pf-v6-c-menu--m-scrollable__footer--BoxShadow",
-  "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
   "var": "var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow)"
 };
 export default c_menu_m_scrollable__footer_BoxShadow;

package/dist/esm/c_menu_m_scrollable__footer_BoxShadow.js

@@ -1,6 +1,6 @@
 export const c_menu_m_scrollable__footer_BoxShadow = {
   "name": "--pf-v6-c-menu--m-scrollable__footer--BoxShadow",
-  "value": "0px\n    -10px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+  "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
   "var": "var(--pf-v6-c-menu--m-scrollable__footer--BoxShadow)"
 };
 export default c_menu_m_scrollable__footer_BoxShadow;

package/dist/esm/c_menu_toggle.d.ts

@@ -1134,6 +1134,15 @@ export const c_menu_toggle: {
         "0.25rem"
       ]
     },
+    "c_menu_toggle_m_plain_m_circle_BorderRadius": {
+      "name": "--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius",
+      "value": "999px",
+      "values": [
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
+      ]
+    },
     "c_menu_toggle_m_typeahead__button_AlignSelf": {
       "name": "--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf",
       "value": "stretch"
@@ -1913,6 +1922,18 @@ export const c_menu_toggle: {
       ]
     }
   },
+  ".pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle": {
+    "c_menu_toggle_BorderRadius": {
+      "name": "--pf-v6-c-menu-toggle--BorderRadius",
+      "value": "999px",
+      "values": [
+        "--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius",
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
+      ]
+    }
+  },
   ".pf-v6-c-menu-toggle.pf-m-plain::before": {
     "c_menu_toggle_BorderWidth": {
       "name": "--pf-v6-c-menu-toggle--BorderWidth",

package/dist/esm/c_menu_toggle.js

@@ -1134,6 +1134,15 @@ export const c_menu_toggle = {
         "0.25rem"
       ]
     },
+    "c_menu_toggle_m_plain_m_circle_BorderRadius": {
+      "name": "--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius",
+      "value": "999px",
+      "values": [
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
+      ]
+    },
     "c_menu_toggle_m_typeahead__button_AlignSelf": {
       "name": "--pf-v6-c-menu-toggle--m-typeahead__button--AlignSelf",
       "value": "stretch"
@@ -1913,6 +1922,18 @@ export const c_menu_toggle = {
       ]
     }
   },
+  ".pf-v6-c-menu-toggle.pf-m-plain.pf-m-circle": {
+    "c_menu_toggle_BorderRadius": {
+      "name": "--pf-v6-c-menu-toggle--BorderRadius",
+      "value": "999px",
+      "values": [
+        "--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius",
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
+      ]
+    }
+  },
   ".pf-v6-c-menu-toggle.pf-m-plain::before": {
     "c_menu_toggle_BorderWidth": {
       "name": "--pf-v6-c-menu-toggle--BorderWidth",

package/dist/esm/c_menu_toggle_BorderRadius.d.ts

@@ -1,6 +1,6 @@
 export const c_menu_toggle_BorderRadius: {
   "name": "--pf-v6-c-menu-toggle--BorderRadius",
-  "value": "6px",
+  "value": "999px",
   "var": "var(--pf-v6-c-menu-toggle--BorderRadius)"
 };
 export default c_menu_toggle_BorderRadius;

package/dist/esm/c_menu_toggle_BorderRadius.js

@@ -1,6 +1,6 @@
 export const c_menu_toggle_BorderRadius = {
   "name": "--pf-v6-c-menu-toggle--BorderRadius",
-  "value": "6px",
+  "value": "999px",
   "var": "var(--pf-v6-c-menu-toggle--BorderRadius)"
 };
 export default c_menu_toggle_BorderRadius;

package/dist/esm/c_menu_toggle_m_plain_m_circle_BorderRadius.d.ts

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_plain_m_circle_BorderRadius: {
+  "name": "--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius",
+  "value": "999px",
+  "var": "var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius)"
+};
+export default c_menu_toggle_m_plain_m_circle_BorderRadius;

package/dist/esm/c_menu_toggle_m_plain_m_circle_BorderRadius.js

@@ -0,0 +1,6 @@
+export const c_menu_toggle_m_plain_m_circle_BorderRadius = {
+  "name": "--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius",
+  "value": "999px",
+  "var": "var(--pf-v6-c-menu-toggle--m-plain--m-circle--BorderRadius)"
+};
+export default c_menu_toggle_m_plain_m_circle_BorderRadius;

package/dist/esm/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",

package/dist/esm/c_nav.js

@@ -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",