@patternfly/react-core 4.208.3 → 4.208.4

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.208.4 (2022-05-03)
+
+**Note:** Version bump only for package @patternfly/react-core
+
+
+
+
+
 ## 4.208.3 (2022-05-03)
 
 **Note:** Version bump only for package @patternfly/react-core

package/README.md

@@ -47,8 +47,7 @@ export default <Button variant="primary">Button</Button>;
 All component documentation is available on [PatternFly.org](https://www.patternfly.org/v4/components/about-modal).
 
 #### Advanced usage
-1. [Applying Overpass font](../../ADVANCED-USAGE-README.md#Applying-Overpass-font)
-2. [Tree shaking](../../ADVANCED-USAGE-README.md#Tree-shaking)
+1. [Applying Overpass font](https://github.com/patternfly/patternfly-react/blob/main/ADVANCED-USAGE-README.md#Applying-Overpass-font)
 
 ### Contribution guidelines
 All React contributors must first be [PatternFly community contributors](https://www.patternfly.org/v4/contribute/about). If you are already a PatternFly community contributor, check out the [React contribution guidelines](https://github.com/patternfly/patternfly-react/tree/main/CONTRIBUTING.md) to make React contributions.

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

@@ -19757,99 +19757,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;
@@ -21231,6 +21138,99 @@ 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;
 }

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@patternfly/react-core",
-  "version": "4.208.3",
+  "version": "4.208.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.59.3",
-    "@patternfly/react-styles": "^4.58.3",
-    "@patternfly/react-tokens": "^4.60.3",
+    "@patternfly/react-icons": "^4.59.4",
+    "@patternfly/react-styles": "^4.58.4",
+    "@patternfly/react-tokens": "^4.60.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": "30d9c6403ae0d3660eb0389fcae95e6e72a41d9e"
+  "gitHead": "d882694edb3866d1afc0719f75d16d3d2528a876"
 }