@splunk/react-ui 5.1.0 → 5.3.0

package/Modal.js

@@ -108,8 +108,8 @@
         prisma: w.variables.backgroundColorDialog
     }), w.variables.spacingMedium, w.variables.spacingXLarge);
     // CONCATENATED MODULE: ./src/Modal/Body.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 t = arguments[r];
                 for (var n in t) {
@@ -117,12 +117,12 @@
                 }
             }
             return e;
-        }, j.apply(null, arguments);
+        }, x.apply(null, arguments);
     }
-    function C(e, r) {
-        return I(e) || E(e, r) || k(e, r) || x();
+    function j(e, r) {
+        return I(e) || E(e, r) || k(e, r) || C();
     }
-    function x() {
+    function C() {
         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 k(e, r) {
@@ -170,7 +170,7 @@
         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;
@@ -180,7 +180,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];
             }
         }
@@ -194,12 +194,12 @@
  */    function A(e) {
         var r = e.children, o = q(e, [ "children" ]);
         // @docs-props-type BodyPropsBase
-                var i = (0, t.useState)(), a = C(i, 2), l = a[0], u = a[1];
+                var i = (0, t.useState)(), a = j(i, 2), l = a[0], u = a[1];
         var c = (0, t.useCallback)((function(e) {
             u(e);
         }), []);
         
-        return n().createElement(S, j({
+        return n().createElement(S, x({
             "data-test": "body"
         }, o, {
             elementRef: c
@@ -216,9 +216,9 @@
     var B = g().div.withConfig({
         displayName: "FooterStyles__StyledDiv",
         componentId: "yszcmv-0"
-    })([ "flex:0 0 auto;padding:", " ", ";background-color:", ";& > button{min-width:80px;}", "" ], w.variables.spacingLarge, w.variables.spacingXLarge, w.variables.backgroundColorDialog, (0, 
+    })([ "flex:0 0 auto;padding:", " ", ";background-color:", ";& >:is(button,a){min-width:80px;}", "" ], w.variables.spacingLarge, w.variables.spacingXLarge, w.variables.backgroundColorDialog, (0, 
     w.pickVariant)("$layout", {
-        auto: (0, m.css)([ "display:flex;align-items:center;justify-content:flex-end;gap:", ";& > *:is(button,*){flex:0 0 auto;}& >:not(button){margin-right:auto;}&:has(button + button + button) > button:first-of-type{margin-right:auto;}" ], w.variables.spacingSmall),
+        auto: (0, m.css)([ "display:flex;align-items:center;justify-content:flex-end;gap:", ";& > *:is(button,a,*){flex:0 0 auto;}& >:not(button,a){margin-right:auto;}&:has(:is(button,a) +:is(button,a) +:is(button,a)) >:is(button,a):first-child{margin-right:auto;}" ], w.variables.spacingSmall),
         none: (0, m.css)([ "text-align:right;" ])
     }));
     // CONCATENATED MODULE: ./src/Modal/ModalContext.tsx
@@ -242,7 +242,7 @@
         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;
@@ -252,7 +252,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];
             }
         }
@@ -337,7 +337,7 @@
         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;
@@ -347,7 +347,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];
             }
         }
@@ -368,7 +368,7 @@
  * A styled container for `Modal` header content.
  */    function le(e) {
         var r = e.children, o = e.icon, i = e.hideCloseButton, a = i === void 0 ? false : i, l = e.title, u = e.subtitle, c = ne(e, [ "children", "icon", "hideCloseButton", "title", "subtitle" ]);
-        // @docs-props-type StepPropsBase
+        // @docs-props-type HeaderPropsBase
                 var s = (0, t.useContext)(N), f = s.titleId, d = s.subtitleId, p = s.divider, v = s.onRequestClose;
         var b = p === "both" || p === "header";
         var y =  (0, t.isValidElement)(o) &&  (0, t.cloneElement)(o, {
@@ -493,7 +493,7 @@
         }, ge(e);
     }
     function he(e, r) {
-        return Ce(e) || je(e, r) || we(e, r) || Oe();
+        return je(e) || xe(e, r) || we(e, r) || Oe();
     }
     function Oe() {
         throw new TypeError("Invalid attempt to destructure non-iterable instance.\nIn order to be iterable, non-array objects must have a [Symbol.iterator]() method.");
@@ -512,7 +512,7 @@
         }
         return n;
     }
-    function je(e, r) {
+    function xe(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;
@@ -534,16 +534,16 @@
             return l;
         }
     }
-    function Ce(e) {
+    function je(e) {
         if (Array.isArray(e)) return e;
     }
-    function xe(e, r) {
+    function Ce(e, r) {
         if (null == e) return {};
         var t, n, o = ke(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;
@@ -553,7 +553,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];
             }
         }
@@ -570,13 +570,13 @@
         returnFocus: c().oneOfType([ c().func, c().object ]).isRequired
     };
     function Ee(e) {
-        var r = e.children, o = e.closeOnClickAway, a = e.elementRef, u = e.divider, c = u === void 0 ? "both" : u, s = e.initialFocus, d = s === void 0 ? "first" : s, y = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, w = xe(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
+        var r = e.children, o = e.closeOnClickAway, a = e.elementRef, u = e.divider, c = u === void 0 ? "both" : u, s = e.initialFocus, d = s === void 0 ? "first" : s, y = e.onRequestClose, m = e.open, g = m === void 0 ? false : m, h = e.returnFocus, O = e.style, w = Ce(e, [ "children", "closeOnClickAway", "elementRef", "divider", "initialFocus", "onRequestClose", "open", "returnFocus", "style" ]);
         // @docs-props-type ModalPropsBase
                 var S = (0, t.useRef)(null);
         // this timeout ensures that the Modal is finished rendering before setting the focus
-                var j;
-        var C = (0, t.useRef)(undefined);
-        var x = (0, t.useRef)(null);
+                var x;
+        var j = (0, t.useRef)(undefined);
+        var C = (0, t.useRef)(null);
         var k = (0, t.useState)((function() {
             return {
                 headerTitleId: (0, b.createDOMID)("titleId"),
@@ -601,12 +601,12 @@
         }), [ g ]);
         var D = (0, t.useCallback)((function(e) {
             if (g) {
-                C.current = i()((function() {
+                j.current = i()((function() {
                     var e;
                     // not using the takeFocus() util here because it
                     // doesn't work for all values of "initialFocus"
                     // and it has a nested defer() call, which we want to avoid
-                                        if (x.current !== d) {
+                                        if (C.current !== d) {
                         if (d === "first") {
                             if (S.current) {
                                 /* eslint-disable prefer-destructuring */
@@ -622,12 +622,12 @@
                                                 if (e != null && "focus" in e) {
                             e.focus();
                         }
-                        x.current = d;
+                        C.current = d;
                     }
                 }));
             } else {
-                x.current = null;
-                clearTimeout(C.current);
+                C.current = null;
+                clearTimeout(j.current);
                 if (e) {
                     /**
          * We return focus to the invoking element here instead of in `handleRequestClose` because users can
@@ -647,13 +647,13 @@
             }
         }), [ d, g, h ]);
         (0, t.useEffect)((function() {
-            if (x.current !== d) {
+            if (C.current !== d) {
                 // cancel the defer() set up in handleInitialFocus()
                 // so that focus won't jump around if "initialFocus" changes
-                clearTimeout(C.current);
+                clearTimeout(j.current);
             }
             D(_);
-        }), [ D, d, g, j, _ ]);
+        }), [ D, d, g, x, _ ]);
         var M = (0, t.useCallback)((function(e) {
             S.current = e;
             fe(a, e);
@@ -664,7 +664,7 @@
             }
         };
         var B = (0, t.useCallback)((function(e) {
-            x.current = null;
+            C.current = null;
             y === null || y === void 0 ? void 0 : y(e);
         }), [ y ]);
         var F = (0, t.useMemo)((function() {

package/Monogram.js

@@ -61,8 +61,8 @@
         e.r(r);
     // EXPORTS
         e.d(r, {
-        default: () => /* reexport */ U,
-        getInitials: () => /* reexport */ T
+        default: () => /* reexport */ G,
+        getInitials: () => /* reexport */ U
     });
     // CONCATENATED MODULE: external "react"
     const t = require("react");
@@ -83,7 +83,7 @@
     const p = require("@splunk/themes");
     // CONCATENATED MODULE: ./src/Monogram/MonogramStyles.ts
     // Thanks: https://gist.github.com/hyamamoto/fd435505d29ebfa3d9716fd2be8d42f0
-    var b = function e(r) {
+    var d = function e(r) {
         var t = 0;
         for (var n = 0; n < r.length; ) {
             t = (t << 5) - t + r.charCodeAt(n++) | 0;
@@ -91,8 +91,8 @@
                 }
         return t;
     };
-    var d = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
-    var m = (0, c.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0, 
+    var m = [ "#006d9c", "#ec9960", "#af575a", "#62b3b2", "#4fa484", "#f8be34", "#5a4575", "#708794", "#294e70", "#b6c75a", "#5cc05c", "#007abd", "#dc4e41", "#f1813f", "#f8be34", "#53a051", "#006d9c", "#77d6d8", "#f589ad", "#6a2c5d" ];
+    var b = (0, c.css)([ "", ";align-items:center;justify-content:center;border-radius:50%;font-weight:normal;", " background-color:", ";", ";& + &{margin-left:4px;}" ], p.mixins.reset("inline-flex"), (0, 
     p.pick)({
         prisma: (0, c.css)([ "color:", ";" ], p.variables.contentColorActive)
     }), (function(e) {
@@ -107,7 +107,7 @@
             });
         }
         if (r === "auto") {
-            return d[b(t) % d.length];
+            return m[d(t) % m.length];
         }
         return r;
     }), (function(e) {
@@ -128,15 +128,15 @@
         }
         return (0, c.css)([ "height:48px;width:48px;font-size:", ";" ], p.variables.fontSize);
     }));
-    var y = s().div.withConfig({
+    var v = s().div.withConfig({
         displayName: "MonogramStyles__Styled",
         componentId: "r5ud6k-0"
-    })([ "", "" ], m);
-    var v = s()(f()).withConfig({
+    })([ "", "" ], b);
+    var y = s()(f()).withConfig({
         displayName: "MonogramStyles__StyledClickableComponent",
         componentId: "r5ud6k-1"
-    })([ "", "" ], m);
-    var g = s()(v).withConfig({
+    })([ "", "" ], b);
+    var g = s()(y).withConfig({
         displayName: "MonogramStyles__StyledClickable",
         componentId: "r5ud6k-2"
     })([ "cursor:pointer;position:relative;:focus,:hover{", "}:focus{box-shadow:", ";z-index:1;}:active{", "}" ], (0, 
@@ -154,16 +154,36 @@
         displayName: "MonogramStyles__Initials",
         componentId: "r5ud6k-3"
     })([ "opacity:0.8;text-transform:capitalize;" ]);
+    // CONCATENATED MODULE: ./src/utils/useDeprecate.tsx
+    var O = "is deprecated and will be removed in the next major version.";
+    var k = function e(r) {
+        var n = r.additionalMessage, i = n === void 0 ? "" : n, o = r.componentName;
+        (0, t.useEffect)((function() {
+            if (false) {}
+        }), [ i, o ]);
+    };
+    var w = function e(r) {
+        var t = r.additionalMessage, n = t === void 0 ? "" : t, i = r.componentName, o = r.propName, a = r.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ n, i, o, a ]);
+    };
+    var S = function e(r) {
+        var t = r.additionalMessage, n = t === void 0 ? "" : t, i = r.componentName, o = r.deprecatedPropValue, a = r.propName, l = r.propValue;
+        useEffect((function() {
+            if (false) {}
+        }), [ n, i, a, l, o ]);
+    };
     // CONCATENATED MODULE: ./src/Monogram/Monogram.tsx
-    function O(e) {
+    function j(e) {
         "@babel/helpers - typeof";
-        return O = "function" == typeof Symbol && "symbol" == typeof Symbol.iterator ? function(e) {
+        return j = "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;
-        }, O(e);
+        }, j(e);
     }
-    function k(e, r) {
+    function x(e, r) {
         var t = Object.keys(e);
         if (Object.getOwnPropertySymbols) {
             var n = Object.getOwnPropertySymbols(e);
@@ -173,41 +193,41 @@
         }
         return t;
     }
-    function w(e) {
+    function C(e) {
         for (var r = 1; r < arguments.length; r++) {
             var t = null != arguments[r] ? arguments[r] : {};
-            r % 2 ? k(Object(t), !0).forEach((function(r) {
-                S(e, r, t[r]);
-            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : k(Object(t)).forEach((function(r) {
+            r % 2 ? x(Object(t), !0).forEach((function(r) {
+                z(e, r, t[r]);
+            })) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : x(Object(t)).forEach((function(r) {
                 Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r));
             }));
         }
         return e;
     }
-    function S(e, r, t) {
-        return (r = j(r)) in e ? Object.defineProperty(e, r, {
+    function z(e, r, t) {
+        return (r = P(r)) in e ? Object.defineProperty(e, r, {
             value: t,
             enumerable: !0,
             configurable: !0,
             writable: !0
         }) : e[r] = t, e;
     }
-    function j(e) {
-        var r = x(e, "string");
-        return "symbol" == O(r) ? r : r + "";
+    function P(e) {
+        var r = E(e, "string");
+        return "symbol" == j(r) ? r : r + "";
     }
-    function x(e, r) {
-        if ("object" != O(e) || !e) return e;
+    function E(e, r) {
+        if ("object" != j(e) || !e) return e;
         var t = e[Symbol.toPrimitive];
         if (void 0 !== t) {
             var n = t.call(e, r || "default");
-            if ("object" != O(n)) return n;
+            if ("object" != j(n)) return n;
             throw new TypeError("@@toPrimitive must return a primitive value.");
         }
         return ("string" === r ? String : Number)(e);
     }
-    function C() {
-        return C = Object.assign ? Object.assign.bind() : function(e) {
+    function M() {
+        return M = Object.assign ? Object.assign.bind() : function(e) {
             for (var r = 1; r < arguments.length; r++) {
                 var t = arguments[r];
                 for (var n in t) {
@@ -215,29 +235,29 @@
                 }
             }
             return e;
-        }, C.apply(null, arguments);
+        }, M.apply(null, arguments);
     }
-    function z(e, r) {
-        return A(e) || E(e, r) || I(e, r) || P();
+    function I(e, r) {
+        return q(e) || $(e, r) || N(e, r) || _();
     }
-    function P() {
+    function _() {
         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 I(e, r) {
+    function N(e, r) {
         if (e) {
-            if ("string" == typeof e) return _(e, r);
+            if ("string" == typeof e) return A(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) ? _(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) ? A(e, r) : void 0;
         }
     }
-    function _(e, r) {
+    function A(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 E(e, r) {
+    function $(e, r) {
         var t = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
         if (null != t) {
             var n, i, o, a, l = [], c = !0, s = !1;
@@ -259,32 +279,32 @@
             return l;
         }
     }
-    function A(e) {
+    function q(e) {
         if (Array.isArray(e)) return e;
     }
-    function M(e, r) {
+    function R(e, r) {
         if (null == e) return {};
-        var t, n, i = $(e, r);
+        var t, n, i = T(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]);
+                t = o[n], -1 === r.indexOf(t) && {}.propertyIsEnumerable.call(e, t) && (i[t] = e[t]);
             }
         }
         return i;
     }
-    function $(e, r) {
+    function T(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;
     }
-    /** @public */    var q = {
+    /** @public */    var D = {
         backgroundColor: l().string,
         elementRef: l().oneOfType([ l().func, l().object ]),
         initials: l().string.isRequired,
@@ -292,7 +312,7 @@
         onClick: l().func,
         size: l().oneOfType([ l().oneOf([ "small", "medium", "large" ]), l().number ])
     };
-    function R(e) {
+    function V(e) {
         return !!e.onClick;
     }
     /**
@@ -301,14 +321,14 @@
  * @param {string} name - The full name.
  * @returns {string} Limited to three characters. Empty if `name` is empty.
  * @public
- */    function T(e) {
+ */    function U(e) {
         var r = (e.match(/[^\s-]+/g) || []).map((function(e) {
             return e[0];
         })).join("");
         return r.length > 3 ? "".concat(r[0]).concat(r[r.length - 1]) : r;
     }
-    function N(e) {
-        var r = e.backgroundColor, t = e.initials, n = e.size, i = M(e, [ "backgroundColor", "initials", "size" ]);
+    function X(e) {
+        var r = e.backgroundColor, t = e.initials, n = e.size, i = R(e, [ "backgroundColor", "initials", "size" ]);
         var o = {
             "data-test": "monogram",
             $backgroundColor: r,
@@ -317,44 +337,50 @@
         };
         return [ o, i ];
     }
-    function D(e) {
-        var r = N(e), i = z(r, 2), a = i[0], l = i[1];
-        var c = l.children, s = l.elementRef, u = l.name, f = l.onClick, p = M(l, [ "children", "elementRef", "name", "onClick" ]);
-        var b = (0, t.useCallback)((function(e) {
+    function L(e) {
+        var r = X(e), i = I(r, 2), a = i[0], l = i[1];
+        var c = l.children, s = l.elementRef, u = l.name, f = l.onClick, p = R(l, [ "children", "elementRef", "name", "onClick" ]);
+        var d = (0, t.useCallback)((function(e) {
             f(e, {
                 name: u
             });
         }), [ f, u ]);
         
-        return n().createElement(g, C({
+        return n().createElement(g, M({
             elementRef: s,
-            onClick: b
-        }, a, o()(p, Object.keys(q))), c);
+            onClick: d
+        }, a, o()(p, Object.keys(D))), c);
     }
-    function X(e) {
-        var r = N(e), t = z(r, 2), i = t[0], a = t[1];
-        var l = a.children, c = a.elementRef, s = M(a, [ "children", "elementRef" ]);
+    function B(e) {
+        var r = X(e), t = I(r, 2), i = t[0], a = t[1];
+        var l = a.children, c = a.elementRef, s = R(a, [ "children", "elementRef" ]);
         
-        return n().createElement(y, C({
+        return n().createElement(v, M({
             ref: c
-        }, i, o()(s, Object.keys(q))), l);
+        }, i, o()(s, Object.keys(D))), l);
     }
-    function L(e) {
-        var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, l = M(e, [ "backgroundColor", "initials", "size" ]);
+    /**
+ * @deprecated
+ * Monogram has been deprecated and will be removed in a future major version. Use Avatar instead.
+ */    function F(e) {
+        var r = e.backgroundColor, t = r === void 0 ? "theme" : r, i = e.initials, o = e.size, a = o === void 0 ? "medium" : o, l = R(e, [ "backgroundColor", "initials", "size" ]);
         // @docs-props-type MonogramPropsBase
-                if (false) {}
+                k({
+            additionalMessage: "Use Avatar instead.",
+            componentName: "Monogram"
+        });
         var c =  n().createElement(h, {
             "data-test": "initials"
         }, i);
-        var s = w({
+        var s = C({
             backgroundColor: t,
             size: a,
             initials: i
         }, l);
-        return R(s) ?  n().createElement(D, s, c) :  n().createElement(X, s, c);
+        return V(s) ?  n().createElement(L, s, c) :  n().createElement(B, s, c);
     }
-    L.propTypes = q;
-    /* harmony default export */    const U = L;
+    F.propTypes = D;
+    /* harmony default export */    const G = F;
     // CONCATENATED MODULE: ./src/Monogram/index.ts
     module.exports = r;
     /******/})();