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

package/dist/esm/index.js

@@ -1023,30 +1023,42 @@ export { c_compass_Padding } from './c_compass_Padding';
 export { c_compass_RowGap } from './c_compass_RowGap';
 export { c_compass_ColumnGap } from './c_compass_ColumnGap';
 export { c_compass__nav_RowGap } from './c_compass__nav_RowGap';
-export { c_compass__sidebar_Padding } from './c_compass__sidebar_Padding';
+export { c_compass__nav_PaddingBlockStart } from './c_compass__nav_PaddingBlockStart';
+export { c_compass__nav_PaddingBlockEnd } from './c_compass__nav_PaddingBlockEnd';
+export { c_compass__nav_PaddingInlineStart } from './c_compass__nav_PaddingInlineStart';
+export { c_compass__nav_PaddingInlineEnd } from './c_compass__nav_PaddingInlineEnd';
+export { c_compass__nav_main_PaddingInlineStart } from './c_compass__nav_main_PaddingInlineStart';
+export { c_compass__nav_main_PaddingInlineEnd } from './c_compass__nav_main_PaddingInlineEnd';
+export { c_compass__sidebar_PaddingBlockStart } from './c_compass__sidebar_PaddingBlockStart';
+export { c_compass__sidebar_PaddingBlockEnd } from './c_compass__sidebar_PaddingBlockEnd';
+export { c_compass__sidebar_PaddingInlineStart } from './c_compass__sidebar_PaddingInlineStart';
+export { c_compass__sidebar_PaddingInlineEnd } from './c_compass__sidebar_PaddingInlineEnd';
 export { c_compass__main_RowGap } from './c_compass__main_RowGap';
+export { c_compass__main_header_content_RowGap } from './c_compass__main_header_content_RowGap';
+export { c_compass__main_header_content_ColumnGap } from './c_compass__main_header_content_ColumnGap';
+export { c_compass__main_footer_MarginBlockStart } from './c_compass__main_footer_MarginBlockStart';
 export { c_compass__panel_BackgroundColor } from './c_compass__panel_BackgroundColor';
 export { c_compass__panel_BackdropFilter } from './c_compass__panel_BackdropFilter';
 export { c_compass__panel_BorderRadius } from './c_compass__panel_BorderRadius';
 export { c_compass__panel_m_pill_BorderRadius } from './c_compass__panel_m_pill_BorderRadius';
-export { c_compass__panel_Padding } from './c_compass__panel_Padding';
+export { c_compass__panel_PaddingBlockStart } from './c_compass__panel_PaddingBlockStart';
+export { c_compass__panel_PaddingBlockEnd } from './c_compass__panel_PaddingBlockEnd';
+export { c_compass__panel_PaddingInlineStart } from './c_compass__panel_PaddingInlineStart';
+export { c_compass__panel_PaddingInlineEnd } from './c_compass__panel_PaddingInlineEnd';
 export { c_compass__panel_BorderWidth } from './c_compass__panel_BorderWidth';
 export { c_compass__panel_BorderColor } from './c_compass__panel_BorderColor';
 export { c_compass__panel_BoxShadow } from './c_compass__panel_BoxShadow';
 export { c_compass__message_bar_Width } from './c_compass__message_bar_Width';
 export { c_compass__message_bar_MinWidth } from './c_compass__message_bar_MinWidth';
 export { c_compass__message_bar_MaxWidth } from './c_compass__message_bar_MaxWidth';
