@patternfly/react-styles 6.4.0 → 6.5.0-prerelease.10

package/css/components/_index.d.ts

@@ -77,6 +77,7 @@ declare const _default: {
   "cardHeaderToggle": "pf-v6-c-card__header-toggle",
   "cardHeaderToggleIcon": "pf-v6-c-card__header-toggle-icon",
   "cardSelectableActions": "pf-v6-c-card__selectable-actions",
+  "cardSubtitle": "pf-v6-c-card__subtitle",
   "cardTitle": "pf-v6-c-card__title",
   "cardTitleText": "pf-v6-c-card__title-text",
   "check": "pf-v6-c-check",
@@ -111,6 +112,21 @@ declare const _default: {
   "codeEditorTabIcon": "pf-v6-c-code-editor__tab-icon",
   "codeEditorTabText": "pf-v6-c-code-editor__tab-text",
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
+  "compass": "pf-v6-c-compass",
+  "compassContent": "pf-v6-c-compass__content",
+  "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",
   "content": "pf-v6-c-content",
   "contentA": "pf-v6-c-content--a",
   "contentBlockquote": "pf-v6-c-content--blockquote",
@@ -246,6 +262,8 @@ declare const _default: {
   "helperTextItem": "pf-v6-c-helper-text__item",
   "helperTextItemIcon": "pf-v6-c-helper-text__item-icon",
   "helperTextItemText": "pf-v6-c-helper-text__item-text",
+  "hero": "pf-v6-c-hero",
+  "heroBody": "pf-v6-c-hero__body",
   "hint": "pf-v6-c-hint",
   "hintActions": "pf-v6-c-hint__actions",
   "hintBody": "pf-v6-c-hint__body",
@@ -356,6 +374,7 @@ declare const _default: {
     "expanded": "pf-m-expanded",
     "fixed": "pf-m-fixed",
     "icons": "pf-m-icons",
+    "vertical": "pf-m-vertical",
     "custom": "pf-m-custom",
     "success": "pf-m-success",
     "danger": "pf-m-danger",
@@ -404,6 +423,7 @@ declare const _default: {
     "hamburger": "pf-m-hamburger",
     "expand": "pf-m-expand",
     "collapse": "pf-m-collapse",
+    "circle": "pf-m-circle",
     "clicked": "pf-m-clicked",
     "ariaDisabled": "pf-m-aria-disabled",
     "progress": "pf-m-progress",
@@ -430,6 +450,12 @@ 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",
+    "scrollable": "pf-m-scrollable",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
     "pageTitle": "pf-m-page-title",
@@ -470,7 +496,6 @@ declare const _default: {
     "2Col": "pf-m-2-col",
     "3Col": "pf-m-3-col",
     "horizontal": "pf-m-horizontal",
-    "vertical": "pf-m-vertical",
     "1ColOnSm": "pf-m-1-col-on-sm",
     "2ColOnSm": "pf-m-2-col-on-sm",
     "3ColOnSm": "pf-m-3-col-on-sm",
@@ -552,7 +577,6 @@ declare const _default: {
     "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
     "inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
     "panelBottom": "pf-m-panel-bottom",
-    "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
     "resizing": "pf-m-resizing",
@@ -657,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",
@@ -674,7 +699,6 @@ declare const _default: {
     "drilldown": "pf-m-drilldown",
     "drilledIn": "pf-m-drilled-in",
     "currentPath": "pf-m-current-path",
-    "scrollable": "pf-m-scrollable",
     "load": "pf-m-load",
     "fullWidth": "pf-m-full-width",
     "splitButton": "pf-m-split-button",
@@ -772,7 +796,6 @@ declare const _default: {
     "widthDefaultOnLg": "pf-m-width-default-on-lg",
     "widthDefaultOnXl": "pf-m-width-default-on-xl",
     "widthDefaultOn_2xl": "pf-m-width-default-on-2xl",
-    "circle": "pf-m-circle",
     "square": "pf-m-square",
     "widthSm": "pf-m-width-sm",
     "widthMd": "pf-m-width-md",
@@ -831,6 +854,7 @@ declare const _default: {
     "treeViewGrid_2xl": "pf-m-tree-view-grid-2xl",
     "noBorderBottom": "pf-m-no-border-bottom",
     "subtab": "pf-m-subtab",
+    "nav": "pf-m-nav",
     "animateCurrent": "pf-m-animate-current",
     "initializingAccent": "pf-m-initializing-accent",
     "hint": "pf-m-hint",
@@ -1150,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",
@@ -1158,6 +1183,7 @@ declare const _default: {
   "navSubnav": "pf-v6-c-nav__subnav",
   "navToggle": "pf-v6-c-nav__toggle",
   "navToggleIcon": "pf-v6-c-nav__toggle-icon",
+  "noMotion": "pf-v6-m-no-motion",
   "notificationDrawer": "pf-v6-c-notification-drawer",
   "notificationDrawerBody": "pf-v6-c-notification-drawer__body",
   "notificationDrawerGroup": "pf-v6-c-notification-drawer__group",
@@ -1187,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",
@@ -1244,6 +1271,7 @@ declare const _default: {
   "radioDescription": "pf-v6-c-radio__description",
   "radioInput": "pf-v6-c-radio__input",
   "radioLabel": "pf-v6-c-radio__label",
+  "screenReader": "pf-v6-screen-reader",
   "scrollInnerWrapper": "pf-v6-c-scroll-inner-wrapper",
   "scrollOuterWrapper": "pf-v6-c-scroll-outer-wrapper",
   "sidebar": "pf-v6-c-sidebar",
@@ -1331,6 +1359,8 @@ declare const _default: {
   "textInputGroupText": "pf-v6-c-text-input-group__text",
   "textInputGroupTextInput": "pf-v6-c-text-input-group__text-input",
   "textInputGroupUtilities": "pf-v6-c-text-input-group__utilities",
+  "themeDark": "pf-v6-theme-dark",
+  "themeGlass": "pf-v6-theme-glass",
   "tile": "pf-v6-c-tile",
   "tileBody": "pf-v6-c-tile__body",
   "tileHeader": "pf-v6-c-tile__header",

package/css/components/_index.js

@@ -79,6 +79,7 @@ exports.default = {
   "cardHeaderToggle": "pf-v6-c-card__header-toggle",
   "cardHeaderToggleIcon": "pf-v6-c-card__header-toggle-icon",
   "cardSelectableActions": "pf-v6-c-card__selectable-actions",
+  "cardSubtitle": "pf-v6-c-card__subtitle",
   "cardTitle": "pf-v6-c-card__title",
   "cardTitleText": "pf-v6-c-card__title-text",
   "check": "pf-v6-c-check",
@@ -113,6 +114,21 @@ exports.default = {
   "codeEditorTabIcon": "pf-v6-c-code-editor__tab-icon",
   "codeEditorTabText": "pf-v6-c-code-editor__tab-text",
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
+  "compass": "pf-v6-c-compass",
+  "compassContent": "pf-v6-c-compass__content",
+  "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",
   "content": "pf-v6-c-content",
   "contentA": "pf-v6-c-content--a",
   "contentBlockquote": "pf-v6-c-content--blockquote",
@@ -248,6 +264,8 @@ exports.default = {
   "helperTextItem": "pf-v6-c-helper-text__item",
   "helperTextItemIcon": "pf-v6-c-helper-text__item-icon",
   "helperTextItemText": "pf-v6-c-helper-text__item-text",
+  "hero": "pf-v6-c-hero",
+  "heroBody": "pf-v6-c-hero__body",
   "hint": "pf-v6-c-hint",
   "hintActions": "pf-v6-c-hint__actions",
   "hintBody": "pf-v6-c-hint__body",
@@ -358,6 +376,7 @@ exports.default = {
     "expanded": "pf-m-expanded",
     "fixed": "pf-m-fixed",
     "icons": "pf-m-icons",
+    "vertical": "pf-m-vertical",
     "custom": "pf-m-custom",
     "success": "pf-m-success",
     "danger": "pf-m-danger",
@@ -406,6 +425,7 @@ exports.default = {
     "hamburger": "pf-m-hamburger",
     "expand": "pf-m-expand",
     "collapse": "pf-m-collapse",
+    "circle": "pf-m-circle",
     "clicked": "pf-m-clicked",
     "ariaDisabled": "pf-m-aria-disabled",
     "progress": "pf-m-progress",
@@ -432,6 +452,12 @@ 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",
+    "scrollable": "pf-m-scrollable",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
     "pageTitle": "pf-m-page-title",
@@ -472,7 +498,6 @@ exports.default = {
     "2Col": "pf-m-2-col",
     "3Col": "pf-m-3-col",
     "horizontal": "pf-m-horizontal",
-    "vertical": "pf-m-vertical",
     "1ColOnSm": "pf-m-1-col-on-sm",
     "2ColOnSm": "pf-m-2-col-on-sm",
     "3ColOnSm": "pf-m-3-col-on-sm",
@@ -554,7 +579,6 @@ exports.default = {
     "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
     "inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
     "panelBottom": "pf-m-panel-bottom",
-    "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
     "resizing": "pf-m-resizing",
@@ -659,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",
@@ -676,7 +701,6 @@ exports.default = {
     "drilldown": "pf-m-drilldown",
     "drilledIn": "pf-m-drilled-in",
     "currentPath": "pf-m-current-path",
-    "scrollable": "pf-m-scrollable",
     "load": "pf-m-load",
     "fullWidth": "pf-m-full-width",
     "splitButton": "pf-m-split-button",
@@ -774,7 +798,6 @@ exports.default = {
     "widthDefaultOnLg": "pf-m-width-default-on-lg",
     "widthDefaultOnXl": "pf-m-width-default-on-xl",
     "widthDefaultOn_2xl": "pf-m-width-default-on-2xl",
-    "circle": "pf-m-circle",
     "square": "pf-m-square",
     "widthSm": "pf-m-width-sm",
     "widthMd": "pf-m-width-md",
@@ -833,6 +856,7 @@ exports.default = {
     "treeViewGrid_2xl": "pf-m-tree-view-grid-2xl",
     "noBorderBottom": "pf-m-no-border-bottom",
     "subtab": "pf-m-subtab",
+    "nav": "pf-m-nav",
     "animateCurrent": "pf-m-animate-current",
     "initializingAccent": "pf-m-initializing-accent",
     "hint": "pf-m-hint",
@@ -1152,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",
@@ -1160,6 +1185,7 @@ exports.default = {
   "navSubnav": "pf-v6-c-nav__subnav",
   "navToggle": "pf-v6-c-nav__toggle",
   "navToggleIcon": "pf-v6-c-nav__toggle-icon",
+  "noMotion": "pf-v6-m-no-motion",
   "notificationDrawer": "pf-v6-c-notification-drawer",
   "notificationDrawerBody": "pf-v6-c-notification-drawer__body",
   "notificationDrawerGroup": "pf-v6-c-notification-drawer__group",
@@ -1189,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",
@@ -1246,6 +1273,7 @@ exports.default = {
   "radioDescription": "pf-v6-c-radio__description",
   "radioInput": "pf-v6-c-radio__input",
   "radioLabel": "pf-v6-c-radio__label",
+  "screenReader": "pf-v6-screen-reader",
   "scrollInnerWrapper": "pf-v6-c-scroll-inner-wrapper",
   "scrollOuterWrapper": "pf-v6-c-scroll-outer-wrapper",
   "sidebar": "pf-v6-c-sidebar",
@@ -1333,6 +1361,8 @@ exports.default = {
   "textInputGroupText": "pf-v6-c-text-input-group__text",
   "textInputGroupTextInput": "pf-v6-c-text-input-group__text-input",
   "textInputGroupUtilities": "pf-v6-c-text-input-group__utilities",
+  "themeDark": "pf-v6-theme-dark",
+  "themeGlass": "pf-v6-theme-glass",
   "tile": "pf-v6-c-tile",
   "tileBody": "pf-v6-c-tile__body",
   "tileHeader": "pf-v6-c-tile__header",

package/css/components/_index.mjs

@@ -77,6 +77,7 @@ export default {
   "cardHeaderToggle": "pf-v6-c-card__header-toggle",
   "cardHeaderToggleIcon": "pf-v6-c-card__header-toggle-icon",
   "cardSelectableActions": "pf-v6-c-card__selectable-actions",
+  "cardSubtitle": "pf-v6-c-card__subtitle",
   "cardTitle": "pf-v6-c-card__title",
   "cardTitleText": "pf-v6-c-card__title-text",
   "check": "pf-v6-c-check",
@@ -111,6 +112,21 @@ export default {
   "codeEditorTabIcon": "pf-v6-c-code-editor__tab-icon",
   "codeEditorTabText": "pf-v6-c-code-editor__tab-text",
   "codeEditorUpload": "pf-v6-c-code-editor__upload",
+  "compass": "pf-v6-c-compass",
+  "compassContent": "pf-v6-c-compass__content",
+  "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",
   "content": "pf-v6-c-content",
   "contentA": "pf-v6-c-content--a",
   "contentBlockquote": "pf-v6-c-content--blockquote",
@@ -246,6 +262,8 @@ export default {
   "helperTextItem": "pf-v6-c-helper-text__item",
   "helperTextItemIcon": "pf-v6-c-helper-text__item-icon",
   "helperTextItemText": "pf-v6-c-helper-text__item-text",
+  "hero": "pf-v6-c-hero",
+  "heroBody": "pf-v6-c-hero__body",
   "hint": "pf-v6-c-hint",
   "hintActions": "pf-v6-c-hint__actions",
   "hintBody": "pf-v6-c-hint__body",
@@ -356,6 +374,7 @@ export default {
     "expanded": "pf-m-expanded",
     "fixed": "pf-m-fixed",
     "icons": "pf-m-icons",
+    "vertical": "pf-m-vertical",
     "custom": "pf-m-custom",
     "success": "pf-m-success",
     "danger": "pf-m-danger",
@@ -404,6 +423,7 @@ export default {
     "hamburger": "pf-m-hamburger",
     "expand": "pf-m-expand",
     "collapse": "pf-m-collapse",
+    "circle": "pf-m-circle",
     "clicked": "pf-m-clicked",
     "ariaDisabled": "pf-m-aria-disabled",
     "progress": "pf-m-progress",
@@ -430,6 +450,12 @@ 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",
+    "scrollable": "pf-m-scrollable",
     "editorial": "pf-m-editorial",
     "visited": "pf-m-visited",
     "pageTitle": "pf-m-page-title",
@@ -470,7 +496,6 @@ export default {
     "2Col": "pf-m-2-col",
     "3Col": "pf-m-3-col",
     "horizontal": "pf-m-horizontal",
-    "vertical": "pf-m-vertical",
     "1ColOnSm": "pf-m-1-col-on-sm",
     "2ColOnSm": "pf-m-2-col-on-sm",
     "3ColOnSm": "pf-m-3-col-on-sm",
@@ -552,7 +577,6 @@ export default {
     "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl",
     "inset_3xlOn_2xl": "pf-m-inset-3xl-on-2xl",
     "panelBottom": "pf-m-panel-bottom",
-    "noBorder": "pf-m-no-border",
     "resizable": "pf-m-resizable",
     "panelLeft": "pf-m-panel-left",
     "resizing": "pf-m-resizing",
@@ -657,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",
@@ -674,7 +699,6 @@ export default {
     "drilldown": "pf-m-drilldown",
     "drilledIn": "pf-m-drilled-in",
     "currentPath": "pf-m-current-path",
-    "scrollable": "pf-m-scrollable",
     "load": "pf-m-load",
     "fullWidth": "pf-m-full-width",
     "splitButton": "pf-m-split-button",
@@ -772,7 +796,6 @@ export default {
     "widthDefaultOnLg": "pf-m-width-default-on-lg",
     "widthDefaultOnXl": "pf-m-width-default-on-xl",
     "widthDefaultOn_2xl": "pf-m-width-default-on-2xl",
-    "circle": "pf-m-circle",
     "square": "pf-m-square",
     "widthSm": "pf-m-width-sm",
     "widthMd": "pf-m-width-md",
@@ -831,6 +854,7 @@ export default {
     "treeViewGrid_2xl": "pf-m-tree-view-grid-2xl",
     "noBorderBottom": "pf-m-no-border-bottom",
     "subtab": "pf-m-subtab",
+    "nav": "pf-m-nav",
     "animateCurrent": "pf-m-animate-current",
     "initializingAccent": "pf-m-initializing-accent",
     "hint": "pf-m-hint",
@@ -1150,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",
@@ -1158,6 +1183,7 @@ export default {
   "navSubnav": "pf-v6-c-nav__subnav",
   "navToggle": "pf-v6-c-nav__toggle",
   "navToggleIcon": "pf-v6-c-nav__toggle-icon",
+  "noMotion": "pf-v6-m-no-motion",
   "notificationDrawer": "pf-v6-c-notification-drawer",
   "notificationDrawerBody": "pf-v6-c-notification-drawer__body",
   "notificationDrawerGroup": "pf-v6-c-notification-drawer__group",
@@ -1187,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",
@@ -1244,6 +1271,7 @@ export default {
   "radioDescription": "pf-v6-c-radio__description",
   "radioInput": "pf-v6-c-radio__input",
   "radioLabel": "pf-v6-c-radio__label",
+  "screenReader": "pf-v6-screen-reader",
   "scrollInnerWrapper": "pf-v6-c-scroll-inner-wrapper",
   "scrollOuterWrapper": "pf-v6-c-scroll-outer-wrapper",
   "sidebar": "pf-v6-c-sidebar",
@@ -1331,6 +1359,8 @@ export default {
   "textInputGroupText": "pf-v6-c-text-input-group__text",
   "textInputGroupTextInput": "pf-v6-c-text-input-group__text-input",
   "textInputGroupUtilities": "pf-v6-c-text-input-group__utilities",
+  "themeDark": "pf-v6-theme-dark",
+  "themeGlass": "pf-v6-theme-glass",
   "tile": "pf-v6-c-tile",
   "tileBody": "pf-v6-c-tile__body",
   "tileHeader": "pf-v6-c-tile__header",

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

@@ -0,0 +1,17 @@
+.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-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;
+  content: "";
+  border: var(--pf-t--global--border--width--regular) dashed var(--pf-t--global--border--color--default);
+}

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

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

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

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

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

@@ -0,0 +1,5 @@
+import './Compass.css';
+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"
 };