@patternfly/react-tokens 6.3.0 → 6.3.1-prerelease.0

package/dist/esm/c_nav.d.ts

@@ -326,6 +326,38 @@ export const c_nav: {
         "#151515"
       ]
     },
+    "c_nav__link_BorderColor": {
+      "name": "--pf-v6-c-nav__link--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_nav__link_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--default",
+        "0px"
+      ]
+    },
+    "c_nav__link_hover_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--hover--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--hover",
+        "0px"
+      ]
+    },
+    "c_nav__link_m_current_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--m-current--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
+    },
     "c_nav__link_TransitionDuration_background_color": {
       "name": "--pf-v6-c-nav__link--TransitionDuration--background-color",
       "value": "200ms",
@@ -608,6 +640,22 @@ export const c_nav: {
         "999px"
       ]
     },
+    "c_nav_m_horizontal_m_subnav_BorderWidth": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_nav_m_horizontal_m_subnav_BorderColor": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_nav_m_horizontal_m_subnav__list_PaddingBlockStart": {
       "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart",
       "value": "0.25rem",
@@ -854,6 +902,17 @@ export const c_nav: {
       ]
     }
   },
+  ".pf-v6-c-nav__link:hover": {
+    "c_nav__link_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-nav__link--hover--BorderWidth",
+        "--pf-t--global--border--width--action--plain--hover",
+        "0px"
+      ]
+    }
+  },
   ".pf-v6-c-nav__link.pf-m-current": {
     "c_nav__link_icon_Color": {
       "name": "--pf-v6-c-nav__link-icon--Color",
@@ -865,6 +924,15 @@ export const c_nav: {
         "--pf-t--color--gray--90",
         "#1f1f1f"
       ]
+    },
+    "c_nav__link_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-nav__link--m-current--BorderWidth",
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
     }
   },
   ".pf-v6-c-nav__item:where(.pf-m-flyout) .pf-v6-c-nav__toggle-icon": {

package/dist/esm/c_nav.js

@@ -326,6 +326,38 @@ export const c_nav = {
         "#151515"
       ]
     },
+    "c_nav__link_BorderColor": {
+      "name": "--pf-v6-c-nav__link--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
+    "c_nav__link_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--default",
+        "0px"
+      ]
+    },
+    "c_nav__link_hover_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--hover--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--hover",
+        "0px"
+      ]
+    },
+    "c_nav__link_m_current_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--m-current--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
+    },
     "c_nav__link_TransitionDuration_background_color": {
       "name": "--pf-v6-c-nav__link--TransitionDuration--background-color",
       "value": "200ms",
@@ -608,6 +640,22 @@ export const c_nav = {
         "999px"
       ]
     },
+    "c_nav_m_horizontal_m_subnav_BorderWidth": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_nav_m_horizontal_m_subnav_BorderColor": {
+      "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_nav_m_horizontal_m_subnav__list_PaddingBlockStart": {
       "name": "--pf-v6-c-nav--m-horizontal--m-subnav__list--PaddingBlockStart",
       "value": "0.25rem",
@@ -854,6 +902,17 @@ export const c_nav = {
       ]
     }
   },
