@splunk/react-ui 4.37.0 → 4.39.0

package/Slider.js

@@ -61,7 +61,7 @@
         e.r(t);
     // EXPORTS
         e.d(t, {
-        default: () => /* reexport */ ne
+        default: () => /* reexport */ te
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -71,10 +71,10 @@
     var a =  e.n(i);
     // CONCATENATED MODULE: external "decimal.js-light"
     const o = require("decimal.js-light");
-    var s =  e.n(o);
+    var l =  e.n(o);
     // CONCATENATED MODULE: external "lodash/has"
-    const l = require("lodash/has");
-    var u =  e.n(l);
+    const s = require("lodash/has");
+    var u =  e.n(s);
     // CONCATENATED MODULE: external "lodash/keys"
     const c = require("lodash/keys");
     var p =  e.n(c);
@@ -86,68 +86,31 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const h = require("@splunk/themes");
     // CONCATENATED MODULE: external "@splunk/react-ui/EventListener"
-    const m = require("@splunk/react-ui/EventListener");
-    var b =  e.n(m);
+    const b = require("@splunk/react-ui/EventListener");
+    var m =  e.n(b);
     // CONCATENATED MODULE: external "@splunk/react-ui/Popover"
     const y = require("@splunk/react-ui/Popover");
     var g =  e.n(y);
     // CONCATENATED MODULE: external "styled-components"
     const k = require("styled-components");
-    var x =  e.n(k);
+    var w =  e.n(k);
     // CONCATENATED MODULE: external "tinycolor2"
-    const w = require("tinycolor2");
-    var S =  e.n(w);
+    const x = require("tinycolor2");
+    var S =  e.n(x);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
     const T = require("@splunk/react-ui/Box");
     var C =  e.n(T);
     // CONCATENATED MODULE: ./src/Slider/SliderStyles.ts
-    var M = x()(C()).withConfig({
+    var O = w()(C()).withConfig({
         displayName: "SliderStyles__StyledBox",
         componentId: "sc-16ooit4-0"
     })([ "", ";flex:1 1 auto;&[data-inline]{width:300px;}" ], h.mixins.reset("block"));
-    var V = x().div.withConfig({
+    var E = w().div.withConfig({
         displayName: "SliderStyles__StyledInput",
         componentId: "sc-16ooit4-1"
     })([ "flex:1 0 0;vertical-align:middle;position:relative;cursor:default;height:", ";max-width:100%;" ], h.variables.inputHeight);
-    var E = "1px";
-    var O = function e(t) {
-        var r = t.$error;
-        return (0, h.pick)({
-            enterprise: {
-                light: h.variables.gray22,
-                dark: h.variables.white
-            },
-            prisma: r ? h.variables.accentColorNegative : h.variables.contentColorActive
-        });
-    };
-    var B = (0, h.pick)({
-        enterprise: {
-            dark: h.variables.gray20,
-            light: h.variables.gray96
-        },
-        prisma: h.variables.neutral100
-    });
-    var $ = (0, h.pick)({
-        enterprise: h.variables.gray60,
-        prisma: h.variables.interactiveColorBorder
-    });
-    var _ = function e(t) {
-        var r = t.$error, n = t.$position, i = t.$stepMarksWidth;
-        /* stylelint-disable indentation */        return i !== undefined ? (0, k.css)([ "background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], O({
-            $error: r
-        }), O({
-            $error: r
-        }), E, E, B, B, E, E, i, O({
-            $error: r
-        }), O({
-            $error: r
-        }), n, $, n, $) : (0, k.css)([ "background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], O({
-            $error: r
-        }), O({
-            $error: r
-        }), n, $, n, $);
-        /* stylelint-enable indentation */    };
-    var P = x().div.withConfig({
+    var V = "1px";
+    var B = w().div.withConfig({
         displayName: "SliderStyles__StyledSliderBar",
         componentId: "sc-16ooit4-2"
     })([ "position:absolute;top:", ";left:0;height:", ";width:100%;border-radius:2.5px;", "" ], (0, 
@@ -159,23 +122,41 @@
         prisma: "4px"
     }), (function(e) {
         var t = e.$disabled, r = e.$error, n = e.$position, i = e.$stepMarksWidth;
-        return t ? (0, k.css)([ "background-color:", ";" ], (0, h.pick)({
-            enterprise: h.variables.gray92,
-            prisma: h.variables.contentColorDisabled
-        })) : _({
-            $error: r,
-            $position: n,
-            $stepMarksWidth: i
+        if (t) {
+            return (0, k.css)([ "background-color:", ";" ], (0, h.pick)({
+                enterprise: h.variables.gray92,
+                prisma: h.variables.contentColorDisabled
+            }));
+        }
+        var a = r ? h.variables.accentColorNegative : (0, h.pick)({
+            prisma: h.variables.contentColorActive,
+            enterprise: {
+                light: h.variables.gray22,
+                dark: h.variables.white
+            }
+        });
+        var o = (0, h.pick)({
+            enterprise: {
+                dark: h.variables.gray20,
+                light: h.variables.gray96
+            },
+            prisma: h.variables.neutral100
         });
+        var l = (0, h.pick)({
+            enterprise: h.variables.gray60,
+            prisma: h.variables.interactiveColorBorder
+        });
+        return i !== undefined ? (0, k.css)([ "background-image:linear-gradient( to right,", ",", " ", ",transparent ", ",transparent 100% ),repeating-linear-gradient( to right,", ",", " ", ",transparent ", ",transparent ", "% ),linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, V, V, o, o, V, V, i, a, a, n, l, n, l) : (0, 
+        k.css)([ "background-image:linear-gradient( to right,", ",", " ", "%,", " ", "%,", " );" ], a, a, n, l, n, l);
     }));
-    var j = (0, h.pick)({
+    var M = (0, h.pick)({
         enterprise: 18,
         prisma: 20
     });
-    var q = x().button.withConfig({
+    var _ = w().button.withConfig({
         displayName: "SliderStyles__StyledSliderThumb",
         componentId: "sc-16ooit4-3"
-    })([ "", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active{outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], h.mixins.reset("inline"), j, j, (0, 
+    })([ "", ";display:block;position:absolute;cursor:pointer;width:", "px;height:", "px;border-radius:", ";border-width:0;background-color:", ";margin-left:-8px;top:", ";left:", "%;&:hover:not([disabled]){outline:0;z-index:1;", "}&:focus:not([disabled]),&:active{outline:0;box-shadow:", ";z-index:1;", "}&[disabled]{cursor:not-allowed;background-color:", ";}", "" ], h.mixins.reset("inline"), M, M, (0, 
     h.pick)({
         enterprise: "9px",
         prisma: "10px"
@@ -201,13 +182,15 @@
     }), (0, h.pick)({
         enterprise: h.variables.gray92,
         prisma: h.variables.neutral400
-    }), (0, h.pick)({
-        prisma: function e(t) {
-            var r = t.$error;
-            return r && (0, k.css)([ "background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}" ], h.variables.accentColorNegative, h.mixins.overlayColors(h.variables.accentColorNegative, h.variables.interactiveColorOverlayActive));
-        }
+    }), (function(e) {
+        var t = e.$error;
+        return t && (0, k.css)([ "background-color:", ";&:focus:not([disabled]),&:active{background-color:", ";}" ], h.variables.accentColorNegative, (0, 
+        h.pick)({
+            enterprise: h.variables.errorColorD40,
+            prisma: h.mixins.overlayColors(h.variables.accentColorNegative, h.variables.interactiveColorOverlayActive)
+        }));
     }));
-    var D = x().div.withConfig({
+    var P = w().div.withConfig({
         displayName: "SliderStyles__StyledPopoverContent",
         componentId: "sc-16ooit4-4"
     })([ "padding:", ";font-size:", ";line-height:", ";" ], (0, h.pick)({
@@ -220,150 +203,135 @@
         enterprise: "18px",
         prisma: "24px"
     }));
-    var N = (0, k.css)([ "flex:0 0 auto;line-height:", ";", "" ], h.variables.inputHeight, (function(e) {
+    var j = (0, k.css)([ "flex:0 0 auto;line-height:", ";", "" ], h.variables.inputHeight, (function(e) {
         var t = e.$disabled;
         return t && (0, k.css)([ "color:", ";" ], (0, h.pick)({
             enterprise: h.variables.textDisabledColor,
             prisma: h.variables.contentColorDisabled
         }));
     }));
-    var R = x()(C()).withConfig({
+    var q = w()(C()).withConfig({
         displayName: "SliderStyles__StyledMinLabelBox",
         componentId: "sc-16ooit4-5"
-    })([ "", ";margin-right:", ";text-align:right;" ], N, (0, h.pick)({
+    })([ "", ";margin-right:", ";text-align:right;" ], j, (0, h.pick)({
         enterprise: "15px",
         prisma: "16px"
     }));
-    var F = x()(C()).withConfig({
+    var D = w()(C()).withConfig({
         displayName: "SliderStyles__StyledMaxLabelBox",
         componentId: "sc-16ooit4-6"
-    })([ "", ";margin-left:", ";text-align:left;" ], N, (0, h.pick)({
+    })([ "", ";margin-left:", ";text-align:left;" ], j, (0, h.pick)({
         enterprise: "15px",
         prisma: "16px"
     }));
     // CONCATENATED MODULE: ./src/Slider/Slider.tsx
-    function I(e) {
+    function N(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            I = function e(t) {
-                return typeof t;
-            };
-        } else {
-            I = function e(t) {
-                return t && typeof Symbol === "function" && t.constructor === Symbol && t !== Symbol.prototype ? "symbol" : typeof t;
-            };
-        }
-        return I(e);
+        return N = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+            return typeof e;
+        } : function(e) {
+            return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
+        }, N(e);
     }
-    function L() {
-        L = Object.assign || function(e) {
+    function $() {
+        return $ = Object.assign ? Object.assign.bind() : function(e) {
             for (var t = 1; t < arguments.length; t++) {
                 var r = arguments[t];
                 for (var n in r) {
-                    if (Object.prototype.hasOwnProperty.call(r, n)) {
-                        e[n] = r[n];
-                    }
+                    ({}).hasOwnProperty.call(r, n) && (e[n] = r[n]);
                 }
             }
             return e;
-        };
-        return L.apply(this, arguments);
+        }, $.apply(null, arguments);
     }
-    function W(e, t) {
-        if (!(e instanceof t)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function F(e, t) {
+        if (!(e instanceof t)) throw new TypeError("Cannot call a class as a function");
     }
-    function A(e, t) {
+    function I(e, t) {
         for (var r = 0; r < t.length; r++) {
             var n = t[r];
-            n.enumerable = n.enumerable || false;
-            n.configurable = true;
-            if ("value" in n) n.writable = true;
-            Object.defineProperty(e, n.key, n);
+            n.enumerable = n.enumerable || !1, n.configurable = !0, "value" in n && (n.writable = !0), 
+            Object.defineProperty(e, G(n.key), n);
         }
     }
-    function z(e, t, r) {
-        if (t) A(e.prototype, t);
-        if (r) A(e, r);
-        return e;
+    function L(e, t, r) {
+        return t && I(e.prototype, t), r && I(e, r), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
-    function K(e, t) {
-        if (typeof t !== "function" && t !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function R(e, t) {
+        if ("function" != typeof t && null !== t) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(t && t.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (t) U(e, t);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), t && A(e, t);
     }
-    function U(e, t) {
-        U = Object.setPrototypeOf || function e(t, r) {
-            t.__proto__ = r;
-            return t;
-        };
-        return U(e, t);
+    function A(e, t) {
+        return A = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, t) {
+            return e.__proto__ = t, e;
+        }, A(e, t);
     }
-    function H(e) {
-        var t = J();
-        return function r() {
-            var n = Q(e), i;
+    function W(e) {
+        var t = U();
+        return function() {
+            var r, n = H(e);
             if (t) {
-                var a = Q(this).constructor;
-                i = Reflect.construct(n, arguments, a);
-            } else {
-                i = n.apply(this, arguments);
-            }
-            return X(this, i);
+                var i = H(this).constructor;
+                r = Reflect.construct(n, arguments, i);
+            } else r = n.apply(this, arguments);
+            return z(this, r);
         };
     }
-    function X(e, t) {
-        if (t && (I(t) === "object" || typeof t === "function")) {
-            return t;
-        }
-        return G(e);
+    function z(e, t) {
+        if (t && ("object" == N(t) || "function" == typeof t)) return t;
+        if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
+        return K(e);
     }
-    function G(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function K(e) {
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
-    function J() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
+    function U() {
         try {
-            Date.prototype.toString.call(Reflect.construct(Date, [], (function() {})));
-            return true;
-        } catch (e) {
-            return false;
-        }
+            var e = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (e) {}
+        return (U = function t() {
+            return !!e;
+        })();
     }
-    function Q(e) {
-        Q = Object.setPrototypeOf ? Object.getPrototypeOf : function e(t) {
-            return t.__proto__ || Object.getPrototypeOf(t);
-        };
-        return Q(e);
+    function H(e) {
+        return H = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, H(e);
     }
-    function Y(e, t, r) {
-        if (t in e) {
-            Object.defineProperty(e, t, {
-                value: r,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[t] = r;
+    function X(e, t, r) {
+        return (t = G(t)) in e ? Object.defineProperty(e, t, {
+            value: r,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[t] = r, e;
+    }
+    function G(e) {
+        var t = J(e, "string");
+        return "symbol" == N(t) ? t : t + "";
+    }
+    function J(e, t) {
+        if ("object" != N(e) || !e) return e;
+        var r = e[Symbol.toPrimitive];
+        if (void 0 !== r) {
+            var n = r.call(e, t || "default");
+            if ("object" != N(n)) return n;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === t ? String : Number)(e);
     }
-    var Z = {
+    /** @public */    var Q = {
         defaultValue: a().number,
         describedBy: a().string,
         disabled: a().bool,
@@ -386,7 +354,7 @@
         splunkTheme: a().object,
         value: a().number
     };
-    var ee = {
+    var Y = {
         disabled: false,
         error: false,
         inline: false,
@@ -395,17 +363,17 @@
         step: 1,
         stepMarks: "focus"
     };
-    var te =  function(e) {
-        K(r, e);
-        var t = H(r);
+    var Z =  function(e) {
+        R(r, e);
+        var t = W(r);
         // @docs-props-type SliderPropsBase
                 function r(e) {
             var n;
-            W(this, r);
+            F(this, r);
             n = t.call(this, e);
-            Y(G(n), "controlledExternally", void 0);
-            Y(G(n), "sliderThumb", null);
-            Y(G(n), "checkPositionBounds", (function(e) {
+            X(K(n), "controlledExternally", void 0);
+            X(K(n), "sliderThumb", null);
+            X(K(n), "checkPositionBounds", (function(e) {
                 if (e > 100) {
                     return 100;
                 }
@@ -414,7 +382,7 @@
                 }
                 return e;
             }));
-            Y(G(n), "checkValueBounds", (function(e) {
+            X(K(n), "checkValueBounds", (function(e) {
                 if (e > n.props.max) {
                     return n.props.max;
                 }
@@ -423,13 +391,13 @@
                 }
                 return e;
             }));
-            Y(G(n), "handleBlur", (function() {
+            X(K(n), "handleBlur", (function() {
                 n.setState({
                     isFocused: false,
                     showTooltip: false
                 });
             }));
-            Y(G(n), "handleClick", (function(e) {
+            X(K(n), "handleClick", (function(e) {
                 var t = n.percentageFromEvent(e);
                 if (t !== undefined) {
                     var r = n.roundValueToStep(n.positionToValue(t));
@@ -438,21 +406,21 @@
                     });
                 }
             }));
-            Y(G(n), "handleFocus", (function() {
+            X(K(n), "handleFocus", (function() {
                 n.setState({
                     isFocused: true,
                     showTooltip: true
                 });
             }));
-            Y(G(n), "getValueOffset", (function(e, t) {
+            X(K(n), "getValueOffset", (function(e, t) {
                 var r = n.props, i = r.min, a = r.step;
-                var o = new (s())(e).minus(i).modulo(a).toNumber();
+                var o = new (l())(e).minus(i).modulo(a).toNumber();
                 if (o > 0) {
                     return t === "forward" ? a - o : o;
                 }
                 return a;
             }));
-            Y(G(n), "handleKeyDown", (function(e) {
+            X(K(n), "handleKeyDown", (function(e) {
                 var t = n.getValue();
                 if (t !== undefined) {
                     if ((0, v.keycode)(e.nativeEvent) === "right") {
@@ -474,12 +442,12 @@
                     });
                 }
             }));
-            Y(G(n), "handleMount", (function(e) {
+            X(K(n), "handleMount", (function(e) {
                 n.setState({
                     sliderBar: e
                 });
             }));
-            Y(G(n), "handleMouseDown", (function(e) {
+            X(K(n), "handleMouseDown", (function(e) {
                 e.preventDefault();
                 n.focus();
                 n.setState({
@@ -487,19 +455,19 @@
                     showTooltip: true
                 });
             }));
-            Y(G(n), "handleMouseEnter", (function() {
+            X(K(n), "handleMouseEnter", (function() {
                 n.setState({
                     showTooltip: true
                 });
             }));
-            Y(G(n), "handleMouseLeave", (function() {
+            X(K(n), "handleMouseLeave", (function() {
                 if (!n.state.selected) {
                     n.setState({
                         showTooltip: false
                     });
                 }
             }));
-            Y(G(n), "handleMouseMove", (function(e) {
+            X(K(n), "handleMouseMove", (function(e) {
                 if (n.state.selected) {
                     var t = n.percentageFromEvent(e);
                     if (t !== undefined) {
@@ -510,13 +478,13 @@
                     }
                 }
             }));
-            Y(G(n), "handleMouseUp", (function() {
+            X(K(n), "handleMouseUp", (function() {
                 n.setState({
                     selected: false,
                     showTooltip: false
                 });
             }));
-            Y(G(n), "percentageFromEvent", (function(e) {
+            X(K(n), "percentageFromEvent", (function(e) {
                 if (n.state.sliderBar === null) {
                     return undefined;
                 }
@@ -524,19 +492,19 @@
                 var r = e.clientX - t.left;
                 return n.checkPositionBounds(r / t.width * 100);
             }));
-            Y(G(n), "positionToValue", (function(e) {
+            X(K(n), "positionToValue", (function(e) {
                 var t = n.props.max - n.props.min;
                 return e / 100 * t + n.props.min;
             }));
-            Y(G(n), "roundValueToStep", (function(e) {
+            X(K(n), "roundValueToStep", (function(e) {
                 var t = n.props, r = t.step, i = t.min, a = t.max;
  // Handles if the max is in between steps but val is larger than the halfway point between last step mark and max
                                 if (e > a - (a - i) % r / 2) {
                     return a;
                 }
-                return new (s())(e).minus(i).div(r).todp(0).mul(r).add(i).toNumber();
+                return new (l())(e).minus(i).div(r).todp(0).mul(r).add(i).toNumber();
             }));
-            Y(G(n), "valueToPosition", (function(e) {
+            X(K(n), "valueToPosition", (function(e) {
                 if (e === undefined) {
                     return undefined;
                 }
@@ -556,7 +524,7 @@
             if (e.min >= e.max && process.env.NODE_ENV !== "production") {}
             return n;
         }
-        z(r, [ {
+        L(r, [ {
             key: "componentDidUpdate",
             value: function e(t) {
                 if (false) {}
@@ -574,8 +542,8 @@
                 var i = this.getValue();
                 var a = this.props.name;
                 if (i !== n) {
-                    var o, s;
-                    (o = (s = this.props).onChange) === null || o === void 0 ? void 0 : o.call(s, t, {
+                    var o, l;
+                    (o = (l = this.props).onChange) === null || o === void 0 ? void 0 : o.call(l, t, {
                         value: n,
                         name: a
                     });
@@ -586,7 +554,9 @@
                     }
                 }
             }
-        }, {
+ // If the current value is in between a step, i.e. defaultValue is not at a
+            // step mark, this function handles navigating to the next correct step
+                }, {
             key: "focus",
             /**
      * Places focus on the slider.
@@ -610,10 +580,10 @@
                 if (o === null) {
                     return undefined;
                 }
-                var s = Math.round((r - n) / i);
-                var l = o.getBoundingClientRect();
-                var u = j(a);
-                return l.width / s > u / 2 ? this.stepWidthInPercentage() : undefined;
+                var l = Math.round((r - n) / i);
+                var s = o.getBoundingClientRect();
+                var u = M(a);
+                return s.width / l > u / 2 ? this.stepWidthInPercentage() : undefined;
             }
         }, {
             key: "isControlled",
@@ -624,48 +594,48 @@
             key: "render",
             value: function e() {
                 var t = this;
-                var i = this.props, a = i.describedBy, o = i.disabled, s = i.displayValue, l = i.elementRef, u = i.error, c = i.inline, d = i.labelledBy, v = i.max, h = i.maxLabel, m = i.min, y = i.minLabel, k = i.required, x = i.stepMarks;
-                var w = this.state, S = w.isFocused, T = w.selected, C = w.sliderBar;
-                var E = this.getValue();
-                var O = this.valueToPosition(E);
-                var B = x === "focus" && S || x === "always";
-                var $ = B && C ? this.stepMarksWidth() : undefined;
-                var _ = f()(this.props, p()(r.propTypes));
+                var i = this.props, a = i.describedBy, o = i.disabled, l = i.displayValue, s = i.elementRef, u = i.error, c = i.inline, d = i.labelledBy, v = i.max, h = i.maxLabel, b = i.min, y = i.minLabel, k = i.required, w = i.stepMarks;
+                var x = this.state, S = x.isFocused, T = x.selected, C = x.sliderBar;
+                var V = this.getValue();
+                var M = this.valueToPosition(V);
+                var j = w === "focus" && S || w === "always";
+                var N = j && C ? this.stepMarksWidth() : undefined;
+                var F = f()(this.props, p()(r.propTypes));
                 /* eslint-disable jsx-a11y/no-static-element-interactions */                
-                return n().createElement(M, L({
+                return n().createElement(O, $({
                     "data-test": "slider",
-                    "data-test-value": E,
-                    elementRef: l,
+                    "data-test-value": V,
+                    elementRef: s,
                     flex: true,
                     inline: c
-                }, _), T &&  n().createElement(n().Fragment, null,  n().createElement(b(), {
+                }, F), T &&  n().createElement(n().Fragment, null,  n().createElement(m(), {
                     target: window,
                     eventType: "mouseup",
                     listener: this.handleMouseUp
-                }),  n().createElement(b(), {
+                }),  n().createElement(m(), {
                     target: window,
                     eventType: "mousemove",
                     listener: this.handleMouseMove
-                })), y !== null &&  n().createElement(R, {
+                })), y !== null &&  n().createElement(q, {
                     "data-test": "min-label",
                     $disabled: o
-                }, y || m),  n().createElement(V, {
+                }, y || b),  n().createElement(E, {
                     onClick: o ? undefined : this.handleClick
-                },  n().createElement(P, {
+                },  n().createElement(B, {
                     "aria-required": k,
                     "data-test": "bar",
                     $disabled: o,
                     ref: this.handleMount,
                     $error: u,
-                    $position: O,
-                    $stepMarksWidth: $
-                }),  n().createElement(q, {
+                    $position: M,
+                    $stepMarksWidth: N
+                }),  n().createElement(_, {
                     "aria-describedby": a,
                     "aria-labelledby": d,
                     "aria-invalid": u,
                     "aria-valuemax": v,
-                    "aria-valuemin": m,
-                    "aria-valuenow": E,
+                    "aria-valuemin": b,
+                    "aria-valuenow": V,
                     "data-test": "handle",
                     onBlur: this.handleBlur,
                     onMouseEnter: this.handleMouseEnter,
@@ -679,13 +649,13 @@
                     role: "slider",
                     disabled: o,
                     $error: u,
-                    $position: O
+                    $position: M
                 }),  n().createElement(g(), {
                     open: this.state.showTooltip,
                     anchor: this.sliderThumb,
                     appearance: "inverted",
                     align: "center"
-                },  n().createElement(D, null, s || E))), h !== null &&  n().createElement(F, {
+                },  n().createElement(P, null, l || V))), h !== null &&  n().createElement(D, {
                     "data-test": "max-label",
                     $disabled: o
                 }, h || v));
@@ -693,11 +663,11 @@
         } ]);
         return r;
     }(r.Component);
-    Y(te, "propTypes", Z);
-    Y(te, "defaultProps", ee);
-    var re = (0, h.withSplunkTheme)(te);
-    re.propTypes = te.propTypes;
-    /* harmony default export */    const ne = re;
+    X(Z, "propTypes", Q);
+    X(Z, "defaultProps", Y);
+    var ee = (0, h.withSplunkTheme)(Z);
+    ee.propTypes = Z.propTypes;
+    /* harmony default export */    const te = ee;
     // CONCATENATED MODULE: ./src/Slider/index.ts
     module.exports = t;
     /******/})();