@patternfly/react-tokens 6.5.0-prerelease.16 → 6.5.0-prerelease.18

package/CHANGELOG.md

@@ -3,6 +3,16 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# [6.5.0-prerelease.18](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.17...@patternfly/react-tokens@6.5.0-prerelease.18) (2026-04-24)
+
+### Features
+
+- **Panel, CompassPanel:** Removed CompassPanel component. Updated Panel component for use in with compass ([#12372](https://github.com/patternfly/patternfly-react/issues/12372)) ([51f4467](https://github.com/patternfly/patternfly-react/commit/51f44678475ed6cbfab6b5cdbad712a5e2535235))
+
+# [6.5.0-prerelease.17](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.16...@patternfly/react-tokens@6.5.0-prerelease.17) (2026-04-20)
+
+**Note:** Version bump only for package @patternfly/react-tokens
+
 # [6.5.0-prerelease.16](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-tokens@6.5.0-prerelease.15...@patternfly/react-tokens@6.5.0-prerelease.16) (2026-04-13)
 
 ### Features

package/dist/esm/c_card.d.ts

@@ -42,16 +42,6 @@ export const c_card: {
         "16px"
       ]
     },
-    "c_card_BoxShadow": {
-      "name": "--pf-v6-c-card--BoxShadow",
-      "value": "0px\n    1px\n    6px\n    0px\n    rgba(41, 41, 41, 0.1500)",
-      "values": [
-        "--pf-t--global--box-shadow--sm",
-        "--pf-t--global--box-shadow--X--sm--default\n    --pf-t--global--box-shadow--Y--sm--default\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm--default\n    --pf-t--global--box-shadow--color--sm--default",
-        "--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    6px\n    0px\n    rgba(41, 41, 41, 0.1500)"
-      ]
-    },
     "c_card_first_child_PaddingBlockStart": {
       "name": "--pf-v6-c-card--first-child--PaddingBlockStart",
       "value": "1.5rem",
@@ -684,10 +674,6 @@ export const c_card: {
       "name": "--pf-v6-c-card--m-plain--BackgroundColor",
       "value": "transparent"
     },
-    "c_card_m_plain_BoxShadow": {
-      "name": "--pf-v6-c-card--m-plain--BoxShadow",
-      "value": "none"
-    },
     "c_card__header_m_toggle_right_toggle_MarginInlineEnd": {
       "name": "--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd",
       "value": "calc(0.5rem * -1)",
@@ -773,6 +759,35 @@ export const c_card: {
       ]
     }
   },
+  ":where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-v6-c-card--BackgroundColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BackgroundColor",
+        "--pf-t--global--background--color--glass--primary--default",
+        "initial"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BorderColor",
+        "--pf-t--global--border--color--glass--default",
+        "initial"
+      ]
+    },
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BorderWidth",
+        "--pf-t--global--border--width--glass--default",
+        "initial"
+      ]
+    }
+  },
   ".pf-v6-c-card.pf-m-selectable": {
     "c_card_BorderColor": {
       "name": "--pf-v6-c-card--BorderColor",
@@ -1168,58 +1183,51 @@ export const c_card: {
         "--pf-v6-c-card--m-plain--BackgroundColor",
         "transparent"
       ]
-    },
-    "c_card_BoxShadow": {
-      "name": "--pf-v6-c-card--BoxShadow",
-      "value": "none",
-      "values": [
-        "--pf-v6-c-card--m-plain--BoxShadow",
-        "none"
-      ]
     }
   },
-  ".pf-v6-c-card.pf-m-glass": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-v6-c-card--BackgroundColor",
-      "value": "initial",
-      "values": [
-        "--pf-v6-c-card--m-glass--BackgroundColor",
-        "--pf-t--global--background--color--glass--primary--default",
-        "initial"
-      ]
-    },
+  ".pf-v6-c-card.pf-m-plain.pf-m-selectable": {
     "c_card_BorderColor": {
       "name": "--pf-v6-c-card--BorderColor",
-      "value": "initial",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-v6-c-card--m-glass--BorderColor",
-        "--pf-t--global--border--color--glass--default",
-        "initial"
+        "--pf-v6-c-card--m-selectable--BorderColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "initial",
+      "value": "1px",
       "values": [
-        "--pf-v6-c-card--m-glass--BorderWidth",
-        "--pf-t--global--border--width--glass--default",
-        "initial"
+        "--pf-v6-c-card--m-selectable--BorderWidth",
+        "--pf-t--global--border--width--box--default",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    }
+  },
+  ".pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current": {
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
     },
-    "c_card_BorderStyle": {
-      "name": "--pf-v6-c-card--BorderStyle",
-      "value": "solid"
-    },
-    "c_card_BoxShadow": {
-      "name": "--pf-v6-c-card--BoxShadow",
-      "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "3px",
       "values": [
-        "--pf-v6-c-card--m-glass--BoxShadow",
-        "--pf-t--global--box-shadow--glass--default",
-        "--pf-t--global--box-shadow--md",
-        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--default\n    --pf-t--global--box-shadow--color--md--default",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
+        "--pf-t--global--border--width--box--clicked",
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     }
   },

package/dist/esm/c_card.js

@@ -42,16 +42,6 @@ export const c_card = {
         "16px"
       ]
     },
