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

package/dist/esm/c_nav__item_current_accent_TransitionDuration.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__item_current_accent_TransitionDuration: {
+  "name": "--pf-v6-c-nav__item--current--accent--TransitionDuration",
+  "value": "200ms",
+  "var": "var(--pf-v6-c-nav__item--current--accent--TransitionDuration)"
+};
+export default c_nav__item_current_accent_TransitionDuration;

package/dist/esm/c_nav__item_current_accent_TransitionDuration.js

@@ -0,0 +1,6 @@
+export const c_nav__item_current_accent_TransitionDuration = {
+  "name": "--pf-v6-c-nav__item--current--accent--TransitionDuration",
+  "value": "200ms",
+  "var": "var(--pf-v6-c-nav__item--current--accent--TransitionDuration)"
+};
+export default c_nav__item_current_accent_TransitionDuration;

package/dist/esm/c_nav__link_PaddingInlineEnd.d.ts

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

package/dist/esm/c_nav__link_PaddingInlineEnd.js

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

package/dist/esm/c_nav__link_PaddingInlineStart.d.ts

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

package/dist/esm/c_nav__link_PaddingInlineStart.js

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

package/dist/esm/c_nav__link_hover_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_nav__link_hover_BackgroundColor: {
   "name": "--pf-v6-c-nav__link--hover--BackgroundColor",
-  "value": "#ffffff",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v6-c-nav__link--hover--BackgroundColor)"
 };
 export default c_nav__link_hover_BackgroundColor;

package/dist/esm/c_nav__link_hover_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_nav__link_hover_BackgroundColor = {
   "name": "--pf-v6-c-nav__link--hover--BackgroundColor",
-  "value": "#ffffff",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v6-c-nav__link--hover--BackgroundColor)"
 };
 export default c_nav__link_hover_BackgroundColor;

package/dist/esm/c_nav__link_m_current_BackgroundColor.d.ts

@@ -1,6 +1,6 @@
 export const c_nav__link_m_current_BackgroundColor: {
   "name": "--pf-v6-c-nav__link--m-current--BackgroundColor",
-  "value": "#ffffff",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v6-c-nav__link--m-current--BackgroundColor)"
 };
 export default c_nav__link_m_current_BackgroundColor;

package/dist/esm/c_nav__link_m_current_BackgroundColor.js

@@ -1,6 +1,6 @@
 export const c_nav__link_m_current_BackgroundColor = {
   "name": "--pf-v6-c-nav__link--m-current--BackgroundColor",
-  "value": "#ffffff",
+  "value": "rgba(199, 199, 199, 0.2500)",
   "var": "var(--pf-v6-c-nav__link--m-current--BackgroundColor)"
 };
 export default c_nav__link_m_current_BackgroundColor;

package/dist/esm/c_nav__link_text_FontSize.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__link_text_FontSize: {
+  "name": "--pf-v6-c-nav__link-text--FontSize",
+  "value": "initial",
+  "var": "var(--pf-v6-c-nav__link-text--FontSize)"
+};
+export default c_nav__link_text_FontSize;

package/dist/esm/c_nav__link_text_FontSize.js

@@ -0,0 +1,6 @@
+export const c_nav__link_text_FontSize = {
+  "name": "--pf-v6-c-nav__link-text--FontSize",
+  "value": "initial",
+  "var": "var(--pf-v6-c-nav__link-text--FontSize)"
+};
+export default c_nav__link_text_FontSize;

package/dist/esm/c_nav_m_docked__link_PaddingInlineEnd.d.ts

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

package/dist/esm/c_nav_m_docked__link_PaddingInlineEnd.js

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

package/dist/esm/c_nav_m_docked__link_PaddingInlineStart.d.ts

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

package/dist/esm/c_nav_m_docked__link_PaddingInlineStart.js

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

package/dist/esm/c_nav_m_docked__link_hover_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const c_nav_m_docked__link_hover_BackgroundColor: {
+  "name": "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
+  "value": "rgba(199, 199, 199, 0.2500)",
+  "var": "var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor)"
+};
+export default c_nav_m_docked__link_hover_BackgroundColor;

package/dist/esm/c_nav_m_docked__link_hover_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const c_nav_m_docked__link_hover_BackgroundColor = {
+  "name": "--pf-v6-c-nav--m-docked__link--hover--BackgroundColor",
+  "value": "rgba(199, 199, 199, 0.2500)",
+  "var": "var(--pf-v6-c-nav--m-docked__link--hover--BackgroundColor)"
+};
+export default c_nav_m_docked__link_hover_BackgroundColor;

