@patternfly/patternfly 5.2.0-prerelease.4 → 5.2.0-prerelease.6

package/base/_globals.scss

@@ -33,10 +33,8 @@
 // Normalize
 @if $pf-v5-global--enable-normalize {
   *,
-  :where(
-    *::before,
-    *::after
-  ) {
+  *::before,
+  *::after {
     box-sizing: border-box;
   }
 

package/base/patternfly-globals.css

@@ -26,8 +26,8 @@ h6) {
 }
 
 *,
-:where(*::before,
-*::after) {
+*::before,
+*::after {
   box-sizing: border-box;
 }
 

package/components/Form/form.css

@@ -247,6 +247,9 @@
   max-width: var(--pf-v5-c-form--m-limit-width--MaxWidth);
 }
 
+.pf-v5-c-form__group {
+  min-width: 0;
+}
 .pf-v5-c-form__group.pf-m-action {
   margin-block-start: var(--pf-v5-c-form__group--m-action--MarginTop);
   overflow: hidden;
@@ -335,6 +338,9 @@
   --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
 }
 
+.pf-v5-c-form__group-control {
+  min-width: 0;
+}
 .pf-v5-c-form__group-control.pf-m-inline {
   display: flex;
   flex-flow: row wrap;

package/components/Form/form.scss

@@ -221,6 +221,8 @@ $pf-v5-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
 }
 
 .#{$form}__group {
+  min-width: 0;
+
   &.pf-m-action {
     margin-block-start: var(--#{$form}__group--m-action--MarginTop);
     overflow: hidden; // keeps the negative bottom margin bottom on .#{$form}__actions from triggering overflow
@@ -320,8 +322,9 @@ $pf-v5-c-form--m-horizontal--breakpoint-map: build-breakpoint-map("sm", "md", "l
   }
 }
 
-
 .#{$form}__group-control {
+  min-width: 0;
+
   &.pf-m-inline {
     display: flex;
     flex-flow: row wrap;

package/components/Popover/popover.css

@@ -158,12 +158,10 @@
 
 .pf-v5-c-popover__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-popover__arrow--Top, auto);
   right: var(--pf-v5-c-popover__arrow--Right, auto);
   bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
   left: var(--pf-v5-c-popover__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-popover__arrow--Width);
   height: var(--pf-v5-c-popover__arrow--Height);
   pointer-events: none;

package/components/Popover/popover.scss

@@ -217,12 +217,12 @@
 
 .#{$popover}__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
+  // stylelint-disable liberty/use-logical-spec
   top: var(--#{$popover}__arrow--Top, auto);
   right: var(--#{$popover}__arrow--Right, auto);
   bottom: var(--#{$popover}__arrow--Bottom, auto);
   left: var(--#{$popover}__arrow--Left, auto);
-  /* stylelint-enable */
+  // stylelint-enable
   width: var(--#{$popover}__arrow--Width);
   height: var(--#{$popover}__arrow--Height);
   pointer-events: none;

package/components/Tooltip/tooltip.css

@@ -103,12 +103,10 @@
 
 .pf-v5-c-tooltip__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-tooltip__arrow--Top, auto);
   right: var(--pf-v5-c-tooltip__arrow--Right, auto);
   bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
   left: var(--pf-v5-c-tooltip__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-tooltip__arrow--Width);
   height: var(--pf-v5-c-tooltip__arrow--Height);
   pointer-events: none;

package/components/Tooltip/tooltip.scss

@@ -136,12 +136,12 @@
 
 .#{$tooltip}__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
+  // stylelint-disable liberty/use-logical-spec
   top: var(--#{$tooltip}__arrow--Top, auto);
   right: var(--#{$tooltip}__arrow--Right, auto);
   bottom: var(--#{$tooltip}__arrow--Bottom, auto);
   left: var(--#{$tooltip}__arrow--Left, auto);
-  /* stylelint-enable */
+  // stylelint-enable
   width: var(--#{$tooltip}__arrow--Width);
   height: var(--#{$tooltip}__arrow--Height);
   pointer-events: none;

package/docs/components/Alert/examples/Alert.md

@@ -677,8 +677,8 @@ When toast alerts include a link or action, these elements are not announced as
 
 For sighted users, interactive elements can be included in this message in one of the following ways:
 
-*   Using a link to the Builds page: "The build is complete. Go to the [Builds](#) page to download" using `<a href="#">Builds</a>`
-*   Using a button to download: "The build is complete. Go to the Builds page to <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">download</button>" using `<button class="pf-v5-c-button pf-m-link pf-m-inline type="button">download</button>`
+* Using a link to the Builds page: "The build is complete. Go to the [Builds](#) page to download" using `<a href="#">Builds</a>`
+* Using a button to download: "The build is complete. Go to the Builds page to <button class="pf-v5-c-button pf-m-link pf-m-inline" type="button">download</button>" using `<button class="pf-v5-c-button pf-m-link pf-m-inline type="button">download</button>`
 
 ```html isFullscreen
 <ul class="pf-v5-c-alert-group pf-m-toast" role="list">

package/docs/components/Breadcrumb/examples/Breadcrumb.md

@@ -281,7 +281,7 @@ cssPrefix: pf-v5-c-breadcrumb
 
 A breadcrumb is a list of links to display a user's navigational hierarchy. The last item of the breadcrumb list indicates the current page's location.
 
-*   `.pf-v5-c-breadcrumb__list` is the default breadcrumb navigation. It provides links to previous navigation pages and also shows the current page's location.
+* `.pf-v5-c-breadcrumb__list` is the default breadcrumb navigation. It provides links to previous navigation pages and also shows the current page's location.
 
 In the event that a page does not have a traditional `<h1>` page title, a heading can be included in the breadcrumbs and an optional link within.
 

package/docs/components/Content/examples/Content.md

@@ -163,11 +163,11 @@ cssPrefix: pf-v5-c-content
 
 When you can't use the CSS classes you want, or when you just want to directly use HTML tags, use `pf-v5-c-content` as container. It can handle almost any HTML tag:
 
-*   `<p>` paragraphs
-*   `<ul>` `<ol>` `<dl>` lists
-*   `<h1>` to `<h6>` headings
-*   `<blockquote>` quotes
-*   `<em>` and `<strong>`
+* `<p>` paragraphs
+* `<ul>` `<ol>` `<dl>` lists
+* `<h1>` to `<h6>` headings
+* `<blockquote>` quotes
+* `<em>` and `<strong>`
 
 This `pf-v5-c-content` class can be used in any context where you just want to (or can only) write some text.
 

package/docs/components/InlineEdit/examples/InlineEdit.md

@@ -930,4 +930,6 @@ All accessibility requirements for inputs apply to elements within inline edit.
 | `.pf-m-valid` | `.pf-v5-c-inline-edit__action` | Modifies the action button state. |
 | `.pf-m-enable-editable` | `.pf-v5-c-inline-edit__action` | Exposes an inline edit action by default. |
 
-    -->
+```
+-->
+```

package/docs/components/Label/examples/Label.md

@@ -1949,16 +1949,16 @@ This style of label is used to indicate overflow within a label group.
 
 **Note: Editable label behavior must be handled with JavaScript.**
 
-*   `.pf-v5-c-label__editable-text` onClick event should:
-    *   Set `.pf-m-editable-active` on `.pf-v5-c-label`
-    *   Change `.pf-v5-c-label__editable-text`from a button to an input
-*   Return keypress, when content is editable, should:
-    *   Be captured to prevent line wrapping and save updates to label text
-    *   Remove `.pf-m-editable-active` from `.pf-v5-c-label`
-*   Esc keypress, when content is editable, should:
-    *   Undo any update to label text
-    *   Remove `.pf-m-editable-active` from `.pf-v5-c-label`
-    *   Change `.pf-v5-c-label__editable-text` back to a button
+* `.pf-v5-c-label__editable-text` onClick event should:
+  * Set `.pf-m-editable-active` on `.pf-v5-c-label`
+  * Change `.pf-v5-c-label__editable-text`from a button to an input
+* Return keypress, when content is editable, should:
+  * Be captured to prevent line wrapping and save updates to label text
+  * Remove `.pf-m-editable-active` from `.pf-v5-c-label`
+* Esc keypress, when content is editable, should:
+  * Undo any update to label text
+  * Remove `.pf-m-editable-active` from `.pf-v5-c-label`
+  * Change `.pf-v5-c-label__editable-text` back to a button
 
 ```html isBeta
 <span class="pf-v5-c-label pf-m-editable pf-m-blue">
@@ -2692,7 +2692,7 @@ The contents of a label group can be modified by removing labels or adding new o
 
 In addition to the JavaScript management of [editable labels](/components/label#editable), dynamic label groups also need:
 
-*   `.pf-v5-c-label-group.pf-m-editable` onClick event should (excluding labels within) set focus on `.pf-v5-c-label-group__textarea`
+* `.pf-v5-c-label-group.pf-m-editable` onClick event should (excluding labels within) set focus on `.pf-v5-c-label-group__textarea`
 
 ### Editable labels, dynamic label group
 

package/docs/components/Nav/examples/Navigation.md

@@ -2614,7 +2614,7 @@ When using anything other than a text node for the link text, wrap the link text
 
 The navigation system relies on several different sub-components:
 
-*   `.pf-v5-c-nav__list` - default navigation list. It is the basis for both default and expandable, vertical navigation.
+* `.pf-v5-c-nav__list` - default navigation list. It is the basis for both default and expandable, vertical navigation.
 
 ### Accessibility
 

package/docs/components/Table/examples/Table.md

@@ -24703,9 +24703,9 @@ Add a [width modifier](#width-modifiers) to `thead th` to limit string length or
 
 There are a few ways this can be handled:
 
-*   Manipulate the `z-index` of the menu and/or table headers/columns manually.
-*   Use the `menuAppendTo` prop in non-composable react components with menus to append the menu to an element outside of the table (e.g., the `<body>` element) so that the menu has a higher stacking context than - and can appear on top of - sticky headers/columns as well as appear outside of any scrollable content in the table.
-*   In the case where the menu is outside of the table (e.g., above the table in a toolbar, or below the table and the menu expands up), assign the entire table a lower `z-index`  than the `z-index` of the menu. This creates a lower stacking context for the entire table compared to the menu, while preserving the stacking context of the elements inside of the table.
+* Manipulate the `z-index` of the menu and/or table headers/columns manually.
+* Use the `menuAppendTo` prop in non-composable react components with menus to append the menu to an element outside of the table (e.g., the `<body>` element) so that the menu has a higher stacking context than - and can appear on top of - sticky headers/columns as well as appear outside of any scrollable content in the table.
+* In the case where the menu is outside of the table (e.g., above the table in a toolbar, or below the table and the menu expands up), assign the entire table a lower `z-index`  than the `z-index` of the menu. This creates a lower stacking context for the entire table compared to the menu, while preserving the stacking context of the elements inside of the table.
 
 ### Sticky header
 
@@ -30824,8 +30824,8 @@ By default, all table header cells are set to `white-space: nowrap`. If a `<th>`
 
 ### Implementation support
 
-*   One expandable toggle button, positioned in the first cell of a non-expandable row, preceding an expandable row.
-*   One checkbox or radio input, positioned in the first or second cell of a non-expandable row.
-*   One action button, positioned in the last cell of a non-expandable row.
-*   Tabular data.
-*   Compact presentation modifier (not compatible with expandable table).
+* One expandable toggle button, positioned in the first cell of a non-expandable row, preceding an expandable row.
+* One checkbox or radio input, positioned in the first or second cell of a non-expandable row.
+* One action button, positioned in the last cell of a non-expandable row.
+* Tabular data.
+* Compact presentation modifier (not compatible with expandable table).

package/docs/layouts/Flex/examples/Flex.md

@@ -12,11 +12,11 @@ The flex layout is based on the CSS Flex properties where the layout determines
 
 The flex layout provides two ways of spacing its direct children.
 
-*   [Spacing system](#spacing-system)
-    *   The spacing system applies a margin between the flex layout's direct children to create space between items along the main axis only. The benefit of the spacing system is that it allows for variable spacing between direct children. Use the spacing system when individual flex items along the main axis require a different spacer than sibling items.
-*   [Gap spacing](#gap-spacing)
-    *   Gap spacing uses flex `gap` to space the flex layout's direct children, and can be applied to space rows (`row-gap`), columns (`column-gap`), or both (`gap`). The benefit of gap spacing is that item wrapping is improved and improved item spacing that works better with CSS flex's logical layout properties. E.g., spacing in RTL layouts that rely on logical properties is improved. Use the gap system when all direct children should use the same spacer for rows, columns, or both.
-    *   **Note** using `gap` along the main axis will override any other spacing applied using the spacing system.
+* [Spacing system](#spacing-system)
+  * The spacing system applies a margin between the flex layout's direct children to create space between items along the main axis only. The benefit of the spacing system is that it allows for variable spacing between direct children. Use the spacing system when individual flex items along the main axis require a different spacer than sibling items.
+* [Gap spacing](#gap-spacing)
+  * Gap spacing uses flex `gap` to space the flex layout's direct children, and can be applied to space rows (`row-gap`), columns (`column-gap`), or both (`gap`). The benefit of gap spacing is that item wrapping is improved and improved item spacing that works better with CSS flex's logical layout properties. E.g., spacing in RTL layouts that rely on logical properties is improved. Use the gap system when all direct children should use the same spacer for rows, columns, or both.
+  * **Note** using `gap` along the main axis will override any other spacing applied using the spacing system.
 
 ### Breakpoints
 
@@ -24,15 +24,15 @@ The flex layout provides two ways of spacing its direct children.
 
 ### Usefulness
 
-*   Use when content dictates layout and elements wrap when necessary.
-*   Use when a rigid grid is not necessary/wanted.
+* Use when content dictates layout and elements wrap when necessary.
+* Use when a rigid grid is not necessary/wanted.
 
 ### Differences from utility class
 
-*   It contains multiple css declarations and does not use the `!important` tag.
-*   It does not require wrapping elements in columns or rows.
-*   It breaks the dependency upon adding utility classes to each child.
-*   It can be applied to container elements or components.
+* It contains multiple css declarations and does not use the `!important` tag.
+* It does not require wrapping elements in columns or rows.
+* It breaks the dependency upon adding utility classes to each child.
+* It can be applied to container elements or components.
 
 # Examples
 

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "5.2.0-prerelease.4",
+  "version": "5.2.0-prerelease.6",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -32,20 +32,20 @@
     "prepare": "husky install"
   },
   "devDependencies": {
-    "@babel/core": "^7.22.9",
-    "@babel/eslint-parser": "^7.22.9",
+    "@babel/core": "^7.23.5",
+    "@babel/eslint-parser": "^7.23.3",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
     "@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "@babel/plugin-proposal-private-methods": "^7.18.6",
     "@babel/plugin-proposal-private-property-in-object": "^7.21.11",
-    "@babel/plugin-transform-react-jsx": "^7.22.5",
-    "@babel/preset-env": "^7.22.9",
-    "@babel/preset-react": "^7.22.5",
-    "@commitlint/cli": "^17.6.7",
-    "@commitlint/config-conventional": "^17.6.7",
+    "@babel/plugin-transform-react-jsx": "^7.23.4",
+    "@babel/preset-env": "^7.23.5",
+    "@babel/preset-react": "^7.23.3",
+    "@commitlint/cli": "^18.4.3",
+    "@commitlint/config-conventional": "^18.4.3",
     "@fortawesome/fontawesome": "^1.1.8",
-    "@octokit/rest": "^20.0.1",
-    "@patternfly/documentation-framework": "5.2.24",
+    "@octokit/rest": "^20.0.2",
+    "@patternfly/documentation-framework": "5.3.9",
     "@patternfly/patternfly-a11y": "4.3.1",
     "@patternfly/react-code-editor": "5.1.1",
     "@patternfly/react-core": "5.1.1",
@@ -53,19 +53,19 @@
     "@starptech/prettyhtml": "^0.10.0",
     "backstopjs": "^6.2.2",
     "cheerio": "^1.0.0-rc.12",
-    "commander": "^11.0.0",
+    "commander": "^11.1.0",
     "cssnano": "^6.0.1",
-    "eslint": "^8.46.0",
+    "eslint": "^8.54.0",
     "eslint-config-standard": "^17.1.0",
     "eslint-config-standard-jsx": "^11.0.0",
     "eslint-config-standard-react": "^13.0.0",
-    "eslint-plugin-import": "^2.28.0",
-    "eslint-plugin-n": "^16.0.1",
+    "eslint-plugin-import": "^2.29.0",
+    "eslint-plugin-n": "^16.3.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.33.1",
+    "eslint-plugin-react": "^7.33.2",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "glob": "^10.3.3",
+    "glob": "^10.3.10",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
     "gulp-iconfont": "^11.0.1",
@@ -74,27 +74,27 @@
     "gulp-rename": "^2.0.0",
     "gulp-sourcemaps": "^3.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.2.3",
-    "node-plop": "^0.31.1",
-    "postcss": "^8.4.27",
+    "lint-staged": "^15.1.0",
+    "node-plop": "^0.32.0",
+    "postcss": "^8.4.31",
     "postcss-css-variables": "^0.19.0",
-    "postcss-preset-env": "^9.1.0",
-    "prettier": "^3.0.0",
+    "postcss-preset-env": "^9.3.0",
+    "prettier": "^3.1.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "remark-parse": "^10.0.2",
-    "remark-stringify": "^10.0.3",
+    "remark-parse": "^11.0.0",
+    "remark-stringify": "^11.0.0",
     "rimraf": "*",
-    "sass": "^1.64.2",
+    "sass": "^1.69.5",
     "sass-graph": "^4.0.1",
-    "stylelint": "^15.10.2",
-    "stylelint-config-recess-order": "^4.3.0",
+    "stylelint": "^15.11.0",
+    "stylelint-config-recess-order": "^4.4.0",
     "stylelint-config-standard": "^34.0.0",
-    "stylelint-config-standard-scss": "^10.0.0",
+    "stylelint-config-standard-scss": "^11.1.0",
     "stylelint-use-logical-spec": "^5.0.0",
     "surge": "^0.23.1",
-    "unified": "^10.1.2",
-    "webpack": "^5.88.2"
+    "unified": "^11.0.4",
+    "webpack": "^5.89.0"
   },
   "resolutions": {
     "@babel/preset-env": "7.18.2",

package/patternfly-base-theme-dark-unversioned.css

@@ -537,8 +537,8 @@ h6) {
 }
 
 *,
-:where(*::before,
-*::after) {
+*::before,
+*::after {
   box-sizing: border-box;
 }
 

package/patternfly-base.css

@@ -537,8 +537,8 @@ h6) {
 }
 
 *,
-:where(*::before,
-*::after) {
+*::before,
+*::after {
   box-sizing: border-box;
 }
 

package/patternfly-no-globals.css

@@ -14665,6 +14665,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   max-width: var(--pf-v5-c-form--m-limit-width--MaxWidth);
 }
 
+.pf-v5-c-form__group {
+  min-width: 0;
+}
 .pf-v5-c-form__group.pf-m-action {
   margin-block-start: var(--pf-v5-c-form__group--m-action--MarginTop);
   overflow: hidden;
@@ -14753,6 +14756,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
 }
 
+.pf-v5-c-form__group-control {
+  min-width: 0;
+}
 .pf-v5-c-form__group-control.pf-m-inline {
   display: flex;
   flex-flow: row wrap;
@@ -22616,12 +22622,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-popover__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-popover__arrow--Top, auto);
   right: var(--pf-v5-c-popover__arrow--Right, auto);
   bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
   left: var(--pf-v5-c-popover__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-popover__arrow--Width);
   height: var(--pf-v5-c-popover__arrow--Height);
   pointer-events: none;
@@ -30346,12 +30350,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
 
 .pf-v5-c-tooltip__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-tooltip__arrow--Top, auto);
   right: var(--pf-v5-c-tooltip__arrow--Right, auto);
   bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
   left: var(--pf-v5-c-tooltip__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-tooltip__arrow--Width);
   height: var(--pf-v5-c-tooltip__arrow--Height);
   pointer-events: none;

package/patternfly-theme-dark-unversioned.css

@@ -602,8 +602,8 @@ h6) {
 }
 
 *,
-:where(*::before,
-*::after) {
+*::before,
+*::after {
   box-sizing: border-box;
 }
 
@@ -14782,6 +14782,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   max-width: var(--pf-v5-c-form--m-limit-width--MaxWidth);
 }
 
+.pf-v5-c-form__group {
+  min-width: 0;
+}
 .pf-v5-c-form__group.pf-m-action {
   margin-block-start: var(--pf-v5-c-form__group--m-action--MarginTop);
   overflow: hidden;
@@ -14870,6 +14873,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
 }
 
+.pf-v5-c-form__group-control {
+  min-width: 0;
+}
 .pf-v5-c-form__group-control.pf-m-inline {
   display: flex;
   flex-flow: row wrap;
@@ -22733,12 +22739,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-popover__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-popover__arrow--Top, auto);
   right: var(--pf-v5-c-popover__arrow--Right, auto);
   bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
   left: var(--pf-v5-c-popover__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-popover__arrow--Width);
   height: var(--pf-v5-c-popover__arrow--Height);
   pointer-events: none;
@@ -30463,12 +30467,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
 
 .pf-v5-c-tooltip__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-tooltip__arrow--Top, auto);
   right: var(--pf-v5-c-tooltip__arrow--Right, auto);
   bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
   left: var(--pf-v5-c-tooltip__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-tooltip__arrow--Width);
   height: var(--pf-v5-c-tooltip__arrow--Height);
   pointer-events: none;

package/patternfly.css

@@ -602,8 +602,8 @@ h6) {
 }
 
 *,
-:where(*::before,
-*::after) {
+*::before,
+*::after {
   box-sizing: border-box;
 }
 
@@ -14782,6 +14782,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   max-width: var(--pf-v5-c-form--m-limit-width--MaxWidth);
 }
 
+.pf-v5-c-form__group {
+  min-width: 0;
+}
 .pf-v5-c-form__group.pf-m-action {
   margin-block-start: var(--pf-v5-c-form__group--m-action--MarginTop);
   overflow: hidden;
@@ -14870,6 +14873,9 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --pf-v5-c-form__group-label-help--Color: var(--pf-v5-c-form__group-label-help--focus--Color);
 }
 
+.pf-v5-c-form__group-control {
+  min-width: 0;
+}
 .pf-v5-c-form__group-control.pf-m-inline {
   display: flex;
   flex-flow: row wrap;
@@ -22733,12 +22739,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 
 .pf-v5-c-popover__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-popover__arrow--Top, auto);
   right: var(--pf-v5-c-popover__arrow--Right, auto);
   bottom: var(--pf-v5-c-popover__arrow--Bottom, auto);
   left: var(--pf-v5-c-popover__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-popover__arrow--Width);
   height: var(--pf-v5-c-popover__arrow--Height);
   pointer-events: none;
@@ -30463,12 +30467,10 @@ svg.pf-v5-c-spinner.pf-m-xl {
 
 .pf-v5-c-tooltip__arrow {
   position: absolute;
-  /* stylelint-disable liberty/use-logical-spec */
   top: var(--pf-v5-c-tooltip__arrow--Top, auto);
   right: var(--pf-v5-c-tooltip__arrow--Right, auto);
   bottom: var(--pf-v5-c-tooltip__arrow--Bottom, auto);
   left: var(--pf-v5-c-tooltip__arrow--Left, auto);
-  /* stylelint-enable */
   width: var(--pf-v5-c-tooltip__arrow--Width);
   height: var(--pf-v5-c-tooltip__arrow--Height);
   pointer-events: none;