@patternfly/react-styles 6.5.0-prerelease.9 → 6.5.0

package/css/components/_index.d.ts

@@ -113,7 +113,10 @@ declare const _default: {
   "codeEditorTabText": "pf-v6-c-code-editor__tab-text",
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
   "compass": "pf-v6-c-compass",
+  "compassContainer": "pf-v6-c-compass__container",
   "compassContent": "pf-v6-c-compass__content",
+  "compassDock": "pf-v6-c-compass__dock",
+  "compassDockMain": "pf-v6-c-compass__dock-main",
   "compassFooter": "pf-v6-c-compass__footer",
   "compassHeader": "pf-v6-c-compass__header",
   "compassMain": "pf-v6-c-compass__main",
@@ -124,7 +127,6 @@ declare const _default: {
   "compassNav": "pf-v6-c-compass__nav",
   "compassNavContent": "pf-v6-c-compass__nav-content",
   "compassNavMain": "pf-v6-c-compass__nav-main",
-  "compassPanel": "pf-v6-c-compass__panel",
   "compassProfile": "pf-v6-c-compass__profile",
   "compassSidebar": "pf-v6-c-compass__sidebar",
   "content": "pf-v6-c-content",
@@ -368,6 +370,7 @@ declare const _default: {
   "modalBoxTitleText": "pf-v6-c-modal-box__title-text",
   "modifiers": {
     "plain": "pf-m-plain",
+    "noPlainOnGlass": "pf-m-no-plain-on-glass",
     "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
@@ -405,6 +408,7 @@ declare const _default: {
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
     "sticky": "pf-m-sticky",
+    "pill": "pf-m-pill",
     "picture": "pf-m-picture",
     "current": "pf-m-current",
     "primary": "pf-m-primary",
@@ -412,9 +416,9 @@ declare const _default: {
     "tertiary": "pf-m-tertiary",
     "link": "pf-m-link",
     "control": "pf-m-control",
+    "noPadding": "pf-m-no-padding",
     "stateful": "pf-m-stateful",
     "attention": "pf-m-attention",
-    "noPadding": "pf-m-no-padding",
     "block": "pf-m-block",
     "small": "pf-m-small",
     "favorite": "pf-m-favorite",
@@ -429,6 +433,8 @@ declare const _default: {
     "progress": "pf-m-progress",
     "inProgress": "pf-m-in-progress",
     "notify": "pf-m-notify",
+    "docked": "pf-m-docked",
+    "textExpanded": "pf-m-text-expanded",
     "start": "pf-m-start",
     "end": "pf-m-end",
     "inRange": "pf-m-in-range",
@@ -438,6 +444,7 @@ declare const _default: {
     "selected": "pf-m-selected",
     "hover": "pf-m-hover",
     "focus": "pf-m-focus",
+    "glass": "pf-m-glass",
     "selectable": "pf-m-selectable",
     "clickable": "pf-m-clickable",
     "compact": "pf-m-compact",
@@ -447,15 +454,11 @@ declare const _default: {
     "noOffset": "pf-m-no-offset",
     "noFill": "pf-m-no-fill",
     "standalone": "pf-m-standalone",
+    "readonly": "pf-m-readonly",
     "code": "pf-m-code",
     "readOnly": "pf-m-read-only",
     "dragHover": "pf-m-drag-hover",
     "animateSmoothly": "pf-m-animate-smoothly",
-    "dock": "pf-m-dock",
-    "noGlass": "pf-m-no-glass",
-    "noBorder": "pf-m-no-border",
-    "pill": "pf-m-pill",
-    "scrollable": "pf-m-scrollable",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
     "pageTitle": "pf-m-page-title",
@@ -577,6 +580,7 @@ declare const _default: {
     "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
     "inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
     "panelBottom": "pf-m-panel-bottom",
+    "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
     "resizing": "pf-m-resizing",
@@ -625,7 +629,6 @@ declare const _default: {
     "inactive": "pf-m-inactive",
     "textarea": "pf-m-textarea",
     "error": "pf-m-error",
-    "readonly": "pf-m-readonly",
     "status": "pf-m-status",
     "placeholder": "pf-m-placeholder",
     "resizeVertical": "pf-m-resize-vertical",
@@ -681,7 +684,6 @@ declare const _default: {
     "category": "pf-m-category",
     "iconLg": "pf-m-icon-lg",
     "resizeObserver": "pf-m-resize-observer",
-    "docked": "pf-m-docked",
     "displayStack": "pf-m-display-stack",
     "displayInline": "pf-m-display-inline",
     "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -699,8 +701,10 @@ declare const _default: {
     "drilldown": "pf-m-drilldown",
     "drilledIn": "pf-m-drilled-in",
     "currentPath": "pf-m-current-path",
+    "scrollable": "pf-m-scrollable",
     "load": "pf-m-load",
     "fullWidth": "pf-m-full-width",
+    "form": "pf-m-form",
     "splitButton": "pf-m-split-button",
     "typeahead": "pf-m-typeahead",
     "text": "pf-m-text",
@@ -732,6 +736,10 @@ declare const _default: {
     "stickyBottomOnXlHeight": "pf-m-sticky-bottom-on-xl-height",
     "stickyTopOn_2xlHeight": "pf-m-sticky-top-on-2xl-height",
     "stickyBottomOn_2xlHeight": "pf-m-sticky-bottom-on-2xl-height",
+    "stickyTopBase": "pf-m-sticky-top-base",
+    "stickyTopStuck": "pf-m-sticky-top-stuck",
+    "stickyBottomBase": "pf-m-sticky-bottom-base",
+    "stickyBottomStuck": "pf-m-sticky-bottom-stuck",
     "noSidebar": "pf-m-no-sidebar",
     "paddingOnSm": "pf-m-padding-on-sm",
     "noPaddingOnSm": "pf-m-no-padding-on-sm",
@@ -744,6 +752,8 @@ declare const _default: {
     "paddingOn_2xl": "pf-m-padding-on-2xl",
     "noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
     "bottom": "pf-m-bottom",
+    "stickyBase": "pf-m-sticky-base",
+    "stickyStuck": "pf-m-sticky-stuck",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "displaySummary": "pf-m-display-summary",
@@ -759,6 +769,7 @@ declare const _default: {
     "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
     "displayFullOn_2xl": "pf-m-display-full-on-2xl",
     "raised": "pf-m-raised",
+    "scrollableAutoHeight": "pf-m-scrollable-auto-height",
     "widthAuto": "pf-m-width-auto",
     "topLeft": "pf-m-top-left",
     "topRight": "pf-m-top-right",
@@ -821,7 +832,9 @@ declare const _default: {
     "reverse": "pf-m-reverse",
     "grid": "pf-m-grid",
     "fitContent": "pf-m-fit-content",
+    "stickyHeaderBase": "pf-m-sticky-header-base",
     "stickyHeader": "pf-m-sticky-header",
+    "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "nestedColumnHeader": "pf-m-nested-column-header",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
@@ -866,6 +879,16 @@ declare const _default: {
     "h4": "pf-m-h4",
     "h5": "pf-m-h5",
     "h6": "pf-m-h6",
+    "hiddenOnSmHeight": "pf-m-hidden-on-sm-height",
+    "visibleOnSmHeight": "pf-m-visible-on-sm-height",
+    "hiddenOnMdHeight": "pf-m-hidden-on-md-height",
+    "visibleOnMdHeight": "pf-m-visible-on-md-height",
+    "hiddenOnLgHeight": "pf-m-hidden-on-lg-height",
+    "visibleOnLgHeight": "pf-m-visible-on-lg-height",
+    "hiddenOnXlHeight": "pf-m-hidden-on-xl-height",
+    "visibleOnXlHeight": "pf-m-visible-on-xl-height",
+    "hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
+    "visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
     "expandAll": "pf-m-expand-all",
     "label": "pf-m-label",
     "pagination": "pf-m-pagination",
@@ -1214,6 +1237,7 @@ declare const _default: {
   "overflowMenuItem": "pf-v6-c-overflow-menu__item",
   "page": "pf-v6-c-page",
   "pageDock": "pf-v6-c-page__dock",
+  "pageDockMain": "pf-v6-c-page__dock-main",
   "pageDrawer": "pf-v6-c-page__drawer",
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",
@@ -1228,6 +1252,7 @@ declare const _default: {
   "pageSidebar": "pf-v6-c-page__sidebar",
   "pageSidebarBody": "pf-v6-c-page__sidebar-body",
   "pageSidebarHeader": "pf-v6-c-page__sidebar-header",
+  "pageSidebarMain": "pf-v6-c-page__sidebar-main",
   "pageSidebarTitle": "pf-v6-c-page__sidebar-title",
   "pagination": "pf-v6-c-pagination",
   "paginationNav": "pf-v6-c-pagination__nav",
@@ -1350,7 +1375,6 @@ declare const _default: {
   "tabsList": "pf-v6-c-tabs__list",
   "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
   "tabsToggle": "pf-v6-c-tabs__toggle",
-  "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
   "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
   "textInputGroup": "pf-v6-c-text-input-group",
   "textInputGroupGroup": "pf-v6-c-text-input-group__group",

package/css/components/_index.js

@@ -115,7 +115,10 @@ exports.default = {
   "codeEditorTabText": "pf-v6-c-code-editor__tab-text",
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
   "compass": "pf-v6-c-compass",
+  "compassContainer": "pf-v6-c-compass__container",
   "compassContent": "pf-v6-c-compass__content",
+  "compassDock": "pf-v6-c-compass__dock",
+  "compassDockMain": "pf-v6-c-compass__dock-main",
   "compassFooter": "pf-v6-c-compass__footer",
   "compassHeader": "pf-v6-c-compass__header",
   "compassMain": "pf-v6-c-compass__main",
@@ -126,7 +129,6 @@ exports.default = {
   "compassNav": "pf-v6-c-compass__nav",
   "compassNavContent": "pf-v6-c-compass__nav-content",
   "compassNavMain": "pf-v6-c-compass__nav-main",
-  "compassPanel": "pf-v6-c-compass__panel",
   "compassProfile": "pf-v6-c-compass__profile",
   "compassSidebar": "pf-v6-c-compass__sidebar",
   "content": "pf-v6-c-content",
@@ -370,6 +372,7 @@ exports.default = {
   "modalBoxTitleText": "pf-v6-c-modal-box__title-text",
   "modifiers": {
     "plain": "pf-m-plain",
+    "noPlainOnGlass": "pf-m-no-plain-on-glass",
     "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
@@ -407,6 +410,7 @@ exports.default = {
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
     "sticky": "pf-m-sticky",
+    "pill": "pf-m-pill",
     "picture": "pf-m-picture",
     "current": "pf-m-current",
     "primary": "pf-m-primary",
@@ -414,9 +418,9 @@ exports.default = {
     "tertiary": "pf-m-tertiary",
     "link": "pf-m-link",
     "control": "pf-m-control",
+    "noPadding": "pf-m-no-padding",
     "stateful": "pf-m-stateful",
     "attention": "pf-m-attention",
-    "noPadding": "pf-m-no-padding",
     "block": "pf-m-block",
     "small": "pf-m-small",
     "favorite": "pf-m-favorite",
@@ -431,6 +435,8 @@ exports.default = {
     "progress": "pf-m-progress",
     "inProgress": "pf-m-in-progress",
     "notify": "pf-m-notify",
+    "docked": "pf-m-docked",
+    "textExpanded": "pf-m-text-expanded",
     "start": "pf-m-start",
     "end": "pf-m-end",
     "inRange": "pf-m-in-range",
@@ -440,6 +446,7 @@ exports.default = {
     "selected": "pf-m-selected",
     "hover": "pf-m-hover",
     "focus": "pf-m-focus",
+    "glass": "pf-m-glass",
     "selectable": "pf-m-selectable",
     "clickable": "pf-m-clickable",
     "compact": "pf-m-compact",
@@ -449,15 +456,11 @@ exports.default = {
     "noOffset": "pf-m-no-offset",
     "noFill": "pf-m-no-fill",
     "standalone": "pf-m-standalone",
+    "readonly": "pf-m-readonly",
     "code": "pf-m-code",
     "readOnly": "pf-m-read-only",
     "dragHover": "pf-m-drag-hover",
     "animateSmoothly": "pf-m-animate-smoothly",
-    "dock": "pf-m-dock",
-    "noGlass": "pf-m-no-glass",
-    "noBorder": "pf-m-no-border",
-    "pill": "pf-m-pill",
-    "scrollable": "pf-m-scrollable",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
     "pageTitle": "pf-m-page-title",
@@ -579,6 +582,7 @@ exports.default = {
     "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
     "inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
     "panelBottom": "pf-m-panel-bottom",
+    "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
     "resizing": "pf-m-resizing",
@@ -627,7 +631,6 @@ exports.default = {
     "inactive": "pf-m-inactive",
     "textarea": "pf-m-textarea",
     "error": "pf-m-error",
-    "readonly": "pf-m-readonly",
     "status": "pf-m-status",
     "placeholder": "pf-m-placeholder",
     "resizeVertical": "pf-m-resize-vertical",
@@ -683,7 +686,6 @@ exports.default = {
     "category": "pf-m-category",
     "iconLg": "pf-m-icon-lg",
     "resizeObserver": "pf-m-resize-observer",
-    "docked": "pf-m-docked",
     "displayStack": "pf-m-display-stack",
     "displayInline": "pf-m-display-inline",
     "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -701,8 +703,10 @@ exports.default = {
     "drilldown": "pf-m-drilldown",
     "drilledIn": "pf-m-drilled-in",
     "currentPath": "pf-m-current-path",
+    "scrollable": "pf-m-scrollable",
     "load": "pf-m-load",
     "fullWidth": "pf-m-full-width",
+    "form": "pf-m-form",
     "splitButton": "pf-m-split-button",
     "typeahead": "pf-m-typeahead",
     "text": "pf-m-text",
@@ -734,6 +738,10 @@ exports.default = {
     "stickyBottomOnXlHeight": "pf-m-sticky-bottom-on-xl-height",
     "stickyTopOn_2xlHeight": "pf-m-sticky-top-on-2xl-height",
     "stickyBottomOn_2xlHeight": "pf-m-sticky-bottom-on-2xl-height",
+    "stickyTopBase": "pf-m-sticky-top-base",
+    "stickyTopStuck": "pf-m-sticky-top-stuck",
+    "stickyBottomBase": "pf-m-sticky-bottom-base",
+    "stickyBottomStuck": "pf-m-sticky-bottom-stuck",
     "noSidebar": "pf-m-no-sidebar",
     "paddingOnSm": "pf-m-padding-on-sm",
     "noPaddingOnSm": "pf-m-no-padding-on-sm",
@@ -746,6 +754,8 @@ exports.default = {
     "paddingOn_2xl": "pf-m-padding-on-2xl",
     "noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
     "bottom": "pf-m-bottom",
+    "stickyBase": "pf-m-sticky-base",
+    "stickyStuck": "pf-m-sticky-stuck",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "displaySummary": "pf-m-display-summary",
@@ -761,6 +771,7 @@ exports.default = {
     "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
     "displayFullOn_2xl": "pf-m-display-full-on-2xl",
     "raised": "pf-m-raised",
+    "scrollableAutoHeight": "pf-m-scrollable-auto-height",
     "widthAuto": "pf-m-width-auto",
     "topLeft": "pf-m-top-left",
     "topRight": "pf-m-top-right",
@@ -823,7 +834,9 @@ exports.default = {
     "reverse": "pf-m-reverse",
     "grid": "pf-m-grid",
     "fitContent": "pf-m-fit-content",
+    "stickyHeaderBase": "pf-m-sticky-header-base",
     "stickyHeader": "pf-m-sticky-header",
+    "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "nestedColumnHeader": "pf-m-nested-column-header",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
@@ -868,6 +881,16 @@ exports.default = {
     "h4": "pf-m-h4",
     "h5": "pf-m-h5",
     "h6": "pf-m-h6",
+    "hiddenOnSmHeight": "pf-m-hidden-on-sm-height",
+    "visibleOnSmHeight": "pf-m-visible-on-sm-height",
+    "hiddenOnMdHeight": "pf-m-hidden-on-md-height",
+    "visibleOnMdHeight": "pf-m-visible-on-md-height",
+    "hiddenOnLgHeight": "pf-m-hidden-on-lg-height",
+    "visibleOnLgHeight": "pf-m-visible-on-lg-height",
+    "hiddenOnXlHeight": "pf-m-hidden-on-xl-height",
+    "visibleOnXlHeight": "pf-m-visible-on-xl-height",
+    "hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
+    "visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
     "expandAll": "pf-m-expand-all",
     "label": "pf-m-label",
     "pagination": "pf-m-pagination",
@@ -1216,6 +1239,7 @@ exports.default = {
   "overflowMenuItem": "pf-v6-c-overflow-menu__item",
   "page": "pf-v6-c-page",
   "pageDock": "pf-v6-c-page__dock",
+  "pageDockMain": "pf-v6-c-page__dock-main",
   "pageDrawer": "pf-v6-c-page__drawer",
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",
@@ -1230,6 +1254,7 @@ exports.default = {
   "pageSidebar": "pf-v6-c-page__sidebar",
   "pageSidebarBody": "pf-v6-c-page__sidebar-body",
   "pageSidebarHeader": "pf-v6-c-page__sidebar-header",
+  "pageSidebarMain": "pf-v6-c-page__sidebar-main",
   "pageSidebarTitle": "pf-v6-c-page__sidebar-title",
   "pagination": "pf-v6-c-pagination",
   "paginationNav": "pf-v6-c-pagination__nav",
@@ -1352,7 +1377,6 @@ exports.default = {
   "tabsList": "pf-v6-c-tabs__list",
   "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
   "tabsToggle": "pf-v6-c-tabs__toggle",
-  "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
   "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
   "textInputGroup": "pf-v6-c-text-input-group",
   "textInputGroupGroup": "pf-v6-c-text-input-group__group",

package/css/components/_index.mjs

@@ -113,7 +113,10 @@ export default {
   "codeEditorTabText": "pf-v6-c-code-editor__tab-text",
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
   "compass": "pf-v6-c-compass",
+  "compassContainer": "pf-v6-c-compass__container",
   "compassContent": "pf-v6-c-compass__content",
+  "compassDock": "pf-v6-c-compass__dock",
+  "compassDockMain": "pf-v6-c-compass__dock-main",
   "compassFooter": "pf-v6-c-compass__footer",
   "compassHeader": "pf-v6-c-compass__header",
   "compassMain": "pf-v6-c-compass__main",
@@ -124,7 +127,6 @@ export default {
   "compassNav": "pf-v6-c-compass__nav",
   "compassNavContent": "pf-v6-c-compass__nav-content",
   "compassNavMain": "pf-v6-c-compass__nav-main",
-  "compassPanel": "pf-v6-c-compass__panel",
   "compassProfile": "pf-v6-c-compass__profile",
   "compassSidebar": "pf-v6-c-compass__sidebar",
   "content": "pf-v6-c-content",
@@ -368,6 +370,7 @@ export default {
   "modalBoxTitleText": "pf-v6-c-modal-box__title-text",
   "modifiers": {
     "plain": "pf-m-plain",
+    "noPlainOnGlass": "pf-m-no-plain-on-glass",
     "toggleStart": "pf-m-toggle-start",
     "displayLg": "pf-m-display-lg",
     "bordered": "pf-m-bordered",
@@ -405,6 +408,7 @@ export default {
     "blue": "pf-m-blue",
     "purple": "pf-m-purple",
     "sticky": "pf-m-sticky",
+    "pill": "pf-m-pill",
     "picture": "pf-m-picture",
     "current": "pf-m-current",
     "primary": "pf-m-primary",
@@ -412,9 +416,9 @@ export default {
     "tertiary": "pf-m-tertiary",
     "link": "pf-m-link",
     "control": "pf-m-control",
+    "noPadding": "pf-m-no-padding",
     "stateful": "pf-m-stateful",
     "attention": "pf-m-attention",
-    "noPadding": "pf-m-no-padding",
     "block": "pf-m-block",
     "small": "pf-m-small",
     "favorite": "pf-m-favorite",
@@ -429,6 +433,8 @@ export default {
     "progress": "pf-m-progress",
     "inProgress": "pf-m-in-progress",
     "notify": "pf-m-notify",
+    "docked": "pf-m-docked",
+    "textExpanded": "pf-m-text-expanded",
     "start": "pf-m-start",
     "end": "pf-m-end",
     "inRange": "pf-m-in-range",
@@ -438,6 +444,7 @@ export default {
     "selected": "pf-m-selected",
     "hover": "pf-m-hover",
     "focus": "pf-m-focus",
+    "glass": "pf-m-glass",
     "selectable": "pf-m-selectable",
     "clickable": "pf-m-clickable",
     "compact": "pf-m-compact",
@@ -447,15 +454,11 @@ export default {
     "noOffset": "pf-m-no-offset",
     "noFill": "pf-m-no-fill",
     "standalone": "pf-m-standalone",
+    "readonly": "pf-m-readonly",
     "code": "pf-m-code",
     "readOnly": "pf-m-read-only",
     "dragHover": "pf-m-drag-hover",
     "animateSmoothly": "pf-m-animate-smoothly",
-    "dock": "pf-m-dock",
-    "noGlass": "pf-m-no-glass",
-    "noBorder": "pf-m-no-border",
-    "pill": "pf-m-pill",
-    "scrollable": "pf-m-scrollable",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
     "pageTitle": "pf-m-page-title",
@@ -577,6 +580,7 @@ export default {
     "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
     "inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
     "panelBottom": "pf-m-panel-bottom",
+    "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
     "resizing": "pf-m-resizing",
@@ -625,7 +629,6 @@ export default {
     "inactive": "pf-m-inactive",
     "textarea": "pf-m-textarea",
     "error": "pf-m-error",
-    "readonly": "pf-m-readonly",
     "status": "pf-m-status",
     "placeholder": "pf-m-placeholder",
     "resizeVertical": "pf-m-resize-vertical",
@@ -681,7 +684,6 @@ export default {
     "category": "pf-m-category",
     "iconLg": "pf-m-icon-lg",
     "resizeObserver": "pf-m-resize-observer",
-    "docked": "pf-m-docked",
     "displayStack": "pf-m-display-stack",
     "displayInline": "pf-m-display-inline",
     "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -699,8 +701,10 @@ export default {
     "drilldown": "pf-m-drilldown",
     "drilledIn": "pf-m-drilled-in",
     "currentPath": "pf-m-current-path",
+    "scrollable": "pf-m-scrollable",
     "load": "pf-m-load",
     "fullWidth": "pf-m-full-width",
+    "form": "pf-m-form",
     "splitButton": "pf-m-split-button",
     "typeahead": "pf-m-typeahead",
     "text": "pf-m-text",
@@ -732,6 +736,10 @@ export default {
     "stickyBottomOnXlHeight": "pf-m-sticky-bottom-on-xl-height",
     "stickyTopOn_2xlHeight": "pf-m-sticky-top-on-2xl-height",
     "stickyBottomOn_2xlHeight": "pf-m-sticky-bottom-on-2xl-height",
+    "stickyTopBase": "pf-m-sticky-top-base",
+    "stickyTopStuck": "pf-m-sticky-top-stuck",
+    "stickyBottomBase": "pf-m-sticky-bottom-base",
+    "stickyBottomStuck": "pf-m-sticky-bottom-stuck",
     "noSidebar": "pf-m-no-sidebar",
     "paddingOnSm": "pf-m-padding-on-sm",
     "noPaddingOnSm": "pf-m-no-padding-on-sm",
@@ -744,6 +752,8 @@ export default {
     "paddingOn_2xl": "pf-m-padding-on-2xl",
     "noPaddingOn_2xl": "pf-m-no-padding-on-2xl",
     "bottom": "pf-m-bottom",
+    "stickyBase": "pf-m-sticky-base",
+    "stickyStuck": "pf-m-sticky-stuck",
     "first": "pf-m-first",
     "last": "pf-m-last",
     "displaySummary": "pf-m-display-summary",
@@ -759,6 +769,7 @@ export default {
     "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
     "displayFullOn_2xl": "pf-m-display-full-on-2xl",
     "raised": "pf-m-raised",
+    "scrollableAutoHeight": "pf-m-scrollable-auto-height",
     "widthAuto": "pf-m-width-auto",
     "topLeft": "pf-m-top-left",
     "topRight": "pf-m-top-right",
@@ -821,7 +832,9 @@ export default {
     "reverse": "pf-m-reverse",
     "grid": "pf-m-grid",
     "fitContent": "pf-m-fit-content",
+    "stickyHeaderBase": "pf-m-sticky-header-base",
     "stickyHeader": "pf-m-sticky-header",
+    "stickyHeaderStuck": "pf-m-sticky-header-stuck",
     "nestedColumnHeader": "pf-m-nested-column-header",
     "striped": "pf-m-striped",
     "stripedEven": "pf-m-striped-even",
@@ -866,6 +879,16 @@ export default {
     "h4": "pf-m-h4",
     "h5": "pf-m-h5",
     "h6": "pf-m-h6",
+    "hiddenOnSmHeight": "pf-m-hidden-on-sm-height",
+    "visibleOnSmHeight": "pf-m-visible-on-sm-height",
+    "hiddenOnMdHeight": "pf-m-hidden-on-md-height",
+    "visibleOnMdHeight": "pf-m-visible-on-md-height",
+    "hiddenOnLgHeight": "pf-m-hidden-on-lg-height",
+    "visibleOnLgHeight": "pf-m-visible-on-lg-height",
+    "hiddenOnXlHeight": "pf-m-hidden-on-xl-height",
+    "visibleOnXlHeight": "pf-m-visible-on-xl-height",
+    "hiddenOn_2xlHeight": "pf-m-hidden-on-2xl-height",
+    "visibleOn_2xlHeight": "pf-m-visible-on-2xl-height",
     "expandAll": "pf-m-expand-all",
     "label": "pf-m-label",
     "pagination": "pf-m-pagination",
@@ -1214,6 +1237,7 @@ export default {
   "overflowMenuItem": "pf-v6-c-overflow-menu__item",
   "page": "pf-v6-c-page",
   "pageDock": "pf-v6-c-page__dock",
+  "pageDockMain": "pf-v6-c-page__dock-main",
   "pageDrawer": "pf-v6-c-page__drawer",
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",
@@ -1228,6 +1252,7 @@ export default {
   "pageSidebar": "pf-v6-c-page__sidebar",
   "pageSidebarBody": "pf-v6-c-page__sidebar-body",
   "pageSidebarHeader": "pf-v6-c-page__sidebar-header",
+  "pageSidebarMain": "pf-v6-c-page__sidebar-main",
   "pageSidebarTitle": "pf-v6-c-page__sidebar-title",
   "pagination": "pf-v6-c-pagination",
   "paginationNav": "pf-v6-c-pagination__nav",
@@ -1350,7 +1375,6 @@ export default {
   "tabsList": "pf-v6-c-tabs__list",
   "tabsScrollButton": "pf-v6-c-tabs__scroll-button",
   "tabsToggle": "pf-v6-c-tabs__toggle",
-  "tabsToggleButton": "pf-v6-c-tabs__toggle-button",
   "tabsToggleIcon": "pf-v6-c-tabs__toggle-icon",
   "textInputGroup": "pf-v6-c-text-input-group",
   "textInputGroupGroup": "pf-v6-c-text-input-group__group",

package/css/docs/components/Compass/examples/Compass.css

@@ -1,17 +1,8 @@
-.ws-core-a-compass .pf-v6-c-compass {
+#ws-page-main .ws-core-c-compass .pf-v6-c-compass {
   height: 600px;
 }
 
-#ws-core-a-compass-default [class*="pf-v6-c-compass"],
-#ws-core-a-compass-docked [class*="pf-v6-c-compass"] {
-  position: relative;
-}
-
-#ws-core-a-compass-default [class*="pf-v6-c-compass"]::after,
-#ws-core-a-compass-docked [class*="pf-v6-c-compass"]::after {
-  position: absolute;
-  inset: 0;
-  pointer-events: none;
-  content: "";
-  border: var(--pf-t--global--border--width--regular) dashed var(--pf-t--global--border--color--default);
+#ws-core-c-compass-basic [class*="pf-v6-c-compass"],
+#ws-core-c-compass-docked [class*="pf-v6-c-compass"] {
+  outline: var(--pf-t--global--border--width--regular) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/components/Compass/examples/Compass.d.ts

@@ -1,6 +1,6 @@
 import './Compass.css';
 declare const _default: {
   "compass": "pf-v6-c-compass",
-  "wsCoreACompass": "ws-core-a-compass"
+  "wsCoreCCompass": "ws-core-c-compass"
 };
 export default _default;

package/css/docs/components/Compass/examples/Compass.js

@@ -3,5 +3,5 @@ exports.__esModule = true;
 require('./Compass.css');
 exports.default = {
   "compass": "pf-v6-c-compass",
-  "wsCoreACompass": "ws-core-a-compass"
+  "wsCoreCCompass": "ws-core-c-compass"
 };

package/css/docs/components/Compass/examples/Compass.mjs

@@ -1,5 +1,5 @@
 import './Compass.css';
 export default {
   "compass": "pf-v6-c-compass",
-  "wsCoreACompass": "ws-core-a-compass"
+  "wsCoreCCompass": "ws-core-c-compass"
 };

package/css/docs/components/DragDrop/examples/DragDrop.css

@@ -3,7 +3,7 @@
 }
 
 .pf-v6-c-draggable.pf-m-dragging {
-  --pf-v6-c-draggable--m-dragging--BackgroundColor: var(--pf-t--global--background--color--primary--default);
+  --pf-v6-c-draggable--m-dragging--BackgroundColor: var(--pf-t--global--background--color--floating--default);
 
   position: absolute;
   inset-block-start: 23%;

package/css/docs/components/OverflowMenu/examples/overflow-menu.css

@@ -1,11 +1,14 @@
 #ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__item,
 #ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group,
-#ws-core-c-overflow-menu-group-types .pf-v6-c-overflow-menu__group:not([class*="pf-m-"]) {
+#ws-core-c-overflow-menu-group-types .pf-v6-c-overflow-menu__group:not([class*="pf-m-"]),
+#ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__item,
+#ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__group {
   padding: .5rem;
   border: 2px dashed #393f44;
 }
 
-#ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item {
+#ws-core-c-overflow-menu-simple .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item,
+#ws-core-c-overflow-menu-vertical .pf-v6-c-overflow-menu__group .pf-v6-c-overflow-menu__item {
   padding: 0;
   border: none;
-}
+}

package/css/docs/components/Panel/examples/Panel.css

@@ -0,0 +1,3 @@
+#ws-core-c-panel-scrollable-with-auto-height .ws-preview-html {
+  height: 450px;
+}

package/css/docs/components/Panel/examples/Panel.d.ts

@@ -0,0 +1,5 @@
+import './Panel.css';
+declare const _default: {
+  "wsPreviewHtml": "ws-preview-html"
+};
+export default _default;

package/css/docs/components/Panel/examples/Panel.js

@@ -0,0 +1,6 @@
+"use strict";
+exports.__esModule = true;
+require('./Panel.css');
+exports.default = {
+  "wsPreviewHtml": "ws-preview-html"
+};