@patternfly/react-styles 6.0.0-alpha.3 → 6.0.0-alpha.30

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

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

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

@@ -5,6 +5,6 @@ declare const _default: {
   },
   "showDark": "show-dark",
   "showLight": "show-light",
-  "themeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v6-theme-dark"
 };
 export default _default;

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

@@ -7,5 +7,5 @@ exports.default = {
   },
   "showDark": "show-dark",
   "showLight": "show-light",
-  "themeDark": "pf-v5-theme-dark"
+  "themeDark": "pf-v6-theme-dark"
 };

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

@@ -5,5 +5,5 @@ export default {
   },
   "showDark": "show-dark",
   "showLight": "show-light",
-  "themeDark": "pf-v5-theme-dark"
+  "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/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/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,31 @@
-.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,
-#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 */
 }

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

@@ -1,13 +1,10 @@
 import './Navigation.css';
 declare const _default: {
-  "menu": "pf-v5-c-menu",
+  "menu": "pf-v6-c-menu",
   "modifiers": {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
-  "pageHeader": "pf-v5-c-page__header",
-  "pageHeaderNav": "pf-v5-c-page__header-nav",
   "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -2,14 +2,11 @@
 exports.__esModule = true;
 require('./Navigation.css');
 exports.default = {
-  "menu": "pf-v5-c-menu",
+  "menu": "pf-v6-c-menu",
   "modifiers": {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
-  "pageHeader": "pf-v5-c-page__header",
-  "pageHeaderNav": "pf-v5-c-page__header-nav",
   "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,13 +1,10 @@
 import './Navigation.css';
 export default {
-  "menu": "pf-v5-c-menu",
+  "menu": "pf-v6-c-menu",
   "modifiers": {
     "flyout": "pf-m-flyout",
     "nav": "pf-m-nav"
   },
-  "nav": "pf-v5-c-nav",
-  "pageHeader": "pf-v5-c-page__header",
-  "pageHeaderNav": "pf-v5-c-page__header-nav",
   "wsCoreCNavigation": "ws-core-c-navigation",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,35 +1,11 @@
-#ws-core-c-overflow-menu-simple-collapsed {
-  min-height: 18rem;
-}
-
-#ws-core-c-overflow-menu-additional-options-in-dropdown-hidden {
-  min-height: 24rem;
-}
-
-#ws-core-c-overflow-menu-additional-options-in-dropdown-visible {
-  min-height: 7rem;
-}
-
-#ws-core-c-overflow-menu-persistent-additional-options-hidden {
-  min-height: 14rem;
-}
-
-#ws-core-c-overflow-menu-persistent-additional-options-visible {
-  min-height: 8rem;
-}
-
-#ws-core-c-overflow-menu-additional-options-in-dropdown-visible {
-  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 .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-"]) {
   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 .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: {
-  "overflowMenuGroup": "pf-v5-c-overflow-menu__group",
-  "overflowMenuItem": "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 = {
-  "overflowMenuGroup": "pf-v5-c-overflow-menu__group",
-  "overflowMenuItem": "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 {
-  "overflowMenuGroup": "pf-v5-c-overflow-menu__group",
-  "overflowMenuItem": "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/examples/Page.css

@@ -1,9 +1,5 @@
-#ws-core-c-page-with-or-without-fill .ws-preview-html,
-#ws-core-c-page-multiple-sidebar-body-elements-padding-and-fill .ws-preview-html {
-  height: 500px;
-}
-
-#ws-core-c-page-multiple-sidebar-body-elements .ws-preview-html,
-#ws-core-c-page-using-flex-layout .ws-preview-html {
-  height: 100%;
-}
+/* Because the page component has height:100dvh, override it just for the embedded examples */
+.ws-mdx-content-content [id^=ws-core-c-page-] .pf-v6-c-page {
+  height: min-content;
+  min-height: 30em;
+}

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

@@ -1,5 +1,6 @@
 import './Page.css';
 declare const _default: {
-  "wsPreviewHtml": "ws-preview-html"
+  "page": "pf-v6-c-page",
+  "wsMdxContentContent": "ws-mdx-content-content"
 };
 export default _default;

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

@@ -2,5 +2,6 @@
 exports.__esModule = true;
 require('./Page.css');
 exports.default = {
-  "wsPreviewHtml": "ws-preview-html"
+  "page": "pf-v6-c-page",
+  "wsMdxContentContent": "ws-mdx-content-content"
 };

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

