@patternfly/react-styles 6.0.0-alpha.18 → 6.0.0-alpha.19

package/css/components/Toolbar/toolbar.js

@@ -21,6 +21,9 @@ exports.default = {
     "static": "pf-m-static",
     "fullHeight": "pf-m-full-height",
     "pageInsets": "pf-m-page-insets",
+    "primary": "pf-m-primary",
+    "secondary": "pf-m-secondary",
+    "noBackground": "pf-m-no-background",
     "pagination": "pf-m-pagination",
     "expandAll": "pf-m-expand-all",
     "expanded": "pf-m-expanded",

package/css/components/Toolbar/toolbar.mjs

@@ -19,6 +19,9 @@ export default {
     "static": "pf-m-static",
     "fullHeight": "pf-m-full-height",
     "pageInsets": "pf-m-page-insets",
+    "primary": "pf-m-primary",
+    "secondary": "pf-m-secondary",
+    "noBackground": "pf-m-no-background",
     "pagination": "pf-m-pagination",
     "expandAll": "pf-m-expand-all",
     "expanded": "pf-m-expanded",

package/css/components/TreeView/tree-view.css

@@ -56,7 +56,7 @@
   --pf-v6-c-tree-view--m-guides__list-item--before--BackgroundColor: var(--pf-v6-c-tree-view--m-guides--guide-color--base);
   --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top: var(--pf-v6-c-tree-view--m-guides__node--before--Top);
   --pf-v6-c-tree-view--m-guides__list-item--last-child--before--Height: var(--pf-v6-c-tree-view--m-guides__list-item--last-child--before--Top);
-  --pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-tree-view--m-guides__list-item--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-tree-view--m-guides__node--before--Width: 1rem;
   --pf-v6-c-tree-view--m-guides__node--before--Height: var(--pf-v6-c-tree-view--m-guides--guide-width--base);
   --pf-v6-c-tree-view--m-guides__node--before--Top: 1.125rem;

package/css/components/Wizard/wizard.css

@@ -36,7 +36,7 @@
   --pf-v6-c-wizard__nav-link-toggle--PaddingRight: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--PaddingLeft: var(--pf-t--global--spacer--sm);
   --pf-v6-c-wizard__nav-link-toggle--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-v6-global--Transition);
+  --pf-v6-c-wizard__nav-link-toggle-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-wizard__nav-link-toggle-icon--Rotate: 0;
   --pf-v6-c-wizard__nav-item--m-expanded__link-toggle-icon--Rotate: 90deg;
   --pf-v6-c-wizard__nav-link--before--Width: 1.5rem;
@@ -53,7 +53,7 @@
   --pf-v6-c-wizard__nav-link--m-disabled--before--BackgroundColor: transparent;
   --pf-v6-c-wizard__nav-link--m-disabled--before--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-wizard__toggle--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-wizard__toggle--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__toggle--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__toggle--PaddingRight: var(--pf-t--global--spacer--md);
   --pf-v6-c-wizard__toggle--PaddingBottom: var(--pf-t--global--spacer--lg);
@@ -70,7 +70,7 @@
   --pf-v6-c-wizard__toggle-separator--Color: var(--pf-t--global--border--color--default);
   --pf-v6-c-wizard__toggle-icon--LineHeight: var(--pf-t--global--font--line-height--body);
   --pf-v6-c-wizard__toggle--m-expanded__toggle-icon--Rotate: 180deg;
-  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-wizard__nav--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__nav--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-wizard__nav--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-wizard__nav--Width: 100%;
@@ -93,7 +93,7 @@
   --pf-v6-c-wizard__main-body--PaddingBottom: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__main-body--PaddingLeft: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--BackgroundColor: var(--pf-t--global--background--color--primary--default);
-  --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--Zindex--xs);
+  --pf-v6-c-wizard__footer--ZIndex: var(--pf-t--global--z-index--xs);
   --pf-v6-c-wizard__footer--PaddingTop: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--PaddingRight: var(--pf-t--global--spacer--lg);
   --pf-v6-c-wizard__footer--PaddingBottom: var(--pf-t--global--spacer--md);

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

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

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

