@splunk/react-ui 5.1.0 → 5.3.0

package/Accordion.js

@@ -61,8 +61,8 @@
         e.r(n);
     // EXPORTS
         e.d(n, {
-        Panel: () => /* reexport */ w,
-        default: () => /* reexport */ V
+        Panel: () => /* reexport */ x,
+        default: () => /* reexport */ D
     });
     // CONCATENATED MODULE: external "react"
     const r = require("react");
@@ -85,17 +85,17 @@
     // CONCATENATED MODULE: external "@splunk/themes"
     const v = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Accordion/AccordionStyles.ts
-    var y = f()(p()).withConfig({
+    var m = f()(p()).withConfig({
         displayName: "AccordionStyles__StyledBox",
         componentId: "m39hyh-0"
     })([ "", ";flex-direction:column;margin-bottom:0;" ], v.mixins.reset("flex"));
     // CONCATENATED MODULE: external "@splunk/react-ui/CollapsiblePanel"
-    const m = require("@splunk/react-ui/CollapsiblePanel");
-    var b =  e.n(m);
+    const y = require("@splunk/react-ui/CollapsiblePanel");
+    var b =  e.n(y);
     // CONCATENATED MODULE: ./src/Accordion/AccordionContext.tsx
-    var h =  (0, r.createContext)({});
-    h.displayName = "Accordion";
-    /* harmony default export */    const g = h;
+    var g =  (0, r.createContext)({});
+    g.displayName = "Accordion";
+    /* harmony default export */    const h = g;
     // CONCATENATED MODULE: ./src/Accordion/Panel.tsx
     function O() {
         return O = Object.assign ? Object.assign.bind() : function(e) {
@@ -114,7 +114,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
-                r = o[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
@@ -124,7 +124,7 @@
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
@@ -145,7 +145,7 @@
  */    function C(e) {
         var n = e.panelId, a = e.inset, o = P(e, [ "panelId", "inset" ]);
         // @docs-props-type AccordionPanelPropsBase
-                var l = (0, r.useContext)(h), i = l.onChange, u = l.openPanelId, c = l.inset;
+                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;
         // Props are different based on controlled/uncontrolled
@@ -166,7 +166,27 @@
         }, o, d));
     }
     C.propTypes = j;
-    /* harmony default export */    const w = C;
+    /* harmony default export */    const x = C;
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var w = "is deprecated and will be removed in the next major version.";
+    var A = function e(n) {
+        var t = n.additionalMessage, a = t === void 0 ? "" : t, o = n.componentName;
+        (0, r.useEffect)((function() {
+            if (false) {}
+        }), [ a, o ]);
+    };
+    var E = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName, o = n.propName, l = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a, o, l ]);
+    };
+    var N = function e(n) {
+        var r = n.additionalMessage, t = r === void 0 ? "" : r, a = n.componentName, o = n.deprecatedPropValue, l = n.propName, i = n.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ t, a, l, i, o ]);
+    };
     // CONCATENATED MODULE: ./src/Accordion/Accordion.tsx
     function q() {
         return q = Object.assign ? Object.assign.bind() : function(e) {
@@ -179,27 +199,27 @@
             return e;
         }, q.apply(null, arguments);
     }
