@splunk/react-ui 4.38.0 → 4.39.0

package/ButtonSimple.js

@@ -61,7 +61,7 @@
         r.r(e);
     // EXPORTS
         r.d(e, {
-        default: () => /* reexport */ vr
+        default: () => /* reexport */ br
     });
     // CONCATENATED MODULE: external "react"
     const a = require("react");
@@ -76,61 +76,34 @@
     var s =  r.n(n);
     // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
     const c = require("@splunk/react-ui/Clickable");
-    var d =  r.n(c);
+    var b =  r.n(c);
     // CONCATENATED MODULE: external "lodash/merge"
-    const v = require("lodash/merge");
-    var b =  r.n(v);
+    const d = require("lodash/merge");
+    var v =  r.n(d);
     // CONCATENATED MODULE: ./src/ButtonSimple/mixin.ts
     function u(r) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            u = function r(e) {
-                return typeof e;
-            };
-        } else {
-            u = function r(e) {
-                return e && typeof Symbol === "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            };
-        }
-        return u(r);
+        return u = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(r) {
+            return typeof r;
+        } : function(r) {
+            return r && "function" == typeof Symbol && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+        }, u(r);
     }
     var p = [ "primary", "secondary", "destructive", "subtle" ];
-    /**
- * These enterprise... values don't exist in Enterprise @splunk/themes
- * They're provided here for TypeScript compatibility
- */    var f = {
-        active: {
-            dark: "rgba(0, 0, 0, 0.2)",
-            light: "rgba(0, 0, 0, 0.07)"
-        },
-        hover: {
-            dark: "rgba(255, 255, 255, 0.05)",
-            light: "rgba(0, 0, 0, 0.03)"
-        },
-        selected: {
-            dark: "rgba(255, 255, 255, 0.1)",
-            light: "rgba(0, 0, 0, 0.04)"
-        }
-    };
-    var g = {
-        dark: "#272a2f",
-        light: "#eeeeee"
-    };
-    var y = {
-        dark: "rgba(255, 255, 255, 0.15)",
-        light: "rgba(0, 0, 0, 0.1)"
-    };
-    function h(r) {
+    function f(r) {
         var e = "transparent";
         var a = "transparent";
         var o = (0, l.pick)({
-            enterprise: y,
+            enterprise: {
+                light: l.variables.gray96,
+                dark: l.variables.gray30
+            },
             prisma: l.variables.interactiveColorBackgroundDisabled
         });
         var i = (0, l.pick)({
             enterprise: {
-                dark: l.mixins.overlayColors(y.dark, f.selected.dark),
-                light: l.mixins.overlayColors(y.light, f.selected.light)
+                dark: l.variables.gray22,
+                light: l.variables.gray92
             },
             prisma: l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected)
         });
@@ -138,34 +111,28 @@
         var n = "transparent";
         var s;
         var c;
-        var d = l.variables.contentColorActive;
-        var v = l.variables.contentColorDisabled;
+        var b = l.variables.contentColorActive;
+        var d = l.variables.contentColorDisabled;
         switch (r) {
           case "primary":
             {
-                e = l.variables.interactiveColorPrimary;
+                e = (0, l.pick)({
+                    enterprise: "#1A8929",
+                    prisma: l.variables.interactiveColorPrimary
+                });
                 a = (0, l.pick)({
-                    enterprise: {
-                        light: l.mixins.overlayColors(l.variables.interactiveColorPrimary, f.active.light),
-                        dark: l.mixins.overlayColors(l.variables.interactiveColorPrimary, f.active.dark)
-                    },
+                    enterprise: l.variables.brandColorD30,
                     prisma: l.mixins.overlayColors(l.variables.interactiveColorPrimary, l.variables.interactiveColorOverlayActive)
                 });
                 t = (0, l.pick)({
-                    enterprise: {
-                        light: l.mixins.overlayColors(l.variables.interactiveColorPrimary, f.hover.light),
-                        dark: l.mixins.overlayColors(l.variables.interactiveColorPrimary, f.hover.dark)
-                    },
+                    enterprise: l.variables.brandColorD50,
                     prisma: l.mixins.overlayColors(l.variables.interactiveColorPrimary, l.variables.interactiveColorOverlayHover)
                 });
                 n = (0, l.pick)({
-                    enterprise: {
-                        light: l.mixins.overlayColors(l.variables.interactiveColorPrimary, f.selected.light),
-                        dark: l.mixins.overlayColors(l.variables.interactiveColorPrimary, f.selected.dark)
-                    },
+                    enterprise: "#235823",
                     prisma: l.mixins.overlayColors(l.variables.interactiveColorPrimary, l.variables.interactiveColorOverlaySelected)
                 });
-                d = l.variables.contentColorInverted;
+                b = l.variables.contentColorInverted;
                 break;
             }
 
@@ -173,27 +140,18 @@
             {
                 e = l.variables.accentColorNegative;
                 a = (0, l.pick)({
-                    enterprise: {
-                        light: l.mixins.overlayColors(l.variables.accentColorNegative, f.active.light),
-                        dark: l.mixins.overlayColors(l.variables.accentColorNegative, f.active.dark)
-                    },
+                    enterprise: l.variables.errorColorD40,
                     prisma: l.mixins.overlayColors(l.variables.accentColorNegative, l.variables.interactiveColorOverlayActive)
                 });
                 t = (0, l.pick)({
-                    enterprise: {
-                        light: l.mixins.overlayColors(l.variables.accentColorNegative, f.hover.light),
-                        dark: l.mixins.overlayColors(l.variables.accentColorNegative, f.hover.dark)
-                    },
+                    enterprise: l.variables.errorColorD30,
                     prisma: l.mixins.overlayColors(l.variables.accentColorNegative, l.variables.interactiveColorOverlayHover)
                 });
                 n = (0, l.pick)({
-                    enterprise: {
-                        light: l.mixins.overlayColors(l.variables.accentColorNegative, f.selected.light),
-                        dark: l.mixins.overlayColors(l.variables.accentColorNegative, f.selected.dark)
-                    },
+                    enterprise: l.variables.errorColorD30,
                     prisma: l.mixins.overlayColors(l.variables.accentColorNegative, l.variables.interactiveColorOverlaySelected)
                 });
-                d = l.variables.contentColorInverted;
+                b = l.variables.contentColorInverted;
                 break;
             }
 
@@ -201,43 +159,61 @@
             s = l.variables.interactiveColorBorder;
             c = l.variables.interactiveColorBorderDisabled;
             e = (0, l.pick)({
-                enterprise: g,
+                enterprise: {
+                    light: l.variables.gray98,
+                    dark: l.variables.gray45
+                },
                 prisma: l.variables.interactiveColorBackground
             });
             a = (0, l.pick)({
-                enterprise: f.active,
+                enterprise: {
+                    light: l.variables.gray92,
+                    dark: l.variables.gray22
+                },
                 prisma: l.variables.interactiveColorOverlayActive
             });
             t = (0, l.pick)({
-                enterprise: f.hover,
+                enterprise: {
+                    light: "#ebeeef",
+                    dark: l.variables.gray30
+                },
                 prisma: l.variables.interactiveColorOverlayHover
             });
             n = (0, l.pick)({
-                enterprise: f.selected,
+                enterprise: {
+                    light: l.variables.gray92,
+                    dark: l.variables.gray22
+                },
                 prisma: l.variables.interactiveColorOverlaySelected
             });
             break;
 
           case "subtle":
             // TODO: SUI-6304 this should be interactiveColorAccent once that variable is introduced in SUI 5
-            d = l.variables.interactiveColorPrimary;
+            b = l.variables.interactiveColorPrimary;
             a = (0, l.pick)({
-                enterprise: f.active,
+                enterprise: {
+                    light: l.variables.gray92,
+                    dark: l.variables.gray22
+                },
                 prisma: l.variables.interactiveColorOverlayActive
             });
             t = (0, l.pick)({
-                enterprise: f.hover,
+                enterprise: {
+                    light: l.variables.linkColor,
+                    dark: l.variables.white
+                },
                 prisma: l.variables.interactiveColorOverlayHover
             });
             n = (0, l.pick)({
-                enterprise: f.selected,
+                enterprise: "transparent",
                 prisma: l.variables.interactiveColorOverlaySelected
             });
             break;
 
           default:
         }
-        var b = {
+        var v = {
             background: e,
             backgroundActive: a,
             backgroundDisabled: o,
@@ -246,12 +222,12 @@
             backgroundSelected: n,
             borderColor: s,
             borderColorDisabled: c,
-            color: d,
-            colorDisabled: v
+            color: b,
+            colorDisabled: d
         };
-        return b;
+        return v;
     }
-    function k(r, e) {
+    function g(r, e) {
         var a = typeof r === "string" && p.includes(r) ? r : undefined;
         var o = {};
         if (a && e !== undefined) {
@@ -259,30 +235,30 @@
         } else if (a === undefined && u(r) === "object" && e === undefined) {
             o = r;
         }
-        var i = h(a);
-        var t = b()(i, o), s = t.background, c = t.backgroundActive, d = t.backgroundDisabled, v = t.backgroundDisabledSelected, f = t.backgroundHover, g = t.backgroundSelected, y = t.borderColor, k = t.borderColorDisabled, m = t.color, C = t.colorDisabled;
-        var x = s != null && s !== "transparent";
+        var i = f(a);
+        var t = v()(i, o), s = t.background, c = t.backgroundActive, b = t.backgroundDisabled, d = t.backgroundDisabledSelected, g = t.backgroundHover, y = t.backgroundSelected, k = t.borderColor, h = t.borderColorDisabled, m = t.color, C = t.colorDisabled;
+        var w = s != null && s !== "transparent";
         return function() {
             return (0, n.css)([ "border-radius:", ";", ";", " ", " cursor:pointer;position:relative;&:focus,&:hover{z-index:3;}&:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";transition:background-color 0.2s,box-shadow 0.2s,text-decoration 0.2s;&:hover{background-color:", ";}&:active{background-color:", ";transition:none;}", "}&:not([disabled]){&:focus{box-shadow:", ";}}&[disabled],&[aria-disabled='true']{border-color:", ";color:", ";cursor:not-allowed;", "}" ], l.variables.borderRadius, (function() {
-                return y && (0, n.css)([ "border:1px solid ", ";" ], y);
+                return k && (0, n.css)([ "border:1px solid ", ";" ], k);
             }), (function(r) {
                 var e = r.$append;
                 return e && (0, n.css)([ "border-top-right-radius:0.1px;border-bottom-right-radius:0.1px;border-right:none;" ]);
             }), (function(r) {
                 var e = r.$prepend;
                 return e && (0, n.css)([ "border-top-left-radius:0.1px;border-bottom-left-radius:0.1px;" ]);
-            }), s, m, f, c, (function(r) {
+            }), s, m, g, c, (function(r) {
+                var e = r.$selected;
+                return e && (0, n.css)([ "background-color:", ";" ], y);
+            }), l.variables.focusShadow, h, C, (function(r) {
                 var e = r.$selected;
-                return e && (0, n.css)([ "background-color:", ";" ], g);
-            }), l.variables.focusShadow, k, C, (function(r) {
-                return x && (0, n.css)([ "background-color:", ";" ], r ? v
-                /* TODO: this isn't defined in SUI 5 themes yet */ : d);
+                return w && (0, n.css)([ "background-color:", ";" ], e ? d : b);
             }));
         };
     }
