@splunk/react-ui 5.2.0 → 5.4.0

package/Accordion.js

@@ -76,26 +76,26 @@
     // CONCATENATED MODULE: external "@splunk/react-ui/usePrevious"
     const u = require("@splunk/react-ui/usePrevious");
     var c =  e.n(u);
+    // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
+    var s =  (0, r.createContext)({});
+    s.displayName = "Accordion";
+    /* harmony default export */    const f = s;
     // CONCATENATED MODULE: external "styled-components"
-    const s = require("styled-components");
-    var f =  e.n(s);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const d = require("@splunk/react-ui/Box");
+    const d = require("styled-components");
     var p =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
+    const v = require("@splunk/react-ui/Box");
+    var m =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const v = require("@splunk/themes");
+    const y = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
-    var m = f()(p()).withConfig({
+    var b = p()(m()).withConfig({
         displayName: "AccordionStyles__StyledBox",
         componentId: "m39hyh-0"
-    })([ "", ";flex-direction:column;margin-bottom:0;" ], v.mixins.reset("flex"));
+    })([ "", ";flex-direction:column;margin-bottom:0;" ], y.mixins.reset("flex"));
     // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
-    const y = require("@splunk/react-ui/CollapsiblePanel");
-    var b =  e.n(y);
-    // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
-    var g =  (0, r.createContext)({});
-    g.displayName = "Accordion";
-    /* harmony default export */    const h = g;
+    const g = require("@splunk/react-ui/CollapsiblePanel");
+    var h =  e.n(g);
     // CONCATENATED MODULE: ./src/Accordion/Panel.tsx
     function O() {
         return O = Object.assign ? Object.assign.bind() : function(e) {
@@ -145,25 +145,25 @@
  */    function C(e) {
         var n = e.panelId, a = e.inset, o = P(e, [ "panelId", "inset" ]);
         // @docs-props-type AccordionPanelPropsBase
-                var l = (0, r.useContext)(g), i = l.onChange, u = l.openPanelId, c = l.inset;
-        var s = u === n;
-        var f = a !== undefined ? a : c;
+                var l = (0, r.useContext)(s), i = l.onChange, u = l.openPanelId, c = l.inset;
+        var f = u === n;
+        var d = a !== undefined ? a : c;
         // Props are different based on controlled/uncontrolled
         // For controlled, onChange required prop for controlled cases and must be defined.
-                var d = i ? {
+                var p = i ? {
             onChange: i,
-            open: s
+            open: f
         } : {
             onChange: undefined
         };
         
-        return t().createElement(b(), O({
+        return t().createElement(h(), O({
             panelId: n,
             "data-test": "panel",
-            inset: f,
+            inset: d,
             "data-test-panel-id": n,
             style: S
-        }, o, d));
+        }, o, p));
     }
     C.propTypes = j;
     /* harmony default export */    const x = C;
@@ -278,17 +278,17 @@
  * @deprecated
  * Accordion has been deprecated and will be removed in a future major version. Use Collapsible Panel's SingleOpenPanelGroup API instead.
  */    function z(e) {
-        var n = e.children, a = e.defaultOpenPanelId, o = e.elementRef, l = e.inset, u = l === void 0 ? true : l, s = e.onChange, f = e.openPanelId, d = B(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
+        var n = e.children, a = e.defaultOpenPanelId, o = e.elementRef, l = e.inset, u = l === void 0 ? true : l, s = e.onChange, d = e.openPanelId, p = B(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
         // @docs-props-type AccordionPropsBase
                 A({
             additionalMessage: "Use Collapsible Panel instead.",
             componentName: "Accordion"
         });
-        var p = c()(a);
+        var v = c()(a);
         (0, r.useEffect)((function() {
             if (false) {}
-        }), [ a, p ]);
-        var v = i()({
+        }), [ a, v ]);
+        var m = i()({
             componentName: "Accordion",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0],
@@ -296,15 +296,15 @@
             defaultValuePropName: "defaultOpenPanelId",
             valuePropName: "openPanelId"
         });
-        var y = (0, r.useState)(a), b = M(y, 2), g = b[0], O = b[1];
-        var P = v ? f : g;
+        var y = (0, r.useState)(a), g = M(y, 2), h = g[0], O = g[1];
+        var P = m ? d : h;
         var I = r.Children.toArray(n).filter(r.isValidElement);
  // remove false, null, 0, etc
                 var j = (0, r.useCallback)((function(e, n) {
             var r = n.panelId, t = n.reason;
             // if the open panel is clicked on, collapse it
                         var a = P === r ? undefined : r;
-            if (!v) {
+            if (!m) {
                 O(a);
             }
             s === null || s === void 0 ? void 0 : s(e, {
@@ -312,7 +312,7 @@
                 panelId: a,
                 reason: t
             });
-        }), [ v, s, P ]);
+        }), [ m, s, P ]);
         var S = (0, r.useMemo)((function() {
             return {
                 inset: u,
@@ -321,11 +321,11 @@
             };
         }), [ j, u, P ]);
         
-        return t().createElement(m, q({
+        return t().createElement(b, q({
             "data-test": "accordion",
             "data-test-open-panel-id": P,
             elementRef: o
-        }, d),  t().createElement(h.Provider, {
+        }, p),  t().createElement(f.Provider, {
             value: S
         }, I));
     }

package/Avatar.js

@@ -115,12 +115,10 @@
     var m = s().text.withConfig({
         displayName: "AvatarStyles__StyledText",
         componentId: "sc-1t4nch-3"
-    })([ "", ";text-transform:capitalize;text-anchor:middle;dominant-baseline:middle;alignment-baseline:middle;fill:", ";transform:translate(50%,54%);" ], u.mixins.typography({
-        weight: "bold"
-    }), (function(e) {
+    })([ "font-weight:", ";text-transform:capitalize;text-anchor:middle;dominant-baseline:central;fill:", ";font-size:", ";" ], u.variables.fontWeightBold, (function(e) {
         var r = e.$textColor;
         return r;
-    }));
+    }), u.variables.fontSize);
     // CONCATENATED MODULE: ./src/Avatar/getInitials.ts
     /**
  * Returns a suitable set of initials for a name. Uses the first character of each
@@ -184,13 +182,13 @@
     function k(e) {
         if (Array.isArray(e)) return e;
     }
-    var P = "lightText";
-    var A = "darkText";
+    var A = "lightText";
+    var P = "darkText";
     function E(e) {
         var r = S(e, 3), t = r[0], n = r[1], o = r[2];
         var i = (t * 299 + n * 587 + o * 114) / 1e3;
  // formula from https://www.w3.org/TR/AERT/#color-contrast
-                return i > 125 ? A : P;
+                return i > 125 ? P : A;
     }
     /**
  * Determines if light or dark text should be used over a specific background color by determining the color brightness of a
@@ -244,7 +242,7 @@
    * TODO: Convert theme variable color variables.neutral200 to rgb dynamically and memoize it (SUI-5731).
    */
         // backgroundColor is either not provided or an accepted representation of color
-                return e ? A : P;
+                return e ? P : A;
     }
     // CONCATENATED MODULE: ./src/Avatar/Avatar.tsx
     function I(e) {
@@ -255,7 +253,7 @@
             return e && "function" == typeof Symbol && e.constructor === Symbol && e !== Symbol.prototype ? "symbol" : typeof e;
         }, I(e);
     }
