@splunk/react-ui 5.0.0-beta.3 → 5.0.0-beta.5

package/MessageBar.js

@@ -9,26 +9,26 @@
     /******/    (() => {
         /******/ // getDefaultExport function for compatibility with non-harmony modules
         /******/ e.n = r => {
-            /******/ var a = r && r.__esModule ? 
+            /******/ var n = r && r.__esModule ? 
             /******/ () => r["default"]
             /******/ : () => r
             /******/;
-            e.d(a, {
-                a
+            e.d(n, {
+                a: n
             });
-            /******/            return a;
+            /******/            return n;
             /******/        };
         /******/    })();
     /******/
     /******/ /* webpack/runtime/define property getters */
     /******/    (() => {
         /******/ // define getter functions for harmony exports
-        /******/ e.d = (r, a) => {
-            /******/ for (var s in a) {
-                /******/ if (e.o(a, s) && !e.o(r, s)) {
-                    /******/ Object.defineProperty(r, s, {
+        /******/ e.d = (r, n) => {
+            /******/ for (var t in n) {
+                /******/ if (e.o(n, t) && !e.o(r, t)) {
+                    /******/ Object.defineProperty(r, t, {
                         enumerable: true,
-                        get: a[s]
+                        get: n[t]
                     });
                     /******/                }
                 /******/            }
@@ -61,324 +61,155 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ se
+        default: () => /* reexport */ B
     });
     // CONCATENATED MODULE: external "react"
-    const a = require("react");
-    var s =  e.n(a);
+    const n = require("react");
+    var t =  e.n(n);
     // CONCATENATED MODULE: external "prop-types"
-    const i = require("prop-types");
-    var n =  e.n(i);
+    const a = require("prop-types");
+    var i =  e.n(a);
+    // CONCATENATED MODULE: external "@splunk/react-icons/CheckCircle"
+    const o = require("@splunk/react-icons/CheckCircle");
+    var s =  e.n(o);
     // CONCATENATED MODULE: external "@splunk/react-icons/Cross"
-    const o = require("@splunk/react-icons/Cross");
-    var t =  e.n(o);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Close"
-    const l = require("@splunk/react-icons/enterprise/Close");
+    const l = require("@splunk/react-icons/Cross");
     var c =  e.n(l);
+    // CONCATENATED MODULE: external "@splunk/react-icons/ExclamationTriangle"
+    const u = require("@splunk/react-icons/ExclamationTriangle");
+    var p =  e.n(u);
+    // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
+    const d = require("@splunk/react-icons/InformationCircle");
+    var f =  e.n(d);
+    // CONCATENATED MODULE: external "@splunk/react-icons/InformationDiamond"
+    const v = require("@splunk/react-icons/InformationDiamond");
+    var g =  e.n(v);
     // CONCATENATED MODULE: external "@splunk/react-ui/ScreenReaderContent"
-    const p = require("@splunk/react-ui/ScreenReaderContent");
-    var d =  e.n(p);
-    // CONCATENATED MODULE: external "@splunk/themes"
-    const u = require("@splunk/themes");
+    const m = require("@splunk/react-ui/ScreenReaderContent");
+    var y =  e.n(m);
     // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
-    const v = require("@splunk/ui-utils/i18n");
+    const b = require("@splunk/ui-utils/i18n");
     // CONCATENATED MODULE: external "styled-components"
-    const b = require("styled-components");
-    var g =  e.n(b);
-    // CONCATENATED MODULE: external "@splunk/react-icons/CheckCircle"
-    const h = require("@splunk/react-icons/CheckCircle");
-    var y =  e.n(h);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ExclamationCircle"
-    const m = require("@splunk/react-icons/ExclamationCircle");
-    var k =  e.n(m);
-    // CONCATENATED MODULE: external "@splunk/react-icons/InformationCircle"
-    const x = require("@splunk/react-icons/InformationCircle");
-    var f =  e.n(x);
-    // CONCATENATED MODULE: external "@splunk/react-icons/ExclamationTriangle"
-    const C = require("@splunk/react-icons/ExclamationTriangle");
-    var w =  e.n(C);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Error"
-    const S = require("@splunk/react-icons/enterprise/Error");
-    var _ =  e.n(S);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/InfoCircle"
-    const I = require("@splunk/react-icons/enterprise/InfoCircle");
-    var z =  e.n(I);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Success"
-    const q = require("@splunk/react-icons/enterprise/Success");
-    var E =  e.n(q);
-    // CONCATENATED MODULE: external "@splunk/react-icons/enterprise/Warning"
-    const O = require("@splunk/react-icons/enterprise/Warning");
-    var B =  e.n(O);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Box"
-    const M = require("@splunk/react-ui/Box");
-    var j =  e.n(M);
-    // CONCATENATED MODULE: external "@splunk/react-ui/Clickable"
-    const N = require("@splunk/react-ui/Clickable");
-    var R =  e.n(N);
+    const C = require("styled-components");
+    var h =  e.n(C);
+    // CONCATENATED MODULE: external "@splunk/react-ui/Button"
+    const w = require("@splunk/react-ui/Button");
+    var S =  e.n(w);
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const k = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/MessageBar/MessageBarStyles.ts
-    var T = g().div.withConfig({
+    var q = h().div.withConfig({
         displayName: "MessageBarStyles__MessageBarContent",
         componentId: "sc-1uyhzza-0"
-    })([ "", ";color:inherit;padding:0 8px;text-align:center;margin-right:auto;& a,& button[data-test='link']{display:inline-block;color:inherit;text-decoration:underline;text-underline-position:under;padding:0 3px 2px 3px;&:not([disabled],[aria-disabled='true']){&:hover,&:active,&:focus{color:", ";text-decoration:underline;text-decoration-thickness:2px;}}&:not([disabled]):focus{border-radius:", ";outline:0;", ";}}" ], u.mixins.reset("inline"), u.variables.contentColorLink, u.variables.borderRadius, (0, 
-    u.pick)({
-        enterprise: {
-            dark: (0, b.css)([ "box-shadow:0 0 0 2px ", ";" ], u.variables.gray80),
-            light: (0, b.css)([ "box-shadow:0 0 0 2px ", ";" ], u.variables.gray25)
-        },
-        prisma: {
-            light: (0, u.pickVariant)("$type", {
-                info: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black),
-                warning: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black),
-                error: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.white),
-                success: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.white)
-            }),
-            dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
-        }
-    }));
-    var W = g()(R()).withConfig({
-        displayName: "MessageBarStyles__MessageBarCloseWrapper",
+    })([ "", ";", ";grid-column:content;grid-row:1 / -1;max-width:", ";word-wrap:break-word;" ], k.mixins.reset("inline"), k.mixins.typography("body"), k.variables.lineLength);
+    var _ = h()(S()).withConfig({
+        displayName: "MessageBarStyles__StyledCloseButton",
         componentId: "sc-1uyhzza-1"
-    })([ "", ";border:1px solid transparent;border-radius:", ";color:inherit;cursor:pointer;padding:", ";", " &:hover,&:focus{background:", ";border:1px solid;border-color:", ";color:", ";}&:active{", ";}", "" ], u.mixins.reset("flex"), u.variables.borderRadius, (0, 
-    u.pick)({
-        enterprise: u.variables.spacingXSmall,
-        prisma: "3px"
-    }), (0, u.pick)({
-        enterprise: (0, b.css)([ "margin-top:1px;" ])
-    }), (0, u.pick)({
-        prisma: u.variables.interactiveColorOverlayHover,
-        enterprise: {
-            dark: u.variables.gray30,
-            light: u.variables.gray92
-        }
-    }), (0, u.pick)({
-        prisma: "inherit",
-        enterprise: u.variables.gray80
-    }), (0, u.pick)({
-        enterprise: {
-            dark: u.variables.gray96,
-            light: u.variables.contentColorLink
-        }
-    }), (0, u.pick)({
-        prisma: (0, b.css)([ "background:", ";" ], u.variables.interactiveColorOverlayActive),
-        enterprise: (0, b.css)([ "box-shadow:", ";" ], u.variables.focusShadow)
-    }), (0, u.pick)({
-        prisma: (0, b.css)([ "&:focus{border-radius:", ";", ";}" ], u.variables.borderRadius, (0, 
-        u.pick)({
-            light: (0, u.pickVariant)("$type", {
-                info: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black),
-                warning: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black),
-                error: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.white),
-                success: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.white)
-            }),
-            dark: (0, b.css)([ "box-shadow:0 0 0 3px ", ";" ], u.variables.black)
-        }))
-    }));
-    var $ = (0, b.css)([ "margin-left:auto;" ]);
-    var P = g()(y()).withConfig({
-        displayName: "MessageBarStyles__StyledCheckCircleIcon",
+    })([ "grid-column:close;" ]);
+    var O = h().span.withConfig({
+        displayName: "MessageBarStyles__StyledIcon",
         componentId: "sc-1uyhzza-2"
-    })([ "", "" ], $);
-    var A = g()(k()).withConfig({
-        displayName: "MessageBarStyles__StyledExclamationCircleIcon",
-        componentId: "sc-1uyhzza-3"
-    })([ "", "" ], $);
-    var L = g()(f()).withConfig({
-        displayName: "MessageBarStyles__StyledInformationCircleIcon",
-        componentId: "sc-1uyhzza-4"
-    })([ "", "" ], $);
-    var V = g()(w()).withConfig({
-        displayName: "MessageBarStyles__StyledExclamationTriangleIcon",
-        componentId: "sc-1uyhzza-5"
-    })([ "", "" ], $);
-    var D = g()(_()).withConfig({
-        displayName: "MessageBarStyles__StyledEnterpriseErrorIcon",
-        componentId: "sc-1uyhzza-6"
-    })([ "", " color:", ";" ], $, u.variables.errorColor);
-    var H = g()(z()).withConfig({
-        displayName: "MessageBarStyles__StyledEnterpriseInfoCircleIcon",
-        componentId: "sc-1uyhzza-7"
-    })([ "", " color:", ";" ], $, u.variables.infoColor);
-    var X = g()(E()).withConfig({
-        displayName: "MessageBarStyles__StyledEnterpriseSuccessIcon",
-        componentId: "sc-1uyhzza-8"
-    })([ "", " color:", ";" ], $, u.variables.successColor);
-    var F = g()(B()).withConfig({
-        displayName: "MessageBarStyles__StyledEnterpriseWarningIcon",
-        componentId: "sc-1uyhzza-9"
-    })([ "", " color:", ";" ], $, u.variables.warningColor);
-    var G = g()(j()).withConfig({
-        displayName: "MessageBarStyles__MessageBarWrapper",
-        componentId: "sc-1uyhzza-10"
-    })([ "", ";display:flex;align-items:center;justify-content:center;min-height:40px;margin-bottom:", ";", ";word-wrap:break-word;color:", ";", ";" ], u.mixins.reset("block"), u.variables.spacingSmall, (function(e) {
-        var r = e.$hasCloseButton;
-        return r ? (0, b.css)([ "", "" ], (0, u.pick)({
-            prisma: (0, b.css)([ "padding:0 8px 0 32px;" ]),
-            enterprise: (0, b.css)([ "padding:0 8px 0 38px;" ])
-        })) : (0, b.css)([ "", "" ], (0, u.pick)({
-            prisma: (0, b.css)([ "padding:0 33px 0 32px;" ]),
-            enterprise: (0, b.css)([ "padding:0 26px 0 32px;" ])
-        }));
-    }), (0, u.pick)({
-        prisma: (0, u.pickVariant)("$type", {
-            info: {
-                light: u.variables.contentColorActive,
-                dark: u.variables.contentColorInverted
-            },
-            success: u.variables.contentColorInverted,
-            warning: u.variables.black,
-            error: u.variables.contentColorInverted
-        }),
-        enterprise: {
-            dark: u.variables.gray96,
-            light: u.variables.gray25
-        }
-    }), (0, u.pickVariant)("$type", {
-        info: (0, b.css)([ "background-color:", ";" ], (0, u.pick)({
-            prisma: {
-                dark: u.variables.white,
-                light: u.variables.neutral200
-            },
-            enterprise: {
-                dark: u.mixins.colorWithAlpha(u.variables.infoColor, .5),
-                light: u.variables.infoColorL50
-            }
-        })),
-        success: (0, b.css)([ "background-color:", ";" ], (0, u.pick)({
-            prisma: u.variables.statusColorNormal,
-            enterprise: {
-                dark: u.mixins.colorWithAlpha(u.variables.successColor, .5),
-                light: u.variables.successColorL50
-            }
-        })),
-        warning: (0, b.css)([ "background-color:", ";" ], (0, u.pick)({
-            prisma: u.variables.statusColorMedium,
-            enterprise: {
-                dark: u.mixins.colorWithAlpha(u.variables.warningColor, .5),
-                light: u.variables.warningColorL50
-            }
-        })),
-        error: (0, b.css)([ "background-color:", ";" ], (0, u.pick)({
-            prisma: u.variables.statusColorHigh,
-            enterprise: {
-                dark: u.mixins.colorWithAlpha(u.variables.errorColor, .5),
-                light: u.variables.errorColorL50
-            }
-        }))
+    })([ "width:20px;height:20px;margin-left:auto;fill:", ";grid-row:1;grid-column:icon;" ], (0, 
+    k.pickVariant)("$type", {
+        info: k.variables.notificationColorInfo,
+        success: k.variables.notificationColorPositive,
+        warning: k.variables.notificationColorCaution,
+        error: k.variables.notificationColorNegative
     }));
+    var I = h().div.withConfig({
+        displayName: "MessageBarStyles__MessageBarWrapper",
+        componentId: "sc-1uyhzza-3"
+    })([ "", ";grid-template-columns:[icon] 20px ", " [content] fit-content(", ") minmax(", ",1fr) [close] min-content;grid-template-rows:1lh auto;align-items:center;border:1px solid ", ";border-radius:", ";background-color:", ";padding:", " ", ";width:100%;" ], k.mixins.reset("grid"), k.variables.spacingSmall, k.variables.lineLength, k.variables.spacingSmall, (0, 
+    k.pickVariant)("$type", {
+        info: k.variables.notificationColorInfoStrong,
+        success: k.variables.notificationColorPositiveStrong,
+        warning: k.variables.notificationColorCautionStrong,
+        error: k.variables.notificationColorNegativeStrong
+    }), k.variables.borderRadius, (0, k.pickVariant)("$type", {
+        info: k.variables.notificationColorInfoWeak,
+        success: k.variables.notificationColorPositiveWeak,
+        warning: k.variables.notificationColorCautionWeak,
+        error: k.variables.notificationColorNegativeWeak
+    }), k.variables.spacingSmall, k.variables.spacingMedium);
     // CONCATENATED MODULE: ./src/MessageBar/MessageBar.tsx
-    function J() {
-        return J = Object.assign ? Object.assign.bind() : function(e) {
+    function x() {
+        return x = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
-                var a = arguments[r];
-                for (var s in a) {
-                    ({}).hasOwnProperty.call(a, s) && (e[s] = a[s]);
+                var n = arguments[r];
+                for (var t in n) {
+                    ({}).hasOwnProperty.call(n, t) && (e[t] = n[t]);
                 }
             }
             return e;
-        }, J.apply(null, arguments);
+        }, x.apply(null, arguments);
     }
-    function K(e, r) {
+    function P(e, r) {
         if (null == e) return {};
-        var a, s, i = Q(e, r);
+        var n, t, a = j(e, r);
         if (Object.getOwnPropertySymbols) {
-            var n = Object.getOwnPropertySymbols(e);
-            for (s = 0; s < n.length; s++) {
-                a = n[s], r.includes(a) || {}.propertyIsEnumerable.call(e, a) && (i[a] = e[a]);
+            var i = Object.getOwnPropertySymbols(e);
+            for (t = 0; t < i.length; t++) {
+                n = i[t], r.includes(n) || {}.propertyIsEnumerable.call(e, n) && (a[n] = e[n]);
             }
         }
-        return i;
+        return a;
     }
-    function Q(e, r) {
+    function j(e, r) {
         if (null == e) return {};
-        var a = {};
-        for (var s in e) {
-            if ({}.hasOwnProperty.call(e, s)) {
-                if (r.includes(s)) continue;
-                a[s] = e[s];
+        var n = {};
+        for (var t in e) {
+            if ({}.hasOwnProperty.call(e, t)) {
+                if (r.includes(t)) continue;
+                n[t] = e[t];
             }
         }
-        return a;
+        return n;
     }
-    var U = {
-        children: n().node.isRequired,
-        onRequestClose: n().func,
-        type: n().oneOf([ "info", "success", "warning", "error" ]).isRequired
+    var z = {
+        children: i().node.isRequired,
+        onRequestClose: i().func,
+        type: i().oneOf([ "info", "success", "warning", "error" ]).isRequired
     };
-    var Y = Object.freeze({
-        info: (0, v._)("Info"),
-        warning: (0, v._)("Warning"),
-        error: (0, v._)("Alert"),
-        success: (0, v._)("Success")
-    });
-    var Z = Object.freeze({
-        info: H,
-        warning: F,
-        error: D,
-        success: X
+    var M = Object.freeze({
+        info: (0, b._)("Info"),
+        warning: (0, b._)("Warning"),
+        error: (0, b._)("Alert"),
+        success: (0, b._)("Success")
     });
-    var ee = Object.freeze({
-        info: L,
-        warning: V,
-        error: A,
-        success: P
+    var E = Object.freeze({
+        info: f(),
+        warning: g(),
+        error: p(),
+        success: s()
     });
-    var re = "24px";
-    function ae(e) {
-        var r = e.children, a = e.type, i = e.onRequestClose, n = K(e, [ "children", "type", "onRequestClose" ]);
+    function R(e) {
+        var r = e.children, n = e.elementRef, a = e.onRequestClose, i = e.type, o = P(e, [ "children", "elementRef", "onRequestClose", "type" ]);
         // @docs-props-type MessageBarPropsBase
-                var o = (0, u.useSplunkTheme)(), l = o.isEnterprise;
-        var p = l && a === "error" ? "22px" : re;
-        var b = l && a === "warning" ? "21px" : re;
-        var g;
-        if (l) {
-            var h = Z[a];
-            g =  s().createElement(h, {
-                height: b,
-                width: p,
-                hideDefaultTooltip: true,
-                screenReaderText: null,
-                "aria-hidden": true,
-                "data-test": "icon"
-            });
-        } else {
-            var y = ee[a];
-            g =  s().createElement(y, {
-                height: re,
-                width: re,
-                variant: "filled",
-                "aria-hidden": true,
-                "data-test": "icon"
-            });
-        }
+                var s = E[i];
+        var l = M[i];
         
-        return s().createElement(G, J({
-            $type: a,
+        return t().createElement(I, x({
+            ref: n,
+            $type: i,
             "data-test": "message-bar",
-            "data-test-type": a
-        }, n, {
-            role: "region",
-            $hasCloseButton: Boolean(i)
-        }), g,  s().createElement(d(), null, Y[a]),  s().createElement(T, {
-            $type: a,
+            "data-test-type": i
+        }, o, {
+            role: "region"
+        }),  t().createElement(O, {
+            as: s,
+            $type: i,
+            variant: "filled",
+            "aria-hidden": true,
+            "data-test": "icon"
+        }),  t().createElement(y(), null, l),  t().createElement(q, {
             "data-test": "content"
-        }, r), i &&  s().createElement(W, {
-            $type: a,
-            onClick: i
-        }, l ?  s().createElement(c(), {
-            height: "12px",
-            hideDefaultTooltip: true,
-            screenReaderText: null,
-            width: "12px"
-        }) :  s().createElement(t(), {
-            height: "19px",
-            style: {
-                margin: -.5
-            },
-            width: "19px"
-        }),  s().createElement(d(), null, (0, v._)("Close"))));
+        }, r), a &&  t().createElement(_, {
+            appearance: "subtle",
+            onClick: a
+        },  t().createElement(c(), null),  t().createElement(y(), null, (0, b._)("Close"))));
     }
-    ae.propTypes = U;
-    /* harmony default export */    const se = ae;
+    R.propTypes = z;
+    /* harmony default export */    const B = R;
     // CONCATENATED MODULE: ./src/MessageBar/index.ts
     module.exports = r;
     /******/})();

package/Modal.js

@@ -403,8 +403,8 @@
     }
     le.propTypes = ie;
     /* harmony default export */    const ue = le;
-    // CONCATENATED MODULE: external "react-spring"
-    const ce = require("react-spring");
+    // CONCATENATED MODULE: external "@react-spring/web"
+    const ce = require("@react-spring/web");
     // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
     var se = g()(ce.animated.div).withConfig({
         displayName: "ModalStyles__Styled",

package/ModalLayer.js

@@ -77,8 +77,8 @@
     // CONCATENATED MODULE: external "styled-components"
     const u = require("styled-components");
     var p =  e.n(u);
-    // CONCATENATED MODULE: external "react-spring"
-    const s = require("react-spring");
+    // CONCATENATED MODULE: external "@react-spring/web"
+    const s = require("@react-spring/web");
     // CONCATENATED MODULE: external "@splunk/themes"
     const f = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/ModalLayer/ModalLayerStyles.ts
@@ -88,15 +88,15 @@
         componentId: "sc-1sa3n1j-0"
     })([ "", ";background-color:", ";z-index:", ";" ], y, f.variables.backgroundColorScrim, f.variables.zindexModalBackdrop);
     // CONCATENATED MODULE: ./src/ModalLayer/ModalLayer.tsx
-    function v(e) {
+    function b(e) {
         "@babel/helpers - typeof";
-        return v = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return b = "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;
-        }, v(e);
+        }, b(e);
     }
-    function b(e, t) {
+    function v(e, t) {
         var r = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -109,9 +109,9 @@
     function m(e) {
         for (var t = 1; t < arguments.length; t++) {
             var r = null != arguments[t] ? arguments[t] : {};
-            t % 2 ? b(Object(r), !0).forEach((function(t) {
+            t % 2 ? v(Object(r), !0).forEach((function(t) {
                 E(e, t, r[t]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : b(Object(r)).forEach((function(t) {
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(r)) : v(Object(r)).forEach((function(t) {
                 Object.defineProperty(e, t, Object.getOwnPropertyDescriptor(r, t));
             }));
         }
@@ -161,7 +161,7 @@
         };
     }
     function S(e, t) {
-        if (t && ("object" == v(t) || "function" == typeof t)) return t;
+        if (t && ("object" == b(t) || "function" == typeof t)) return t;
         if (void 0 !== t) throw new TypeError("Derived constructors may only return object or undefined");
         return k(e);
     }
@@ -192,14 +192,14 @@
     }
     function q(e) {
         var t = M(e, "string");
-        return "symbol" == v(t) ? t : t + "";
+        return "symbol" == b(t) ? t : t + "";
     }
     function M(e, t) {
-        if ("object" != v(e) || !e) return e;
+        if ("object" != b(e) || !e) return e;
         var r = e[Symbol.toPrimitive];
         if (void 0 !== r) {
             var n = r.call(e, t || "default");
-            if ("object" != v(n)) return n;
+            if ("object" != b(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === t ? String : Number)(e);