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

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

@@ -14,8 +14,8 @@
 
 #ws-core-c-navigation-nav-with-flyout .pf-v6-c-menu.pf-m-flyout.pf-m-nav {
   position: absolute;
-  inset-block-start: 168px;
-  inset-inline-start: 256px;
+  inset-block-start: 151px;
+  inset-inline-start: 265px;
 }
 
 #ws-core-c-navigation-horizontal .ws-preview-html,

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

@@ -3,16 +3,14 @@
   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;
-}
-
-#ws-core-c-table-sticky-columns-and-header .ws-preview-html {
-  height: 600px;
+  height: 400px;
 }

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

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

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

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

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

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

package/css/docs/layouts/Bullseye/examples/Bullseye.css

@@ -1,5 +1,5 @@
-.ws-core-l-bullseye .pf-v5-l-bullseye,
-.ws-core-l-bullseye .pf-v5-l-bullseye__item {
-  padding: .5rem;
-  border: 2px dashed #393f44;
+.ws-core-l-bullseye .pf-v6-l-bullseye,
+.ws-core-l-bullseye .pf-v6-l-bullseye__item {
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/layouts/Bullseye/examples/Bullseye.d.ts

@@ -1,7 +1,7 @@
 import './Bullseye.css';
 declare const _default: {
-  "v5LBullseye": "pf-v5-l-bullseye",
-  "v5LBullseyeItem": "pf-v5-l-bullseye__item",
+  "bullseye": "pf-v6-l-bullseye",
+  "bullseyeItem": "pf-v6-l-bullseye__item",
   "wsCoreLBullseye": "ws-core-l-bullseye"
 };
 export default _default;

package/css/docs/layouts/Bullseye/examples/Bullseye.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./Bullseye.css');
 exports.default = {
-  "v5LBullseye": "pf-v5-l-bullseye",
-  "v5LBullseyeItem": "pf-v5-l-bullseye__item",
+  "bullseye": "pf-v6-l-bullseye",
+  "bullseyeItem": "pf-v6-l-bullseye__item",
   "wsCoreLBullseye": "ws-core-l-bullseye"
 };

package/css/docs/layouts/Bullseye/examples/Bullseye.mjs

@@ -1,6 +1,6 @@
 import './Bullseye.css';
 export default {
-  "v5LBullseye": "pf-v5-l-bullseye",
-  "v5LBullseyeItem": "pf-v5-l-bullseye__item",
+  "bullseye": "pf-v6-l-bullseye",
+  "bullseyeItem": "pf-v6-l-bullseye__item",
   "wsCoreLBullseye": "ws-core-l-bullseye"
 };

package/css/docs/layouts/Flex/examples/Flex.css

@@ -1,6 +1,6 @@
 .ws-core-l-flex-border,
-.ws-core-l-flex .pf-v5-l-flex .pf-v5-l-flex,
-.ws-core-l-flex .pf-v5-l-flex__item {
-  padding: .5rem !important;
-  border: 2px dashed #393f44;
+.ws-core-l-flex .pf-v6-l-flex .pf-v6-l-flex,
+.ws-core-l-flex .pf-v6-l-flex__item {
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/layouts/Flex/examples/Flex.d.ts

@@ -1,7 +1,7 @@
 import './Flex.css';
 declare const _default: {
-  "v5LFlex": "pf-v5-l-flex",
-  "v5LFlexItem": "pf-v5-l-flex__item",
+  "flex": "pf-v6-l-flex",
+  "flexItem": "pf-v6-l-flex__item",
   "wsCoreLFlex": "ws-core-l-flex",
   "wsCoreLFlexBorder": "ws-core-l-flex-border"
 };

package/css/docs/layouts/Flex/examples/Flex.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./Flex.css');
 exports.default = {
-  "v5LFlex": "pf-v5-l-flex",
-  "v5LFlexItem": "pf-v5-l-flex__item",
+  "flex": "pf-v6-l-flex",
+  "flexItem": "pf-v6-l-flex__item",
   "wsCoreLFlex": "ws-core-l-flex",
   "wsCoreLFlexBorder": "ws-core-l-flex-border"
 };

package/css/docs/layouts/Flex/examples/Flex.mjs

@@ -1,7 +1,7 @@
 import './Flex.css';
 export default {
-  "v5LFlex": "pf-v5-l-flex",
-  "v5LFlexItem": "pf-v5-l-flex__item",
+  "flex": "pf-v6-l-flex",
+  "flexItem": "pf-v6-l-flex__item",
   "wsCoreLFlex": "ws-core-l-flex",
   "wsCoreLFlexBorder": "ws-core-l-flex-border"
 };

package/css/docs/layouts/Gallery/examples/Gallery.css

@@ -1,5 +1,5 @@
-.ws-core-l-gallery .pf-v5-l-gallery,
-.ws-core-l-gallery .pf-v5-l-gallery__item {
-  padding: .5rem !important;
-  border: 2px dashed #393f44;
+.ws-core-l-gallery .pf-v6-l-gallery,
+.ws-core-l-gallery .pf-v6-l-gallery__item {
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/layouts/Gallery/examples/Gallery.d.ts

@@ -1,7 +1,7 @@
 import './Gallery.css';
 declare const _default: {
-  "v5LGallery": "pf-v5-l-gallery",
-  "v5LGalleryItem": "pf-v5-l-gallery__item",
+  "gallery": "pf-v6-l-gallery",
+  "galleryItem": "pf-v6-l-gallery__item",
   "wsCoreLGallery": "ws-core-l-gallery"
 };
 export default _default;

package/css/docs/layouts/Gallery/examples/Gallery.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./Gallery.css');
 exports.default = {
-  "v5LGallery": "pf-v5-l-gallery",
-  "v5LGalleryItem": "pf-v5-l-gallery__item",
+  "gallery": "pf-v6-l-gallery",
+  "galleryItem": "pf-v6-l-gallery__item",
   "wsCoreLGallery": "ws-core-l-gallery"
 };

package/css/docs/layouts/Gallery/examples/Gallery.mjs

@@ -1,6 +1,6 @@
 import './Gallery.css';
 export default {
-  "v5LGallery": "pf-v5-l-gallery",
-  "v5LGalleryItem": "pf-v5-l-gallery__item",
+  "gallery": "pf-v6-l-gallery",
+  "galleryItem": "pf-v6-l-gallery__item",
   "wsCoreLGallery": "ws-core-l-gallery"
 };

package/css/docs/layouts/Grid/examples/Grid.css

@@ -1,4 +1,4 @@
-.ws-core-l-grid .pf-v5-l-grid__item {
-  padding: .5rem !important;
-  border: 2px dashed #393f44;
+.ws-core-l-grid .pf-v6-l-grid__item {
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/layouts/Grid/examples/Grid.d.ts

@@ -1,6 +1,6 @@
 import './Grid.css';
 declare const _default: {
-  "v5LGridItem": "pf-v5-l-grid__item",
+  "gridItem": "pf-v6-l-grid__item",
   "wsCoreLGrid": "ws-core-l-grid"
 };
 export default _default;

package/css/docs/layouts/Grid/examples/Grid.js

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./Grid.css');
 exports.default = {
-  "v5LGridItem": "pf-v5-l-grid__item",
+  "gridItem": "pf-v6-l-grid__item",
   "wsCoreLGrid": "ws-core-l-grid"
 };

package/css/docs/layouts/Grid/examples/Grid.mjs

@@ -1,5 +1,5 @@
 import './Grid.css';
 export default {
-  "v5LGridItem": "pf-v5-l-grid__item",
+  "gridItem": "pf-v6-l-grid__item",
   "wsCoreLGrid": "ws-core-l-grid"
 };

package/css/docs/layouts/Level/examples/Level.css

@@ -3,11 +3,11 @@
   flex-wrap: wrap;
   min-height: 160px;
 }
-.ws-core-l-level .pf-v5-l-level__item,
-.ws-core-l-level .pf-v5-l-level {
-  padding: .5rem !important;
-  border: 2px dashed #393f44;
+.ws-core-l-level .pf-v6-l-level__item,
+.ws-core-l-level .pf-v6-l-level {
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }
-.ws-core-l-level .pf-v5-l-level {
+.ws-core-l-level .pf-v6-l-level {
   width: 100%;
 }

package/css/docs/layouts/Level/examples/Level.d.ts

@@ -1,7 +1,7 @@
 import './Level.css';
 declare const _default: {
-  "v5LLevel": "pf-v5-l-level",
-  "v5LLevelItem": "pf-v5-l-level__item",
+  "level": "pf-v6-l-level",
+  "levelItem": "pf-v6-l-level__item",
   "wsCoreLLevel": "ws-core-l-level",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/layouts/Level/examples/Level.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./Level.css');
 exports.default = {
-  "v5LLevel": "pf-v5-l-level",
-  "v5LLevelItem": "pf-v5-l-level__item",
+  "level": "pf-v6-l-level",
+  "levelItem": "pf-v6-l-level__item",
   "wsCoreLLevel": "ws-core-l-level",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/layouts/Level/examples/Level.mjs

@@ -1,7 +1,7 @@
 import './Level.css';
 export default {
-  "v5LLevel": "pf-v5-l-level",
-  "v5LLevelItem": "pf-v5-l-level__item",
+  "level": "pf-v6-l-level",
+  "levelItem": "pf-v6-l-level__item",
   "wsCoreLLevel": "ws-core-l-level",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/layouts/Split/examples/Split.css

@@ -1,5 +1,5 @@
-.ws-core-l-split .pf-v5-l-split,
-.ws-core-l-split .pf-v5-l-split__item {
-  padding: .5rem !important;
-  border: 2px dashed #393f44;
+.ws-core-l-split .pf-v6-l-split,
+.ws-core-l-split .pf-v6-l-split__item {
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }

package/css/docs/layouts/Split/examples/Split.d.ts

@@ -1,7 +1,7 @@
 import './Split.css';
 declare const _default: {
-  "v5LSplit": "pf-v5-l-split",
-  "v5LSplitItem": "pf-v5-l-split__item",
+  "split": "pf-v6-l-split",
+  "splitItem": "pf-v6-l-split__item",
   "wsCoreLSplit": "ws-core-l-split"
 };
 export default _default;

package/css/docs/layouts/Split/examples/Split.js

@@ -2,7 +2,7 @@
 exports.__esModule = true;
 require('./Split.css');
 exports.default = {
-  "v5LSplit": "pf-v5-l-split",
-  "v5LSplitItem": "pf-v5-l-split__item",
+  "split": "pf-v6-l-split",
+  "splitItem": "pf-v6-l-split__item",
   "wsCoreLSplit": "ws-core-l-split"
 };

package/css/docs/layouts/Split/examples/Split.mjs

@@ -1,6 +1,6 @@
 import './Split.css';
 export default {
-  "v5LSplit": "pf-v5-l-split",
-  "v5LSplitItem": "pf-v5-l-split__item",
+  "split": "pf-v6-l-split",
+  "splitItem": "pf-v6-l-split__item",
   "wsCoreLSplit": "ws-core-l-split"
 };

package/css/docs/layouts/Stack/examples/Stack.css

@@ -1,7 +1,7 @@
-.ws-core-l-stack .pf-v5-l-stack,
-.ws-core-l-stack .pf-v5-l-stack__item {
-  padding: .5rem !important;
-  border: 2px dashed #393f44;
+.ws-core-l-stack .pf-v6-l-stack,
+.ws-core-l-stack .pf-v6-l-stack__item {
+  padding: var(--pf-t--global--spacer--sm);
+  border: var(--pf-t--global--border--width--box--default) dashed var(--pf-t--global--border--color--default);
 }
 
 .ws-core-l-stack .ws-preview-html {
@@ -11,6 +11,6 @@
   width: 100%;
 }
 
-.ws-core-l-stack .pf-v5-l-stack {
+.ws-core-l-stack .pf-v6-l-stack {
   flex-grow: 1;
 }

package/css/docs/layouts/Stack/examples/Stack.d.ts

@@ -1,7 +1,7 @@
 import './Stack.css';
 declare const _default: {
-  "v5LStack": "pf-v5-l-stack",
-  "v5LStackItem": "pf-v5-l-stack__item",
+  "stack": "pf-v6-l-stack",
+  "stackItem": "pf-v6-l-stack__item",
   "wsCoreLStack": "ws-core-l-stack",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/layouts/Stack/examples/Stack.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./Stack.css');
 exports.default = {
-  "v5LStack": "pf-v5-l-stack",
-  "v5LStackItem": "pf-v5-l-stack__item",
+  "stack": "pf-v6-l-stack",
+  "stackItem": "pf-v6-l-stack__item",
   "wsCoreLStack": "ws-core-l-stack",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/layouts/Stack/examples/Stack.mjs

@@ -1,7 +1,7 @@
 import './Stack.css';
 export default {
-  "v5LStack": "pf-v5-l-stack",
-  "v5LStackItem": "pf-v5-l-stack__item",
+  "stack": "pf-v6-l-stack",
+  "stackItem": "pf-v6-l-stack__item",
   "wsCoreLStack": "ws-core-l-stack",
   "wsPreviewHtml": "ws-preview-html"
 };

package/css/docs/utilities/Alignment/examples/Alignment.css

@@ -1,7 +1,7 @@
-.ws-core-u-alignment .pf-v5-u-text-align-left,
-.ws-core-u-alignment .pf-v5-u-text-align-center,
-.ws-core-u-alignment .pf-v5-u-text-align-right,
-.ws-core-u-alignment .pf-v5-u-text-align-justify {
+.ws-core-u-alignment .pf-v6-u-text-align-start,
+.ws-core-u-alignment .pf-v6-u-text-align-center,
+.ws-core-u-alignment .pf-v6-u-text-align-end,
+.ws-core-u-alignment .pf-v6-u-text-align-justify {
   padding: .5rem !important;
   border: 2px dashed #393f44;
 }

package/css/docs/utilities/Alignment/examples/Alignment.d.ts

@@ -1,9 +1,9 @@
 import './Alignment.css';
 declare const _default: {
-  "v5UTextAlignCenter": "pf-v5-u-text-align-center",
-  "v5UTextAlignJustify": "pf-v5-u-text-align-justify",
-  "v5UTextAlignLeft": "pf-v5-u-text-align-left",
-  "v5UTextAlignRight": "pf-v5-u-text-align-right",
+  "textAlignCenter": "pf-v6-u-text-align-center",
+  "textAlignEnd": "pf-v6-u-text-align-end",
+  "textAlignJustify": "pf-v6-u-text-align-justify",
+  "textAlignStart": "pf-v6-u-text-align-start",
   "wsCoreUAlignment": "ws-core-u-alignment"
 };
 export default _default;

package/css/docs/utilities/Alignment/examples/Alignment.js

@@ -2,9 +2,9 @@
 exports.__esModule = true;
 require('./Alignment.css');
 exports.default = {
-  "v5UTextAlignCenter": "pf-v5-u-text-align-center",
-  "v5UTextAlignJustify": "pf-v5-u-text-align-justify",
-  "v5UTextAlignLeft": "pf-v5-u-text-align-left",
-  "v5UTextAlignRight": "pf-v5-u-text-align-right",
+  "textAlignCenter": "pf-v6-u-text-align-center",
+  "textAlignEnd": "pf-v6-u-text-align-end",
+  "textAlignJustify": "pf-v6-u-text-align-justify",
+  "textAlignStart": "pf-v6-u-text-align-start",
   "wsCoreUAlignment": "ws-core-u-alignment"
 };

package/css/docs/utilities/Alignment/examples/Alignment.mjs

@@ -1,8 +1,8 @@
 import './Alignment.css';
 export default {
-  "v5UTextAlignCenter": "pf-v5-u-text-align-center",
-  "v5UTextAlignJustify": "pf-v5-u-text-align-justify",
-  "v5UTextAlignLeft": "pf-v5-u-text-align-left",
-  "v5UTextAlignRight": "pf-v5-u-text-align-right",
+  "textAlignCenter": "pf-v6-u-text-align-center",
+  "textAlignEnd": "pf-v6-u-text-align-end",
+  "textAlignJustify": "pf-v6-u-text-align-justify",
+  "textAlignStart": "pf-v6-u-text-align-start",
   "wsCoreUAlignment": "ws-core-u-alignment"
 };

package/css/docs/utilities/BoxShadow/examples/box-shadow.css

@@ -1,20 +1,20 @@
-.ws-core-u-box-shadow [class*="pf-v5-u-box-shadow"] {
-  padding: var(--pf-v5-global--spacer--lg);
-  margin-block-end: var(--pf-v5-global--spacer--md);
+.ws-core-u-box-shadow [class*="pf-v6-u-box-shadow"] {
+  padding: var(--pf-v6-global--spacer--lg);
+  margin-block-end: var(--pf-v6-global--spacer--md);
 }
 
-#ws-core-u-box-shadow-small [class*="pf-v5-u-box-shadow"]:not(:last-child) {
-  margin-block-end: var(--pf-v5-global--spacer--lg);
+#ws-core-u-box-shadow-small [class*="pf-v6-u-box-shadow"]:not(:last-child) {
+  margin-block-end: var(--pf-v6-global--spacer--lg);
 }
 
-#ws-core-u-box-shadow-medium [class*="pf-v5-u-box-shadow"]:not(:last-child) {
-  margin-block-end: var(--pf-v5-global--spacer--xl);
+#ws-core-u-box-shadow-medium [class*="pf-v6-u-box-shadow"]:not(:last-child) {
+  margin-block-end: var(--pf-v6-global--spacer--xl);
 }
 
-#ws-core-u-box-shadow-large [class*="pf-v5-u-box-shadow"]:not(:last-child) {
-  margin-block-end: var(--pf-v5-global--spacer--2xl);
+#ws-core-u-box-shadow-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
+  margin-block-end: var(--pf-v6-global--spacer--2xl);
 }
 
-#ws-core-u-box-shadow-extra-large [class*="pf-v5-u-box-shadow"]:not(:last-child) {
-  margin-block-end: var(--pf-v5-global--spacer--3xl);
+#ws-core-u-box-shadow-extra-large [class*="pf-v6-u-box-shadow"]:not(:last-child) {
+  margin-block-end: var(--pf-v6-global--spacer--3xl);
 }

package/css/docs/utilities/Display/examples/Display.css

@@ -1,11 +1,11 @@
-.ws-core-u-display .pf-v5-u-display-inline-block,
-.ws-core-u-display .pf-v5-u-display-block,
-.ws-core-u-display .pf-v5-u-display-flex,
-.ws-core-u-display .pf-v5-u-display-inline-flex,
-.ws-core-u-display .pf-v5-u-display-grid,
-.ws-core-u-display .pf-v5-u-display-inline,
-.ws-core-u-display .pf-v5-u-display-table,
-.ws-core-u-display .pf-v5-u-display-table-cell {
+.ws-core-u-display .pf-v6-u-display-inline-block,
+.ws-core-u-display .pf-v6-u-display-block,
+.ws-core-u-display .pf-v6-u-display-flex,
+.ws-core-u-display .pf-v6-u-display-inline-flex,
+.ws-core-u-display .pf-v6-u-display-grid,
+.ws-core-u-display .pf-v6-u-display-inline,
+.ws-core-u-display .pf-v6-u-display-table,
+.ws-core-u-display .pf-v6-u-display-table-cell {
   padding: .5rem !important;
   border: 2px dashed #393f44;
 }

package/css/docs/utilities/Display/examples/Display.d.ts

@@ -1,13 +1,13 @@
 import './Display.css';
 declare const _default: {
-  "v5UDisplayBlock": "pf-v5-u-display-block",
-  "v5UDisplayFlex": "pf-v5-u-display-flex",
-  "v5UDisplayGrid": "pf-v5-u-display-grid",
-  "v5UDisplayInline": "pf-v5-u-display-inline",
-  "v5UDisplayInlineBlock": "pf-v5-u-display-inline-block",
-  "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
-  "v5UDisplayTable": "pf-v5-u-display-table",
-  "v5UDisplayTableCell": "pf-v5-u-display-table-cell",
+  "displayBlock": "pf-v6-u-display-block",
+  "displayFlex": "pf-v6-u-display-flex",
+  "displayGrid": "pf-v6-u-display-grid",
+  "displayInline": "pf-v6-u-display-inline",
+  "displayInlineBlock": "pf-v6-u-display-inline-block",
+  "displayInlineFlex": "pf-v6-u-display-inline-flex",
+  "displayTable": "pf-v6-u-display-table",
+  "displayTableCell": "pf-v6-u-display-table-cell",
   "wsCoreUDisplay": "ws-core-u-display"
 };
 export default _default;

package/css/docs/utilities/Display/examples/Display.js

@@ -2,13 +2,13 @@
 exports.__esModule = true;
 require('./Display.css');
 exports.default = {
-  "v5UDisplayBlock": "pf-v5-u-display-block",
-  "v5UDisplayFlex": "pf-v5-u-display-flex",
-  "v5UDisplayGrid": "pf-v5-u-display-grid",
-  "v5UDisplayInline": "pf-v5-u-display-inline",
-  "v5UDisplayInlineBlock": "pf-v5-u-display-inline-block",
-  "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
-  "v5UDisplayTable": "pf-v5-u-display-table",
-  "v5UDisplayTableCell": "pf-v5-u-display-table-cell",
+  "displayBlock": "pf-v6-u-display-block",
+  "displayFlex": "pf-v6-u-display-flex",
+  "displayGrid": "pf-v6-u-display-grid",
+  "displayInline": "pf-v6-u-display-inline",
+  "displayInlineBlock": "pf-v6-u-display-inline-block",
+  "displayInlineFlex": "pf-v6-u-display-inline-flex",
+  "displayTable": "pf-v6-u-display-table",
+  "displayTableCell": "pf-v6-u-display-table-cell",
   "wsCoreUDisplay": "ws-core-u-display"
 };

package/css/docs/utilities/Display/examples/Display.mjs

@@ -1,12 +1,12 @@
 import './Display.css';
 export default {
-  "v5UDisplayBlock": "pf-v5-u-display-block",
-  "v5UDisplayFlex": "pf-v5-u-display-flex",
-  "v5UDisplayGrid": "pf-v5-u-display-grid",
-  "v5UDisplayInline": "pf-v5-u-display-inline",
-  "v5UDisplayInlineBlock": "pf-v5-u-display-inline-block",
-  "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
-  "v5UDisplayTable": "pf-v5-u-display-table",
-  "v5UDisplayTableCell": "pf-v5-u-display-table-cell",
+  "displayBlock": "pf-v6-u-display-block",
+  "displayFlex": "pf-v6-u-display-flex",
+  "displayGrid": "pf-v6-u-display-grid",
+  "displayInline": "pf-v6-u-display-inline",
+  "displayInlineBlock": "pf-v6-u-display-inline-block",
+  "displayInlineFlex": "pf-v6-u-display-inline-flex",
+  "displayTable": "pf-v6-u-display-table",
+  "displayTableCell": "pf-v6-u-display-table-cell",
   "wsCoreUDisplay": "ws-core-u-display"
 };

package/css/docs/utilities/Flex/examples/Flex.css

@@ -1,14 +1,14 @@
-.ws-core-u-flex .pf-v5-u-display-flex,
+.ws-core-u-flex .pf-v6-u-display-flex,
 .ws-core-u-flex .ws-example-flex-item,
-.ws-core-u-flex .pf-v5-u-display-inline-flex {
+.ws-core-u-flex .pf-v6-u-display-inline-flex {
   flex-wrap: wrap;
   padding: .5rem !important;
   border: 2px dashed #393f44;
 }
 
-#ws-core-u-flex-aligned-items .pf-v5-u-display-flex,
-#ws-core-u-flex-aligned-self .pf-v5-u-display-flex,
-#ws-core-u-flex-aligned-content .pf-v5-u-display-flex {
+#ws-core-u-flex-aligned-items .pf-v6-u-display-flex,
+#ws-core-u-flex-aligned-self .pf-v6-u-display-flex,
+#ws-core-u-flex-aligned-content .pf-v6-u-display-flex {
   min-height: 160px;
 }
 

package/css/docs/utilities/Flex/examples/Flex.d.ts

@@ -1,7 +1,7 @@
 import './Flex.css';
 declare const _default: {
-  "v5UDisplayFlex": "pf-v5-u-display-flex",
-  "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
+  "displayFlex": "pf-v6-u-display-flex",
+  "displayInlineFlex": "pf-v6-u-display-inline-flex",
   "wsCoreUFlex": "ws-core-u-flex",
   "wsExampleFlexItem": "ws-example-flex-item",
   "wsExampleUFlexLg": "ws-example-u-flex-lg",

package/css/docs/utilities/Flex/examples/Flex.js

@@ -2,8 +2,8 @@
 exports.__esModule = true;
 require('./Flex.css');
 exports.default = {
-  "v5UDisplayFlex": "pf-v5-u-display-flex",
-  "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
+  "displayFlex": "pf-v6-u-display-flex",
+  "displayInlineFlex": "pf-v6-u-display-inline-flex",
   "wsCoreUFlex": "ws-core-u-flex",
   "wsExampleFlexItem": "ws-example-flex-item",
   "wsExampleUFlexLg": "ws-example-u-flex-lg",

package/css/docs/utilities/Flex/examples/Flex.mjs

@@ -1,7 +1,7 @@
 import './Flex.css';
 export default {
-  "v5UDisplayFlex": "pf-v5-u-display-flex",
-  "v5UDisplayInlineFlex": "pf-v5-u-display-inline-flex",
+  "displayFlex": "pf-v6-u-display-flex",
+  "displayInlineFlex": "pf-v6-u-display-inline-flex",
   "wsCoreUFlex": "ws-core-u-flex",
   "wsExampleFlexItem": "ws-example-flex-item",
   "wsExampleUFlexLg": "ws-example-u-flex-lg",