@patternfly/patternfly 5.1.0-prerelease.3 → 5.1.0-prerelease.5

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "5.1.0-prerelease.3",
+  "version": "5.1.0-prerelease.5",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -12,6 +12,7 @@
     "build:pficons": "gulp pfIcons",
     "build:pficonfont": "gulp pfIconFont",
     "clean": "gulp clean",
+    "superclean": "npm install && npm run clean && git clean -dfx",
     "dev": "gulp develop",
     "develop": "gulp develop",
     "format": "prettier --trailing-comma es5 --no-semi --single-quote --write src/**/*.js",
@@ -29,39 +30,39 @@
     "prepare": "husky install"
   },
   "devDependencies": {
-    "@babel/core": "^7.20.12",
-    "@babel/eslint-parser": "^7.19.1",
+    "@babel/core": "^7.22.9",
+    "@babel/eslint-parser": "^7.22.9",
     "@babel/plugin-proposal-class-properties": "^7.18.6",
-    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
+    "@babel/plugin-proposal-optional-chaining": "^7.21.0",
     "@babel/plugin-proposal-private-methods": "^7.18.6",
-    "@babel/plugin-proposal-private-property-in-object": "^7.20.5",
-    "@babel/plugin-transform-react-jsx": "^7.20.13",
-    "@babel/preset-env": "^7.20.2",
-    "@babel/preset-react": "^7.18.6",
-    "@commitlint/cli": "^17.4.2",
-    "@commitlint/config-conventional": "^17.4.2",
+    "@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",
     "@fortawesome/fontawesome": "^1.1.8",
-    "@octokit/rest": "^19.0.7",
-    "@patternfly/documentation-framework": "5.0.7",
+    "@octokit/rest": "^20.0.1",
+    "@patternfly/documentation-framework": "5.0.18",
     "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-code-editor": "5.0.0-alpha.116",
-    "@patternfly/react-core": "5.0.0-alpha.115",
-    "@patternfly/react-table": "5.0.0-alpha.117",
+    "@patternfly/react-code-editor": "5.0.0",
+    "@patternfly/react-core": "5.0.0",
+    "@patternfly/react-table": "5.0.0",
     "@starptech/prettyhtml": "^0.10.0",
     "cheerio": "^1.0.0-rc.12",
-    "commander": "^10.0.0",
-    "cssnano": "^5.1.14",
-    "eslint": "^8.33.0",
-    "eslint-config-standard": "^17.0.0",
+    "commander": "^11.0.0",
+    "cssnano": "^6.0.1",
+    "eslint": "^8.46.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.27.5",
-    "eslint-plugin-n": "^15.6.1",
+    "eslint-plugin-import": "^2.28.0",
+    "eslint-plugin-n": "^16.0.1",
     "eslint-plugin-node": "^11.1.0",
     "eslint-plugin-promise": "^6.1.1",
-    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react": "^7.33.1",
     "eslint-plugin-react-hooks": "^4.6.0",
-    "glob": "^8.1.0",
+    "glob": "^10.3.3",
     "gulp": "^4.0.2",
     "gulp-cli": "^2.3.0",
     "gulp-iconfont": "^11.0.1",
@@ -70,27 +71,26 @@
     "gulp-rename": "^2.0.0",
     "gulp-sourcemaps": "^3.0.0",
     "husky": "^8.0.3",
-    "lint-staged": "^13.1.1",
+    "lint-staged": "^13.2.3",
     "node-plop": "^0.31.1",
-    "postcss": "^8.4.21",
-    "postcss-css-variables": "^0.18.0",
-    "postcss-preset-env": "^8.0.1",
-    "prettier": "^2.8.4",
+    "postcss": "^8.4.27",
+    "postcss-css-variables": "^0.19.0",
+    "postcss-preset-env": "^9.1.0",
+    "prettier": "^3.0.0",
     "react": "^18.2.0",
     "react-dom": "^18.2.0",
-    "remark-parse": "^10.0.1",
-    "remark-stringify": "^10.0.2",
+    "remark-parse": "^10.0.2",
+    "remark-stringify": "^10.0.3",
     "rimraf": "*",
-    "sass": "^1.58.3",
+    "sass": "^1.64.2",
     "sass-graph": "^4.0.1",
-    "stylelint": "^15.2.0",
-    "stylelint-config-recess-order": "^4.0.0",
-    "stylelint-config-standard": "^30.0.1",
-    "stylelint-config-standard-scss": "^7.0.1",
-    "stylelint-value-no-unknown-custom-properties": "^4.0.0",
+    "stylelint": "^15.10.2",
+    "stylelint-config-recess-order": "^4.3.0",
+    "stylelint-config-standard": "^34.0.0",
+    "stylelint-config-standard-scss": "^10.0.0",
     "surge": "^0.23.1",
     "unified": "^10.1.2",
-    "webpack": "^5.75.0"
+    "webpack": "^5.88.2"
   },
   "resolutions": {
     "@babel/preset-env": "7.18.2",

package/patternfly-no-globals.css

@@ -79,8 +79,8 @@
   appearance: textfield;
 }
 .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
