@patternfly/react-core 4.213.3 → 4.213.4

package/CHANGELOG.md

@@ -3,6 +3,17 @@
 All notable changes to this project will be documented in this file.
 See [Conventional Commits](https://conventionalcommits.org) for commit guidelines.
 
+## 4.213.4 (2022-05-11)
+
+
+### Bug Fixes
+
+* **topology:** fix variables ([#7364](https://github.com/patternfly/patternfly-react/issues/7364)) ([2dec22e](https://github.com/patternfly/patternfly-react/commit/2dec22eec0f2fb8a634108e6995f747f61fa7d93))
+
+
+
+
+
 ## 4.213.3 (2022-05-10)
 
 

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

@@ -19769,99 +19769,6 @@ svg.pf-c-spinner.pf-m-xl {
   margin-left: var(--pf-c-toggle-group__icon--text--MarginLeft);
 }
 
-.pf-c-tooltip {
-  --pf-c-tooltip--MaxWidth: 18.75rem;
-  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
-  --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
-  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
-  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
-  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-tooltip__arrow--Width: 0.5rem;
-  --pf-c-tooltip__arrow--Height: 0.5rem;
-  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
-  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
-  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
-  --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
-  --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
-  --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
-  --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
-  --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
-  --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
-  --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
-  --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
-  --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
-  position: relative;
-  max-width: var(--pf-c-tooltip--MaxWidth);
-  box-shadow: var(--pf-c-tooltip--BoxShadow);
-}
-
-.pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
-  bottom: 0;
-  left: 50%;
-  transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
-}
-
-.pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
-  top: 0;
-  left: 50%;
-  transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
-}
-
-.pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
-  top: 50%;
-  right: 0;
-  transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
-}
-
-.pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
-  top: 50%;
-  left: 0;
-  transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
-}
-
-.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
-  top: var(--pf-c-tooltip__arrow--Height);
-}
-
-.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
-  top: auto;
-  bottom: 0;
-}
-
-.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
-  left: var(--pf-c-tooltip__arrow--Width);
-}
-
-.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
-  right: 0;
-  left: auto;
-}
-
-.pf-c-tooltip__content {
-  position: relative;
-  padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
-  font-size: var(--pf-c-tooltip__content--FontSize);
-  color: var(--pf-c-tooltip__content--Color);
-  text-align: center;
-  word-break: break-word;
-  background-color: var(--pf-c-tooltip__content--BackgroundColor);
-}
-
-.pf-c-tooltip__content.pf-m-text-align-left {
-  text-align: left;
-}
-
-.pf-c-tooltip__arrow {
-  position: absolute;
-  width: var(--pf-c-tooltip__arrow--Width);
-  height: var(--pf-c-tooltip__arrow--Height);
-  pointer-events: none;
-  background-color: var(--pf-c-tooltip__content--BackgroundColor);
-}
-
 .pf-c-toolbar__content-section, .pf-c-toolbar__content, .pf-c-toolbar__item, .pf-c-toolbar__group {
   --pf-hidden-visible--visible--Visibility: visible;
   --pf-hidden-visible--hidden--Display: none;
@@ -21243,6 +21150,134 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-toolbar--spacer: 0;
 }
 
