@patternfly/react-core 4.223.0 → 4.223.1

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.
 
+## 4.223.1 (2022-06-23)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 # 4.223.0 (2022-06-22)
 
 

package/dist/umd/react-core.css

@@ -12643,6 +12643,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-menu-toggle__controls--MarginLeft: auto;
+  --pf-c-menu-toggle__controls--MarginRight: 0;
   --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
   --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
@@ -12683,10 +12685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --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__controls--MarginRight: var(--pf-global--spacer--md);
+  --pf-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
   position: relative;
   display: inline-flex;
@@ -12842,14 +12842,20 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   height: 100%;
 }
 
+.pf-c-menu-toggle.pf-m-typeahead {
+  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-c-menu-toggle--m-typeahead__controls--MarginRight);
+  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-c-menu-toggle--m-typeahead__controls--MarginLeft);
+  align-items: stretch;
+  padding: 0;
+}
+
 .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);
+  --pf-c-text-input-group__utilities--MarginRight: 0;
   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;
 }
 
@@ -12978,16 +12984,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-c-menu-toggle__button {
+  --pf-c-menu-toggle__controls--PaddingLeft: 0;
+  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
+  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
   color: inherit;
   border: 0;
 }
 
-.pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
-  padding-left: 0;
-  margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
-  margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
-}
-
 .pf-c-menu-toggle__icon {
   display: inline-flex;
   align-self: center;
@@ -13011,7 +13014,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-menu-toggle__controls {
   padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
-  margin-left: auto;
+  margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
+  margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
 }
 
 .pf-c-menu-toggle__toggle-icon {

package/dist/umd/react-core.min.css

@@ -12643,6 +12643,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --pf-c-menu-toggle__icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__count--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle__controls--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-menu-toggle__controls--MarginLeft: auto;
+  --pf-c-menu-toggle__controls--MarginRight: 0;
   --pf-c-menu-toggle__toggle-icon--MarginRight: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle--m-plain__toggle-icon--Color: var(--pf-global--Color--200);
   --pf-c-menu-toggle--m-plain--hover__toggle-icon--Color: var(--pf-global--Color--100);
@@ -12683,10 +12685,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   --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__controls--MarginRight: var(--pf-global--spacer--md);
+  --pf-c-menu-toggle--m-typeahead__controls--MarginLeft: var(--pf-global--spacer--sm);
   --pf-c-menu-toggle--m-typeahead--c-text-input-group__utilities--c-button--PaddingRight: var(--pf-global--spacer--sm);
   position: relative;
   display: inline-flex;
@@ -12842,14 +12842,20 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
   height: 100%;
 }
 
+.pf-c-menu-toggle.pf-m-typeahead {
+  --pf-c-menu-toggle__button__controls--MarginRight: var(--pf-c-menu-toggle--m-typeahead__controls--MarginRight);
+  --pf-c-menu-toggle__button__controls--MarginLeft: var(--pf-c-menu-toggle--m-typeahead__controls--MarginLeft);
+  align-items: stretch;
+  padding: 0;
+}
+
 .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);
+  --pf-c-text-input-group__utilities--MarginRight: 0;
   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;
 }
 
@@ -12978,16 +12984,13 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 }
 
 .pf-c-menu-toggle__button {
+  --pf-c-menu-toggle__controls--PaddingLeft: 0;
+  --pf-c-menu-toggle__controls--MarginRight: var(--pf-c-menu-toggle__button__controls--MarginRight);
+  --pf-c-menu-toggle__controls--MarginLeft: var(--pf-c-menu-toggle__button__controls--MarginLeft);
   color: inherit;
   border: 0;
 }
 
-.pf-c-menu-toggle__button .pf-c-menu-toggle__controls {
-  padding-left: 0;
-  margin-right: var(--pf-c-menu-toggle__button__controls--MarginRight);
-  margin-left: var(--pf-c-menu-toggle__button__controls--MarginLeft);
-}
-
 .pf-c-menu-toggle__icon {
   display: inline-flex;
   align-self: center;
@@ -13011,7 +13014,8 @@ label.pf-c-menu__item:where(:not([disabled], .pf-m-disabled)) {
 
 .pf-c-menu-toggle__controls {
   padding-left: var(--pf-c-menu-toggle__controls--PaddingLeft);
-  margin-left: auto;
+  margin-right: var(--pf-c-menu-toggle__controls--MarginRight);
+  margin-left: var(--pf-c-menu-toggle__controls--MarginLeft);
 }
 
 .pf-c-menu-toggle__toggle-icon {

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.223.0",
+  "version": "4.223.1",
   "description": "This library provides a set of common React components for use with the PatternFly reference implementation.",
   "main": "dist/js/index.js",
   "module": "dist/esm/index.js",
@@ -34,16 +34,16 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.74.0",
-    "@patternfly/react-styles": "^4.73.0",
-    "@patternfly/react-tokens": "^4.75.0",
+    "@patternfly/react-icons": "^4.74.1",
+    "@patternfly/react-styles": "^4.73.1",
+    "@patternfly/react-tokens": "^4.75.1",
     "focus-trap": "6.9.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
     "tslib": "^2.0.0"
   },
   "devDependencies": {
-    "@patternfly/patternfly": "4.201.2",
+    "@patternfly/patternfly": "4.202.0",
     "@rollup/plugin-commonjs": "^21.0.0",
     "@rollup/plugin-node-resolve": "^13.0.0",
     "@rollup/plugin-replace": "^3.0.0",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "d9a07cccab946125e662b145b325eab6525f2211"
+  "gitHead": "3155699598a7362211658d7e88207c6c34a18c9c"
 }