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

package/dist/esm/index.js

@@ -1020,8 +1020,7 @@ export { c_compass_BackgroundImage } from './c_compass_BackgroundImage';
 export { c_compass_BackgroundImage_light } from './c_compass_BackgroundImage_light';
 export { c_compass_BackgroundImage_dark } from './c_compass_BackgroundImage_dark';
 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_Gap } from './c_compass_Gap';
 export { c_compass__nav_RowGap } from './c_compass__nav_RowGap';
 export { c_compass__nav_PaddingBlockStart } from './c_compass__nav_PaddingBlockStart';
 export { c_compass__nav_PaddingBlockEnd } from './c_compass__nav_PaddingBlockEnd';
@@ -1037,20 +1036,24 @@ 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_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_BackgroundColor } from './c_compass__panel_BackgroundColor';
+export { c_compass__panel_BackdropFilter } from './c_compass__panel_BackdropFilter';
 export { c_compass__panel_BorderColor } from './c_compass__panel_BorderColor';
+export { c_compass__panel_BorderRadius } from './c_compass__panel_BorderRadius';
+export { c_compass__panel_BorderWidth } from './c_compass__panel_BorderWidth';
 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_section_slide_length_header } from './c_compass_section_slide_length_header';
+export { c_compass_section_slide_length_sidebar } from './c_compass_section_slide_length_sidebar';
+export { c_compass_section_slide_length_main_footer } from './c_compass_section_slide_length_main_footer';
+export { c_compass_section_slide_length_footer } from './c_compass_section_slide_length_footer';
 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';
@@ -1611,6 +1614,8 @@ export { c_expandable_section__content_TransitionDelay_hide } from './c_expandab
 export { c_expandable_section__content_Opacity } from './c_expandable_section__content_Opacity';
 export { c_expandable_section__content_TranslateY } from './c_expandable_section__content_TranslateY';
 export { c_expandable_section__content_PaddingInlineStart } from './c_expandable_section__content_PaddingInlineStart';
+export { c_expandable_section__content_MaxHeight } from './c_expandable_section__content_MaxHeight';
+export { c_expandable_section__content_Visibility } from './c_expandable_section__content_Visibility';
 export { c_expandable_section_m_expand_top__content_TranslateY } from './c_expandable_section_m_expand_top__content_TranslateY';
 export { c_expandable_section_m_expand_bottom__content_TranslateY } from './c_expandable_section_m_expand_bottom__content_TranslateY';
 export { c_expandable_section_m_expanded__content_Opacity } from './c_expandable_section_m_expanded__content_Opacity';
@@ -1630,9 +1635,7 @@ export { c_expandable_section_m_display_lg_TransitionDelay } from './c_expandabl
 export { c_expandable_section_m_indented__content_PaddingInlineStart } from './c_expandable_section_m_indented__content_PaddingInlineStart';
 export { c_expandable_section_m_truncate__content_LineClamp } from './c_expandable_section_m_truncate__content_LineClamp';
 export { c_expandable_section_m_truncate_Gap } from './c_expandable_section_m_truncate_Gap';
-export { c_expandable_section__content_Visibility } from './c_expandable_section__content_Visibility';
 export { c_expandable_section__content_Overflow } from './c_expandable_section__content_Overflow';
-export { c_expandable_section__content_MaxHeight } from './c_expandable_section__content_MaxHeight';
 export { c_file_upload } from './c_file_upload';
 export { c_file_upload_RowGap } from './c_file_upload_RowGap';
 export { c_file_upload_PaddingBlockStart } from './c_file_upload_PaddingBlockStart';
@@ -2442,6 +2445,15 @@ export { c_masthead_m_display_inline__content_Order } from './c_masthead_m_displ
 export { c_masthead_m_display_inline__main_toggle_content_GridColumn } from './c_masthead_m_display_inline__main_toggle_content_GridColumn';
 export { c_masthead_m_display_inline__main_Display } from './c_masthead_m_display_inline__main_Display';
 export { c_masthead_m_display_inline__main_ColumnGap } from './c_masthead_m_display_inline__main_ColumnGap';
