@patternfly/patternfly 5.0.0-alpha.4 → 5.0.0-alpha.41

package/layouts/Grid/grid.scss

@@ -50,10 +50,10 @@ $pf-l-grid--breakpoint-map: build-breakpoint-map(); // currently only used for c
 
   > *,
   .pf-l-grid__item {
-    min-width: 0;
-    min-height: 0;
     grid-column-start: var(--pf-l-grid__item--GridColumnStart);
     grid-column-end: var(--pf-l-grid__item--GridColumnEnd);
+    min-width: 0;
+    min-height: 0;
 
     @include pf-build-css-variable-stack("order", "--pf-l-grid--item--Order", $pf-l-grid--breakpoint-map);
   }

package/package.json

@@ -1,7 +1,7 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "5.0.0-alpha.4",
+  "version": "5.0.0-alpha.41",
   "keywords": [],
   "license": "MIT",
   "scripts": {
@@ -21,71 +21,80 @@
     "lint:fix": "npm run lint:js -- --fix && npm run lint:sass -- --fix",
     "lint:sass": "stylelint 'src/**/*.scss'",
     "lint:js": "eslint .",
-    "precommit": "lint-staged",
     "screenshots": "rimraf patternfly-docs/generated/**/*.png && pf-docs-framework screenshots --urlPrefix http://localhost:5000",
     "serve": "pf-docs-framework serve public",
     "start": "gulp develop",
     "test": "npm run a11y",
-    "workflows": "node .github/generate-workflows"
+    "workflows": "node .github/generate-workflows",
+    "prepare": "husky install"
   },
   "devDependencies": {
-    "@commitlint/cli": "^17.1.2",
-    "@commitlint/config-conventional": "^17.1.0",
+    "@babel/core": "^7.20.12",
+    "@babel/eslint-parser": "^7.19.1",
+    "@babel/plugin-proposal-class-properties": "^7.18.6",
+    "@babel/plugin-proposal-optional-chaining": "^7.20.7",
+    "@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",
     "@fortawesome/fontawesome": "^1.1.8",
-    "@octokit/rest": "^16.40.1",
+    "@octokit/rest": "^19.0.7",
+    "@patternfly/documentation-framework": "2.0.0-alpha.24",
     "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-code-editor": "4.82.82",
-    "@patternfly/react-core": "4.267.6",
-    "@patternfly/react-table": "4.112.6",
+    "@patternfly/react-code-editor": "5.0.0-alpha.54",
+    "@patternfly/react-core": "5.0.0-alpha.53",
+    "@patternfly/react-table": "5.0.0-alpha.54",
     "@starptech/prettyhtml": "^0.10.0",
-    "babel-eslint": "^8.2.3",
-    "cheerio": "^1.0.0-rc.3",
-    "commander": "^5.1.0",
-    "cssnano": "^4.0.0",
-    "eslint": "^7.0.0",
-    "eslint-config-standard": "^16.0.0",
-    "eslint-config-standard-jsx": "^10.0.0",
-    "eslint-config-standard-react": "^11.0.0",
-    "eslint-plugin-import": "^2.24.2",
-    "eslint-plugin-node": "^11.0.0",
-    "eslint-plugin-promise": "^5.0.0",
-    "eslint-plugin-react": "^7.0.0",
-    "glob": "^7.1.2",
+    "cheerio": "^1.0.0-rc.12",
+    "commander": "^10.0.0",
+    "cssnano": "^5.1.14",
+    "eslint": "^8.33.0",
+    "eslint-config-standard": "^17.0.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-node": "^11.1.0",
+    "eslint-plugin-promise": "^6.1.1",
+    "eslint-plugin-react": "^7.32.2",
+    "eslint-plugin-react-hooks": "^4.6.0",
+    "glob": "^8.1.0",
     "gulp": "^4.0.2",
-    "gulp-cli": "^2.2.0",
-    "gulp-iconfont": "^10.0.3",
+    "gulp-cli": "^2.3.0",
+    "gulp-iconfont": "^11.0.1",
     "gulp-iconfont-css": "^3.0.0",
-    "gulp-postcss": "^8.0.0",
-    "gulp-rename": "^1.4.0",
-    "gulp-sourcemaps": "^2.6.5",
-    "husky": "^1.3.1",
-    "lint-staged": "^9.2.5",
-    "node-plop": "^0.18.0",
-    "postcss": "^8.3.11",
-    "postcss-css-variables": "^0.13.0",
-    "postcss-preset-env": "^6.7.0",
-    "prettier": "^2.7.1",
-    "react": "^17.0.0",
-    "react-dom": "^17.0.0",
-    "remark-parse": "^8.0.3",
-    "remark-stringify": "^8.1.0",
+    "gulp-postcss": "^9.0.1",
+    "gulp-rename": "^2.0.0",
+    "gulp-sourcemaps": "^3.0.0",
+    "husky": "^8.0.3",
+    "lint-staged": "^13.1.1",
+    "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",
+    "react": "^18.2.0",
+    "react-dom": "^18.2.0",
+    "remark-parse": "^10.0.1",
+    "remark-stringify": "^10.0.2",
     "rimraf": "*",
-    "sass": "^1.34.0",
-    "sass-graph": "^3.0.4",
-    "stylelint": "^14.12.1",
-    "stylelint-config-recommended-scss": "^7.0.0",
-    "stylelint-config-standard": "^28.0.0",
-    "stylelint-order": "^5.0.0",
-    "stylelint-scss": "^4.3.0",
+    "sass": "^1.58.3",
+    "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",
-    "surge": "^0.21.3",
-    "@patternfly/documentation-framework": "1.3.8",
-    "unified": "^9.2.0",
-    "webpack": "^4.43.0"
+    "surge": "^0.23.1",
+    "unified": "^10.1.2",
+    "webpack": "^5.75.0"
   },
   "resolutions": {
-    "@babel/preset-env": "7.6.3",
-    "monaco-editor": "0.21.3"
+    "@babel/preset-env": "7.18.2",
+    "monaco-editor": "0.34.1"
   },
   "repository": {
     "type": "git",
@@ -95,20 +104,5 @@
     "registry": "https://registry.npmjs.org/",
     "tag": "alpha",
     "access": "public"
-  },
-  "husky": {
-    "hooks": {
-      "commit-msg": "commitlint -E HUSKY_GIT_PARAMS"
-    }
-  },
-  "lint-staged": {
-    "*.js": [
-      "eslint --fix",
-      "git add"
-    ],
-    "*.scss": [
-      "stylelint --fix",
-      "git add"
-    ]
   }
 }

