@splunk/react-ui 5.1.0 → 5.2.0

package/Date.js

@@ -69,13 +69,13 @@
     var r =  e.n(t);
     // CONCATENATED MODULE: external "lodash/omit"
     const a = require("lodash/omit");
-    var l =  e.n(a);
+    var o =  e.n(a);
     // CONCATENATED MODULE: external "moment"
-    const o = require("moment");
-    var u =  e.n(o);
+    const l = require("moment");
+    var i =  e.n(l);
     // CONCATENATED MODULE: external "prop-types"
-    const i = require("prop-types");
-    var c =  e.n(i);
+    const u = require("prop-types");
+    var c =  e.n(u);
     // CONCATENATED MODULE: external "@splunk/react-ui/Calendar"
     const f = require("@splunk/react-ui/Calendar");
     var s =  e.n(f);
@@ -136,20 +136,20 @@
             return e;
         }, j.apply(null, arguments);
     }
-    function I(e, n) {
-        return E(e) || A(e, n) || T(e, n) || q();
+    function x(e, n) {
+        return E(e) || A(e, n) || q(e, n) || I();
     }
-    function q() {
+    function I() {
         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 T(e, n) {
+    function q(e, n) {
         if (e) {
-            if ("string" == typeof e) return x(e, n);
+            if ("string" == typeof e) return T(e, n);
             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, n) : 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) ? T(e, n) : void 0;
         }
     }
-    function x(e, n) {
+    function T(e, n) {
         (null == n || n > e.length) && (n = e.length);
         for (var t = 0, r = Array(n); t < n; t++) {
             r[t] = e[t];
@@ -159,23 +159,23 @@
     function A(e, n) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
-            var r, a, l, o, u = [], i = !0, c = !1;
+            var r, a, o, l, i = [], u = !0, c = !1;
             try {
-                if (l = (t = t.call(e)).next, 0 === n) {
+                if (o = (t = t.call(e)).next, 0 === n) {
                     if (Object(t) !== t) return;
-                    i = !1;
-                } else for (;!(i = (r = l.call(t)).done) && (u.push(r.value), u.length !== n); i = !0) {
+                    u = !1;
+                } else for (;!(u = (r = o.call(t)).done) && (i.push(r.value), i.length !== n); u = !0) {
                 }
             } catch (e) {
                 c = !0, a = e;
             } finally {
                 try {
-                    if (!i && null != t["return"] && (o = t["return"](), Object(o) !== o)) return;
+                    if (!u && null != t["return"] && (l = t["return"](), Object(l) !== l)) return;
                 } finally {
                     if (c) throw a;
                 }
             }
-            return u;
+            return i;
         }
     }
     function E(e) {
@@ -185,9 +185,9 @@
         if (null == e) return {};
         var t, r, a = P(e, n);
         if (Object.getOwnPropertySymbols) {
-            var l = Object.getOwnPropertySymbols(e);
-            for (r = 0; r < l.length; r++) {
-                t = l[r], n.includes(t) || {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
+            var o = Object.getOwnPropertySymbols(e);
+            for (r = 0; r < o.length; r++) {
+                t = o[r], -1 === n.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (a[t] = e[t]);
             }
         }
         return a;
@@ -197,7 +197,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];
             }
         }
@@ -241,63 +241,63 @@
         if (n === "") {
             return;
         }
-        if (!u()(n, R).isValid()) {
+        if (!i()(n, R).isValid()) {
             // eslint-disable-next-line no-console
             console.error('Invalid date string value "'.concat(n, '" provided to Moment.'));
         }
     };
     function K(e) {
-        var n = e.canClear, a = e.defaultValue, o = e.disabled, i = e.elementRef, c = e.highlightToday, d = e.inline, p = d === void 0 ? true : d, b = e.inputOnly, g = e.locale, h = g === void 0 ? "en_US" : g, C = e.name, k = e.onChange, S = e.onClick, q = e.onFocus, T = e.onKeyDown, x = e.value, A = M(e, [ "canClear", "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
+        var n = e.canClear, a = e.defaultValue, l = e.disabled, u = e.elementRef, c = e.highlightToday, d = e.inline, p = d === void 0 ? true : d, b = e.inputOnly, g = e.locale, h = g === void 0 ? "en_US" : g, C = e.name, k = e.onChange, S = e.onClick, I = e.onFocus, q = e.onKeyDown, T = e.value, A = M(e, [ "canClear", "defaultValue", "disabled", "elementRef", "highlightToday", "inline", "inputOnly", "locale", "name", "onChange", "onClick", "onFocus", "onKeyDown", "value" ]);
         // @docs-props-type DatePropsBase
                 var E = y()({
             componentName: "Date",
             /* eslint-disable-next-line prefer-rest-params */
             componentProps: arguments[0]
         });
-        var P = (0, t.useState)(null), _ = I(P, 2), F = _[0], V = _[1];
-        var Y = (0, t.useState)(false), B = I(Y, 2), N = B[0], U = B[1];
-        var z = (0, t.useState)(), $ = I(z, 2), G = $[0], H = $[1];
+        var P = (0, t.useState)(null), _ = x(P, 2), F = _[0], V = _[1];
+        var Y = (0, t.useState)(false), B = x(Y, 2), N = B[0], U = B[1];
+        var z = (0, t.useState)(), $ = x(z, 2), G = $[0], H = $[1];
         var J = (0, t.useState)((function() {
             if (typeof a === "string") {
                 return a;
             }
-            return u()().locale(h).format(R);
-        })), L = I(J, 2), Q = L[0], W = L[1];
-        var X = (0, t.useState)(null), Z = I(X, 2), ee = Z[0], ne = Z[1];
-        var te = (0, t.useState)(null), re = I(te, 2), ae = re[0], le = re[1];
-        var oe = (0, t.useRef)(false);
-        var ue = (0, m.createDOMID)("calendar");
-        var ie = (0, t.useMemo)((function() {
-            return E ? x : Q;
-        }), [ E, x, Q ]);
+            return i()().locale(h).format(R);
+        })), L = x(J, 2), Q = L[0], W = L[1];
+        var X = (0, t.useState)(null), Z = x(X, 2), ee = Z[0], ne = Z[1];
+        var te = (0, t.useState)(null), re = x(te, 2), ae = re[0], oe = re[1];
+        var le = (0, t.useRef)(false);
+        var ie = (0, m.createDOMID)("calendar");
+        var ue = (0, t.useMemo)((function() {
+            return E ? T : Q;
+        }), [ E, T, Q ]);
         (0, t.useEffect)((function() {
             if (false) {}
-        }), [ ie ]);
+        }), [ ue ]);
         (0, t.useEffect)((function() {
             /**
      * If `openWithFocus` and `calendarOpen` are set the user is attempting to navigate to the dropdown, but it's closed.
      * On the first update following the state change set focus to the active day within the calendar.
      */
-            if (oe.current && N) {
-                oe.current = false;
+            if (le.current && N) {
+                le.current = false;
                 (0, f.focusActiveDay)(ee);
             }
         }), [ ee, N ]);
         var ce = (0, t.useMemo)((function() {
             if (G === undefined) {
-                if (ie === undefined || ie === "") {
+                if (ue === undefined || ue === "") {
                     return "";
                 }
-                return u()(ie, R, h).format("l");
+                return i()(ue, R, h).format("l");
             }
             return G;
-        }), [ ie, h, G ]);
+        }), [ ue, h, G ]);
         var fe = (0, t.useCallback)((function(e, n, t) {
             var r = n.value;
             if (t !== "textInput") {
                 ae === null || ae === void 0 ? void 0 : ae.focus();
             }
-            if (ie !== r) {
+            if (ue !== r) {
                 U(false);
                 H(undefined);
                 W(E ? undefined : r);
@@ -308,9 +308,9 @@
             } else {
                 U(false);
             }
-        }), [ ie, ae, E, C, k ]);
+        }), [ ue, ae, E, C, k ]);
         var se = (0, t.useCallback)((function(e) {
-            var n = u()(G, "l", h);
+            var n = i()(G, "l", h);
             if (G === "") {
                 fe(e, {
                     value: ""
@@ -328,8 +328,8 @@
             if (!b) {
                 U(true);
             }
-            q === null || q === void 0 ? void 0 : q(e, n);
-        }), [ b, q ]);
+            I === null || I === void 0 ? void 0 : I(e, n);
+        }), [ b, I ]);
         var ve = (0, t.useCallback)((function(e) {
             if (!b && !N) {
                 U(true);
@@ -348,7 +348,7 @@
             } else if (!b && n === "ArrowDown") {
                 e.preventDefault();
                 if (!N) {
-                    oe.current = true;
+                    le.current = true;
                     U(true);
                 } else if (ee) {
                     (0, f.focusActiveDay)(ee);
@@ -358,14 +358,14 @@
                 H(undefined);
                 ae === null || ae === void 0 ? void 0 : ae.focus();
             }
-            T === null || T === void 0 ? void 0 : T(e);
-        }), [ se, ee, N, ae, b, T ]);
+            q === null || q === void 0 ? void 0 : q(e);
+        }), [ se, ee, N, ae, b, q ]);
         var me = (0, t.useCallback)((function(e) {
             V(e);
-            D(i, e);
-        }), [ i ]);
+            D(u, e);
+        }), [ u ]);
         var be = (0, t.useCallback)((function(e) {
-            le(e);
+            oe(e);
         }), []);
         var ge = (0, t.useCallback)((function(e) {
             ne(e);
@@ -384,20 +384,20 @@
         var Se = {};
         if (!b) {
             Se.role = "combobox";
-            Se["aria-controls"] = N ? ue : undefined;
-            Se["aria-expanded"] = o ? false : N;
+            Se["aria-controls"] = N ? ie : undefined;
+            Se["aria-expanded"] = l ? false : N;
             Se["aria-haspopup"] = true;
             ke =  r().createElement(v(), {
                 anchor: F,
-                id: ue,
-                open: o ? false : N,
+                id: ie,
+                open: l ? false : N,
                 onRequestClose: he
             },  r().createElement(s(), {
                 elementRef: ge,
                 highlightToday: c,
                 locale: h,
                 onChange: fe,
-                value: ie === "" ? undefined : ie
+                value: ue === "" ? undefined : ue
             }));
         }
         
@@ -407,9 +407,9 @@
             autoCorrect: "off",
             canClear: n,
             "data-test": "date",
-            "data-test-value": ie,
-            "data-test-popover-id": ue,
-            disabled: o,
+            "data-test-value": ue,
+            "data-test-popover-id": ie,
+            disabled: l,
             elementRef: me,
             inline: p,
             inputRef: be,
@@ -421,7 +421,7 @@
             value: ce,
             spellCheck: false,
             startAdornment: Ce
-        }, Se, l()(A, "multiline", "onSelect", "spellCheck")), ke);
+        }, Se, o()(A, "multiline", "onSelect", "spellCheck")), ke);
     }
     K.propTypes = _;
     K.momentFormat = R;