@@ -1,6 +1,6 @@
 import './overflow-menu.css';
 declare const _default: {
-  "v5COverflowMenuGroup": "pf-v5-c-overflow-menu__group",
-  "v5COverflowMenuItem": "pf-v5-c-overflow-menu__item"
+  "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
+  "overflowMenuItem": "pf-v6-c-overflow-menu__item"
 };
 export default _default;

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

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./overflow-menu.css');
 exports.default = {
-  "v5COverflowMenuGroup": "pf-v5-c-overflow-menu__group",
-  "v5COverflowMenuItem": "pf-v5-c-overflow-menu__item"
+  "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
+  "overflowMenuItem": "pf-v6-c-overflow-menu__item"
 };

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

@@ -1,5 +1,5 @@
 import './overflow-menu.css';
 export default {
-  "v5COverflowMenuGroup": "pf-v5-c-overflow-menu__group",
-  "v5COverflowMenuItem": "pf-v5-c-overflow-menu__item"
+  "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
+  "overflowMenuItem": "pf-v6-c-overflow-menu__item"
 };

package/css/docs/components/Page/deprecated/PageHeader.css

@@ -1,9 +1,9 @@
-.ws-html-deprecated-c-page :is(.pf-v5-c-page__sidebar, .pf-v5-c-page__main-subnav) {
-  color: var(--pf-v5-global--Color--light-100);
+.ws-html-deprecated-c-page :is(.pf-v6-c-page__sidebar, .pf-v6-c-page__main-subnav) {
+  color: var(--pf-t--global--text--color--inverse);
 }
 
-.ws-html-deprecated-c-page .pf-v5-c-page__main-section.pf-m-dark-200 {
-  color: var(--pf-v5-global--Color--dark-100);
+.ws-html-deprecated-c-page .pf-v6-c-page__main-section.pf-m-dark-200 {
+  color: var(--pf-t--global--text--color--regular);
 }
 
 #ws-html-deprecated-c-page-with-or-without-fill .ws-preview-html,

package/css/docs/components/Page/deprecated/PageHeader.d.ts

@@ -3,9 +3,9 @@ declare const _default: {
   "modifiers": {
     "dark_200": "pf-m-dark-200"
   },
-  "v5CPageMainSection": "pf-v5-c-page__main-section",
-  "v5CPageMainSubnav": "pf-v5-c-page__main-subnav",
-  "v5CPageSidebar": "pf-v5-c-page__sidebar",
+  "pageMainSection": "pf-v6-c-page__main-section",
+  "pageMainSubnav": "pf-v6-c-page__main-subnav",
+  "pageSidebar": "pf-v6-c-page__sidebar",
   "wsHtmlDeprecatedCPage": "ws-html-deprecated-c-page",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Page/deprecated/PageHeader.js

@@ -5,9 +5,9 @@ exports.default = {
   "modifiers": {
     "dark_200": "pf-m-dark-200"
   },
-  "v5CPageMainSection": "pf-v5-c-page__main-section",
-  "v5CPageMainSubnav": "pf-v5-c-page__main-subnav",
-  "v5CPageSidebar": "pf-v5-c-page__sidebar",
+  "pageMainSection": "pf-v6-c-page__main-section",
+  "pageMainSubnav": "pf-v6-c-page__main-subnav",
+  "pageSidebar": "pf-v6-c-page__sidebar",
   "wsHtmlDeprecatedCPage": "ws-html-deprecated-c-page",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Page/deprecated/PageHeader.mjs

@@ -3,9 +3,9 @@ export default {
   "modifiers": {
     "dark_200": "pf-m-dark-200"
   },
-  "v5CPageMainSection": "pf-v5-c-page__main-section",
-  "v5CPageMainSubnav": "pf-v5-c-page__main-subnav",
-  "v5CPageSidebar": "pf-v5-c-page__sidebar",
+  "pageMainSection": "pf-v6-c-page__main-section",
+  "pageMainSubnav": "pf-v6-c-page__main-subnav",
+  "pageSidebar": "pf-v6-c-page__sidebar",
   "wsHtmlDeprecatedCPage": "ws-html-deprecated-c-page",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Skeleton/examples/Skeleton.css

@@ -7,7 +7,7 @@
   align-items: flex-end;
 }
 
-#ws-core-c-skeleton-percentage-height-modifiers .ws-preview-html .pf-v5-c-skeleton {
+#ws-core-c-skeleton-percentage-height-modifiers .ws-preview-html .pf-v6-c-skeleton {
   flex: 1;
   margin: 0 2px;
 }

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

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

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

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

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

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

package/css/docs/components/TextInputGroup/examples/TextInputGroup.css

@@ -7,7 +7,7 @@
   position: absolute;
   inset-block-start: 40px;
   width: 100%;
-  z-index: var(--pf-t--global--Zindex--2xl);
+  z-index: var(--pf-t--global--z-index--2xl);
 }
 
 #ws-core-c-text-input-group-search-input-group-advanced-search-expanded-with-autocomplete {

package/css/docs/components/Tile/examples/Tile.css

@@ -1,7 +1,7 @@
-#ws-core-c-tile-basic-tiles .ws-preview-html .pf-v5-c-tile,
-#ws-core-c-tile-extra-content .ws-preview-html .pf-v5-c-tile,
-#ws-core-c-tile-stacked-tiles .ws-preview-html .pf-v5-c-tile,
-#ws-core-c-tile-stacked-tiles-large .ws-preview-html .pf-v5-c-tile {
+#ws-core-c-tile-basic-tiles .ws-preview-html .pf-v6-c-tile,
+#ws-core-c-tile-extra-content .ws-preview-html .pf-v6-c-tile,
+#ws-core-c-tile-stacked-tiles .ws-preview-html .pf-v6-c-tile,
+#ws-core-c-tile-stacked-tiles-large .ws-preview-html .pf-v6-c-tile {
   margin-inline-end: 8px;
 }
 
@@ -9,6 +9,6 @@
   display: flex;
 }
 