@@ -1,4 +1,5 @@
 import './Page.css';
 export default {
-  "wsPreviewHtml": "ws-preview-html"
+  "page": "pf-v6-c-page",
+  "wsMdxContentContent": "ws-mdx-content-content"
 };

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: {
-  "skeleton": "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 = {
-  "skeleton": "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 {
-  "skeleton": "pf-v5-c-skeleton",
+  "skeleton": "pf-v6-c-skeleton",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/components/Table/examples/Table.css

@@ -3,16 +3,21 @@
   width: 800px;
 }
 
-#ws-core-c-table-th-truncation .pf-v5-c-tooltip {
+#ws-core-c-table-th-truncation .pf-v6-c-tooltip {
   position: absolute;
- inset-inline-start: 440px;
- inset-block-start: -18px;
+  inset-inline-start: 440px;
+  inset-block-start: -18px;
 }
 
+#ws-core-c-table-sticky-columns-and-header .ws-preview-html,
+#ws-core-c-table-nested-column-headers-sticky-header .ws-preview-html,
 #ws-core-c-table-sticky-header .ws-preview-html {
-  height: 300px;
+  height: 400px;
 }
 
-#ws-core-c-table-sticky-columns-and-header .ws-preview-html {
-  height: 600px;
+.pf-v6-c-overflow-menu .pf-v6-c-menu {
+  position: absolute;
+  inset-inline-end: 0;
+  z-index: 999;
+  min-width: max-content;
 }

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

@@ -1,6 +1,8 @@
 import './Table.css';
 declare const _default: {
-  "tooltip": "pf-v5-c-tooltip",
+  "menu": "pf-v6-c-menu",
+  "overflowMenu": "pf-v6-c-overflow-menu",
+  "tooltip": "pf-v6-c-tooltip",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -2,6 +2,8 @@
 exports.__esModule = true;
 require('./Table.css');
 exports.default = {
-  "tooltip": "pf-v5-c-tooltip",
+  "menu": "pf-v6-c-menu",
+  "overflowMenu": "pf-v6-c-overflow-menu",
+  "tooltip": "pf-v6-c-tooltip",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,5 +1,7 @@
 import './Table.css';
 export default {
-  "tooltip": "pf-v5-c-tooltip",
+  "menu": "pf-v6-c-menu",
+  "overflowMenu": "pf-v6-c-overflow-menu",
+  "tooltip": "pf-v6-c-tooltip",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -2,13 +2,18 @@
   position: relative;
 }
 
-.ws-example-wrapper .pf-v5-c-menu,
-.ws-example-wrapper .pf-v5-c-panel {
+.ws-example-wrapper .pf-v6-c-menu,
+.ws-example-wrapper .pf-v6-c-panel {
   position: absolute;
- inset-block-start: 40px;
+  inset-block-start: 40px;
   width: 100%;
+  z-index: var(--pf-t--global--z-index--2xl);
 }
 
 #ws-core-c-text-input-group-search-input-group-advanced-search-expanded-with-autocomplete {
   height: 540px;
 }
+
+#ws-core-c-text-input-group-plain {
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
+}

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

@@ -1,7 +1,7 @@
 import './TextInputGroup.css';
 declare const _default: {
-  "menu": "pf-v5-c-menu",
-  "panel": "pf-v5-c-panel",
+  "menu": "pf-v6-c-menu",
+  "panel": "pf-v6-c-panel",
   "wsExampleWrapper": "ws-example-wrapper"
 };
 export default _default;

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

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./TextInputGroup.css');
 exports.default = {
-  "menu": "pf-v5-c-menu",
-  "panel": "pf-v5-c-panel",
+  "menu": "pf-v6-c-menu",
+  "panel": "pf-v6-c-panel",
   "wsExampleWrapper": "ws-example-wrapper"
 };

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

@@ -1,6 +1,6 @@
 import './TextInputGroup.css';
 export default {
-  "menu": "pf-v5-c-menu",
-  "panel": "pf-v5-c-panel",
+  "menu": "pf-v6-c-menu",
+  "panel": "pf-v6-c-panel",
   "wsExampleWrapper": "ws-example-wrapper"
 };