@patternfly/react-styles 4.51.1 → 4.52.1

package/CHANGELOG.md

@@ -3,6 +3,33 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.52.1 (2022-03-23)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
+# 4.52.0 (2022-03-23)
+
+
+### Features
+
+* **Select:** add flag to not reset on select, add event to toggle callback ([#7093](https://github.com/patternfly/patternfly-react/issues/7093)) ([ec2afb1](https://github.com/patternfly/patternfly-react/commit/ec2afb1ea414f63a2fadc56bbaa968a0caad5fd6))
+
+
+
+
+
+## 4.51.2 (2022-03-23)
+
+**Note:** Version bump only for package @patternfly/react-styles
+
+
+
+
+
 ## 4.51.1 (2022-03-23)
 
 **Note:** Version bump only for package @patternfly/react-styles

package/css/components/Accordion/accordion.css

@@ -121,6 +121,7 @@
   right: 0;
   bottom: 0;
   left: 0;
+  pointer-events: none;
   content: "";
   border-bottom: var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomWidth) solid var(--pf-c-accordion--m-bordered__expanded-content--m-expanded__expanded-content-body--last-child--after--BorderBottomColor);
 }

package/css/components/Menu/menu.css

@@ -459,7 +459,7 @@
   --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--hover--BackgroundColor);
   --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--hover--Color, inherit);
 }
-.pf-c-menu__list-item:focus-within {
+.pf-c-menu__list-item:focus-within, .pf-c-menu__list-item.pf-m-focus {
   --pf-c-menu__list-item--BackgroundColor: var(--pf-c-menu__list-item--focus-within--BackgroundColor);
   --pf-c-menu__list-item--Color: var(--pf-c-menu__list-item--focus-within--Color, inherit);
 }

package/css/components/Menu/menu.d.ts

@@ -45,6 +45,7 @@ declare const _default: {
     "plain": "pf-m-plain",
     "scrollable": "pf-m-scrollable",
     "nav": "pf-m-nav",
+    "focus": "pf-m-focus",
     "disabled": "pf-m-disabled",
     "load": "pf-m-load",
     "loading": "pf-m-loading",

package/css/components/Menu/menu.js

@@ -47,6 +47,7 @@ exports.default = {
     "plain": "pf-m-plain",
     "scrollable": "pf-m-scrollable",
     "nav": "pf-m-nav",
+    "focus": "pf-m-focus",
     "disabled": "pf-m-disabled",
     "load": "pf-m-load",
     "loading": "pf-m-loading",

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

@@ -106,6 +106,11 @@
   --pf-c-menu-toggle--m-split-button--m-action--m-secondary--child--BorderLeftColor: var(--pf-global--primary-color--100);
   --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop: calc(var(--pf-c-menu-toggle--PaddingTop) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight: calc(var(--pf-c-menu-toggle--PaddingRight) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom: calc(var(--pf-c-menu-toggle--PaddingBottom) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft: calc(var(--pf-c-menu-toggle--PaddingLeft) * -1);
+  --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
   position: relative;
   display: inline-flex;
   align-items: center;
@@ -114,6 +119,7 @@
   font-size: var(--pf-c-menu-toggle--FontSize);
   line-height: var(--pf-c-menu-toggle--LineHeight);
   color: var(--pf-c-menu-toggle--Color);
+  cursor: pointer;
   background-color: var(--pf-c-menu-toggle--BackgroundColor);
   border: 0;
   border-radius: var(--pf-c-menu-toggle--BorderRadius);
@@ -195,7 +201,7 @@
   --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-c-menu-toggle--m-plain--hover__toggle-icon--Color);
   --pf-c-menu-toggle--m-plain--Color: var(--pf-c-menu-toggle--m-plain--hover--Color);
 }
-.pf-c-menu-toggle:focus {
+.pf-c-menu-toggle:focus, .pf-c-menu-toggle:focus-within {
   --pf-c-menu-toggle--BackgroundColor: var(--pf-c-menu-toggle--focus--BackgroundColor);
   --pf-c-menu-toggle--after--BorderBottomWidth: var(--pf-c-menu-toggle--focus--after--BorderBottomWidth);
   --pf-c-menu-toggle--after--BorderBottomColor: var(--pf-c-menu-toggle--focus--after--BorderBottomColor);
@@ -236,6 +242,11 @@
   --pf-c-menu-toggle--active--after--BorderBottomWidth: var(--pf-c-menu-toggle--m-full-height--active--after--BorderBottomWidth);
   height: 100%;
 }
+.pf-c-menu-toggle.pf-m-typeahead .pf-c-text-input-group {
+  --pf-c-text-input-group__utilities--c-button--PaddingRight: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight);
+  flex: 1;
+  margin: var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginTop) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginRight) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginBottom) var(--pf-c-menu-toggle--m-typeahead--c-text-input-group--MarginLeft);
+}
 .pf-c-menu-toggle.pf-m-split-button {
   --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
   padding: 0;
@@ -333,6 +344,12 @@
   color: var(--pf-c-menu-toggle--m-split-button--child--disabled--Color);
   background-color: var(--pf-c-menu-toggle--m-split-button--child--disabled--BackgroundColor);
 }
+.pf-c-menu-toggle.pf-m-typeahead, .pf-c-menu-toggle.pf-m-split-button {
+  --pf-c-menu-toggle__toggle-icon--MarginRight: 0;
+}
+.pf-c-menu-toggle.pf-m-full-width {
+  width: 100%;
+}
 
 .pf-c-menu-toggle__button {
   color: inherit;

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

@@ -16,9 +16,12 @@ declare const _default: {
     "text": "pf-m-text",
     "disabled": "pf-m-disabled",
     "fullHeight": "pf-m-full-height",
+    "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
-    "active": "pf-m-active"
-  }
+    "active": "pf-m-active",
+    "fullWidth": "pf-m-full-width"
+  },
+  "textInputGroup": "pf-c-text-input-group"
 };
 export default _default;

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