-  appearance: none;
   margin: 0;
+  appearance: none;
 }
 
 :where(:root) {
@@ -9263,8 +9263,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9290,8 +9288,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9325,8 +9321,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 0) {
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9352,8 +9346,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 0) {
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9387,8 +9379,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 576px) {
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9414,8 +9404,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 576px) {
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9449,8 +9437,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9476,8 +9462,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9511,8 +9495,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 992px) {
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9538,8 +9520,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 992px) {
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9573,8 +9553,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 1200px) {
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9600,8 +9578,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 1200px) {
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9635,8 +9611,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 1450px) {
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9662,8 +9636,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 1450px) {
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -14842,6 +14814,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-form-control.pf-m-disabled {
   --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
   --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
+  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-c-form-control--m-disabled--Color);
   --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
   --pf-v5-c-form-control--before--BorderStyle: none;
   --pf-v5-c-form-control--after--BorderStyle: none;
@@ -14893,10 +14866,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-form-control.pf-m-placeholder > select {
   --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
 }
-.pf-v5-c-form-control.pf-m-placeholder > select > * {
+.pf-v5-c-form-control.pf-m-placeholder > select * {
   --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
 }
-.pf-v5-c-form-control.pf-m-placeholder > select > *:disabled {
+.pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
   color: revert;
 }
 .pf-v5-c-form-control > textarea {
@@ -17960,7 +17933,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 .pf-v5-c-menu__item-description {
   font-size: var(--pf-v5-c-menu__item-description--FontSize);
   color: var(--pf-v5-c-menu__item-description--Color);
-  word-break: break-all;
+  word-break: break-word;
 }
 
 .pf-v5-c-menu__item-icon {
@@ -23000,11 +22973,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
-  display: inline-grid;
+  display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-v5-c-radio--GridGap);
   align-items: baseline;
-  width: 100%;
 }
 .pf-v5-c-radio.pf-m-standalone {
   --pf-v5-c-radio--GridGap: 0;
@@ -25391,16 +25363,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 768px) {
   .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 768px) {
   .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -25411,8 +25379,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 768px) {
   .pf-m-grid-md.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }
@@ -25703,16 +25669,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 992px) {
   .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 992px) {
   .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -25723,8 +25685,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 992px) {
   .pf-m-grid-lg.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }
@@ -26015,16 +25975,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 1200px) {
   .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 1200px) {
   .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -26035,8 +25991,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 1200px) {
   .pf-m-grid-xl.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }
@@ -26327,16 +26281,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 1450px) {
   .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 1450px) {
   .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -26347,8 +26297,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 1450px) {
   .pf-m-grid-2xl.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }

package/patternfly-theme-dark-unversioned.css

@@ -79,8 +79,8 @@
   appearance: textfield;
 }
 .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-inner-spin-button, .pf-v5-c-number-input .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button, .pf-v5-c-pagination__nav-page-select .pf-v5-c-form-control > :is(input)::-webkit-outer-spin-button {
-  appearance: none;
   margin: 0;
+  appearance: none;
 }
 
 :where(:root) {
@@ -9380,8 +9380,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9407,8 +9405,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list:not([class*=pf-m-grid]) .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9442,8 +9438,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 0) {
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9469,8 +9463,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 0) {
   .pf-v5-c-data-list.pf-m-grid-none .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9504,8 +9496,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 576px) {
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9531,8 +9521,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 576px) {
   .pf-v5-c-data-list.pf-m-grid-sm .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9566,8 +9554,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9593,8 +9579,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 768px) {
   .pf-v5-c-data-list.pf-m-grid-md .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9628,8 +9612,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 992px) {
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9655,8 +9637,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 992px) {
   .pf-v5-c-data-list.pf-m-grid-lg .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9690,8 +9670,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 1200px) {
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9717,8 +9695,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 1200px) {
   .pf-v5-c-data-list.pf-m-grid-xl .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -9752,8 +9728,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
     flex-wrap: wrap;
     padding-bottom: var(--pf-v5-c-data-list__item-content--md--PaddingBottom);
   }