-    /* harmony default export */    const m = k;
+    /* harmony default export */    const y = g;
     // CONCATENATED MODULE: ./src/ButtonSimple/prismaStyles.ts
-    var C = (0, n.css)([ "&:not([disabled],[aria-disabled='true']){&:focus{background-color:", ";}&:hover{border-color:", ";", "}", " ", "}", " &[disabled],&[aria-disabled='true']{", "}" ], l.variables.interactiveColorOverlayHover, l.variables.interactiveColorBorderHover, (0, 
+    var k = (0, n.css)([ "&:not([disabled],[aria-disabled='true']){&:focus{background-color:", ";}&:hover{border-color:", ";", "}", " ", "}", " &[disabled],&[aria-disabled='true']{", "}" ], l.variables.interactiveColorOverlayHover, l.variables.interactiveColorBorderHover, (0, 
     l.pickVariant)("$variant", {
         secondary: (0, n.css)([ "box-shadow:", ";" ], l.variables.hoverShadow),
         default: (0, n.css)([ "box-shadow:", ";" ], l.variables.hoverShadow),
@@ -294,59 +270,70 @@
         var e = r.$error;
         return e && (0, n.css)([ "border-color:", ";&:hover{border-color:", ";}" ], l.variables.accentColorNegative, l.variables.accentColorNegative);
     }), (0, l.pickVariant)("$variant", {
-        secondary: (0, n.css)([ "", " font-weight:", ";" ], m("subtle", {
+        secondary: (0, n.css)([ "", " font-weight:", ";" ], y("subtle", {
             color: l.variables.contentColorActive
         }), l.variables.fontWeightSemiBold),
-        subtle: (0, n.css)([ "", " font-weight:", ";" ], m("subtle", {
+        subtle: (0, n.css)([ "", " font-weight:", ";" ], y("subtle", {
             color: l.variables.contentColorActive
         }), l.variables.fontWeightSemiBold),
-        default: (0, n.css)([ "", " font-weight:", ";" ], m("secondary", {
+        default: (0, n.css)([ "", " font-weight:", ";" ], y("secondary", {
             background: "transparent"
         }), l.variables.fontWeightSemiBold),
-        toggle: (0, n.css)([ "", " font-weight:normal;" ], m("secondary", {
+        toggle: (0, n.css)([ "", " font-weight:normal;" ], y("secondary", {
             background: "transparent"
         }))
     }), (function(r) {
         var e = r.$selected;
         return e && (0, n.css)([ "background-color:", ";" ], l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected));
     }));
-    var x = (0, n.css)([ "&:not([disabled],[aria-disabled='true']){&:focus{background-color:", ";}&:hover{box-shadow:", ";}}", " font-weight:", ";" ], (0, 
+    var h = (0, n.css)([ "&:not([disabled],[aria-disabled='true']){&:focus{background-color:", ";}&:hover{box-shadow:", ";}}", " font-weight:", ";" ], (0, 
     l.pickVariant)("$variant", {
         primary: l.mixins.overlayColors(l.variables.interactiveColorPrimary, l.variables.interactiveColorOverlayHover),
         destructive: l.mixins.overlayColors(l.variables.accentColorNegative, l.variables.interactiveColorOverlayHover),
         flat: l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayHover)
     }), l.variables.hoverShadow, (0, l.pickVariant)("$variant", {
-        primary: m("primary"),
-        destructive: m("destructive"),
-        flat: m({
+        primary: y("primary", {
+            // this is intentional - the disabled background had always been applying the $selected style
+            // since beccfde78f787861217353e9149ce213bee0270 so keeping this for visual consistency
+            backgroundDisabled: l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected)
+        }),
+        destructive: y("destructive", {
+            // this is intentional - the disabled background had always been applying the $selected style
+            // since beccfde78f787861217353e9149ce213bee0270 so keeping this for visual consistency
+            backgroundDisabled: l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected)
+        }),
+        flat: y({
             // this is intentional - the background had always been applying the $selected style
             // since beccfde78f787861217353e9149ce213bee0270 so keeping this for visual consistency
             background: l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlaySelected),
             backgroundActive: l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayActive),
+            // this is intentional - the disabled background had always been applying the $selected style
+            // since beccfde78f787861217353e9149ce213bee0270 so keeping this for visual consistency
+            backgroundDisabled: l.mixins.overlayColors(l.variables.interactiveColorBackgroundDisabled, l.variables.interactiveColorOverlaySelected),
             backgroundHover: l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlayHover),
             backgroundSelected: l.mixins.overlayColors(l.variables.interactiveColorBackground, l.variables.interactiveColorOverlaySelected)
         })
     }), l.variables.fontWeightSemiBold);
     // CONCATENATED MODULE: ./src/ButtonSimple/enterpriseStyles.ts
-    var w = "#1A8929";
+    var m = "#1A8929";
  // SUI-2439 to meet WCAG AA compliance
-        var S = "#235823";
+        var C = "#235823";
  // SUI-2439 to meet WCAG AA compliance
-        var O = (0, n.css)([ "border-radius:", ";cursor:pointer;position:relative;&:focus{z-index:3;}" ], l.variables.borderRadius);
-    var $ = (0, n.css)([ "", " ", "" ], (function(r) {
+        var w = (0, n.css)([ "border-radius:", ";cursor:pointer;position:relative;&:focus{z-index:3;}" ], l.variables.borderRadius);
+    var x = (0, n.css)([ "", " ", "" ], (function(r) {
         var e = r.$append;
         return e && (0, n.css)([ "border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;" ]);
     }), (function(r) {
         var e = r.$prepend;
         return e && (0, n.css)([ "border-top-left-radius:0;border-bottom-left-radius:0;" ]);
     }));
-    var D = "inset 0 -1px 0 rgba(0, 0, 0, 0.1)";
-    var P = "inset 0 1px 0 rgba(0, 0, 0, 0.1)";
-    var j = (0, n.css)([ "", ";border:1px solid;border-color:", ";", ";font-weight:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{", " ", "}}&:not([disabled]){&:focus{", "}}&[disabled],&[aria-disabled='true']{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}" ], O, (0, 
+    var S = "inset 0 -1px 0 rgba(0, 0, 0, 0.1)";
+    var O = "inset 0 1px 0 rgba(0, 0, 0, 0.1)";
+    var D = (0, n.css)([ "", ";border:1px solid;border-color:", ";", ";font-weight:", ";&:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", ";", " &:hover{background-color:", ";", ";}&:active{transition:none;background-color:", ";border-color:", ";", ";}&:focus{", " ", "}}&:not([disabled]){&:focus{", "}}&[disabled],&[aria-disabled='true']{cursor:not-allowed;color:", ";background-color:", ";border-color:", ";", "}" ], w, (0, 
     l.pick)({
         light: l.variables.gray60,
         dark: l.variables.borderColor
-    }), $, (0, l.pickVariant)("$variant", {
+    }), x, (0, l.pickVariant)("$variant", {
         default: "normal",
         secondary: l.variables.fontWeightSemiBold
     }), (0, l.pick)({
@@ -356,13 +343,13 @@
         light: l.variables.gray45,
         dark: l.variables.white
     }), (0, l.pick)({
-        light: (0, n.css)([ "box-shadow:", ";" ], D),
+        light: (0, n.css)([ "box-shadow:", ";" ], S),
         dark: (0, n.css)([ "box-shadow:inset 0 -1px 0 ", ";" ], l.variables.gray30)
     }), (function(r) {
         var e = r.$selected;
         return e && (0, n.css)([ "", ";background-color:", ";border-color:", ";" ], (0, 
         l.pick)({
-            light: (0, n.css)([ "box-shadow:", ";" ], P),
+            light: (0, n.css)([ "box-shadow:", ";" ], O),
             dark: (0, n.css)([ "box-shadow:inset 0 1px 0 ", ";" ], l.variables.black)
         }), (0, l.pick)({
             light: l.variables.gray92,
@@ -375,7 +362,7 @@
         light: "#ebeeef",
         dark: l.variables.gray30
     }), (0, l.pick)({
-        light: (0, n.css)([ "box-shadow:", ";" ], D),
+        light: (0, n.css)([ "box-shadow:", ";" ], S),
         dark: (0, n.css)([ "box-shadow:inset 0 -1px 0 ", ";" ], l.variables.gray25)
     }), (0, l.pick)({
         light: l.variables.gray92,
@@ -388,17 +375,17 @@
     }), (function(r) {
         var e = r.$append;
         return e && (0, l.pick)({
-            light: (0, n.css)([ "box-shadow:", " ", ",inset -1px 0 0 ", ";" ], D, l.variables.focusShadow, l.variables.borderColor),
+            light: (0, n.css)([ "box-shadow:", " ", ",inset -1px 0 0 ", ";" ], S, l.variables.focusShadow, l.variables.borderColor),
             dark: (0, n.css)([ "box-shadow:inset 0 -1px 0 ", " ", ",inset -1px 0 0 ", ";" ], l.variables.gray30, l.variables.focusShadow, l.variables.borderColor)
         });
     }), (function(r) {
         var e = r.$append, a = r.$selected;
         return e && a && (0, l.pick)({
-            light: (0, n.css)([ "box-shadow:", ",", ",", ",inset -1px 0 0 ", ";" ], D, P, l.variables.focusShadow, l.variables.borderColor),
+            light: (0, n.css)([ "box-shadow:", ",", ",", ",inset -1px 0 0 ", ";" ], S, O, l.variables.focusShadow, l.variables.borderColor),
             dark: (0, n.css)([ "box-shadow:inset 0 1px 0 ", ",", ",inset -1px 0 0 ", ";" ], l.variables.black, l.variables.focusShadow, l.variables.borderColor)
         });
     }), (0, l.pick)({
-        light: (0, n.css)([ "box-shadow:", ",", ";" ], D, l.variables.focusShadow),
+        light: (0, n.css)([ "box-shadow:", ",", ";" ], S, l.variables.focusShadow),
         dark: (0, n.css)([ "box-shadow:inset 0 -1px 0 ", ",", ";" ], l.variables.gray30, l.variables.focusShadow)
     }), l.variables.textDisabledColor, (0, l.pick)({
         light: l.variables.gray96,
@@ -409,33 +396,33 @@
     }), (function(r) {
         var e = r.$selected;
         return e && (0, l.pick)({
-            light: (0, n.css)([ "box-shadow:", ";background-color:", ";border-color:", ";" ], P, l.variables.gray92, l.variables.gray80),
+            light: (0, n.css)([ "box-shadow:", ";background-color:", ";border-color:", ";" ], O, l.variables.gray92, l.variables.gray80),
             dark: (0, n.css)([ "box-shadow:inset 0 1px 0 ", ";background-color:", ";border-color:", ";" ], l.variables.black, l.variables.gray22, l.variables.gray20)
         });
     }));
-    var A = "inset 0 -2px 0 rgba(0, 0, 0, 0.1)";
-    var B = "inset 0 2px 0 rgba(0, 0, 0, 0.1)";
-    var N = (0, n.css)([ "", ";font-weight:", ";", " &:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";transition:none;}}}&:not([disabled]){&:focus{box-shadow:", ",", ";}}&[disabled],&[aria-disabled='true']{color:", ";background-color:", ";cursor:not-allowed;", "}" ], O, l.variables.fontWeightSemiBold, $, w, l.variables.white, A, (function(r) {
+    var $ = "inset 0 -2px 0 rgba(0, 0, 0, 0.1)";
+    var j = "inset 0 2px 0 rgba(0, 0, 0, 0.1)";
+    var B = (0, n.css)([ "", ";font-weight:", ";", " &:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";transition:none;}}}&:not([disabled]){&:focus{box-shadow:", ",", ";}}&[disabled],&[aria-disabled='true']{color:", ";background-color:", ";cursor:not-allowed;", "}" ], w, l.variables.fontWeightSemiBold, x, m, l.variables.white, $, (function(r) {
         var e = r.$selected;
-        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], B, S);
+        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], j, C);
     }), (function(r) {
         var e = r.$prepend;
-        return e && (0, n.css)([ "border-left:1px solid ", ";" ], w);
-    }), l.variables.brandColorD50, l.variables.brandColorD30, l.variables.brandColorD30, A, l.variables.focusShadow, l.variables.brandColorL30, l.variables.brandColorL10, (function(r) {
+        return e && (0, n.css)([ "border-left:1px solid ", ";" ], m);
+    }), l.variables.brandColorD50, l.variables.brandColorD30, l.variables.brandColorD30, $, l.variables.focusShadow, l.variables.brandColorL30, l.variables.brandColorL10, (function(r) {
         var e = r.$selected;
-        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], B, l.variables.brandColorD20);
+        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], j, l.variables.brandColorD20);
     }));
-    var H = (0, n.css)([ "", ";font-weight:", ";", " &:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";transition:none;}}}&:not([disabled]){&:focus{box-shadow:", ",", ";}}&[disabled],&[aria-disabled='true']{color:", ";background-color:", ";cursor:not-allowed;", "}" ], O, l.variables.fontWeightSemiBold, $, l.variables.errorColorD10, l.variables.white, A, (function(r) {
+    var P = (0, n.css)([ "", ";font-weight:", ";", " &:not([disabled],[aria-disabled='true']){background-color:", ";color:", ";box-shadow:", ";transition:background-image 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " ", " &:hover{background-color:", ";}&:active{background-color:", ";transition:none;}&:focus{&:active{background-color:", ";transition:none;}}}&:not([disabled]){&:focus{box-shadow:", ",", ";}}&[disabled],&[aria-disabled='true']{color:", ";background-color:", ";cursor:not-allowed;", "}" ], w, l.variables.fontWeightSemiBold, x, l.variables.errorColorD10, l.variables.white, $, (function(r) {
         var e = r.$selected;
-        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], B, l.variables.errorColorD30);
+        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], j, l.variables.errorColorD30);
     }), (function(r) {
         var e = r.$prepend;
         return e && (0, n.css)([ "border-left:1px solid ", ";" ], l.variables.errorColorD30);
-    }), l.variables.errorColorD30, l.variables.errorColorD40, l.variables.errorColorD40, A, l.variables.focusShadow, l.variables.errorColorL10, l.variables.errorColorD10, (function(r) {
+    }), l.variables.errorColorD30, l.variables.errorColorD40, l.variables.errorColorD40, $, l.variables.focusShadow, l.variables.errorColorL10, l.variables.errorColorD10, (function(r) {
         var e = r.$selected;
-        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], B, l.variables.errorColorD40);
+        return e && (0, n.css)([ "box-shadow:", ";background-color:", ";" ], j, l.variables.errorColorD40);
     }));
