@splunk/react-ui 4.38.0 → 4.39.0

package/Switch.js

@@ -61,7 +61,7 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ ee
+        default: () => /* reexport */ ae
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
@@ -113,17 +113,17 @@
     }
     // CONCATENATED MODULE: external "styled-components"
     const f = require("styled-components");
-    var h =  e.n(f);
+    var g =  e.n(f);
     // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const g = require("@splunk/react-ui/Box");
-    var m =  e.n(g);
+    const h = require("@splunk/react-ui/Box");
+    var m =  e.n(h);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const y = require("@splunk/react-ui/Clickable");
     var k =  e.n(y);
     // CONCATENATED MODULE: ./src/Switch/SwitchStyles.ts
     var x = "18px";
-    var C = "20px";
-    var w = h()(m()).withConfig({
+    var w = "20px";
+    var C = g()(m()).withConfig({
         displayName: "SwitchStyles__StyledBox",
         componentId: "sc-844ieu-0"
     })([ "display:inline;position:relative;color:", ";flex-shrink:0;", ";[data-inline] + &{margin-left:", ";}" ], (0, 
@@ -143,7 +143,7 @@
             comfortable: (0, f.css)([ "padding:10px 0;" ])
         }
     }), b.variables.spacingSmall);
-    var S = (0, f.css)([ "", " position:relative;width:", ";height:", ";line-height:", ";padding:2px;border-radius:2px;cursor:pointer;flex:0 0 auto;border-color:", ";border-style:solid;border-width:", ";color:", ";", " &:focus{box-shadow:", ";}", " ", " &[disabled]{cursor:not-allowed;border-color:", ";", "}" ], b.mixins.reset("inline"), x, x, x, (0, 
+    var S = (0, f.css)([ "", " position:relative;width:", ";height:", ";line-height:", ";padding:2px;border-radius:2px;cursor:pointer;flex:0 0 auto;border-color:", ";border-style:solid;border-width:", ";color:", ";", " &:not([disabled]){&:focus{box-shadow:", ";}", "}&[disabled]{cursor:not-allowed;border-color:", ";", "}" ], b.mixins.reset("inline"), x, x, x, (0, 
     b.pick)({
         enterprise: (0, b.pick)({
             light: b.variables.gray45,
@@ -160,40 +160,35 @@
         }),
         prisma: b.variables.white
     }), (0, b.pick)({
-        prisma: (0, f.css)([ "top:1px;padding:1px;border-radius:3px;", " ", "" ], (function(e) {
+        prisma: (0, f.css)([ "top:1px;padding:1px;border-radius:3px;", "" ], (function(e) {
             var r = e.$interactive;
             return r && (0, f.css)([ "&:not([disabled]):not(:focus):hover{box-shadow:0 0 0 2px ", ",0 0 0 5px ", ";}" ], b.variables.backgroundColorPage, b.variables.interactiveColorOverlayHover);
-        }), (function(e) {
-            var r = e.$selected;
-            return !r && (0, f.css)([ "&:not([disabled]):not(:focus):hover{border-color:", ";}" ], b.variables.contentColorDefault);
         }))
     }), b.variables.focusShadow, (function(e) {
-        var r = e.$selected;
-        return r && (0, f.css)([ "&:not([disabled]){border-color:", ";background-color:", ";}" ], (0, 
-        b.pick)({
-            enterprise: {
-                light: b.variables.gray45,
-                dark: b.variables.gray80
-            },
-            prisma: b.variables.interactiveColorPrimary
-        }), (0, b.pick)({
-            enterprise: "#none",
-            prisma: (0, f.css)([ "", ";" ], b.variables.interactiveColorPrimary)
-        }));
-    }), (function(e) {
-        var r = e.$error;
-        return r && (0, b.pick)({
-            enterprise: (0, b.pick)({
-                light: (0, f.css)([ "&:not([disabled]){border-color:", ";color:", ";", "}" ], b.variables.errorColorL30, b.variables.errorColor, (function(e) {
-                    var r = e.$selected;
-                    return r && (0, f.css)([ "border-color:", ";" ], b.variables.errorColor);
-                })),
-                dark: (0, f.css)([ "border-color:", ";" ], b.variables.errorColor)
-            }),
-            prisma: (0, f.css)([ "&:not([disabled]){border-color:", ";", "}" ], b.variables.accentColorNegative, (function(e) {
-                var r = e.$selected;
-                return r && (0, f.css)([ "background-color:", ";" ], b.variables.accentColorNegative);
-            }))
+        var r = e.$error, a = e.$selected;
+        if (a && !r) {
+            return (0, b.pick)({
+                prisma: (0, f.css)([ "background-color:", ";border-color:", ";" ], b.variables.interactiveColorPrimary, b.variables.interactiveColorPrimary)
+            });
+        }
+        if (!a && r) {
+            return (0, f.css)([ "border-color:", ";" ], (0, b.pick)({
+                enterprise: {
+                    light: b.variables.errorColorL30,
+                    dark: b.variables.accentColorNegative
+                },
+                prisma: b.variables.accentColorNegative
+            }));
+        }
+        if (a && r) {
+            return (0, f.css)([ "border-color:", ";", "" ], b.variables.accentColorNegative, (0, 
+            b.pick)({
+                enterprise: (0, f.css)([ "color:", ";" ], b.variables.accentColorNegative),
+                prisma: (0, f.css)([ "background-color:", ";" ], b.variables.accentColorNegative)
+            }));
+        }
+        return (0, b.pick)({
+            prisma: (0, f.css)([ "&:hover{border-color:", ";}" ], b.variables.contentColorDefault)
         });
     }), (0, b.pick)({
         enterprise: {
@@ -207,15 +202,15 @@
             prisma: (0, f.css)([ "border-color:transparent;background-color:", ";" ], b.variables.interactiveColorBackgroundDisabled)
         });
     }));
-    var O = h()(k()).withConfig({
+    var O = g()(k()).withConfig({
         displayName: "SwitchStyles__StyledCheckboxClickable",
         componentId: "sc-844ieu-1"
     })([ "", "" ], S);
-    var $ = h().span.withConfig({
+    var _ = g().span.withConfig({
         displayName: "SwitchStyles__StyledCheckboxSpan",
         componentId: "sc-844ieu-2"
     })([ "", "" ], S);
-    var _ = h().div.withConfig({
+    var P = g().div.withConfig({
         displayName: "SwitchStyles__StyledSome",
         componentId: "sc-844ieu-3"
     })([ "display:block;margin:", ";", " background:currentColor;border-radius:1px;" ], (0, 
@@ -226,7 +221,7 @@
         enterprise: (0, f.css)([ "height:calc(", " - 10px);width:calc(", " - 10px);" ], x, x),
         prisma: (0, f.css)([ "height:2px;width:8px;" ])
     }));
-    var P = h().div.withConfig({
+    var $ = g().div.withConfig({
         displayName: "SwitchStyles__StyledIndicator",
         componentId: "sc-844ieu-4"
     })([ "background-color:", ";border-color:", ";box-sizing:border-box;border-radius:50%;border-width:1px;position:absolute;left:-1px;top:-1px;", ";", " ", " ", "" ], (0, 
@@ -267,10 +262,10 @@
         var r = e.$selected;
         return r && (0, f.css)([ "", ";" ], (0, b.pick)({
             enterprise: (0, f.css)([ "left:calc(100% - ", " + 1px);" ], x),
-            prisma: (0, f.css)([ "left:calc(100% - ", " + 1px);" ], C)
+            prisma: (0, f.css)([ "left:calc(100% - ", " + 1px);" ], w)
         }));
     }));
-    var E = h().div.withConfig({
+    var j = g().div.withConfig({
         displayName: "SwitchStyles__StyledToggleOutline",
         componentId: "sc-844ieu-5"
     })([ "position:absolute;border:1px solid transparent;", ";", ";top:-1px;right:-1px;bottom:-1px;left:-1px;z-index:1;", " ", "" ], (function(e) {
@@ -288,13 +283,13 @@
             prisma: b.variables.transparent
         }));
     }));
-    var L = (0, f.css)([ "position:relative;", " border-radius:", ";transition:background-color ", ";flex:0 0 auto;border:1px solid ", ";", " &:not([disabled]){&:focus{outline:0;", ";", "}&:hover ", "{background-color:", ";}&:hover ", "{background-color:", ";}}&[disabled]{cursor:not-allowed;border:1px solid ", ";background-color:", ";", " ", "}", ";", "" ], (0, 
+    var E = (0, f.css)([ "position:relative;", " border-radius:", ";transition:background-color ", ";flex:0 0 auto;border:1px solid ", ";", " &:not([disabled]){&:focus{outline:0;", ";", "}&:hover ", "{background-color:", ";}&:hover ", "{background-color:", ";}}&[disabled]{cursor:not-allowed;border:1px solid ", ";background-color:", ";", " ", "}", ";", "" ], (0, 
     b.pick)({
         enterprise: (0, b.pick)({
             light: (0, f.css)([ "width:calc(", " * 2);background-color:", ";height:", ";" ], x, b.variables.gray98, x),
             dark: (0, f.css)([ "width:calc(", " * 2);background-color:", ";height:", ";" ], x, b.variables.gray45, x)
         }),
-        prisma: (0, f.css)([ "width:32px;background-color:", ";height:", ";top:1px;" ], b.variables.contentColorMuted, C)
+        prisma: (0, f.css)([ "width:32px;background-color:", ";height:", ";top:1px;" ], b.variables.contentColorMuted, w)
     }), x, (function(e) {
         return e.$delay;
     }), (0, b.pick)({
@@ -309,20 +304,14 @@
         enterprise: (0, f.css)([ "box-shadow:", ",inset 0 2px 0 rgba(0,0,0,0.1);" ], b.variables.focusShadow),
         prisma: (0, f.css)([ "box-shadow:", ";" ], b.variables.focusShadow)
     }), (0, b.pick)({
-        enterprise: (0, f.css)([ "> ", "{border-color:", ";}" ], 
-        /* sc-sel */
-        E, b.mixins.colorWithAlpha(b.variables.focusColor, .8))
-    }), 
-    /* sc-sel */
-    P, (0, b.pick)({
+        enterprise: (0, f.css)([ "> ", "{border-color:", ";}" ], /* sc-sel */ j, b.mixins.colorWithAlpha(b.variables.focusColor, .8))
+    }), /* sc-sel */ $, (0, b.pick)({
         enterprise: (0, b.pick)({
             light: b.variables.gray96,
             dark: "#b1bcc7"
         }),
         prisma: b.variables.white
-    }), 
-    /* sc-sel */
-    E, (0, b.pick)({
+    }), /* sc-sel */ j, (0, b.pick)({
         prisma: b.variables.interactiveColorOverlayHover
     }), (0, b.pick)({
         enterprise: {
@@ -368,15 +357,15 @@
             prisma: (0, f.css)([ "background-color:", ";" ], b.variables.accentColorNegative)
         }));
     }));
-    var j = h()(k()).withConfig({
+    var L = g()(k()).withConfig({
         displayName: "SwitchStyles__StyledToggleClickable",
         componentId: "sc-844ieu-6"
-    })([ "", "" ], L);
-    var I = h().span.withConfig({
+    })([ "", "" ], E);
+    var I = g().span.withConfig({
         displayName: "SwitchStyles__StyledToggleSpan",
         componentId: "sc-844ieu-7"
-    })([ "", "" ], L);
-    var N = h().label.withConfig({
+    })([ "", "" ], E);
+    var N = g().label.withConfig({
         displayName: "SwitchStyles__StyledLabel",
         componentId: "sc-844ieu-8"
     })([ "", " flex:1 1 auto;padding-left:", ";color:inherit;", ";" ], b.mixins.reset("inline-block"), (0, 
@@ -388,155 +377,136 @@
         return !r && (0, f.css)([ "cursor:pointer;" ]);
     }));
     // CONCATENATED MODULE: ./src/Switch/Switch.tsx
-    function D(e) {
+    function T(e) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            D = function e(r) {
-                return typeof r;
-            };
-        } else {
-            D = function e(r) {
-                return r && typeof Symbol === "function" && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
-            };
-        }
-        return D(e);
+        return T = "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;
+        }, T(e);
     }
     function q() {
-        q = Object.assign || function(e) {
+        return q = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var a = arguments[r];
                 for (var t in a) {
-                    if (Object.prototype.hasOwnProperty.call(a, t)) {
-                        e[t] = a[t];
-                    }
+                    ({}).hasOwnProperty.call(a, t) && (e[t] = a[t]);
                 }
             }
             return e;
-        };
-        return q.apply(this, arguments);
+        }, q.apply(null, arguments);
     }
-    function T(e, r) {
-        if (e == null) return {};
-        var a = R(e, r);
-        var t, i;
+    function D(e, r) {
+        if (null == e) return {};
+        var a, t, i = B(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
-            for (i = 0; i < o.length; i++) {
-                t = o[i];
-                if (r.indexOf(t) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(e, t)) continue;
-                a[t] = e[t];
+            for (t = 0; t < o.length; t++) {
+                a = o[t], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
             }
         }
-        return a;
+        return i;
     }
-    function R(e, r) {
-        if (e == null) return {};
+    function B(e, r) {
+        if (null == e) return {};
         var a = {};
-        var t = Object.keys(e);
-        var i, o;
-        for (o = 0; o < t.length; o++) {
-            i = t[o];
-            if (r.indexOf(i) >= 0) continue;
-            a[i] = e[i];
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (r.includes(t)) continue;
+                a[t] = e[t];
+            }
         }
         return a;
     }
-    function B(e, r) {
-        if (!(e instanceof r)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function R(e, r) {
+        if (!(e instanceof r)) throw new TypeError("Cannot call a class as a function");
     }
     function M(e, r) {
         for (var a = 0; a < r.length; a++) {
             var t = r[a];
-            t.enumerable = t.enumerable || false;
-            t.configurable = true;
-            if ("value" in t) t.writable = true;
-            Object.defineProperty(e, t.key, t);
+            t.enumerable = t.enumerable || !1, t.configurable = !0, "value" in t && (t.writable = !0), 
+            Object.defineProperty(e, G(t.key), t);
         }
     }
     function A(e, r, a) {
-        if (r) M(e.prototype, r);
-        if (a) M(e, a);
-        return e;
+        return r && M(e.prototype, r), a && M(e, a), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), e;
     }
     function W(e, r) {
-        if (typeof r !== "function" && r !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+        if ("function" != typeof r && null !== r) throw new TypeError("Super expression must either be null or a function");
         e.prototype = Object.create(r && r.prototype, {
             constructor: {
                 value: e,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (r) z(e, r);
+        }), Object.defineProperty(e, "prototype", {
+            writable: !1
+        }), r && z(e, r);
     }
     function z(e, r) {
-        z = Object.setPrototypeOf || function e(r, a) {
-            r.__proto__ = a;
-            return r;
-        };
-        return z(e, r);
+        return z = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(e, r) {
+            return e.__proto__ = r, e;
+        }, z(e, r);
     }
     function F(e) {
         var r = V();
-        return function a() {
-            var t = X(e), i;
+        return function() {
+            var a, t = X(e);
             if (r) {
-                var o = X(this).constructor;
-                i = Reflect.construct(t, arguments, o);
-            } else {
-                i = t.apply(this, arguments);
-            }
-            return H(this, i);
+                var i = X(this).constructor;
+                a = Reflect.construct(t, arguments, i);
+            } else a = t.apply(this, arguments);
+            return H(this, a);
         };
     }
     function H(e, r) {
-        if (r && (D(r) === "object" || typeof r === "function")) {
-            return r;
-        }
+        if (r && ("object" == T(r) || "function" == typeof r)) return r;
+        if (void 0 !== r) throw new TypeError("Derived constructors may only return object or undefined");
         return U(e);
     }
     function U(e) {
-        if (e === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+        if (void 0 === e) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return e;
     }
     function V() {
-        if (typeof Reflect === "undefined" || !Reflect.construct) return false;
-        if (Reflect.construct.sham) return false;
-        if (typeof Proxy === "function") return true;
         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 (V = function r() {
+            return !!e;
+        })();
     }
     function X(e) {
-        X = Object.setPrototypeOf ? Object.getPrototypeOf : function e(r) {
-            return r.__proto__ || Object.getPrototypeOf(r);
-        };
-        return X(e);
+        return X = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(e) {
+            return e.__proto__ || Object.getPrototypeOf(e);
+        }, X(e);
     }
     function Z(e, r, a) {
-        if (r in e) {
-            Object.defineProperty(e, r, {
-                value: a,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            e[r] = a;
+        return (r = G(r)) in e ? Object.defineProperty(e, r, {
+            value: a,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : e[r] = a, e;
+    }
+    function G(e) {
+        var r = J(e, "string");
+        return "symbol" == T(r) ? r : r + "";
+    }
+    function J(e, r) {
+        if ("object" != T(e) || !e) return e;
+        var a = e[Symbol.toPrimitive];
+        if (void 0 !== a) {
+            var t = a.call(e, r || "default");
+            if ("object" != T(t)) return t;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return e;
+        return ("string" === r ? String : Number)(e);
     }
-    var G = {
+    /** @public */
+    /** @public */    var K = {
         appearance: o().oneOf([ "checkbox", "toggle" ]),
         children: o().node,
         disabled: o().bool,
@@ -545,8 +515,6 @@
         id: o().string,
         inline: o().bool,
         /** @private */
-        inputClassName: o().string,
-        /** @private */
         interactive: o().bool,
         labelledBy: o().string,
         onClick: o().func,
@@ -558,7 +526,9 @@
         unselectedLabel: o().string,
         value: o().any
     };
-    var J = {
+    /* Disabling rule caused by the `ref?: React.Ref<Switch>` added for styled-components 
+  Will be irrelevant when refactored to functional in react-ui@5 */
+    /* eslint-disable react/default-props-match-prop-types */    var Q = {
         appearance: "checkbox",
         disabled: false,
         error: false,
@@ -566,18 +536,19 @@
         interactive: true,
         selected: false
     };
+    /* eslint-enable react/default-props-match-prop-types */
     // unclear why the manual ref is needed here (only for styled-components)
-        var K = {
+        var Y = {
         checkbox: O,
-        toggle: j
+        toggle: L
     };
-    var Q = {
-        checkbox: $,
+    var ee = {
+        checkbox: _,
         toggle: I
     };
     /**
  * `Switch` is a basic form control with an on/off state.
- */    var Y =  function(e) {
+ */    var re =  function(e) {
         W(a, e);
         var r = F(a);
         A(a, null, [ {
@@ -590,7 +561,7 @@
         } ]);
         function a(e) {
             var t;
-            B(this, a);
+            R(this, a);
             t = r.call(this, e);
             Z(U(t), "clickableId", void 0);
             Z(U(t), "labelId", void 0);
@@ -615,6 +586,7 @@
             /**
      * Place focus on the toggle.
      */
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function e() {
                 var r;
                 (r = this.toggle) === null || r === void 0 ? void 0 : r.focus();
@@ -623,34 +595,34 @@
             key: "render",
             value: function e() {
                 var r = this;
-                var a = this.props, i = a.appearance, o = a.children, n = a.disabled, s = a.elementRef, d = a.error, p = a.id, u = a.inline, b = a.interactive, f = a.labelledBy, h = a.onClick, g = a.required, m = a.selected, y = a.selectedLabel, k = a.someSelectedLabel, x = a.unselectedLabel, C = a.value, S = a.inputClassName, O = T(a, [ "appearance", "children", "disabled", "elementRef", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value", "inputClassName" ]);
-                var $ = f;
+                var a = this.props, i = a.appearance, o = a.children, n = a.disabled, s = a.elementRef, d = a.error, p = a.id, u = a.inline, b = a.interactive, f = a.labelledBy, g = a.onClick, h = a.required, m = a.selected, y = a.selectedLabel, k = a.someSelectedLabel, x = a.unselectedLabel, w = a.value, S = D(a, [ "appearance", "children", "disabled", "elementRef", "error", "id", "inline", "interactive", "labelledBy", "onClick", "required", "selected", "selectedLabel", "someSelectedLabel", "unselectedLabel", "value" ]);
+                var O = f;
  // consumer defined external label
-                                var L = p;
+                                var _ = p;
  // consumer defined id
                 // if has internal label defined with children....
                                 if (o) {
-                    $ = this.labelId;
+                    O = this.labelId;
  // must use generated labelId
-                                        L = p || this.clickableId;
+                                        _ = p || this.clickableId;
  // must have an id
                                 }
-                var j = m === "some" ? "mixed" : m;
-                var I = {
+                var E = m === "some" ? "mixed" : m;
+                var L = {
                     true: y,
                     false: x,
                     some: k
                 };
-                var D = {
+                var I = {
                     disabled: n,
                     $interactive: b,
                     $error: d,
                     $selected: m === "some" || m,
-                    "aria-labelledby": b ? $ : undefined,
-                    "aria-checked": b ? j : undefined,
+                    "aria-labelledby": b ? O : undefined,
+                    "aria-checked": b ? E : undefined,
                     "aria-invalid": d ? true : undefined,
-                    "aria-required": g,
-                    id: L,
+                    "aria-required": h,
+                    id: _,
                     ref: function e(a) {
                         r.toggle = a;
                     },
@@ -658,68 +630,67 @@
                     "data-test": "button",
                     "data-selected": m
                 };
-                var R = K[i];
-                var B = Q[i];
-                var M = function e(r) {
+                var T = Y[i];
+                var B = ee[i];
+                // eslint-disable-next-line react/no-unstable-nested-components
+                                var R = function e(r) {
                     return function() {
-                        var e =  t().createElement(t().Fragment, null,  t().createElement(P, {
+                        var e =  t().createElement(t().Fragment, null,  t().createElement($, {
                             $delay: r,
                             $disabled: n,
                             $error: !n && d,
                             $selected: m
-                        }),  t().createElement(E, {
+                        }),  t().createElement(j, {
                             $delay: r,
                             $error: !n && d
                         }));
-                        return b ?  t().createElement(R, q({
-                            role: "switch",
-                            className: S
-                        }, D, {
+                        return b ?  t().createElement(T, q({
+                            role: "switch"
+                        }, I, {
                             $delay: r
-                        }), e) :  t().createElement(B, q({}, D, {
+                        }), e) :  t().createElement(B, q({}, I, {
                             $delay: r
                         }), e);
                     };
                 };
-                var A = function e() {
-                    var r =  t().createElement(t().Fragment, null, m === true && i === "checkbox" &&  t().createElement(v, null), m === "some" && i === "checkbox" &&  t().createElement(_, null));
-                    return b ?  t().createElement(R, q({
+                var M = function e() {
+                    var r =  t().createElement(t().Fragment, null, m === true && i === "checkbox" &&  t().createElement(v, null), m === "some" && i === "checkbox" &&  t().createElement(P, null));
+                    return b ?  t().createElement(T, q({
                         "data-clickable": true,
-                        role: i,
-                        className: S
-                    }, D), r) :  t().createElement(B, D, r);
+                        role: i
+                    }, I), r) :  t().createElement(B, I, r);
                 };
-                var W = n && "disabled" || d && "error" || null;
-                var z = !!y || !!k || !!x;
+                var A = n && "disabled" || d && "error" || null;
+                var W = !!y || !!k || !!x;
                 
-                return t().createElement(w, q({
+                return t().createElement(C, q({
                     flex: true,
                     inline: u,
                     "data-test": "switch",
                     "data-test-selected": m,
-                    "data-test-value": C,
+                    "data-test-value": w,
                     "data-test-error": d ? true : undefined,
                     "data-error": d ? true : undefined,
                     "data-disabled": n ? true : undefined,
                     elementRef: s,
-                    $switchState: W
-                }, O), i === "toggle" &&  t().createElement(l(), {
-                    on: M("200ms"),
-                    off: M()
-                }), i !== "toggle" && A(), b && z &&  t().createElement(c(), null, I["".concat(m)]), o &&  t().createElement(N, {
+                    $switchState: A
+                }, S), i === "toggle" &&  t().createElement(l(), {
+                    on: R("200ms"),
+                    off: R()
+                }), i !== "toggle" && M(), b && W &&  t().createElement(c(), null, L["".concat(m)]), o &&  t().createElement(N, {
                     $disabled: n,
                     "data-test": "label",
-                    id: $,
-                    htmlFor: L,
+                    id: O,
+                    htmlFor: _,
                     "data-disabled": n || null
                 }, o));
             }
         } ]);
         return a;
     }(a.Component);
-    Z(Y, "propTypes", G);
-    Z(Y, "defaultProps", J);
-    /* harmony default export */    const ee = Y;
+    Z(re, "propTypes", K);
+    Z(re, "defaultProps", Q);
+    /* harmony default export */    const ae = re;
     // CONCATENATED MODULE: ./src/Switch/index.ts
     module.exports = r;
     /******/})();