+export { c_masthead_m_docked_GridTemplateRows } from './c_masthead_m_docked_GridTemplateRows';
+export { c_masthead_m_docked_RowGap } from './c_masthead_m_docked_RowGap';
+export { c_masthead_m_docked_PaddingBlockStart } from './c_masthead_m_docked_PaddingBlockStart';
+export { c_masthead_m_docked_PaddingBlockEnd } from './c_masthead_m_docked_PaddingBlockEnd';
+export { c_masthead_m_docked_PaddingInlineStart } from './c_masthead_m_docked_PaddingInlineStart';
+export { c_masthead_m_docked_PaddingInlineEnd } from './c_masthead_m_docked_PaddingInlineEnd';
+export { c_masthead_m_docked_BackgroundColor } from './c_masthead_m_docked_BackgroundColor';
+export { c_masthead_m_docked_BackdropFilter } from './c_masthead_m_docked_BackdropFilter';
+export { c_masthead_m_docked_c_toolbar_Height } from './c_masthead_m_docked_c_toolbar_Height';
 export { c_masthead__expandable_content_BoxShadow } from './c_masthead__expandable_content_BoxShadow';
 export { c_masthead__expandable_content_BorderBlockStart } from './c_masthead__expandable_content_BorderBlockStart';
 export { c_masthead_c_toolbar_Width } from './c_masthead_c_toolbar_Width';
@@ -2459,6 +2471,11 @@ export { c_masthead__main_Display } from './c_masthead__main_Display';
 export { c_toolbar_Width } from './c_toolbar_Width';
 export { c_toolbar_PaddingBlockEnd } from './c_toolbar_PaddingBlockEnd';
 export { c_toolbar__content_MinWidth } from './c_toolbar__content_MinWidth';
+export { c_masthead_GridTemplateRows } from './c_masthead_GridTemplateRows';
+export { c_masthead_PaddingBlockStart } from './c_masthead_PaddingBlockStart';
+export { c_masthead_PaddingBlockEnd } from './c_masthead_PaddingBlockEnd';
+export { c_masthead_PaddingInlineStart } from './c_masthead_PaddingInlineStart';
+export { c_masthead_PaddingInlineEnd } from './c_masthead_PaddingInlineEnd';
 export { c_menu } from './c_menu';
 export { c_menu_RowGap } from './c_menu_RowGap';
 export { c_menu_Width } from './c_menu_Width';
@@ -2873,6 +2890,15 @@ export { c_nav__section_title_PaddingBlockEnd } from './c_nav__section_title_Pad
 export { c_nav__section_title_PaddingInlineStart } from './c_nav__section_title_PaddingInlineStart';
 export { c_nav__section_title_PaddingInlineEnd } from './c_nav__section_title_PaddingInlineEnd';
 export { c_nav__item_RowGap } from './c_nav__item_RowGap';
+export { c_nav__item_accent_size } from './c_nav__item_accent_size';
+export { c_nav__item_accent_color } from './c_nav__item_accent_color';
+export { c_nav__item_accent_offset } from './c_nav__item_accent_offset';
+export { c_nav__item_accent_BorderRadius } from './c_nav__item_accent_BorderRadius';
+export { c_nav__item_accent_ScaleY } from './c_nav__item_accent_ScaleY';
+export { c_nav__item_current_accent_ScaleY } from './c_nav__item_current_accent_ScaleY';
+export { c_nav__item_accent_TransitionDuration } from './c_nav__item_accent_TransitionDuration';
+export { c_nav__item_current_accent_TransitionDuration } from './c_nav__item_current_accent_TransitionDuration';
+export { c_nav__item_accent_TransitionTimingFunction } from './c_nav__item_accent_TransitionTimingFunction';
 export { c_nav__item__toggle_icon_Rotate } from './c_nav__item__toggle_icon_Rotate';
 export { c_nav__item_m_expanded__toggle_icon_Rotate } from './c_nav__item_m_expanded__toggle_icon_Rotate';
 export { c_nav__item__toggle_icon_TransitionDuration_transform } from './c_nav__item__toggle_icon_TransitionDuration_transform';
@@ -2897,6 +2923,7 @@ export { c_nav__link_m_current_TransitionDuration_color } from './c_nav__link_m_
 export { c_nav__link_m_current_TransitionTimingFunction_color } from './c_nav__link_m_current_TransitionTimingFunction_color';
 export { c_nav__link_icon_Color } from './c_nav__link_icon_Color';
 export { c_nav__link_m_current__link_icon_Color } from './c_nav__link_m_current__link_icon_Color';
