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

package/dist/esm/c_nav.js

@@ -1,5 +1,5 @@
 export const c_nav = {
-  ":root": {
+  ":where(:root)": {
     "c_nav__link_PaddingBlockStart": {
       "name": "--pf-v6-c-nav__link--PaddingBlockStart",
       "value": "8px",
@@ -101,12 +101,7 @@ export const c_nav = {
     },
     "c_nav_ColumnGap": {
       "name": "--pf-v6-c-nav--ColumnGap",
-      "value": "8px",
-      "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
-      ]
+      "value": "0"
     },
     "c_nav_AlignItems": {
       "name": "--pf-v6-c-nav--AlignItems",
@@ -140,16 +135,6 @@ export const c_nav = {
         "1.5"
       ]
     },
-    "c_nav_BackgroundColor": {
-      "name": "--pf-v6-c-nav--BackgroundColor",
-      "value": "#f2f2f2",
-      "values": [
-        "--pf-t--global--background--color--secondary--default",
-        "--pf-t--global--background--color--200",
-        "--pf-t--color--gray--10",
-        "#f2f2f2"
-      ]
-    },
     "c_nav_OutlineOffset": {
       "name": "--pf-v6-c-nav--OutlineOffset",
       "value": "calc(0.25rem * -1)",
@@ -160,6 +145,10 @@ export const c_nav = {
         "calc(0.25rem * -1)"
       ]
     },
+    "c_nav_BackgroundColor": {
+      "name": "--pf-v6-c-nav--BackgroundColor",
+      "value": "transparent"
+    },
     "c_nav__list_ScrollSnapTypeAxis": {
       "name": "--pf-v6-c-nav__list--ScrollSnapTypeAxis",
       "value": "x"
@@ -199,6 +188,46 @@ export const c_nav = {
         "#1f1f1f"
       ]
     },
+    "c_nav__section_title_PaddingBlockStart": {
+      "name": "--pf-v6-c-nav__section-title--PaddingBlockStart",
+      "value": "8px",
+      "values": [
+        "--pf-v6-c-nav__link--PaddingBlockStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
+      ]
+    },
+    "c_nav__section_title_PaddingBlockEnd": {
+      "name": "--pf-v6-c-nav__section-title--PaddingBlockEnd",
+      "value": "8px",
+      "values": [
+        "--pf-v6-c-nav__link--PaddingBlockEnd",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
+      ]
+    },
+    "c_nav__section_title_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav__section-title--PaddingInlineStart",
+      "value": "16px",
+      "values": [
+        "--pf-v6-c-nav__link--PaddingInlineStart",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
+    },
+    "c_nav__section_title_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav__section-title--PaddingInlineEnd",
+      "value": "16px",
+      "values": [
+        "--pf-v6-c-nav__link--PaddingInlineEnd",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
+    },
     "c_nav__item_RowGap": {
       "name": "--pf-v6-c-nav__item--RowGap",
       "value": "8px",
@@ -217,6 +246,19 @@ export const c_nav = {
       "name": "--pf-v6-c-nav__item--m-expanded__toggle-icon--Rotate",
       "value": "90deg"
     },
+    "c_nav__link_ColumnGap": {
+      "name": "--pf-v6-c-nav__link--ColumnGap",
+      "value": "8px",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "8px"
+      ]
+    },
+    "c_nav__link_AlignItems": {
+      "name": "--pf-v6-c-nav__link--AlignItems",
+      "value": "baseline"
+    },
     "c_nav__link_BorderRadius": {
       "name": "--pf-v6-c-nav__link--BorderRadius",
       "value": "6px",
@@ -258,26 +300,6 @@ export const c_nav = {
         "#1f1f1f"
       ]
     },
-    "c_nav__link_focus_Color": {
-      "name": "--pf-v6-c-nav__link--focus--Color",
-      "value": "#1f1f1f",
-      "values": [
-        "--pf-t--global--text--color--regular",
-        "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
-      ]
-    },
-    "c_nav__link_active_Color": {
-      "name": "--pf-v6-c-nav__link--active--Color",
-      "value": "#1f1f1f",
-      "values": [
-        "--pf-t--global--text--color--regular",
-        "--pf-t--global--text--color--100",
-        "--pf-t--color--gray--90",
-        "#1f1f1f"
-      ]
-    },
     "c_nav__link_hover_BackgroundColor": {
       "name": "--pf-v6-c-nav__link--hover--BackgroundColor",
       "value": "#fff",
@@ -288,26 +310,6 @@ export const c_nav = {
         "#fff"
       ]
     },
-    "c_nav__link_focus_BackgroundColor": {
-      "name": "--pf-v6-c-nav__link--focus--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-t--global--background--color--action--plain--alt--hover",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#fff"
-      ]
-    },
-    "c_nav__link_active_BackgroundColor": {
-      "name": "--pf-v6-c-nav__link--active--BackgroundColor",
-      "value": "#fff",
-      "values": [
-        "--pf-t--global--background--color--action--plain--alt--hover",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#fff"
-      ]
-    },
     "c_nav__link_m_current_BackgroundColor": {
       "name": "--pf-v6-c-nav__link--m-current--BackgroundColor",
       "value": "#fff",
@@ -365,8 +367,8 @@ export const c_nav = {
         "1px"
       ]
     },
-    "c_nav__scroll_button_BorderRadius": {
-      "name": "--pf-v6-c-nav__scroll-button--BorderRadius",
+    "c_nav__scroll_button_first_of_type_c_button_BorderStartStartRadius": {
+      "name": "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius",
       "value": "999px",
       "values": [
         "--pf-t--global--border--radius--pill",
@@ -374,31 +376,31 @@ export const c_nav = {
         "999px"
       ]
     },
-    "c_nav__scroll_button_button_InlinePadding": {
-      "name": "--pf-v6-c-nav__scroll-button--button--InlinePadding",
-      "value": "8px",
+    "c_nav__scroll_button_first_of_type_c_button_BorderEndStartRadius": {
+      "name": "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius",
+      "value": "999px",
       "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
       ]
     },
-    "c_nav__scroll_button_button_icon_InlinePadding": {
-      "name": "--pf-v6-c-nav__scroll-button--button--icon--InlinePadding",
-      "value": "8px",
+    "c_nav__scroll_button_last_of_type_c_button_BorderStartEndRadius": {
+      "name": "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius",
+      "value": "999px",
       "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
       ]
     },
-    "c_nav__scroll_button_button_icon_IconSize": {
-      "name": "--pf-v6-c-nav__scroll-button--button--icon--IconSize",
-      "value": "14px",
+    "c_nav__scroll_button_last_of_type_c_button_BorderEndEndRadius": {
+      "name": "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius",
+      "value": "999px",
       "values": [
-        "--pf-t--global--icon--size--md",
-        "--pf-t--global--icon--size--200",
-        "14px"
+        "--pf-t--global--border--radius--pill",
+        "--pf-t--global--border--radius--500",
+        "999px"
       ]
     },
     "c_nav__toggle_PaddingInlineStart": {
@@ -430,24 +432,54 @@ export const c_nav = {
         "calc((1.5 * 14px / 2) - 50%)"
       ]
     },
-    "c_nav__link_clickable_inset_InlineStart": {
-      "name": "--pf-v6-c-nav__link--clickable-inset--InlineStart",
+    "c_nav_m_horizontal__list_PaddingBlockStart": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart",
       "value": "0"
     },
-    "c_nav__link_clickable_inset_InlineEnd": {
-      "name": "--pf-v6-c-nav__link--clickable-inset--InlineEnd",
+    "c_nav_m_horizontal__list_PaddingBlockEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd",
       "value": "0"
     },
-    "c_nav__link_clickable_inset_Inline": {
-      "name": "--pf-v6-c-nav__link--clickable-inset--Inline",
-      "value": "0 0",
+    "c_nav_m_horizontal__list_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart",
+      "value": "0"
+    },
+    "c_nav_m_horizontal__list_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd",
+      "value": "0"
+    },
+    "c_nav_m_horizontal_m_scrollable__list_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-nav__list--ColumnGap",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_nav_m_horizontal_m_scrollable__list_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd",
+      "value": "4px",
       "values": [
-        "--pf-v6-c-nav__link--clickable-inset--InlineStart --pf-v6-c-nav__link--clickable-inset--InlineEnd",
-        "0 0"
+        "--pf-v6-c-nav__list--ColumnGap",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
-    "c_nav_m_horizontal_BorderRadius": {
-      "name": "--pf-v6-c-nav--m-horizontal--BorderRadius",
+    "c_nav_m_horizontal_m_subnav_BackgroundColor": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor",
+      "value": "#f2f2f2",
+      "values": [
+        "--pf-t--global--background--color--secondary--default",
+        "--pf-t--global--background--color--200",
+        "--pf-t--color--gray--10",
+        "#f2f2f2"
+      ]
+    },
+    "c_nav_m_horizontal_m_subnav_BorderRadius": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderRadius",
       "value": "999px",
       "values": [
         "--pf-t--global--border--radius--pill",
@@ -455,8 +487,8 @@ export const c_nav = {
         "999px"
       ]
     },
-    "c_nav_m_horizontal__list_ColumnGap": {
-      "name": "--pf-v6-c-nav--m-horizontal__list--ColumnGap",
+    "c_nav_m_horizontal_m_subnav__list_PaddingBlockStart": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart",
       "value": "4px",
       "values": [
         "--pf-t--global--spacer--xs",
@@ -464,26 +496,17 @@ export const c_nav = {
         "4px"
       ]
     },
-    "c_nav_m_horizontal__list_PaddingBlockStart": {
-      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart",
-      "value": "8px",
-      "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
-      ]
-    },
-    "c_nav_m_horizontal__list_PaddingBlockEnd": {
-      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd",
-      "value": "8px",
+    "c_nav_m_horizontal_m_subnav__list_PaddingBlockEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd",
+      "value": "4px",
       "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "8px"
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
-    "c_nav_m_horizontal__list_PaddingInlineStart": {
-      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart",
+    "c_nav_m_horizontal_m_subnav__list_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart",
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
@@ -491,8 +514,8 @@ export const c_nav = {
         "16px"
       ]
     },
-    "c_nav_m_horizontal__list_PaddingInlineEnd": {
-      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd",
+    "c_nav_m_horizontal_m_subnav__list_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd",
       "value": "16px",
       "values": [
         "--pf-t--global--spacer--md",
@@ -500,24 +523,24 @@ export const c_nav = {
         "16px"
       ]
     },
-    "c_nav_m_horizontal__list_PaddingBlock": {
-      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlock",
-      "value": "8px 8px",
+    "c_nav_m_horizontal_m_subnav_m_scrollable__list_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart",
+      "value": "4px",
       "values": [
-        "--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart --pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd",
-        "--pf-t--global--spacer--sm --pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200 --pf-t--global--spacer--200",
-        "8px 8px"
+        "--pf-v6-c-nav__list--ColumnGap",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
-    "c_nav_m_horizontal__list_PaddingInline": {
-      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInline",
-      "value": "16px 16px",
+    "c_nav_m_horizontal_m_subnav_m_scrollable__list_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd",
+      "value": "4px",
       "values": [
-        "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart --pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd",
-        "--pf-t--global--spacer--md --pf-t--global--spacer--md",
-        "--pf-t--global--spacer--300 --pf-t--global--spacer--300",
-        "16px 16px"
+        "--pf-v6-c-nav__list--ColumnGap",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
       ]
     },
     "c_nav_m_horizontal_m_subnav__link_PaddingBlockStart": {
@@ -555,31 +578,6 @@ export const c_nav = {
         "--pf-t--global--spacer--300",
         "16px"
       ]
-    },
-    "c_nav_m_horizontal_m_subnav__link_PaddingBlock": {
-      "name": "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingBlock",
-      "value": "undefined undefined",
-      "values": [
-        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd",
-        "undefined undefined"
-      ]
-    },
-    "c_nav_m_horizontal_m_subnav__link_PaddingInline": {
-      "name": "--pf-v6-c-nav--m-horizontal--m-subnav__link--PaddingInline",
-      "value": "undefined undefined",
-      "values": [
-        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd",
-        "undefined undefined"
-      ]
-    },
-    "_pf_v5_c_nav_horizontal_scrollable_PaddingInlineStart": {
-      "name": "--pf-v5-c-nav--horizontal-scrollable--PaddingInlineStart",
-      "value": "3px",
-      "values": [
-        "--pf-t--global--border--width--extra-strong",
-        "--pf-t--global--border--width--300",
-        "3px"
-      ]
     }
   },
   ".pf-v6-c-nav": {
@@ -634,78 +632,44 @@ export const c_nav = {
       "value": "0"
     }
   },
-  ".pf-v6-c-nav__scroll-button :is(button)": {
-    "c_button_Display": {
-      "name": "--pf-v6-c-button--Display",
-      "value": "flex"
-    },
-    "c_button_Flex": {
-      "name": "--pf-v6-c-button--Flex",
-      "value": "1"
-    },
-    "c_button_AlignItems": {
-      "name": "--pf-v6-c-button--AlignItems",
-      "value": "center"
-    },
-    "c_button_JustifyContent": {
-      "name": "--pf-v6-c-button--JustifyContent",
-      "value": "center"
-    }
-  },
-  ".pf-v6-c-nav__scroll-button:first-of-type button": {
+  ".pf-v6-c-nav__scroll-button:first-of-type .pf-v6-c-button": {
     "c_button_BorderStartStartRadius": {
       "name": "--pf-v6-c-button--BorderStartStartRadius",
       "value": "999px",
       "values": [
-        "--pf-v6-c-nav__scroll-button--BorderRadius",
+        "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderStartStartRadius",
         "--pf-t--global--border--radius--pill",
         "--pf-t--global--border--radius--500",
         "999px"
       ]
     },
-    "c_button_BorderStartEndRadius": {
-      "name": "--pf-v6-c-button--BorderStartEndRadius",
-      "value": "0"
-    },
     "c_button_BorderEndStartRadius": {
       "name": "--pf-v6-c-button--BorderEndStartRadius",
       "value": "999px",
       "values": [
-        "--pf-v6-c-nav__scroll-button--BorderRadius",
+        "--pf-v6-c-nav__scroll-button--first-of-type--c-button--BorderEndStartRadius",
         "--pf-t--global--border--radius--pill",
         "--pf-t--global--border--radius--500",
         "999px"
       ]
-    },
-    "c_button_BorderEndEndRadius": {
-      "name": "--pf-v6-c-button--BorderEndEndRadius",
-      "value": "0"
     }
   },
-  ".pf-v6-c-nav__scroll-button:last-of-type button": {
-    "c_button_BorderStartStartRadius": {
-      "name": "--pf-v6-c-button--BorderStartStartRadius",
-      "value": "0"
-    },
+  ".pf-v6-c-nav__scroll-button:last-of-type .pf-v6-c-button": {
     "c_button_BorderStartEndRadius": {
       "name": "--pf-v6-c-button--BorderStartEndRadius",
       "value": "999px",
       "values": [
-        "--pf-v6-c-nav__scroll-button--BorderRadius",
+        "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderStartEndRadius",
         "--pf-t--global--border--radius--pill",
         "--pf-t--global--border--radius--500",
         "999px"
       ]
     },
-    "c_button_BorderEndStartRadius": {
-      "name": "--pf-v6-c-button--BorderEndStartRadius",
-      "value": "0"
-    },
     "c_button_BorderEndEndRadius": {
       "name": "--pf-v6-c-button--BorderEndEndRadius",
       "value": "999px",
       "values": [
-        "--pf-v6-c-nav__scroll-button--BorderRadius",
+        "--pf-v6-c-nav__scroll-button--last-of-type--c-button--BorderEndEndRadius",
         "--pf-t--global--border--radius--pill",
         "--pf-t--global--border--radius--500",
         "999px"
@@ -713,6 +677,77 @@ export const c_nav = {
     }
   },
   ".pf-v6-c-nav:where(.pf-m-horizontal).pf-m-subnav": {
+    "c_nav_BackgroundColor": {
+      "name": "--pf-v6-c-nav--BackgroundColor",
+      "value": "",
+      "values": [
+        "--pf-v6-c-nav--m-horizontal--m-subnav--BackgroundColor",
+        "--pf-t--global--background--color--secondary--default",
+        ""
+      ]
+    },
+    "c_nav_m_horizontal__list_PaddingBlockStart": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockStart",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_nav_m_horizontal__list_PaddingBlockEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingBlockEnd",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_nav_m_horizontal__list_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart",
+      "value": "16px",
+      "values": [
+        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
+    },
+    "c_nav_m_horizontal__list_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd",
+      "value": "16px",
+      "values": [
+        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineEnd",
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "16px"
+      ]
+    },
+    "c_nav_m_horizontal_m_scrollable__list_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineStart",
+        "--pf-v6-c-nav__list--ColumnGap",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
+    "c_nav_m_horizontal_m_scrollable__list_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd",
+      "value": "4px",
+      "values": [
+        "--pf-v6-c-nav--m-horizontal--m-subnav--m-scrollable__list--PaddingInlineEnd",
+        "--pf-v6-c-nav__list--ColumnGap",
+        "--pf-t--global--spacer--xs",
+        "--pf-t--global--spacer--100",
+        "4px"
+      ]
+    },
     "c_nav__link_PaddingBlockStart": {
       "name": "--pf-v6-c-nav__link--PaddingBlockStart",
       "value": "4px",
@@ -732,21 +767,23 @@ export const c_nav = {
         "--pf-t--global--spacer--100",
         "4px"
       ]
-    },
-    "c_nav__list_PaddingBlock": {
-      "name": "--pf-v6-c-nav__list--PaddingBlock",
-      "value": "undefined undefined",
+    }
+  },
+  ".pf-v6-c-nav:where(.pf-m-horizontal).pf-m-scrollable": {
+    "c_nav_m_horizontal__list_PaddingInlineStart": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineStart",
+      "value": "",
       "values": [
-        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockEnd",
-        "undefined undefined"
+        "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineStart",
+        ""
       ]
     },
-    "c_nav__list_PaddingInline": {
-      "name": "--pf-v6-c-nav__list--PaddingInline",
-      "value": "undefined undefined",
+    "c_nav_m_horizontal__list_PaddingInlineEnd": {
+      "name": "--pf-v6-c-nav--m-horizontal__list--PaddingInlineEnd",
+      "value": "",
       "values": [
-        "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart --pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingInlineStart",
-        "undefined undefined"
+        "--pf-v6-c-nav--m-horizontal--m-scrollable__list--PaddingInlineEnd",
+        ""
       ]
     }
   }

package/dist/esm/c_nav_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_nav_BackgroundColor: {
   "name": "--pf-v6-c-nav--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "",
   "var": "var(--pf-v6-c-nav--BackgroundColor)"
 };
 export default c_nav_BackgroundColor;

package/dist/esm/c_nav_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_nav_BackgroundColor = {
   "name": "--pf-v6-c-nav--BackgroundColor",
-  "value": "#f2f2f2",
+  "value": "",
   "var": "var(--pf-v6-c-nav--BackgroundColor)"
 };
 export default c_nav_BackgroundColor;

package/dist/esm/c_nav_ColumnGap.d.ts

@@ -1,6 +1,6 @@
 export const c_nav_ColumnGap: {
   "name": "--pf-v6-c-nav--ColumnGap",
-  "value": "8px",
+  "value": "0",
   "var": "var(--pf-v6-c-nav--ColumnGap)"
 };
 export default c_nav_ColumnGap;

package/dist/esm/c_nav_ColumnGap.js

@@ -1,6 +1,6 @@
 export const c_nav_ColumnGap = {
   "name": "--pf-v6-c-nav--ColumnGap",
-  "value": "8px",
+  "value": "0",
   "var": "var(--pf-v6-c-nav--ColumnGap)"
 };
 export default c_nav_ColumnGap;

package/dist/esm/c_nav__link_AlignItems.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__link_AlignItems: {
+  "name": "--pf-v6-c-nav__link--AlignItems",
+  "value": "baseline",
+  "var": "var(--pf-v6-c-nav__link--AlignItems)"
+};
+export default c_nav__link_AlignItems;

package/dist/esm/c_nav__link_AlignItems.js

@@ -0,0 +1,6 @@
+export const c_nav__link_AlignItems = {
+  "name": "--pf-v6-c-nav__link--AlignItems",
+  "value": "baseline",
+  "var": "var(--pf-v6-c-nav__link--AlignItems)"
+};
+export default c_nav__link_AlignItems;

package/dist/esm/c_nav__link_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__link_ColumnGap: {
+  "name": "--pf-v6-c-nav__link--ColumnGap",
+  "value": "8px",
+  "var": "var(--pf-v6-c-nav__link--ColumnGap)"
+};
+export default c_nav__link_ColumnGap;