@patternfly/react-core 4.208.8 → 4.208.11

package/dist/js/helpers/useInterval.d.ts

@@ -0,0 +1,6 @@
+/** This is a custom React hook in a format suggest by Dan Abramov in a blog post here:
+ * https://overreacted.io/making-setinterval-declarative-with-react-hooks/. It allows setInterval to be used
+ * declaratively in functional React components.
+ */
+export declare function useInterval(callback: () => void, delay: number | null): void;
+//# sourceMappingURL=useInterval.d.ts.map

package/dist/js/helpers/useInterval.d.ts.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.d.ts","sourceRoot":"","sources":["../../../src/helpers/useInterval.ts"],"names":[],"mappings":"AAEA;;;GAGG;AAEH,wBAAgB,WAAW,CAAC,QAAQ,EAAE,MAAM,IAAI,EAAE,KAAK,EAAE,MAAM,GAAG,IAAI,QAiBrE"}

package/dist/js/helpers/useInterval.js

@@ -0,0 +1,26 @@
+"use strict";
+Object.defineProperty(exports, "__esModule", { value: true });
+exports.useInterval = void 0;
+const tslib_1 = require("tslib");
+const React = tslib_1.__importStar(require("react"));
+/** This is a custom React hook in a format suggest by Dan Abramov in a blog post here:
+ * https://overreacted.io/making-setinterval-declarative-with-react-hooks/. It allows setInterval to be used
+ * declaratively in functional React components.
+ */
+function useInterval(callback, delay) {
+    const savedCallback = React.useRef(() => { });
+    React.useEffect(() => {
+        savedCallback.current = callback;
+    }, [callback]);
+    React.useEffect(() => {
+        function tick() {
+            savedCallback.current();
+        }
+        if (delay !== null) {
+            const id = setInterval(tick, delay);
+            return () => clearInterval(id);
+        }
+    }, [delay]);
+}
+exports.useInterval = useInterval;
+//# sourceMappingURL=useInterval.js.map

package/dist/js/helpers/useInterval.js.map

@@ -0,0 +1 @@
+{"version":3,"file":"useInterval.js","sourceRoot":"","sources":["../../../src/helpers/useInterval.ts"],"names":[],"mappings":";;;;AAAA,qDAA+B;AAE/B;;;GAGG;AAEH,SAAgB,WAAW,CAAC,QAAoB,EAAE,KAAoB;IACpE,MAAM,aAAa,GAAG,KAAK,CAAC,MAAM,CAAC,GAAG,EAAE,GAAE,CAAC,CAAC,CAAC;IAE7C,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,aAAa,CAAC,OAAO,GAAG,QAAQ,CAAC;IACnC,CAAC,EAAE,CAAC,QAAQ,CAAC,CAAC,CAAC;IAEf,KAAK,CAAC,SAAS,CAAC,GAAG,EAAE;QACnB,SAAS,IAAI;YACX,aAAa,CAAC,OAAO,EAAE,CAAC;QAC1B,CAAC;QAED,IAAI,KAAK,KAAK,IAAI,EAAE;YAClB,MAAM,EAAE,GAAG,WAAW,CAAC,IAAI,EAAE,KAAK,CAAC,CAAC;YACpC,OAAO,GAAG,EAAE,CAAC,aAAa,CAAC,EAAE,CAAC,CAAC;SAChC;IACH,CAAC,EAAE,CAAC,KAAK,CAAC,CAAC,CAAC;AACd,CAAC;AAjBD,kCAiBC"}

package/dist/umd/react-core.css

@@ -17305,6 +17305,83 @@ label.pf-c-radio, .pf-c-radio__label,
   box-shadow: var(--pf-c-select__menu-footer--BoxShadow);
 }
 
+.pf-c-simple-list {
+  --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
+  --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
+  --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
+  --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
+  --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
+  --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
+  --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
+  --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
+  --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
+  --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
+  --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
+  --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
+  --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
+  --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
+  --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
+}
+
+.pf-c-simple-list__item-link {
+  display: block;
+  width: 100%;
+  padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
+  font-size: var(--pf-c-simple-list__item-link--FontSize);
+  font-weight: var(--pf-c-simple-list__item-link--FontWeight);
+  color: var(--pf-c-simple-list__item-link--Color);
+  text-align: left;
+  background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
+  border: none;
+}
+
+.pf-c-simple-list__item-link:hover {
+  text-decoration: none;
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
+}
+
+.pf-c-simple-list__item-link:focus {
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
+}
+
+.pf-c-simple-list__item-link:active {
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
+}
+
+.pf-c-simple-list__item-link.pf-m-current {
+  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
+  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
+  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
+}
+
+.pf-c-simple-list__title {
+  padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
+  font-size: var(--pf-c-simple-list__title--FontSize);
+  font-weight: var(--pf-c-simple-list__title--FontWeight);
+  color: var(--pf-c-simple-list__title--Color);
+}
+
+.pf-c-simple-list__section + .pf-c-simple-list__section {
+  margin-top: var(--pf-c-simple-list__section--section--MarginTop);
+}
+
 .pf-c-skeleton {
   --pf-c-skeleton--BackgroundColor: var(--pf-global--palette--black-150);
   --pf-c-skeleton--Width: auto;
@@ -17494,83 +17571,6 @@ label.pf-c-radio, .pf-c-radio__label,
     transform: translateX(100%);
   }
 }