+export { c_nav__link_text_FontSize } from './c_nav__link_text_FontSize';
 export { c_nav__subnav_RowGap } from './c_nav__subnav_RowGap';
 export { c_nav__subnav_PaddingBlockStart } from './c_nav__subnav_PaddingBlockStart';
 export { c_nav__subnav_PaddingBlockEnd } from './c_nav__subnav_PaddingBlockEnd';
@@ -2937,6 +2964,11 @@ export { c_nav_m_horizontal_m_subnav__link_PaddingBlockStart } from './c_nav_m_h
 export { c_nav_m_horizontal_m_subnav__link_PaddingBlockEnd } from './c_nav_m_horizontal_m_subnav__link_PaddingBlockEnd';
 export { c_nav_m_horizontal_m_subnav__link_PaddingInlineStart } from './c_nav_m_horizontal_m_subnav__link_PaddingInlineStart';
 export { c_nav_m_horizontal_m_subnav__link_PaddingInlineEnd } from './c_nav_m_horizontal_m_subnav__link_PaddingInlineEnd';
+export { c_nav_m_docked__list_RowGap } from './c_nav_m_docked__list_RowGap';
+export { c_nav_m_docked__link_PaddingInlineStart } from './c_nav_m_docked__link_PaddingInlineStart';
+export { c_nav_m_docked__link_PaddingInlineEnd } from './c_nav_m_docked__link_PaddingInlineEnd';
+export { c_nav_m_docked__link_hover_BackgroundColor } from './c_nav_m_docked__link_hover_BackgroundColor';
+export { c_nav_m_docked__link_m_current_BackgroundColor } from './c_nav_m_docked__link_m_current_BackgroundColor';
 export { c_nav__item_RowGap_row_offset } from './c_nav__item_RowGap_row_offset';
 export { c_nav__link_clickable_inset_Block } from './c_nav__link_clickable_inset_Block';
 export { c_nav__button_RowGap_row_offset } from './c_nav__button_RowGap_row_offset';
@@ -2945,6 +2977,7 @@ export { c_button_BorderStartStartRadius } from './c_button_BorderStartStartRadi
 export { c_button_BorderEndStartRadius } from './c_button_BorderEndStartRadius';
 export { c_button_BorderStartEndRadius } from './c_button_BorderStartEndRadius';
 export { c_button_BorderEndEndRadius } from './c_button_BorderEndEndRadius';
+export { c_nav__item_accent_content } from './c_nav__item_accent_content';
 export { c_notification_drawer } from './c_notification_drawer';
 export { c_notification_drawer_BackgroundColor } from './c_notification_drawer_BackgroundColor';
 export { c_notification_drawer__header_PaddingBlockStart } from './c_notification_drawer__header_PaddingBlockStart';
@@ -3034,6 +3067,7 @@ export { c_page } from './c_page';
 export { c_page_BackgroundColor } from './c_page_BackgroundColor';
 export { c_page_inset } from './c_page_inset';
 export { c_page_c_masthead_ZIndex } from './c_page_c_masthead_ZIndex';
+export { c_page__dock_ZIndex } from './c_page__dock_ZIndex';
 export { c_page__sidebar_ZIndex } from './c_page__sidebar_ZIndex';
 export { c_page__sidebar_Width_base } from './c_page__sidebar_Width_base';
 export { c_page__sidebar_Width } from './c_page__sidebar_Width';
@@ -3141,6 +3175,10 @@ export { c_page__main_wizard_BorderBlockStartColor } from './c_page__main_wizard
 export { c_page__main_wizard_BorderBlockStartWidth } from './c_page__main_wizard_BorderBlockStartWidth';
 export { c_page__drawer_c_drawer_BorderBlockStartWidth } from './c_page__drawer_c_drawer_BorderBlockStartWidth';
 export { c_page__drawer_c_drawer_BorderBlockStartColor } from './c_page__drawer_c_drawer_BorderBlockStartColor';