package/patternfly-addons.css

@@ -7866,16 +7866,16 @@
   color: var(--pf-global--link--Color--visited) !important;
 }
 
-.pf-u-default-color-100 {
-  color: var(--pf-global--default-color--100) !important;
+.pf-u-custom-color-100 {
+  color: var(--pf-global--custom-color--100) !important;
 }
 
-.pf-u-default-color-200 {
-  color: var(--pf-global--default-color--200) !important;
+.pf-u-custom-color-200 {
+  color: var(--pf-global--custom-color--200) !important;
 }
 
-.pf-u-default-color-300 {
-  color: var(--pf-global--default-color--300) !important;
+.pf-u-custom-color-300 {
+  color: var(--pf-global--custom-color--300) !important;
 }
 
 .pf-u-success-color-100 {
@@ -7979,14 +7979,14 @@
   .pf-u-link-color-visited-on-sm {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-sm {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-sm {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-sm {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-sm {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-sm {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-sm {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-sm {
     color: var(--pf-global--success-color--100) !important;
@@ -8077,14 +8077,14 @@
   .pf-u-link-color-visited-on-md {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-md {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-md {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-md {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-md {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-md {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-md {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-md {
     color: var(--pf-global--success-color--100) !important;
@@ -8175,14 +8175,14 @@
   .pf-u-link-color-visited-on-lg {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-lg {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-lg {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-lg {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-lg {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-lg {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-lg {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-lg {
     color: var(--pf-global--success-color--100) !important;
@@ -8273,14 +8273,14 @@
   .pf-u-link-color-visited-on-xl {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-xl {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-xl {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-xl {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-xl {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-xl {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-xl {
     color: var(--pf-global--success-color--100) !important;
@@ -8371,14 +8371,14 @@
   .pf-u-link-color-visited-on-2xl {
     color: var(--pf-global--link--Color--visited) !important;
   }
-  .pf-u-default-color-100-on-2xl {
-    color: var(--pf-global--default-color--100) !important;
+  .pf-u-custom-color-100-on-2xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
-  .pf-u-default-color-200-on-2xl {
-    color: var(--pf-global--default-color--200) !important;
+  .pf-u-custom-color-200-on-2xl {
+    color: var(--pf-global--custom-color--200) !important;
   }
-  .pf-u-default-color-300-on-2xl {
-    color: var(--pf-global--default-color--300) !important;
+  .pf-u-custom-color-300-on-2xl {
+    color: var(--pf-global--custom-color--300) !important;
   }
   .pf-u-success-color-100-on-2xl {
     color: var(--pf-global--success-color--100) !important;
@@ -8504,8 +8504,8 @@
 :where(.pf-theme-dark) .pf-u-color-light-200 {
   color: var(--pf-global--Color-200) !important;
 }
-:where(.pf-theme-dark) .pf-u-default-color-300 {
-  color: var(--pf-global--default-color--100) !important;
+:where(.pf-theme-dark) .pf-u-custom-color-300 {
+  color: var(--pf-global--custom-color--100) !important;
 }
 :where(.pf-theme-dark) .pf-u-success-color-200 {
   color: var(--pf-global--success-color--100) !important;
@@ -8529,8 +8529,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-sm {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-sm {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-sm {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-sm {
     color: var(--pf-global--success-color--100) !important;
@@ -8555,8 +8555,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-md {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-md {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-md {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-md {
     color: var(--pf-global--success-color--100) !important;
@@ -8581,8 +8581,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-lg {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-lg {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-lg {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-lg {
     color: var(--pf-global--success-color--100) !important;
@@ -8607,8 +8607,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-xl {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-xl {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-xl {
     color: var(--pf-global--success-color--100) !important;
@@ -8633,8 +8633,8 @@
   :where(.pf-theme-dark) .pf-u-color-light-200-on-2xl {
     color: var(--pf-global--Color-200) !important;
   }
-  :where(.pf-theme-dark) .pf-u-default-color-300-on-2xl {
-    color: var(--pf-global--default-color--100) !important;
+  :where(.pf-theme-dark) .pf-u-custom-color-300-on-2xl {
+    color: var(--pf-global--custom-color--100) !important;
   }
   :where(.pf-theme-dark) .pf-u-success-color-200-on-2xl {
     color: var(--pf-global--success-color--100) !important;

package/{patternfly-base-no-reset.css → patternfly-base-no-globals.css}

@@ -17,27 +17,6 @@
   --pf-global--link--Color--hover: var(--pf-global--link--Color--light);
   --pf-global--BackgroundColor--100: var(--pf-global--BackgroundColor--dark-100);
 }
-.pf-t-dark .pf-c-card {
-  --pf-c-card--BackgroundColor: var(--pf-global--BackgroundColor--dark-transparent-200);
-}
-.pf-t-dark .pf-c-button {
-  --pf-c-button--m-primary--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--hover--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--focus--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--active--Color: var(--pf-global--primary-color--dark-100);
-  --pf-c-button--m-primary--BackgroundColor: var(--pf-global--BackgroundColor--light-100);
-  --pf-c-button--m-primary--hover--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--focus--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-primary--active--BackgroundColor: var(--pf-global--BackgroundColor--light-300);
-  --pf-c-button--m-secondary--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--Color: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--hover--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--focus--BorderColor: var(--pf-global--Color--light-100);
-  --pf-c-button--m-secondary--active--BorderColor: var(--pf-global--Color--light-100);
-}
 
 :root {
   --pf-global--palette--black-100: #fafafa;
@@ -154,9 +133,9 @@
   --pf-global--primary-color--light-100: #73bcf7;
   --pf-global--primary-color--dark-100: #06c;
   --pf-global--secondary-color--100: #6a6e73;
-  --pf-global--default-color--100: #73c5c5;
-  --pf-global--default-color--200: #009596;
-  --pf-global--default-color--300: #003737;
+  --pf-global--custom-color--100: #73c5c5;
+  --pf-global--custom-color--200: #009596;
+  --pf-global--custom-color--300: #003737;
   --pf-global--success-color--100: #3e8635;
   --pf-global--success-color--200: #1e4f18;
   --pf-global--info-color--100: #2b9af3;
@@ -376,133 +355,123 @@
 
 @font-face {
   font-family: "RedHatDisplay";
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff") format("woff");
   font-style: normal;
   font-weight: 300;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplay";
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff") format("woff");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplay";
-  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2"), url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff") format("woff");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatDisplay/RedHatDisplay-Bold.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatText";
-  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Regular.woff") format("woff");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatText/RedHatText-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatText";
-  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2"), url("./assets/fonts/RedHatText/RedHatText-Medium.woff") format("woff");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatText/RedHatText-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 300;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatDisplayUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatDisplay/RedHatDisplay-updated-Bold.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatTextUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Regular.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatTextUpdated";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
   font-style: normal;
   font-weight: 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatText/RedHatText-updated-Medium.woff2") format("woff2");
   text-rendering: optimizelegibility;
 }
 @font-face {
   font-family: "RedHatMono";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
   font-style: normal;
   font-weight: 400;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMono-updated-Regular.woff2") format("woff2");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatDisplayVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
   font-style: normal;
   font-weight: 300 900;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVFModified-updated.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatDisplayVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-style: italic;
   font-weight: 300 900;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatDisplayVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatTextVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
   font-style: normal;
   font-weight: 400 500;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVFModified-updated.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatTextVF";
-  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-style: italic;
   font-weight: 400 500;
+  src: url("./assets/fonts/RedHatFont-updated/modified/RedHatTextVF-updated-ItalicModified.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatMonoVF";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
   font-style: normal;
   font-weight: 300 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated.woff2") format("woff2-variations");
   font-display: fallback;
 }
 @font-face {
   font-family: "RedHatMonoVF";
-  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
   font-style: italic;
   font-weight: 300 700;
+  src: url("./assets/fonts/RedHatFont-updated/RedHatMono/RedHatMonoVF-updated-Italic.woff2") format("woff2-variations");
   font-display: fallback;
 }
-[class*=pf-c-], [class*=pf-c-]::before, [class*=pf-c-]::after {
-  padding: 0;
-  margin: 0;
-  background-color: transparent;
-}
-
-html {
-  font-size: var(--pf-global--root--FontSize, unset) !important;
-}
-
 .pf-screen-reader {
   position: fixed;
   top: 0;
@@ -4737,7 +4706,7 @@ html {
   font-family: "Font Awesome 5 Free";
   font-style: normal;
   font-weight: 900;
-  src: url("./assets/fonts/webfonts/fa-solid-900.woff2") format("woff2"), url("./assets/fonts/webfonts/fa-solid-900.woff") format("woff");
+  src: url("./assets/fonts/webfonts/fa-solid-900.woff2") format("woff2");
 }
 .fa,
 .fas {
@@ -4747,9 +4716,9 @@ html {
 
 @font-face {
   font-family: "pficon";
-  src: url("./assets/pficon/pficon.woff2") format("woff2"), url("./assets/pficon/pficon.woff") format("woff");
+  src: url("./assets/pficon/pficon.woff2") format("woff2");
 }
-.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
+.pf-icon-zone:before, .pf-icon-warning-triangle:before, .pf-icon-volume:before, .pf-icon-virtual-machine:before, .pf-icon-users:before, .pf-icon-user:before, .pf-icon-unplugged:before, .pf-icon-unlocked:before, .pf-icon-unknown:before, .pf-icon-trend-up:before, .pf-icon-trend-down:before, .pf-icon-topology:before, .pf-icon-thumb-tack:before, .pf-icon-tenant:before, .pf-icon-task:before, .pf-icon-storage-domain:before, .pf-icon-spinner2:before, .pf-icon-spinner:before, .pf-icon-services:before, .pf-icon-service:before, .pf-icon-service-catalog:before, .pf-icon-server:before, .pf-icon-server-group:before, .pf-icon-security:before, .pf-icon-screen:before, .pf-icon-save:before, .pf-icon-running:before, .pf-icon-resources-full:before, .pf-icon-resources-empty:before, .pf-icon-resources-almost-full:before, .pf-icon-resources-almost-empty:before, .pf-icon-resource-pool:before, .pf-icon-repository:before, .pf-icon-replicator:before, .pf-icon-remove2:before, .pf-icon-registry:before, .pf-icon-regions:before, .pf-icon-rebooting:before, .pf-icon-rebalance:before, .pf-icon-project:before, .pf-icon-process-automation:before, .pf-icon-private:before, .pf-icon-print:before, .pf-icon-port:before, .pf-icon-plugged:before, .pf-icon-pficon-vcenter:before, .pf-icon-pficon-template:before, .pf-icon-pficon-sort-common-desc:before, .pf-icon-pficon-sort-common-asc:before, .pf-icon-pficon-satellite:before, .pf-icon-pficon-network-range:before, .pf-icon-pficon-history:before, .pf-icon-pficon-dragdrop:before, .pf-icon-pending:before, .pf-icon-paused:before, .pf-icon-panel-open:before, .pf-icon-panel-close:before, .pf-icon-package:before, .pf-icon-os-image:before, .pf-icon-orders:before, .pf-icon-optimize:before, .pf-icon-openstack:before, .pf-icon-openshift:before, .pf-icon-open-drawer-right:before, .pf-icon-on:before, .pf-icon-on-running:before, .pf-icon-ok:before, .pf-icon-off:before, .pf-icon-not-started:before, .pf-icon-new-process:before, .pf-icon-network:before, .pf-icon-namespaces:before, .pf-icon-monitoring:before, .pf-icon-module:before, .pf-icon-migration:before, .pf-icon-middleware:before, .pf-icon-messages:before, .pf-icon-memory:before, .pf-icon-maintenance:before, .pf-icon-locked:before, .pf-icon-key:before, .pf-icon-integration:before, .pf-icon-infrastructure:before, .pf-icon-info:before, .pf-icon-in-progress:before, .pf-icon-import:before, .pf-icon-home:before, .pf-icon-history:before, .pf-icon-help:before, .pf-icon-globe-route:before, .pf-icon-folder-open:before, .pf-icon-folder-close:before, .pf-icon-flavor:before, .pf-icon-filter:before, .pf-icon-export:before, .pf-icon-error-circle-o:before, .pf-icon-equalizer:before, .pf-icon-enterprise:before, .pf-icon-enhancement:before, .pf-icon-edit:before, .pf-icon-domain:before, .pf-icon-disconnected:before, .pf-icon-degraded:before, .pf-icon-data-source:before, .pf-icon-data-sink:before, .pf-icon-data-processor:before, .pf-icon-critical-risk:before, .pf-icon-cpu:before, .pf-icon-container-node:before, .pf-icon-connected:before, .pf-icon-cluster:before, .pf-icon-cloud-tenant:before, .pf-icon-cloud-security:before, .pf-icon-close:before, .pf-icon-chat:before, .pf-icon-catalog:before, .pf-icon-bundle:before, .pf-icon-builder-image:before, .pf-icon-build:before, .pf-icon-blueprint:before, .pf-icon-bell:before, .pf-icon-automation:before, .pf-icon-attention-bell:before, .pf-icon-asleep:before, .pf-icon-arrow:before, .pf-icon-applications:before, .pf-icon-ansible-tower:before, .pf-icon-add-circle-o:before {
   font-family: "pficon";
   -webkit-font-smoothing: antialiased;
   -moz-osx-font-smoothing: grayscale;
@@ -4848,6 +4817,10 @@ html {
   content: "\e976";
 }
 
+.pf-icon-data-processor:before {
+  content: "\e97b";
+}
+
 .pf-icon-data-sink:before {
   content: "\e978";
 }
@@ -5268,26 +5241,8 @@ html {
   content: "\e911";
 }
 
-.pf-svg-size-sm {
+.pf-svg {
   width: 1em;
   height: 1em;
   vertical-align: -0.125em;
-}
-
-.pf-svg-size-md {
-  width: 1.5em;
-  height: 1.5em;
-  vertical-align: -0.1875em;
-}
-
-.pf-svg-size-lg {
-  width: 2em;
-  height: 2em;
-  vertical-align: -0.25em;
-}
-
-.pf-svg-size-xl {
-  width: 3em;
-  height: 3em;
-  vertical-align: -0.375em;
 }

package/{patternfly-base-no-reset.scss → patternfly-base-no-globals.scss}

@@ -1,3 +1,4 @@
 $pf-global--enable-reset: false;
+$pf-global--enable-normalize: false;
 
 @import "./patternfly-base";