-#ws-core-c-tile-extra-content .ws-preview-html .pf-v5-c-tile {
+#ws-core-c-tile-extra-content .ws-preview-html .pf-v6-c-tile {
   width: 300px;
 }

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

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

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

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

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

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

package/css/docs/components/Toolbar/examples/Toolbar.css

@@ -18,50 +18,55 @@
   min-height: 28rem;
 }
 
-#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar,
-#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__group,
-#ws-core-e-toolbar-simple .pf-v5-c-toolbar,
-#ws-core-e-toolbar-simple .pf-v5-c-toolbar__group,
-#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar,
-#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar,
-#ws-core-c-toolbar-simple .pf-v5-c-toolbar,
-#ws-core-c-toolbar-simple .pf-v5-c-toolbar__group,
-#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar,
-#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar,
-#ws-core-c-toolbar-insets .pf-v5-c-toolbar,
-#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar,
-#ws-core-c-toolbar-width-control .pf-v5-c-toolbar {
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar,
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__group,
+#ws-core-e-toolbar-simple .pf-v6-c-toolbar,
+#ws-core-e-toolbar-simple .pf-v6-c-toolbar__group,
+#ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar,
+#ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar,
+#ws-core-c-toolbar-simple .pf-v6-c-toolbar,
+#ws-core-c-toolbar-simple .pf-v6-c-toolbar__group,
+#ws-core-c-toolbar-adjusted-spacers .pf-v6-c-toolbar,
+#ws-core-c-toolbar-adjusted-group-spacers .pf-v6-c-toolbar,
+#ws-core-c-toolbar-insets .pf-v6-c-toolbar,
+#ws-core-c-toolbar-page-insets .pf-v6-c-toolbar,
+#ws-core-c-toolbar-width-control .pf-v6-c-toolbar {
   border: var(--pf-t--global--border--width--control--default) dashed var(--pf-t--global--border--color--default);
 }
 
-#ws-core-e-toolbar-simple .pf-v5-c-toolbar__group .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-simple .pf-v5-c-toolbar__group .pf-v5-c-toolbar__item {
+#ws-core-e-toolbar-simple .pf-v6-c-toolbar__group .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-simple .pf-v6-c-toolbar__group .pf-v6-c-toolbar__item {
   border: none;
 }
 
-#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__item,
-#ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
-#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
-#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__item,
+#ws-core-e-toolbar-simple .pf-v6-c-toolbar__item,
+#ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
+#ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-simple .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-insets .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-page-insets .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-width-control .pf-v6-c-toolbar__item {
   padding-block: .25rem;
   padding-inline: .5rem;
 }
 
-#ws-core-c-toolbar-adjusted-group-column-gap .pf-v5-c-toolbar__item,
-#ws-core-e-toolbar-simple .pf-v5-c-toolbar__item,
-#ws-core-e-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
-#ws-core-e-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-simple .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-adjusted-spacers .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-adjusted-group-spacers .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-insets .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-page-insets .pf-v5-c-toolbar__item,
-#ws-core-c-toolbar-width-control .pf-v5-c-toolbar__item {
+#ws-core-c-toolbar-adjusted-group-column-gap .pf-v6-c-toolbar__item,
+#ws-core-e-toolbar-simple .pf-v6-c-toolbar__item,
+#ws-core-e-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
+#ws-core-e-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-simple .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-adjusted-spacers .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-adjusted-group-spacers .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-insets .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-page-insets .pf-v6-c-toolbar__item,
+#ws-core-c-toolbar-width-control .pf-v6-c-toolbar__item {
   background-color: var(--pf-t--global--background--color--secondary--default);
 }