-export { c_compass__hero_gradient_angle } from './c_compass__hero_gradient_angle';
-export { c_compass__hero_gradient_stop_1_light } from './c_compass__hero_gradient_stop_1_light';
-export { c_compass__hero_gradient_stop_2_light } from './c_compass__hero_gradient_stop_2_light';
-export { c_compass__hero_gradient_stop_3_light } from './c_compass__hero_gradient_stop_3_light';
-export { c_compass__hero_gradient_stop_1_dark } from './c_compass__hero_gradient_stop_1_dark';
-export { c_compass__hero_gradient_stop_2_dark } from './c_compass__hero_gradient_stop_2_dark';
-export { c_compass__hero_gradient_stop_3_dark } from './c_compass__hero_gradient_stop_3_dark';
-export { c_compass__hero_BackgroundImage_light } from './c_compass__hero_BackgroundImage_light';
-export { c_compass__hero_BackgroundImage_dark } from './c_compass__hero_BackgroundImage_dark';
-export { c_compass__hero_body_Width } from './c_compass__hero_body_Width';
-export { c_compass__hero_body_MaxWidth } from './c_compass__hero_body_MaxWidth';
+export { c_compass_section_duration } from './c_compass_section_duration';
+export { c_compass_section_TransitionTimingFunction } from './c_compass_section_TransitionTimingFunction';
+export { c_compass_section_TransitionDuration } from './c_compass_section_TransitionDuration';
+export { c_compass_section_TransitionProperty } from './c_compass_section_TransitionProperty';
+export { c_compass_section_TransitionDelay } from './c_compass_section_TransitionDelay';
+export { c_compass_section_m_expanded_duration } from './c_compass_section_m_expanded_duration';
+export { c_compass_section_m_expanded_TransitionDuration } from './c_compass_section_m_expanded_TransitionDuration';
+export { c_compass_section_m_expanded_TransitionDelay } from './c_compass_section_m_expanded_TransitionDelay';
 export { c_content } from './c_content';
 export { c_content_MarginBlockEnd } from './c_content_MarginBlockEnd';
 export { c_content_LineHeight } from './c_content_LineHeight';
@@ -1860,6 +1872,39 @@ export { c_helper_text_m_dynamic_m_success__item_icon_Color } from './c_helper_t
 export { c_helper_text_m_dynamic_m_error__item_icon_Color } from './c_helper_text_m_dynamic_m_error__item_icon_Color';
 export { c_helper_text__item_icon_MarginInlineEnd } from './c_helper_text__item_icon_MarginInlineEnd';
 export { c_helper_text_m_dynamic__item_text_Color } from './c_helper_text_m_dynamic__item_text_Color';
+export { c_hero } from './c_hero';
+export { c_hero_PaddingBlockStart } from './c_hero_PaddingBlockStart';
+export { c_hero_PaddingBlockEnd } from './c_hero_PaddingBlockEnd';
+export { c_hero_PaddingInlineStart } from './c_hero_PaddingInlineStart';
+export { c_hero_PaddingInlineEnd } from './c_hero_PaddingInlineEnd';
+export { c_hero_gradient_angle } from './c_hero_gradient_angle';
+export { c_hero_gradient_stop_1_light } from './c_hero_gradient_stop_1_light';
+export { c_hero_gradient_stop_2_light } from './c_hero_gradient_stop_2_light';
+export { c_hero_gradient_stop_3_light } from './c_hero_gradient_stop_3_light';
+export { c_hero_gradient_stop_1_dark } from './c_hero_gradient_stop_1_dark';
+export { c_hero_gradient_stop_2_dark } from './c_hero_gradient_stop_2_dark';
+export { c_hero_gradient_stop_3_dark } from './c_hero_gradient_stop_3_dark';
+export { c_hero_BackgroundColor } from './c_hero_BackgroundColor';
+export { c_hero_BackdropFilter } from './c_hero_BackdropFilter';
+export { c_hero_BackgroundImage_light } from './c_hero_BackgroundImage_light';
+export { c_hero_BackgroundImage_dark } from './c_hero_BackgroundImage_dark';
+export { c_hero_BackgroundRepeat } from './c_hero_BackgroundRepeat';
+export { c_hero_BackgroundPosition } from './c_hero_BackgroundPosition';
+export { c_hero_BackgroundSize } from './c_hero_BackgroundSize';
+export { c_hero_BorderStyle } from './c_hero_BorderStyle';
+export { c_hero_BorderBlockStartWidth } from './c_hero_BorderBlockStartWidth';
+export { c_hero_BorderBlockEndWidth } from './c_hero_BorderBlockEndWidth';
+export { c_hero_BorderInlineStartWidth } from './c_hero_BorderInlineStartWidth';
+export { c_hero_BorderInlineEndWidth } from './c_hero_BorderInlineEndWidth';
+export { c_hero_BorderColor } from './c_hero_BorderColor';
+export { c_hero_m_glass_BorderColor } from './c_hero_m_glass_BorderColor';
+export { c_hero_m_glass_BoxShadow } from './c_hero_m_glass_BoxShadow';
+export { c_hero_BorderStartStartRadius } from './c_hero_BorderStartStartRadius';
+export { c_hero_BorderStartEndRadius } from './c_hero_BorderStartEndRadius';
+export { c_hero_BorderEndEndRadius } from './c_hero_BorderEndEndRadius';
+export { c_hero_BorderEndStartRadius } from './c_hero_BorderEndStartRadius';
+export { c_hero__body_Width } from './c_hero__body_Width';
+export { c_hero__body_MaxWidth } from './c_hero__body_MaxWidth';
 export { c_hint } from './c_hint';
 export { c_hint_GridRowGap } from './c_hint_GridRowGap';
 export { c_hint_PaddingBlockStart } from './c_hint_PaddingBlockStart';

