@patternfly/react-styles 6.5.0-prerelease.5 → 6.5.0-prerelease.9

package/css/components/_index.d.ts

@@ -117,8 +117,13 @@ declare const _default: {
   "compassFooter": "pf-v6-c-compass__footer",
   "compassHeader": "pf-v6-c-compass__header",
   "compassMain": "pf-v6-c-compass__main",
+  "compassMainFooter": "pf-v6-c-compass__main-footer",
+  "compassMainHeaderContent": "pf-v6-c-compass__main-header-content",
+  "compassMainHeaderTitle": "pf-v6-c-compass__main-header-title",
   "compassMessageBar": "pf-v6-c-compass__message-bar",
   "compassNav": "pf-v6-c-compass__nav",
+  "compassNavContent": "pf-v6-c-compass__nav-content",
+  "compassNavMain": "pf-v6-c-compass__nav-main",
   "compassPanel": "pf-v6-c-compass__panel",
   "compassProfile": "pf-v6-c-compass__profile",
   "compassSidebar": "pf-v6-c-compass__sidebar",
@@ -445,6 +450,8 @@ declare const _default: {
     "code": "pf-m-code",
     "readOnly": "pf-m-read-only",
     "dragHover": "pf-m-drag-hover",
+    "animateSmoothly": "pf-m-animate-smoothly",
+    "dock": "pf-m-dock",
     "noGlass": "pf-m-no-glass",
     "noBorder": "pf-m-no-border",
     "pill": "pf-m-pill",
@@ -674,6 +681,7 @@ declare const _default: {
     "category": "pf-m-category",
     "iconLg": "pf-m-icon-lg",
     "resizeObserver": "pf-m-resize-observer",
+    "docked": "pf-m-docked",
     "displayStack": "pf-m-display-stack",
     "displayInline": "pf-m-display-inline",
     "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -1166,6 +1174,7 @@ declare const _default: {
   "navItem": "pf-v6-c-nav__item",
   "navLink": "pf-v6-c-nav__link",
   "navLinkIcon": "pf-v6-c-nav__link-icon",
+  "navLinkText": "pf-v6-c-nav__link-text",
   "navList": "pf-v6-c-nav__list",
   "navNav": "pf-v6-c-nav__nav",
   "navScrollButton": "pf-v6-c-nav__scroll-button",
@@ -1204,6 +1213,7 @@ declare const _default: {
   "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
   "overflowMenuItem": "pf-v6-c-overflow-menu__item",
   "page": "pf-v6-c-page",
+  "pageDock": "pf-v6-c-page__dock",
   "pageDrawer": "pf-v6-c-page__drawer",
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",

package/css/components/_index.js

@@ -119,8 +119,13 @@ exports.default = {
   "compassFooter": "pf-v6-c-compass__footer",
   "compassHeader": "pf-v6-c-compass__header",
   "compassMain": "pf-v6-c-compass__main",
+  "compassMainFooter": "pf-v6-c-compass__main-footer",
+  "compassMainHeaderContent": "pf-v6-c-compass__main-header-content",
+  "compassMainHeaderTitle": "pf-v6-c-compass__main-header-title",
   "compassMessageBar": "pf-v6-c-compass__message-bar",
   "compassNav": "pf-v6-c-compass__nav",
+  "compassNavContent": "pf-v6-c-compass__nav-content",
+  "compassNavMain": "pf-v6-c-compass__nav-main",
   "compassPanel": "pf-v6-c-compass__panel",
   "compassProfile": "pf-v6-c-compass__profile",
   "compassSidebar": "pf-v6-c-compass__sidebar",
@@ -447,6 +452,8 @@ exports.default = {
     "code": "pf-m-code",
     "readOnly": "pf-m-read-only",
     "dragHover": "pf-m-drag-hover",
+    "animateSmoothly": "pf-m-animate-smoothly",
+    "dock": "pf-m-dock",
     "noGlass": "pf-m-no-glass",
     "noBorder": "pf-m-no-border",
     "pill": "pf-m-pill",
@@ -676,6 +683,7 @@ exports.default = {
     "category": "pf-m-category",
     "iconLg": "pf-m-icon-lg",
     "resizeObserver": "pf-m-resize-observer",
+    "docked": "pf-m-docked",
     "displayStack": "pf-m-display-stack",
     "displayInline": "pf-m-display-inline",
     "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -1168,6 +1176,7 @@ exports.default = {
   "navItem": "pf-v6-c-nav__item",
   "navLink": "pf-v6-c-nav__link",
   "navLinkIcon": "pf-v6-c-nav__link-icon",
+  "navLinkText": "pf-v6-c-nav__link-text",
   "navList": "pf-v6-c-nav__list",
   "navNav": "pf-v6-c-nav__nav",
   "navScrollButton": "pf-v6-c-nav__scroll-button",
@@ -1206,6 +1215,7 @@ exports.default = {
   "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
   "overflowMenuItem": "pf-v6-c-overflow-menu__item",
   "page": "pf-v6-c-page",
+  "pageDock": "pf-v6-c-page__dock",
   "pageDrawer": "pf-v6-c-page__drawer",
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",

package/css/components/_index.mjs

@@ -117,8 +117,13 @@ export default {
   "compassFooter": "pf-v6-c-compass__footer",
   "compassHeader": "pf-v6-c-compass__header",
   "compassMain": "pf-v6-c-compass__main",
+  "compassMainFooter": "pf-v6-c-compass__main-footer",
+  "compassMainHeaderContent": "pf-v6-c-compass__main-header-content",
+  "compassMainHeaderTitle": "pf-v6-c-compass__main-header-title",
   "compassMessageBar": "pf-v6-c-compass__message-bar",
   "compassNav": "pf-v6-c-compass__nav",
+  "compassNavContent": "pf-v6-c-compass__nav-content",
+  "compassNavMain": "pf-v6-c-compass__nav-main",
   "compassPanel": "pf-v6-c-compass__panel",
   "compassProfile": "pf-v6-c-compass__profile",
   "compassSidebar": "pf-v6-c-compass__sidebar",
@@ -445,6 +450,8 @@ export default {
     "code": "pf-m-code",
     "readOnly": "pf-m-read-only",
     "dragHover": "pf-m-drag-hover",
+    "animateSmoothly": "pf-m-animate-smoothly",
+    "dock": "pf-m-dock",
     "noGlass": "pf-m-no-glass",
     "noBorder": "pf-m-no-border",
     "pill": "pf-m-pill",
@@ -674,6 +681,7 @@ export default {
     "category": "pf-m-category",
     "iconLg": "pf-m-icon-lg",
     "resizeObserver": "pf-m-resize-observer",
+    "docked": "pf-m-docked",
     "displayStack": "pf-m-display-stack",
     "displayInline": "pf-m-display-inline",
     "displayStackOnSm": "pf-m-display-stack-on-sm",
@@ -1166,6 +1174,7 @@ export default {
   "navItem": "pf-v6-c-nav__item",
   "navLink": "pf-v6-c-nav__link",
   "navLinkIcon": "pf-v6-c-nav__link-icon",
+  "navLinkText": "pf-v6-c-nav__link-text",
   "navList": "pf-v6-c-nav__list",
   "navNav": "pf-v6-c-nav__nav",
   "navScrollButton": "pf-v6-c-nav__scroll-button",
@@ -1204,6 +1213,7 @@ export default {
   "overflowMenuGroup": "pf-v6-c-overflow-menu__group",
   "overflowMenuItem": "pf-v6-c-overflow-menu__item",
   "page": "pf-v6-c-page",
+  "pageDock": "pf-v6-c-page__dock",
   "pageDrawer": "pf-v6-c-page__drawer",
   "pageMain": "pf-v6-c-page__main",
   "pageMainBody": "pf-v6-c-page__main-body",

package/css/docs/components/Compass/examples/Compass.css

@@ -1,8 +1,14 @@
-#ws-core-c-compass-basic [class*="pf-v6-c-compass"] {
+.ws-core-a-compass .pf-v6-c-compass {
+  height: 600px;
+}
+
+#ws-core-a-compass-default [class*="pf-v6-c-compass"],
+#ws-core-a-compass-docked [class*="pf-v6-c-compass"] {
   position: relative;
 }
 
-#ws-core-c-compass-basic [class*="pf-v6-c-compass"]::after {
+#ws-core-a-compass-default [class*="pf-v6-c-compass"]::after,
+#ws-core-a-compass-docked [class*="pf-v6-c-compass"]::after {
   position: absolute;
   inset: 0;
   pointer-events: none;

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

@@ -1,3 +1,6 @@
 import './Compass.css';
-declare const _default: {};
+declare const _default: {
+  "compass": "pf-v6-c-compass",
+  "wsCoreACompass": "ws-core-a-compass"
+};
 export default _default;

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

@@ -1,4 +1,7 @@
 "use strict";
 exports.__esModule = true;
 require('./Compass.css');
-exports.default = {};
+exports.default = {
+  "compass": "pf-v6-c-compass",
+  "wsCoreACompass": "ws-core-a-compass"
+};

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

@@ -1,2 +1,5 @@
 import './Compass.css';
-export default {};
+export default {
+  "compass": "pf-v6-c-compass",
+  "wsCoreACompass": "ws-core-a-compass"
+};

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

@@ -1,5 +1,5 @@
-.ws-core-l-bullseye .pf-v6-l-bullseye,
-.ws-core-l-bullseye .pf-v6-l-bullseye__item {
+.ws-core-f-bullseye .pf-v6-l-bullseye,
+.ws-core-f-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

@@ -2,6 +2,6 @@ import './Bullseye.css';
 declare const _default: {
   "bullseye": "pf-v6-l-bullseye",
   "bullseyeItem": "pf-v6-l-bullseye__item",
-  "wsCoreLBullseye": "ws-core-l-bullseye"
+  "wsCoreFBullseye": "ws-core-f-bullseye"
 };
 export default _default;

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

@@ -4,5 +4,5 @@ require('./Bullseye.css');
 exports.default = {
   "bullseye": "pf-v6-l-bullseye",
   "bullseyeItem": "pf-v6-l-bullseye__item",
-  "wsCoreLBullseye": "ws-core-l-bullseye"
+  "wsCoreFBullseye": "ws-core-f-bullseye"
 };

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

@@ -2,5 +2,5 @@ import './Bullseye.css';
 export default {
   "bullseye": "pf-v6-l-bullseye",
   "bullseyeItem": "pf-v6-l-bullseye__item",
-  "wsCoreLBullseye": "ws-core-l-bullseye"
+  "wsCoreFBullseye": "ws-core-f-bullseye"
 };

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

@@ -1,6 +1,6 @@
-.ws-core-l-flex-border,
-.ws-core-l-flex .pf-v6-l-flex .pf-v6-l-flex,
-.ws-core-l-flex .pf-v6-l-flex__item {
+.ws-core-f-flex-border,
+.ws-core-f-flex .pf-v6-l-flex .pf-v6-l-flex,
+.ws-core-f-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

@@ -2,7 +2,7 @@ import './Flex.css';
 declare const _default: {
   "flex": "pf-v6-l-flex",
   "flexItem": "pf-v6-l-flex__item",
-  "wsCoreLFlex": "ws-core-l-flex",
-  "wsCoreLFlexBorder": "ws-core-l-flex-border"
+  "wsCoreFFlex": "ws-core-f-flex",
+  "wsCoreFFlexBorder": "ws-core-f-flex-border"
 };
 export default _default;

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

@@ -4,6 +4,6 @@ require('./Flex.css');
 exports.default = {
   "flex": "pf-v6-l-flex",
   "flexItem": "pf-v6-l-flex__item",
-  "wsCoreLFlex": "ws-core-l-flex",
-  "wsCoreLFlexBorder": "ws-core-l-flex-border"
+  "wsCoreFFlex": "ws-core-f-flex",
+  "wsCoreFFlexBorder": "ws-core-f-flex-border"
 };

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

@@ -2,6 +2,6 @@ import './Flex.css';
 export default {
   "flex": "pf-v6-l-flex",
   "flexItem": "pf-v6-l-flex__item",
-  "wsCoreLFlex": "ws-core-l-flex",
-  "wsCoreLFlexBorder": "ws-core-l-flex-border"
+  "wsCoreFFlex": "ws-core-f-flex",
+  "wsCoreFFlexBorder": "ws-core-f-flex-border"
 };

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

@@ -1,5 +1,5 @@
-.ws-core-l-gallery .pf-v6-l-gallery,
-.ws-core-l-gallery .pf-v6-l-gallery__item {
+.ws-core-f-gallery .pf-v6-l-gallery,
+.ws-core-f-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

@@ -2,6 +2,6 @@ import './Gallery.css';
 declare const _default: {
   "gallery": "pf-v6-l-gallery",
   "galleryItem": "pf-v6-l-gallery__item",
-  "wsCoreLGallery": "ws-core-l-gallery"
+  "wsCoreFGallery": "ws-core-f-gallery"
 };
 export default _default;

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

@@ -4,5 +4,5 @@ require('./Gallery.css');
 exports.default = {
   "gallery": "pf-v6-l-gallery",
   "galleryItem": "pf-v6-l-gallery__item",
-  "wsCoreLGallery": "ws-core-l-gallery"
+  "wsCoreFGallery": "ws-core-f-gallery"
 };

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

@@ -2,5 +2,5 @@ import './Gallery.css';
 export default {
   "gallery": "pf-v6-l-gallery",
   "galleryItem": "pf-v6-l-gallery__item",
-  "wsCoreLGallery": "ws-core-l-gallery"
+  "wsCoreFGallery": "ws-core-f-gallery"
 };

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

@@ -1,4 +1,4 @@
-.ws-core-l-grid .pf-v6-l-grid__item {
+.ws-core-f-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: {
   "gridItem": "pf-v6-l-grid__item",
-  "wsCoreLGrid": "ws-core-l-grid"
+  "wsCoreFGrid": "ws-core-f-grid"
 };
 export default _default;

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

@@ -3,5 +3,5 @@ exports.__esModule = true;
 require('./Grid.css');
 exports.default = {
   "gridItem": "pf-v6-l-grid__item",
-  "wsCoreLGrid": "ws-core-l-grid"
+  "wsCoreFGrid": "ws-core-f-grid"
 };

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

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

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

@@ -1,12 +1,12 @@
-.ws-core-l-level .ws-preview-html {
+.ws-core-f-level .ws-preview-html {
   display: flex;
   flex-wrap: wrap;
   min-height: 160px;
 }
-.ws-core-l-level :is(.pf-v6-l-level, .pf-v6-l-level__item, .pf-v6-l-level > *) {
+.ws-core-f-level :is(.pf-v6-l-level, .pf-v6-l-level__item, .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-v6-l-level {
+.ws-core-f-level .pf-v6-l-level {
   width: 100%;
 }

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

@@ -2,7 +2,7 @@ import './Level.css';
 declare const _default: {
   "level": "pf-v6-l-level",
   "levelItem": "pf-v6-l-level__item",
-  "wsCoreLLevel": "ws-core-l-level",
+  "wsCoreFLevel": "ws-core-f-level",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -4,6 +4,6 @@ require('./Level.css');
 exports.default = {
   "level": "pf-v6-l-level",
   "levelItem": "pf-v6-l-level__item",
-  "wsCoreLLevel": "ws-core-l-level",
+  "wsCoreFLevel": "ws-core-f-level",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -2,6 +2,6 @@ import './Level.css';
 export default {
   "level": "pf-v6-l-level",
   "levelItem": "pf-v6-l-level__item",
-  "wsCoreLLevel": "ws-core-l-level",
+  "wsCoreFLevel": "ws-core-f-level",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,4 +1,4 @@
-.ws-core-l-split :is(.pf-v6-l-split, .pf-v6-l-split__item, .pf-v6-l-split > *) {
+.ws-core-f-split :is(.pf-v6-l-split, .pf-v6-l-split__item, .pf-v6-l-split > *) {
   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

@@ -2,6 +2,6 @@ import './Split.css';
 declare const _default: {
   "split": "pf-v6-l-split",
   "splitItem": "pf-v6-l-split__item",
-  "wsCoreLSplit": "ws-core-l-split"
+  "wsCoreFSplit": "ws-core-f-split"
 };
 export default _default;

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

@@ -4,5 +4,5 @@ require('./Split.css');
 exports.default = {
   "split": "pf-v6-l-split",
   "splitItem": "pf-v6-l-split__item",
-  "wsCoreLSplit": "ws-core-l-split"
+  "wsCoreFSplit": "ws-core-f-split"
 };

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

@@ -2,5 +2,5 @@ import './Split.css';
 export default {
   "split": "pf-v6-l-split",
   "splitItem": "pf-v6-l-split__item",
-  "wsCoreLSplit": "ws-core-l-split"
+  "wsCoreFSplit": "ws-core-f-split"
 };

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

@@ -1,15 +1,15 @@
-.ws-core-l-stack :is(.pf-v6-l-stack, .pf-v6-l-stack__item, .pf-v6-l-stack > *) {
+.ws-core-f-stack :is(.pf-v6-l-stack, .pf-v6-l-stack__item, .pf-v6-l-stack > *) {
   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 {
+.ws-core-f-stack .ws-preview-html {
   display: flex;
   flex-direction: column;
   min-height: 30rem;
   width: 100%;
 }
 
-.ws-core-l-stack .pf-v6-l-stack {
+.ws-core-f-stack .pf-v6-l-stack {
   flex-grow: 1;
 }

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

@@ -2,7 +2,7 @@ import './Stack.css';
 declare const _default: {
   "stack": "pf-v6-l-stack",
   "stackItem": "pf-v6-l-stack__item",
-  "wsCoreLStack": "ws-core-l-stack",
+  "wsCoreFStack": "ws-core-f-stack",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -4,6 +4,6 @@ require('./Stack.css');
 exports.default = {
   "stack": "pf-v6-l-stack",
   "stackItem": "pf-v6-l-stack__item",
-  "wsCoreLStack": "ws-core-l-stack",
+  "wsCoreFStack": "ws-core-f-stack",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -2,6 +2,6 @@ import './Stack.css';
 export default {
   "stack": "pf-v6-l-stack",
   "stackItem": "pf-v6-l-stack__item",
-  "wsCoreLStack": "ws-core-l-stack",
+  "wsCoreFStack": "ws-core-f-stack",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,7 +1,7 @@
-.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 {
+.ws-core-f-alignment .pf-v6-u-text-align-start,
+.ws-core-f-alignment .pf-v6-u-text-align-center,
+.ws-core-f-alignment .pf-v6-u-text-align-end,
+.ws-core-f-alignment .pf-v6-u-text-align-justify {
   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/utilities/Alignment/examples/Alignment.d.ts

@@ -4,6 +4,6 @@ declare const _default: {
   "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"
+  "wsCoreFAlignment": "ws-core-f-alignment"
 };
 export default _default;

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

@@ -6,5 +6,5 @@ exports.default = {
   "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"
+  "wsCoreFAlignment": "ws-core-f-alignment"
 };

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

@@ -4,5 +4,5 @@ export default {
   "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"
+  "wsCoreFAlignment": "ws-core-f-alignment"
 };

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

@@ -1,9 +1,9 @@
-.ws-core-u-box-shadow .ws-preview-html {
+.ws-core-f-box-shadow .ws-preview-html {
   display: flex;
   flex-direction: column;
   gap: var(--pf-t--global--spacer--xl);
 }
 
-.ws-core-u-box-shadow [class*="pf-v6-u-box-shadow"] {
+.ws-core-f-box-shadow [class*="pf-v6-u-box-shadow"] {
   padding: var(--pf-t--global--spacer--md);
 }

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

@@ -1,6 +1,6 @@
 import './box-shadow.css';
 declare const _default: {
-  "wsCoreUBoxShadow": "ws-core-u-box-shadow",
+  "wsCoreFBoxShadow": "ws-core-f-box-shadow",
   "wsPreviewHtml": "ws-preview-html"
 };
 export default _default;

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

@@ -2,6 +2,6 @@
 exports.__esModule = true;
 require('./box-shadow.css');
 exports.default = {
-  "wsCoreUBoxShadow": "ws-core-u-box-shadow",
+  "wsCoreFBoxShadow": "ws-core-f-box-shadow",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,5 +1,5 @@
 import './box-shadow.css';
 export default {
-  "wsCoreUBoxShadow": "ws-core-u-box-shadow",
+  "wsCoreFBoxShadow": "ws-core-f-box-shadow",
   "wsPreviewHtml": "ws-preview-html"
 };

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

@@ -1,4 +1,4 @@
-.ws-core-u-display [class*="pf-v6-u-display-"] {
+.ws-core-f-display [class*="pf-v6-u-display-"] {
   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/utilities/Display/examples/Display.d.ts

@@ -1,5 +1,5 @@
 import './Display.css';
 declare const _default: {
-  "wsCoreUDisplay": "ws-core-u-display"
+  "wsCoreFDisplay": "ws-core-f-display"
 };
 export default _default;

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

@@ -2,5 +2,5 @@
 exports.__esModule = true;
 require('./Display.css');
 exports.default = {
-  "wsCoreUDisplay": "ws-core-u-display"
+  "wsCoreFDisplay": "ws-core-f-display"
 };

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

@@ -1,4 +1,4 @@
 import './Display.css';
 export default {
-  "wsCoreUDisplay": "ws-core-u-display"
+  "wsCoreFDisplay": "ws-core-f-display"
 };

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

@@ -1,18 +1,18 @@
-.ws-core-u-flex .pf-v6-u-display-flex,
-.ws-core-u-flex .ws-example-flex-item,
-.ws-core-u-flex .pf-v6-u-display-inline-flex {
+.ws-core-f-flex .pf-v6-u-display-flex,
+.ws-core-f-flex .ws-example-flex-item,
+.ws-core-f-flex .pf-v6-u-display-inline-flex {
   flex-wrap: wrap;
   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-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 {
+#ws-core-f-flex-aligned-items .pf-v6-u-display-flex,
+#ws-core-f-flex-aligned-self .pf-v6-u-display-flex,
+#ws-core-f-flex-aligned-content .pf-v6-u-display-flex {
   min-height: 160px;
 }
 
-#ws-core-u-flex-aligned-content .ws-example-flex-item {
+#ws-core-f-flex-aligned-content .ws-example-flex-item {
   height: 40px;
 }
 

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

@@ -2,7 +2,7 @@ import './Flex.css';
 declare const _default: {
   "displayFlex": "pf-v6-u-display-flex",
   "displayInlineFlex": "pf-v6-u-display-inline-flex",
-  "wsCoreUFlex": "ws-core-u-flex",
+  "wsCoreFFlex": "ws-core-f-flex",
   "wsExampleFlexItem": "ws-example-flex-item",
   "wsExampleUFlexLg": "ws-example-u-flex-lg",
   "wsExampleUFlexMd": "ws-example-u-flex-md"

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

@@ -4,7 +4,7 @@ require('./Flex.css');
 exports.default = {
   "displayFlex": "pf-v6-u-display-flex",
   "displayInlineFlex": "pf-v6-u-display-inline-flex",
-  "wsCoreUFlex": "ws-core-u-flex",
+  "wsCoreFFlex": "ws-core-f-flex",
   "wsExampleFlexItem": "ws-example-flex-item",
   "wsExampleUFlexLg": "ws-example-u-flex-lg",
   "wsExampleUFlexMd": "ws-example-u-flex-md"

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

@@ -2,7 +2,7 @@ import './Flex.css';
 export default {
   "displayFlex": "pf-v6-u-display-flex",
   "displayInlineFlex": "pf-v6-u-display-inline-flex",
-  "wsCoreUFlex": "ws-core-u-flex",
+  "wsCoreFFlex": "ws-core-f-flex",
   "wsExampleFlexItem": "ws-example-flex-item",
   "wsExampleUFlexLg": "ws-example-u-flex-lg",
   "wsExampleUFlexMd": "ws-example-u-flex-md"