package/DefinitionList.js

@@ -61,41 +61,64 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        Description: () => /* reexport */ h,
-        Term: () => /* reexport */ P,
-        default: () => /* reexport */ _
+        Description: () => /* reexport */ g,
+        Term: () => /* reexport */ S,
+        default: () => /* reexport */ R
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
     var n =  e.n(t);
     // CONCATENATED MODULE: external "prop-types"
     const i = require("prop-types");
-    var o =  e.n(i);
+    var a =  e.n(i);
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListContext.tsx
-    var a =  (0, t.createContext)({});
+    var o =  (0, t.createContext)({
+        layout: "fixed"
+    });
     // CONCATENATED MODULE: external "styled-components"
     const l = require("styled-components");
-    var c =  e.n(l);
+    var s =  e.n(l);
     // CONCATENATED MODULE: external "@splunk/themes"
-    const s = require("@splunk/themes");
+    const c = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionListStyles.ts
-    var u = c().dl.withConfig({
-        displayName: "DefinitionListStyles__Styled",
+    var d = s().dt.withConfig({
+        displayName: "DefinitionListStyles__StyledTerm",
         componentId: "sc-1pqfrgm-0"
-    })([ "", ";", ";" ], s.mixins.reset("block"), s.mixins.typography("body"));
-    // CONCATENATED MODULE: ./src/DefinitionList/DescriptionStyles.ts
-    var f = c().dd.withConfig({
-        displayName: "DescriptionStyles__Styled",
-        componentId: "sc-1jglixb-0"
-    })([ "", ";", ";min-height:1.5em;padding-inline-start:", ";margin-inline-start:", ";" ], s.mixins.reset("block"), s.mixins.typography("body", {
-        color: "active"
-    }), s.variables.spacingSmall, (function(e) {
-        var r = e.$termWidth;
-        return r;
+    })([ "", "" ], (function(e) {
+        var r = e.$separatorCharacter, t = e.$termWidth;
+        return (0, c.pickVariant)("$layout", {
+            fixed: (0, l.css)([ "", ";", ";float:left;overflow:hidden;white-space:nowrap;word-wrap:normal;width:", ";", "" ], c.mixins.reset("block"), c.mixins.typography("body", {
+                color: "muted"
+            }), t, r && (0, l.css)([ "&::after{content:'", "';}" ], " ".concat(r.repeat(100)))),
+            auto: (0, l.css)([ "", ";", ";grid-template-columns:[term] auto [separator] 1fr;grid-column:term;overflow:hidden;white-space:normal;word-break:break-word;width:", ";", "" ], c.mixins.reset("grid"), c.mixins.typography("body", {
+                color: "muted"
+            }), t, r && (0, l.css)([ "&::after{grid-column:separator;content:'", "';margin-inline-start:", ";min-width:", ";overflow:hidden;white-space:nowrap;}" ], " ".concat(r.repeat(100)), c.variables.spacingXSmall, c.variables.spacingLarge))
+        });
+    }));
+    var p = s().dd.withConfig({
+        displayName: "DefinitionListStyles__StyledDescription",
+        componentId: "sc-1pqfrgm-1"
+    })([ "", "" ], (function(e) {
+        var r = e.$descriptionWidth, t = e.$termWidth;
+        return (0, c.pickVariant)("$layout", {
+            fixed: (0, l.css)([ "", ";", ";padding-inline-start:", ";margin-inline-start:", ";white-space:normal;word-break:break-word;width:", ";" ], c.mixins.reset("block"), c.mixins.typography("body", {
+                color: "active"
+            }), c.variables.spacingSmall, t, r),
+            auto: (0, l.css)([ "", ";", ";grid-column:description;white-space:normal;word-break:break-word;width:", ";" ], c.mixins.reset("grid"), c.mixins.typography("body", {
+                color: "active"
+            }), r)
+        });
+    }));
+    var u = s().dl.withConfig({
+        displayName: "DefinitionListStyles__Styled",
+        componentId: "sc-1pqfrgm-2"
+    })([ "", "" ], (0, c.pickVariant)("$layout", {
+        fixed: (0, l.css)([ "", ";", ";" ], c.mixins.reset("block"), c.mixins.typography("body")),
+        auto: (0, l.css)([ "", ";grid-template-columns:[term] fit-content(", ") [description] fit-content( ", " );column-gap:", ";row-gap:", ";" ], c.mixins.reset("grid"), c.variables.lineLength, c.variables.lineLength, c.variables.spacingXLarge, c.variables.spacingMedium)
     }));
     // CONCATENATED MODULE: ./src/DefinitionList/Description.tsx
-    function d() {
-        return d = Object.assign ? Object.assign.bind() : function(e) {
+    function f() {
+        return f = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -103,65 +126,54 @@
                 }
             }
             return e;
-        }, d.apply(null, arguments);
+        }, f.apply(null, arguments);
     }
-    function p(e, r) {
+    function m(e, r) {
         if (null == e) return {};
-        var t, n, i = m(e, r);
+        var t, n, i = y(e, r);
         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]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function m(e, r) {
+    function y(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];
             }
         }
         return t;
     }