-    "c_card_BoxShadow": {
-      "name": "--pf-v6-c-card--BoxShadow",
-      "value": "0px\n    1px\n    6px\n    0px\n    rgba(41, 41, 41, 0.1500)",
-      "values": [
-        "--pf-t--global--box-shadow--sm",
-        "--pf-t--global--box-shadow--X--sm--default\n    --pf-t--global--box-shadow--Y--sm--default\n    --pf-t--global--box-shadow--blur--sm\n    --pf-t--global--box-shadow--spread--sm--default\n    --pf-t--global--box-shadow--color--sm--default",
-        "--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    6px\n    0px\n    rgba(41, 41, 41, 0.1500)"
-      ]
-    },
     "c_card_first_child_PaddingBlockStart": {
       "name": "--pf-v6-c-card--first-child--PaddingBlockStart",
       "value": "1.5rem",
@@ -684,10 +674,6 @@ export const c_card = {
       "name": "--pf-v6-c-card--m-plain--BackgroundColor",
       "value": "transparent"
     },
-    "c_card_m_plain_BoxShadow": {
-      "name": "--pf-v6-c-card--m-plain--BoxShadow",
-      "value": "none"
-    },
     "c_card__header_m_toggle_right_toggle_MarginInlineEnd": {
       "name": "--pf-v6-c-card__header--m-toggle-right--toggle--MarginInlineEnd",
       "value": "calc(0.5rem * -1)",
@@ -773,6 +759,35 @@ export const c_card = {
       ]
     }
   },
+  ":where(.pf-v6-theme-glass) .pf-v6-c-card.pf-m-glass": {
+    "c_card_BackgroundColor": {
+      "name": "--pf-v6-c-card--BackgroundColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BackgroundColor",
+        "--pf-t--global--background--color--glass--primary--default",
+        "initial"
+      ]
+    },
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BorderColor",
+        "--pf-t--global--border--color--glass--default",
+        "initial"
+      ]
+    },
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "initial",
+      "values": [
+        "--pf-v6-c-card--m-glass--BorderWidth",
+        "--pf-t--global--border--width--glass--default",
+        "initial"
+      ]
+    }
+  },
   ".pf-v6-c-card.pf-m-selectable": {
     "c_card_BorderColor": {
       "name": "--pf-v6-c-card--BorderColor",
@@ -1168,58 +1183,51 @@ export const c_card = {
         "--pf-v6-c-card--m-plain--BackgroundColor",
         "transparent"
       ]
-    },
-    "c_card_BoxShadow": {
-      "name": "--pf-v6-c-card--BoxShadow",
-      "value": "none",
-      "values": [
-        "--pf-v6-c-card--m-plain--BoxShadow",
-        "none"
-      ]
     }
   },
