@splunk/react-ui 5.4.0 → 5.5.0

package/Color.js

@@ -61,8 +61,8 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ sr,
-        defaultPalette: () => /* reexport */ Re
+        default: () => /* reexport */ cr,
+        defaultPalette: () => /* reexport */ De
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -95,8 +95,8 @@
     // CONCATENATED MODULE: external "@splunk/ui-utils/id"
     const w = require("@splunk/ui-utils/id");
     // CONCATENATED MODULE: external "@splunk/react-ui/Tooltip"
-    const S = require("@splunk/react-ui/Tooltip");
-    var C =  e.n(S);
+    const C = require("@splunk/react-ui/Tooltip");
+    var S =  e.n(C);
     // CONCATENATED MODULE: external "styled-components"
     const O = require("styled-components");
     var x =  e.n(O);
@@ -282,16 +282,17 @@
         var r = e.$append;
         return r && (0, O.css)([ "border-start-end-radius:0;border-end-end-radius:0;border-right:none;" ]);
     }));
-    var te = x()(H()).attrs((function(e) {
+    var te = {};
+    var ne = x()(H()).attrs((function(e) {
         var r = e.$value;
         // this avoids styled-components generating a separate class for each swatch color
         // which avoids the "Over 200 classes were generated for component Component" warning
         // when rapidly changing colors (ie. with the system color picker)
                 return r != null && r !== Y ? {
             style: {
-                "background-color": r
+                backgroundColor: r
             }
-        } : {};
+        } : te;
     })).withConfig({
         displayName: "SwatchStyles__StyledClickable",
         componentId: "sc-1wxunhq-2"
@@ -315,8 +316,8 @@
         return r && (0, O.css)([ "display:flex;align-items:center;justify-content:center;" ]);
     }));
     // CONCATENATED MODULE: ./src/Color/Swatch.tsx
-    function ne() {
-        return ne = Object.assign ? Object.assign.bind() : function(e) {
+    function ae() {
+        return ae = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -324,11 +325,11 @@
                 }
             }
             return e;
-        }, ne.apply(null, arguments);
+        }, ae.apply(null, arguments);
     }