-}
-@media screen and (min-width: 1450px) {
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell:not(:last-child):not(.pf-m-icon) {
     margin-right: var(--pf-v5-c-data-list__cell--MarginRight);
   }
@@ -9779,8 +9753,6 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__cell.pf-m-flex-5 {
     flex-grow: 5;
   }
-}
-@media screen and (min-width: 1450px) {
   .pf-v5-c-data-list.pf-m-grid-2xl .pf-v5-c-data-list__expandable-content {
     max-height: initial;
     overflow-y: visible;
@@ -14959,6 +14931,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-form-control.pf-m-disabled {
   --pf-v5-c-form-control--BackgroundColor: var(--pf-v5-c-form-control--m-disabled--BackgroundColor);
   --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-disabled--Color);
+  --pf-v5-c-form-control--m-placeholder--Color: var(--pf-v5-c-form-control--m-disabled--Color);
   --pf-v5-c-form-control__toggle-icon--Color: var(--pf-v5-c-form-control--m-disabled__toggle-icon--Color);
   --pf-v5-c-form-control--before--BorderStyle: none;
   --pf-v5-c-form-control--after--BorderStyle: none;
@@ -15010,10 +14983,10 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-form-control.pf-m-placeholder > select {
   --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--Color);
 }
-.pf-v5-c-form-control.pf-m-placeholder > select > * {
+.pf-v5-c-form-control.pf-m-placeholder > select * {
   --pf-v5-c-form-control--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
 }
-.pf-v5-c-form-control.pf-m-placeholder > select > *:disabled {
+.pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
   color: revert;
 }
 .pf-v5-c-form-control > textarea {
@@ -18077,7 +18050,7 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
 .pf-v5-c-menu__item-description {
   font-size: var(--pf-v5-c-menu__item-description--FontSize);
   color: var(--pf-v5-c-menu__item-description--Color);
-  word-break: break-all;
+  word-break: break-word;
 }
 
 .pf-v5-c-menu__item-icon {
@@ -23117,11 +23090,10 @@ label.pf-v5-c-menu__item:where(:not([disabled], .pf-m-disabled, .pf-m-aria-disab
   --pf-v5-c-radio__description--FontSize: var(--pf-v5-global--FontSize--sm);
   --pf-v5-c-radio__description--Color: var(--pf-v5-global--Color--200);
   --pf-v5-c-radio__body--MarginTop: var(--pf-v5-global--spacer--sm);
-  display: inline-grid;
+  display: grid;
   grid-template-columns: auto 1fr;
   grid-gap: var(--pf-v5-c-radio--GridGap);
   align-items: baseline;
-  width: 100%;
 }
 .pf-v5-c-radio.pf-m-standalone {
   --pf-v5-c-radio--GridGap: 0;
@@ -25508,16 +25480,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 768px) {
   .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-md.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 768px) {
   .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -25528,8 +25496,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-md.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 768px) {
   .pf-m-grid-md.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }
@@ -25820,16 +25786,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 992px) {
   .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-lg.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 992px) {
   .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -25840,8 +25802,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-lg.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 992px) {
   .pf-m-grid-lg.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }
@@ -26132,16 +26092,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 1200px) {
   .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 1200px) {
   .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -26152,8 +26108,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 1200px) {
   .pf-m-grid-xl.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }
@@ -26444,16 +26398,12 @@ svg.pf-v5-c-spinner.pf-m-xl {
     grid-column: 2;
     grid-row: 2;
   }
-}
-@media screen and (max-width: 1450px) {
   .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transition: var(--pf-v5-c-table__toggle__icon--Transition);
   }
   .pf-v5-c-button.pf-m-expanded > .pf-m-grid-2xl.pf-v5-c-table .pf-v5-c-table__toggle-icon {
     transform: rotate(var(--pf-v5-c-table__toggle--m-expanded__icon--Rotate));
   }
-}
-@media screen and (max-width: 1450px) {
   .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-nowrap {
     --pf-v5-c-table--cell--Overflow: auto;
   }
@@ -26464,8 +26414,6 @@ svg.pf-v5-c-spinner.pf-m-xl {
   .pf-m-grid-2xl.pf-v5-c-table :where(.pf-v5-c-table, .pf-v5-c-table__thead, .pf-v5-c-table__tbody, .pf-v5-c-table__tr, .pf-v5-c-table__th, .pf-v5-c-table__td, .pf-v5-c-table__text).pf-m-truncate {
     --pf-v5-c-table--cell--MaxWidth: 100%;
   }
-}
-@media screen and (max-width: 1450px) {
   .pf-m-grid-2xl.pf-v5-c-table [class*=pf-m-width] {
     --pf-v5-c-table--cell--Width: auto;
   }