+export { c_page_m_dock__main_container_MaxHeight } from './c_page_m_dock__main_container_MaxHeight';
+export { c_page_m_dock__main_container_MarginBlockStart } from './c_page_m_dock__main_container_MarginBlockStart';
+export { c_page_m_dock_ColumnGap } from './c_page_m_dock_ColumnGap';
+export { c_page__main_container_MarginBlockStart } from './c_page__main_container_MarginBlockStart';
 export { c_pagination } from './c_pagination';
 export { c_pagination_inset } from './c_pagination_inset';
 export { c_pagination_ColumnGap } from './c_pagination_ColumnGap';
@@ -4400,6 +4438,7 @@ export { c_toolbar_m_sticky_BoxShadow } from './c_toolbar_m_sticky_BoxShadow';
 export { c_toolbar_m_sticky_BackgroundColor } from './c_toolbar_m_sticky_BackgroundColor';
 export { c_toolbar_m_sticky_BorderBlockEndWidth } from './c_toolbar_m_sticky_BorderBlockEndWidth';
 export { c_toolbar_m_sticky_BorderBlockEndColor } from './c_toolbar_m_sticky_BorderBlockEndColor';
+export { c_toolbar_m_vertical_Width } from './c_toolbar_m_vertical_Width';
 export { c_toolbar__expand_all_icon_Rotate } from './c_toolbar__expand_all_icon_Rotate';
 export { c_toolbar__expand_all_icon_TransitionDuration } from './c_toolbar__expand_all_icon_TransitionDuration';
 export { c_toolbar__expand_all_icon_TransitionTimingFunction } from './c_toolbar__expand_all_icon_TransitionTimingFunction';
@@ -4410,6 +4449,8 @@ export { c_toolbar__group_m_label_group_ColumnGap } from './c_toolbar__group_m_l
 export { c_toolbar__group_m_action_group_ColumnGap } from './c_toolbar__group_m_action_group_ColumnGap';
 export { c_toolbar__group_m_action_group_plain_ColumnGap } from './c_toolbar__group_m_action_group_plain_ColumnGap';
 export { c_toolbar__group_m_action_group_inline_ColumnGap } from './c_toolbar__group_m_action_group_inline_ColumnGap';
+export { c_toolbar_child_m_align_end_MarginBlockStart } from './c_toolbar_child_m_align_end_MarginBlockStart';
+export { c_toolbar_child_m_align_end_MarginInlineStart } from './c_toolbar_child_m_align_end_MarginInlineStart';
 export { c_toolbar__item_Width_base } from './c_toolbar__item_Width_base';
 export { c_toolbar__item_MinWidth_base } from './c_toolbar__item_MinWidth_base';
 export { c_tooltip } from './c_tooltip';

package/dist/js/c_compass.d.ts

@@ -26,18 +26,8 @@ export const c_compass: {
         "1.5rem"
       ]
     },