+  ".pf-v6-c-nav__link:hover": {
+    "c_nav__link_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-nav__link--hover--BorderWidth",
+        "--pf-t--global--border--width--action--plain--hover",
+        "0px"
+      ]
+    }
+  },
   ".pf-v6-c-nav__link.pf-m-current": {
     "c_nav__link_icon_Color": {
       "name": "--pf-v6-c-nav__link-icon--Color",
@@ -865,6 +924,15 @@ export const c_nav = {
         "--pf-t--color--gray--90",
         "#1f1f1f"
       ]
+    },
+    "c_nav__link_BorderWidth": {
+      "name": "--pf-v6-c-nav__link--BorderWidth",
+      "value": "0px",
+      "values": [
+        "--pf-v6-c-nav__link--m-current--BorderWidth",
+        "--pf-t--global--border--width--action--plain--clicked",
+        "0px"
+      ]
     }
   },
   ".pf-v6-c-nav__item:where(.pf-m-flyout) .pf-v6-c-nav__toggle-icon": {

package/dist/esm/c_nav__link_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__link_BorderColor: {
+  "name": "--pf-v6-c-nav__link--BorderColor",
+  "value": "rgba(255, 255, 255, 0.0000)",
+  "var": "var(--pf-v6-c-nav__link--BorderColor)"
+};
+export default c_nav__link_BorderColor;

package/dist/esm/c_nav__link_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_nav__link_BorderColor = {
+  "name": "--pf-v6-c-nav__link--BorderColor",
+  "value": "rgba(255, 255, 255, 0.0000)",
+  "var": "var(--pf-v6-c-nav__link--BorderColor)"
+};
+export default c_nav__link_BorderColor;

package/dist/esm/c_nav__link_BorderWidth.d.ts

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

package/dist/esm/c_nav__link_BorderWidth.js

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

package/dist/esm/c_nav__link_hover_BorderWidth.d.ts

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

package/dist/esm/c_nav__link_hover_BorderWidth.js

@@ -0,0 +1,6 @@
+export const c_nav__link_hover_BorderWidth = {
+  "name": "--pf-v6-c-nav__link--hover--BorderWidth",
+  "value": "0px",
+  "var": "var(--pf-v6-c-nav__link--hover--BorderWidth)"
+};
+export default c_nav__link_hover_BorderWidth;

package/dist/esm/c_nav__link_m_current_BorderWidth.d.ts

@@ -0,0 +1,6 @@
+export const c_nav__link_m_current_BorderWidth: {
+  "name": "--pf-v6-c-nav__link--m-current--BorderWidth",
+  "value": "0px",
+  "var": "var(--pf-v6-c-nav__link--m-current--BorderWidth)"
+};
+export default c_nav__link_m_current_BorderWidth;

package/dist/esm/c_nav__link_m_current_BorderWidth.js

@@ -0,0 +1,6 @@
+export const c_nav__link_m_current_BorderWidth = {
+  "name": "--pf-v6-c-nav__link--m-current--BorderWidth",
+  "value": "0px",
+  "var": "var(--pf-v6-c-nav__link--m-current--BorderWidth)"
+};
+export default c_nav__link_m_current_BorderWidth;

package/dist/esm/c_nav_m_horizontal_m_subnav_BorderColor.d.ts

@@ -0,0 +1,6 @@
+export const c_nav_m_horizontal_m_subnav_BorderColor: {
+  "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor",
+  "value": "rgba(255, 255, 255, 0.0000)",
+  "var": "var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor)"
+};
+export default c_nav_m_horizontal_m_subnav_BorderColor;

package/dist/esm/c_nav_m_horizontal_m_subnav_BorderColor.js

@@ -0,0 +1,6 @@
+export const c_nav_m_horizontal_m_subnav_BorderColor = {
+  "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor",
+  "value": "rgba(255, 255, 255, 0.0000)",
+  "var": "var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderColor)"
+};
+export default c_nav_m_horizontal_m_subnav_BorderColor;

package/dist/esm/c_nav_m_horizontal_m_subnav_BorderWidth.d.ts

@@ -0,0 +1,6 @@
+export const c_nav_m_horizontal_m_subnav_BorderWidth: {
+  "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth",
+  "value": "0px",
+  "var": "var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth)"
+};
+export default c_nav_m_horizontal_m_subnav_BorderWidth;

package/dist/esm/c_nav_m_horizontal_m_subnav_BorderWidth.js

@@ -0,0 +1,6 @@
+export const c_nav_m_horizontal_m_subnav_BorderWidth = {
+  "name": "--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth",
+  "value": "0px",
+  "var": "var(--pf-v6-c-nav--m-horizontal--m-subnav--BorderWidth)"
+};
+export default c_nav_m_horizontal_m_subnav_BorderWidth;

package/dist/esm/c_page.d.ts

@@ -70,7 +70,13 @@ export const c_page: {
     },
     "c_page__sidebar_BoxShadow": {
       "name": "--pf-v6-c-page__sidebar--BoxShadow",
-      "value": "none"
+      "value": "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)",
+      "values": [
+        "--pf-t--global--box-shadow--md--right",
+        "--pf-t--global--box-shadow--X--md--right\n    --pf-t--global--box-shadow--Y--md--right\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--700\n    --pf-t--global--box-shadow--Y--400\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--300\n    --pf-t--global--box-shadow--color--100",
+        "10px\n    0px\n    9px\n    -8px\n    rgba(41, 41, 41, 0.1500)"
+      ]
     },
     "c_page__sidebar_TransitionProperty": {
       "name": "--pf-v6-c-page__sidebar--TransitionProperty",
@@ -150,6 +156,22 @@ export const c_page: {
       "name": "--pf-v6-c-page__sidebar--PaddingInlineEnd",
       "value": "0"
     },
+    "c_page__sidebar_BorderInlineEndWidth": {
+      "name": "--pf-v6-c-page__sidebar--BorderInlineEndWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_page__sidebar_BorderInlineEndColor": {
+      "name": "--pf-v6-c-page__sidebar--BorderInlineEndColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_page__sidebar_header_BorderBlockEndWidth": {
       "name": "--pf-v6-c-page__sidebar-header--BorderBlockEndWidth",
       "value": "1px",
@@ -364,15 +386,47 @@ export const c_page: {
         "16px"
       ]
     },
-    "c_page__main_container_BorderWidth": {
-      "name": "--pf-v6-c-page__main-container--BorderWidth",
-      "value": "0.25rem"
+    "c_page__main_container_BorderBlockStartWidth": {
+      "name": "--pf-v6-c-page__main-container--BorderBlockStartWidth",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--border--width--main--default",
+        "--pf-t--global--border--width--400",
+        "4px"
+      ]
+    },
+    "c_page__main_container_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-page__main-container--BorderBlockEndWidth",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--border--width--main--default",
+        "--pf-t--global--border--width--400",
+        "4px"
+      ]
+    },
+    "c_page__main_container_BorderInlineStartWidth": {
+      "name": "--pf-v6-c-page__main-container--BorderInlineStartWidth",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--border--width--main--default",
+        "--pf-t--global--border--width--400",
+        "4px"
+      ]
+    },
+    "c_page__main_container_BorderInlineEndWidth": {
+      "name": "--pf-v6-c-page__main-container--BorderInlineEndWidth",
+      "value": "4px",
+      "values": [
+        "--pf-t--global--border--width--main--default",
+        "--pf-t--global--border--width--400",
+        "4px"
+      ]
     },
     "c_page__main_container_BorderColor": {
       "name": "--pf-v6-c-page__main-container--BorderColor",
       "value": "#ffffff",
       "values": [
-        "--pf-v6-c-page__main-container--BackgroundColor",
+        "--pf-t--global--border--color--main--default",
         "--pf-t--global--background--color--primary--default",
         "--pf-t--global--background--color--100",
         "--pf-t--color--white",
@@ -399,6 +453,18 @@ export const c_page: {
       "name": "--pf-v6-c-page__main-container--xs--MarginInlineEnd",
       "value": "0"
     },
+    "c_page__main_container_xs_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-page__main-container--xs--BorderBlockEndWidth",
+      "value": "0"
+    },
+    "c_page__main_container_xs_BorderInlineStartWidth": {
+      "name": "--pf-v6-c-page__main-container--xs--BorderInlineStartWidth",
+      "value": "0px"
+    },
+    "c_page__main_container_xs_BorderInlineEndWidth": {
+      "name": "--pf-v6-c-page__main-container--xs--BorderInlineEndWidth",
+      "value": "0px"
+    },
     "c_page__main_section_PaddingBlockStart": {
       "name": "--pf-v6-c-page__main-section--PaddingBlockStart",
       "value": "1rem",
@@ -510,6 +576,22 @@ export const c_page: {
         "0px\n    4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
+    "c_page_section_m_sticky_top_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-page--section--m-sticky-top--BorderBlockEndWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_page_section_m_sticky_top_BorderBlockEndColor": {
+      "name": "--pf-v6-c-page--section--m-sticky-top--BorderBlockEndColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_page_section_m_sticky_bottom_ZIndex": {
       "name": "--pf-v6-c-page--section--m-sticky-bottom--ZIndex",
       "value": "300",
@@ -529,6 +611,22 @@ export const c_page: {
         "0px\n    -4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)"
       ]
     },
+    "c_page_section_m_sticky_bottom_BorderBlockStartWidth": {
+      "name": "--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_page_section_m_sticky_bottom_BorderBlockStartColor": {
+      "name": "--pf-v6-c-page--section--m-sticky-bottom--BorderBlockStartColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "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)",
@@ -548,6 +646,22 @@ export const c_page: {
         "100"
       ]
     },
+    "c_page_section_m_shadow_bottom_BorderBlockEndWidth": {
+      "name": "--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_page_section_m_shadow_bottom_BorderBlockEndColor": {
+      "name": "--pf-v6-c-page--section--m-shadow-bottom--BorderBlockEndColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "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)",
@@ -567,6 +681,22 @@ export const c_page: {
         "100"
       ]
     },
+    "c_page_section_m_shadow_top_BorderBlockStartWidth": {
+      "name": "--pf-v6-c-page--section--m-shadow-top--BorderBlockStartWidth",
+      "value": "0px",
+      "values": [
+        "--pf-t--global--border--width--high-contrast--regular",
+        "0px"
+      ]
+    },
+    "c_page_section_m_shadow_top_BorderBlockStartColor": {
+      "name": "--pf-v6-c-page--section--m-shadow-top--BorderBlockStartColor",
+      "value": "rgba(255, 255, 255, 0.0000)",
+      "values": [
+        "--pf-t--global--border--color--high-contrast",
+        "rgba(255, 255, 255, 0.0000)"
+      ]
+    },
     "c_page__main_subnav_BackgroundColor": {
       "name": "--pf-v6-c-page__main-subnav--BackgroundColor",
       "value": "#ffffff",
@@ -592,20 +722,22 @@ export const c_page: {
     },
     "c_page__main_subnav_PaddingInlineStart": {
       "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
-      "value": "calc(1.5rem - 0.25rem)",
+      "value": "calc(1.5rem - 4px)",
       "values": [
-        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - 0.25rem)",
-        "calc(1.5rem - 0.25rem)"
+        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderInlineStartWidth)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--main--default)",
+        "calc(1.5rem - --pf-t--global--border--width--400)",
+        "calc(1.5rem - 4px)"
       ]
     },
     "c_page__main_subnav_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
-      "value": "calc(1.5rem - 0.25rem)",
+      "value": "calc(1.5rem - 4px)",
       "values": [
-        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - 0.25rem)",
-        "calc(1.5rem - 0.25rem)"
+        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderInlineEndWidth)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--main--default)",
+        "calc(1.5rem - --pf-t--global--border--width--400)",
+        "calc(1.5rem - 4px)"
       ]
     },
     "c_page__main_subnav_m_sticky_top_PaddingBlockEnd": {
@@ -628,11 +760,12 @@ export const c_page: {
     },
     "c_page__main_breadcrumb_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd",
-      "value": "calc(1.5rem - 0.25rem)",
+      "value": "calc(1.5rem - 4px)",
       "values": [
-        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - 0.25rem)",
-        "calc(1.5rem - 0.25rem)"
+        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderInlineEndWidth)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--main--default)",
+        "calc(1.5rem - --pf-t--global--border--width--400)",
+        "calc(1.5rem - 4px)"
       ]
     },
     "c_page__main_breadcrumb_PaddingBlockEnd": {
@@ -641,11 +774,12 @@ export const c_page: {
     },
     "c_page__main_breadcrumb_PaddingInlineStart": {
       "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineStart",
-      "value": "calc(1.5rem - 0.25rem)",
+      "value": "calc(1.5rem - 4px)",
       "values": [
-        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - 0.25rem)",
-        "calc(1.5rem - 0.25rem)"
+        "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderInlineStartWidth)",
+        "calc(--pf-t--global--spacer--400 - --pf-t--global--border--width--main--default)",
+        "calc(1.5rem - --pf-t--global--border--width--400)",
+        "calc(1.5rem - 4px)"
       ]
     },
     "c_page__main_breadcrumb_BackgroundColor": {