@patternfly/react-styles 6.0.0-alpha.2 → 6.0.0-alpha.20

package/css/components/Wizard/wizard.d.ts

@@ -1,9 +1,8 @@
 import './wizard.css';
 declare const _default: {
-  "button": "pf-v5-c-button",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "drawer": "pf-v5-c-drawer",
-  "modalBox": "pf-v5-c-modal-box",
+  "dirRtl": "pf-v6-m-dir-rtl",
+  "drawer": "pf-v6-c-drawer",
+  "modalBox": "pf-v6-c-modal-box",
   "modifiers": {
     "finished": "pf-m-finished",
     "expanded": "pf-m-expanded",
@@ -12,32 +11,30 @@ declare const _default: {
     "disabled": "pf-m-disabled",
     "noPadding": "pf-m-no-padding"
   },
-  "pageMainWizard": "pf-v5-c-page__main-wizard",
-  "themeDark": "pf-v5-theme-dark",
-  "wizard": "pf-v5-c-wizard",
-  "wizardClose": "pf-v5-c-wizard__close",
-  "wizardDescription": "pf-v5-c-wizard__description",
-  "wizardFooter": "pf-v5-c-wizard__footer",
-  "wizardFooterCancel": "pf-v5-c-wizard__footer-cancel",
-  "wizardHeader": "pf-v5-c-wizard__header",
-  "wizardInnerWrap": "pf-v5-c-wizard__inner-wrap",
-  "wizardMain": "pf-v5-c-wizard__main",
-  "wizardMainBody": "pf-v5-c-wizard__main-body",
-  "wizardNav": "pf-v5-c-wizard__nav",
-  "wizardNavItem": "pf-v5-c-wizard__nav-item",
-  "wizardNavLink": "pf-v5-c-wizard__nav-link",
-  "wizardNavLinkText": "pf-v5-c-wizard__nav-link-text",
-  "wizardNavLinkToggle": "pf-v5-c-wizard__nav-link-toggle",
-  "wizardNavLinkToggleIcon": "pf-v5-c-wizard__nav-link-toggle-icon",
-  "wizardNavList": "pf-v5-c-wizard__nav-list",
-  "wizardOuterWrap": "pf-v5-c-wizard__outer-wrap",
-  "wizardTitle": "pf-v5-c-wizard__title",
-  "wizardTitleText": "pf-v5-c-wizard__title-text",
-  "wizardToggle": "pf-v5-c-wizard__toggle",
-  "wizardToggleIcon": "pf-v5-c-wizard__toggle-icon",
-  "wizardToggleList": "pf-v5-c-wizard__toggle-list",
-  "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
-  "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
+  "wizard": "pf-v6-c-wizard",
+  "wizardClose": "pf-v6-c-wizard__close",
+  "wizardDescription": "pf-v6-c-wizard__description",
+  "wizardFooter": "pf-v6-c-wizard__footer",
+  "wizardFooterCancel": "pf-v6-c-wizard__footer-cancel",
+  "wizardHeader": "pf-v6-c-wizard__header",
+  "wizardInnerWrap": "pf-v6-c-wizard__inner-wrap",
+  "wizardMain": "pf-v6-c-wizard__main",
+  "wizardMainBody": "pf-v6-c-wizard__main-body",
+  "wizardNav": "pf-v6-c-wizard__nav",
+  "wizardNavItem": "pf-v6-c-wizard__nav-item",
+  "wizardNavLink": "pf-v6-c-wizard__nav-link",
+  "wizardNavLinkText": "pf-v6-c-wizard__nav-link-text",
+  "wizardNavLinkToggle": "pf-v6-c-wizard__nav-link-toggle",
+  "wizardNavLinkToggleIcon": "pf-v6-c-wizard__nav-link-toggle-icon",
+  "wizardNavList": "pf-v6-c-wizard__nav-list",
+  "wizardOuterWrap": "pf-v6-c-wizard__outer-wrap",
+  "wizardTitle": "pf-v6-c-wizard__title",
+  "wizardTitleText": "pf-v6-c-wizard__title-text",
+  "wizardToggle": "pf-v6-c-wizard__toggle",
+  "wizardToggleIcon": "pf-v6-c-wizard__toggle-icon",
+  "wizardToggleList": "pf-v6-c-wizard__toggle-list",
+  "wizardToggleListItem": "pf-v6-c-wizard__toggle-list-item",
+  "wizardToggleNum": "pf-v6-c-wizard__toggle-num",
+  "wizardToggleSeparator": "pf-v6-c-wizard__toggle-separator"
 };
 export default _default;

package/css/components/Wizard/wizard.js

@@ -2,10 +2,9 @@
 exports.__esModule = true;
 require('./wizard.css');
 exports.default = {
-  "button": "pf-v5-c-button",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "drawer": "pf-v5-c-drawer",
-  "modalBox": "pf-v5-c-modal-box",
+  "dirRtl": "pf-v6-m-dir-rtl",
+  "drawer": "pf-v6-c-drawer",
+  "modalBox": "pf-v6-c-modal-box",
   "modifiers": {
     "finished": "pf-m-finished",
     "expanded": "pf-m-expanded",
@@ -14,31 +13,29 @@ exports.default = {
     "disabled": "pf-m-disabled",
     "noPadding": "pf-m-no-padding"
   },
-  "pageMainWizard": "pf-v5-c-page__main-wizard",
-  "themeDark": "pf-v5-theme-dark",
-  "wizard": "pf-v5-c-wizard",
-  "wizardClose": "pf-v5-c-wizard__close",
-  "wizardDescription": "pf-v5-c-wizard__description",
-  "wizardFooter": "pf-v5-c-wizard__footer",
-  "wizardFooterCancel": "pf-v5-c-wizard__footer-cancel",
-  "wizardHeader": "pf-v5-c-wizard__header",
-  "wizardInnerWrap": "pf-v5-c-wizard__inner-wrap",
-  "wizardMain": "pf-v5-c-wizard__main",
-  "wizardMainBody": "pf-v5-c-wizard__main-body",
-  "wizardNav": "pf-v5-c-wizard__nav",
-  "wizardNavItem": "pf-v5-c-wizard__nav-item",
-  "wizardNavLink": "pf-v5-c-wizard__nav-link",
-  "wizardNavLinkText": "pf-v5-c-wizard__nav-link-text",
-  "wizardNavLinkToggle": "pf-v5-c-wizard__nav-link-toggle",
-  "wizardNavLinkToggleIcon": "pf-v5-c-wizard__nav-link-toggle-icon",
-  "wizardNavList": "pf-v5-c-wizard__nav-list",
-  "wizardOuterWrap": "pf-v5-c-wizard__outer-wrap",
-  "wizardTitle": "pf-v5-c-wizard__title",
-  "wizardTitleText": "pf-v5-c-wizard__title-text",
-  "wizardToggle": "pf-v5-c-wizard__toggle",
-  "wizardToggleIcon": "pf-v5-c-wizard__toggle-icon",
-  "wizardToggleList": "pf-v5-c-wizard__toggle-list",
-  "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
-  "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
+  "wizard": "pf-v6-c-wizard",
+  "wizardClose": "pf-v6-c-wizard__close",
+  "wizardDescription": "pf-v6-c-wizard__description",
+  "wizardFooter": "pf-v6-c-wizard__footer",
+  "wizardFooterCancel": "pf-v6-c-wizard__footer-cancel",
+  "wizardHeader": "pf-v6-c-wizard__header",
+  "wizardInnerWrap": "pf-v6-c-wizard__inner-wrap",
+  "wizardMain": "pf-v6-c-wizard__main",
+  "wizardMainBody": "pf-v6-c-wizard__main-body",
+  "wizardNav": "pf-v6-c-wizard__nav",
+  "wizardNavItem": "pf-v6-c-wizard__nav-item",
+  "wizardNavLink": "pf-v6-c-wizard__nav-link",
+  "wizardNavLinkText": "pf-v6-c-wizard__nav-link-text",
+  "wizardNavLinkToggle": "pf-v6-c-wizard__nav-link-toggle",
+  "wizardNavLinkToggleIcon": "pf-v6-c-wizard__nav-link-toggle-icon",
+  "wizardNavList": "pf-v6-c-wizard__nav-list",
+  "wizardOuterWrap": "pf-v6-c-wizard__outer-wrap",
+  "wizardTitle": "pf-v6-c-wizard__title",
+  "wizardTitleText": "pf-v6-c-wizard__title-text",
+  "wizardToggle": "pf-v6-c-wizard__toggle",
+  "wizardToggleIcon": "pf-v6-c-wizard__toggle-icon",
+  "wizardToggleList": "pf-v6-c-wizard__toggle-list",
+  "wizardToggleListItem": "pf-v6-c-wizard__toggle-list-item",
+  "wizardToggleNum": "pf-v6-c-wizard__toggle-num",
+  "wizardToggleSeparator": "pf-v6-c-wizard__toggle-separator"
 };

package/css/components/Wizard/wizard.mjs

@@ -1,9 +1,8 @@
 import './wizard.css';
 export default {
-  "button": "pf-v5-c-button",
-  "dirRtl": "pf-v5-m-dir-rtl",
-  "drawer": "pf-v5-c-drawer",
-  "modalBox": "pf-v5-c-modal-box",
+  "dirRtl": "pf-v6-m-dir-rtl",
+  "drawer": "pf-v6-c-drawer",
+  "modalBox": "pf-v6-c-modal-box",
   "modifiers": {
     "finished": "pf-m-finished",
     "expanded": "pf-m-expanded",
@@ -12,31 +11,29 @@ export default {
     "disabled": "pf-m-disabled",
     "noPadding": "pf-m-no-padding"
   },
-  "pageMainWizard": "pf-v5-c-page__main-wizard",
-  "themeDark": "pf-v5-theme-dark",
-  "wizard": "pf-v5-c-wizard",
-  "wizardClose": "pf-v5-c-wizard__close",
-  "wizardDescription": "pf-v5-c-wizard__description",
-  "wizardFooter": "pf-v5-c-wizard__footer",
-  "wizardFooterCancel": "pf-v5-c-wizard__footer-cancel",
-  "wizardHeader": "pf-v5-c-wizard__header",
-  "wizardInnerWrap": "pf-v5-c-wizard__inner-wrap",
-  "wizardMain": "pf-v5-c-wizard__main",
-  "wizardMainBody": "pf-v5-c-wizard__main-body",
-  "wizardNav": "pf-v5-c-wizard__nav",
-  "wizardNavItem": "pf-v5-c-wizard__nav-item",
-  "wizardNavLink": "pf-v5-c-wizard__nav-link",
-  "wizardNavLinkText": "pf-v5-c-wizard__nav-link-text",
-  "wizardNavLinkToggle": "pf-v5-c-wizard__nav-link-toggle",
-  "wizardNavLinkToggleIcon": "pf-v5-c-wizard__nav-link-toggle-icon",
-  "wizardNavList": "pf-v5-c-wizard__nav-list",
-  "wizardOuterWrap": "pf-v5-c-wizard__outer-wrap",
-  "wizardTitle": "pf-v5-c-wizard__title",
-  "wizardTitleText": "pf-v5-c-wizard__title-text",
-  "wizardToggle": "pf-v5-c-wizard__toggle",
-  "wizardToggleIcon": "pf-v5-c-wizard__toggle-icon",
-  "wizardToggleList": "pf-v5-c-wizard__toggle-list",
-  "wizardToggleListItem": "pf-v5-c-wizard__toggle-list-item",
-  "wizardToggleNum": "pf-v5-c-wizard__toggle-num",
-  "wizardToggleSeparator": "pf-v5-c-wizard__toggle-separator"
+  "wizard": "pf-v6-c-wizard",
+  "wizardClose": "pf-v6-c-wizard__close",
+  "wizardDescription": "pf-v6-c-wizard__description",
+  "wizardFooter": "pf-v6-c-wizard__footer",
+  "wizardFooterCancel": "pf-v6-c-wizard__footer-cancel",
+  "wizardHeader": "pf-v6-c-wizard__header",
+  "wizardInnerWrap": "pf-v6-c-wizard__inner-wrap",
+  "wizardMain": "pf-v6-c-wizard__main",
+  "wizardMainBody": "pf-v6-c-wizard__main-body",
+  "wizardNav": "pf-v6-c-wizard__nav",
+  "wizardNavItem": "pf-v6-c-wizard__nav-item",
+  "wizardNavLink": "pf-v6-c-wizard__nav-link",
+  "wizardNavLinkText": "pf-v6-c-wizard__nav-link-text",
+  "wizardNavLinkToggle": "pf-v6-c-wizard__nav-link-toggle",
+  "wizardNavLinkToggleIcon": "pf-v6-c-wizard__nav-link-toggle-icon",
+  "wizardNavList": "pf-v6-c-wizard__nav-list",
+  "wizardOuterWrap": "pf-v6-c-wizard__outer-wrap",
+  "wizardTitle": "pf-v6-c-wizard__title",
+  "wizardTitleText": "pf-v6-c-wizard__title-text",
+  "wizardToggle": "pf-v6-c-wizard__toggle",
+  "wizardToggleIcon": "pf-v6-c-wizard__toggle-icon",
+  "wizardToggleList": "pf-v6-c-wizard__toggle-list",
+  "wizardToggleListItem": "pf-v6-c-wizard__toggle-list-item",
+  "wizardToggleNum": "pf-v6-c-wizard__toggle-num",
+  "wizardToggleSeparator": "pf-v6-c-wizard__toggle-separator"
 };

package/css/docs/components/Brand/examples/Brand.css

@@ -0,0 +1,12 @@
+.show-dark,
+:where(.pf-v6-theme-dark) .show-light {
+  display: none;
+}
+
+:where(.pf-v6-theme-dark) .show-dark {
+  display: revert;
+}
+
+:where(.pf-v6-theme-dark) .show-dark .pf-m-picture {
+  display: inline-flex;
+}

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

@@ -0,0 +1,10 @@
+import './Brand.css';
+declare const _default: {
+  "modifiers": {
+    "picture": "pf-m-picture"
+  },
+  "showDark": "show-dark",
+  "showLight": "show-light",
+  "themeDark": "pf-v6-theme-dark"
+};
+export default _default;

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

@@ -0,0 +1,11 @@
+"use strict";
+exports.__esModule = true;
+require('./Brand.css');
+exports.default = {
+  "modifiers": {
+    "picture": "pf-m-picture"
+  },
+  "showDark": "show-dark",
+  "showLight": "show-light",
+  "themeDark": "pf-v6-theme-dark"
+};

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

@@ -0,0 +1,9 @@
+import './Brand.css';
+export default {
+  "modifiers": {
+    "picture": "pf-m-picture"
+  },
+  "showDark": "show-dark",
+  "showLight": "show-light",
+  "themeDark": "pf-v6-theme-dark"
+};

package/css/docs/components/Button/examples/Button.css

@@ -1,4 +1,8 @@
-.ws-core-c-button .pf-v5-c-button {
+.ws-core-c-button .pf-v6-c-button {
   margin-inline-end: 6px;
   margin-block-end: 6px;
 }
+
+#ws-core-c-button-plain-with-no-padding .pf-v6-c-button {
+  margin: 0;
+}

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

@@ -1,6 +1,6 @@
 import './Button.css';
 declare const _default: {
-  "button": "pf-v5-c-button",
+  "button": "pf-v6-c-button",
   "wsCoreCButton": "ws-core-c-button"
 };
 export default _default;

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

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./Button.css');
 exports.default = {
-  "button": "pf-v5-c-button",
+  "button": "pf-v6-c-button",
   "wsCoreCButton": "ws-core-c-button"
 };

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

@@ -1,5 +1,5 @@
 import './Button.css';
 export default {
-  "button": "pf-v5-c-button",
+  "button": "pf-v6-c-button",
   "wsCoreCButton": "ws-core-c-button"
 };

package/css/docs/components/Divider/examples/Divider.css

@@ -3,11 +3,13 @@
   align-items: center;
 }
 
+[id*="divider-vertical"],
 [id*="ws-core-c-divider-vertical"],
 #ws-core-c-divider-horizontal-on-lg {
-  height: 4rem;
+  height: 6rem;
 }
 
 [id*="ws-core-c-divider"] .ws-preview-html {
   height: 100%;
 }
+

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

@@ -1,9 +1,9 @@
-.pf-v5-c-draggable {
+.pf-v6-c-draggable {
   padding: .25em;
 }
 
-.pf-v5-c-draggable.pf-m-dragging {
-  --pf-v5-c-draggable--m-dragging--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
+.pf-v6-c-draggable.pf-m-dragging {
+  --pf-v6-c-draggable--m-dragging--BackgroundColor: var(--pf-t--global--background--color--primary--default);
 
   position: absolute;
   inset-block-start: 23%;

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

@@ -1,6 +1,6 @@
 import './DragDrop.css';
 declare const _default: {
-  "draggable": "pf-v5-c-draggable",
+  "draggable": "pf-v6-c-draggable",
   "modifiers": {
     "dragging": "pf-m-dragging"
   }

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

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./DragDrop.css');
 exports.default = {
-  "draggable": "pf-v5-c-draggable",
+  "draggable": "pf-v6-c-draggable",
   "modifiers": {
     "dragging": "pf-m-dragging"
   }

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

@@ -1,6 +1,6 @@
 import './DragDrop.css';
 export default {
-  "draggable": "pf-v5-c-draggable",
+  "draggable": "pf-v6-c-draggable",
   "modifiers": {
     "dragging": "pf-m-dragging"
   }

package/css/docs/components/Dropdown/deprecated/Dropdown.css

@@ -51,7 +51,7 @@
   min-height: 210px;
 }
 
-[id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v5-c-dropdown:not(:last-child) {
+[id^="ws-html-deprecated-c-dropdown-split-button"] .pf-v6-c-dropdown:not(:last-child) {
   margin-inline-end: 4px;
 }
 

package/css/docs/components/Dropdown/deprecated/Dropdown.d.ts

@@ -1,6 +1,6 @@
 import './Dropdown.css';
 declare const _default: {
-  "dropdown": "pf-v5-c-dropdown",
+  "dropdown": "pf-v6-c-dropdown",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

package/css/docs/components/Dropdown/deprecated/Dropdown.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./Dropdown.css');
 exports.default = {
-  "dropdown": "pf-v5-c-dropdown",
+  "dropdown": "pf-v6-c-dropdown",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Dropdown/deprecated/Dropdown.mjs

@@ -1,5 +1,5 @@
 import './Dropdown.css';
 export default {
-  "dropdown": "pf-v5-c-dropdown",
+  "dropdown": "pf-v6-c-dropdown",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Label/examples/Label.css

@@ -1,9 +1,13 @@
 #ws-core-c-label-filled .ws-preview-html,
+#ws-core-c-label-outline .ws-preview-html,
+#ws-core-c-label-compact .ws-preview-html,
 #ws-core-c-label-overflow .ws-preview-html {
   margin: -4px;
 }
 
-#ws-core-c-label-filled .pf-v5-c-label,
-#ws-core-c-label-overflow .pf-v5-c-label {
+#ws-core-c-label-filled .pf-v6-c-label,
+#ws-core-c-label-outline .pf-v6-c-label,
+#ws-core-c-label-compact .pf-v6-c-label,
+#ws-core-c-label-overflow .pf-v6-c-label {
   margin: 4px;
 }

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

@@ -1,6 +1,6 @@
 import './Label.css';
 declare const _default: {
-  "label": "pf-v5-c-label",
+  "label": "pf-v6-c-label",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./Label.css');
 exports.default = {
-  "label": "pf-v5-c-label",
+  "label": "pf-v6-c-label",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,5 +1,5 @@
 import './Label.css';
 export default {
-  "label": "pf-v5-c-label",
+  "label": "pf-v6-c-label",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/LogViewer/examples/LogViewer.css

@@ -2,7 +2,7 @@
   position: relative;
 }
 
-#ws-core-e-log-viewer-with-popover-open .pf-v5-c-popover {
+#ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
   display: none;
   position: absolute;
   z-index: 9999;
@@ -11,7 +11,7 @@
 }
 
 @media screen and (min-width: 992px) {
-  #ws-core-e-log-viewer-with-popover-open .pf-v5-c-popover {
+  #ws-core-e-log-viewer-with-popover-open .pf-v6-c-popover {
     display: block;
   }
 }

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

@@ -1,6 +1,6 @@
 import './LogViewer.css';
 declare const _default: {
-  "popover": "pf-v5-c-popover",
+  "popover": "pf-v6-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./LogViewer.css');
 exports.default = {
-  "popover": "pf-v5-c-popover",
+  "popover": "pf-v6-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,5 +1,5 @@
 import './LogViewer.css';
 export default {
-  "popover": "pf-v5-c-popover",
+  "popover": "pf-v6-c-popover",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Menu/examples/Menu.css

@@ -1,19 +1,11 @@
 [id^="ws-core-c-menu-with-flyout"],
 [id^="ws-core-c-menu-standard-menu-flyout-child"] {
   display: flex;
-  height: 400px;
-}
-
-#ws-core-c-menu-with-flyout-menu-top {
-  align-items: flex-end;
-}
-
-#ws-core-c-menu-with-flyout-menu-left {
-  justify-content: flex-end;
+  height: 360px;
 }
 
+#ws-core-c-menu-with-flyout-menu-left,
 #ws-core-c-menu-with-flyout-menu-left-top {
-  align-items: flex-end;
   justify-content: flex-end;
 }
 
@@ -21,6 +13,10 @@
   position: relative;
 }
 
-:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-v5-c-breadcrumb__dropdown .pf-v5-c-menu {
+:is([id="ws-core-c-menu-drilldown-with-breadcrumbs---level-3"], [id="ws-core-c-menu-drilldown-with-breadcrumbs---level-4"]) .pf-v6-c-breadcrumb__dropdown .pf-v6-c-menu {
   position: absolute;
-}
+}
+
+.pf-v6-c-menu__breadcrumb .pf-v6-c-menu {
+  z-index: 1;
+}

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

@@ -1,6 +1,7 @@
 import './Menu.css';
 declare const _default: {
-  "breadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
-  "menu": "pf-v5-c-menu"
+  "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
+  "menu": "pf-v6-c-menu",
+  "menuBreadcrumb": "pf-v6-c-menu__breadcrumb"
 };
 export default _default;

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

@@ -2,6 +2,7 @@
 exports.__esModule = true;
 require('./Menu.css');
 exports.default = {
-  "breadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
-  "menu": "pf-v5-c-menu"
+  "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
+  "menu": "pf-v6-c-menu",
+  "menuBreadcrumb": "pf-v6-c-menu__breadcrumb"
 };

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

@@ -1,5 +1,6 @@
 import './Menu.css';
 export default {
-  "breadcrumbDropdown": "pf-v5-c-breadcrumb__dropdown",
-  "menu": "pf-v5-c-menu"
+  "breadcrumbDropdown": "pf-v6-c-breadcrumb__dropdown",
+  "menu": "pf-v6-c-menu",
+  "menuBreadcrumb": "pf-v6-c-menu__breadcrumb"
 };

package/css/docs/components/Nav/examples/Navigation.css

@@ -1,41 +1,36 @@
-.ws-core-c-navigation:not([id*="tertiary"]):not([id*="light-mode"]) .pf-v5-c-nav {
-  padding: 0;
-  background-color: var(--pf-v5-global--BackgroundColor--dark-300);
+#ws-core-c-navigation-horizontal-in-masthead .pf-v6-c-page__header-nav,
+#ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v6-c-page__header-nav {
+  grid-row: 1;
 }
 
-#ws-core-c-navigation-horizontal-in-masthead,
-#ws-core-c-navigation-horizontal-in-masthead-overflow {
-  grid-template-rows: auto;
+#ws-core-c-navigation-nav-with-flyout .ws-preview-html,
+[id^="ws-core-c-navigation-nav-with-drilldown-menu"] .ws-preview-html {
+  width: 280px;
 }
 
-#ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header,
-#ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header {
-  min-height: 0;
+#ws-core-c-navigation-nav-with-flyout .ws-preview-html {
+  position: relative;
 }
 
-@media screen and (min-width: 1200px) {
-  #ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header,
-  #ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header {
-    min-height: var(--pf-v5-c-page__header--MinHeight);
-  }
+#ws-core-c-navigation-nav-with-flyout .pf-v6-c-menu.pf-m-flyout.pf-m-nav {
+  position: absolute;
+  inset-block-start: 151px;
+  inset-inline-start: 265px;
 }
 
-#ws-core-c-navigation-horizontal-in-masthead .pf-v5-c-page__header-nav,
-#ws-core-c-navigation-horizontal-in-masthead-overflow .pf-v5-c-page__header-nav {
-  grid-row: 1;
+#ws-core-c-navigation-horizontal .ws-preview-html,
+#ws-core-c-navigation-horizontal-overflow .ws-preview-html {
+  padding: var(--pf-t--global--spacer--md);
 }
 
-#ws-core-c-navigation-nav-with-flyout .ws-preview-html,
-[id^="ws-core-c-navigation-nav-with-drilldown-menu"] .ws-preview-html {
-  width: 260px;
+.ws-core-c-navigation .ws-preview-html {
+  background: var(--pf-v6-c-page__sidebar--BackgroundColor); /* use sidebar background for vertical nav examples */
 }
 
-#ws-core-c-navigation-nav-with-flyout .ws-preview-html {
-  position: relative;
+[id^="ws-core-c-navigation-horizontal"] .ws-preview-html {
+  background: var(--pf-v6-c-masthead--BackgroundColor); /* use masthead background for horizontal nav examples */
 }
 
-#ws-core-c-navigation-nav-with-flyout .pf-v5-c-menu.pf-m-flyout.pf-m-nav {
-  position: absolute;
-  inset-block-start: 168px;
-  inset-inline-start: 256px;
+[id^="ws-core-c-navigation-horizontal-subnav"] .ws-preview-html {
+  background: transparent; /* reset background for horizontal subnav examples */
 }