-.pf-c-simple-list {
-  --pf-c-simple-list__item-link--PaddingTop: var(--pf-global--spacer--xs);
-  --pf-c-simple-list__item-link--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-simple-list__item-link--PaddingBottom: var(--pf-global--spacer--xs);
-  --pf-c-simple-list__item-link--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-global--BackgroundColor--100);
-  --pf-c-simple-list__item-link--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__item-link--m-current--Color: var(--pf-global--link--Color);
-  --pf-c-simple-list__item-link--m-current--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--m-current--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__item-link--hover--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--hover--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--focus--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--focus--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--focus--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__item-link--active--Color: var(--pf-global--Color--100);
-  --pf-c-simple-list__item-link--active--BackgroundColor: var(--pf-global--BackgroundColor--200);
-  --pf-c-simple-list__item-link--active--FontWeight: var(--pf-global--FontWeight--normal);
-  --pf-c-simple-list__title--PaddingTop: var(--pf-global--spacer--sm);
-  --pf-c-simple-list__title--PaddingRight: var(--pf-global--spacer--md);
-  --pf-c-simple-list__title--PaddingBottom: var(--pf-global--spacer--sm);
-  --pf-c-simple-list__title--PaddingLeft: var(--pf-global--spacer--md);
-  --pf-c-simple-list__title--FontSize: var(--pf-global--FontSize--sm);
-  --pf-c-simple-list__title--Color: var(--pf-global--Color--dark-200);
-  --pf-c-simple-list__title--FontWeight: var(--pf-global--FontWeight--semi-bold);
-  --pf-c-simple-list__section--section--MarginTop: var(--pf-global--spacer--sm);
-}
-
-.pf-c-simple-list__item-link {
-  display: block;
-  width: 100%;
-  padding: var(--pf-c-simple-list__item-link--PaddingTop) var(--pf-c-simple-list__item-link--PaddingRight) var(--pf-c-simple-list__item-link--PaddingBottom) var(--pf-c-simple-list__item-link--PaddingLeft);
-  font-size: var(--pf-c-simple-list__item-link--FontSize);
-  font-weight: var(--pf-c-simple-list__item-link--FontWeight);
-  color: var(--pf-c-simple-list__item-link--Color);
-  text-align: left;
-  background-color: var(--pf-c-simple-list__item-link--BackgroundColor);
-  border: none;
-}
-
-.pf-c-simple-list__item-link:hover {
-  text-decoration: none;
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--hover--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--hover--Color);
-}
-
-.pf-c-simple-list__item-link:focus {
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--focus--FontWeight);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--focus--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--focus--Color);
-}
-
-.pf-c-simple-list__item-link:active {
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--active--FontWeight);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--active--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--active--Color);
-}
-
-.pf-c-simple-list__item-link.pf-m-current {
-  --pf-c-simple-list__item-link--FontWeight: var(--pf-c-simple-list__item-link--m-current--FontWeight);
-  --pf-c-simple-list__item-link--BackgroundColor: var(--pf-c-simple-list__item-link--m-current--BackgroundColor);
-  --pf-c-simple-list__item-link--Color: var(--pf-c-simple-list__item-link--m-current--Color);
-}
-
-.pf-c-simple-list__title {
-  padding: var(--pf-c-simple-list__title--PaddingTop) var(--pf-c-simple-list__title--PaddingRight) var(--pf-c-simple-list__title--PaddingBottom) var(--pf-c-simple-list__title--PaddingLeft);
-  font-size: var(--pf-c-simple-list__title--FontSize);
-  font-weight: var(--pf-c-simple-list__title--FontWeight);
-  color: var(--pf-c-simple-list__title--Color);
-}
-
-.pf-c-simple-list__section + .pf-c-simple-list__section {
-  margin-top: var(--pf-c-simple-list__section--section--MarginTop);
-}
-
 .pf-c-skip-to-content {
   --pf-c-skip-to-content--Top: var(--pf-global--spacer--md);
   --pf-c-skip-to-content--ZIndex: var(--pf-global--ZIndex--2xl);
@@ -19762,99 +19762,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;
@@ -21236,6 +21143,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;
 }
@@ -22283,6 +22283,69 @@ svg.pf-c-spinner.pf-m-xl {
   margin-left: var(--pf-c-wizard__footer-cancel--MarginLeft);
 }
 
