@patternfly/react-styles 4.92.0 → 4.92.2

package/CHANGELOG.md

@@ -3,6 +3,22 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.92.2 (2022-12-07)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 4.92.1 (2022-12-01)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 # 4.92.0 (2022-11-16)
 
 

package/css/components/Dropdown/dropdown.css

@@ -50,6 +50,8 @@
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderWidth: var(--pf-global--BorderWidth--md);
   --pf-c-dropdown--m-expanded__toggle--m-secondary--before--BorderColor: var(--pf-global--primary-color--100);
   --pf-c-dropdown__toggle-button--Color: var(--pf-global--Color--100);
+  --pf-c-dropdown__toggle-progress--Visibility: hidden;
+  --pf-c-dropdown__toggle-progress--c-spinner--diameter: var(--pf-global--FontSize--sm);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingTop: var(--pf-global--spacer--form-element);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingRight: var(--pf-global--spacer--xs);
   --pf-c-dropdown__toggle--m-split-button--child--PaddingBottom: var(--pf-global--spacer--form-element);
@@ -261,9 +263,14 @@
   align-items: center;
   cursor: pointer;
 }
+.pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check.pf-m-in-progress {
+  --pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility: hidden;
+  --pf-c-dropdown__toggle-progress--Visibility: visible;
+}
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check > input,
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-check .pf-c-check {
   cursor: pointer;
+  visibility: var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--Visibility, unset);
   transform: translateY(var(--pf-c-dropdown__toggle--m-split-button__toggle-check__input--TranslateY));
 }
 .pf-c-dropdown__toggle.pf-m-split-button .pf-c-dropdown__toggle-button {
@@ -459,6 +466,14 @@
   --pf-c-dropdown__toggle-image--MarginRight: 0;
 }
 
