@patternfly/react-styles 5.2.1 → 5.3.0-prerelease.2

package/CHANGELOG.md

@@ -3,11 +3,21 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
-## [5.2.1](https://github.com/patternfly/patternfly-react/compare/@patternfly/react-styles@5.2.0...@patternfly/react-styles@5.2.1) (2024-02-29)
+# 5.3.0-prerelease.2 (2024-03-22)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# 5.3.0-prerelease.1 (2024-02-28)
 
 ### Bug Fixes
 
-- **various:** Cherry bug fixes for patch release ([#10122](https://github.com/patternfly/patternfly-react/issues/10122)) ([b471264](https://github.com/patternfly/patternfly-react/commit/b4712649112b916cabc51c5c1a73b84d851559d5)), closes [#10114](https://github.com/patternfly/patternfly-react/issues/10114) [#10082](https://github.com/patternfly/patternfly-react/issues/10082) [#9743](https://github.com/patternfly/patternfly-react/issues/9743) [#9895](https://github.com/patternfly/patternfly-react/issues/9895) [#10080](https://github.com/patternfly/patternfly-react/issues/10080)
+- **deps:** bump to latest core ([#10116](https://github.com/patternfly/patternfly-react/issues/10116)) ([dc1aceb](https://github.com/patternfly/patternfly-react/commit/dc1aceb0ee880631320b85bfb068be13d7852a37))
+
+# 5.3.0-prerelease.0 (2024-02-02)
+
+# 5.2.0 (2024-02-02)
+
+**Note:** Version bump only for package @patternfly/react-styles
 
 # 5.2.0 (2024-02-02)
 

package/css/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/css/components/MenuToggle/menu-toggle.css

@@ -117,6 +117,16 @@
   --pf-v5-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-v5-global--spacer--sm);
   --pf-v5-c-menu-toggle--m-typeahead__button--AlignSelf: center;
+  --pf-v5-c-menu-toggle__status-icon--MarginInlineEnd: var(--pf-v5-global--spacer--md);
+  --pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
+  --pf-v5-c-menu-toggle--m-success--after--BorderBottomColor: var(--pf-v5-global--success-color--100);
+  --pf-v5-c-menu-toggle--m-success__status-icon--Color: var(--pf-v5-global--success-color--100);
+  --pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
+  --pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor: var(--pf-v5-global--warning-color--100);
+  --pf-v5-c-menu-toggle--m-warning__status-icon--Color: var(--pf-v5-global--warning-color--100);
+  --pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth: var(--pf-v5-global--BorderWidth--md);
+  --pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor: var(--pf-v5-global--danger-color--100);
+  --pf-v5-c-menu-toggle--m-danger__status-icon--Color: var(--pf-v5-global--danger-color--100);
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -378,6 +388,21 @@
 .pf-v5-c-menu-toggle.pf-m-full-width {
   width: 100%;
 }
+.pf-v5-c-menu-toggle.pf-m-success {
+  --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomWidth);
+  --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-success--after--BorderBottomColor);
+  --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-success__status-icon--Color);
+}
+.pf-v5-c-menu-toggle.pf-m-warning {
+  --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomWidth);
+  --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-warning--after--BorderBottomColor);
+  --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-warning__status-icon--Color);
+}
+.pf-v5-c-menu-toggle.pf-m-danger {
+  --pf-v5-c-menu-toggle--after--BorderBottomWidth: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomWidth);
+  --pf-v5-c-menu-toggle--after--BorderBottomColor: var(--pf-v5-c-menu-toggle--m-danger--after--BorderBottomColor);
+  --pf-v5-c-menu-toggle__status-icon--Color: var(--pf-v5-c-menu-toggle--m-danger__status-icon--Color);
+}
 
 .pf-v5-c-menu-toggle__button {
   --pf-v5-c-menu-toggle__controls--PaddingLeft: 0;
@@ -412,6 +437,7 @@
 }
 
 .pf-v5-c-menu-toggle__controls {
+  display: flex;
   padding-inline-start: var(--pf-v5-c-menu-toggle__controls--PaddingLeft);
   margin-inline-start: var(--pf-v5-c-menu-toggle__controls--MarginLeft);
   margin-inline-end: var(--pf-v5-c-menu-toggle__controls--MarginRight);
@@ -422,6 +448,11 @@
   color: var(--pf-v5-c-menu-toggle__toggle-icon--Color, inherit);
 }
 
