@patternfly/react-styles 5.3.0-prerelease.1 → 5.3.0-prerelease.3

package/CHANGELOG.md

@@ -3,6 +3,14 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+# 5.3.0-prerelease.3 (2024-03-26)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+# 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

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/Label/label.css

@@ -141,6 +141,10 @@
   --pf-v5-c-label--m-editable--m-editable-active--BackgroundColor: transparent;
   --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderWidth: 0;
   --pf-v5-c-label--m-editable--m-editable-active__content--before--BorderColor: transparent;
+  --pf-v5-c-label--m-disabled--BackgroundColor: var(--pf-v5-global--disabled-color--200);
+  --pf-v5-c-label--m-disabled__content--Color: var(--pf-v5-global--disabled-color--100);
+  --pf-v5-c-label--m-disabled__icon--Color: var(--pf-v5-global--disabled-color--100);
+  --pf-v5-c-label--c-button--m-disabled--Color: var(--pf-v5-global--disabled-color--100);
   position: relative;
   max-width: var(--pf-v5-c-label--MaxWidth);
   padding-block-start: var(--pf-v5-c-label--PaddingTop);
@@ -327,6 +331,16 @@
   --pf-v5-c-label__content--link--focus--before--BorderWidth: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderWidth);
   --pf-v5-c-label__content--link--focus--before--BorderColor: var(--pf-v5-c-label--m-overflow__content--link--focus--before--BorderColor);
 }
+.pf-v5-c-label.pf-m-disabled {
+  --pf-v5-c-label--BackgroundColor: var(--pf-v5-c-label--m-disabled--BackgroundColor);
+  --pf-v5-c-label__content--Color: var(--pf-v5-c-label--m-disabled__content--Color);
+  --pf-v5-c-label__icon--Color: var(--pf-v5-c-label--m-disabled__icon--Color);
+  --pf-v5-c-label__content--before--BorderWidth: 0;
+  pointer-events: none;
+}
+.pf-v5-c-label.pf-m-disabled .pf-v5-c-button {
+  --pf-v5-c-button--m-plain--disabled--Color: var(--pf-v5-c-label--c-button--m-disabled--Color);
+}
 
 .pf-v5-c-label,
 .pf-v5-c-label__content {

package/css/components/Label/label.d.ts

@@ -19,7 +19,8 @@ declare const _default: {
     "overflow": "pf-m-overflow",
     "add": "pf-m-add",
     "editable": "pf-m-editable",
-    "editableActive": "pf-m-editable-active"
+    "editableActive": "pf-m-editable-active",
+    "disabled": "pf-m-disabled"
   },
   "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Label/label.js

@@ -21,7 +21,8 @@ exports.default = {
     "overflow": "pf-m-overflow",
     "add": "pf-m-add",
     "editable": "pf-m-editable",
-    "editableActive": "pf-m-editable-active"
+    "editableActive": "pf-m-editable-active",
+    "disabled": "pf-m-disabled"
   },
   "themeDark": "pf-v5-theme-dark"
 };

package/css/components/Label/label.mjs

@@ -19,7 +19,8 @@ export default {
     "overflow": "pf-m-overflow",
     "add": "pf-m-add",
     "editable": "pf-m-editable",
-    "editableActive": "pf-m-editable-active"
+    "editableActive": "pf-m-editable-active",
+    "disabled": "pf-m-disabled"
   },
   "themeDark": "pf-v5-theme-dark"
 };

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.3.0-prerelease.1",
+  "version": "5.3.0-prerelease.3",
   "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.5",
     "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": "dfe56d4c5440bbccb27137ec2908e20fd2ec745b"
+  "gitHead": "988c428234f88b32b93290f7ffa8173fa22282cc"
 }