-    function x(e, n) {
-        return T(e) || R(e, n) || E(e, n) || A();
+    function M(e, n) {
+        return V(e) || _(e, n) || R(e, n) || k();
     }
-    function A() {
+    function k() {
         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 E(e, n) {
+    function R(e, n) {
         if (e) {
-            if ("string" == typeof e) return k(e, n);
+            if ("string" == typeof e) return T(e, n);
             var r = {}.toString.call(e).slice(8, -1);
-            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? k(e, n) : void 0;
+            return "Object" === r && e.constructor && (r = e.constructor.name), "Map" === r || "Set" === r ? Array.from(e) : "Arguments" === r || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(r) ? T(e, n) : void 0;
         }
     }
-    function k(e, n) {
+    function T(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var r = 0, t = Array(n); r < n; r++) {
             t[r] = e[r];
         }
         return t;
     }
-    function R(e, n) {
+    function _(e, n) {
         var r = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != r) {
             var t, a, o, l, i = [], u = !0, c = !1;
@@ -221,32 +241,32 @@
             return i;
         }
     }
-    function T(e) {
+    function V(e) {
         if (Array.isArray(e)) return e;
     }
-    function _(e, n) {
+    function B(e, n) {
         if (null == e) return {};
-        var r, t, a = M(e, n);
+        var r, t, a = U(e, n);
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (t = 0; t < o.length; t++) {
-                r = o[t], n.includes(r) || {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
+                r = o[t], -1 === n.indexOf(r) && {}.propertyIsEnumerable.call(e, r) && (a[r] = e[r]);
             }
         }
         return a;
     }
-    function M(e, n) {
+    function U(e, n) {
         if (null == e) return {};
         var r = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (n.includes(t)) continue;
+                if (-1 !== n.indexOf(t)) continue;
                 r[t] = e[t];
             }
         }
         return r;
     }
-    /** @public */    var N = {
+    /** @public */    var $ = {
         children: o().node,
         defaultOpenPanelId: o().any,
         elementRef: o().oneOfType([ o().func, o().object ]),
@@ -257,12 +277,13 @@
     /**
  * @deprecated
  * Accordion has been deprecated and will be removed in a future major version. Use Collapsible Panel's SingleOpenPanelGroup API instead.
- */    function B(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 = _(e, [ "children", "defaultOpenPanelId", "elementRef", "inset", "onChange", "openPanelId" ]);
+ */    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" ]);
         // @docs-props-type AccordionPropsBase
-                (0, r.useEffect)((function() {
-            if (false) {}
-        }), []);
+                A({
+            additionalMessage: "Use Collapsible Panel instead.",
+            componentName: "Accordion"
+        });
         var p = c()(a);
         (0, r.useEffect)((function() {
             if (false) {}
@@ -275,8 +296,8 @@
             defaultValuePropName: "defaultOpenPanelId",
             valuePropName: "openPanelId"
         });
-        var m = (0, r.useState)(a), b = x(m, 2), h = b[0], O = b[1];
-        var P = v ? f : h;
+        var y = (0, r.useState)(a), b = M(y, 2), g = b[0], O = b[1];
+        var P = v ? f : g;
         var I = r.Children.toArray(n).filter(r.isValidElement);
  // remove false, null, 0, etc
                 var j = (0, r.useCallback)((function(e, n) {
@@ -300,17 +321,17 @@
             };
         }), [ j, u, P ]);
         
-        return t().createElement(y, q({
+        return t().createElement(m, q({
             "data-test": "accordion",
             "data-test-open-panel-id": P,
             elementRef: o
-        }, d),  t().createElement(g.Provider, {
+        }, d),  t().createElement(h.Provider, {
             value: S
         }, I));
     }
-    B.propTypes = N;
-    B.Panel = w;
-    /* harmony default export */    const V = B;
+    z.propTypes = $;
+    z.Panel = x;
+    /* harmony default export */    const D = z;
     // CONCATENATED MODULE: ./src/Accordion/index.ts
     module.exports = n;
     /******/})();

package/Anchor.js

@@ -76,13 +76,13 @@
     const l = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Anchor/AnchorStyles.ts
     // TODO: name is deprecated, it's only defined here to satisfy ts - remove/replace
-    var s = c().a.withConfig({
+    var f = c().a.withConfig({
         displayName: "AnchorStyles__StyledAnchor",
         componentId: "sc-1m9yzet-0"
     })([ "", ";color:inherit;font-size:inherit;font-family:inherit;font-weight:inherit;line-height:inherit;text-decoration:inherit;text-rendering:inherit;text-transform:inherit;cursor:pointer;margin:1px;&:hover::after{content:' #';opacity:0.5;}&:focus,&:active{box-shadow:", ";&::after{content:' #';opacity:0.5;}}" ], l.mixins.reset("inline"), l.variables.focusShadow);
     // CONCATENATED MODULE: ./src/Anchor/Anchor.tsx
-    function u() {
-        return u = Object.assign ? Object.assign.bind() : function(e) {
+    function s() {
+        return s = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -90,15 +90,15 @@
                 }
             }
             return e;
-        }, u.apply(null, arguments);
+        }, s.apply(null, arguments);
     }
-    function f(e, r) {
+    function u(e, r) {
         if (null == e) return {};
         var t, n, o = d(e, r);
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (n = 0; n < i.length; n++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
@@ -108,7 +108,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -122,10 +122,10 @@
     /**
  * `Anchor` is a utility component used to add a fragment link to an element.
  */    function h(e) {
-        var r = e.children, t = e.elementRef, o = e.name, i = f(e, [ "children", "elementRef", "name" ]);
+        var r = e.children, t = e.elementRef, o = e.name, i = u(e, [ "children", "elementRef", "name" ]);
         // @docs-props-type AnchorPropsBase
                 
-        return n().createElement(s, u({
+        return n().createElement(f, s({
             "data-test": "anchor",
             ref: t
         }, i, {

package/Animation.js

@@ -113,7 +113,7 @@
         if (Object.getOwnPropertySymbols) {
             var o = Object.getOwnPropertySymbols(e);
             for (n = 0; n < o.length; n++) {
-                t = o[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
@@ -123,7 +123,7 @@
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }

package/Avatar.js

@@ -115,9 +115,7 @@
     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:", ";" ], u.variables.fontWeightBold, (function(e) {
         var r = e.$textColor;
         return r;
     }));
@@ -140,19 +138,19 @@
     const O = require("@splunk/ui-utils/color");
     // CONCATENATED MODULE: ./src/utils/determineTextBrightness.ts
     function S(e, r) {
-        return k(e) || C(e, r) || j(e, r) || w();
+        return k(e) || C(e, r) || x(e, r) || w();
     }
     function w() {
         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 j(e, r) {
+    function x(e, r) {
         if (e) {
-            if ("string" == typeof e) return x(e, r);
+            if ("string" == typeof e) return j(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) ? x(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) ? j(e, r) : void 0;
         }
     }
-    function x(e, r) {
+    function j(e, r) {
         (null == r || r > e.length) && (r = e.length);
         for (var t = 0, n = Array(r); t < r; t++) {
             n[t] = e[t];
@@ -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) {
@@ -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,26 +349,26 @@
             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++) {
-                t = i[n], r.includes(t) || {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
+                t = i[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (o[t] = e[t]);
             }
         }
         return o;
     }
-    function G(e, r) {
+    function U(e, r) {
         if (null == e) return {};
         var t = {};
         for (var n in e) {
             if ({}.hasOwnProperty.call(e, n)) {
-                if (r.includes(n)) continue;
+                if (-1 !== r.indexOf(n)) continue;
                 t[n] = e[n];
             }
         }
@@ -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], j = 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 x = l.props, C = x.src, k = x.alt, P = x.onError, E = U(x, [ "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 _ =  n().createElement("img", H({
+                    src: k,
+                    alt: A,
                     onError: function e() {
                         j("error");
-                        if (P) {
-                            P();
+                        if (E) {
+                            E();
                         }
                     }
-                }, E));
-                h = I;
+                }, I));
+                O = _;
             }
         }
         // fallback to initials if img fails to load
-                var _ = w !== "error" ? h : g;
-        var z = R({
+                var z = x !== "error" ? O : h;
+        var q = R({
             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, z) :  n().createElement(Q, q, z);
     }
     X.propTypes = K;
     /* harmony default export */    const Y = X;

package/Box.js

@@ -97,7 +97,7 @@
         if (Object.getOwnPropertySymbols) {
             var i = Object.getOwnPropertySymbols(e);
             for (r = 0; r < i.length; r++) {
-                t = i[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
+                t = i[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (l[t] = e[t]);
             }
         }
         return l;
@@ -107,7 +107,7 @@
         var t = {};
         for (var r in e) {
             if ({}.hasOwnProperty.call(e, r)) {
-                if (n.includes(r)) continue;
+                if (-1 !== n.indexOf(r)) continue;
                 t[r] = e[r];
             }
         }
@@ -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

@@ -62,8 +62,8 @@
     // EXPORTS
         e.d(r, {
         BreadcrumbsContext: () => /* reexport */ j,
-        Item: () => /* reexport */ O,
-        default: () => /* reexport */ x
+        Item: () => /* reexport */ h,
+        default: () => /* reexport */ _
     });
     // CONCATENATED MODULE: external "react"
     const n = require("react");
@@ -117,7 +117,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+                n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
@@ -127,7 +127,7 @@
         var n = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
+                if (-1 !== r.indexOf(t)) continue;
                 n[t] = e[t];
             }
         }
@@ -143,7 +143,7 @@
         startAdornment: l().node,
         to: l().string.isRequired
     };
-    function h(e) {
+    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" ]);
         // @docs-props-type ItemPropsBase
                 var d = (0, n.useContext)(j), f = d.onClick;
@@ -175,8 +175,8 @@
             "data-test": "item"
         }, g, p, s), c && c, o, a && a);
     }
-    h.propTypes = C;
-    /* harmony default export */    const O = h;
+    O.propTypes = C;
+    /* harmony default export */    const h = O;
     // CONCATENATED MODULE: ./src/Breadcrumbs/Breadcrumbs.tsx
     function w() {
         return w = Object.assign ? Object.assign.bind() : function(e) {
@@ -195,7 +195,7 @@
         if (Object.getOwnPropertySymbols) {
             var l = Object.getOwnPropertySymbols(e);
             for (t = 0; t < l.length; t++) {
-                n = l[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
+                n = l[t], -1 === r.indexOf(n) && {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
         return a;
@@ -205,7 +205,7 @@
         var n = {};
         for (var t in e) {
             if ({}.hasOwnProperty.call(e, t)) {
-                if (r.includes(t)) continue;
+                if (-1 !== r.indexOf(t)) continue;
                 n[t] = e[t];
             }
         }
@@ -218,7 +218,7 @@
         onClick: l().func
     };
     var j =  t().createContext({});
-    function _(e) {
+    function x(e) {
         var r = e.children, a = e.elementRef, l = e.enableCurrentPage, i = e.onClick, c = S(e, [ "children", "elementRef", "enableCurrentPage", "onClick" ]);
         // @docs-props-type BreadcrumbsPropsBase
                 var u;
@@ -252,9 +252,9 @@
             ref: a
         }, c),  t().createElement(s, null, p)));
     }
-    _.propTypes = k;
-    _.Item = O;
-    /* harmony default export */    const x = _;
+    x.propTypes = k;
+    x.Item = h;
+    /* harmony default export */    const _ = x;
     // CONCATENATED MODULE: ./src/Breadcrumbs/index.ts
     module.exports = r;
     /******/})();