-    function ae(e, r) {
+    function oe(e, r) {
         if (null == e) return {};
-        var t, n, a = oe(e, r);
+        var t, n, a = le(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
@@ -337,7 +338,7 @@
         }
         return a;
     }
-    function oe(e, r) {
+    function le(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -348,7 +349,7 @@
         }
         return t;
     }
-    var le = {
+    var ie = {
         append: s().bool,
         elementRef: s().oneOfType([ s().func, s().object ]),
         /** @private */
@@ -360,8 +361,8 @@
         /** @private */
         showSelected: s().bool
     };
-    var ie =  n().forwardRef((function(e, r) {
-        var a = e.append, o = e.disabled, l = e.error, i = l === void 0 ? false : l, u = e.onClick, s = e.prepend, c = e.value, d = e.showSelected, f = ae(e, [ "append", "disabled", "error", "onClick", "prepend", "value", "showSelected" ]);
+    var ue =  n().forwardRef((function(e, r) {
+        var a = e.append, o = e.disabled, l = e.error, i = l === void 0 ? false : l, u = e.onClick, s = e.prepend, c = e.value, d = e.showSelected, f = oe(e, [ "append", "disabled", "error", "onClick", "prepend", "value", "showSelected" ]);
         // @docs-props-type SwatchPropsBase
                 var v = c === null || c === undefined ? (0, g._)("No color") : c;
         // Only valid hexadecimal strings, 'transparent' and `null` are allowed for background colors
@@ -380,7 +381,7 @@
             $disabled: o !== null && o !== void 0 ? o : false,
             $append: a,
             $prepend: s
-        },  n().createElement(te, ne({
+        },  n().createElement(ne, ae({
             onClick: y,
             disabled: o ? "disabled" : undefined,
             ref: r,
@@ -397,11 +398,11 @@
             $value: b
         }),  n().createElement(p(), null, v)));
     }));
-    ie.propTypes = le;
-    /* harmony default export */    const ue = ie;
+    ue.propTypes = ie;
+    /* harmony default export */    const se = ue;
     // CONCATENATED MODULE: ./src/Color/ColorInput.tsx
-    function se() {
-        return se = Object.assign ? Object.assign.bind() : function(e) {
+    function ce() {
+        return ce = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -409,29 +410,29 @@
                 }
             }
             return e;
-        }, se.apply(null, arguments);
+        }, ce.apply(null, arguments);
     }
-    function ce(e, r) {
-        return be(e) || ve(e, r) || fe(e, r) || de();
+    function de(e, r) {
+        return ye(e) || be(e, r) || pe(e, r) || fe();
     }
-    function de() {
+    function fe() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function fe(e, r) {
+    function pe(e, r) {
         if (e) {
-            if ("string" == typeof e) return pe(e, r);
+            if ("string" == typeof e) return ve(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? pe(e, r) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? ve(e, r) : void 0;
         }
     }
-    function pe(e, r) {
+    function ve(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
         }
         return n;
     }
-    function ve(e, r) {
+    function be(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, a, o, l, i = [], u = !0, s = !1;
@@ -453,12 +454,12 @@
             return i;
         }
     }
-    function be(e) {
+    function ye(e) {
         if (Array.isArray(e)) return e;
     }
-    function ye(e, r) {
+    function me(e, r) {
         if (null == e) return {};
-        var t, n, a = me(e, r);
+        var t, n, a = he(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
@@ -467,7 +468,7 @@
         }
         return a;
     }
-    function me(e, r) {
+    function he(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -480,7 +481,7 @@
     }
     /**
  * Formats the value for display in the input.
- */    var he = function e(r) {
+ */    var ge = function e(r) {
         if (r === undefined) {
             return "";
         }
@@ -505,7 +506,7 @@
     };
     /**
  * Returns the value that's valid for Color's onChange
- */    var ge = function e(r) {
+ */    var we = function e(r) {
         if (r === X) {
             return null;
         }
@@ -514,22 +515,22 @@
         }
         return r;
     };
-    var we = (0, g._)("Open system color picker");
+    var Ce = (0, g._)("Open system color picker");
     var Se = function e(r) {
-        var a = r.allowTransparent, o = r.append, l = r.disabled, i = r.inputRef, u = r.labelledBy, s = r.onChange, c = r.showPicker, d = r.showSubmitButton, f = r.value, v = r.valueIsCustom, b = ye(r, [ "allowTransparent", "append", "disabled", "inputRef", "labelledBy", "onChange", "showPicker", "showSubmitButton", "value", "valueIsCustom" ]);
-        var y = (0, t.useState)((0, w.createDOMID)("hex-input-reader-content")), m = ce(y, 1), S = m[0];
-        var O = (0, t.useState)(""), x = ce(O, 2), k = x[0], E = x[1];
-        var j = (0, t.useState)(""), I = ce(j, 2), P = I[0], _ = I[1];
+        var a = r.allowTransparent, o = r.append, l = r.disabled, i = r.inputRef, u = r.labelledBy, s = r.onChange, c = r.showPicker, d = r.showSubmitButton, f = r.value, v = r.valueIsCustom, b = me(r, [ "allowTransparent", "append", "disabled", "inputRef", "labelledBy", "onChange", "showPicker", "showSubmitButton", "value", "valueIsCustom" ]);
+        var y = (0, t.useState)((0, w.createDOMID)("hex-input-reader-content")), m = de(y, 1), C = m[0];
+        var O = (0, t.useState)(""), x = de(O, 2), k = x[0], E = x[1];
+        var j = (0, t.useState)(""), I = de(j, 2), P = I[0], _ = I[1];
         var R = (0, t.useCallback)((function(e) {
-            E(ge(e));
+            E(we(e));
             _(e !== null && e !== void 0 ? e : "");
         }), []);
         (0, t.useEffect)((function() {
-            E(ge(f));
-            _(he(f));
+            E(we(f));
+            _(ge(f));
         }), [ f ]);
         var D = (0, t.useCallback)((function(e) {
-            var r = ge(he(P));
+            var r = we(ge(P));
             var t = r !== undefined && (r == null || r === Y && a || (0, h.isValidHexColor)(r));
             if (t) {
                 s === null || s === void 0 ? void 0 : s(e, {
@@ -554,14 +555,14 @@
             var r = e.target.value;
             R(r);
         }), [ R ]);
-        var M = c &&  n().createElement(C(), {
-            content: we,
+        var M = c &&  n().createElement(S(), {
+            content: Ce,
             defaultPlacement: "below"
         },  n().createElement(A, {
             $append: o,
             $prepend: true
         },  n().createElement(T, null),  n().createElement($, {
-            "aria-label": we,
+            "aria-label": Ce,
             disabled: !!l,
             onChange: F,
             type: "color",
@@ -569,20 +570,20 @@
         })));
         
         return n().createElement(n().Fragment, null,  n().createElement(q, null,  n().createElement(p(), {
-            id: S
-        }, (0, g._)("Hexadecimal color value")),  n().createElement(B, se({
+            id: C
+        }, (0, g._)("Hexadecimal color value")),  n().createElement(B, ce({
             append: o || c,
             autoCapitalize: "off",
             autoComplete: "off",
             autoCorrect: "off",
             disabled: l,
             inputRef: i,
-            labelledBy: u ? "".concat(u, " ").concat(S) : S,
+            labelledBy: u ? "".concat(u, " ").concat(C) : C,
             onChange: N,
             onKeyDown: H,
             spellCheck: false,
             value: P
-        }, b)), M), d &&  n().createElement(ue, {
+        }, b)), M), d &&  n().createElement(se, {
             "data-test": "textbox-swatch",
             disabled: !!l,
             onClick: D,
@@ -590,49 +591,49 @@
             value: k
         }));
     };
-    /* harmony default export */    const Ce = Se;
+    /* harmony default export */    const Oe = Se;
     // CONCATENATED MODULE: ./src/Color/ColorStyles.ts
-    var Oe = x().div.withConfig({
+    var xe = x().div.withConfig({
         displayName: "ColorStyles__StyledColor",
         componentId: "jxrost-0"
     })([ "", ";flex-direction:row;" ], P.mixins.reset("flex"));
-    var xe = x().div.withConfig({
+    var ke = x().div.withConfig({
         displayName: "ColorStyles__StyledPaletteInputWrapper",
         componentId: "jxrost-1"
     })([ "display:flex;min-width:0;gap:", ";" ], P.variables.spacingSmall);
-    var ke = x()(Ce).withConfig({
+    var Ee = x()(Oe).withConfig({
         displayName: "ColorStyles__StyledColorInput",
         componentId: "jxrost-2"
     })([ "flex-grow:0;&:focus-within{z-index:1;}" ]);
     // CONCATENATED MODULE: external "@splunk/react-ui/Divider"
-    const Ee = require("@splunk/react-ui/Divider");
-    var je =  e.n(Ee);
+    const je = require("@splunk/react-ui/Divider");
+    var Ie =  e.n(je);
     // CONCATENATED MODULE: ./src/Color/PaletteStyles.ts
-    var Ie = 5;
-    var Pe = x().div.withConfig({
+    var Pe = 5;
+    var _e = x().div.withConfig({
         displayName: "PaletteStyles__StyledPalette",
         componentId: "qgv9v9-0"
     })([ "padding:", " ", ";" ], P.variables.spacingMedium, P.variables.spacingLarge);
-    var _e = x().ul.withConfig({
+    var qe = x().ul.withConfig({
         displayName: "PaletteStyles__StyledSwatches",
         componentId: "qgv9v9-1"
-    })([ "", ";grid-template-columns:repeat(", ",", ");gap:", ";" ], P.mixins.reset("grid"), Ie, P.variables.inputHeight, P.variables.spacingSmall);
-    var qe = x().li.withConfig({
+    })([ "", ";grid-template-columns:repeat(", ",", ");gap:", ";" ], P.mixins.reset("grid"), Pe, P.variables.inputHeight, P.variables.spacingSmall);
+    var Be = x().li.withConfig({
         displayName: "PaletteStyles__StyledSwatch",
         componentId: "qgv9v9-2"
     })([ "", ";" ], P.mixins.reset("inline-block"));
-    var Be = x().div.withConfig({
+    var Ae = x().div.withConfig({
         displayName: "PaletteStyles__StyledToolBar",
         componentId: "qgv9v9-3"
     })([ "position:relative;display:flex;align-items:center;gap:", ";" ], P.variables.spacingSmall);
-    var Ae = x()(je()).withConfig({
+    var $e = x()(Ie()).withConfig({
         displayName: "PaletteStyles__StyledDivider",
         componentId: "qgv9v9-4"
     })([ "margin-block:", ";" ], P.variables.spacingSmall);
     // CONCATENATED MODULE: ./src/Color/Palette.tsx
-    function $e(e, r) {
+    function Te(e, r) {
         if (null == e) return {};
-        var t, n, a = Te(e, r);
+        var t, n, a = Re(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
@@ -641,7 +642,7 @@
         }
         return a;
     }
-    function Te(e, r) {
+    function Re(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -652,13 +653,13 @@
         }
         return t;
     }
-    var Re = [ "#7B56DB", "#009CEB", "#00CDAF", "#DD9900", "#FF677B", "#CB2196", "#813193", "#0051B5", "#008C80", "#99B100", "#FFA476", "#FF6ACE", "#AE8CFF", "#00689D", "#00490A", "#465D00", "#9D6300", "#F6540B", "#FF969E", "#E47BFE" ];
-    var De = function e(r, t) {
+    var De = [ "#7B56DB", "#009CEB", "#00CDAF", "#DD9900", "#FF677B", "#CB2196", "#813193", "#0051B5", "#008C80", "#99B100", "#FFA476", "#FF6ACE", "#AE8CFF", "#00689D", "#00490A", "#465D00", "#9D6300", "#F6540B", "#FF969E", "#E47BFE" ];
+    var Ne = function e(r, t) {
         return t != null && (r === null || r === void 0 ? void 0 : r.includes(t));
     };
-    var Ne = [ null, "#ffffff", "#000000" ];
-    function He(e) {
-        var r = e.activeInputRef, a = e.disabled, o = e.onChange, l = e.palette, i = l === void 0 ? Re : l, u = e.value, s = $e(e, [ "activeInputRef", "disabled", "onChange", "palette", "value" ]);
+    var He = [ null, "#ffffff", "#000000" ];
+    function Fe(e) {
+        var r = e.activeInputRef, a = e.disabled, o = e.onChange, l = e.palette, i = l === void 0 ? De : l, u = e.value, s = Te(e, [ "activeInputRef", "disabled", "onChange", "palette", "value" ]);
         // @docs-props-type PalettePropsBase
                 var c = (0, t.useMemo)((function() {
             return i === null || i === void 0 ? void 0 : i.map((function(e) {
@@ -667,10 +668,10 @@
         }), [ i ]);
         var d = u != null ? u.toLowerCase() : u;
         var f = (0, t.useMemo)((function() {
-            return De(c, d);
+            return Ne(c, d);
         }), [ c, d ]);
         var p = (0, t.useMemo)((function() {
-            return De(Ne, d);
+            return Ne(He, d);
         }), [ d ]);
         var v = !f && !p && d !== "";
         var b = (0, t.useMemo)((function() {
@@ -688,9 +689,9 @@
             var t = e === null ? null : e.toLowerCase();
             var o = t === d;
             
-            return n().createElement(qe, {
+            return n().createElement(Be, {
                 key: t || "null"
-            },  n().createElement(ue, {
+            },  n().createElement(se, {
                 value: t,
                 ref: o ? r : null,
                 onClick: y,
@@ -698,11 +699,11 @@
                 disabled: a
             }));
         }));
-        var h =  n().createElement(Be, {
+        var h =  n().createElement(Ae, {
             "data-test": "tool-bar"
-        }, Ne.map((function(e) {
+        }, He.map((function(e) {
             
-            return n().createElement(ue, {
+            return n().createElement(se, {
                 key: e,
                 disabled: a,
                 onClick: y,
@@ -712,11 +713,11 @@
             });
         })));
         
-        return n().createElement(Pe, s, m.length > 0 &&  n().createElement(n().Fragment, null,  n().createElement(_e, null, m),  n().createElement(Ae, {
+        return n().createElement(_e, s, m.length > 0 &&  n().createElement(n().Fragment, null,  n().createElement(qe, null, m),  n().createElement($e, {
             appearance: "weak"
-        })), h,  n().createElement(Ae, {
+        })), h,  n().createElement($e, {
             appearance: "weak"
-        }),  n().createElement(xe, null,  n().createElement(Ce, {
+        }),  n().createElement(ke, null,  n().createElement(Oe, {
             allowTransparent: b,
             disabled: a,
             inputRef: v ? r : null,
@@ -727,30 +728,30 @@
             valueIsCustom: v
         })));
     }
-    /* harmony default export */    const Fe = He;
+    /* harmony default export */    const Me = Fe;
     // CONCATENATED MODULE: ./src/Color/Color.tsx
-    function Me(e) {
+    function Le(e) {
         "@babel/helpers - typeof";
-        return Me = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return Le = "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;
-        }, Me(e);
+        }, Le(e);
     }
-    function Le(e) {
-        return We(e) || Ve(e) || er(e) || ze();
+    function ze(e) {
+        return Ke(e) || We(e) || rr(e) || Ve();
     }
-    function ze() {
+    function Ve() {
         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 Ve(e) {
+    function We(e) {
         if ("undefined" != typeof Symbol && null != e[Symbol.iterator] || null != e["@@iterator"]) return Array.from(e);
     }
-    function We(e) {
-        if (Array.isArray(e)) return rr(e);
+    function Ke(e) {
+        if (Array.isArray(e)) return tr(e);
     }
-    function Ke() {
-        return Ke = Object.assign ? Object.assign.bind() : function(e) {
+    function Ue() {
+        return Ue = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -758,9 +759,9 @@
                 }
             }
             return e;
-        }, Ke.apply(null, arguments);
+        }, Ue.apply(null, arguments);
     }
-    function Ue(e, r) {
+    function Ge(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -770,60 +771,60 @@
         }
         return t;
     }
-    function Ge(e) {
+    function Je(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? Ue(Object(t), !0).forEach((function(r) {
-                Je(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ue(Object(t)).forEach((function(r) {
+            r % 2 ? Ge(Object(t), !0).forEach((function(r) {
+                Qe(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : Ge(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function Je(e, r, t) {
-        return (r = Qe(r)) in e ? Object.defineProperty(e, r, {
+    function Qe(e, r, t) {
+        return (r = Xe(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = t, e;
     }
-    function Qe(e) {
-        var r = Xe(e, "string");
-        return "symbol" == Me(r) ? r : r + "";
+    function Xe(e) {
+        var r = Ye(e, "string");
+        return "symbol" == Le(r) ? r : r + "";
     }
-    function Xe(e, r) {
-        if ("object" != Me(e) || !e) return e;
+    function Ye(e, r) {
+        if ("object" != Le(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var n = t.call(e, r || "default");
-            if ("object" != Me(n)) return n;
+            if ("object" != Le(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
-    function Ye(e, r) {
-        return nr(e) || tr(e, r) || er(e, r) || Ze();
+    function Ze(e, r) {
+        return ar(e) || nr(e, r) || rr(e, r) || er();
     }
-    function Ze() {
+    function er() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
     }
-    function er(e, r) {
+    function rr(e, r) {
         if (e) {
-            if ("string" == typeof e) return rr(e, r);
+            if ("string" == typeof e) return tr(e, r);
             var t = {}.toString.call(e).slice(8, -1);
-            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? rr(e, r) : void 0;
+            return "Object" === t && e.constructor && (t = e.constructor.name), "Map" === t || "Set" === t ? Array.from(e) : "Arguments" === t || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(t) ? tr(e, r) : void 0;
         }
     }
-    function rr(e, r) {
+    function tr(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
         }
         return n;
     }
-    function tr(e, r) {
+    function nr(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, a, o, l, i = [], u = !0, s = !1;
@@ -845,12 +846,12 @@
             return i;
         }
     }
-    function nr(e) {
+    function ar(e) {
         if (Array.isArray(e)) return e;
     }
-    function ar(e, r) {
+    function or(e, r) {
         if (null == e) return {};
-        var t, n, a = or(e, r);
+        var t, n, a = lr(e, r);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
@@ -859,7 +860,7 @@
         }
         return a;
     }
-    function or(e, r) {
+    function lr(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -870,7 +871,7 @@
         }
         return t;
     }
-    /** @public */    var lr = {
+    /** @public */    var ir = {
         append: s().bool,
         defaultValue: s().string,
         describedBy: s().string,
@@ -887,30 +888,30 @@
         required: s().bool,
         value: s().string
     };
-    var ir = [ "clickAway", "escapeKey", "offScreen", "toggleClick" ];
+    var ur = [ "clickAway", "escapeKey", "offScreen", "toggleClick" ];
     /*
  * When the dropdown opens:
  * 1. If palette contains the color and the color is selected, the dropdown focus the color.
  * 2. If palette doesn't contain the color, the custom color picker swatch is focused.
- */    function ur(e) {
-        var r = e.append, a = e.defaultValue, l = e.disabled, u = e.describedBy, s = e.elementRef, c = e.error, f = e.hideInput, v = e.labelledBy, y = e.name, h = e.onChange, S = e.palette, C = S === void 0 ? Re : S, O = e.prepend, x = e.required, k = e.value, E = ar(e, [ "append", "defaultValue", "disabled", "describedBy", "elementRef", "error", "hideInput", "labelledBy", "name", "onChange", "palette", "prepend", "required", "value" ]);
+ */    function sr(e) {
+        var r = e.append, a = e.defaultValue, l = e.disabled, u = e.describedBy, s = e.elementRef, c = e.error, f = e.hideInput, v = e.labelledBy, y = e.name, h = e.onChange, C = e.palette, S = C === void 0 ? De : C, O = e.prepend, x = e.required, k = e.value, E = or(e, [ "append", "defaultValue", "disabled", "describedBy", "elementRef", "error", "hideInput", "labelledBy", "name", "onChange", "palette", "prepend", "required", "value" ]);
         // @docs-props-type ColorPropsBase
                 var j = (0, t.useMemo)((function() {
-            return C.some((function(e) {
+            return S.some((function(e) {
                 return e !== null && e.toLowerCase() === Y;
             }));
-        }), [ C ]);
+        }), [ S ]);
         var I = b()({
             componentName: "Color",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var P = (0, t.useState)(a), _ = Ye(P, 2), q = _[0], B = _[1];
-        var A = (0, t.useState)(false), $ = Ye(A, 2), T = $[0], R = $[1];
+        var P = (0, t.useState)(a), _ = Ze(P, 2), q = _[0], B = _[1];
+        var A = (0, t.useState)(false), $ = Ze(A, 2), T = $[0], R = $[1];
         var D = m()(T);
         var N = (0, t.useState)((function() {
             return (0, w.createDOMID)("swatch-reader-content");
-        })), H = Ye(N, 1), F = H[0];
+        })), H = Ze(N, 1), F = H[0];
         var M = (0, t.useRef)(null);
         var L = (0, t.useRef)(null);
         (0, t.useEffect)((function() {
@@ -961,18 +962,18 @@
         }), [ V ]);
         var J = function e() {
             
-            return n().createElement(Fe, {
+            return n().createElement(Me, {
                 activeInputRef: L,
                 "aria-label": (0, g._)("Choose color"),
                 disabled: l,
                 onChange: U,
-                palette: C,
+                palette: S,
                 role: "dialog",
                 value: z
             });
         };
         var Q = (0, t.useMemo)((function() {
-            return Ge(Ge({}, i()(E, (function(e, r) {
+            return Je(Je({}, i()(E, (function(e, r) {
                 return r.indexOf("aria-") === 0;
             }))), {}, {
                 "aria-describedby": u,
@@ -982,7 +983,7 @@
         }), [ u, c, v, E, F ]);
         var X = function e() {
             
-            return n().createElement(ue, Ke({
+            return n().createElement(se, Ue({
                 append: !f ? true : r,
                 "data-test": "toggle-swatch",
                 "data-test-value": z
@@ -996,20 +997,20 @@
             }));
         };
         
-        return n().createElement(Oe, Ke({
+        return n().createElement(xe, Ue({
             "data-test": "color",
             ref: s
-        }, o()(E, Le(Object.keys(Q)))),  n().createElement(p(), {
+        }, o()(E, ze(Object.keys(Q)))),  n().createElement(p(), {
             id: F
         }, (0, g._)("Color picker")),  n().createElement(d(), {
-            closeReasons: ir,
+            closeReasons: ur,
             onRequestClose: W,
             onRequestOpen: K,
             open: T,
             retainFocus: true,
             takeFocus: false,
             toggle: X()
-        }, J()), !f &&  n().createElement(ke, {
+        }, J()), !f &&  n().createElement(Ee, {
             allowTransparent: j,
             append: r,
             disabled: l,
@@ -1020,9 +1021,9 @@
             value: z
         }));
     }
-    ur.propTypes = lr;
-    ur.componentType = "Color";
-    /* harmony default export */    const sr = ur;
+    sr.propTypes = ir;
+    sr.componentType = "Color";
+    /* harmony default export */    const cr = sr;
     // CONCATENATED MODULE: ./src/Color/index.ts
     module.exports = r;
     /******/})();