+.pf-c-tooltip {
+  --pf-c-tooltip--MaxWidth: 18.75rem;
+  --pf-c-tooltip--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-tooltip__content--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-tooltip__content--PaddingRight: var(--pf-global--spacer--sm);
+  --pf-c-tooltip__content--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-tooltip__content--PaddingLeft: var(--pf-global--spacer--sm);
+  --pf-c-tooltip__content--Color: var(--pf-global--Color--light-100);
+  --pf-c-tooltip__content--BackgroundColor: var(--pf-global--BackgroundColor--dark-100);
+  --pf-c-tooltip__content--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-tooltip__arrow--Width: 0.5rem;
+  --pf-c-tooltip__arrow--Height: 0.5rem;
+  --pf-c-tooltip__arrow--m-top--TranslateX: -50%;
+  --pf-c-tooltip__arrow--m-top--TranslateY: 50%;
+  --pf-c-tooltip__arrow--m-top--Rotate: 45deg;
+  --pf-c-tooltip__arrow--m-right--TranslateX: -50%;
+  --pf-c-tooltip__arrow--m-right--TranslateY: -50%;
+  --pf-c-tooltip__arrow--m-right--Rotate: 45deg;
+  --pf-c-tooltip__arrow--m-bottom--TranslateX: -50%;
+  --pf-c-tooltip__arrow--m-bottom--TranslateY: -50%;
+  --pf-c-tooltip__arrow--m-bottom--Rotate: 45deg;
+  --pf-c-tooltip__arrow--m-left--TranslateX: 50%;
+  --pf-c-tooltip__arrow--m-left--TranslateY: -50%;
+  --pf-c-tooltip__arrow--m-left--Rotate: 45deg;
+  position: relative;
+  max-width: var(--pf-c-tooltip--MaxWidth);
+  box-shadow: var(--pf-c-tooltip--BoxShadow);
+}
+
+.pf-c-tooltip.pf-m-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow {
+  bottom: 0;
+  left: 50%;
+  transform: translateX(var(--pf-c-tooltip__arrow--m-top--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-top--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-top--Rotate));
+}
+
+.pf-c-tooltip.pf-m-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
+  top: 0;
+  left: 50%;
+  transform: translateX(var(--pf-c-tooltip__arrow--m-bottom--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-bottom--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-bottom--Rotate));
+}
+
+.pf-c-tooltip.pf-m-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow {
+  top: 50%;
+  right: 0;
+  transform: translateX(var(--pf-c-tooltip__arrow--m-left--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-left--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-left--Rotate));
+}
+
+.pf-c-tooltip.pf-m-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
+  top: 50%;
+  left: 0;
+  transform: translateX(var(--pf-c-tooltip__arrow--m-right--TranslateX)) translateY(var(--pf-c-tooltip__arrow--m-right--TranslateY)) rotate(var(--pf-c-tooltip__arrow--m-right--Rotate));
+}
+
+.pf-c-tooltip.pf-m-left-top .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-top .pf-c-tooltip__arrow {
+  top: var(--pf-c-tooltip__arrow--Height);
+}
+
+.pf-c-tooltip.pf-m-left-bottom .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-right-bottom .pf-c-tooltip__arrow {
+  top: auto;
+  bottom: 0;
+}
+
+.pf-c-tooltip.pf-m-top-left .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-left .pf-c-tooltip__arrow {
+  left: var(--pf-c-tooltip__arrow--Width);
+}
+
+.pf-c-tooltip.pf-m-top-right .pf-c-tooltip__arrow, .pf-c-tooltip.pf-m-bottom-right .pf-c-tooltip__arrow {
+  right: 0;
+  left: auto;
+}
+
+.pf-c-tooltip__content {
+  position: relative;
+  padding: var(--pf-c-tooltip__content--PaddingTop) var(--pf-c-tooltip__content--PaddingRight) var(--pf-c-tooltip__content--PaddingBottom) var(--pf-c-tooltip__content--PaddingLeft);
+  font-size: var(--pf-c-tooltip__content--FontSize);
+  color: var(--pf-c-tooltip__content--Color);
+  text-align: center;
+  word-break: break-word;
+  background-color: var(--pf-c-tooltip__content--BackgroundColor);
+}
+
+.pf-c-tooltip__content.pf-m-text-align-left {
+  text-align: left;
+}
+
+.pf-c-tooltip__arrow {
+  position: absolute;
+  width: var(--pf-c-tooltip__arrow--Width);
+  height: var(--pf-c-tooltip__arrow--Height);
+  pointer-events: none;
+  background-color: var(--pf-c-tooltip__content--BackgroundColor);
+}
+
+.pf-c-number-input .pf-c-form-control {
+  appearance: textfield;
+}
+
+.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
+  appearance: none;
+  margin: 0;
+}
+
+.pf-c-number-input {
+  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
+  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
+  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
+  --pf-c-number-input--c-form-control--width-chars: 4;
+  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
+  display: inline-flex;
+  align-items: center;
+}
+
+.pf-c-number-input .pf-c-form-control {
+  display: inline-flex;
+  width: var(--pf-c-number-input--c-form-control--Width);
+  text-align: right;
+}
+
+.pf-c-input-group + .pf-c-number-input__unit,
+.pf-c-number-input__unit + .pf-c-input-group {
+  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
+}
+
+.pf-c-number-input__icon {
+  display: flex;
+  font-size: var(--pf-c-number-input__icon--FontSize);
+}
+
 .pf-c-tree-view {
   --pf-c-tree-view--PaddingTop: var(--pf-global--spacer--sm);
   --pf-c-tree-view--PaddingBottom: var(--pf-global--spacer--sm);
@@ -21714,41 +21749,6 @@ svg.pf-c-spinner.pf-m-xl {
   --pf-c-tree-view--m-compact--m-no-background--border--nested--Left: calc(var(--pf-c-tree-view__node--PaddingLeft) - var(--pf-c-tree-view--m-compact--m-no-background--base-border--Left--offset));
 }
 
-.pf-c-number-input .pf-c-form-control {
-  appearance: textfield;
-}
-
-.pf-c-number-input .pf-c-form-control::-webkit-inner-spin-button, .pf-c-number-input .pf-c-form-control::-webkit-outer-spin-button {
-  appearance: none;
-  margin: 0;
-}
-
-.pf-c-number-input {
-  --pf-c-number-input__unit--c-input-group--MarginLeft: var(--pf-global--spacer--sm);
-  --pf-c-number-input__icon--FontSize: var(--pf-global--FontSize--xs);
-  --pf-c-number-input--c-form-control--width-base: calc(var(--pf-global--spacer--sm) * 2 + var(--pf-global--BorderWidth--sm) * 2);
-  --pf-c-number-input--c-form-control--width-chars: 4;
-  --pf-c-number-input--c-form-control--Width: calc(var(--pf-c-number-input--c-form-control--width-base) + var(--pf-c-number-input--c-form-control--width-chars) * 1ch);
-  display: inline-flex;
-  align-items: center;
-}
-
-.pf-c-number-input .pf-c-form-control {
-  display: inline-flex;
-  width: var(--pf-c-number-input--c-form-control--Width);
-  text-align: right;
-}
-
-.pf-c-input-group + .pf-c-number-input__unit,
-.pf-c-number-input__unit + .pf-c-input-group {
-  margin-left: var(--pf-c-number-input__unit--c-input-group--MarginLeft);
-}
-
-.pf-c-number-input__icon {
-  display: flex;
-  font-size: var(--pf-c-number-input__icon--FontSize);
-}
-
 .pf-c-wizard__header {
   --pf-global--Color--100: var(--pf-global--Color--light-100);
   --pf-global--Color--200: var(--pf-global--Color--light-200);

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.213.3",
+  "version": "4.213.4",
   "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,9 +34,9 @@
     "generate": "node scripts/copyStyles.js"
   },
   "dependencies": {
-    "@patternfly/react-icons": "^4.64.3",
-    "@patternfly/react-styles": "^4.63.3",
-    "@patternfly/react-tokens": "^4.65.3",
+    "@patternfly/react-icons": "^4.64.4",
+    "@patternfly/react-styles": "^4.63.4",
+    "@patternfly/react-tokens": "^4.65.4",
     "focus-trap": "6.2.2",
     "react-dropzone": "9.0.0",
     "tippy.js": "5.1.2",
@@ -60,5 +60,5 @@
     "react": "^16.8.0 || ^17.0.0",
     "react-dom": "^16.8.0 || ^17.0.0"
   },
-  "gitHead": "ac145c98fef36357752cd28ffd81f3fcd4ba2cb5"
+  "gitHead": "351d36e715f337de045e0652779d01393c1cf812"
 }