@patternfly/react-styles 4.91.9 → 4.92.0

package/CHANGELOG.md

@@ -3,6 +3,25 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 4.92.0 (2022-11-16)
+
+
+### Features
+
+* **Tabs:** add TabAction, update core ver ([#8348](https://github.com/patternfly/patternfly-react/issues/8348)) ([8c584b4](https://github.com/patternfly/patternfly-react/commit/8c584b48f8e545cf226f785b873ee11eda505724))
+
+
+
+
+
+## 4.91.10 (2022-10-27)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.91.9 (2022-10-26)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Pagination/pagination.css

@@ -7,6 +7,11 @@
 }
 
 .pf-c-pagination {
+  --pf-c-pagination--inset: 0;
+  --pf-c-pagination--PaddingRight: var(--pf-c-pagination--inset);
+  --pf-c-pagination--PaddingLeft: var(--pf-c-pagination--inset);
+  --pf-c-pagination--m-page-insets--inset: var(--pf-global--spacer--md);
+  --pf-c-pagination--m-page-insets--xl--inset: var(--pf-global--spacer--lg);
   --pf-c-pagination--child--MarginRight: var(--pf-global--spacer--lg);
   --pf-c-pagination--m-bottom--child--MarginRight: 0;
   --pf-c-pagination--m-bottom--child--md--MarginRight: var(--pf-global--spacer--lg);
@@ -71,6 +76,8 @@
   flex-wrap: wrap;
   align-items: center;
   justify-content: flex-end;
+  padding-right: var(--pf-c-pagination--PaddingRight);
+  padding-left: var(--pf-c-pagination--PaddingLeft);
 }
 @media screen and (min-width: 768px) {
   .pf-c-pagination {
@@ -93,6 +100,8 @@
   .pf-c-pagination {
     --pf-c-pagination--m-bottom--md--PaddingRight: var(--pf-c-pagination--m-bottom--xl--PaddingRight);
     --pf-c-pagination--m-bottom--md--PaddingLeft: var(--pf-c-pagination--m-bottom--xl--PaddingLeft);
+    --pf-c-pagination__scroll-button--Width: var(--pf-c-pagination__scroll-button--xl--Width);
+    --pf-c-pagination--m-page-insets--inset: var(--pf-c-pagination--m-page-insets--xl--inset);
   }
 }
 .pf-c-pagination > *:not(:last-child):not(.pf-c-pagination__total-items) {
@@ -188,6 +197,9 @@
 .pf-c-pagination.pf-m-compact {
   --pf-c-pagination--child--MarginRight: var(--pf-c-pagination--m-compact--child--MarginRight);
 }
+.pf-c-pagination.pf-m-page-insets {
+  --pf-c-pagination--inset: var(--pf-c-pagination--m-page-insets--inset);
+}
 
 .pf-c-pagination__nav {
   display: var(--pf-c-pagination__nav--Display);
@@ -242,6 +254,24 @@
   --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
   --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
 }
+.pf-c-pagination.pf-m-inset-none {
+  --pf-c-pagination--inset: 0;
+}
+.pf-c-pagination.pf-m-inset-sm {
+  --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+}
+.pf-c-pagination.pf-m-inset-md {
+  --pf-c-pagination--inset: var(--pf-global--spacer--md);
+}
+.pf-c-pagination.pf-m-inset-lg {
+  --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+}
+.pf-c-pagination.pf-m-inset-xl {
+  --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+}
+.pf-c-pagination.pf-m-inset-2xl {
+  --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+}
 @media (min-width: 576px) {
   .pf-c-pagination.pf-m-display-summary-on-sm {
     --pf-c-pagination__nav--Display: var(--pf-c-pagination--m-display-summary__nav--Display);
@@ -259,6 +289,24 @@
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
     --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
   }
+  .pf-c-pagination.pf-m-inset-none-on-sm {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-sm {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 768px) {
   .pf-c-pagination.pf-m-display-summary-on-md {
@@ -277,6 +325,24 @@
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
     --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
   }
+  .pf-c-pagination.pf-m-inset-none-on-md {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-md {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 992px) {
   .pf-c-pagination.pf-m-display-summary-on-lg {
@@ -295,6 +361,24 @@
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
     --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
   }
+  .pf-c-pagination.pf-m-inset-none-on-lg {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-lg {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 1200px) {
   .pf-c-pagination.pf-m-display-summary-on-xl {
@@ -313,6 +397,24 @@
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
     --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
   }
+  .pf-c-pagination.pf-m-inset-none-on-xl {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 @media (min-width: 1450px) {
   .pf-c-pagination.pf-m-display-summary-on-2xl {
@@ -331,6 +433,24 @@
     --pf-c-pagination__total-items--Display: var(--pf-c-pagination--m-display-full__total-items--Display);
     --pf-c-pagination__total-items--Visibility: var(--pf-c-pagination--m-display-full__total-items--Visibility);
   }
+  .pf-c-pagination.pf-m-inset-none-on-2xl {
+    --pf-c-pagination--inset: 0;
+  }
+  .pf-c-pagination.pf-m-inset-sm-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--sm);
+  }
+  .pf-c-pagination.pf-m-inset-md-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--md);
+  }
+  .pf-c-pagination.pf-m-inset-lg-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--lg);
+  }
+  .pf-c-pagination.pf-m-inset-xl-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--xl);
+  }
+  .pf-c-pagination.pf-m-inset-2xl-on-2xl {
+    --pf-c-pagination--inset: var(--pf-global--spacer--2xl);
+  }
 }
 
 :where(.pf-theme-dark) .pf-c-pagination {

package/css/components/Pagination/pagination.d.ts

@@ -9,18 +9,55 @@ declare const _default: {
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
     "compact": "pf-m-compact",
+    "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
+    "insetNone": "pf-m-inset-none",
+    "insetSm": "pf-m-inset-sm",
+    "insetMd": "pf-m-inset-md",
+    "insetLg": "pf-m-inset-lg",
+    "insetXl": "pf-m-inset-xl",
+    "inset_2xl": "pf-m-inset-2xl",
     "displaySummaryOnSm": "pf-m-display-summary-on-sm",
     "displayFullOnSm": "pf-m-display-full-on-sm",
+    "insetNoneOnSm": "pf-m-inset-none-on-sm",
+    "insetSmOnSm": "pf-m-inset-sm-on-sm",
+    "insetMdOnSm": "pf-m-inset-md-on-sm",
+    "insetLgOnSm": "pf-m-inset-lg-on-sm",
+    "insetXlOnSm": "pf-m-inset-xl-on-sm",
+    "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
     "displaySummaryOnMd": "pf-m-display-summary-on-md",
     "displayFullOnMd": "pf-m-display-full-on-md",
+    "insetNoneOnMd": "pf-m-inset-none-on-md",
+    "insetSmOnMd": "pf-m-inset-sm-on-md",
+    "insetMdOnMd": "pf-m-inset-md-on-md",
+    "insetLgOnMd": "pf-m-inset-lg-on-md",
+    "insetXlOnMd": "pf-m-inset-xl-on-md",
+    "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
     "displaySummaryOnLg": "pf-m-display-summary-on-lg",
     "displayFullOnLg": "pf-m-display-full-on-lg",
+    "insetNoneOnLg": "pf-m-inset-none-on-lg",
+    "insetSmOnLg": "pf-m-inset-sm-on-lg",
+    "insetMdOnLg": "pf-m-inset-md-on-lg",
+    "insetLgOnLg": "pf-m-inset-lg-on-lg",
+    "insetXlOnLg": "pf-m-inset-xl-on-lg",
+    "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
     "displaySummaryOnXl": "pf-m-display-summary-on-xl",
     "displayFullOnXl": "pf-m-display-full-on-xl",
+    "insetNoneOnXl": "pf-m-inset-none-on-xl",
+    "insetSmOnXl": "pf-m-inset-sm-on-xl",
+    "insetMdOnXl": "pf-m-inset-md-on-xl",
+    "insetLgOnXl": "pf-m-inset-lg-on-xl",
+    "insetXlOnXl": "pf-m-inset-xl-on-xl",
+    "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
     "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
-    "displayFullOn_2xl": "pf-m-display-full-on-2xl"
+    "displayFullOn_2xl": "pf-m-display-full-on-2xl",
+    "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
+    "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
+    "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
+    "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
+    "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
+    "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
   },
   "optionsMenu": "pf-c-options-menu",
   "optionsMenuToggle": "pf-c-options-menu__toggle",

package/css/components/Pagination/pagination.js

@@ -11,18 +11,55 @@ exports.default = {
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
     "compact": "pf-m-compact",
+    "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
+    "insetNone": "pf-m-inset-none",
+    "insetSm": "pf-m-inset-sm",
+    "insetMd": "pf-m-inset-md",
+    "insetLg": "pf-m-inset-lg",
+    "insetXl": "pf-m-inset-xl",
+    "inset_2xl": "pf-m-inset-2xl",
     "displaySummaryOnSm": "pf-m-display-summary-on-sm",
     "displayFullOnSm": "pf-m-display-full-on-sm",
+    "insetNoneOnSm": "pf-m-inset-none-on-sm",
+    "insetSmOnSm": "pf-m-inset-sm-on-sm",
+    "insetMdOnSm": "pf-m-inset-md-on-sm",
+    "insetLgOnSm": "pf-m-inset-lg-on-sm",
+    "insetXlOnSm": "pf-m-inset-xl-on-sm",
+    "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
     "displaySummaryOnMd": "pf-m-display-summary-on-md",
     "displayFullOnMd": "pf-m-display-full-on-md",
+    "insetNoneOnMd": "pf-m-inset-none-on-md",
+    "insetSmOnMd": "pf-m-inset-sm-on-md",
+    "insetMdOnMd": "pf-m-inset-md-on-md",
+    "insetLgOnMd": "pf-m-inset-lg-on-md",
+    "insetXlOnMd": "pf-m-inset-xl-on-md",
+    "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
     "displaySummaryOnLg": "pf-m-display-summary-on-lg",
     "displayFullOnLg": "pf-m-display-full-on-lg",
+    "insetNoneOnLg": "pf-m-inset-none-on-lg",
+    "insetSmOnLg": "pf-m-inset-sm-on-lg",
+    "insetMdOnLg": "pf-m-inset-md-on-lg",
+    "insetLgOnLg": "pf-m-inset-lg-on-lg",
+    "insetXlOnLg": "pf-m-inset-xl-on-lg",
+    "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
     "displaySummaryOnXl": "pf-m-display-summary-on-xl",
     "displayFullOnXl": "pf-m-display-full-on-xl",
+    "insetNoneOnXl": "pf-m-inset-none-on-xl",
+    "insetSmOnXl": "pf-m-inset-sm-on-xl",
+    "insetMdOnXl": "pf-m-inset-md-on-xl",
+    "insetLgOnXl": "pf-m-inset-lg-on-xl",
+    "insetXlOnXl": "pf-m-inset-xl-on-xl",
+    "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
     "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
-    "displayFullOn_2xl": "pf-m-display-full-on-2xl"
+    "displayFullOn_2xl": "pf-m-display-full-on-2xl",
+    "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
+    "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
+    "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
+    "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
+    "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
+    "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
   },
   "optionsMenu": "pf-c-options-menu",
   "optionsMenuToggle": "pf-c-options-menu__toggle",

package/css/components/Pagination/pagination.mjs

@@ -9,18 +9,55 @@ export default {
     "last": "pf-m-last",
     "sticky": "pf-m-sticky",
     "compact": "pf-m-compact",
+    "pageInsets": "pf-m-page-insets",
     "displaySummary": "pf-m-display-summary",
     "displayFull": "pf-m-display-full",
+    "insetNone": "pf-m-inset-none",
+    "insetSm": "pf-m-inset-sm",
+    "insetMd": "pf-m-inset-md",
+    "insetLg": "pf-m-inset-lg",
+    "insetXl": "pf-m-inset-xl",
+    "inset_2xl": "pf-m-inset-2xl",
     "displaySummaryOnSm": "pf-m-display-summary-on-sm",
     "displayFullOnSm": "pf-m-display-full-on-sm",
+    "insetNoneOnSm": "pf-m-inset-none-on-sm",
+    "insetSmOnSm": "pf-m-inset-sm-on-sm",
+    "insetMdOnSm": "pf-m-inset-md-on-sm",
+    "insetLgOnSm": "pf-m-inset-lg-on-sm",
+    "insetXlOnSm": "pf-m-inset-xl-on-sm",
+    "inset_2xlOnSm": "pf-m-inset-2xl-on-sm",
     "displaySummaryOnMd": "pf-m-display-summary-on-md",
     "displayFullOnMd": "pf-m-display-full-on-md",
+    "insetNoneOnMd": "pf-m-inset-none-on-md",
+    "insetSmOnMd": "pf-m-inset-sm-on-md",
+    "insetMdOnMd": "pf-m-inset-md-on-md",
+    "insetLgOnMd": "pf-m-inset-lg-on-md",
+    "insetXlOnMd": "pf-m-inset-xl-on-md",
+    "inset_2xlOnMd": "pf-m-inset-2xl-on-md",
     "displaySummaryOnLg": "pf-m-display-summary-on-lg",
     "displayFullOnLg": "pf-m-display-full-on-lg",
+    "insetNoneOnLg": "pf-m-inset-none-on-lg",
+    "insetSmOnLg": "pf-m-inset-sm-on-lg",
+    "insetMdOnLg": "pf-m-inset-md-on-lg",
+    "insetLgOnLg": "pf-m-inset-lg-on-lg",
+    "insetXlOnLg": "pf-m-inset-xl-on-lg",
+    "inset_2xlOnLg": "pf-m-inset-2xl-on-lg",
     "displaySummaryOnXl": "pf-m-display-summary-on-xl",
     "displayFullOnXl": "pf-m-display-full-on-xl",
+    "insetNoneOnXl": "pf-m-inset-none-on-xl",
+    "insetSmOnXl": "pf-m-inset-sm-on-xl",
+    "insetMdOnXl": "pf-m-inset-md-on-xl",
+    "insetLgOnXl": "pf-m-inset-lg-on-xl",
+    "insetXlOnXl": "pf-m-inset-xl-on-xl",
+    "inset_2xlOnXl": "pf-m-inset-2xl-on-xl",
     "displaySummaryOn_2xl": "pf-m-display-summary-on-2xl",
-    "displayFullOn_2xl": "pf-m-display-full-on-2xl"
+    "displayFullOn_2xl": "pf-m-display-full-on-2xl",
+    "insetNoneOn_2xl": "pf-m-inset-none-on-2xl",
+    "insetSmOn_2xl": "pf-m-inset-sm-on-2xl",
+    "insetMdOn_2xl": "pf-m-inset-md-on-2xl",
+    "insetLgOn_2xl": "pf-m-inset-lg-on-2xl",
+    "insetXlOn_2xl": "pf-m-inset-xl-on-2xl",
+    "inset_2xlOn_2xl": "pf-m-inset-2xl-on-2xl"
   },
   "optionsMenu": "pf-c-options-menu",
   "optionsMenuToggle": "pf-c-options-menu__toggle",

package/css/components/Tabs/tabs.css

@@ -26,7 +26,6 @@
   --pf-c-tabs__list--Display: flex;
   --pf-c-tabs__list--Visibility: visible;
   --pf-c-tabs__item--m-action--before--ZIndex: var(--pf-global--ZIndex--xs);
-  --pf-c-tabs__item--m-action__link--PaddingRight: var(--pf-global--spacer--sm);
   --pf-c-tabs__link--Color: var(--pf-global--Color--200);
   --pf-c-tabs__link--FontSize: var(--pf-global--FontSize--md);
   --pf-c-tabs__link--BackgroundColor: transparent;
@@ -43,8 +42,9 @@
   --pf-c-tabs--m-vertical__link--PaddingBottom: var(--pf-global--spacer--md);
   --pf-c-tabs--m-box__link--BackgroundColor: var(--pf-global--BackgroundColor--200);
   --pf-c-tabs--m-box__link--disabled--BackgroundColor: var(--pf-global--disabled-color--200);
-  --pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor: var(--pf-global--palette--black-400);
+  --pf-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor: var(--pf-global--palette--black-400);
   --pf-c-tabs--m-secondary__link--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-tabs__item--m-action__link--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-tabs__link--before--border-color--base: var(--pf-global--BorderColor--100);
   --pf-c-tabs__link--before--border-width--base: var(--pf-global--BorderWidth--sm);
   --pf-c-tabs__link--before--BorderTopColor: var(--pf-c-tabs__link--before--border-color--base);
@@ -108,13 +108,16 @@
   --pf-c-tabs__toggle-button--MarginLeft: calc(-1 * var(--pf-global--spacer--md));
   --pf-c-tabs--m-expanded__toggle-icon--Color: var(--pf-global--Color--100);
   --pf-c-tabs--m-expanded__toggle-icon--Rotate: 90deg;
-  --pf-c-tabs__item-close--c-button--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-tabs--m-secondary__item-close--c-button--FontSize: var(--pf-global--icon--FontSize--sm);
-  --pf-c-tabs__item-close--c-button--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-tabs__item-close--c-button--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-tabs__item-close--c-button--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-tabs__item-close--c-button--OutlineOffset: -0.1875rem;
-  --pf-c-tabs__item-close-icon--MarginTop: 0.125rem;
+  --pf-c-tabs__item-action--c-button--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-tabs--m-secondary__item-action--c-button--FontSize: var(--pf-global--icon--FontSize--sm);
+  --pf-c-tabs__item-action--c-button--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-tabs__item-action--c-button--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-tabs__item-action--last-child--c-button--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-tabs__item-action--c-button--OutlineOffset: -0.1875rem;
+  --pf-c-tabs__item-action-icon--MarginTop: 0.125rem;
+  --pf-c-tabs__item-action--m-help--c-button--PaddingLeft: var(--pf-global--spacer--xs);
   --pf-c-tabs__add--before--BorderColor: var(--pf-c-tabs__link--before--border-color--base);
   --pf-c-tabs__add--before--BorderLeftWidth: var(--pf-c-tabs__link--before--border-width--base);
   --pf-c-tabs__add--c-button--FontSize: var(--pf-global--FontSize--sm);
@@ -229,8 +232,8 @@
   --pf-c-tabs__item--m-current__link--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__item--m-current__link--BackgroundColor);
   --pf-c-tabs__link--disabled--BackgroundColor: var(--pf-c-tabs--m-color-scheme--light-300__link--disabled--BackgroundColor);
 }
-.pf-c-tabs.pf-m-box .pf-c-tabs__item-close .pf-c-button {
-  --pf-c-button--m-plain--disabled--Color: var(--pf-c-tabs--m-box__item-close--c-button--disabled--BackgroundColor);
+.pf-c-tabs.pf-m-box .pf-c-tabs__item-action .pf-c-button {
+  --pf-c-button--m-plain--disabled--Color: var(--pf-c-tabs--m-box__item-action--c-button--disabled--BackgroundColor);
 }
 .pf-c-tabs.pf-m-vertical {
   --pf-c-tabs--Width: var(--pf-c-tabs--m-vertical--Width);
@@ -404,7 +407,7 @@
 }
 .pf-c-tabs.pf-m-secondary {
   --pf-c-tabs__link--FontSize: var(--pf-c-tabs--m-secondary__link--FontSize);
-  --pf-c-tabs__item-close--c-button--FontSize: var(--pf-c-tabs--m-secondary__item-close--c-button--FontSize);
+  --pf-c-tabs__item-action--c-button--FontSize: var(--pf-c-tabs--m-secondary__item-action--c-button--FontSize);
   --pf-c-tabs__add--c-button--FontSize: var(--pf-c-tabs--m-secondary__add--c-button--FontSize);
 }
 .pf-c-tabs.pf-m-page-insets {
@@ -608,20 +611,27 @@
   transform: rotate(var(--pf-c-tabs__link-toggle-icon--Rotate));
 }
 
-.pf-c-tabs__item-close {
+.pf-c-tabs__item-action {
   display: flex;
 }
-.pf-c-tabs__item-close .pf-c-button {
-  --pf-c-button--FontSize: var(--pf-c-tabs__item-close--c-button--FontSize);
-  --pf-c-button--PaddingTop: var(--pf-c-tabs__item-close--c-button--PaddingTop);
-  --pf-c-button--PaddingBottom: var(--pf-c-tabs__item-close--c-button--PaddingBottom);
-  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-close--c-button--PaddingLeft);
-  outline-offset: var(--pf-c-tabs__item-close--c-button--OutlineOffset);
+.pf-c-tabs__item-action .pf-c-button {
+  --pf-c-button--FontSize: var(--pf-c-tabs__item-action--c-button--FontSize);
+  --pf-c-button--PaddingTop: var(--pf-c-tabs__item-action--c-button--PaddingTop);
+  --pf-c-button--PaddingRight: var(--pf-c-tabs__item-action--c-button--PaddingRight);
+  --pf-c-button--PaddingBottom: var(--pf-c-tabs__item-action--c-button--PaddingBottom);
+  --pf-c-button--PaddingLeft: var(--pf-c-tabs__item-action--c-button--PaddingLeft);
+  outline-offset: var(--pf-c-tabs__item-action--c-button--OutlineOffset);
+}
+.pf-c-tabs__item-action.pf-m-help {
+  --pf-c-tabs__item-action--c-button--PaddingLeft: var(--pf-c-tabs__item-action--m-help--c-button--PaddingLeft);
+}
+.pf-c-tabs__item-action:last-child {
+  --pf-c-tabs__item-action--c-button--PaddingRight: var(--pf-c-tabs__item-action--last-child--c-button--PaddingRight);
 }
 
-.pf-c-tabs__item-close-icon {
+.pf-c-tabs__item-action-icon {
   display: inline-block;
-  margin-top: var(--pf-c-tabs__item-close-icon--MarginTop);
+  margin-top: var(--pf-c-tabs__item-action-icon--MarginTop);
 }
 
 .pf-c-tabs__scroll-button {

package/css/components/Tabs/tabs.d.ts

@@ -30,6 +30,7 @@ declare const _default: {
     "active": "pf-m-active",
     "disabled": "pf-m-disabled",
     "ariaDisabled": "pf-m-aria-disabled",
+    "help": "pf-m-help",
     "insetNone": "pf-m-inset-none",
     "insetSm": "pf-m-inset-sm",
     "insetMd": "pf-m-inset-md",
@@ -70,8 +71,8 @@ declare const _default: {
   "tabs": "pf-c-tabs",
   "tabsAdd": "pf-c-tabs__add",
   "tabsItem": "pf-c-tabs__item",
-  "tabsItemClose": "pf-c-tabs__item-close",
-  "tabsItemCloseIcon": "pf-c-tabs__item-close-icon",
+  "tabsItemAction": "pf-c-tabs__item-action",
+  "tabsItemActionIcon": "pf-c-tabs__item-action-icon",
   "tabsItemIcon": "pf-c-tabs__item-icon",
   "tabsItemText": "pf-c-tabs__item-text",
   "tabsLink": "pf-c-tabs__link",

package/css/components/Tabs/tabs.js

@@ -32,6 +32,7 @@ exports.default = {
     "active": "pf-m-active",
     "disabled": "pf-m-disabled",
     "ariaDisabled": "pf-m-aria-disabled",
+    "help": "pf-m-help",
     "insetNone": "pf-m-inset-none",
     "insetSm": "pf-m-inset-sm",
     "insetMd": "pf-m-inset-md",
@@ -72,8 +73,8 @@ exports.default = {
   "tabs": "pf-c-tabs",
   "tabsAdd": "pf-c-tabs__add",
   "tabsItem": "pf-c-tabs__item",
-  "tabsItemClose": "pf-c-tabs__item-close",
-  "tabsItemCloseIcon": "pf-c-tabs__item-close-icon",
+  "tabsItemAction": "pf-c-tabs__item-action",
+  "tabsItemActionIcon": "pf-c-tabs__item-action-icon",
   "tabsItemIcon": "pf-c-tabs__item-icon",
   "tabsItemText": "pf-c-tabs__item-text",
   "tabsLink": "pf-c-tabs__link",

package/css/components/Tabs/tabs.mjs

@@ -30,6 +30,7 @@ export default {
     "active": "pf-m-active",
     "disabled": "pf-m-disabled",
     "ariaDisabled": "pf-m-aria-disabled",
+    "help": "pf-m-help",
     "insetNone": "pf-m-inset-none",
     "insetSm": "pf-m-inset-sm",
     "insetMd": "pf-m-inset-md",
@@ -70,8 +71,8 @@ export default {
   "tabs": "pf-c-tabs",
   "tabsAdd": "pf-c-tabs__add",
   "tabsItem": "pf-c-tabs__item",
-  "tabsItemClose": "pf-c-tabs__item-close",
-  "tabsItemCloseIcon": "pf-c-tabs__item-close-icon",
+  "tabsItemAction": "pf-c-tabs__item-action",
+  "tabsItemActionIcon": "pf-c-tabs__item-action-icon",
   "tabsItemIcon": "pf-c-tabs__item-icon",
   "tabsItemText": "pf-c-tabs__item-text",
   "tabsLink": "pf-c-tabs__link",

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

@@ -0,0 +1,11 @@
+.ws-core-c-page :is(.pf-c-page__sidebar, .pf-c-page__main-subnav) {
+  color: var(--pf-global--Color--light-100);
+}
+
+.ws-core-c-page .pf-c-page__main-section.pf-m-dark-200 {
+  color: var(--pf-global--Color--dark-100);
+}
+
+#ws-core-c-page-with-or-without-fill .ws-preview-html {
+  height: 500px;
+}

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

@@ -0,0 +1,12 @@
+import './Page.css';
+declare const _default: {
+  "modifiers": {
+    "dark_200": "pf-m-dark-200"
+  },
+  "pageMainSection": "pf-c-page__main-section",
+  "pageMainSubnav": "pf-c-page__main-subnav",
+  "pageSidebar": "pf-c-page__sidebar",
+  "wsCoreCPage": "ws-core-c-page",
+  "wsPreviewHtml": "ws-preview-html"
+};
+export default _default;

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

@@ -0,0 +1,13 @@
+"use strict";
+exports.__esModule = true;
+require('./Page.css');
+exports.default = {
+  "modifiers": {
+    "dark_200": "pf-m-dark-200"
+  },
+  "pageMainSection": "pf-c-page__main-section",
+  "pageMainSubnav": "pf-c-page__main-subnav",
+  "pageSidebar": "pf-c-page__sidebar",
+  "wsCoreCPage": "ws-core-c-page",
+  "wsPreviewHtml": "ws-preview-html"
+};

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

@@ -0,0 +1,11 @@
+import './Page.css';
+export default {
+  "modifiers": {
+    "dark_200": "pf-m-dark-200"
+  },
+  "pageMainSection": "pf-c-page__main-section",
+  "pageMainSubnav": "pf-c-page__main-subnav",
+  "pageSidebar": "pf-c-page__sidebar",
+  "wsCoreCPage": "ws-core-c-page",
+  "wsPreviewHtml": "ws-preview-html"
+};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.91.9",
+  "version": "4.92.0",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.219.1",
+    "@patternfly/patternfly": "4.221.2",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "4c1b8219539ce61aa45bfefc935af732129404a5"
+  "gitHead": "e1f95ce96852165dd4d102cd87c6b49288f01eff"
 }