@splunk/react-ui 4.33.0 → 4.35.0

package/Paginator.js

@@ -155,7 +155,7 @@
         }));
     }), (0, v.pick)({
         enterprise: {
-            comfortable: (0, x.css)([ "padding:", ";" ], v.variables.spacingQuarter),
+            comfortable: (0, x.css)([ "padding:", ";" ], v.variables.spacingXSmall),
             compact: (0, x.css)([ "padding:3px;" ])
         },
         prisma: (0, x.css)([ "padding:", ";& + &{margin-left:8px;}" ], (0, v.pick)({
@@ -360,8 +360,8 @@
     const $ = require("@splunk/react-ui/Select");
     var A =  e.n($);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const Q = require("@splunk/react-ui/ScreenReaderContent");
-    var V =  e.n(Q);
+    const V = require("@splunk/react-ui/ScreenReaderContent");
+    var X =  e.n(V);
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const F = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: ./src/Paginator/PageSelectStyles.ts
@@ -373,12 +373,12 @@
         displayName: "PageSelectStyles__StyledCount",
         componentId: "haycz4-1"
     })([ "align-items:center;display:flex;flex-wrap:wrap;margin:0 ", ";" ], v.variables.spacingSmall);
-    var U = P()(A()).withConfig({
+    var Q = P()(A()).withConfig({
         displayName: "PageSelectStyles__StyledSelect",
         componentId: "haycz4-2"
     })([ "flex:0 0 auto;" ]);
     // CONCATENATED MODULE: ./src/Paginator/PageSelect.tsx
-    function X(e, t) {
+    function U(e, t) {
         if (e == null) return {};
         var r = Y(e, t);
         var n, a;
@@ -411,7 +411,7 @@
         totalPages: l().number
     };
     function ee(e) {
-        var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = X(e, [ "onChange", "current", "totalPages" ]);
+        var t = e.onChange, a = e.current, l = a === void 0 ? 1 : a, i = e.totalPages, o = U(e, [ "onChange", "current", "totalPages" ]);
         // @docs-props-type PaginatorPageSelectPropsBase
                 var u = (0, r.useRef)((0, F.createDOMID)("pages"));
         var p = (0, r.useRef)((0, F.createDOMID)("totalPages"));
@@ -431,11 +431,11 @@
         }
         var g = (0, c.sprintf)((0, s._)("of %d pages"), i);
         
-        return n().createElement(J, o,  n().createElement(U, {
+        return n().createElement(J, o,  n().createElement(Q, {
             value: l,
             onChange: f,
             "aria-labelledby": "".concat(u.current, " ").concat(p.current)
-        }, d),  n().createElement(V(), {
+        }, d),  n().createElement(X(), {
             id: u.current,
             "aria-hidden": true
         }, l),  n().createElement(K, {

package/Popover.js

@@ -76,8 +76,8 @@
     const l = require("lodash/clamp");
     var c =  e.n(l);
     // CONCATENATED MODULE: external "lodash/defer"
-    const f = require("lodash/defer");
-    var s =  e.n(f);
+    const s = require("lodash/defer");
+    var f =  e.n(s);
     // CONCATENATED MODULE: external "lodash/every"
     const u = require("lodash/every");
     var p =  e.n(u);
@@ -202,16 +202,16 @@
         }
     }
     function z(e) {
-        var t = e.align, r = e.anchorPos, n = e.scrollContainerPos, o = e.canCoverAnchor, a = e.defaultPlacement, i = e.outerContainerEl, l = e.padding, c = e.repositionMode, f = e.windowHeight, s = e.windowWidth;
+        var t = e.align, r = e.anchorPos, n = e.scrollContainerPos, o = e.canCoverAnchor, a = e.defaultPlacement, i = e.outerContainerEl, l = e.padding, c = e.repositionMode, s = e.windowHeight, f = e.windowWidth;
         var u = c === "flip";
         var p = c === "any";
         var h = u || p;
         var d = e.placement || a;
  // Translate vertical/horizontal to above/below/left/right
                 if (a === "vertical") {
-            d = r.top > f - r.bottom ? "above" : "below";
+            d = r.top > s - r.bottom ? "above" : "below";
         } else if (a === "horizontal") {
-            d = r.left > s - r.right ? "left" : "right";
+            d = r.left > f - r.right ? "left" : "right";
         }
         var v = d;
  // Initialize the result variables. These will be mutated as needed and returned.
@@ -223,19 +223,19 @@
             placement: v
         }), b = m.top, y = m.left;
         var g = "auto";
-        var w = s;
-        var S = f;
+        var w = f;
+        var S = s;
         var O = v;
  // Boolean convenience variables to simplify positioning logic.
                 var P = r.top - i.offsetHeight > 0;
-        var E = r.bottom + i.offsetHeight < f;
+        var E = r.bottom + i.offsetHeight < s;
         var C = r.left - i.offsetWidth > 0;
-        var j = r.right + i.offsetWidth < s;
-        var k = r.top * .7 > f - r.bottom;
-        var x = (t === "edge" ? r.left + i.offsetWidth - l : r.middle + i.offsetWidth / 2) > s;
+        var j = r.right + i.offsetWidth < f;
+        var k = r.top * .7 > s - r.bottom;
+        var x = (t === "edge" ? r.left + i.offsetWidth - l : r.middle + i.offsetWidth / 2) > f;
         var A = (t === "edge" ? r.left - l : r.middle - i.offsetWidth / 2) < 0;
         var T = (t === "edge" ? r.top - l : r.top - i.offsetHeight / 2) < 0;
-        var R = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > f;
+        var R = (t === "edge" ? r.top + i.offsetHeight - l : r.bottom + i.offsetHeight / 2) > s;
  // Handle each of the four placement options individually.
                 if (O === "above") {
             if (!P && h) {
@@ -260,14 +260,14 @@
                 }
             }
             if (O !== "misaligned") {
-                g = f - b - i.offsetHeight;
+                g = s - b - i.offsetHeight;
                 if (n) {
-                    g = Math.min(g, f - n.top);
+                    g = Math.min(g, s - n.top);
                 }
                 b = "auto";
             }
             if (x) {
-                y = Math.max(s - i.offsetWidth, 0);
+                y = Math.max(f - i.offsetWidth, 0);
             } else if (A) {
                 y = 0;
             }
@@ -301,12 +301,12 @@
                 b = Math.min(b, n.bottom);
             }
             if (x) {
-                y = Math.max(s - i.offsetWidth, 0);
+                y = Math.max(f - i.offsetWidth, 0);
             } else if (A) {
                 y = 0;
             }
             if (!o) {
-                S = f - r.bottom;
+                S = s - r.bottom;
             }
         }
         if (O === "left") {
@@ -334,7 +334,7 @@
             if (T) {
                 b = 0;
             } else if (R) {
-                b = Math.max(f - i.offsetHeight, 0);
+                b = Math.max(s - i.offsetHeight, 0);
             }
             if (!o) {
                 w = r.left;
@@ -365,10 +365,10 @@
             if (T) {
                 b = 0;
             } else if (R) {
-                b = Math.max(f - i.offsetHeight, 0);
+                b = Math.max(s - i.offsetHeight, 0);
             }
             if (!o) {
-                w = s - r.left;
+                w = f - r.left;
             }
         }
         return {
@@ -412,7 +412,7 @@
         displayName: "PopoverStyles__StyledContent",
         componentId: "sc-1nahsvw-2"
     })([ "", "" ], (0, A.pickVariant)("$appearance", {
-        normal: (0, K.css)([ "background-color:", ";color:", ";border:", ";box-shadow:", ";border-radius:", ";" ], A.variables.backgroundColorPopup, A.variables.contentColorDefault, (0, 
+        normal: (0, K.css)([ "background-color:", ";color:", ";border:", ";", ";border-radius:", ";" ], A.variables.backgroundColorPopup, A.variables.contentColorDefault, (0, 
         A.pick)({
             enterprise: {
                 light: A.variables.border,
@@ -421,10 +421,10 @@
             prisma: "none"
         }), (0, A.pick)({
             enterprise: {
-                light: (0, K.css)([ "0 2px 2px ", "" ], A.mixins.colorWithAlpha(A.variables.gray20, .1)),
-                dark: "0 1px 2px #000"
+                light: (0, K.css)([ "box-shadow:0 2px 2px ", ";" ], A.mixins.colorWithAlpha(A.variables.gray20, .1)),
+                dark: (0, K.css)([ "box-shadow:0 1px 2px #000;" ])
             },
-            prisma: A.variables.overlayShadow
+            prisma: (0, K.css)([ "box-shadow:", ";" ], A.variables.overlayShadow)
         }), A.variables.borderRadius),
         // Enterprise Only
         inverted: (0, K.css)([ "background-color:", ";color:", ";" ], (0, A.pick)({
@@ -524,13 +524,13 @@
                     l = 0;
                     c = r.height;
                 }
-                var f = "0 ".concat(l);
-                var s = "".concat(a.width, " ").concat(l);
+                var s = "0 ".concat(l);
+                var f = "".concat(a.width, " ").concat(l);
                 var u = "".concat(i, " ").concat(l);
                 var p = "".concat(i, " ").concat(c);
                 var h = "".concat(i + r.width, " ").concat(l);
                 var d = "".concat(i + r.width, " ").concat(c);
-                var v = "\n                        M ".concat(f, "\n                        S ").concat(u, " , ").concat(p, "\n                        L ").concat(u, "\n                        L ").concat(h, "\n                        L ").concat(d, "\n                        S ").concat(h, " , ").concat(s, "\n                    ");
+                var v = "\n                        M ".concat(s, "\n                        S ").concat(u, " , ").concat(p, "\n                        L ").concat(u, "\n                        L ").concat(h, "\n                        L ").concat(d, "\n                        S ").concat(h, " , ").concat(f, "\n                    ");
                 return {
                     hitAreaPath: v,
                     hitAreaStyle: {
@@ -574,7 +574,7 @@
     };
     var ce =  n().forwardRef((function(e, t) {
         var o = e.anchorRect, a = e.popoverEl, i = e.popoverPlacement;
-        var l = (0, r.useState)(null), c = ee(l, 2), f = c[0], s = c[1];
+        var l = (0, r.useState)(null), c = ee(l, 2), s = c[0], f = c[1];
         var u = (0, r.useState)({}), p = ee(u, 2), h = p[0], d = p[1];
         (0, r.useEffect)((function() {
             var e = le({
@@ -582,26 +582,26 @@
                 popoverEl: a,
                 popoverPlacement: i
             }), t = e.hitAreaPath, r = e.hitAreaStyle;
-            s(t);
+            f(t);
             d(r);
         }), [ o, a, i ]);
-        if (f != null) {
+        if (s != null) {
             
             return n().createElement(Z, {
                 "data-test": "popover-hit-area",
                 style: h
             },  n().createElement("path", {
-                d: f,
+                d: s,
                 ref: t
             }));
         }
         return null;
     }));
     ce.propTypes = ie;
-    /* harmony default export */    const fe = ce;
+    /* harmony default export */    const se = ce;
     // CONCATENATED MODULE: ./src/utils/ssrDocument.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
-    var se = {
+    var fe = {
         body: {
             appendChild: function e() {
                 return [];
@@ -656,13 +656,13 @@
         }
     };
     function ue() {
-        var e = typeof document !== "undefined" ? document : se;
+        var e = typeof document !== "undefined" ? document : fe;
         return e;
     }
     // CONCATENATED MODULE: ./src/utils/ssrWindow.ts
     /* eslint-disable @typescript-eslint/no-empty-function */
     var pe = {
-        document: se,
+        document: fe,
         navigator: {
             userAgent: ""
         },
@@ -792,10 +792,10 @@
         var i = he();
         var l = o.left + (((r = i.visualViewport) === null || r === void 0 ? void 0 : r.offsetLeft) || 0);
         var c = o.top + (((n = i.visualViewport) === null || n === void 0 ? void 0 : n.offsetTop) || 0);
-        var f = o.width, s = o.height;
+        var s = o.width, f = o.height;
         return ye({
-            width: f,
-            height: s,
+            width: s,
+            height: f,
             x: l,
             y: c
         });
@@ -1102,10 +1102,10 @@
                 var l = {
                     display: "block"
                 };
-                var f = i.offsetHeight / 2 - 22;
-                var s = -(i.offsetHeight / 2 - 15);
+                var s = i.offsetHeight / 2 - 22;
+                var f = -(i.offsetHeight / 2 - 15);
                 var u = r.center - (a.top + i.offsetHeight / 2) - n / 2;
-                var p = c()(u, s, f);
+                var p = c()(u, f, s);
                 var h = r.middle - (a.left + i.offsetWidth / 2) - n;
                 var d = {
                     left: {
@@ -1182,7 +1182,7 @@
                 var t = he();
                 o.setState((function(n) {
                     var a;
-                    var i = o.props, l = i.align, c = i.anchor, f = i.autoCloseWhenOffScreen, s = i.canCoverAnchor, u = i.defaultPlacement, p = i.open, h = i.repositionMode, d = i.splunkTheme;
+                    var i = o.props, l = i.align, c = i.anchor, s = i.autoCloseWhenOffScreen, f = i.canCoverAnchor, u = i.defaultPlacement, p = i.open, h = i.repositionMode, d = i.splunkTheme;
                     var v = o.context || t;
                     var m = d.isPrisma;
  // If these conditions are not met, we cannot set the popover.
@@ -1193,7 +1193,7 @@
                     var b = o.getElPosition(n.anchorEl);
                     var y = o.getElPosition(n.anchorEl, true);
                     var g = Ge(v) ? o.getElPosition(v) : undefined;
-                    if (e && f) {
+                    if (e && s) {
                         if (o.autoCloseWhenOffScreen(b, g)) {
                             return null;
                         }
@@ -1205,7 +1205,7 @@
                         align: l === "theme" ? O : l,
                         anchorPos: y,
                         scrollContainerPos: g,
-                        canCoverAnchor: s,
+                        canCoverAnchor: f,
                         defaultPlacement: u,
                         repositionMode: h,
                         outerContainerEl: o.outerContainerEl,
@@ -1257,7 +1257,7 @@
             Ke(ze(o), "handleInnerContainerMount", (function(e) {
                 o.innerContainerEl = e;
                 if (e && o.props.takeFocus) {
-                    s()(L.takeFocus, e);
+                    f()(L.takeFocus, e);
                 }
                 we(o.props.elementRef, e);
             }));
@@ -1296,7 +1296,7 @@
                 }
             }));
             Ke(ze(o), "renderLayer", (function() {
-                var e = o.props, t = e.animation, a = e.animationConfig, i = e.appearance, l = e.children, c = e.id, f = e.open, s = e.retainFocus, u = e.splunkTheme;
+                var e = o.props, t = e.animation, a = e.animationConfig, i = e.appearance, l = e.children, c = e.id, s = e.open, f = e.retainFocus, u = e.splunkTheme;
                 var p = o.state, h = p.anchorPos, d = p.arrowStyle, v = p.outerContainerStyle, m = p.placement;
                 var b = u.isPrisma;
                 var y = b && i === "inverted" ? "normal" : i;
@@ -1319,7 +1319,7 @@
                     maxWidth: P || null
                 };
                 var k = t ? {
-                    opacity: f ? 1 : 0
+                    opacity: s ? 1 : 0
                 } : {
                     opacity: 1
                 };
@@ -1340,17 +1340,16 @@
                         "data-test": "outer-popover",
                         style: xe(xe({}, v), e),
                         ref: o.handleOuterContainerMount
-                    }, (f || o.state.animating) &&  n().createElement(Y, Oe({
+                    }, (s || o.state.animating) &&  n().createElement(Y, Oe({
                         $appearance: y,
-                        $open: f,
+                        $open: s,
                         "data-test": "popover",
                         ref: o.handleInnerContainerMount,
-                        tabIndex: -1,
                         id: c,
                         onKeyDown: o.handleTab
                     }, j()(o.props, [ "anchor" ].concat(Pe(E()(r.propTypes))))),  n().createElement($.Provider, {
                         value: {
-                            retainFocus: s
+                            retainFocus: f
                         }
                     },  n().createElement(n().Fragment, null, i === "none" && l, i !== "none" && !b &&  n().createElement(J, {
                         $appearance: y,
@@ -1448,7 +1447,7 @@
                 var i = this.state, l = i.anchorPos, c = i.placement;
  // EventListeners only need to be rendered when open,
                 // otherwise leads to negative performance impacts
-                                var f = r ? [ a &&  n().createElement(q(), {
+                                var s = r ? [ a &&  n().createElement(q(), {
                     target: o,
                     eventType: "scroll",
                     listener: this.handleScroll,
@@ -1472,14 +1471,14 @@
                     },
                     key: "eventListenerOnWindowScroll"
                 }) ] : [];
-                return [].concat(f, [  n().createElement(M(), {
+                return [].concat(s, [  n().createElement(M(), {
                     closeReasons: y()(this.props.closeReasons.filter((function(e) {
                         return e !== "offScreen";
                     })), M().possibleCloseReasons),
                     open: r,
                     onRequestClose: this.handleRequestClose,
                     key: "Layer"
-                }, r && this.innerContainerEl && this.props.hitAreaRef &&  n().createElement(fe, {
+                }, r && this.innerContainerEl && this.props.hitAreaRef &&  n().createElement(se, {
                     anchorRect: l,
                     popoverEl: this.innerContainerEl,
                     popoverPlacement: c,

package/Progress.js

@@ -87,32 +87,32 @@
     const d = require("@splunk/react-ui/Box");
     var m =  e.n(d);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const y = require("@splunk/themes");
+    const g = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Progress/ProgressStyles.ts
-    var g = u()(m()).withConfig({
+    var y = u()(m()).withConfig({
         displayName: "ProgressStyles__StyledBox",
         componentId: "csowex-0"
-    })([ "background-color:", ";" ], (0, y.pick)({
-        enterprise: y.variables.transparent,
-        prisma: y.variables.neutral200
+    })([ "background-color:", ";" ], (0, g.pick)({
+        enterprise: g.variables.transparent,
+        prisma: g.variables.neutral200
     }));
     var h = u()(b()).withConfig({
         displayName: "ProgressStyles__StyledTooltip",
         componentId: "csowex-1"
     })([ "background-color:", ";height:", ";position:relative;overflow:hidden;padding-left:", ";", ";" ], (0, 
-    y.pick)({
-        enterprise: y.variables.accentColorD10,
-        prisma: (0, y.pickVariant)("$type", {
-            info: y.variables.interactiveColorPrimary,
-            success: y.variables.accentColorPositive,
-            warning: y.variables.accentColorWarning,
-            error: y.variables.accentColorNegative
+    g.pick)({
+        enterprise: g.variables.accentColorD10,
+        prisma: (0, g.pickVariant)("$type", {
+            info: g.variables.interactiveColorPrimary,
+            success: g.variables.accentColorPositive,
+            warning: g.variables.accentColorWarning,
+            error: g.variables.accentColorNegative
         })
-    }), (0, y.pick)({
+    }), (0, g.pick)({
         enterprise: "3px",
         prisma: "4px"
-    }), (0, y.pick)({
-        enterprise: y.variables.spacingHalf,
+    }), (0, g.pick)({
+        enterprise: g.variables.spacingSmall,
         prisma: "10px"
     }), (function(e) {
         var r = e.$animated;
@@ -123,51 +123,50 @@
     var w = u().div.withConfig({
         displayName: "ProgressStyles__StyledPuck",
         componentId: "csowex-2"
-    })([ "height:", ";width:", ";position:absolute;right:0;top:0;background:", ";", "" ], (0, 
-    y.pick)({
+    })([ "height:", ";width:", ";position:absolute;right:0;top:0;", ";", "" ], (0, g.pick)({
         enterprise: "3px",
         prisma: "4px"
-    }), (0, y.pick)({
+    }), (0, g.pick)({
         enterprise: "300px",
         prisma: "100%"
-    }), (0, y.pick)({
-        enterprise: (0, l.css)([ "linear-gradient( 90deg,", ",", ",40%,", ",80%,", " )" ], y.variables.accentColorD10, y.variables.accentColorL10, y.variables.accentColorL40, y.variables.accentColorL40),
+    }), (0, g.pick)({
+        enterprise: (0, l.css)([ "background:linear-gradient( 90deg,", ",", ",40%,", ",80%,", " );" ], g.variables.accentColorD10, g.variables.accentColorL10, g.variables.accentColorL40, g.variables.accentColorL40),
         prisma: function e(r) {
             var t = r.$animated;
-            var a = (0, y.pickVariant)("$type", {
-                info: y.variables.interactiveColorPrimary,
-                success: y.variables.accentColorPositive,
-                warning: y.variables.accentColorWarning,
-                error: y.variables.accentColorNegative
+            var a = (0, g.pickVariant)("$type", {
+                info: g.variables.interactiveColorPrimary,
+                success: g.variables.accentColorPositive,
+                warning: g.variables.accentColorWarning,
+                error: g.variables.accentColorNegative
             });
             if (t) {
-                var n = (0, y.pickVariant)("$type", {
-                    info: y.variables.statusColorInfo,
-                    success: y.variables.statusColorNormal,
-                    warning: y.variables.statusColorMedium,
-                    error: y.variables.statusColorHigh
+                var n = (0, g.pickVariant)("$type", {
+                    info: g.variables.statusColorInfo,
+                    success: g.variables.statusColorNormal,
+                    warning: g.variables.statusColorMedium,
+                    error: g.variables.statusColorHigh
                 });
-                return (0, l.css)([ "radial-gradient(circle at center,", ",", " 30%);" ], n, a);
+                return (0, l.css)([ "background:radial-gradient( circle at center,", ",", " 30% );" ], n, a);
             }
-            return a;
+            return (0, l.css)([ "background:", ";" ], a);
         }
     }), (function(e) {
-        return e.$animated && (0, y.pick)({
+        return e.$animated && (0, g.pick)({
             enterprise: (0, l.css)([ "animation-duration:1500ms;animation-name:", ";animation-iteration-count:infinite;animation-direction:alternate;" ], k),
             prisma: function r() {
-                var t = (0, y.pickVariant)("$type", {
-                    info: y.variables.statusColorInfo,
-                    success: y.variables.statusColorNormal,
-                    warning: y.variables.statusColorMedium,
-                    error: y.variables.statusColorHigh
+                var t = (0, g.pickVariant)("$type", {
+                    info: g.variables.statusColorInfo,
+                    success: g.variables.statusColorNormal,
+                    warning: g.variables.statusColorMedium,
+                    error: g.variables.statusColorHigh
                 })(e);
                 return (0, l.css)([ "background-size:200% 100%;animation:", " 1500ms infinite cubic-bezier(0.33,0,0.67,1);&::after{content:'';display:block;width:60px;background:linear-gradient( to right,rgba(255,255,255,0),", " 70%,rgba(255,255,255,0.75) );height:100%;position:absolute;right:0;}" ], C, f()(t(e)).setAlpha(.75).toRgbString());
             }
         });
     }));
     // CONCATENATED MODULE: ./src/Progress/Progress.tsx
-    function O() {
-        O = Object.assign || function(e) {
+    function S() {
+        S = Object.assign || function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var a in t) {
@@ -178,9 +177,9 @@
             }
             return e;
         };
-        return O.apply(this, arguments);
+        return S.apply(this, arguments);
     }
-    function S(e, r) {
+    function O(e, r) {
         return _(e) || $(e, r) || j(e, r) || x();
     }
     function x() {
@@ -264,7 +263,7 @@
         var r = e.percentage, n = e.tooltip, i = e.type, o = i === void 0 ? "info" : i, l = q(e, [ "percentage", "tooltip", "type" ]);
         // @docs-props-type ProgressPropsBase
                 if (false) {}
-        var u = (0, t.useState)(false), p = S(u, 2), f = p[0], v = p[1];
+        var u = (0, t.useState)(false), p = O(u, 2), f = p[0], v = p[1];
         var b = (0, c.useAnimationToggle)() === "on";
         var d = (0, t.useCallback)((function() {
             v(true);
@@ -272,9 +271,9 @@
         var m = (0, t.useCallback)((function() {
             v(false);
         }), []);
-        var y = n || "".concat(r, "%");
+        var g = n || "".concat(r, "%");
         
-        return a().createElement(g, O({
+        return a().createElement(y, S({
             $animated: b,
             "data-test": "progress",
             onMouseEnter: d,
@@ -282,7 +281,7 @@
         }, l), s()(r) &&  a().createElement(h, {
             inline: false,
             open: f,
-            content: y,
+            content: g,
             style: {
                 width: "".concat(r, "%")
             },