@patternfly/react-tokens 6.5.0-prerelease.6 → 6.5.0-prerelease.9

package/dist/esm/c_masthead_PaddingInlineEnd.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_PaddingInlineEnd: {
+  "name": "--pf-v6-c-masthead--PaddingInlineEnd",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--PaddingInlineEnd)"
+};
+export default c_masthead_PaddingInlineEnd;

package/dist/esm/c_masthead_PaddingInlineEnd.js

@@ -0,0 +1,6 @@
+export const c_masthead_PaddingInlineEnd = {
+  "name": "--pf-v6-c-masthead--PaddingInlineEnd",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--PaddingInlineEnd)"
+};
+export default c_masthead_PaddingInlineEnd;

package/dist/esm/c_masthead_PaddingInlineStart.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_PaddingInlineStart: {
+  "name": "--pf-v6-c-masthead--PaddingInlineStart",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--PaddingInlineStart)"
+};
+export default c_masthead_PaddingInlineStart;

package/dist/esm/c_masthead_PaddingInlineStart.js

@@ -0,0 +1,6 @@
+export const c_masthead_PaddingInlineStart = {
+  "name": "--pf-v6-c-masthead--PaddingInlineStart",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--PaddingInlineStart)"
+};
+export default c_masthead_PaddingInlineStart;

package/dist/esm/c_masthead_RowGap.d.ts

@@ -1,6 +1,6 @@
 export const c_masthead_RowGap: {
   "name": "--pf-v6-c-masthead--RowGap",
-  "value": "0.5rem",
+  "value": "1rem",
   "var": "var(--pf-v6-c-masthead--RowGap)"
 };
 export default c_masthead_RowGap;

package/dist/esm/c_masthead_RowGap.js

@@ -1,6 +1,6 @@
 export const c_masthead_RowGap = {
   "name": "--pf-v6-c-masthead--RowGap",
-  "value": "0.5rem",
+  "value": "1rem",
   "var": "var(--pf-v6-c-masthead--RowGap)"
 };
 export default c_masthead_RowGap;

package/dist/esm/c_masthead__logo_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_masthead__logo_Width: {
   "name": "--pf-v6-c-masthead__logo--Width",
-  "value": "11.8125rem",
+  "value": "auto",
   "var": "var(--pf-v6-c-masthead__logo--Width)"
 };
 export default c_masthead__logo_Width;

package/dist/esm/c_masthead__logo_Width.js

@@ -1,6 +1,6 @@
 export const c_masthead__logo_Width = {
   "name": "--pf-v6-c-masthead__logo--Width",
-  "value": "11.8125rem",
+  "value": "auto",
   "var": "var(--pf-v6-c-masthead__logo--Width)"
 };
 export default c_masthead__logo_Width;

package/dist/esm/c_masthead__main_MarginInlineEnd.d.ts

@@ -1,6 +1,6 @@
 export const c_masthead__main_MarginInlineEnd: {
   "name": "--pf-v6-c-masthead__main--MarginInlineEnd",
-  "value": "1.5rem",
+  "value": "0",
   "var": "var(--pf-v6-c-masthead__main--MarginInlineEnd)"
 };
 export default c_masthead__main_MarginInlineEnd;

package/dist/esm/c_masthead__main_MarginInlineEnd.js

@@ -1,6 +1,6 @@
 export const c_masthead__main_MarginInlineEnd = {
   "name": "--pf-v6-c-masthead__main--MarginInlineEnd",
-  "value": "1.5rem",
+  "value": "0",
   "var": "var(--pf-v6-c-masthead__main--MarginInlineEnd)"
 };
 export default c_masthead__main_MarginInlineEnd;

package/dist/esm/c_masthead_c_toolbar_Width.d.ts

@@ -1,6 +1,6 @@
 export const c_masthead_c_toolbar_Width: {
   "name": "--pf-v6-c-masthead--c-toolbar--Width",
-  "value": "100%",
+  "value": "fit-content",
   "var": "var(--pf-v6-c-masthead--c-toolbar--Width)"
 };
 export default c_masthead_c_toolbar_Width;

package/dist/esm/c_masthead_c_toolbar_Width.js

@@ -1,6 +1,6 @@
 export const c_masthead_c_toolbar_Width = {
   "name": "--pf-v6-c-masthead--c-toolbar--Width",
-  "value": "100%",
+  "value": "fit-content",
   "var": "var(--pf-v6-c-masthead--c-toolbar--Width)"
 };
 export default c_masthead_c_toolbar_Width;

package/dist/esm/c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns.d.ts

@@ -1,6 +1,6 @@
 export const c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns: {
   "name": "--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns",
-  "value": "subgrid",
+  "value": "auto",
   "var": "var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns)"
 };
 export default c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns;

package/dist/esm/c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns.js

@@ -1,6 +1,6 @@
 export const c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns = {
   "name": "--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns",
-  "value": "subgrid",
+  "value": "auto",
   "var": "var(--pf-v6-c-masthead--m-display-inline--breakpoint--xl--GridTemplateColumns)"
 };
 export default c_masthead_m_display_inline_breakpoint_xl_GridTemplateColumns;