-    "c_compass_RowGap": {
-      "name": "--pf-v6-c-compass--RowGap",
-      "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_ColumnGap": {
-      "name": "--pf-v6-c-compass--ColumnGap",
+    "c_compass_Gap": {
+      "name": "--pf-v6-c-compass--Gap",
       "value": "1.5rem",
       "values": [
         "--pf-t--global--spacer--inset--page-chrome",
@@ -167,43 +157,13 @@ export const c_compass: {
       "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-v6-c-compass__main--RowGap * -1 + --pf-v6-c-compass--Gap)",
         "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",
-      "values": [
-        "--pf-t--global--background--color--glass--default",
-        "--pf-t--global--background--color--glass--default--base",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
-      ]
-    },
-    "c_compass__panel_BackdropFilter": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter",
-      "value": "none",
-      "values": [
-        "--pf-t--global--background--color--glass--filter",
-        "--pf-t--global--background--color--glass--filter--base",
-        "none"
-      ]
-    },
-    "c_compass__panel_BorderRadius": {
-      "name": "--pf-v6-c-compass__panel--BorderRadius",
-      "value": "24px",
-      "values": [
-        "--pf-t--global--border--radius--large",
-        "--pf-t--global--border--radius--400",
-        "24px"
-      ]
-    },
     "c_compass__panel_m_pill_BorderRadius": {
       "name": "--pf-v6-c-compass__panel--m-pill--BorderRadius",
       "value": "999px",
@@ -253,13 +213,25 @@ export const c_compass: {
         "1.5rem"
       ]
     },
-    "c_compass__panel_BorderWidth": {
-      "name": "--pf-v6-c-compass__panel--BorderWidth",
-      "value": "1px",
+    "c_compass__panel_BackgroundColor": {
+      "name": "--pf-v6-c-compass__panel--BackgroundColor",
+      "value": "#ffffff",
       "values": [
-        "--pf-t--global--border--width--regular",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--background--color--glass--default",
+        "--pf-t--global--background--color--glass--default--base",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_compass__panel_BackdropFilter": {
+      "name": "--pf-v6-c-compass__panel--BackdropFilter",
+      "value": "none",
+      "values": [
+        "--pf-t--global--background--color--glass--filter",
+        "--pf-t--global--background--color--glass--filter--base",
+        "none"
       ]
     },
     "c_compass__panel_BorderColor": {
@@ -273,6 +245,24 @@ export const c_compass: {
         "#ffffff"
       ]
     },
+    "c_compass__panel_BorderRadius": {
+      "name": "--pf-v6-c-compass__panel--BorderRadius",
+      "value": "24px",
+      "values": [
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
+      ]
+    },
+    "c_compass__panel_BorderWidth": {
+      "name": "--pf-v6-c-compass__panel--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
     "c_compass__panel_BoxShadow": {
       "name": "--pf-v6-c-compass__panel--BoxShadow",
       "value": "0px\n    4px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
@@ -295,14 +285,30 @@ export const c_compass: {
       "name": "--pf-v6-c-compass__message-bar--MaxWidth",
       "value": "600px"
     },
+    "c_compass_section_slide_length_header": {
+      "name": "--pf-v6-c-compass--section--slide--length--header",
+      "value": "100%"
+    },
+    "c_compass_section_slide_length_sidebar": {
+      "name": "--pf-v6-c-compass--section--slide--length--sidebar",
+      "value": "100%"
+    },
+    "c_compass_section_slide_length_main_footer": {
+      "name": "--pf-v6-c-compass--section--slide--length--main-footer",
+      "value": "100%"
+    },
+    "c_compass_section_slide_length_footer": {
+      "name": "--pf-v6-c-compass--section--slide--length--footer",
+      "value": "100%"
+    },
     "c_compass_section_duration": {
       "name": "--pf-v6-c-compass--section--duration",
-      "value": "200ms",
+      "value": "100ms",
       "values": [
-        "--pf-t--global--motion--duration--fade--default",
-        "--pf-t--global--motion--duration--md",
-        "--pf-t--global--duration--200",
-        "200ms"
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
       ]
     },
     "c_compass_section_TransitionTimingFunction": {
@@ -316,28 +322,28 @@ export const c_compass: {
     },
     "c_compass_section_TransitionDuration": {
       "name": "--pf-v6-c-compass--section--TransitionDuration",
-      "value": "200ms, 0s, 0s, 0s, 0s",
+      "value": "100ms, 0s, 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"
+        "--pf-v6-c-compass--section--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--short, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--sm, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--100, 0s, 0s, 0s, 0s, 0s",
+        "100ms, 0s, 0s, 0s, 0s, 0s"
       ]
     },
     "c_compass_section_TransitionProperty": {
       "name": "--pf-v6-c-compass--section--TransitionProperty",
-      "value": "opacity, visibility, translate, max-height, max-width"
+      "value": "opacity, visibility, translate, height, width, margin"
     },
     "c_compass_section_TransitionDelay": {
       "name": "--pf-v6-c-compass--section--TransitionDelay",
-      "value": "0s, 200ms, 200ms, 200ms, 200ms",
+      "value": "0s, 100ms, 100ms, 100ms, 100ms, 100ms",
       "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"
+        "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, --pf-v6-c-compass--section--duration",
+        "0s, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short",
+        "0s, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm",
+        "0s, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100",
+        "0s, 100ms, 100ms, 100ms, 100ms, 100ms"
       ]
     },
     "c_compass_section_m_expanded_duration": {
@@ -352,13 +358,13 @@ export const c_compass: {
     },
     "c_compass_section_m_expanded_TransitionDuration": {
       "name": "--pf-v6-c-compass--section--m-expanded--TransitionDuration",
-      "value": "200ms, 0s, 0s, 0s, 0s",
+      "value": "200ms, 0s, 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"
+        "--pf-v6-c-compass--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s, 0s"
       ]
     },
     "c_compass_section_m_expanded_TransitionDelay": {
@@ -389,14 +395,14 @@ export const c_compass: {
     },
     "c_compass_section_TransitionDuration": {
       "name": "--pf-v6-c-compass--section--TransitionDuration",
-      "value": "200ms, 0s, 0s, 0s, 0s",
+      "value": "200ms, 0s, 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--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s, 0s"
       ]
     }
   },

package/dist/js/c_compass.js

@@ -28,18 +28,8 @@ exports.c_compass = {
         "1.5rem"
       ]
     },
-    "c_compass_RowGap": {
-      "name": "--pf-v6-c-compass--RowGap",
-      "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_ColumnGap": {
-      "name": "--pf-v6-c-compass--ColumnGap",
+    "c_compass_Gap": {
+      "name": "--pf-v6-c-compass--Gap",
       "value": "1.5rem",
       "values": [
         "--pf-t--global--spacer--inset--page-chrome",
@@ -169,43 +159,13 @@ exports.c_compass = {
       "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-v6-c-compass__main--RowGap * -1 + --pf-v6-c-compass--Gap)",
         "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",
-      "values": [
-        "--pf-t--global--background--color--glass--default",
-        "--pf-t--global--background--color--glass--default--base",
-        "--pf-t--global--background--color--primary--default",
-        "--pf-t--global--background--color--100",
-        "--pf-t--color--white",
-        "#ffffff"
-      ]
-    },
-    "c_compass__panel_BackdropFilter": {
-      "name": "--pf-v6-c-compass__panel--BackdropFilter",
-      "value": "none",
-      "values": [
-        "--pf-t--global--background--color--glass--filter",
-        "--pf-t--global--background--color--glass--filter--base",
-        "none"
-      ]
-    },
-    "c_compass__panel_BorderRadius": {
-      "name": "--pf-v6-c-compass__panel--BorderRadius",
-      "value": "24px",
-      "values": [
-        "--pf-t--global--border--radius--large",
-        "--pf-t--global--border--radius--400",
-        "24px"
-      ]
-    },
     "c_compass__panel_m_pill_BorderRadius": {
       "name": "--pf-v6-c-compass__panel--m-pill--BorderRadius",
       "value": "999px",
@@ -255,13 +215,25 @@ exports.c_compass = {
         "1.5rem"
       ]
     },
-    "c_compass__panel_BorderWidth": {
-      "name": "--pf-v6-c-compass__panel--BorderWidth",
-      "value": "1px",
+    "c_compass__panel_BackgroundColor": {
+      "name": "--pf-v6-c-compass__panel--BackgroundColor",
+      "value": "#ffffff",
       "values": [
-        "--pf-t--global--border--width--regular",
-        "--pf-t--global--border--width--100",
-        "1px"
+        "--pf-t--global--background--color--glass--default",
+        "--pf-t--global--background--color--glass--default--base",
+        "--pf-t--global--background--color--primary--default",
+        "--pf-t--global--background--color--100",
+        "--pf-t--color--white",
+        "#ffffff"
+      ]
+    },
+    "c_compass__panel_BackdropFilter": {
+      "name": "--pf-v6-c-compass__panel--BackdropFilter",
+      "value": "none",
+      "values": [
+        "--pf-t--global--background--color--glass--filter",
+        "--pf-t--global--background--color--glass--filter--base",
+        "none"
       ]
     },
     "c_compass__panel_BorderColor": {
@@ -275,6 +247,24 @@ exports.c_compass = {
         "#ffffff"
       ]
     },
+    "c_compass__panel_BorderRadius": {
+      "name": "--pf-v6-c-compass__panel--BorderRadius",
+      "value": "24px",
+      "values": [
+        "--pf-t--global--border--radius--large",
+        "--pf-t--global--border--radius--400",
+        "24px"
+      ]
+    },
+    "c_compass__panel_BorderWidth": {
+      "name": "--pf-v6-c-compass__panel--BorderWidth",
+      "value": "1px",
+      "values": [
+        "--pf-t--global--border--width--regular",
+        "--pf-t--global--border--width--100",
+        "1px"
+      ]
+    },
     "c_compass__panel_BoxShadow": {
       "name": "--pf-v6-c-compass__panel--BoxShadow",
       "value": "0px\n    4px\n    9px\n    0px\n    rgba(41, 41, 41, 0.1500)",
@@ -297,14 +287,30 @@ exports.c_compass = {
       "name": "--pf-v6-c-compass__message-bar--MaxWidth",
       "value": "600px"
     },
+    "c_compass_section_slide_length_header": {
+      "name": "--pf-v6-c-compass--section--slide--length--header",
+      "value": "100%"
+    },
+    "c_compass_section_slide_length_sidebar": {
+      "name": "--pf-v6-c-compass--section--slide--length--sidebar",
+      "value": "100%"
+    },
+    "c_compass_section_slide_length_main_footer": {
+      "name": "--pf-v6-c-compass--section--slide--length--main-footer",
+      "value": "100%"
+    },
+    "c_compass_section_slide_length_footer": {
+      "name": "--pf-v6-c-compass--section--slide--length--footer",
+      "value": "100%"
+    },
     "c_compass_section_duration": {
       "name": "--pf-v6-c-compass--section--duration",
-      "value": "200ms",
+      "value": "100ms",
       "values": [
-        "--pf-t--global--motion--duration--fade--default",
-        "--pf-t--global--motion--duration--md",
-        "--pf-t--global--duration--200",
-        "200ms"
+        "--pf-t--global--motion--duration--fade--short",
+        "--pf-t--global--motion--duration--sm",
+        "--pf-t--global--duration--100",
+        "100ms"
       ]
     },
     "c_compass_section_TransitionTimingFunction": {
@@ -318,28 +324,28 @@ exports.c_compass = {
     },
     "c_compass_section_TransitionDuration": {
       "name": "--pf-v6-c-compass--section--TransitionDuration",
-      "value": "200ms, 0s, 0s, 0s, 0s",
+      "value": "100ms, 0s, 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"
+        "--pf-v6-c-compass--section--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--short, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--sm, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--100, 0s, 0s, 0s, 0s, 0s",
+        "100ms, 0s, 0s, 0s, 0s, 0s"
       ]
     },
     "c_compass_section_TransitionProperty": {
       "name": "--pf-v6-c-compass--section--TransitionProperty",
-      "value": "opacity, visibility, translate, max-height, max-width"
+      "value": "opacity, visibility, translate, height, width, margin"
     },
     "c_compass_section_TransitionDelay": {
       "name": "--pf-v6-c-compass--section--TransitionDelay",
-      "value": "0s, 200ms, 200ms, 200ms, 200ms",
+      "value": "0s, 100ms, 100ms, 100ms, 100ms, 100ms",
       "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"
+        "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, --pf-v6-c-compass--section--duration",
+        "0s, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short, --pf-t--global--motion--duration--fade--short",
+        "0s, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm, --pf-t--global--motion--duration--sm",
+        "0s, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100, --pf-t--global--duration--100",
+        "0s, 100ms, 100ms, 100ms, 100ms, 100ms"
       ]
     },
     "c_compass_section_m_expanded_duration": {
@@ -354,13 +360,13 @@ exports.c_compass = {
     },
     "c_compass_section_m_expanded_TransitionDuration": {
       "name": "--pf-v6-c-compass--section--m-expanded--TransitionDuration",
-      "value": "200ms, 0s, 0s, 0s, 0s",
+      "value": "200ms, 0s, 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"
+        "--pf-v6-c-compass--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s, 0s"
       ]
     },
     "c_compass_section_m_expanded_TransitionDelay": {
@@ -391,14 +397,14 @@ exports.c_compass = {
     },
     "c_compass_section_TransitionDuration": {
       "name": "--pf-v6-c-compass--section--TransitionDuration",
-      "value": "200ms, 0s, 0s, 0s, 0s",
+      "value": "200ms, 0s, 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--section--m-expanded--duration, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--fade--default, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--motion--duration--md, 0s, 0s, 0s, 0s, 0s",
+        "--pf-t--global--duration--200, 0s, 0s, 0s, 0s, 0s",
+        "200ms, 0s, 0s, 0s, 0s, 0s"
       ]
     }
   },