@patternfly/react-styles 4.91.10 → 4.92.1

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.1 (2022-12-01)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+# 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

package/css/components/FormControl/form-control.css

@@ -326,7 +326,7 @@ textarea.pf-c-form-control {
 }
 
 :where(.pf-theme-dark) .pf-c-form-control {
-  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
+  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
   --pf-c-form-control--BorderTopColor: transparent;
   --pf-c-form-control--BorderRightColor: transparent;
   --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);

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/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.91.10",
+  "version": "4.92.1",
   "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.2",
+    "@patternfly/patternfly": "4.221.3",
     "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": "8faac0c6f8e22f1221bd4a13ade19c4ca47ce22c"
+  "gitHead": "47c6127c70191349261aec122b56e6ca61fa0c99"
 }