package/dist/js/c_compass.d.ts

@@ -28,20 +28,22 @@ export const c_compass: {
     },
     "c_compass_RowGap": {
       "name": "--pf-v6-c-compass--RowGap",
-      "value": "2rem",
+      "value": "1.5rem",
       "values": [
-        "--pf-t--global--spacer--xl",
-        "--pf-t--global--spacer--500",
-        "2rem"
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
       ]
     },
     "c_compass_ColumnGap": {
       "name": "--pf-v6-c-compass--ColumnGap",
-      "value": "2rem",
+      "value": "1.5rem",
       "values": [
-        "--pf-t--global--spacer--xl",
-        "--pf-t--global--spacer--500",
-        "2rem"
+        "--pf-t--global--spacer--inset--page-chrome",
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
       ]
     },
     "c_compass__nav_RowGap": {
@@ -54,8 +56,79 @@ export const c_compass: {
         "0.5rem"
       ]
     },
-    "c_compass__sidebar_Padding": {
-      "name": "--pf-v6-c-compass__sidebar--Padding",
+    "c_compass__nav_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__nav--PaddingBlockStart",
+      "value": "0"
+    },
+    "c_compass__nav_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__nav--PaddingBlockEnd",
+      "value": "0"
+    },
+    "c_compass__nav_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__nav--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__nav_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__nav--PaddingInlineEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__nav_main_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__nav-main--PaddingInlineStart",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_compass__nav_main_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__nav-main--PaddingInlineEnd",
+      "value": "1.5rem",
+      "values": [
+        "--pf-t--global--spacer--lg",
+        "--pf-t--global--spacer--400",
+        "1.5rem"
+      ]
+    },
+    "c_compass__sidebar_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingBlockStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__sidebar_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__sidebar_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__sidebar_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__sidebar--PaddingInlineEnd",
       "value": "0.5rem",
       "values": [
         "--pf-t--global--spacer--sm",
@@ -72,6 +145,35 @@ export const c_compass: {
         "1rem"
       ]
     },
