@patternfly/react-styles 4.92.1 → 4.92.3

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.3 (2022-12-08)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+## 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

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/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.1",
+  "version": "4.92.3",
   "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.3",
+    "@patternfly/patternfly": "4.222.4",
     "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": "47c6127c70191349261aec122b56e6ca61fa0c99"
+  "gitHead": "67e1ec39d3b8a95bd7e2092bb1c1b788a66ffe5f"
 }