package/dist/esm/c_nav_m_docked__link_m_current_BackgroundColor.d.ts

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor)"
+};
+export default c_nav_m_docked__link_m_current_BackgroundColor;

package/dist/esm/c_nav_m_docked__link_m_current_BackgroundColor.js

@@ -0,0 +1,6 @@
+export const 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)",
+  "var": "var(--pf-v6-c-nav--m-docked__link--m-current--BackgroundColor)"
+};
+export default c_nav_m_docked__link_m_current_BackgroundColor;

package/dist/esm/c_nav_m_docked__list_RowGap.d.ts

@@ -0,0 +1,6 @@
+export const c_nav_m_docked__list_RowGap: {
+  "name": "--pf-v6-c-nav--m-docked__list--RowGap",
+  "value": "0.25rem",
+  "var": "var(--pf-v6-c-nav--m-docked__list--RowGap)"
+};
+export default c_nav_m_docked__list_RowGap;

package/dist/esm/c_nav_m_docked__list_RowGap.js

@@ -0,0 +1,6 @@
+export const c_nav_m_docked__list_RowGap = {
+  "name": "--pf-v6-c-nav--m-docked__list--RowGap",
+  "value": "0.25rem",
+  "var": "var(--pf-v6-c-nav--m-docked__list--RowGap)"
+};
+export default c_nav_m_docked__list_RowGap;

package/dist/esm/c_notification_drawer.d.ts

@@ -140,6 +140,16 @@ export const c_notification_drawer: {
         "#4d4d4d"
       ]
     },
