@patternfly/react-styles 6.0.0-alpha.26 → 6.0.0-alpha.27

package/css/components/_index.css

@@ -1360,7 +1360,10 @@ button.pf-v6-c-breadcrumb__link {
 }
 
 :where(:root, .pf-v6-c-button) {
-  --pf-v6-c-button--Display: inline-block;
+  --pf-v6-c-button--Display: inline-flex;
+  --pf-v6-c-button--AlignItems: baseline;
+  --pf-v6-c-button--JustifyContent: center;
+  --pf-v6-c-button--Gap: var(--pf-t--global--spacer--gap--text-to-element--default);
   --pf-v6-c-button--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-button--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-button--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
@@ -1441,6 +1444,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-link--m-danger--m-clicked--Color: var(--pf-t--global--text--color--status--danger--clicked);
   --pf-v6-c-button--m-link--m-danger--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
   --pf-v6-c-button--m-link--m-danger--m-clicked__icon--Color: var(--pf-t--global--text--color--status--danger--clicked);
+  --pf-v6-c-button--m-link--m-inline--Display: inline-flex;
   --pf-v6-c-button--m-link--m-inline--FontSize: initial;
   --pf-v6-c-button--m-link--m-inline--LineHeight: initial;
   --pf-v6-c-button--m-link--m-inline--FontWeight: initial;
@@ -1453,6 +1457,9 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-link--m-inline--m-in-progress--PaddingInlineStart: calc(var(--pf-v6-c-button--m-link--m-inline__progress--InsetInlineStart) + 1rem + var(--pf-t--global--spacer--sm));
   --pf-v6-c-button--m-link--m-inline--disabled--Color: var(--pf-t--global--text--color--disabled);
   --pf-v6-c-button--m-link--m-inline--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
+  --pf-v6-c-button--span--m-link--m-inline--Display: inline;
+  --pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-button--m-plain--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-button--m-plain--PaddingBlockStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-button--m-plain--PaddingInlineEnd: var(--pf-t--global--spacer--sm);
@@ -1465,7 +1472,8 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-plain--hover--BackgroundColor: var(--pf-t--global--background--color--action--plain--hover);
   --pf-v6-c-button--m-plain--m-clicked--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--m-plain--m-clicked--BackgroundColor: var(--pf-t--global--background--color--action--plain--clicked);
-  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--icon--color--disabled);
+  --pf-v6-c-button--m-plain--disabled--Color: var(--pf-t--global--text--color--disabled);
+  --pf-v6-c-button--m-plain--disabled__icon--Color: var(--pf-t--global--icon--color--disabled);
   --pf-v6-c-button--m-plain--disabled--BackgroundColor: transparent;
   --pf-v6-c-button--m-plain--m-small--PaddingBlockStart: var(--pf-t--global--spacer--xs);
   --pf-v6-c-button--m-plain--m-small--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
@@ -1560,8 +1568,10 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--hover__icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-button--m-clicked__icon--Color: var(--pf-t--global--icon--color--regular);
-  --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-button__icon--MarginInlineStart: 0;
+  --pf-v6-c-button__icon--MarginInlineEnd: 0;
+  --pf-v6-c-button__icon--m-start--MarginInlineEnd: 0;
+  --pf-v6-c-button__icon--m-end--MarginInlineStart: 0;
   --pf-v6-c-button__progress--width: calc(var(--pf-v6-c-spinner--m-md--diameter) + var(--pf-t--global--spacer--sm));
   --pf-v6-c-button__progress--Opacity: 0;
   --pf-v6-c-button__progress--TranslateY: -50%;
@@ -1576,16 +1586,17 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-in-progress--m-plain--Color: var(--pf-v6-c-spinner--Color);
   --pf-v6-c-button--m-in-progress--m-plain__progress--InsetInlineStart: 50%;
   --pf-v6-c-button--m-in-progress--m-plain__progress--TranslateX: -50%;
-  --pf-v6-c-button__count--MarginInlineStart: var(--pf-t--global--spacer--sm);
   --pf-v6-c-button--m-primary__c-badge--BorderColor: var(--pf-t--global--border--color--default);