-  ".pf-v6-c-card.pf-m-glass": {
-    "c_card_BackgroundColor": {
-      "name": "--pf-v6-c-card--BackgroundColor",
-      "value": "initial",
-      "values": [
-        "--pf-v6-c-card--m-glass--BackgroundColor",
-        "--pf-t--global--background--color--glass--primary--default",
-        "initial"
-      ]
-    },
+  ".pf-v6-c-card.pf-m-plain.pf-m-selectable": {
     "c_card_BorderColor": {
       "name": "--pf-v6-c-card--BorderColor",
-      "value": "initial",
+      "value": "#8c8c8c",
       "values": [
-        "--pf-v6-c-card--m-glass--BorderColor",
-        "--pf-t--global--border--color--glass--default",
-        "initial"
+        "--pf-v6-c-card--m-selectable--BorderColor",
+        "--pf-t--global--border--color--control--default",
+        "--pf-t--global--border--color--300",
+        "--pf-t--color--gray--45",
+        "#8c8c8c"
       ]
     },
     "c_card_BorderWidth": {
       "name": "--pf-v6-c-card--BorderWidth",
-      "value": "initial",
+      "value": "1px",
       "values": [
-        "--pf-v6-c-card--m-glass--BorderWidth",
-        "--pf-t--global--border--width--glass--default",
-        "initial"
+        "--pf-v6-c-card--m-selectable--BorderWidth",
+        "--pf-t--global--border--width--box--default",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    }
+  },
+  ".pf-v6-c-card.pf-m-plain.pf-m-selectable.pf-m-current": {
+    "c_card_BorderColor": {
+      "name": "--pf-v6-c-card--BorderColor",
+      "value": "#0066cc",
+      "values": [
+        "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderColor",
+        "--pf-t--global--border--color--clicked",
+        "--pf-t--global--color--brand--200",
+        "--pf-t--color--blue--50",
+        "#0066cc"
       ]
     },
-    "c_card_BorderStyle": {
-      "name": "--pf-v6-c-card--BorderStyle",
-      "value": "solid"
-    },
-    "c_card_BoxShadow": {
-      "name": "--pf-v6-c-card--BoxShadow",
-      "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)",
+    "c_card_BorderWidth": {
+      "name": "--pf-v6-c-card--BorderWidth",
+      "value": "3px",
       "values": [
-        "--pf-v6-c-card--m-glass--BoxShadow",
-        "--pf-t--global--box-shadow--glass--default",
-        "--pf-t--global--box-shadow--md",
-        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--default\n    --pf-t--global--box-shadow--color--md--default",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100",
-        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500)"
+        "--pf-v6-c-card--m-selectable--m-clickable--m-current--BorderWidth",
+        "--pf-t--global--border--width--box--clicked",
+        "--pf-t--global--border--width--300",
+        "3px"
       ]
     }
   },

package/dist/esm/c_compass.d.ts

@@ -164,111 +164,6 @@ export const c_compass: {
         "calc(1rem * -1 + 1.5rem)"
       ]
     },
-    "c_compass__panel_m_pill_BorderRadius": {
-      "name": "--pf-v6-c-compass__panel--m-pill--BorderRadius",
-      "value": "999px",
-      "values": [
-        "--pf-t--global--border--radius--pill",
-        "--pf-t--global--border--radius--500",
-        "999px"
-      ]
-    },
-    "c_compass__panel_PaddingBlockStart": {
-      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
-      "value": "1.5rem",
-      "values": [
-        "--pf-t--global--spacer--inset--page-chrome",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "1.5rem"
-      ]
-    },
-    "c_compass__panel_PaddingBlockEnd": {
-      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
-      "value": "1.5rem",
-      "values": [
-        "--pf-t--global--spacer--inset--page-chrome",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "1.5rem"
-      ]
-    },
-    "c_compass__panel_PaddingInlineStart": {
-      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
-      "value": "1.5rem",
-      "values": [
-        "--pf-t--global--spacer--inset--page-chrome",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "1.5rem"
-      ]
-    },
-    "c_compass__panel_PaddingInlineEnd": {
-      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
-      "value": "1.5rem",
-      "values": [
-        "--pf-t--global--spacer--inset--page-chrome",
-        "--pf-t--global--spacer--lg",
-        "--pf-t--global--spacer--400",
-        "1.5rem"
-      ]
-    },
-    "c_compass__panel_BackgroundColor": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor",
-      "value": "initial, #ffffff",
-      "values": [
-        "var(--pf-t--global--background--color--glass--primary--default, --pf-t--global--background--color--primary--default)",
-        "initial, --pf-t--global--background--color--primary--default",
-        "initial, --pf-t--global--background--color--100",
-        "initial, --pf-t--color--white",
-        "initial, #ffffff"
-      ]
-    },
-    "c_compass__panel_BackdropFilter": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter",
-      "value": "initial, revert",
-      "values": [
-        "var(--pf-t--global--background--filter--glass--blur--primary, revert)",
-        "initial, revert"
-      ]
-    },
-    "c_compass__panel_BorderColor": {
-      "name": "--pf-v6-c-compass__panel--BorderColor",
-      "value": "initial, transparent",
-      "values": [
-        "var(--pf-t--global--border--color--glass--default, transparent)",
-        "initial, transparent"
-      ]
-    },
-    "c_compass__panel_BorderRadius": {
-      "name": "--pf-v6-c-compass__panel--BorderRadius",
-      "value": "initial, 16px",
-      "values": [
-        "var(--pf-t--global--border--radius--glass--default, --pf-t--global--border--radius--medium)",
-        "initial, --pf-t--global--border--radius--medium",
-        "initial, --pf-t--global--border--radius--300",
-        "initial, 16px"
-      ]
-    },
-    "c_compass__panel_BorderWidth": {
-      "name": "--pf-v6-c-compass__panel--BorderWidth",
-      "value": "initial, 0",
-      "values": [
-        "var(--pf-t--global--border--width--glass--default, 0)",
-        "initial, 0"
-      ]
-    },
-    "c_compass__panel_BoxShadow": {
-      "name": "--pf-v6-c-compass__panel--BoxShadow",
-      "value": "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500), none",
-      "values": [
-        "var(--pf-t--global--box-shadow--glass--default, none)",
-        "--pf-t--global--box-shadow--md, none",
-        "--pf-t--global--box-shadow--X--md--default\n    --pf-t--global--box-shadow--Y--md--default\n    --pf-t--global--box-shadow--blur--md\n    --pf-t--global--box-shadow--spread--md--default\n    --pf-t--global--box-shadow--color--md--default, none",
-        "--pf-t--global--box-shadow--X--400\n    --pf-t--global--box-shadow--Y--600\n    --pf-t--global--box-shadow--blur--200\n    --pf-t--global--box-shadow--spread--100\n    --pf-t--global--box-shadow--color--100, none",
-        "0px\n    4px\n    10px\n    0px\n    rgba(41, 41, 41, 0.1500), none"
-      ]
-    },
     "c_compass__message_bar_Width": {
       "name": "--pf-v6-c-compass__message-bar--Width",
       "value": "450px"
@@ -368,18 +263,6 @@ export const c_compass: {
       "value": "0s"
     }
   },