+    "c_notification_drawer__header_action_Gap": {
+      "name": "--pf-v6-c-notification-drawer__header-action--Gap",
+      "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_notification_drawer__body_ZIndex": {
       "name": "--pf-v6-c-notification-drawer__body--ZIndex",
       "value": "100",

package/dist/esm/c_notification_drawer.js

@@ -140,6 +140,16 @@ export const c_notification_drawer = {
         "#4d4d4d"
       ]
     },
+    "c_notification_drawer__header_action_Gap": {
+      "name": "--pf-v6-c-notification-drawer__header-action--Gap",
+      "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_notification_drawer__body_ZIndex": {
       "name": "--pf-v6-c-notification-drawer__body--ZIndex",
       "value": "100",

package/dist/esm/c_notification_drawer__header_action_Gap.d.ts

@@ -0,0 +1,6 @@
+export const c_notification_drawer__header_action_Gap: {
+  "name": "--pf-v6-c-notification-drawer__header-action--Gap",
+  "value": "0.25rem",
+  "var": "var(--pf-v6-c-notification-drawer__header-action--Gap)"
+};
+export default c_notification_drawer__header_action_Gap;

package/dist/esm/c_notification_drawer__header_action_Gap.js

@@ -0,0 +1,6 @@
+export const c_notification_drawer__header_action_Gap = {
+  "name": "--pf-v6-c-notification-drawer__header-action--Gap",
+  "value": "0.25rem",
+  "var": "var(--pf-v6-c-notification-drawer__header-action--Gap)"
+};
+export default c_notification_drawer__header_action_Gap;

package/dist/esm/c_page.d.ts

@@ -29,6 +29,15 @@ export const c_page: {
         "300"
       ]
     },
+    "c_page__dock_ZIndex": {
+      "name": "--pf-v6-c-page__dock--ZIndex",
+      "value": "300",
+      "values": [
+        "--pf-t--global--z-index--md",
+        "--pf-t--global--z-index--300",
+        "300"
+      ]
+    },
     "c_page__sidebar_ZIndex": {
       "name": "--pf-v6-c-page__sidebar--ZIndex",
       "value": "200",
@@ -568,12 +577,12 @@ export const c_page: {
     },
     "c_page_section_m_sticky_top_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-sticky-top--BoxShadow",
-      "value": "0px\n    4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
         "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\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--600\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)"
+        "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_sticky_top_BorderBlockEndWidth": {
@@ -603,12 +612,12 @@ export const c_page: {
     },
     "c_page_section_m_sticky_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-sticky-bottom--BoxShadow",
-      "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--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)"
+        "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_sticky_bottom_BorderBlockStartWidth": {
@@ -629,12 +638,12 @@ export const c_page: {
     },
     "c_page_section_m_shadow_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
-      "value": "0px\n    4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
         "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\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--600\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)"
+        "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_shadow_bottom_ZIndex": {
@@ -664,12 +673,12 @@ export const c_page: {
     },
     "c_page_section_m_shadow_top_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-shadow-top--BoxShadow",
-      "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--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)"
+        "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_shadow_top_ZIndex": {
@@ -871,6 +880,64 @@ export const c_page: {
         "--pf-t--global--border--color--high-contrast",
         "rgba(255, 255, 255, 0.0000)"
       ]
+    },
+    "c_page_m_dock__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page_m_dock__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page_m_dock_ColumnGap": {
+      "name": "--pf-v6-c-page--m-dock--ColumnGap",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    }
+  },
+  ".pf-v6-c-page.pf-m-dock": {
+    "c_page_masthead_main_container_GridArea": {
+      "name": "--pf-v6-c-page--masthead--main-container--GridArea",
+      "value": "main"
+    },
+    "c_page__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page__main_container_MarginInlineStart": {
+      "name": "--pf-v6-c-page__main-container--MarginInlineStart",
+      "value": "0"
     }
   },
   ".pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)": {

package/dist/esm/c_page.js

@@ -29,6 +29,15 @@ export const c_page = {
         "300"
       ]
     },
+    "c_page__dock_ZIndex": {
+      "name": "--pf-v6-c-page__dock--ZIndex",
+      "value": "300",
+      "values": [
+        "--pf-t--global--z-index--md",
+        "--pf-t--global--z-index--300",
+        "300"
+      ]
+    },
     "c_page__sidebar_ZIndex": {
       "name": "--pf-v6-c-page__sidebar--ZIndex",
       "value": "200",
@@ -568,12 +577,12 @@ export const c_page = {
     },
     "c_page_section_m_sticky_top_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-sticky-top--BoxShadow",
-      "value": "0px\n    4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
         "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\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--600\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)"
+        "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_sticky_top_BorderBlockEndWidth": {
@@ -603,12 +612,12 @@ export const c_page = {
     },
     "c_page_section_m_sticky_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-sticky-bottom--BoxShadow",
-      "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--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)"
+        "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_sticky_bottom_BorderBlockStartWidth": {
@@ -629,12 +638,12 @@ export const c_page = {
     },
     "c_page_section_m_shadow_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
-      "value": "0px\n    4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--pf-t--global--box-shadow--sm--bottom",
         "--pf-t--global--box-shadow--X--sm--bottom\n    --pf-t--global--box-shadow--Y--sm--bottom\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--600\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)"
+        "0px\n    2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_shadow_bottom_ZIndex": {
@@ -664,12 +673,12 @@ export const c_page = {
     },
     "c_page_section_m_shadow_top_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-shadow-top--BoxShadow",
-      "value": "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
+      "value": "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
       "values": [
         "--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)"
+        "0px\n    -2px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
     "c_page_section_m_shadow_top_ZIndex": {
@@ -871,6 +880,64 @@ export const c_page = {
         "--pf-t--global--border--color--high-contrast",
         "rgba(255, 255, 255, 0.0000)"
       ]
+    },
+    "c_page_m_dock__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page_m_dock__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page_m_dock_ColumnGap": {
+      "name": "--pf-v6-c-page--m-dock--ColumnGap",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    }
+  },
+  ".pf-v6-c-page.pf-m-dock": {
+    "c_page_masthead_main_container_GridArea": {
+      "name": "--pf-v6-c-page--masthead--main-container--GridArea",
+      "value": "main"
+    },
+    "c_page__main_container_MaxHeight": {
+      "name": "--pf-v6-c-page__main-container--MaxHeight",
+      "value": "calc(100% - 1.5rem * 2)",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+        "calc(100% - --pf-t--global--spacer--lg * 2)",
+        "calc(100% - --pf-t--global--spacer--400 * 2)",
+        "calc(100% - 1.5rem * 2)"
+      ]
+    },
+    "c_page__main_container_MarginBlockStart": {
+      "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_page__main_container_MarginInlineStart": {
+      "name": "--pf-v6-c-page__main-container--MarginInlineStart",
+      "value": "0"
     }
   },
   ".pf-v6-c-page > .pf-v6-c-masthead .pf-v6-c-masthead__toggle .pf-v6-c-button.pf-m-hamburger:is(:hover, :focus-visible)": {

package/dist/esm/c_page__dock_ZIndex.d.ts

@@ -0,0 +1,6 @@
+export const c_page__dock_ZIndex: {
+  "name": "--pf-v6-c-page__dock--ZIndex",
+  "value": "300",
+  "var": "var(--pf-v6-c-page__dock--ZIndex)"
+};
+export default c_page__dock_ZIndex;

package/dist/esm/c_page__dock_ZIndex.js

@@ -0,0 +1,6 @@
+export const c_page__dock_ZIndex = {
+  "name": "--pf-v6-c-page__dock--ZIndex",
+  "value": "300",
+  "var": "var(--pf-v6-c-page__dock--ZIndex)"
+};
+export default c_page__dock_ZIndex;

package/dist/esm/c_page__main_container_MarginBlockStart.d.ts

@@ -0,0 +1,6 @@
+export const c_page__main_container_MarginBlockStart: {
+  "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page__main-container--MarginBlockStart)"
+};
+export default c_page__main_container_MarginBlockStart;

package/dist/esm/c_page__main_container_MarginBlockStart.js

@@ -0,0 +1,6 @@
+export const c_page__main_container_MarginBlockStart = {
+  "name": "--pf-v6-c-page__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page__main-container--MarginBlockStart)"
+};
+export default c_page__main_container_MarginBlockStart;

package/dist/esm/c_page__main_container_MarginInlineStart.d.ts

@@ -1,6 +1,6 @@
 export const c_page__main_container_MarginInlineStart: {
   "name": "--pf-v6-c-page__main-container--MarginInlineStart",
-  "value": "1.5rem",
+  "value": "0",
   "var": "var(--pf-v6-c-page__main-container--MarginInlineStart)"
 };
 export default c_page__main_container_MarginInlineStart;

package/dist/esm/c_page__main_container_MarginInlineStart.js

@@ -1,6 +1,6 @@
 export const c_page__main_container_MarginInlineStart = {
   "name": "--pf-v6-c-page__main-container--MarginInlineStart",
-  "value": "1.5rem",
+  "value": "0",
   "var": "var(--pf-v6-c-page__main-container--MarginInlineStart)"
 };
 export default c_page__main_container_MarginInlineStart;

package/dist/esm/c_page__main_container_MaxHeight.d.ts

@@ -1,6 +1,6 @@
 export const c_page__main_container_MaxHeight: {
   "name": "--pf-v6-c-page__main-container--MaxHeight",
-  "value": "calc(100% - 1.5rem)",
+  "value": "calc(100% - 1.5rem * 2)",
   "var": "var(--pf-v6-c-page__main-container--MaxHeight)"
 };
 export default c_page__main_container_MaxHeight;

package/dist/esm/c_page__main_container_MaxHeight.js

@@ -1,6 +1,6 @@
 export const c_page__main_container_MaxHeight = {
   "name": "--pf-v6-c-page__main-container--MaxHeight",
-  "value": "calc(100% - 1.5rem)",
+  "value": "calc(100% - 1.5rem * 2)",
   "var": "var(--pf-v6-c-page__main-container--MaxHeight)"
 };
 export default c_page__main_container_MaxHeight;

package/dist/esm/c_page_m_dock_ColumnGap.d.ts

@@ -0,0 +1,6 @@
+export const c_page_m_dock_ColumnGap: {
+  "name": "--pf-v6-c-page--m-dock--ColumnGap",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock--ColumnGap)"
+};
+export default c_page_m_dock_ColumnGap;

package/dist/esm/c_page_m_dock_ColumnGap.js

@@ -0,0 +1,6 @@
+export const c_page_m_dock_ColumnGap = {
+  "name": "--pf-v6-c-page--m-dock--ColumnGap",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock--ColumnGap)"
+};
+export default c_page_m_dock_ColumnGap;

package/dist/esm/c_page_m_dock__main_container_MarginBlockStart.d.ts

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MarginBlockStart: {
+  "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart)"
+};
+export default c_page_m_dock__main_container_MarginBlockStart;

package/dist/esm/c_page_m_dock__main_container_MarginBlockStart.js

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MarginBlockStart = {
+  "name": "--pf-v6-c-page--m-dock__main-container--MarginBlockStart",
+  "value": "1.5rem",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MarginBlockStart)"
+};
+export default c_page_m_dock__main_container_MarginBlockStart;

package/dist/esm/c_page_m_dock__main_container_MaxHeight.d.ts

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MaxHeight: {
+  "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+  "value": "calc(100% - 1.5rem * 2)",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MaxHeight)"
+};
+export default c_page_m_dock__main_container_MaxHeight;

package/dist/esm/c_page_m_dock__main_container_MaxHeight.js

@@ -0,0 +1,6 @@
+export const c_page_m_dock__main_container_MaxHeight = {
+  "name": "--pf-v6-c-page--m-dock__main-container--MaxHeight",
+  "value": "calc(100% - 1.5rem * 2)",
+  "var": "var(--pf-v6-c-page--m-dock__main-container--MaxHeight)"
+};
+export default c_page_m_dock__main_container_MaxHeight;