+  --pf-v6-c-button--m-block--Display: flex;
+  --pf-v6-c-button--m-block--Width: 100%;
 }
 
 .pf-v6-c-button {
   position: relative;
   display: var(--pf-v6-c-button--Display);
-  flex: var(--pf-v6-c-button--Flex, initial);
-  align-items: var(--pf-v6-c-button--AlignItems, initial);
-  justify-content: var(--pf-v6-c-button--JustifyContent, initial);
+  gap: var(--pf-v6-c-button--Gap);
+  align-items: var(--pf-v6-c-button--AlignItems);
+  justify-content: var(--pf-v6-c-button--JustifyContent);
   padding-block-start: var(--pf-v6-c-button--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-button--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-button--PaddingInlineStart);
@@ -1684,6 +1695,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-clicked__icon--Color: var(--pf-v6-c-button--m-link--m-clicked__icon--Color);
 }
 .pf-v6-c-button.pf-m-link.pf-m-inline {
+  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-link--m-inline--Display);
   --pf-v6-c-button--FontSize: var(--pf-v6-c-button--m-link--m-inline--FontSize);
   --pf-v6-c-button--LineHeight: var(--pf-v6-c-button--m-link--m-inline--LineHeight);
   --pf-v6-c-button--FontWeight: var(--pf-v6-c-button--m-link--m-inline--FontWeight);
@@ -1699,11 +1711,16 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--disabled--BackgroundColor: transparent;
   --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-link--m-inline--disabled--Color);
   --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-link--m-inline--disabled__icon--Color);
-  display: inline;
   text-align: start;
   white-space: normal;
   outline-offset: 0.125rem;
 }