+.pf-v5-c-menu-toggle__status-icon {
+  margin-inline-end: var(--pf-v5-c-menu-toggle__status-icon--MarginInlineEnd);
+  color: var(--pf-v5-c-menu-toggle__status-icon--Color, inherit);
+}
+
 :where(.pf-v5-theme-dark) .pf-v5-c-menu-toggle {
   --pf-v5-c-menu-toggle--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);
   --pf-v5-c-menu-toggle--hover--BackgroundColor: var(--pf-v5-global--BackgroundColor--400);

package/css/components/MenuToggle/menu-toggle.d.ts

@@ -7,6 +7,7 @@ declare const _default: {
   "menuToggleControls": "pf-v5-c-menu-toggle__controls",
   "menuToggleCount": "pf-v5-c-menu-toggle__count",
   "menuToggleIcon": "pf-v5-c-menu-toggle__icon",
+  "menuToggleStatusIcon": "pf-v5-c-menu-toggle__status-icon",
   "menuToggleText": "pf-v5-c-menu-toggle__text",
   "menuToggleToggleIcon": "pf-v5-c-menu-toggle__toggle-icon",
   "modifiers": {
@@ -21,7 +22,10 @@ declare const _default: {
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
     "active": "pf-m-active",
-    "fullWidth": "pf-m-full-width"
+    "fullWidth": "pf-m-full-width",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger"
   },
   "textInputGroup": "pf-v5-c-text-input-group",
   "themeDark": "pf-v5-theme-dark"

package/css/components/MenuToggle/menu-toggle.js

@@ -9,6 +9,7 @@ exports.default = {
   "menuToggleControls": "pf-v5-c-menu-toggle__controls",
   "menuToggleCount": "pf-v5-c-menu-toggle__count",
   "menuToggleIcon": "pf-v5-c-menu-toggle__icon",
+  "menuToggleStatusIcon": "pf-v5-c-menu-toggle__status-icon",
   "menuToggleText": "pf-v5-c-menu-toggle__text",
   "menuToggleToggleIcon": "pf-v5-c-menu-toggle__toggle-icon",
   "modifiers": {
@@ -23,7 +24,10 @@ exports.default = {
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
     "active": "pf-m-active",
-    "fullWidth": "pf-m-full-width"
+    "fullWidth": "pf-m-full-width",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger"
   },
   "textInputGroup": "pf-v5-c-text-input-group",
   "themeDark": "pf-v5-theme-dark"

package/css/components/MenuToggle/menu-toggle.mjs

@@ -7,6 +7,7 @@ export default {
   "menuToggleControls": "pf-v5-c-menu-toggle__controls",
   "menuToggleCount": "pf-v5-c-menu-toggle__count",
   "menuToggleIcon": "pf-v5-c-menu-toggle__icon",
+  "menuToggleStatusIcon": "pf-v5-c-menu-toggle__status-icon",
   "menuToggleText": "pf-v5-c-menu-toggle__text",
   "menuToggleToggleIcon": "pf-v5-c-menu-toggle__toggle-icon",
   "modifiers": {
@@ -21,7 +22,10 @@ export default {
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
     "active": "pf-m-active",
-    "fullWidth": "pf-m-full-width"
+    "fullWidth": "pf-m-full-width",
+    "success": "pf-m-success",
+    "warning": "pf-m-warning",
+    "danger": "pf-m-danger"
   },
   "textInputGroup": "pf-v5-c-text-input-group",
   "themeDark": "pf-v5-theme-dark"

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "5.2.1",
+  "version": "5.3.0-prerelease.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -18,7 +18,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "5.2.1",
+    "@patternfly/patternfly": "5.3.0-prerelease.4",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^11.1.1",
@@ -28,5 +28,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "3406ab6010734dceb9b8223eef9b826cae8c5e6c"
+  "gitHead": "bb7af9ae8ad9b31892f14878c9bb30599bd88bcd"
 }