-    var y = {
-        children: o().node.isRequired,
-        elementRef: o().oneOfType([ o().func, o().object ])
+    var h = {
+        children: a().node.isRequired,
+        elementRef: a().oneOfType([ a().func, a().object ])
     };
     /**
  * Container component for a `DefinitionList` description.
  */    function v(e) {
-        var r = e.children, i = e.elementRef, o = p(e, [ "children", "elementRef" ]);
+        var r = e.children, i = e.elementRef, a = m(e, [ "children", "elementRef" ]);
         // @docs-props-type DescriptionPropsBase
-                var l = (0, t.useContext)(a), c = l.termWidth;
+                var l = (0, t.useContext)(o), s = l.descriptionWidth, c = l.layout, d = l.termWidth;
         
-        return n().createElement(f, d({
+        return n().createElement(p, f({
             "data-test": "description",
             ref: i,
-            $termWidth: c
-        }, o), r);
+            $descriptionWidth: s,
+            $layout: c,
+            $termWidth: d
+        }, a), r);
     }
-    v.propTypes = y;
-    /* harmony default export */    const h = v;
-    // CONCATENATED MODULE: ./src/DefinitionList/TermStyles.ts
-    var b = c().dt.withConfig({
-        displayName: "TermStyles__Styled",
-        componentId: "sc-1ao97j9-0"
-    })([ "", ";", " float:left;overflow:hidden;overflow-x:hidden;white-space:nowrap;word-wrap:normal;", " width:", ";" ], s.mixins.reset("block"), s.mixins.typography("body", {
-        color: "muted"
-    }), (function(e) {
-        var r = e.$separator;
-        return r && r !== "none" && (0, l.css)([ "&::after{content:'", "';}" ], " ".concat(r.repeat(100)));
-    }), (function(e) {
-        var r = e.$termWidth;
-        return r;
-    }));
+    v.propTypes = h;
+    /* harmony default export */    const g = v;
     // CONCATENATED MODULE: ./src/DefinitionList/Term.tsx
-    function g() {
-        return g = Object.assign ? Object.assign.bind() : function(e) {
+    function b() {
+        return b = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -169,53 +181,54 @@
                 }
             }
             return e;
-        }, g.apply(null, arguments);
+        }, b.apply(null, arguments);
     }