+span.pf-v6-c-button.pf-m-link.pf-m-inline {
+  --pf-v6-c-button--m-link--m-inline--Display: var(--pf-v6-c-button--span--m-link--m-inline--Display);
+  --pf-v6-c-button__icon--m-start--MarginInlineEnd: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-start--MarginInlineEnd);
+  --pf-v6-c-button__icon--m-end--MarginInlineStart: var(--pf-v6-c-button--span--m-link--m-inline__icon--m-end--MarginInlineStart);
+}
+
 .pf-v6-c-button.pf-m-link.pf-m-danger {
   --pf-v6-c-button--m-danger--Color: var(--pf-v6-c-button--m-link--m-danger--Color);
   --pf-v6-c-button--m-danger--BackgroundColor: var(--pf-v6-c-button--m-link--m-danger--BackgroundColor);
@@ -1809,6 +1826,7 @@ button.pf-v6-c-breadcrumb__link {
   --pf-v6-c-button--m-clicked--Color: var(--pf-v6-c-button--m-plain--m-clicked--Color);
   --pf-v6-c-button--m-clicked--BackgroundColor: var(--pf-v6-c-button--m-plain--m-clicked--BackgroundColor);
   --pf-v6-c-button--disabled--Color: var(--pf-v6-c-button--m-plain--disabled--Color);
+  --pf-v6-c-button--disabled__icon--Color: var(--pf-v6-c-button--m-plain--disabled__icon--Color);
   --pf-v6-c-button--disabled--BackgroundColor: var(--pf-v6-c-button--m-plain--disabled--BackgroundColor);
   --pf-v6-c-button--m-small--PaddingBlockStart: var(--pf-v6-c-button--m-plain--m-small--PaddingBlockStart);
   --pf-v6-c-button--m-small--PaddingInlineEnd: var(--pf-v6-c-button--m-plain--m-small--PaddingInlineEnd);
@@ -1827,8 +1845,8 @@ button.pf-v6-c-breadcrumb__link {
   min-width: var(--pf-v6-c-button--m-plain--m-no-padding--MinWidth);
 }
 .pf-v6-c-button.pf-m-block {
-  display: block;
-  width: 100%;
+  --pf-v6-c-button--Display: var(--pf-v6-c-button--m-block--Display);
+  width: var(--pf-v6-c-button--m-block--Width);
 }
 .pf-v6-c-button.pf-m-small {
   --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-button--m-small--PaddingBlockStart);
@@ -1895,13 +1913,15 @@ button.pf-v6-c-breadcrumb__link {
 }
 
 .pf-v6-c-button__icon {
+  margin-inline-start: var(--pf-v6-c-button__icon--MarginInlineStart);
+  margin-inline-end: var(--pf-v6-c-button__icon--MarginInlineEnd);
   color: var(--pf-v6-c-button__icon--Color);
 }
 .pf-v6-c-button__icon.pf-m-start {
-  margin-inline-end: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
+  --pf-v6-c-button__icon--MarginInlineEnd: var(--pf-v6-c-button__icon--m-start--MarginInlineEnd);
 }
 .pf-v6-c-button__icon.pf-m-end {
-  margin-inline-start: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
+  --pf-v6-c-button__icon--MarginInlineStart: var(--pf-v6-c-button__icon--m-end--MarginInlineStart);
 }
 
 .pf-v6-c-button__progress {
@@ -1919,7 +1939,6 @@ button.pf-v6-c-breadcrumb__link {
 .pf-v6-c-button__count {
   display: inline-flex;
   align-items: center;
-  margin-inline-start: var(--pf-v6-c-button__count--MarginInlineStart);
 }
 
 :where(:root, .pf-v6-c-calendar-month) {
@@ -2550,18 +2569,15 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
   --pf-v6-c-clipboard-copy__expandable-content--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-clipboard-copy__expandable-content--OutlineOffset: var(--pf-t--global--spacer--xs);
   --pf-v6-c-clipboard-copy__group--Gap: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart: 0;
-  --pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd: 0;
   --pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
   --pf-v6-c-clipboard-copy--m-inline--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
+  --pf-v6-c-clipboard-copy__actions--Gap: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-clipboard-copy__actions--MarginInlineStart: var(--pf-t--global--spacer--xs);
+  --pf-v6-c-clipboard-copy__actions-item--button--Color: var(--pf-t--global--icon--color--subtle);
+  --pf-v6-c-clipboard-copy__actions-item--button--hover--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-clipboard-copy__text--m-code--FontFamily: var(--pf-t--global--font--family--mono);
   --pf-v6-c-clipboard-copy__text--m-code--FontSize: var(--pf-t--global--font--size--body--default);
-  --pf-v6-c-clipboard-copy__actions-item--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-clipboard-copy__actions-item--MarginBlockEnd: calc(-1 * var(--pf-t--global--spacer--xs));
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd: var(--pf-t--global--spacer--xs);
-  --pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart: var(--pf-t--global--spacer--xs);
 }
 
 .pf-v6-c-clipboard-copy.pf-m-expanded .pf-v6-c-clipboard-copy__toggle-icon {
@@ -2569,9 +2585,8 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 }
 .pf-v6-c-clipboard-copy.pf-m-inline {
   display: inline;
-  padding-block-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineStart);
+  padding-inline-end: var(--pf-v6-c-clipboard-copy--m-inline--PaddingInlineEnd);
   white-space: nowrap;
   background-color: var(--pf-v6-c-clipboard-copy--m-inline--BackgroundColor);
 }
@@ -2626,17 +2641,13 @@ label.pf-v6-c-check, .pf-v6-c-check__label,
 
 .pf-v6-c-clipboard-copy__actions {
   display: inline-flex;
+  gap: var(--pf-v6-c-clipboard-copy__actions--Gap);
+  margin-inline-start: var(--pf-v6-c-clipboard-copy__actions--MarginInlineStart);
 }
 
-.pf-v6-c-clipboard-copy__actions-item {
-  margin-block-start: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart));
-  margin-block-end: calc(-1 * var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd));
-}
-.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button {
-  --pf-v6-c-button--PaddingBlockStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockStart);
-  --pf-v6-c-button--PaddingInlineEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineEnd);
-  --pf-v6-c-button--PaddingBlockEnd: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingBlockEnd);
-  --pf-v6-c-button--PaddingInlineStart: var(--pf-v6-c-clipboard-copy__actions-item--button--PaddingInlineStart);
+.pf-v6-c-clipboard-copy__actions-item .pf-v6-c-button.pf-m-plain {
+  --pf-v6-c-button--m-plain--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--Color);
+  --pf-v6-c-button--m-plain--hover--Color: var(--pf-v6-c-clipboard-copy__actions-item--button--hover--Color);
 }
 
 :where(:root, .pf-v6-c-code-block) {
@@ -7589,18 +7600,14 @@ label.pf-v6-c-input-group__text {
   --pf-v6-c-jump-links__item--m-current__link-text--Color: var(--pf-t--global--text--color--regular);
   --pf-v6-c-jump-links__label--MarginBlockEnd: var(--pf-t--global--spacer--md);
   --pf-v6-c-jump-links__label--Display: block;
-  --pf-v6-c-jump-links__toggle--MarginBlockStart: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
-  --pf-v6-c-jump-links__toggle--MarginBlockEnd--base: calc(-1 * var(--pf-t--global--spacer--button--vertical--default));
-  --pf-v6-c-jump-links__toggle--MarginBlockEnd: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base);
-  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: calc(var(--pf-v6-c-jump-links__toggle--MarginBlockEnd--base) + var(--pf-t--global--spacer--md));
-  --pf-v6-c-jump-links__toggle--MarginInlineStart: calc(-1 * var(--pf-t--global--spacer--md));
+  --pf-v6-c-jump-links__toggle--MarginBlockEnd: 0;
+  --pf-v6-c-jump-links--m-expanded__toggle--MarginBlockEnd: var(--pf-t--global--spacer--sm);
   --pf-v6-c-jump-links__toggle--Display: none;
-  --pf-v6-c-jump-links__toggle-icon--Color: currentcolor;
+  --pf-v6-c-jump-links__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-jump-links__toggle-icon--Transition: var(--pf-t--global--transition);
   --pf-v6-c-jump-links__toggle-icon--Rotate: 0;
-  --pf-v6-c-jump-links--m-expanded__toggle-icon--Color: var(--pf-t--global--icon--color--regular);
   --pf-v6-c-jump-links--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-jump-links__toggle-text--MarginInlineStart: var(--pf-t--global--spacer--gap--text-to-element--default);
   --pf-v6-c-jump-links__toggle-text--Color: var(--pf-t--global--text--color--regular);
 }
 