-  ".pf-v6-c-compass__panel.pf-m-no-glass": {
-    "c_compass__panel_BackgroundColor": {
-      "name": "--pf-v6-c-compass__panel--BackgroundColor",
-      "value": "#ffffff",
-      "values": [
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
-      ]
-    }
-  },
   ".pf-v6-c-compass__header.pf-m-expanded": {
     "c_compass_section_TransitionDelay": {
       "name": "--pf-v6-c-compass--section--TransitionDelay",
@@ -402,25 +285,25 @@ export const c_compass: {
       ]
     }
   },
-  ".pf-v6-c-compass__nav": {
-    "c_compass__panel_PaddingBlockStart": {
-      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
+  ".pf-v6-c-compass__nav .pf-v6-c-panel": {
+    "c_panel__main_body_PaddingBlockStart": {
+      "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
       "value": "0",
       "values": [
         "--pf-v6-c-compass__nav--PaddingBlockStart",
         "0"
       ]
     },
-    "c_compass__panel_PaddingBlockEnd": {
-      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
+    "c_panel__main_body_PaddingBlockEnd": {
+      "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
       "value": "0",
       "values": [
         "--pf-v6-c-compass__nav--PaddingBlockEnd",
         "0"
       ]
     },
-    "c_compass__panel_PaddingInlineStart": {
-      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
+    "c_panel__main_body_PaddingInlineStart": {
+      "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
       "value": "0.5rem",
       "values": [
         "--pf-v6-c-compass__nav--PaddingInlineStart",
@@ -429,8 +312,8 @@ export const c_compass: {
         "0.5rem"
       ]
     },
-    "c_compass__panel_PaddingInlineEnd": {
-      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
+    "c_panel__main_body_PaddingInlineEnd": {
+      "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
       "value": "0.5rem",
       "values": [
         "--pf-v6-c-compass__nav--PaddingInlineEnd",
@@ -440,9 +323,9 @@ export const c_compass: {
       ]
     }
   },
-  ".pf-v6-c-compass__sidebar": {
-    "c_compass__panel_PaddingBlockStart": {
-      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
+  ".pf-v6-c-compass__sidebar .pf-v6-c-panel": {
+    "c_panel__main_body_PaddingBlockStart": {
+      "name": "--pf-v6-c-panel__main-body--PaddingBlockStart",
       "value": "0.5rem",
       "values": [
         "--pf-v6-c-compass__sidebar--PaddingBlockStart",
@@ -451,8 +334,8 @@ export const c_compass: {
         "0.5rem"
       ]
     },
-    "c_compass__panel_PaddingBlockEnd": {
-      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
+    "c_panel__main_body_PaddingBlockEnd": {
+      "name": "--pf-v6-c-panel__main-body--PaddingBlockEnd",
       "value": "0.5rem",
       "values": [
         "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
@@ -461,8 +344,8 @@ export const c_compass: {
         "0.5rem"
       ]
     },
-    "c_compass__panel_PaddingInlineStart": {
-      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
+    "c_panel__main_body_PaddingInlineStart": {
+      "name": "--pf-v6-c-panel__main-body--PaddingInlineStart",
       "value": "0.5rem",
       "values": [
         "--pf-v6-c-compass__sidebar--PaddingInlineStart",
@@ -471,8 +354,8 @@ export const c_compass: {
         "0.5rem"
       ]
     },
-    "c_compass__panel_PaddingInlineEnd": {
-      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
+    "c_panel__main_body_PaddingInlineEnd": {
+      "name": "--pf-v6-c-panel__main-body--PaddingInlineEnd",
       "value": "0.5rem",
       "values": [
         "--pf-v6-c-compass__sidebar--PaddingInlineEnd",