@patternfly/patternfly 5.2.1 → 5.3.0-prerelease.3

package/README.md

@@ -121,3 +121,4 @@ PatternFly 5 is supported on the latest two major versions of the following brow
 - Firefox
 - Safari
 - Edge
+

package/components/FormControl/form-control.css

@@ -211,6 +211,7 @@
 .pf-v5-c-form-control > select {
   --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
   --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
+  background-color: var(--pf-v5-c-form-control--BackgroundColor);
 }
 @-moz-document url-prefix() {
   .pf-v5-c-form-control > select {
@@ -222,7 +223,7 @@
   --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--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
+  color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
 }
 .pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
   color: revert;

package/components/FormControl/form-control.scss

@@ -93,7 +93,7 @@
   --#{$form-control}--textarea--Width: var(--#{$form-control}--Width);
   --#{$form-control}--textarea--Height: auto;
 
-  // Form control icon 
+  // Form control icon
   --#{$form-control}__icon--PaddingTop: var(--#{$pf-global}--spacer--form-element);
   --#{$form-control}__icon--Color: var(--#{$pf-global}--icon--Color--light);
   --#{$form-control}__icon--m-status--Color: var(--#{$pf-global}--icon--Color--light);
@@ -174,7 +174,7 @@
   > ::placeholder {
     color: var(--#{$form-control}--m-placeholder--Color); // TODO update to set --#{$form-control}--Color in breaking change - also look for any other place to do that in this component
   }
-  
+
   > :is(input, select) {
     text-overflow: ellipsis;
   }
@@ -273,13 +273,18 @@
       --#{$form-control}--PaddingRight: calc(var(--#{$form-control}__select--PaddingRight) - 1px);
       --#{$form-control}--PaddingLeft: calc(var(--#{$form-control}__select--PaddingLeft) - 4px);
     }
+
+    // We need this property for certain Linux distros/non-Mac OS where dark theme styles aren't applied properly.
+    background-color: var(--#{$form-control}--BackgroundColor);
   }
 
   &.pf-m-placeholder > select {
     --#{$form-control}--Color: var(--#{$form-control}--m-placeholder--Color);
 
     * {
-      --#{$form-control}--Color: var(--#{$form-control}--m-placeholder--child--Color);
+      // We need to use the color property instead of redefining a var
+      // for certain Linux distros/non-Mac OS
+      color: var(--#{$form-control}--m-placeholder--child--Color);
 
       // stylelint-disable max-nesting-depth
       &:disabled {
@@ -313,7 +318,6 @@
 
     overflow: auto;
   }
-
 }
 
 .#{$form-control}__icon {

package/package.json

@@ -1,11 +1,12 @@
 {
   "name": "@patternfly/patternfly",
   "description": "Assets, source, tooling, and content for PatternFly 4",
-  "version": "5.2.1",
+  "version": "5.3.0-prerelease.3",
   "keywords": [],
   "license": "MIT",
   "scripts": {
     "a11y": "patternfly-a11y --config patternfly-a11y.config",
+    "backstop:clean": "rimraf -- backstop_data/bitmaps_test backstop_data/html_report",
     "backstop:test": "backstop test --config='backstop.js'",
     "backstop:approve": "backstop approve --config='backstop.js'",
     "build-patternfly": "gulp buildPatternfly",
@@ -45,11 +46,11 @@
     "@commitlint/config-conventional": "^18.4.3",
     "@fortawesome/fontawesome": "^1.1.8",
     "@octokit/rest": "^20.0.2",
-    "@patternfly/documentation-framework": "5.3.18",
+    "@patternfly/documentation-framework": "5.4.3",
     "@patternfly/patternfly-a11y": "4.3.1",
-    "@patternfly/react-code-editor": "5.1.2",
-    "@patternfly/react-core": "5.1.2",
-    "@patternfly/react-table": "5.1.2",
+    "@patternfly/react-code-editor": "5.2.1",
+    "@patternfly/react-core": "5.2.1",
+    "@patternfly/react-table": "5.2.1",
     "@starptech/prettyhtml": "^0.10.0",
     "backstopjs": "^6.2.2",
     "cheerio": "^1.0.0-rc.12",

package/patternfly-no-globals.css

@@ -15147,6 +15147,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-form-control > select {
   --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
   --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
+  background-color: var(--pf-v5-c-form-control--BackgroundColor);
 }
 @-moz-document url-prefix() {
   .pf-v5-c-form-control > select {
@@ -15158,7 +15159,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --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--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
+  color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
 }
 .pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
   color: revert;

package/patternfly-theme-dark-unversioned.css

@@ -15264,6 +15264,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-form-control > select {
   --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
   --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
+  background-color: var(--pf-v5-c-form-control--BackgroundColor);
 }
 @-moz-document url-prefix() {
   .pf-v5-c-form-control > select {
@@ -15275,7 +15276,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --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--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
+  color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
 }
 .pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
   color: revert;

package/patternfly.css

@@ -15264,6 +15264,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
 .pf-v5-c-form-control > select {
   --pf-v5-c-form-control--PaddingRight: var(--pf-v5-c-form-control__select--PaddingRight);
   --pf-v5-c-form-control--PaddingLeft: var(--pf-v5-c-form-control__select--PaddingLeft);
+  background-color: var(--pf-v5-c-form-control--BackgroundColor);
 }
 @-moz-document url-prefix() {
   .pf-v5-c-form-control > select {
@@ -15275,7 +15276,7 @@ label.pf-v5-c-check, .pf-v5-c-check__label,
   --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--Color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
+  color: var(--pf-v5-c-form-control--m-placeholder--child--Color);
 }
 .pf-v5-c-form-control.pf-m-placeholder > select *:disabled {
   color: revert;