@@ -7784,13 +7791,7 @@ label.pf-v6-c-input-group__text {
 
 .pf-v6-c-jump-links__toggle {
   display: var(--pf-v6-c-jump-links__toggle--Display);
-  margin-block-start: var(--pf-v6-c-jump-links__toggle--MarginBlockStart);
   margin-block-end: var(--pf-v6-c-jump-links__toggle--MarginBlockEnd);
-  margin-inline-start: var(--pf-v6-c-jump-links__toggle--MarginInlineStart);
-}
-.pf-v6-c-jump-links__toggle .pf-v6-c-button {
-  display: flex;
-  align-items: center;
 }
 
 .pf-v6-c-jump-links__toggle-icon {
@@ -10967,6 +10968,7 @@ ul.pf-v6-c-list {
   line-height: var(--pf-v6-c-nav__link--LineHeight, inherit);
   color: var(--pf-v6-c-nav__link--Color);
   text-align: start;
+  text-decoration: none;
   background-color: var(--pf-v6-c-nav__link--BackgroundColor);
   border: none;
   border-radius: var(--pf-v6-c-nav__link--BorderRadius);
@@ -11525,11 +11527,11 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__main-container--BorderRadius: var(--pf-t--global--border--radius--large);
   --pf-v6-c-page__main-container--BorderWidth: var(--pf-t--global--spacer--sm);
   --pf-v6-c-page__main-container--BorderColor: var(--pf-v6-c-page__main-container--BackgroundColor);
-  --pf-v6-c-page__main-section--MarginBlockStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--lg);
-  --pf-v6-c-page__main-section--PaddingInlineEnd: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
-  --pf-v6-c-page__main-section--PaddingBlockEnd: 0;
-  --pf-v6-c-page__main-section--PaddingInlineStart: calc(var(--pf-t--global--spacer--lg) - var(--pf-v6-c-page__main-container--BorderWidth));
+  --pf-v6-c-page__main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-page__main-section--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-page__main-section--PaddingBlockEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-page__main-section--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-page__main-section--RowGap: var(--pf-t--global--spacer--lg);
   --pf-v6-c-page__main-breadcrumb--main-section--PaddingBlockStart: var(--pf-t--global--spacer--md);
   --pf-v6-c-page__main-section--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-section--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
@@ -11564,6 +11566,7 @@ ul.pf-v6-c-list {
   --pf-v6-c-page__main-tabs--PaddingBlockStart: 0;
   --pf-v6-c-page__main-tabs--PaddingInlineEnd: 0;
   --pf-v6-c-page__main-tabs--PaddingBlockEnd: 0;
+  --pf-v6-c-page__main-tabs--PaddingInlineStart: 0;
   --pf-v6-c-page__main-tabs--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-page__main-wizard--BorderBlockStartColor: var(--pf-t--global--border--color--default);
@@ -11675,21 +11678,11 @@ ul.pf-v6-c-list {
   flex-grow: 0;
 }
 
-.pf-v6-c-page__main-nav.pf-m-limit-width,
-.pf-v6-c-page__main-breadcrumb.pf-m-limit-width,
-.pf-v6-c-page__main-tabs.pf-m-limit-width,
-.pf-v6-c-page__main-section.pf-m-limit-width,
-.pf-v6-c-page__main-wizard.pf-m-limit-width {
-  display: flex;
-  flex-direction: column;
-  padding: 0;
-}
 .pf-v6-c-page__main-nav.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-breadcrumb.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-tabs.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-section.pf-m-limit-width > .pf-v6-c-page__main-body,
 .pf-v6-c-page__main-wizard.pf-m-limit-width > .pf-v6-c-page__main-body {
-  flex: 1;
   max-width: var(--pf-v6-c-page--section--m-limit-width--MaxWidth);
 }
 .pf-v6-c-page__main-nav.pf-m-limit-width.pf-m-align-center,
@@ -11714,6 +11707,8 @@ ul.pf-v6-c-list {
 .pf-v6-c-page__main-wizard,
 .pf-v6-c-page__main-group,
 .pf-v6-c-page__main-subnav {
+  display: flex;
+  flex-direction: column;
   flex-shrink: 0;
 }
 .pf-v6-c-page__main-nav.pf-m-overflow-scroll,
@@ -11934,6 +11929,7 @@ ul.pf-v6-c-list {
 .pf-v6-c-page__main-list {
   display: flex;
   flex-direction: column;
+  flex-grow: 1;
 }
 
 .pf-v6-c-page__main-nav {
@@ -12048,10 +12044,11 @@ ul.pf-v6-c-list {
 }
 
 .pf-v6-c-page__main-section {
+  gap: var(--pf-v6-c-page__main-section--RowGap);
   padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   background-color: var(--pf-v6-c-page__main-section--BackgroundColor);
 }
 .pf-v6-c-page__main-section.pf-m-secondary {
@@ -12060,8 +12057,8 @@ ul.pf-v6-c-list {
 .pf-v6-c-page__main-section.pf-m-padding {
   padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
 }
 .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width {
   padding: 0;
@@ -12069,8 +12066,8 @@ ul.pf-v6-c-list {
 .pf-v6-c-page__main-section.pf-m-padding.pf-m-limit-width .pf-v6-c-page__main-body {
   padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
   padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+  padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+  padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
 }
 .pf-v6-c-page__main-section.pf-m-no-padding, .pf-v6-c-page__main-section.pf-m-no-padding.pf-m-limit-width .pf-v6-c-page__main-body {
   padding: 0;
@@ -12079,8 +12076,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-sm {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width {
     padding: 0;
@@ -12088,8 +12085,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-no-padding-on-sm, .pf-v6-c-page__main-section.pf-m-no-padding-on-sm.pf-m-limit-width .pf-v6-c-page__main-body {
     padding: 0;
@@ -12099,8 +12096,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-md {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width {
     padding: 0;
@@ -12108,8 +12105,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-no-padding-on-md, .pf-v6-c-page__main-section.pf-m-no-padding-on-md.pf-m-limit-width .pf-v6-c-page__main-body {
     padding: 0;
@@ -12119,8 +12116,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-lg {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width {
     padding: 0;
@@ -12128,8 +12125,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-no-padding-on-lg, .pf-v6-c-page__main-section.pf-m-no-padding-on-lg.pf-m-limit-width .pf-v6-c-page__main-body {
     padding: 0;
@@ -12139,8 +12136,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-xl {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width {
     padding: 0;
@@ -12148,8 +12145,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-no-padding-on-xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-xl.pf-m-limit-width .pf-v6-c-page__main-body {
     padding: 0;
@@ -12159,8 +12156,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-2xl {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width {
     padding: 0;
@@ -12168,8 +12165,8 @@ ul.pf-v6-c-list {
   .pf-v6-c-page__main-section.pf-m-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
     padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
     padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-    padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-    padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+    padding-inline-start: calc(var(--pf-v6-c-page__main-section--PaddingInlineStart) - var(--pf-v6-c-page__main-container--BorderWidth));
+    padding-inline-end: calc(var(--pf-v6-c-page__main-section--PaddingInlineEnd) - var(--pf-v6-c-page__main-container--BorderWidth));
   }
   .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl, .pf-v6-c-page__main-section.pf-m-no-padding-on-2xl.pf-m-limit-width .pf-v6-c-page__main-body {
     padding: 0;
@@ -12195,25 +12192,14 @@ ul.pf-v6-c-list {
 }
 
 .pf-v6-c-page__main-nav .pf-v6-c-page__main-body {
-  padding-block-start: var(--pf-v6-c-page__main-nav--PaddingBlockStart);
   padding-inline-start: var(--pf-v6-c-page__main-nav--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-page__main-nav--PaddingInlineEnd);
 }
 .pf-v6-c-page__main-breadcrumb .pf-v6-c-page__main-body {
-  padding-block-start: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-page__main-breadcrumb--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__main-breadcrumb--PaddingInlineEnd);
-}
-.pf-v6-c-page__main-section .pf-v6-c-page__main-body {
-  padding-block-start: var(--pf-v6-c-page__main-section--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-page__main-section--PaddingBlockEnd);
-  padding-inline-start: var(--pf-v6-c-page__main-section--PaddingInlineStart);
-  padding-inline-end: var(--pf-v6-c-page__main-section--PaddingInlineEnd);
+  padding-inline-start: 0;
+  padding-inline-end: 0;
 }
 .pf-v6-c-page__main-tabs .pf-v6-c-page__main-body {
-  padding-block-start: var(--pf-v6-c-page__main-tabs--PaddingBlockStart);
-  padding-block-end: var(--pf-v6-c-page__main-tabs--PaddingBlockEnd);
   padding-inline-start: var(--pf-v6-c-page__main-tabs--PaddingInlineStart);
   padding-inline-end: var(--pf-v6-c-page__main-tabs--PaddingInlineEnd);
 }
@@ -12576,43 +12562,44 @@ ul.pf-v6-c-list {
   --pf-v6-c-panel--Width: auto;
   --pf-v6-c-panel--MinWidth: auto;
   --pf-v6-c-panel--MaxWidth: none;
-  --pf-v6-c-panel--ZIndex: auto;
   --pf-v6-c-panel--BackgroundColor: var(--pf-t--global--background--color--primary--default);
   --pf-v6-c-panel--BoxShadow: none;
+  --pf-v6-c-panel--BorderRadius: var(--pf-t--global--border--radius--small);
   --pf-v6-c-panel--before--BorderWidth: 0;
   --pf-v6-c-panel--before--BorderColor: var(--pf-t--global--border--color--default);
   --pf-v6-c-panel--m-secondary--BackgroundColor: var(--pf-t--global--background--color--secondary--default);
-  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--regular);
+  --pf-v6-c-panel--m-bordered--before--BorderWidth: var(--pf-t--global--border--width--box--default);
   --pf-v6-c-panel--m-raised--BoxShadow: var(--pf-t--global--box-shadow--md);
-  --pf-v6-c-panel--m-raised--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-panel--m-raised--BackgroundColor: var(--pf-t--global--background--color--floating--default);
   --pf-v6-c-panel__header--PaddingBlockStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__header--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-panel__header--PaddingBlockEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__header--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-panel__main--MaxHeight: none;
   --pf-v6-c-panel__main--Overflow: visible;
   --pf-v6-c-panel__main-body--PaddingBlockStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__main-body--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
   --pf-v6-c-panel__main-body--PaddingBlockEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
-  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel__main-body--PaddingInlineStart: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-panel__footer--PaddingInlineEnd: var(--pf-t--global--spacer--lg);
+  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-t--global--spacer--sm);
+  --pf-v6-c-panel__footer--PaddingInlineStart: var(--pf-t--global--spacer--lg);
   --pf-v6-c-panel__footer--BoxShadow: none;
   --pf-v6-c-panel--m-scrollable__main--MaxHeight: 18.75rem;
   --pf-v6-c-panel--m-scrollable__main--Overflow: auto;
-  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: 0 -0.3125rem 0.25rem -0.25rem rgba(0 0 0 / 16%);
+  --pf-v6-c-panel--m-scrollable__footer--BoxShadow: var(--pf-t--global--box-shadow--md--top);
+  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart: var(--pf-t--global--spacer--md);
+  --pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd: var(--pf-t--global--spacer--md);
 }
 
 .pf-v6-c-panel {
   position: relative;
-  z-index: var(--pf-v6-c-panel--ZIndex);
   width: var(--pf-v6-c-panel--Width);
   min-width: var(--pf-v6-c-panel--MinWidth);
   max-width: var(--pf-v6-c-panel--MaxWidth);
   background-color: var(--pf-v6-c-panel--BackgroundColor);
+  border-radius: var(--pf-v6-c-panel--BorderRadius);
   box-shadow: var(--pf-v6-c-panel--BoxShadow);
 }
 .pf-v6-c-panel::before {
@@ -12621,6 +12608,7 @@ ul.pf-v6-c-list {
   pointer-events: none;
   content: "";
   border: var(--pf-v6-c-panel--before--BorderWidth) solid var(--pf-v6-c-panel--before--BorderColor);
+  border-radius: var(--pf-v6-c-panel--BorderRadius);
 }
 .pf-v6-c-panel.pf-m-bordered {
   --pf-v6-c-panel--before--BorderWidth: var(--pf-v6-c-panel--m-bordered--before--BorderWidth);
@@ -12631,12 +12619,13 @@ ul.pf-v6-c-list {
 .pf-v6-c-panel.pf-m-raised {
   --pf-v6-c-panel--BackgroundColor: var(--pf-v6-c-panel--m-raised--BackgroundColor);
   --pf-v6-c-panel--BoxShadow: var(--pf-v6-c-panel--m-raised--BoxShadow);
-  --pf-v6-c-panel--ZIndex: var(--pf-v6-c-panel--m-raised--ZIndex);
 }
 .pf-v6-c-panel.pf-m-scrollable {
   --pf-v6-c-panel__main--MaxHeight: var(--pf-v6-c-panel--m-scrollable__main--MaxHeight);
   --pf-v6-c-panel__main--Overflow: var(--pf-v6-c-panel--m-scrollable__main--Overflow);
   --pf-v6-c-panel__footer--BoxShadow: var(--pf-v6-c-panel--m-scrollable__footer--BoxShadow);
+  --pf-v6-c-panel__footer--PaddingBlockStart: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockStart);
+  --pf-v6-c-panel__footer--PaddingBlockEnd: var(--pf-v6-c-panel--m-scrollable__footer--PaddingBlockEnd);
 }
 
 .pf-v6-c-panel__header {
@@ -19547,6 +19536,7 @@ thead .pf-v6-c-table__check .pf-v6-c-radio.pf-m-standalone {
   --pf-v6-c-toolbar__content--RowGap: var(--pf-t--global--spacer--sm);
   --pf-v6-c-toolbar__content--PaddingBlock: var(--pf-t--global--spacer--md);
   --pf-v6-c-toolbar__content--PaddingInline: var(--pf-v6-c-toolbar--PaddingInline);
+  --pf-v6-c-toolbar__content--PaddingBlockStart: 0;
   --pf-v6-c-toolbar__expandable-content--ZIndex: var(--pf-t--global--z-index--sm);
   --pf-v6-c-toolbar__expandable-content--BoxShadow: var(--pf-t--global--box-shadow--md--bottom);
   --pf-v6-c-toolbar__expandable-content--BackgroundColor: var(--pf-t--global--background--color--floating--default);

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-] .ws-preview-html .pf-v6-c-page {
+  height: min-content;
+  min-height: 30em;
+}

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

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

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

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

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

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

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "6.0.0-alpha.26",
+  "version": "6.0.0-alpha.27",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,10 +19,10 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "6.0.0-alpha.160",
+    "@patternfly/patternfly": "6.0.0-alpha.166",
     "change-case": "^5.4.4",
     "fs-extra": "^11.2.0"
   },
   "license": "MIT",
-  "gitHead": "5ce8c9748b3f0fafa36430e68d82d0725dff2f2e"
+  "gitHead": "625adc6f7459977f551a18d9a690bff56aea3f18"
 }