-    function O(e, r) {
+    function w(e, r) {
         if (null == e) return {};
-        var t, n, i = w(e, r);
+        var t, n, i = O(e, r);
         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]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function w(e, r) {
+    function O(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];
             }
         }
         return t;
     }
-    var j = {
-        children: o().node.isRequired,
-        elementRef: o().oneOfType([ o().func, o().object ])
+    var x = {
+        children: a().node.isRequired,
+        elementRef: a().oneOfType([ a().func, a().object ])
     };
     /**
  * Container component for a `DefinitionList` term.
- */    function S(e) {
-        var r = e.children, i = e.elementRef, o = O(e, [ "children", "elementRef" ]);
+ */    function j(e) {
+        var r = e.children, i = e.elementRef, a = w(e, [ "children", "elementRef" ]);
         // @docs-props-type TermPropsBase
-                var l = (0, t.useContext)(a), c = l.separatorCharacter, s = l.termWidth;
+                var l = (0, t.useContext)(o), s = l.layout, c = l.separatorCharacter, p = l.termWidth;
         
-        return n().createElement(b, g({
+        return n().createElement(d, b({
             "data-test": "term",
             ref: i,
-            $separator: c,
-            $termWidth: s
-        }, o), r);
+            $layout: s,
+            $separatorCharacter: c,
+            $termWidth: p
+        }, a), r);
     }
-    S.propTypes = j;
-    /* harmony default export */    const P = S;
+    j.propTypes = x;
+    /* harmony default export */    const S = j;
     // CONCATENATED MODULE: ./src/DefinitionList/DefinitionList.tsx
-    function x() {
-        return x = 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 t = arguments[r];
                 for (var n in t) {
@@ -223,56 +236,63 @@
                 }
             }
             return e;
-        }, x.apply(null, arguments);
+        }, P.apply(null, arguments);
     }