-    function _(e, r) {
+    function z(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -265,18 +263,18 @@
         }
         return t;
     }
-    function R(e) {
+    function _(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? _(Object(t), !0).forEach((function(r) {
-                z(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : _(Object(t)).forEach((function(r) {
+            r % 2 ? z(Object(t), !0).forEach((function(r) {
+                R(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : z(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function z(e, r, t) {
+    function R(e, r, t) {
         return (r = q(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
@@ -310,26 +308,26 @@
         }, H.apply(null, arguments);
     }
     function M(e, r) {
-        return L(e) || B(e, r) || D(e, r) || N();
+        return V(e) || L(e, r) || B(e, r) || N();
     }
     function N() {
         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 D(e, r) {
+    function B(e, r) {
         if (e) {
-            if ("string" == typeof e) return V(e, r);
+            if ("string" == typeof e) return D(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) ? V(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) ? D(e, r) : void 0;
         }
     }
-    function V(e, r) {
+    function D(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 B(e, r) {
+    function L(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, o, i, a, l = [], u = !0, c = !1;
@@ -351,12 +349,12 @@
             return l;
         }
     }
-    function L(e) {
+    function V(e) {
         if (Array.isArray(e)) return e;
     }
-    function U(e, r) {
+    function G(e, r) {
         if (null == e) return {};
-        var t, n, o = G(e, r);
+        var t, n, o = U(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
@@ -365,7 +363,7 @@
         }
         return o;
     }
-    function G(e, r) {
+    function U(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
@@ -389,24 +387,23 @@
         textColor: l().oneOfType([ l().oneOf([ "auto" ]), l().string, l().func ]),
         value: l().string
     };
-    function F(e) {
+    function W(e) {
         return !!e.onClick || !!e.to;
     }
-    function J(e) {
-        var r = e.backgroundColor, t = e.initials, n = e.label, o = e.size, i = U(e, [ "backgroundColor", "initials", "label", "size" ]);
-        var a = r == null ? u.variables.neutral200 : r;
-        var l = {
-            "aria-label": n,
+    function F(e) {
+        var r = e.backgroundColor, t = e.label, n = e.size, o = G(e, [ "backgroundColor", "label", "size" ]);
+        var i = r == null ? u.variables.neutral200 : r;
+        var a = {
+            "aria-label": t,
             "data-test": "avatar",
-            $backgroundColor: a,
-            $initials: t,
-            $size: o
+            $backgroundColor: i,
+            $size: n
         };
-        return [ l, i ];
+        return [ a, o ];
     }
-    function Q(e) {
-        var r = J(e), o = M(r, 2), a = o[0], l = o[1];
-        var u = l.children, c = l.elementRef, s = l.value, f = l.onClick, d = l.to, v = U(l, [ "children", "elementRef", "value", "onClick", "to" ]);
+    function J(e) {
+        var r = F(e), o = M(r, 2), a = o[0], l = o[1];
+        var u = l.children, c = l.elementRef, s = l.value, f = l.onClick, d = l.to, v = G(l, [ "children", "elementRef", "value", "onClick", "to" ]);
         var b = (0, t.useCallback)((function(e) {
             f === null || f === void 0 ? void 0 : f(e, {
                 value: s
@@ -419,57 +416,65 @@
             to: d
         }, a, i()(v, Object.keys(K))), u);
     }
-    function W(e) {
-        var r = J(e), t = M(r, 2), o = t[0], a = t[1];
-        var l = a.children, u = a.elementRef, c = U(a, [ "children", "elementRef" ]);
+    function Q(e) {
+        var r = F(e), t = M(r, 2), o = t[0], a = t[1];
+        var l = a.children, u = a.elementRef, c = G(a, [ "children", "elementRef" ]);
         
         return n().createElement(b, H({
             ref: u
         }, o, i()(c, Object.keys(K))), l);
     }
     function X(e) {
-        var r = e.backgroundColor, o = e.textColor, i = o === void 0 ? "auto" : o, a = e.initials, l = e.image, c = e.size, s = c === void 0 ? "medium" : c, f = U(e, [ "backgroundColor", "textColor", "initials", "image", "size" ]);
+        var r = e.backgroundColor, o = e.textColor, i = o === void 0 ? "auto" : o, a = e.initials, l = e.image, c = e.size, s = c === void 0 ? "medium" : c, f = G(e, [ "backgroundColor", "textColor", "initials", "image", "size" ]);
         // @docs-props-type AvatarPropsBase
                 var d = (0, u.useSplunkTheme)(), v = d.isLight;
         var b = i;
         if (i === "auto") {
             var y = T(v, r);
-            b = y === A ? u.variables.black : u.variables.white;
+            b = y === P ? u.variables.black : u.variables.white;
         }
-        var g =  n().createElement(p, {
+        // SVG attributes to improve rendering of text when initials are longer than 2 characters
+                var g = a.length > 2 ? {
+            textLength: "90%",
+            lengthAdjust: "spacingAndGlyphs"
+        } : {};
+        var h =  n().createElement(p, {
             viewBox: "0 0 32 32"
-        },  n().createElement(m, {
+        },  n().createElement(m, H({
             "data-test": "initials",
+            x: "50%",
+            y: "50%",
+            dy: "-0.5",
             $textColor: b
-        }, a));
-        var h = l !== null && l !== void 0 ? l : g;
-        var O = (0, t.useState)("loading"), S = M(O, 2), w = S[0], x = S[1];
+        }, g), a));
+        var O = l !== null && l !== void 0 ? l : h;
+        var S = (0, t.useState)("loading"), w = M(S, 2), x = w[0], j = w[1];
         if ( (0, t.isValidElement)(l)) {
             if (l.type === "img") {
-                var j = l.props, C = j.src, k = j.alt, P = j.onError, E = U(j, [ "src", "alt", "onError" ]);
-                var I =  n().createElement("img", H({
-                    src: C,
-                    alt: k,
+                var C = l.props, k = C.src, A = C.alt, E = C.onError, I = G(C, [ "src", "alt", "onError" ]);
+                var z =  n().createElement("img", H({
+                    src: k,
+                    alt: A,
                     onError: function e() {
-                        x("error");
-                        if (P) {
-                            P();
+                        j("error");
+                        if (E) {
+                            E();
                         }
                     }
-                }, E));
-                h = I;
+                }, I));
+                O = z;
             }
         }
         // fallback to initials if img fails to load
-                var _ = w !== "error" ? h : g;
-        var z = R({
+                var R = x !== "error" ? O : h;
+        var q = _({
             backgroundColor: r,
             size: s,
             initials: a,
             image: l,
             textColor: i
         }, f);
-        return F(z) ?  n().createElement(Q, z, _) :  n().createElement(W, z, _);
+        return W(q) ?  n().createElement(J, q, R) :  n().createElement(Q, q, R);
     }
     X.propTypes = K;
     /* harmony default export */    const Y = X;

package/Box.js

@@ -123,7 +123,8 @@
  * Box is a utility component to normalize and abstract common layout styles.
  */    function y(e) {
         var n = e.children, t = e.elementRef, l = e.flex, i = l === void 0 ? false : l, o = e.tag, a = o === void 0 ? "div" : o, f = e.inline, u = f === void 0 ? false : f, p = c(e, [ "children", "elementRef", "flex", "tag", "inline" ]);
-        
+        // @docs-props-type BoxPropsBase
+                
         return r().createElement(d, s({
             as: a,
             ref: t

package/Breadcrumbs.js

@@ -61,9 +61,9 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        BreadcrumbsContext: () => /* reexport */ j,
-        Item: () => /* reexport */ h,
-        default: () => /* reexport */ _
+        BreadcrumbsContext: () => /* reexport */ c,
+        Item: () => /* reexport */ S,
+        default: () => /* reexport */ E
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -73,35 +73,39 @@
     var l =  e.n(a);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
     const o = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsContext.tsx
+    var i =  (0, n.createContext)({});
+    i.displayName = "Breadcrumbs";
+    /* harmony default export */    const c = i;
     // CONCATENATED MODULE: external "styled-components"
-    const i = require("styled-components");
-    var c =  e.n(i);
+    const u = require("styled-components");
+    var s =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const u = require("@splunk/themes");
+    const d = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Breadcrumbs/BreadcrumbsStyles.ts
-    var s = c().ol.withConfig({
+    var f = s().ol.withConfig({
         displayName: "BreadcrumbsStyles__StyledList",
         componentId: "sc-1maeyfk-0"
-    })([ "", " flex-wrap:wrap;" ], u.mixins.reset("flex"));
-    var d = c().li.withConfig({
+    })([ "", " flex-wrap:wrap;" ], d.mixins.reset("flex"));
+    var p = s().li.withConfig({
         displayName: "BreadcrumbsStyles__StyledListItem",
         componentId: "sc-1maeyfk-1"
-    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], u.variables.fontWeightSemiBold, u.variables.contentColorActive);
-    var f = c().span.withConfig({
+    })([ "display:flex;min-width:max-content;a[aria-current]{font-weight:", ";color:", ";cursor:default;}" ], d.variables.fontWeightSemiBold, d.variables.contentColorActive);
+    var m = s().span.withConfig({
         displayName: "BreadcrumbsStyles__StyledSeparator",
         componentId: "sc-1maeyfk-2"
-    })([ "cursor:default;padding:0 ", ";color:", ";" ], u.variables.spacingSmall, u.variables.contentColorDefault);
+    })([ "cursor:default;padding:0 ", ";color:", ";" ], d.variables.spacingSmall, d.variables.contentColorDefault);
     // CONCATENATED MODULE: external "@splunk/react-ui/Link"
-    const p = require("@splunk/react-ui/Link");
-    var m =  e.n(p);
+    const b = require("@splunk/react-ui/Link");
+    var v =  e.n(b);
     // CONCATENATED MODULE: ./src/Breadcrumbs/ItemStyles.ts
-    var b = c()(m()).withConfig({
+    var y = s()(v()).withConfig({
         displayName: "ItemStyles__StyledLink",
         componentId: "sc-1ywtawf-0"
-    })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], u.variables.spacingXSmall, u.variables.contentColorDefault, u.variables.contentColorActive);
+    })([ "display:flex;align-items:center;gap:", ";white-space:nowrap;color:", ";&:where(:hover,:focus):not([disabled],[aria-disabled='true']){color:", ";}" ], d.variables.spacingXSmall, d.variables.contentColorDefault, d.variables.contentColorActive);
     // CONCATENATED MODULE: ./src/Breadcrumbs/Item.tsx
-    function v() {
-        return v = Object.assign ? Object.assign.bind() : function(e) {
+    function g() {
+        return g = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -109,11 +113,11 @@
                 }
             }
             return e;
-        }, v.apply(null, arguments);
+        }, g.apply(null, arguments);
     }
-    function y(e, r) {
+    function C(e, r) {
         if (null == e) return {};
-        var n, t, a = g(e, r);
+        var n, t, a = O(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
@@ -122,7 +126,7 @@
         }
         return a;
     }
-    function g(e, r) {
+    function O(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -133,7 +137,7 @@
         }
         return n;
     }
-    var C = {
+    var h = {
         elementRef: l().oneOfType([ l().func, l().object ]),
         enableCurrentPage: l().bool,
         endAdornment: l().node,
@@ -143,43 +147,43 @@
         startAdornment: l().node,
         to: l().string.isRequired
     };
-    function O(e) {
-        var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, c = e.startAdornment, u = e.to, s = y(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
+    function w(e) {
+        var r = e.enableCurrentPage, a = e.endAdornment, l = e.isCurrent, o = e.label, i = e.onClick, u = e.startAdornment, s = e.to, d = C(e, [ "enableCurrentPage", "endAdornment", "isCurrent", "label", "onClick", "startAdornment", "to" ]);
         // @docs-props-type ItemPropsBase
-                var d = (0, n.useContext)(j), f = d.onClick;
-        var p = {
-            to: u
+                var f = (0, n.useContext)(c), p = f.onClick;
+        var m = {
+            to: s
         };
-        var m = (0, n.useCallback)((function(e) {
+        var b = (0, n.useCallback)((function(e) {
             i === null || i === void 0 ? void 0 : i(e, {
                 label: o,
-                to: u
+                to: s
             });
-            f === null || f === void 0 ? void 0 : f(e, {
+            p === null || p === void 0 ? void 0 : p(e, {
                 label: o,
-                to: u
+                to: s
             });
-        }), [ i, f, o, u ]);
+        }), [ i, p, o, s ]);
         if (l) {
-            p["aria-current"] = "page";
+            m["aria-current"] = "page";
             if (!r) {
-                p.disabled = true;
+                m.disabled = true;
             }
         }
-        var g = i || f ? {
-            onClick: m
+        var v = i || p ? {
+            onClick: b
         } : {};
         
-        return t().createElement(b, v({
+        return t().createElement(y, g({
             appearance: "standalone",
             "data-test": "item"
-        }, g, p, s), c && c, o, a && a);
+        }, v, m, d), u && u, o, a && a);
     }
-    O.propTypes = C;
-    /* harmony default export */    const h = O;
+    w.propTypes = h;
+    /* harmony default export */    const S = w;
     // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
-    function w() {
-        return w = Object.assign ? Object.assign.bind() : function(e) {
+    function P() {
+        return P = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var n = arguments[r];
                 for (var t in n) {
@@ -187,11 +191,11 @@
                 }
             }
             return e;
-        }, w.apply(null, arguments);
+        }, P.apply(null, arguments);
     }
-    function S(e, r) {
+    function k(e, r) {
         if (null == e) return {};
-        var n, t, a = P(e, r);
+        var n, t, a = j(e, r);
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
@@ -200,7 +204,7 @@
         }
         return a;
     }
-    function P(e, r) {
+    function j(e, r) {
         if (null == e) return {};
         var n = {};
         for (var t in e) {
@@ -211,18 +215,17 @@
         }
         return n;
     }
-    /** @public */    var k = {
+    /** @public */    var x = {
         children: l().node.isRequired,
         elementRef: l().oneOfType([ l().func, l().object ]),
         enableCurrentPage: l().bool,
         onClick: l().func
     };
-    var j =  t().createContext({});
-    function x(e) {
-        var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
+    function _(e) {
+        var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, u = k(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
         // @docs-props-type BreadcrumbsPropsBase
-                var u;
-        var p = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
+                var s;
+        var d = n.Children.toArray(r).filter(n.isValidElement).map((function(e, a) {
             if (false) {}
             if (false) {}
             // Set the last child as the current Breadcrumbs.Item
@@ -232,29 +235,29 @@
                 enableCurrentPage: l
             });
             
-            return t().createElement(d, {
+            return t().createElement(p, {
                 key: e.props.to
-            }, i, !o &&  t().createElement(f, {
+            }, i, !o &&  t().createElement(m, {
                 "aria-hidden": "true"
             }, "/"));
         }));
-        var m = (0, n.useMemo)((function() {
+        var b = (0, n.useMemo)((function() {
             return {
                 onClick: i
             };
         }), [ i ]);
         
-        return t().createElement(j.Provider, {
-            value: m
-        },  t().createElement("nav", w({
+        return t().createElement(c.Provider, {
+            value: b
+        },  t().createElement("nav", P({
             "data-test": "breadcrumbs",
             "aria-label": (0, o._)("Breadcrumbs"),
             ref: a
-        }, c),  t().createElement(s, null, p)));
+        }, u),  t().createElement(f, null, d)));
     }
-    x.propTypes = k;
-    x.Item = h;
-    /* harmony default export */    const _ = x;
+    _.propTypes = x;
+    _.Item = S;
+    /* harmony default export */    const E = _;
     // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
     module.exports = r;
     /******/})();