@@ -18,8 +18,11 @@ exports.default = {
     "text": "pf-m-text",
     "disabled": "pf-m-disabled",
     "fullHeight": "pf-m-full-height",
+    "typeahead": "pf-m-typeahead",
     "splitButton": "pf-m-split-button",
     "action": "pf-m-action",
-    "active": "pf-m-active"
-  }
+    "active": "pf-m-active",
+    "fullWidth": "pf-m-full-width"
+  },
+  "textInputGroup": "pf-c-text-input-group"
 };

package/css/components/TextInputGroup/text-input-group.css

@@ -43,6 +43,12 @@
   --pf-c-text-input-group--BackgroundColor: var(--pf-c-text-input-group--m-disabled--BackgroundColor);
   pointer-events: none;
 }
+.pf-c-text-input-group.pf-m-plain {
+  --pf-c-text-input-group--BackgroundColor: transparent;
+}
+.pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::before, .pf-c-text-input-group.pf-m-plain .pf-c-text-input-group__text::after {
+  border: 0;
+}
 
 .pf-c-text-input-group__main {
   display: flex;

package/css/components/TextInputGroup/text-input-group.d.ts

@@ -5,6 +5,7 @@ declare const _default: {
   "chipGroupList": "pf-c-chip-group__list",
   "modifiers": {
     "disabled": "pf-m-disabled",
+    "plain": "pf-m-plain",
     "icon": "pf-m-icon",
     "hint": "pf-m-hint"
   },

package/css/components/TextInputGroup/text-input-group.js

@@ -7,6 +7,7 @@ exports.default = {
   "chipGroupList": "pf-c-chip-group__list",
   "modifiers": {
     "disabled": "pf-m-disabled",
+    "plain": "pf-m-plain",
     "icon": "pf-m-icon",
     "hint": "pf-m-hint"
   },

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-styles",
-  "version": "4.51.1",
+  "version": "4.52.1",
   "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.183.2",
+    "@patternfly/patternfly": "4.184.1",
     "camel-case": "^3.0.0",
     "css": "^2.2.3",
     "fs-extra": "^6.0.1",
@@ -29,5 +29,5 @@
     "typescript": "^4.0.0"
   },
   "license": "MIT",
-  "gitHead": "ebbf69c3f929c9aabaebe49726deb1c72130951e"
+  "gitHead": "fc88ddd5f942598163a34ad5a8df86215cc7a6a5"
 }