@patternfly/documentation-framework 6.0.0-alpha.1 → 6.0.0-alpha.11

package/CHANGELOG.md

@@ -3,6 +3,113 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 6.0.0-alpha.11 (2024-02-22)
+
+
+### Features
+
+* pull in latest alpha with new v6 prefixes ([#3899](https://github.com/patternfly/patternfly-org/issues/3899)) ([8e57612](https://github.com/patternfly/patternfly-org/commit/8e57612b00b626a1d5b8d8762139a1499cf46aa3))
+
+
+
+
+
+# 6.0.0-alpha.10 (2024-02-01)
+
+
+### Bug Fixes
+
+* bump docs framework version ([815e094](https://github.com/patternfly/patternfly-org/commit/815e09456987062a9b5d8a17c960698fd0c1c81c))
+
+
+
+
+
+# 6.0.0-alpha.9 (2024-01-23)
+
+
+### Bug Fixes
+
+* Update versions.json to include drag drop alpha ([9d924b7](https://github.com/patternfly/patternfly-org/commit/9d924b747cc3e431dffe438ed41940fbd610aa91))
+
+
+
+
+
+# 6.0.0-alpha.8 (2024-01-15)
+
+**Note:** Version bump only for package @patternfly/documentation-framework
+
+
+
+
+
+# 6.0.0-alpha.7 (2024-01-12)
+
+
+### Bug Fixes
+
+* Update brand svg id to avoid duplicate ids ([55d351b](https://github.com/patternfly/patternfly-org/commit/55d351be1b8d4d4f0b6d5f5090cbedc6629c6d94))
+
+
+
+
+
+# 6.0.0-alpha.6 (2024-01-12)
+
+
+### Bug Fixes
+
+* bump puppeteer ([#3858](https://github.com/patternfly/patternfly-org/issues/3858)) ([2182a0f](https://github.com/patternfly/patternfly-org/commit/2182a0fe4d4d50c866703efe316deafffc44e5a2))
+
+
+
+
+
+# 6.0.0-alpha.5 (2023-12-20)
+
+
+### Bug Fixes
+
+* PF brand logo in masthead to inline svg ([cafef36](https://github.com/patternfly/patternfly-org/commit/cafef363ea6b0912af9c5a1d5a0e10c353b60fd0))
+
+
+
+
+
+# 6.0.0-alpha.4 (2023-12-20)
+
+
+### Bug Fixes
+
+* update white space to test publishing to aws ([4432fbe](https://github.com/patternfly/patternfly-org/commit/4432fbea86ab6f420cef816475718a62c673a870))
+
+
+
+
+
+# 6.0.0-alpha.3 (2023-12-18)
+
+
+### Bug Fixes
+
+* try publish v6 to aws ([#3845](https://github.com/patternfly/patternfly-org/issues/3845)) ([9cc0909](https://github.com/patternfly/patternfly-org/commit/9cc09090ee035ac7087aacd9067b52a146bf3229))
+
+
+
+
+
+# 6.0.0-alpha.2 (2023-12-15)
+
+
+### Bug Fixes
+
+* bump docs-framework version in docs-site ([93d9115](https://github.com/patternfly/patternfly-org/commit/93d91150da89bbabcd6d8e9b0ef9fcadad7272c1))
+
+
+
+
+
 # 6.0.0-alpha.1 (2023-12-14)
 
 

package/components/autoLinkHeader/autoLinkHeader.css

@@ -3,8 +3,8 @@
 }
 
 .ws-heading-anchor {
-  color: var(--pf-v5-global--Color--100);
-  transform: translate(calc(-100% - var(--pf-v5-global--spacer--xs)), -50%);
+  color: var(--pf-v6-global--Color--100);
+  transform: translate(calc(-100% - var(--pf-v6-global--spacer--xs)), -50%);
   opacity: 0;
   position: absolute;
   left: 0;

package/components/cssVariables/cssVariables.css

@@ -2,14 +2,14 @@
   display: inline-block;
   height: 18px;
   width: 18px;
-  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--200);
-  border-radius: var(--pf-v5-global--BorderRadius--lg);
+  border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--BorderColor--200);
+  border-radius: var(--pf-v6-global--BorderRadius--lg);
 }
 
 .ws-td-text {
-  font-size: var(--pf-v5-global--FontSize--sm) !important;
+  font-size: var(--pf-v6-global--FontSize--sm) !important;
 }
 
 .ws-css-property {
-  padding: var(--pf-v5-global--spacer--xs) var(--pf-v5-global--spacer--md);
+  padding: var(--pf-v6-global--spacer--xs) var(--pf-v6-global--spacer--md);
 }

package/components/example/example.css

@@ -3,52 +3,52 @@
 }
 
 .ws-example {
-  margin-top: var(--pf-v5-global--spacer--lg);
-  margin-bottom: var(--pf-v5-global--spacer--lg);
+  margin-top: var(--pf-v6-global--spacer--lg);
+  margin-bottom: var(--pf-v6-global--spacer--lg);
 }
 
 .ws-example > .ws-example-header {
-  padding: var(--pf-v5-global--spacer--md);
+  padding: var(--pf-v6-global--spacer--md);
 }
 
 .ws-example-header > .ws-example-heading:not(:last-child) {
-  margin-bottom: var(--pf-v5-global--spacer--md);
+  margin-bottom: var(--pf-v6-global--spacer--md);
 }
 
-.ws-code-editor:not(.ws-example-code-expanded) > .pf-v5-c-code-editor__header::before {
-  --pf-v5-c-code-editor__header--before--BorderBottomWidth: 0;
+.ws-code-editor:not(.ws-example-code-expanded) > .pf-v6-c-code-editor__header::before {
+  --pf-v6-c-code-editor__header--before--BorderBottomWidth: 0;
 }
 
 .ws-code-editor-control {
-  --pf-v5-c-button--m-control--BackgroundColor: transparent;
-  --pf-v5-c-button--m-control--active--BackgroundColor: transparent;
-  --pf-v5-c-button--m-control--focus--BackgroundColor: transparent;
-  --pf-v5-c-button--m-control--hover--BackgroundColor: transparent;
+  --pf-v6-c-button--m-control--BackgroundColor: transparent;
+  --pf-v6-c-button--m-control--active--BackgroundColor: transparent;
+  --pf-v6-c-button--m-control--focus--BackgroundColor: transparent;
+  --pf-v6-c-button--m-control--hover--BackgroundColor: transparent;
 }
 
-.ws-code-editor-control.pf-v5-c-button {
-  --pf-v5-c-button--after--BorderWidth: 0;
+.ws-code-editor-control.pf-v6-c-button {
+  --pf-v6-c-button--after--BorderWidth: 0;
 }
 
 .ws-preview {
-  padding: var(--pf-v5-global--spacer--md);
-  background-color: var(--pf-v5-global--BackgroundColor--100);
-  border-bottom: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--BorderColor--300);
+  padding: var(--pf-v6-global--spacer--md);
+  background-color: var(--pf-v6-global--BackgroundColor--100);
+  border-bottom: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--BorderColor--300);
   transition: width .2s ease-in-out;
 }
 
 .ws-core-c-page.ws-preview > .ws-preview-html,
-.ws-react-c-page.ws-preview > .pf-v5-c-page {
+.ws-react-c-page.ws-preview > .pf-v6-c-page {
   overflow: hidden;
 }
 
 .ws-editor {
-  font-size: var(--pf-v5-global--FontSize--md);
+  font-size: var(--pf-v6-global--FontSize--md);
 }
 
 .ws-editor .token.punctuation,
 .ws-editor .token.operator {
-  color: var(--pf-v5-global--danger-color--100);
+  color: var(--pf-v6-global--danger-color--100);
 }
 
 .ws-preview__thumbnail-link {
@@ -100,33 +100,33 @@
   color: rgba(255,255,255,.4);
 }
 
-.pf-v5-c-badge.ws-beta-badge {
-  --pf-v5-c-badge--m-unread--BackgroundColor: var(--pf-v5-global--BackgroundColor--100);
-  --pf-v5-c-badge--m-unread--Color: var(--pf-v5-global--primary-color--100);
-  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--primary-color--100);
+.pf-v6-c-badge.ws-beta-badge {
+  --pf-v6-c-badge--m-unread--BackgroundColor: var(--pf-v6-global--BackgroundColor--100);
+  --pf-v6-c-badge--m-unread--Color: var(--pf-v6-global--primary-color--100);
+  border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--primary-color--100);
 }
 
 .ws-prop-required {
-  color: var(--pf-v5-global--danger-color--100);
+  color: var(--pf-v6-global--danger-color--100);
 }
 
 .ws-full-page-utils {
   position: fixed;
   right: 0;
   bottom: 0;
-  padding: var(--pf-v5-global--spacer--lg);
-  z-index: var(--pf-v5-global--ZIndex--2xl);
+  padding: var(--pf-v6-global--spacer--lg);
+  z-index: var(--pf-v6-global--ZIndex--2xl);
 }
 
 .ws-full-page-utils::before {
   position: absolute;
   inset: 0;
   content: "";
-  background-color: var(--pf-v5-global--BackgroundColor--100);
+  background-color: var(--pf-v6-global--BackgroundColor--100);
   opacity: 0.8;
-  box-shadow: var(--pf-v5-global--BoxShadow--sm);
+  box-shadow: var(--pf-v6-global--BoxShadow--sm);
 }
 
-.pf-v5-theme-dark .ws-theme-switch-full-page::before {
-  background-color: var(--pf-v5-global--BackgroundColor--300);
+.pf-v6-theme-dark .ws-theme-switch-full-page::before {
+  background-color: var(--pf-v6-global--BackgroundColor--300);
 }

package/components/footer/footer.css

@@ -1,11 +1,11 @@
-.ws-org-pfsite-l-footer.pf-v5-c-page__main-section {
-  font-family: var(--pf-v5-global--FontFamily--text);
+.ws-org-pfsite-l-footer.pf-v6-c-page__main-section {
+  font-family: var(--pf-v6-global--FontFamily--text);
   font-weight: 300;
   background-color: #1a1a1a !important;
-  --pf-v5-c-page__main-section--PaddingTop: var(--pf-v5-global--spacer--xl);
-  --pf-v5-c-page__main-section--PaddingRight: var(--pf-v5-global--spacer--2xl);
-  --pf-v5-c-page__main-section--PaddingBottom: var(--pf-v5-global--spacer--2xl);
-  --pf-v5-c-page__main-section--PaddingLeft: var(--pf-v5-global--spacer--2xl);
+  --pf-v6-c-page__main-section--PaddingTop: var(--pf-v6-global--spacer--xl);
+  --pf-v6-c-page__main-section--PaddingRight: var(--pf-v6-global--spacer--2xl);
+  --pf-v6-c-page__main-section--PaddingBottom: var(--pf-v6-global--spacer--2xl);
+  --pf-v6-c-page__main-section--PaddingLeft: var(--pf-v6-global--spacer--2xl);
   /* Hide long overflowing tocs */
   z-index: 1;
 }
@@ -34,8 +34,8 @@
   }
 }
 .ws-org-pfsite-l-footer-column .ws-org-pfsite-footer-menu-social-links a {
-  margin-right: var(--pf-v5-global--spacer--md);
-  color: var(--pf-v5-global--Color--light-100) !important;
+  margin-right: var(--pf-v6-global--spacer--md);
+  color: var(--pf-v6-global--Color--light-100) !important;
 }
 .ws-org-pfsite-l-footer-column
   .ws-org-pfsite-footer-menu-social-links
@@ -43,8 +43,8 @@
   margin-right: 0;
 }
 .ws-org-pfsite-l-footer-column .ws-org-pfsite-footer-menu-social-links {
-  margin-top: var(--pf-v5-global--spacer--md);
-  margin-bottom: var(--pf-v5-global--spacer--md);
+  margin-top: var(--pf-v6-global--spacer--md);
+  margin-bottom: var(--pf-v6-global--spacer--md);
 }
 @media (max-width: 768px) {
   .ws-org-pfsite-l-footer-column .ws-org-pfsite-footer-menu-social-links {
@@ -71,7 +71,7 @@
   padding-right: 10px;
 }
 .ws-org-pfsite-l-footer .ws-org-pfsite-footer-menu-link {
-  color: var(--pf-v5-global--Color--light-100);
+  color: var(--pf-v6-global--Color--light-100);
   font-size: 14px !important;
 }
 .ws-org-pfsite-l-footer .ws-org-pfsite-footer-menu-link:hover {
@@ -86,19 +86,19 @@
 .ws-org-pfsite-l-footer-dark {
   background: #151515 !important;
 }
-.pf-v5-c-page .pf-v5-c-page__main-section.ws-org-pfsite-l-footer-dark {
+.pf-v6-c-page .pf-v6-c-page__main-section.ws-org-pfsite-l-footer-dark {
   /* Hide long overflowing tocs */
   z-index: 1;
 }
-.pf-v5-c-page__main-section.ws-org-pfsite-l-footer-dark > * {
+.pf-v6-c-page__main-section.ws-org-pfsite-l-footer-dark > * {
   font-weight: 300;
   font-size: 12px;
   color: #d2d2d2;
 }
 .ws-org-pfsite-l-footer-dark a {
-  padding-right: var(--pf-v5-global--spacer--sm);
-  padding-left: var(--pf-v5-global--spacer--sm);
-  border-right: var(--pf-v5-global--BorderWidth--sm) solid #d2d2d2;
+  padding-right: var(--pf-v6-global--spacer--sm);
+  padding-left: var(--pf-v6-global--spacer--sm);
+  border-right: var(--pf-v6-global--BorderWidth--sm) solid #d2d2d2;
   font-weight: 300;
   color: #d2d2d2;
   text-decoration: underline;

package/components/gdprBanner/gdprBanner.css

@@ -9,6 +9,6 @@
 #ws-gdpr-banner {
   max-width: 95vw;
   flex-wrap: nowrap;
-  background: var(--pf-v5-global--BackgroundColor--100);
-  border: var(--pf-v5-global--BorderWidth--sm) solid var(--pf-v5-global--Color--100);
+  background: var(--pf-v6-global--BackgroundColor--100);
+  border: var(--pf-v6-global--BorderWidth--sm) solid var(--pf-v6-global--Color--100);
 }

package/components/sectionGallery/sectionGallery.css

@@ -8,7 +8,7 @@
 
 .ws-section-gallery {
   /* top placement */
-  margin-top: calc(var(--pf-v5-c-page__main-section--PaddingTop) * -1);
+  margin-top: calc(var(--pf-v6-c-page__main-section--PaddingTop) * -1);
 }
 
 * + .ws-section-gallery {
@@ -17,22 +17,22 @@
 }
 
 /* Toolbar styles */
-.ws-section-gallery .pf-v5-c-toolbar {
-  margin-left: calc(var(--pf-v5-c-page__main-section--PaddingLeft) * -1);
-  border-bottom: var(--pf-v5-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v5-c-page__sidebar--m-light--BorderRightColor);
-  margin-bottom: var(--pf-v5-global--spacer--md);
-  width: calc(100% + var(--pf-v5-c-page__main-section--PaddingLeft) + var(--pf-v5-c-page__main-section--PaddingRight));
+.ws-section-gallery .pf-v6-c-toolbar {
+  margin-left: calc(var(--pf-v6-c-page__main-section--PaddingLeft) * -1);
+  border-bottom: var(--pf-v6-c-page__sidebar--m-light--BorderRightWidth) solid var(--pf-v6-c-page__sidebar--m-light--BorderRightColor);
+  margin-bottom: var(--pf-v6-global--spacer--md);
+  width: calc(100% + var(--pf-v6-c-page__main-section--PaddingLeft) + var(--pf-v6-c-page__main-section--PaddingRight));
   /* avoid hoverable data list items overlapping toolbar */
-  z-index: calc(var(--pf-v5-global--ZIndex--xs) + 2);
+  z-index: calc(var(--pf-v6-global--ZIndex--xs) + 2);
 }
 
 /* Match toolbar left-padding to gallery left-padding */
-.ws-section-gallery .pf-v5-c-toolbar .pf-v5-c-toolbar__content {
-  --pf-v5-c-toolbar__content--PaddingLeft: var(--pf-v5-c-page__main-section--PaddingLeft);
+.ws-section-gallery .pf-v6-c-toolbar .pf-v6-c-toolbar__content {
+  --pf-v6-c-toolbar__content--PaddingLeft: var(--pf-v6-c-page__main-section--PaddingLeft);
 }
 
 /* Avoid toolbar wrap on smaller screens */
-.ws-section-gallery .pf-v5-c-toolbar__content-section {
+.ws-section-gallery .pf-v6-c-toolbar__content-section {
   flex-wrap: nowrap;
 }
 
@@ -43,11 +43,11 @@
 }
 
 /* Ensure same height for all cards in a gallery row */
-.ws-section-gallery .pf-v5-c-card {
+.ws-section-gallery .pf-v6-c-card {
   height: 100%;
 }
 
 /* Limit width for data list view only */
-.ws-section-gallery .pf-v5-c-data-list {
+.ws-section-gallery .pf-v6-c-data-list {
   max-width: 956px;
 }

package/components/sectionGallery/sectionGalleryToolbar.js

@@ -30,7 +30,7 @@ export const SectionGalleryToolbar = ({
           </ToggleGroup>
         </ToolbarItem>
       </ToolbarGroup>
-      <ToolbarItem variant="pagination" spacer={{default: 'spacerMd', md: 'spacerNone'}} style={{'--pf-v5-c-toolbar__item--MinWidth': "max-content"}}>
+      <ToolbarItem variant="pagination" spacer={{default: 'spacerMd', md: 'spacerNone'}} style={{'--pf-v6-c-toolbar__item--MinWidth': "max-content"}}>
         <Text component={TextVariants.small}>{ galleryItems.length }{ countText }</Text>
       </ToolbarItem>
     </ToolbarContent>

package/components/sideNav/sideNav.css

@@ -1,21 +1,21 @@
-.ws-page-sidebar .pf-v5-c-nav {
-  --pf-v5-c-nav__link--before--BorderBottomWidth: 0;
-  --pf-v5-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
-  --pf-v5-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
-  --pf-v5-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
-  --pf-v5-c-nav--m-light__link--active--BackgroundColor: var(--pf-v5-global--BackgroundColor--light-200);
-  --pf-v5-c-nav__link--m-current--BackgroundColor: var(--pf-v5-global--BackgroundColor--200);
+.ws-page-sidebar .pf-v6-c-nav {
+  --pf-v6-c-nav__link--before--BorderBottomWidth: 0;
+  --pf-v6-c-nav--m-light__link--hover--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-200);
+  --pf-v6-c-nav--m-light__link--focus--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-200);
+  --pf-v6-c-nav--m-light__link--m-current--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-200);
+  --pf-v6-c-nav--m-light__link--active--BackgroundColor: var(--pf-v6-global--BackgroundColor--light-200);
+  --pf-v6-c-nav__link--m-current--BackgroundColor: var(--pf-v6-global--BackgroundColor--200);
 }
 
-.ws-side-nav-list .pf-v5-c-nav__item.pf-m-expandable::before {
+.ws-side-nav-list .pf-v6-c-nav__item.pf-m-expandable::before {
   border-bottom: 0;
 }
 
-.pf-v5-c-nav__subsection-title {
-  color: var(--ws-toc-link--Color, var(--pf-v5-global--Color--300));
-  font-size: var(--pf-v5-global--FontSize--sm);
+.pf-v6-c-nav__subsection-title {
+  color: var(--ws-toc-link--Color, var(--pf-v6-global--Color--300));
+  font-size: var(--pf-v6-global--FontSize--sm);
 }
 
 #ws-sticky-nav-tabs {
-  z-index: var(--pf-v5-global--ZIndex--2xl);
+  z-index: var(--pf-v6-global--ZIndex--2xl);
 }

package/components/sideNav/sideNav.js

@@ -19,14 +19,14 @@ const NavItem = ({ text, href, isDeprecated, isBeta, isDemo }) => {
   return (
     <PageContextConsumer key={href + text}>
       {({onSidebarToggle, isSidebarOpen }) => (
-          <li key={href + text} className="pf-v5-c-nav__item" onClick={() => isMobileView && onSidebarToggle && onSidebarToggle()}>
+          <li key={href + text} className="pf-v6-c-nav__item" onClick={() => isMobileView && onSidebarToggle && onSidebarToggle()}>
             <Link
               to={href}
               getProps={({ isCurrent, href, location }) => {
                 const { pathname } = location;
                 return {
                   className: css(
-                    'pf-v5-c-nav__link',
+                    'pf-v6-c-nav__link',
                     (isCurrent || pathname.startsWith(href + '/')) && 'pf-m-current'
                   )
                 }}

package/components/tableOfContents/tableOfContents.css

@@ -1,45 +1,45 @@
 .ws-toc {
   align-self: flex-start;
   position: sticky;
-  width: calc(100% + var(--pf-v5-c-page__main-section--PaddingLeft) + var(--pf-v5-c-page__main-section--PaddingRight));
-  background-color: var(--pf-v5-global--BackgroundColor--200);
+  width: calc(100% + var(--pf-v6-c-page__main-section--PaddingLeft) + var(--pf-v6-c-page__main-section--PaddingRight));
+  background-color: var(--pf-v6-global--BackgroundColor--200);
   z-index: 501;
-  margin-block-start: calc(var(--pf-v5-c-page__main-section--PaddingTop) * -1);
-  margin-block-end: var(--pf-v5-global--spacer--md);
-  margin-inline-start: calc(var(--pf-v5-c-page__main-section--PaddingLeft) * -1);
-  margin-inline-end: calc(var(--pf-v5-c-page__main-section--PaddingRight) * -2);
-  padding-block-start: var(--pf-v5-global--spacer--md);
-  padding-block-end: var(--pf-v5-global--spacer--md);
-  padding-inline-start: var(--pf-v5-global--spacer--md);
+  margin-block-start: calc(var(--pf-v6-c-page__main-section--PaddingTop) * -1);
+  margin-block-end: var(--pf-v6-global--spacer--md);
+  margin-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingLeft) * -1);
+  margin-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingRight) * -2);
+  padding-block-start: var(--pf-v6-global--spacer--md);
+  padding-block-end: var(--pf-v6-global--spacer--md);
+  padding-inline-start: var(--pf-v6-global--spacer--md);
   padding-inline-end: 0;
-  box-shadow: var(--pf-v5-global--BoxShadow--lg-bottom);
+  box-shadow: var(--pf-v6-global--BoxShadow--lg-bottom);
 }
 
 .ws-toc.pf-m-expanded {
-  box-shadow: var(--pf-v5-global--BoxShadow--sm-bottom)
+  box-shadow: var(--pf-v6-global--BoxShadow--sm-bottom)
 }
 
 /* Mobile jumplinks */
 @media (max-width: 1450px) {
-  .ws-toc.pf-m-expanded .pf-v5-c-jump-links__main {
+  .ws-toc.pf-m-expanded .pf-v6-c-jump-links__main {
     max-height: 65vh;
     overflow: auto;
   }
-  
-  .ws-toc .pf-v5-c-jump-links__header {
+
+  .ws-toc .pf-v6-c-jump-links__header {
     position: sticky;
     top: 0;
-    background-color: var(--pf-v5-global--BackgroundColor--200);
+    background-color: var(--pf-v6-global--BackgroundColor--200);
     z-index: 2;
   }
 }
 
-.ws-toc .pf-v5-c-jump-links__main {
+.ws-toc .pf-v6-c-jump-links__main {
   scrollbar-width: none;
 }
 
 /* Hide TOC scrollbar Chrome, Safari & Opera */
-.ws-toc .pf-v5-c-jump-links__main::-webkit-scrollbar {
+.ws-toc .pf-v6-c-jump-links__main::-webkit-scrollbar {
   display: none;
 }
 
@@ -52,7 +52,7 @@
     -ms-overflow-style: none;
     scrollbar-width: none;
     order: 1;
-    padding: 0 var(--pf-v5-global--spacer--lg) var(--pf-v5-global--spacer--lg) var(--pf-v5-global--spacer--2xl);
+    padding: 0 var(--pf-v6-global--spacer--lg) var(--pf-v6-global--spacer--lg) var(--pf-v6-global--spacer--2xl);
     flex-grow: 1;
     background: none;
     margin: 0;
@@ -65,18 +65,18 @@
 }
 
 /* .ws-toc-link { */
-.ws-toc-item .pf-v5-c-jump-links__link {
+.ws-toc-item .pf-v6-c-jump-links__link {
   position: relative;
   display: block;
-  color: var(--ws-toc-link--Color, var(--pf-v5-global--Color--300));
-  font-size: var(--pf-v5-global--FontSize--sm);
+  color: var(--ws-toc-link--Color, var(--pf-v6-global--Color--300));
+  font-size: var(--pf-v6-global--FontSize--sm);
   margin: -4px 0;
 }
 
-.ws-toc-sublist > .ws-toc-item:first-child .pf-v5-c-jump-links__link {
+.ws-toc-sublist > .ws-toc-item:first-child .pf-v6-c-jump-links__link {
   margin-top: 0;
 }
 
-.ws-toc-item.pf-m-current .pf-v5-c-jump-links__link::before {
+.ws-toc-item.pf-m-current .pf-v6-c-jump-links__link::before {
   z-index: 1;
 }

package/layouts/sideNavLayout/sideNavLayout.css

@@ -1,5 +1,5 @@
 /* Page layout */
-/* tells .pf-v5-c-page to consume the available space left over from the banners/footers */
+/* tells .pf-v6-c-page to consume the available space left over from the banners/footers */
 #ws-router {
   display: flex;
   flex-direction: column;
@@ -9,7 +9,7 @@
 }
 
 .ws-switcher-divider {
-  padding: 0 var(--pf-v5-global--spacer--md);
+  padding: 0 var(--pf-v6-global--spacer--md);
 }
 
 @media (min-width: 1200px) {
@@ -18,8 +18,8 @@
   }
 }
 
-.ws-page-sidebar > .pf-v5-c-page__sidebar-body {
-  padding-top: var(--pf-v5-global--spacer--md);
+.ws-page-sidebar > .pf-v6-c-page__sidebar-body {
+  padding-top: var(--pf-v6-global--spacer--md);
 }
 
 /* Search */
@@ -27,24 +27,24 @@
   /* Fix search results overflowing page */
   min-width: 480px !important;
 }
-.ws-global-search.pf-v5-c-input-group {
+.ws-global-search.pf-v6-c-input-group {
   /* remove white background on dark Masthead */
-  --pf-v5-c-input-group--BackgroundColor: none;
+  --pf-v6-c-input-group--BackgroundColor: none;
 }
 
 /* For tiny (200px) viewports */
-.ws-masthead .pf-v5-c-toolbar__item  {
+.ws-masthead .pf-v6-c-toolbar__item  {
   min-width: 0;
 }
 
-.ws-masthead .pf-v5-c-switch {
+.ws-masthead .pf-v6-c-switch {
   align-items: center;
-  --pf-v5-c-switch__input--not-checked__label--Color: var(--pf-v5-global--Color--100);
-  --pf-v5-c-switch__input--checked__label--Color: var(--pf-v5-global--Color--100);
+  --pf-v6-c-switch__input--not-checked__label--Color: var(--pf-v6-global--Color--100);
+  --pf-v6-c-switch__input--checked__label--Color: var(--pf-v6-global--Color--100);
 }
 
-.ws-masthead .pf-v5-c-toggle-group {
-  --pf-v5-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v5-global--palette--blue-400);
-  --pf-v5-c-toggle-group__button--focus--BackgroundColor: transparent;
-  --pf-v5-c-toggle-group__button--hover--BackgroundColor: transparent;
+.ws-masthead .pf-v6-c-toggle-group {
+  --pf-v6-c-toggle-group__button--m-selected--BackgroundColor: var(--pf-v6-global--palette--blue-400);
+  --pf-v6-c-toggle-group__button--focus--BackgroundColor: transparent;
+  --pf-v6-c-toggle-group__button--hover--BackgroundColor: transparent;
 }