+.pf-c-dropdown__toggle-progress {
+  position: absolute;
+  visibility: var(--pf-c-dropdown__toggle-progress--Visibility);
+}
+.pf-c-dropdown__toggle-progress .pf-c-spinner {
+  --pf-c-spinner--diameter: var(--pf-c-dropdown__toggle-progress--c-spinner--diameter);
+}
+
 .pf-c-dropdown__menu {
   position: absolute;
   top: var(--pf-c-dropdown__menu--Top);

package/css/components/Dropdown/dropdown.d.ts

@@ -16,6 +16,7 @@ declare const _default: {
   "dropdownToggleCheck": "pf-c-dropdown__toggle-check",
   "dropdownToggleIcon": "pf-c-dropdown__toggle-icon",
   "dropdownToggleImage": "pf-c-dropdown__toggle-image",
+  "dropdownToggleProgress": "pf-c-dropdown__toggle-progress",
   "dropdownToggleText": "pf-c-dropdown__toggle-text",
   "menu": "pf-c-menu",
   "modifiers": {
@@ -27,6 +28,7 @@ declare const _default: {
     "text": "pf-m-text",
     "splitButton": "pf-m-split-button",
     "primary": "pf-m-primary",
+    "inProgress": "pf-m-in-progress",
     "active": "pf-m-active",
     "secondary": "pf-m-secondary",
     "top": "pf-m-top",
@@ -47,6 +49,7 @@ declare const _default: {
     "icon": "pf-m-icon",
     "description": "pf-m-description"
   },
+  "spinner": "pf-c-spinner",
   "themeDark": "pf-theme-dark"
 };
 export default _default;

package/css/components/Dropdown/dropdown.js

@@ -18,6 +18,7 @@ exports.default = {
   "dropdownToggleCheck": "pf-c-dropdown__toggle-check",
   "dropdownToggleIcon": "pf-c-dropdown__toggle-icon",
   "dropdownToggleImage": "pf-c-dropdown__toggle-image",
+  "dropdownToggleProgress": "pf-c-dropdown__toggle-progress",
   "dropdownToggleText": "pf-c-dropdown__toggle-text",
   "menu": "pf-c-menu",
   "modifiers": {
@@ -29,6 +30,7 @@ exports.default = {
     "text": "pf-m-text",
     "splitButton": "pf-m-split-button",
     "primary": "pf-m-primary",
+    "inProgress": "pf-m-in-progress",
     "active": "pf-m-active",
     "secondary": "pf-m-secondary",
     "top": "pf-m-top",
@@ -49,5 +51,6 @@ exports.default = {
     "icon": "pf-m-icon",
     "description": "pf-m-description"
   },
+  "spinner": "pf-c-spinner",
   "themeDark": "pf-theme-dark"
 };

package/css/components/Dropdown/dropdown.mjs

@@ -16,6 +16,7 @@ export default {
   "dropdownToggleCheck": "pf-c-dropdown__toggle-check",
   "dropdownToggleIcon": "pf-c-dropdown__toggle-icon",
   "dropdownToggleImage": "pf-c-dropdown__toggle-image",
+  "dropdownToggleProgress": "pf-c-dropdown__toggle-progress",
   "dropdownToggleText": "pf-c-dropdown__toggle-text",
   "menu": "pf-c-menu",
   "modifiers": {
@@ -27,6 +28,7 @@ export default {
     "text": "pf-m-text",
     "splitButton": "pf-m-split-button",
     "primary": "pf-m-primary",
+    "inProgress": "pf-m-in-progress",
     "active": "pf-m-active",
     "secondary": "pf-m-secondary",
     "top": "pf-m-top",
@@ -47,5 +49,6 @@ export default {
     "icon": "pf-m-icon",
     "description": "pf-m-description"
   },
+  "spinner": "pf-c-spinner",
   "themeDark": "pf-theme-dark"
 };

package/css/components/FormControl/form-control.css

@@ -326,7 +326,7 @@ textarea.pf-c-form-control {
 }
 
 :where(.pf-theme-dark) .pf-c-form-control {
-  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 512 512'%3E%3Cpath fill='%235ba352' d='M504 256c0 136.967-111.033 248-248 248S8 392.967 8 256 119.033 8 256 8s248 111.033 248 248zM227.314 387.314l184-184c6.248-6.248 6.248-16.379 0-22.627l-22.627-22.627c-6.248-6.249-16.379-6.249-22.628 0L216 308.118l-70.059-70.059c-6.248-6.248-16.379-6.248-22.628 0l-22.627 22.627c-6.248 6.248-6.248 16.379 0 22.627l104 104c6.249 6.249 16.379 6.249 22.628.001z'/%3E%3C/svg%3E");
+  --pf-c-form-control__select--BackgroundUrl: url("data:image/svg+xml;charset=utf8,%3Csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 320 512'%3E%3Cpath fill='%23e0e0e0' d='M31.3 192h257.3c17.8 0 26.7 21.5 14.1 34.1L174.1 354.8c-7.8 7.8-20.5 7.8-28.3 0L17.2 226.1C4.6 213.5 13.5 192 31.3 192z'/%3E%3C/svg%3E");
   --pf-c-form-control--BorderTopColor: transparent;
   --pf-c-form-control--BorderRightColor: transparent;
   --pf-c-form-control--BorderBottomColor: var(--pf-global--BorderColor--400);

package/css/components/InputGroup/input-group.css

@@ -22,6 +22,9 @@
   --pf-c-input-group__text--BorderLeftColor: var(--pf-global--BorderColor--300);
   --pf-c-input-group__text--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-input-group__textarea--MinHeight: var(--pf-global--spacer--xl);
+  --pf-c-input-group__text--m-disabled--Color: var(--pf-global--disabled-color--100);
+  --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--300);
+  --pf-c-input-group__text--m-disabled--BorderBottomColor: transparent;
   --pf-c-input-group--c-form-control--invalid--ZIndex: var(--pf-global--ZIndex--xs);
   --pf-c-input-group--c-form-control--MarginRight: 0;
   color: var(--pf-global--Color--100);
@@ -71,6 +74,11 @@ label.pf-c-input-group__text {
   --pf-c-input-group__text--BorderWidth: 0;
   margin-left: 0;
 }
+.pf-c-input-group__text.pf-m-disabled {
+  --pf-c-input-group__text--Color: var(--pf-c-input-group__text--m-disabled--Color);
+  --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
+  --pf-c-input-group__text--BorderBottomColor: var(--pf-c-input-group__text--m-disabled--BorderBottomColor);
+}
 
 :where(.pf-theme-dark) .pf-c-input-group {
   --pf-c-input-group--BackgroundColor: transparent;
@@ -79,6 +87,8 @@ label.pf-c-input-group__text {
   --pf-c-input-group__text--BorderBottomColor: var(--pf-global--BorderColor--400);
   --pf-c-input-group__text--BorderLeftColor: transparent;
   --pf-c-input-group__text--BackgroundColor: var(--pf-global--palette--black-600);
+  --pf-c-input-group__text--m-disabled--Color: var(--pf-global--palette--black-100);
+  --pf-c-input-group__text--m-disabled--BackgroundColor: var(--pf-global--disabled-color--200);
 }
 :where(.pf-theme-dark) .pf-c-input-group > * + * {
   margin-left: 0;
@@ -92,4 +102,8 @@ label.pf-c-input-group__text {
 }
 :where(.pf-theme-dark) .pf-c-input-group__text.pf-m-plain {
   --pf-c-input-group__text--BackgroundColor: transparent;
+}
+:where(.pf-theme-dark) .pf-c-input-group__text.pf-m-disabled {
+  --pf-c-input-group__text--BackgroundColor: var(--pf-c-input-group__text--m-disabled--BackgroundColor);
+  color: var(--pf-c-input-group__text--m-disabled--Color);
 }

package/css/components/InputGroup/input-group.d.ts

@@ -4,7 +4,8 @@ declare const _default: {
   "inputGroup": "pf-c-input-group",
   "inputGroupText": "pf-c-input-group__text",
   "modifiers": {
-    "plain": "pf-m-plain"
+    "plain": "pf-m-plain",
+    "disabled": "pf-m-disabled"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/InputGroup/input-group.js

@@ -6,7 +6,8 @@ exports.default = {
   "inputGroup": "pf-c-input-group",
   "inputGroupText": "pf-c-input-group__text",
   "modifiers": {
-    "plain": "pf-m-plain"
+    "plain": "pf-m-plain",
+    "disabled": "pf-m-disabled"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/InputGroup/input-group.mjs

@@ -4,7 +4,8 @@ export default {
   "inputGroup": "pf-c-input-group",
   "inputGroupText": "pf-c-input-group__text",
   "modifiers": {
-    "plain": "pf-m-plain"
+    "plain": "pf-m-plain",
+    "disabled": "pf-m-disabled"
   },
   "themeDark": "pf-theme-dark"
 };

package/css/components/Menu/menu.css

@@ -312,11 +312,15 @@
 }
 .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list {
   overflow: visible;
+  visibility: hidden;
 }
 .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-divider,
 .pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item:not(.pf-m-current-path) {
   display: none;
 }
+.pf-c-menu.pf-m-drilled-in > .pf-c-menu__content > .pf-c-menu__list > .pf-c-menu__list-item.pf-m-current-path {
+  visibility: hidden;
+}
 .pf-c-menu.pf-m-plain {
   --pf-c-menu--BoxShadow: var(--pf-c-menu--m-plain--BoxShadow);
 }

package/css/components/Slider/slider.css

@@ -182,13 +182,6 @@
   z-index: var(--pf-c-slider__value--m-floating--ZIndex);
   transform: translate(var(--pf-c-slider__value--m-floating--TranslateX), var(--pf-c-slider__value--m-floating--TranslateY));
 }
-.pf-c-slider__value.pf-m-floating .pf-c-input-group {
-  align-items: center;
-}
-.pf-c-slider__value.pf-m-floating .pf-c-input-group__text {
-  position: absolute;
-  left: 100%;
-}
 .pf-c-slider__value .pf-c-form-control {
   width: var(--pf-c-slider__value--c-form-control--Width);
 }

package/css/components/Slider/slider.d.ts

@@ -1,8 +1,6 @@
 import './slider.css';
 declare const _default: {
   "formControl": "pf-c-form-control",
-  "inputGroup": "pf-c-input-group",
-  "inputGroupText": "pf-c-input-group__text",
   "modifiers": {
     "disabled": "pf-m-disabled",
     "active": "pf-m-active",

package/css/components/Slider/slider.js

@@ -3,8 +3,6 @@ exports.__esModule = true;
 require('./slider.css');
 exports.default = {
   "formControl": "pf-c-form-control",
-  "inputGroup": "pf-c-input-group",
-  "inputGroupText": "pf-c-input-group__text",
   "modifiers": {
     "disabled": "pf-m-disabled",
     "active": "pf-m-active",

package/css/components/Slider/slider.mjs

@@ -1,8 +1,6 @@
 import './slider.css';
 export default {
   "formControl": "pf-c-form-control",
-  "inputGroup": "pf-c-input-group",
-  "inputGroupText": "pf-c-input-group__text",
   "modifiers": {
     "disabled": "pf-m-disabled",
     "active": "pf-m-active",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.92.0",
+  "version": "4.92.2",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
   "types": "dist/esm/index.d.ts",
@@ -19,7 +19,7 @@
     "clean": "rimraf dist css"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.221.2",
+    "@patternfly/patternfly": "4.222.3",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.7.4"
   },
   "license": "MIT",
-  "gitHead": "e1f95ce96852165dd4d102cd87c6b49288f01eff"
+  "gitHead": "8b3c9550659c5433b24f71d7af75028a8508da00"
 }