npm - @patternfly/react-tokens - Versions diffs - 6.0.0-prerelease.5 → 6.0.0-prerelease.7 - Mend

@patternfly/react-tokens 6.0.0-prerelease.5 → 6.0.0-prerelease.7

This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.

Files changed (1364) hide show

package/dist/js/c_page.d.ts CHANGED Viewed

@@ -1,5 +1,5 @@
 export const c_page: {
-  ":root": {
+  ".pf-v6-c-page": {
     "c_page_BackgroundColor": {
       "name": "--pf-v6-c-page--BackgroundColor",
       "value": "#f2f2f2",
@@ -42,6 +42,10 @@ export const c_page: {
       "name": "--pf-v6-c-page__sidebar--Width",
       "value": "18.125rem"
     },
+    "c_page__sidebar_xl_Width": {
+      "name": "--pf-v6-c-page__sidebar--xl--Width",
+      "value": "auto"
+    },
     "c_page__sidebar_BackgroundColor": {
       "name": "--pf-v6-c-page__sidebar--BackgroundColor",
       "value": "#f2f2f2",
@@ -93,7 +97,13 @@ export const c_page: {
     },
     "c_page__sidebar_MarginInlineEnd": {
       "name": "--pf-v6-c-page__sidebar--MarginInlineEnd",
-      "value": "0"
+      "value": "calc(1.5rem / 2)",
+      "values": [
+        "calc(--pf-t--global--spacer--inset--page-chrome / 2)",
+        "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
+        "calc(1.5rem / 2)"
+      ]
     },
     "c_page__sidebar_PaddingBlockEnd": {
       "name": "--pf-v6-c-page__sidebar--PaddingBlockEnd",
@@ -188,21 +198,21 @@ export const c_page: {
     },
     "c_page__sidebar_title_FontWeight": {
       "name": "--pf-v6-c-page__sidebar-title--FontWeight",
-      "value": "700",
+      "value": "500",
       "values": [
         "--pf-t--global--font--weight--heading--default",
         "--pf-t--global--font--weight--300",
-        "700"
+        "500"
       ]
     },
     "c_page__sidebar_body_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__sidebar-body--PaddingInlineEnd",
-      "value": "1.5rem",
+      "value": "calc(1.5rem / 2)",
       "values": [
-        "--pf-t--global--spacer--inset--page-chrome",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "1.5rem"
+        "calc(--pf-t--global--spacer--inset--page-chrome / 2)",
+        "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
+        "calc(1.5rem / 2)"
       ]
     },
     "c_page__sidebar_body_PaddingInlineStart": {
@@ -315,21 +325,16 @@ export const c_page: {
     },
     "c_page__main_container_BorderRadius": {
       "name": "--pf-v6-c-page__main-container--BorderRadius",
-      "value": "24px",
+      "value": "16px",
       "values": [
-        "--pf-t--global--border--radius--large",
-        "--pf-t--global--border--radius--400",
-        "24px"
+        "--pf-t--global--border--radius--medium",
+        "--pf-t--global--border--radius--300",
+        "16px"
       ]
     },
     "c_page__main_container_BorderWidth": {
       "name": "--pf-v6-c-page__main-container--BorderWidth",
-      "value": "0.5rem",
-      "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "0.5rem"
-      ]
+      "value": "0.25rem"
     },
     "c_page__main_container_BorderColor": {
       "name": "--pf-v6-c-page__main-container--BorderColor",
@@ -444,12 +449,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    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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)"
       ]
     },
     "c_page_section_m_sticky_bottom_ZIndex": {
@@ -463,22 +468,22 @@ export const c_page: {
     },
     "c_page_section_m_sticky_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-sticky-bottom--BoxShadow",
-      "value": "0px\n    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    -4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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_page_section_m_shadow_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
-      "value": "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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)"
       ]
     },
     "c_page_section_m_shadow_bottom_ZIndex": {
@@ -492,12 +497,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    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    -4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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_page_section_m_shadow_top_ZIndex": {
@@ -534,22 +539,20 @@ export const c_page: {
     },
     "c_page__main_subnav_PaddingInlineStart": {
       "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_subnav_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_breadcrumb_PaddingBlockStart": {
@@ -563,12 +566,11 @@ export const c_page: {
     },
     "c_page__main_breadcrumb_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_breadcrumb_PaddingBlockEnd": {
@@ -577,12 +579,11 @@ export const c_page: {
     },
     "c_page__main_breadcrumb_PaddingInlineStart": {
       "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineStart",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_breadcrumb_BackgroundColor": {

package/dist/js/c_page.js CHANGED Viewed

@@ -1,7 +1,7 @@
 "use strict";
 exports.__esModule = true;
 exports.c_page = {
-  ":root": {
+  ".pf-v6-c-page": {
     "c_page_BackgroundColor": {
       "name": "--pf-v6-c-page--BackgroundColor",
       "value": "#f2f2f2",
@@ -44,6 +44,10 @@ exports.c_page = {
       "name": "--pf-v6-c-page__sidebar--Width",
       "value": "18.125rem"
     },
+    "c_page__sidebar_xl_Width": {
+      "name": "--pf-v6-c-page__sidebar--xl--Width",
+      "value": "auto"
+    },
     "c_page__sidebar_BackgroundColor": {
       "name": "--pf-v6-c-page__sidebar--BackgroundColor",
       "value": "#f2f2f2",
@@ -95,7 +99,13 @@ exports.c_page = {
     },
     "c_page__sidebar_MarginInlineEnd": {
       "name": "--pf-v6-c-page__sidebar--MarginInlineEnd",
-      "value": "0"
+      "value": "calc(1.5rem / 2)",
+      "values": [
+        "calc(--pf-t--global--spacer--inset--page-chrome / 2)",
+        "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
+        "calc(1.5rem / 2)"
+      ]
     },
     "c_page__sidebar_PaddingBlockEnd": {
       "name": "--pf-v6-c-page__sidebar--PaddingBlockEnd",
@@ -190,21 +200,21 @@ exports.c_page = {
     },
     "c_page__sidebar_title_FontWeight": {
       "name": "--pf-v6-c-page__sidebar-title--FontWeight",
-      "value": "700",
+      "value": "500",
       "values": [
         "--pf-t--global--font--weight--heading--default",
         "--pf-t--global--font--weight--300",
-        "700"
+        "500"
       ]
     },
     "c_page__sidebar_body_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__sidebar-body--PaddingInlineEnd",
-      "value": "1.5rem",
+      "value": "calc(1.5rem / 2)",
       "values": [
-        "--pf-t--global--spacer--inset--page-chrome",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "1.5rem"
+        "calc(--pf-t--global--spacer--inset--page-chrome / 2)",
+        "calc(--pf-t--global--spacer--lg / 2)",
+        "calc(--pf-t--global--spacer--400 / 2)",
+        "calc(1.5rem / 2)"
       ]
     },
     "c_page__sidebar_body_PaddingInlineStart": {
@@ -317,21 +327,16 @@ exports.c_page = {
     },
     "c_page__main_container_BorderRadius": {
       "name": "--pf-v6-c-page__main-container--BorderRadius",
-      "value": "24px",
+      "value": "16px",
       "values": [
-        "--pf-t--global--border--radius--large",
-        "--pf-t--global--border--radius--400",
-        "24px"
+        "--pf-t--global--border--radius--medium",
+        "--pf-t--global--border--radius--300",
+        "16px"
       ]
     },
     "c_page__main_container_BorderWidth": {
       "name": "--pf-v6-c-page__main-container--BorderWidth",
-      "value": "0.5rem",
-      "values": [
-        "--pf-t--global--spacer--sm",
-        "--pf-t--global--spacer--200",
-        "0.5rem"
-      ]
+      "value": "0.25rem"
     },
     "c_page__main_container_BorderColor": {
       "name": "--pf-v6-c-page__main-container--BorderColor",
@@ -446,12 +451,12 @@ exports.c_page = {
     },
     "c_page_section_m_sticky_top_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-sticky-top--BoxShadow",
-      "value": "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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)"
       ]
     },
     "c_page_section_m_sticky_bottom_ZIndex": {
@@ -465,22 +470,22 @@ exports.c_page = {
     },
     "c_page_section_m_sticky_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-sticky-bottom--BoxShadow",
-      "value": "0px\n    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    -4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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_page_section_m_shadow_bottom_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
-      "value": "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--500\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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)"
       ]
     },
     "c_page_section_m_shadow_bottom_ZIndex": {
@@ -494,12 +499,12 @@ exports.c_page = {
     },
     "c_page_section_m_shadow_top_BoxShadow": {
       "name": "--pf-v6-c-page--section--m-shadow-top--BoxShadow",
-      "value": "0px\n    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+      "value": "0px\n    -4px\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\n    --pf-t--global--box-shadow--color--sm",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--300\n    --pf-t--global--box-shadow--blur--100\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    -1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)"
+        "--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_page_section_m_shadow_top_ZIndex": {
@@ -536,22 +541,20 @@ exports.c_page = {
     },
     "c_page__main_subnav_PaddingInlineStart": {
       "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_subnav_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_breadcrumb_PaddingBlockStart": {
@@ -565,12 +568,11 @@ exports.c_page = {
     },
     "c_page__main_breadcrumb_PaddingInlineEnd": {
       "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_breadcrumb_PaddingBlockEnd": {
@@ -579,12 +581,11 @@ exports.c_page = {
     },
     "c_page__main_breadcrumb_PaddingInlineStart": {
       "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineStart",
-      "value": "calc(1.5rem - 0.5rem)",
+      "value": "calc(1.5rem - 0.25rem)",
       "values": [
         "calc(--pf-t--global--spacer--lg - --pf-v6-c-page__main-container--BorderWidth)",
-        "calc(--pf-t--global--spacer--400 - --pf-t--global--spacer--sm)",
-        "calc(1.5rem - --pf-t--global--spacer--200)",
-        "calc(1.5rem - 0.5rem)"
+        "calc(--pf-t--global--spacer--400 - 0.25rem)",
+        "calc(1.5rem - 0.25rem)"
       ]
     },
     "c_page__main_breadcrumb_BackgroundColor": {

package/dist/js/c_page__main_breadcrumb_PaddingInlineEnd.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_breadcrumb_PaddingInlineEnd: {
   "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd)"
 };
 export default c_page__main_breadcrumb_PaddingInlineEnd;

package/dist/js/c_page__main_breadcrumb_PaddingInlineEnd.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__main_breadcrumb_PaddingInlineEnd = {
   "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd)"
 };
 exports["default"] = exports.c_page__main_breadcrumb_PaddingInlineEnd;

package/dist/js/c_page__main_breadcrumb_PaddingInlineStart.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_breadcrumb_PaddingInlineStart: {
   "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineStart",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart)"
 };
 export default c_page__main_breadcrumb_PaddingInlineStart;

package/dist/js/c_page__main_breadcrumb_PaddingInlineStart.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__main_breadcrumb_PaddingInlineStart = {
   "name": "--pf-v6-c-page__main-breadcrumb--PaddingInlineStart",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart)"
 };
 exports["default"] = exports.c_page__main_breadcrumb_PaddingInlineStart;

package/dist/js/c_page__main_container_BorderRadius.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_container_BorderRadius: {
   "name": "--pf-v6-c-page__main-container--BorderRadius",
-  "value": "24px",
+  "value": "16px",
   "var": "var(--pf-v6-c-page__main-container--BorderRadius)"
 };
 export default c_page__main_container_BorderRadius;

package/dist/js/c_page__main_container_BorderRadius.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__main_container_BorderRadius = {
   "name": "--pf-v6-c-page__main-container--BorderRadius",
-  "value": "24px",
+  "value": "16px",
   "var": "var(--pf-v6-c-page__main-container--BorderRadius)"
 };
 exports["default"] = exports.c_page__main_container_BorderRadius;

package/dist/js/c_page__main_container_BorderWidth.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_container_BorderWidth: {
   "name": "--pf-v6-c-page__main-container--BorderWidth",
-  "value": "0.5rem",
+  "value": "0.25rem",
   "var": "var(--pf-v6-c-page__main-container--BorderWidth)"
 };
 export default c_page__main_container_BorderWidth;

package/dist/js/c_page__main_container_BorderWidth.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__main_container_BorderWidth = {
   "name": "--pf-v6-c-page__main-container--BorderWidth",
-  "value": "0.5rem",
+  "value": "0.25rem",
   "var": "var(--pf-v6-c-page__main-container--BorderWidth)"
 };
 exports["default"] = exports.c_page__main_container_BorderWidth;

package/dist/js/c_page__main_subnav_PaddingInlineEnd.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_subnav_PaddingInlineEnd: {
   "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineEnd)"
 };
 export default c_page__main_subnav_PaddingInlineEnd;

package/dist/js/c_page__main_subnav_PaddingInlineEnd.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__main_subnav_PaddingInlineEnd = {
   "name": "--pf-v6-c-page__main-subnav--PaddingInlineEnd",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineEnd)"
 };
 exports["default"] = exports.c_page__main_subnav_PaddingInlineEnd;

package/dist/js/c_page__main_subnav_PaddingInlineStart.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__main_subnav_PaddingInlineStart: {
   "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineStart)"
 };
 export default c_page__main_subnav_PaddingInlineStart;

package/dist/js/c_page__main_subnav_PaddingInlineStart.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__main_subnav_PaddingInlineStart = {
   "name": "--pf-v6-c-page__main-subnav--PaddingInlineStart",
-  "value": "calc(1.5rem - 0.5rem)",
+  "value": "calc(1.5rem - 0.25rem)",
   "var": "var(--pf-v6-c-page__main-subnav--PaddingInlineStart)"
 };
 exports["default"] = exports.c_page__main_subnav_PaddingInlineStart;

package/dist/js/c_page__sidebar_MarginInlineEnd.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__sidebar_MarginInlineEnd: {
   "name": "--pf-v6-c-page__sidebar--MarginInlineEnd",
-  "value": "0",
+  "value": "calc(1.5rem / 2)",
   "var": "var(--pf-v6-c-page__sidebar--MarginInlineEnd)"
 };
 export default c_page__sidebar_MarginInlineEnd;

package/dist/js/c_page__sidebar_MarginInlineEnd.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__sidebar_MarginInlineEnd = {
   "name": "--pf-v6-c-page__sidebar--MarginInlineEnd",
-  "value": "0",
+  "value": "calc(1.5rem / 2)",
   "var": "var(--pf-v6-c-page__sidebar--MarginInlineEnd)"
 };
 exports["default"] = exports.c_page__sidebar_MarginInlineEnd;

package/dist/js/c_page__sidebar_title_FontWeight.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page__sidebar_title_FontWeight: {
   "name": "--pf-v6-c-page__sidebar-title--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-page__sidebar-title--FontWeight)"
 };
 export default c_page__sidebar_title_FontWeight;

package/dist/js/c_page__sidebar_title_FontWeight.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page__sidebar_title_FontWeight = {
   "name": "--pf-v6-c-page__sidebar-title--FontWeight",
-  "value": "700",
+  "value": "500",
   "var": "var(--pf-v6-c-page__sidebar-title--FontWeight)"
 };
 exports["default"] = exports.c_page__sidebar_title_FontWeight;

package/dist/js/c_page__sidebar_xl_Width.d.ts ADDED Viewed

@@ -0,0 +1,6 @@
+export const c_page__sidebar_xl_Width: {
+  "name": "--pf-v6-c-page__sidebar--xl--Width",
+  "value": "auto",
+  "var": "var(--pf-v6-c-page__sidebar--xl--Width)"
+};
+export default c_page__sidebar_xl_Width;

package/dist/js/c_page__sidebar_xl_Width.js ADDED Viewed

@@ -0,0 +1,8 @@
+"use strict";
+exports.__esModule = true;
+exports.c_page__sidebar_xl_Width = {
+  "name": "--pf-v6-c-page__sidebar--xl--Width",
+  "value": "auto",
+  "var": "var(--pf-v6-c-page__sidebar--xl--Width)"
+};
+exports["default"] = exports.c_page__sidebar_xl_Width;

package/dist/js/c_page_section_m_shadow_bottom_BoxShadow.d.ts CHANGED Viewed

@@ -1,6 +1,6 @@
 export const c_page_section_m_shadow_bottom_BoxShadow: {
   "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
-  "value": "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+  "value": "0px\n    4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
   "var": "var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow)"
 };
 export default c_page_section_m_shadow_bottom_BoxShadow;

package/dist/js/c_page_section_m_shadow_bottom_BoxShadow.js CHANGED Viewed

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 exports.c_page_section_m_shadow_bottom_BoxShadow = {
   "name": "--pf-v6-c-page--section--m-shadow-bottom--BoxShadow",
-  "value": "0px\n    1px\n    4px\n    0px\n    rgba(0, 0, 0, 0.1600)",
+  "value": "0px\n    4px\n    4px\n    -4px\n    rgba(41, 41, 41, 0.2000)",
   "var": "var(--pf-v6-c-page--section--m-shadow-bottom--BoxShadow)"
 };
 exports["default"] = exports.c_page_section_m_shadow_bottom_BoxShadow;