+
+#ws-core-c-toolbar-sticky-toolbar .ws-preview-html {
+  height: 200px;
+  overflow: auto;
+}

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

@@ -1,7 +1,8 @@
 import './Toolbar.css';
 declare const _default: {
-  "v5CToolbar": "pf-v5-c-toolbar",
-  "v5CToolbarGroup": "pf-v5-c-toolbar__group",
-  "v5CToolbarItem": "pf-v5-c-toolbar__item"
+  "toolbar": "pf-v6-c-toolbar",
+  "toolbarGroup": "pf-v6-c-toolbar__group",
+  "toolbarItem": "pf-v6-c-toolbar__item",
+  "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -2,7 +2,8 @@
 exports.__esModule = true;
 require('./Toolbar.css');
 exports.default = {
-  "v5CToolbar": "pf-v5-c-toolbar",
-  "v5CToolbarGroup": "pf-v5-c-toolbar__group",
-  "v5CToolbarItem": "pf-v5-c-toolbar__item"
+  "toolbar": "pf-v6-c-toolbar",
+  "toolbarGroup": "pf-v6-c-toolbar__group",
+  "toolbarItem": "pf-v6-c-toolbar__item",
+  "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,6 +1,7 @@
 import './Toolbar.css';
 export default {
-  "v5CToolbar": "pf-v5-c-toolbar",
-  "v5CToolbarGroup": "pf-v5-c-toolbar__group",
-  "v5CToolbarItem": "pf-v5-c-toolbar__item"
+  "toolbar": "pf-v6-c-toolbar",
+  "toolbarGroup": "pf-v6-c-toolbar__group",
+  "toolbarItem": "pf-v6-c-toolbar__item",
+  "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Tooltip/examples/Tooltip.css

@@ -1,4 +1,4 @@
 /* adds padding to full page examples so arrows are visible */
 .ws-core-c-tooltip:not(.ws-preview) {
-  padding: var(--pf-v5-global--spacer--md);
+  padding: var(--pf-t--global--spacer--md);
 }

package/css/docs/components/Truncate/examples/Truncate.css

@@ -1,4 +1,4 @@
-.pf-v5-c-truncate--example {
+.pf-v6-c-truncate--example {
   width: 320px;
   resize: horizontal;
   overflow: auto;

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

@@ -1,5 +1,5 @@
 import './Truncate.css';
 declare const _default: {
-  "v5CTruncateExample": "pf-v5-c-truncate--example"
+  "truncateExample": "pf-v6-c-truncate--example"
 };
 export default _default;

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

@@ -2,5 +2,5 @@
 exports.__esModule = true;
 require('./Truncate.css');
 exports.default = {
-  "v5CTruncateExample": "pf-v5-c-truncate--example"
+  "truncateExample": "pf-v6-c-truncate--example"
 };

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

@@ -1,4 +1,4 @@
 import './Truncate.css';
 export default {
-  "v5CTruncateExample": "pf-v5-c-truncate--example"
+  "truncateExample": "pf-v6-c-truncate--example"
 };

package/css/docs/demos/Card/examples/Card.css

@@ -7,18 +7,18 @@
   position: relative;
 }
 
-#ws-html-demos-c-card-status-card-expanded-with-popover .pf-v5-c-popover {
+#ws-html-demos-c-card-status-card-expanded-with-popover .pf-v6-c-popover {
   position: absolute;
   margin-block-start: -12px;
   z-index: 1000;
   transform: translateY(-50%);
- inset-inline-start: calc(100% + var(--pf-v5-c-popover__arrow--Width) + var(--pf-v5-global--spacer--sm));
+ inset-inline-start: calc(100% + var(--pf-v6-c-popover__arrow--Width) + var(--pf-t--global--spacer--sm));
 }
 
-#ws-html-demos-c-card-status-card-expanded-with-popover .pf-v5-c-table {
-  --pf-v5-c-table__expandable-row--after--BorderLeftWidth: 0;
-  --pf-v5-c-table__expandable-row--after--BorderColor: transparent;
-  --pf-v5-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v5-global--spacer--sm);
+#ws-html-demos-c-card-status-card-expanded-with-popover .pf-v6-c-table {
+  --pf-v6-c-table__expandable-row--after--BorderLeftWidth: 0;
+  --pf-v6-c-table__expandable-row--after--BorderColor: transparent;
+  --pf-v6-c-table--m-compact--cell--first-last-child--PaddingLeft: var(--pf-v6-global--spacer--sm);
 }
 
 .ws-chart {

package/css/docs/demos/Card/examples/Card.d.ts

@@ -1,8 +1,8 @@
 import './Card.css';
 declare const _default: {
+  "popover": "pf-v6-c-popover",
   "popoverParent": "popover-parent",
-  "v5CPopover": "pf-v5-c-popover",
-  "v5CTable": "pf-v5-c-table",
+  "table": "pf-v6-c-table",
   "wsChart": "ws-chart"
 };
 export default _default;

package/css/docs/demos/Card/examples/Card.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./Card.css');
 exports.default = {
+  "popover": "pf-v6-c-popover",
   "popoverParent": "popover-parent",
-  "v5CPopover": "pf-v5-c-popover",
-  "v5CTable": "pf-v5-c-table",
+  "table": "pf-v6-c-table",
   "wsChart": "ws-chart"
 };

package/css/docs/demos/Card/examples/Card.mjs

@@ -1,7 +1,7 @@
 import './Card.css';
 export default {
+  "popover": "pf-v6-c-popover",
   "popoverParent": "popover-parent",
-  "v5CPopover": "pf-v5-c-popover",
-  "v5CTable": "pf-v5-c-table",
+  "table": "pf-v6-c-table",
   "wsChart": "ws-chart"
 };

package/css/docs/demos/Toolbar/examples/Toolbar.css

@@ -14,12 +14,12 @@
   min-height: 175px;
 }
 
-.pf-v5-c-menu-toggle + .pf-v5-c-panel {
+.pf-v6-c-menu-toggle + .pf-v6-c-panel {
   position: absolute;
   top: calc(100% + 2px);
-  z-index: var(--pf-v5-global--ZIndex--sm);
+  z-index: var(--pf-v6-global--ZIndex--sm);
 }
 
-.ws-html-demos-c-toolbar .pf-v5-c-toolbar__item {
+.ws-html-demos-c-toolbar .pf-v6-c-toolbar__item {
   position: relative;
 }

package/css/docs/demos/Toolbar/examples/Toolbar.d.ts

@@ -1,8 +1,8 @@
 import './Toolbar.css';
 declare const _default: {
-  "v5CMenuToggle": "pf-v5-c-menu-toggle",
-  "v5CPanel": "pf-v5-c-panel",
-  "v5CToolbarItem": "pf-v5-c-toolbar__item",
+  "menuToggle": "pf-v6-c-menu-toggle",
+  "panel": "pf-v6-c-panel",
+  "toolbarItem": "pf-v6-c-toolbar__item",
   "wsHtmlDemosCToolbar": "ws-html-demos-c-toolbar"
 };
 export default _default;

package/css/docs/demos/Toolbar/examples/Toolbar.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./Toolbar.css');
 exports.default = {
-  "v5CMenuToggle": "pf-v5-c-menu-toggle",
-  "v5CPanel": "pf-v5-c-panel",
-  "v5CToolbarItem": "pf-v5-c-toolbar__item",
+  "menuToggle": "pf-v6-c-menu-toggle",
+  "panel": "pf-v6-c-panel",
+  "toolbarItem": "pf-v6-c-toolbar__item",
   "wsHtmlDemosCToolbar": "ws-html-demos-c-toolbar"
 };

package/css/docs/demos/Toolbar/examples/Toolbar.mjs

@@ -1,7 +1,7 @@
 import './Toolbar.css';
 export default {
-  "v5CMenuToggle": "pf-v5-c-menu-toggle",
-  "v5CPanel": "pf-v5-c-panel",
-  "v5CToolbarItem": "pf-v5-c-toolbar__item",
+  "menuToggle": "pf-v6-c-menu-toggle",
+  "panel": "pf-v6-c-panel",
+  "toolbarItem": "pf-v6-c-toolbar__item",
   "wsHtmlDemosCToolbar": "ws-html-demos-c-toolbar"
 };