+.pf-c-draggable {
+  --pf-c-draggable--Cursor: auto;
+  --pf-c-draggable--m-dragging--Cursor: grabbing;
+  --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
+  --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
+  --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
+  cursor: var(--pf-c-draggable--Cursor);
+}
+
+.pf-c-draggable.pf-m-dragging {
+  --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
+  position: relative;
+  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
+  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
+}
+
+.pf-c-draggable.pf-m-dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  content: "";
+  border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
+}
+
+.pf-c-draggable.pf-m-drag-outside {
+  --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
+  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
+}
+
+.pf-c-droppable {
+  --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
+  --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
+  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
+  --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
+}
+
+.pf-c-droppable.pf-m-dragging {
+  position: relative;
+}
+
+.pf-c-droppable.pf-m-dragging::after {
+  position: absolute;
+  top: 0;
+  right: 0;
+  bottom: 0;
+  left: 0;
+  pointer-events: none;
+  content: "";
+}
+
+.pf-c-droppable::after {
+  background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
+  border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
+}
+
+.pf-c-droppable.pf-m-drag-outside {
+  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
+}
+
 .pf-c-text-input-group {
   --pf-c-text-input-group--BackgroundColor: var(--pf-global--BackgroundColor--100);
   --pf-c-text-input-group__text--before--BorderWidth: var(--pf-global--BorderWidth--sm);
@@ -22455,69 +22518,6 @@ svg.pf-c-spinner.pf-m-xl {
   display: flex;
 }
 
-.pf-c-draggable {
-  --pf-c-draggable--Cursor: auto;
-  --pf-c-draggable--m-dragging--Cursor: grabbing;
-  --pf-c-draggable--m-dragging--BoxShadow: var(--pf-global--BoxShadow--md);
-  --pf-c-draggable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
-  --pf-c-draggable--m-drag-outside--Cursor: not-allowed;
-  --pf-c-draggable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
-  cursor: var(--pf-c-draggable--Cursor);
-}
-
-.pf-c-draggable.pf-m-dragging {
-  --pf-c-draggable--Cursor: var(--pf-c-draggable--m-dragging--Cursor);
-  position: relative;
-  background-color: var(--pf-c-draggable--m-dragging--BackgroundColor);
-  box-shadow: var(--pf-c-draggable--m-dragging--BoxShadow);
-}
-
-.pf-c-draggable.pf-m-dragging::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  content: "";
-  border: var(--pf-c-draggable--m-dragging--after--BorderWidth) solid var(--pf-c-draggable--m-dragging--after--BorderColor);
-}
-
-.pf-c-draggable.pf-m-drag-outside {
-  --pf-c-draggable--m-dragging--Cursor: var(--pf-c-draggable--m-drag-outside--Cursor);
-  --pf-c-draggable--m-dragging--after--BorderColor: var(--pf-c-draggable--m-drag-outside--after--BorderColor);
-}
-
-.pf-c-droppable {
-  --pf-c-droppable--m-dragging--after--BackgroundColor: rgba(255, 255, 255, 0.6);
-  --pf-c-droppable--m-dragging--after--BorderWidth: var(--pf-global--BorderWidth--sm);
-  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-global--active-color--100);
-  --pf-c-droppable--m-drag-outside--after--BorderColor: var(--pf-global--danger-color--100);
-}
-
-.pf-c-droppable.pf-m-dragging {
-  position: relative;
-}
-
-.pf-c-droppable.pf-m-dragging::after {
-  position: absolute;
-  top: 0;
-  right: 0;
-  bottom: 0;
-  left: 0;
-  pointer-events: none;
-  content: "";
-}
-
-.pf-c-droppable::after {
-  background-color: var(--pf-c-droppable--m-dragging--after--BackgroundColor);
-  border: var(--pf-c-droppable--m-dragging--after--BorderWidth) solid var(--pf-c-droppable--m-dragging--after--BorderColor);
-}
-
-.pf-c-droppable.pf-m-drag-outside {
-  --pf-c-droppable--m-dragging--after--BorderColor: var(--pf-c-droppable--m-drag-outside--after--BorderColor);
-}
-
 .pf-c-panel {
   --pf-c-panel--Width: auto;
   --pf-c-panel--MinWidth: auto;

package/dist/umd/react-core.js

@@ -3483,6 +3483,26 @@
         };
     };
 
+    /** This is a custom React hook in a format suggest by Dan Abramov in a blog post here:
+     * https://overreacted.io/making-setinterval-declarative-with-react-hooks/. It allows setInterval to be used
+     * declaratively in functional React components.
+     */
+    function useInterval(callback, delay) {
+        const savedCallback = React__namespace.useRef(() => { });
+        React__namespace.useEffect(() => {
+            savedCallback.current = callback;
+        }, [callback]);
+        React__namespace.useEffect(() => {
+            function tick() {
+                savedCallback.current();
+            }
+            if (delay !== null) {
+                const id = setInterval(tick, delay);
+                return () => clearInterval(id);
+            }
+        }, [delay]);
+    }
+
     Promise.resolve().then(function () { return bullseye; });
     var styles$1h = {
       "bullseye": "pf-l-bullseye"
@@ -22338,6 +22358,7 @@
     exports.sideElementIsOutOfView = sideElementIsOutOfView;
     exports.toCamel = toCamel;
     exports.trimLeft = trimLeft;
+    exports.useInterval = useInterval;
     exports.useIsomorphicLayoutEffect = useIsomorphicLayoutEffect;
     exports.useOUIAId = useOUIAId;
     exports.useOUIAProps = useOUIAProps;