+    "c_compass__main_header_content_RowGap": {
+      "name": "--pf-v6-c-compass__main-header-content--RowGap",
+      "value": "0.5rem",
+      "values": [
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__main_header_content_ColumnGap": {
+      "name": "--pf-v6-c-compass__main-header-content--ColumnGap",
+      "value": "1rem",
+      "values": [
+        "--pf-t--global--spacer--md",
+        "--pf-t--global--spacer--300",
+        "1rem"
+      ]
+    },
+    "c_compass__main_footer_MarginBlockStart": {
+      "name": "--pf-v6-c-compass__main-footer--MarginBlockStart",
+      "value": "calc(1rem * -1 + 1.5rem)",
+      "values": [
+        "calc(--pf-v6-c-compass__main--RowGap * -1 + --pf-v6-c-compass--RowGap)",
+        "calc(--pf-t--global--spacer--md * -1 + --pf-t--global--spacer--inset--page-chrome)",
+        "calc(--pf-t--global--spacer--300 * -1 + --pf-t--global--spacer--lg)",
+        "calc(1rem * -1 + --pf-t--global--spacer--400)",
+        "calc(1rem * -1 + 1.5rem)"
+      ]
+    },
     "c_compass__panel_BackgroundColor": {
       "name": "--pf-v6-c-compass__panel--BackgroundColor",
       "value": "#ffffff",
@@ -111,8 +213,38 @@ export const c_compass: {
         "999px"
       ]
     },
-    "c_compass__panel_Padding": {
-      "name": "--pf-v6-c-compass__panel--Padding",
+    "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",
@@ -163,49 +295,75 @@ export const c_compass: {
       "name": "--pf-v6-c-compass__message-bar--MaxWidth",
       "value": "600px"
     },
-    "c_compass__hero_gradient_angle": {
-      "name": "--pf-v6-c-compass__hero--gradient--angle",
-      "value": "109deg"
-    },
-    "c_compass__hero_gradient_stop_1_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_2_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--light",
-      "value": "transparent"
-    },
-    "c_compass__hero_gradient_stop_3_light": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--light",
-      "value": "transparent"
+    "c_compass_section_duration": {
+      "name": "--pf-v6-c-compass--section--duration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
     },
-    "c_compass__hero_gradient_stop_1_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-1--dark",
-      "value": "transparent"
+    "c_compass_section_TransitionTimingFunction": {
+      "name": "--pf-v6-c-compass--section--TransitionTimingFunction",
+      "value": "cubic-bezier(.4, 0, .2, 1)",
+      "values": [
+        "--pf-t--global--motion--timing-function--default",
+        "--pf-t--global--timing-function--200",
+        "cubic-bezier(.4, 0, .2, 1)"
+      ]
     },
-    "c_compass__hero_gradient_stop_2_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-2--dark",
-      "value": "transparent"
+    "c_compass_section_TransitionDuration": {
+      "name": "--pf-v6-c-compass--section--TransitionDuration",
+      "value": "200ms, 0s, 0s, 0s, 0s",
+      "values": [
+        "--pf-v6-c-compass--section--duration, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s"
+      ]
     },
-    "c_compass__hero_gradient_stop_3_dark": {
-      "name": "--pf-v6-c-compass__hero--gradient--stop-3--dark",
-      "value": "transparent"
+    "c_compass_section_TransitionProperty": {
+      "name": "--pf-v6-c-compass--section--TransitionProperty",
+      "value": "opacity, visibility, translate, max-height, max-width"
     },
-    "c_compass__hero_BackgroundImage_light": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--light",
-      "value": "none"
+    "c_compass_section_TransitionDelay": {
+      "name": "--pf-v6-c-compass--section--TransitionDelay",
+      "value": "0s, 200ms, 200ms, 200ms, 200ms",
+      "values": [
+        "0s, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration, --pf-v6-c-compass--section--duration",
+        "0s, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default, --pf-t--global--motion--duration--fade--default",
+        "0s, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md, --pf-t--global--motion--duration--md",
+        "0s, --pf-t--global--duration--200, --pf-t--global--duration--200, --pf-t--global--duration--200, --pf-t--global--duration--200",
+        "0s, 200ms, 200ms, 200ms, 200ms"
+      ]
     },
-    "c_compass__hero_BackgroundImage_dark": {
-      "name": "--pf-v6-c-compass__hero--BackgroundImage--dark",
-      "value": "none"
+    "c_compass_section_m_expanded_duration": {
+      "name": "--pf-v6-c-compass--section--m-expanded--duration",
+      "value": "200ms",
+      "values": [
+        "--pf-t--global--motion--duration--fade--default",
+        "--pf-t--global--motion--duration--md",
+        "--pf-t--global--duration--200",
+        "200ms"
+      ]
     },
-    "c_compass__hero_body_Width": {
-      "name": "--pf-v6-c-compass__hero-body--Width",
-      "value": "800px"
+    "c_compass_section_m_expanded_TransitionDuration": {
+      "name": "--pf-v6-c-compass--section--m-expanded--TransitionDuration",
+      "value": "200ms, 0s, 0s, 0s, 0s",
+      "values": [
+        "--pf-v6-c-compass--section--duration, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s"
+      ]
     },
-    "c_compass__hero_body_MaxWidth": {
-      "name": "--pf-v6-c-compass__hero-body--MaxWidth",
-      "value": "80%"
+    "c_compass_section_m_expanded_TransitionDelay": {
+      "name": "--pf-v6-c-compass--section--m-expanded--TransitionDelay",
+      "value": "0s"
     }
   },
   ".pf-v6-c-compass__panel.pf-m-no-glass": {
@@ -220,12 +378,102 @@ export const c_compass: {
       ]
     }
   },
+  ".pf-v6-c-compass__header.pf-m-expanded": {
+    "c_compass_section_TransitionDelay": {
+      "name": "--pf-v6-c-compass--section--TransitionDelay",
+      "value": "0s",
+      "values": [
+        "--pf-v6-c-compass--section--m-expanded--TransitionDelay",
+        "0s"
+      ]
+    },
+    "c_compass_section_TransitionDuration": {
+      "name": "--pf-v6-c-compass--section--TransitionDuration",
+      "value": "200ms, 0s, 0s, 0s, 0s",
+      "values": [
+        "--pf-v6-c-compass--section--m-expanded--TransitionDuration",
+        "--pf-v6-c-compass--section--duration, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s"
+      ]
+    }
+  },
+  ".pf-v6-c-compass__nav": {
+    "c_compass__panel_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-compass__nav--PaddingBlockStart",
+        "0"
+      ]
+    },
+    "c_compass__panel_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
+      "value": "0",
+      "values": [
+        "--pf-v6-c-compass__nav--PaddingBlockEnd",
+        "0"
+      ]
+    },
+    "c_compass__panel_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__nav--PaddingInlineStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__panel_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__nav--PaddingInlineEnd",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    }
+  },
   ".pf-v6-c-compass__sidebar": {
-    "c_compass__panel_Padding": {
-      "name": "--pf-v6-c-compass__panel--Padding",
+    "c_compass__panel_PaddingBlockStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__sidebar--PaddingBlockStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__panel_PaddingBlockEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingBlockEnd",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__sidebar--PaddingBlockEnd",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__panel_PaddingInlineStart": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineStart",
+      "value": "0.5rem",
+      "values": [
+        "--pf-v6-c-compass__sidebar--PaddingInlineStart",
+        "--pf-t--global--spacer--sm",
+        "--pf-t--global--spacer--200",
+        "0.5rem"
+      ]
+    },
+    "c_compass__panel_PaddingInlineEnd": {
+      "name": "--pf-v6-c-compass__panel--PaddingInlineEnd",
       "value": "0.5rem",
       "values": [
-        "--pf-v6-c-compass__sidebar--Padding",
+        "--pf-v6-c-compass__sidebar--PaddingInlineEnd",
         "--pf-t--global--spacer--sm",
         "--pf-t--global--spacer--200",
         "0.5rem"