-    var _ = (0, n.css)([ "", ";color:", ";border:1px solid transparent;&:not([disabled],[aria-disabled='true']){transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{color:", ";background-color:", ";border-color:", ";}", " &:focus{color:", ";}&:active,&[aria-expanded='true']{background-color:", ";transition:none;}}&:not([disabled]){&:focus{box-shadow:", ";}}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", "}" ], O, (0, 
+    var A = (0, n.css)([ "", ";color:", ";border:1px solid transparent;&:not([disabled],[aria-disabled='true']){transition:background-color 0.2s,border 0.2s,box-shadow 0.2s,text-decoration 0.2s;", " &:hover{color:", ";background-color:", ";border-color:", ";}", " &:focus{color:", ";}&:active,&[aria-expanded='true']{background-color:", ";transition:none;}}&:not([disabled]){&:focus{box-shadow:", ";}}&[disabled],&[aria-disabled='true']{color:", ";cursor:not-allowed;", "}" ], w, (0, 
     l.pick)({
         light: l.variables.gray45,
         dark: l.variables.white
@@ -462,7 +449,7 @@
         return e && (0, n.css)([ "border-color:", ";" ], l.variables.borderLightColor);
     }));
     // CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimpleStyles.ts
-    var T = s()(d()).withConfig({
+    var H = s()(b()).withConfig({
         displayName: "ButtonSimpleStyles__StyledClickable",
         componentId: "vlarwe-0"
     })([ "", " ", "" ], (function(r) {
@@ -472,215 +459,194 @@
     }), (0, l.pick)({
         enterprise: (0, l.pickVariant)("$variant", {
             // the four main styles
-            primary: N,
-            secondary: j,
-            destructive: H,
-            subtle: _,
+            primary: B,
+            secondary: D,
+            destructive: P,
+            subtle: A,
             // same as "secondary"
-            default: j,
+            default: D,
             // "pill" is an Enterprise-only style
-            pill: _,
+            pill: A,
             // fallbacks for styles unsupported by Enterprise
-            toggle: j,
-            flat: j
+            toggle: D,
+            flat: D
         }),
         prisma: (0, l.pickVariant)("$variant", {
             // the four main styles
-            primary: x,
-            secondary: C,
-            destructive: x,
-            subtle: C,
+            primary: h,
+            secondary: k,
+            destructive: h,
+            subtle: k,
             // same as "secondary"
-            default: C,
+            default: k,
             // "toggle" and "flat" are Prisma-only styles
-            toggle: C,
-            flat: x,
+            toggle: k,
+            flat: h,
             // fallback for "pill" which is not supported by Prisma
-            pill: C
+            pill: k
         })
     }));
     // CONCATENATED MODULE: ./src/ButtonSimple/ButtonSimple.tsx
-    function I(r) {
+    function T(r) {
         "@babel/helpers - typeof";
-        if (typeof Symbol === "function" && typeof Symbol.iterator === "symbol") {
-            I = function r(e) {
-                return typeof e;
-            };
-        } else {
-            I = function r(e) {
-                return e && typeof Symbol === "function" && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
-            };
-        }
-        return I(r);
+        return T = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(r) {
+            return typeof r;
+        } : function(r) {
+            return r && "function" == typeof Symbol && r.constructor === Symbol && r !== Symbol.prototype ? "symbol" : typeof r;
+        }, T(r);
     }
-    function R() {
-        R = Object.assign || function(r) {
+    function _() {
+        return _ = Object.assign ? Object.assign.bind() : function(r) {
             for (var e = 1; e < arguments.length; e++) {
                 var a = arguments[e];
                 for (var o in a) {
-                    if (Object.prototype.hasOwnProperty.call(a, o)) {
-                        r[o] = a[o];
-                    }
+                    ({}).hasOwnProperty.call(a, o) && (r[o] = a[o]);
                 }
             }
             return r;
-        };
-        return R.apply(this, arguments);
+        }, _.apply(null, arguments);
     }
-    function V(r, e) {
-        if (r == null) return {};
-        var a = W(r, e);
-        var o, i;
+    function N(r, e) {
+        if (null == r) return {};
+        var a, o, i = I(r, e);
         if (Object.getOwnPropertySymbols) {
             var t = Object.getOwnPropertySymbols(r);
-            for (i = 0; i < t.length; i++) {
-                o = t[i];
-                if (e.indexOf(o) >= 0) continue;
-                if (!Object.prototype.propertyIsEnumerable.call(r, o)) continue;
-                a[o] = r[o];
+            for (o = 0; o < t.length; o++) {
+                a = t[o], e.includes(a) || {}.propertyIsEnumerable.call(r, a) && (i[a] = r[a]);
             }
         }
-        return a;
+        return i;
     }
-    function W(r, e) {
-        if (r == null) return {};
+    function I(r, e) {
+        if (null == r) return {};
         var a = {};
-        var o = Object.keys(r);
-        var i, t;
-        for (t = 0; t < o.length; t++) {
-            i = o[t];
-            if (e.indexOf(i) >= 0) continue;
-            a[i] = r[i];
+        for (var o in r) {
+            if ({}.hasOwnProperty.call(r, o)) {
+                if (e.includes(o)) continue;
+                a[o] = r[o];
+            }
         }
         return a;
     }
-    function q(r, e) {
-        if (!(r instanceof e)) {
-            throw new TypeError("Cannot call a class as a function");
-        }
+    function V(r, e) {
+        if (!(r instanceof e)) throw new TypeError("Cannot call a class as a function");
     }
     function E(r, e) {
         for (var a = 0; a < e.length; a++) {
             var o = e[a];
-            o.enumerable = o.enumerable || false;
-            o.configurable = true;
-            if ("value" in o) o.writable = true;
-            Object.defineProperty(r, o.key, o);
+            o.enumerable = o.enumerable || !1, o.configurable = !0, "value" in o && (o.writable = !0), 
+            Object.defineProperty(r, J(o.key), o);
         }
     }
-    function M(r, e, a) {
-        if (e) E(r.prototype, e);
-        if (a) E(r, a);
-        return r;
+    function W(r, e, a) {
+        return e && E(r.prototype, e), a && E(r, a), Object.defineProperty(r, "prototype", {
+            writable: !1
+        }), r;
     }
-    function L(r, e) {
-        if (typeof e !== "function" && e !== null) {
-            throw new TypeError("Super expression must either be null or a function");
-        }
+    function q(r, e) {
+        if ("function" != typeof e && null !== e) throw new TypeError("Super expression must either be null or a function");
         r.prototype = Object.create(e && e.prototype, {
             constructor: {
                 value: r,
-                writable: true,
-                configurable: true
+                writable: !0,
+                configurable: !0
             }
-        });
-        if (e) z(r, e);
+        }), Object.defineProperty(r, "prototype", {
+            writable: !1
+        }), e && M(r, e);
     }
-    function z(r, e) {
-        z = Object.setPrototypeOf || function r(e, a) {
-            e.__proto__ = a;
-            return e;
-        };
-        return z(r, e);
+    function M(r, e) {
+        return M = Object.setPrototypeOf ? Object.setPrototypeOf.bind() : function(r, e) {
+            return r.__proto__ = e, r;
+        }, M(r, e);
     }
-    function U(r) {
-        var e = J();
-        return function a() {
-            var o = K(r), i;
+    function R(r) {
+        var e = U();
+        return function() {
+            var a, o = F(r);
             if (e) {
-                var t = K(this).constructor;
-                i = Reflect.construct(o, arguments, t);
-            } else {
-                i = o.apply(this, arguments);
-            }
-            return F(this, i);
+                var i = F(this).constructor;
+                a = Reflect.construct(o, arguments, i);
+            } else a = o.apply(this, arguments);
+            return L(this, a);
         };
     }
-    function F(r, e) {
-        if (e && (I(e) === "object" || typeof e === "function")) {
-            return e;
-        }
-        return G(r);
+    function L(r, e) {
+        if (e && ("object" == T(e) || "function" == typeof e)) return e;
+        if (void 0 !== e) throw new TypeError("Derived constructors may only return object or undefined");
+        return z(r);
     }
-    function G(r) {
-        if (r === void 0) {
-            throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
-        }
+    function z(r) {
+        if (void 0 === r) throw new ReferenceError("this hasn't been initialised - super() hasn't been called");
         return r;
     }
-    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 (r) {
-            return false;
-        }
+            var r = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], (function() {})));
+        } catch (r) {}
+        return (U = function e() {
+            return !!r;
+        })();
     }
-    function K(r) {
-        K = Object.setPrototypeOf ? Object.getPrototypeOf : function r(e) {
-            return e.__proto__ || Object.getPrototypeOf(e);
-        };
-        return K(r);
+    function F(r) {
+        return F = Object.setPrototypeOf ? Object.getPrototypeOf.bind() : function(r) {
+            return r.__proto__ || Object.getPrototypeOf(r);
+        }, F(r);
     }
-    function Q(r, e, a) {
-        if (e in r) {
-            Object.defineProperty(r, e, {
-                value: a,
-                enumerable: true,
-                configurable: true,
-                writable: true
-            });
-        } else {
-            r[e] = a;
+    function G(r, e, a) {
+        return (e = J(e)) in r ? Object.defineProperty(r, e, {
+            value: a,
+            enumerable: !0,
+            configurable: !0,
+            writable: !0
+        }) : r[e] = a, r;
+    }
+    function J(r) {
+        var e = K(r, "string");
+        return "symbol" == T(e) ? e : e + "";
+    }
+    function K(r, e) {
+        if ("object" != T(r) || !r) return r;
+        var a = r[Symbol.toPrimitive];
+        if (void 0 !== a) {
+            var o = a.call(r, e || "default");
+            if ("object" != T(o)) return o;
+            throw new TypeError("@@toPrimitive must return a primitive value.");
         }
-        return r;
+        return ("string" === e ? String : Number)(r);
     }
-    function X(r) {
-        return er(r) || rr(r) || Z(r) || Y();
+    function Q(r) {
+        return rr(r) || Z(r) || Y(r) || X();
     }
-    function Y() {
+    function X() {
         throw new TypeError("Invalid attempt to spread non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function Z(r, e) {
-        if (!r) return;
-        if (typeof r === "string") return ar(r, e);
-        var a = Object.prototype.toString.call(r).slice(8, -1);
-        if (a === "Object" && r.constructor) a = r.constructor.name;
-        if (a === "Map" || a === "Set") return Array.from(r);
-        if (a === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a)) return ar(r, e);
+    function Y(r, e) {
+        if (r) {
+            if ("string" == typeof r) return er(r, e);
+            var a = {}.toString.call(r).slice(8, -1);
+            return "Object" === a && r.constructor && (a = r.constructor.name), "Map" === a || "Set" === a ? Array.from(r) : "Arguments" === a || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(a) ? er(r, e) : void 0;
+        }
     }
-    function rr(r) {
-        if (typeof Symbol !== "undefined" && Symbol.iterator in Object(r)) return Array.from(r);
+    function Z(r) {
+        if ("undefined" != typeof Symbol && null != r[Symbol.iterator] || null != r["@@iterator"]) return Array.from(r);
     }
-    function er(r) {
-        if (Array.isArray(r)) return ar(r);
+    function rr(r) {
+        if (Array.isArray(r)) return er(r);
     }
-    function ar(r, e) {
-        if (e == null || e > r.length) e = r.length;
-        for (var a = 0, o = new Array(e); a < e; a++) {
+    function er(r, e) {
+        (null == e || e > r.length) && (e = r.length);
+        for (var a = 0, o = Array(e); a < e; a++) {
             o[a] = r[a];
         }
         return o;
     }
-    var or = [ "default", "secondary", "primary", "destructive", "subtle" ];
-    var ir = [].concat(or, [ "pill" ]);
-    var tr = [].concat(or, [ "toggle", "flat" ]);
- // Array.from(new Set... is used to de-duplicate the appearances
-        var lr = Array.from(new Set([].concat(X(ir), X(tr))));
-    var nr = {
+    var ar = [ "default", "secondary", "primary", "destructive", "subtle" ];
+    var or = [].concat(ar, [ "pill" ]);
+    var ir = [].concat(ar, [ "toggle", "flat" ]);
+    // Array.from(new Set... is used to de-duplicate the appearances
+        var tr = Array.from(new Set([].concat(Q(or), Q(ir))));
+    var lr = {
         action: t().string,
         appearance: t().oneOf([ "default", "secondary", "primary", "destructive", "subtle", "pill", "toggle", "flat" ]),
         append: t().bool,
@@ -695,7 +661,7 @@
         splunkTheme: t().object,
         to: t().string
     };
-    var sr = {
+    var nr = {
         appearance: "default",
         append: false,
         disabled: false,
@@ -704,27 +670,29 @@
         openInNewContext: false,
         prepend: false
     };
-    var cr =  function(r) {
-        L(a, r);
-        var e = U(a);
+    var sr =  function(r) {
+        q(a, r);
+        var e = R(a);
         function a() {
             var r;
-            q(this, a);
+            V(this, a);
             for (var o = arguments.length, i = new Array(o), t = 0; t < o; t++) {
                 i[t] = arguments[t];
             }
             r = e.call.apply(e, [ this ].concat(i));
-            Q(G(r), "component", null);
-            Q(G(r), "handleMount", (function(e) {
+            G(z(r), "component", null);
+            G(z(r), "handleMount", (function(e) {
                 r.component = e;
             }));
             return r;
         }
-        M(a, [ {
+ // @docs-props-type ButtonSimplePropsBase
+                W(a, [ {
             key: "focus",
             /**
      * Places focus on the button.
      */
+            // eslint-disable-next-line react/no-unused-class-component-methods
             value: function r() {
                 var e;
                 (e = this.component) === null || e === void 0 ? void 0 : e.focus();
@@ -737,10 +705,10 @@
                 if (i.family === "enterprise") {
                     if (o) {
                         t = "destructive";
-                    } else if (!ir.includes(a)) {
+                    } else if (!or /* the readonly string[] cast is needed due to https://github.com/microsoft/TypeScript/issues/26255 */ .includes(a)) {
                         t = "default";
                     }
-                } else if (i.family === "prisma" && !tr.includes(a)) {
+                } else if (i.family === "prisma" && !ir /* the readonly string[] cast is needed due to https://github.com/microsoft/TypeScript/issues/26255 */ .includes(a)) {
                     t = "secondary";
                 }
                 return t;
@@ -748,9 +716,9 @@
         }, {
             key: "render",
             value: function r() {
-                var e = this.props, a = e.append, i = e.children, t = e.error, l = e.prepend, n = e.selected, s = V(e, [ "append", "children", "error", "prepend", "selected" ]);
+                var e = this.props, a = e.append, i = e.children, t = e.error, l = e.prepend, n = e.selected, s = N(e, [ "append", "children", "error", "prepend", "selected" ]);
                 
-                return o().createElement(T, R({
+                return o().createElement(H, _({
                     "aria-invalid": t,
                     "aria-pressed": n,
                     "data-test": "button-simple",
@@ -765,11 +733,12 @@
         } ]);
         return a;
     }(a.Component);
-    Q(cr, "defaultProps", sr);
-    Q(cr, "propTypes", nr);
-    var dr = (0, l.withSplunkTheme)(cr);
-    dr.propTypes = cr.propTypes;
-    /* harmony default export */    const vr = dr;
-    // CONCATENATED MODULE: ./src/ButtonSimple/index.ts
+    G(sr, "defaultProps", nr);
+    G(sr, "propTypes", lr);
+    var cr = (0, l.withSplunkTheme)(sr);
+    cr.propTypes = sr.propTypes;
+    /* harmony default export */    const br = cr;
+    // only for styled-components that wrap ButtonSimple
+        // CONCATENATED MODULE: ./src/ButtonSimple/index.ts
     module.exports = e;
     /******/})();