package/dist/esm/c_masthead_m_docked_BackdropFilter.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_BackdropFilter: {
+  "name": "--pf-v6-c-masthead--m-docked--BackdropFilter",
+  "value": "none",
+  "var": "var(--pf-v6-c-masthead--m-docked--BackdropFilter)"
+};
+export default c_masthead_m_docked_BackdropFilter;

package/dist/esm/c_masthead_m_docked_BackdropFilter.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_BackdropFilter = {
+  "name": "--pf-v6-c-masthead--m-docked--BackdropFilter",
+  "value": "none",
+  "var": "var(--pf-v6-c-masthead--m-docked--BackdropFilter)"
+};
+export default c_masthead_m_docked_BackdropFilter;

package/dist/esm/c_masthead_m_docked_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_BackgroundColor: {
+  "name": "--pf-v6-c-masthead--m-docked--BackgroundColor",
+  "value": "#ffffff",
+  "var": "var(--pf-v6-c-masthead--m-docked--BackgroundColor)"
+};
+export default c_masthead_m_docked_BackgroundColor;

package/dist/esm/c_masthead_m_docked_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_BackgroundColor = {
+  "name": "--pf-v6-c-masthead--m-docked--BackgroundColor",
+  "value": "#ffffff",
+  "var": "var(--pf-v6-c-masthead--m-docked--BackgroundColor)"
+};
+export default c_masthead_m_docked_BackgroundColor;

package/dist/esm/c_masthead_m_docked_GridTemplateRows.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_GridTemplateRows: {
+  "name": "--pf-v6-c-masthead--m-docked--GridTemplateRows",
+  "value": "min-content 1fr",
+  "var": "var(--pf-v6-c-masthead--m-docked--GridTemplateRows)"
+};
+export default c_masthead_m_docked_GridTemplateRows;

package/dist/esm/c_masthead_m_docked_GridTemplateRows.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_GridTemplateRows = {
+  "name": "--pf-v6-c-masthead--m-docked--GridTemplateRows",
+  "value": "min-content 1fr",
+  "var": "var(--pf-v6-c-masthead--m-docked--GridTemplateRows)"
+};
+export default c_masthead_m_docked_GridTemplateRows;

package/dist/esm/c_masthead_m_docked_PaddingBlockEnd.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingBlockEnd: {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingBlockEnd",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd)"
+};
+export default c_masthead_m_docked_PaddingBlockEnd;

package/dist/esm/c_masthead_m_docked_PaddingBlockEnd.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingBlockEnd = {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingBlockEnd",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingBlockEnd)"
+};
+export default c_masthead_m_docked_PaddingBlockEnd;

package/dist/esm/c_masthead_m_docked_PaddingBlockStart.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingBlockStart: {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingBlockStart)"
+};
+export default c_masthead_m_docked_PaddingBlockStart;

package/dist/esm/c_masthead_m_docked_PaddingBlockStart.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingBlockStart = {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingBlockStart)"
+};
+export default c_masthead_m_docked_PaddingBlockStart;

package/dist/esm/c_masthead_m_docked_PaddingInlineEnd.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingInlineEnd: {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingInlineEnd",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd)"
+};
+export default c_masthead_m_docked_PaddingInlineEnd;

package/dist/esm/c_masthead_m_docked_PaddingInlineEnd.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingInlineEnd = {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingInlineEnd",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingInlineEnd)"
+};
+export default c_masthead_m_docked_PaddingInlineEnd;

package/dist/esm/c_masthead_m_docked_PaddingInlineStart.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingInlineStart: {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingInlineStart",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingInlineStart)"
+};
+export default c_masthead_m_docked_PaddingInlineStart;

package/dist/esm/c_masthead_m_docked_PaddingInlineStart.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_PaddingInlineStart = {
+  "name": "--pf-v6-c-masthead--m-docked--PaddingInlineStart",
+  "value": "0.5rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--PaddingInlineStart)"
+};
+export default c_masthead_m_docked_PaddingInlineStart;

package/dist/esm/c_masthead_m_docked_RowGap.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_RowGap: {
+  "name": "--pf-v6-c-masthead--m-docked--RowGap",
+  "value": "1rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--RowGap)"
+};
+export default c_masthead_m_docked_RowGap;

package/dist/esm/c_masthead_m_docked_RowGap.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_RowGap = {
+  "name": "--pf-v6-c-masthead--m-docked--RowGap",
+  "value": "1rem",
+  "var": "var(--pf-v6-c-masthead--m-docked--RowGap)"
+};
+export default c_masthead_m_docked_RowGap;

package/dist/esm/c_masthead_m_docked_c_toolbar_Height.d.ts

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_c_toolbar_Height: {
+  "name": "--pf-v6-c-masthead--m-docked--c-toolbar--Height",
+  "value": "100%",
+  "var": "var(--pf-v6-c-masthead--m-docked--c-toolbar--Height)"
+};
+export default c_masthead_m_docked_c_toolbar_Height;

package/dist/esm/c_masthead_m_docked_c_toolbar_Height.js

@@ -0,0 +1,6 @@
+export const c_masthead_m_docked_c_toolbar_Height = {
+  "name": "--pf-v6-c-masthead--m-docked--c-toolbar--Height",
+  "value": "100%",
+  "var": "var(--pf-v6-c-masthead--m-docked--c-toolbar--Height)"
+};
+export default c_masthead_m_docked_c_toolbar_Height;

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