-    function C(e, r) {
+    function W(e, r) {
         if (null == e) return {};
-        var t, n, i = R(e, r);
+        var t, n, i = $(e, r);
         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]);
+            var a = Object.getOwnPropertySymbols(e);
+            for (n = 0; n < a.length; n++) {
+                t = a[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function R(e, r) {
+    function $(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];
             }
         }
         return t;
     }
-    var T = {
-        children: o().node,
-        elementRef: o().oneOfType([ o().func, o().object ]),
-        separatorCharacter: o().oneOf([ ".", o().string ]),
-        termWidth: o().string
+    var k = {
+        children: a().node,
+        descriptionWidth: a().string,
+        elementRef: a().oneOfType([ a().func, a().object ]),
+        layout: a().oneOf([ "fixed", "auto" ]),
+        separatorCharacter: a().string,
+        termWidth: a().string
     };
-    function W(e) {
-        var r = e.children, t = e.elementRef, i = e.separatorCharacter, o = e.termWidth, l = o === void 0 ? "120px" : o, c = C(e, [ "children", "elementRef", "separatorCharacter", "termWidth" ]);
+    function C(e) {
+        var r = e.children, i = e.descriptionWidth, a = e.elementRef, l = e.layout, s = l === void 0 ? "fixed" : l, c = e.separatorCharacter, d = e.termWidth, p = d === void 0 ? "120px" : d, f = W(e, [ "children", "descriptionWidth", "elementRef", "layout", "separatorCharacter", "termWidth" ]);
         // @docs-props-type DefinitionListPropsBase
-        // eslint-disable-next-line react/jsx-no-constructed-context-values, react-perf/jsx-no-new-object-as-prop
-                var s = {
-            separatorCharacter: i,
-            termWidth: l
-        };
+                var m = s !== "fixed" && p === "120px" ? undefined : p;
+        var y = (0, t.useMemo)((function() {
+            return {
+                descriptionWidth: i,
+                layout: s,
+                separatorCharacter: c,
+                termWidth: m
+            };
+        }), [ i, s, c, m ]);
         
-        return n().createElement(u, x({
+        return n().createElement(u, P({
             "data-test": "definition-list",
-            ref: t
-        }, c),  n().createElement(a.Provider, {
-            value: s
+            ref: a,
+            $layout: s
+        }, f),  n().createElement(o.Provider, {
+            value: y
         }, r));
     }
-    W.propTypes = T;
-    W.Description = h;
-    W.Term = P;
-    /* harmony default export */    const _ = W;
+    C.propTypes = k;
+    C.Description = g;
+    C.Term = S;
+    /* harmony default export */    const R = C;
     // CONCATENATED MODULE: ./src/DefinitionList/index.ts
     module.exports = r;
     /******/})();

package/Divider.js

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