@splunk/react-ui 5.8.0 → 5.9.1

package/Code.js

@@ -837,11 +837,11 @@
                                 var b = m.inside;
                                 var h = !!m.lookbehind;
                                 var v = !!m.greedy;
-                                var E = m.alias;
+                                var y = m.alias;
                                 if (v && !m.pattern.global) {
                                     // Without the global flag, lastIndex won't work
-                                    var y = m.pattern.toString().match(/[imsuy]*$/)[0];
-                                    m.pattern = RegExp(m.pattern.source, y + "g");
+                                    var E = m.pattern.toString().match(/[imsuy]*$/)[0];
+                                    m.pattern = RegExp(m.pattern.source, E + "g");
                                 }
                                 /** @type {RegExp} */                                var S = m.pattern || m;
                                 for (// iterate the token list and keep track of the current token/string position
@@ -911,7 +911,7 @@
                                         k += L.length;
                                     }
                                     p(t, D, T);
-                                    var P = new i(d, b ? s.tokenize(_, b) : _, E, _);
+                                    var P = new i(d, b ? s.tokenize(_, b) : _, y, _);
                                     A = c(t, D, P);
                                     if (F) {
                                         c(t, A, F);
@@ -2283,8 +2283,8 @@
                     var b = t(/<<0>>(?:\s*(?:\?\s*)?<<1>>)*(?:\s*\?)?/.source, [ f, m ]);
                     var h = t(/[^,()<>[\];=+\-*/%&|^]|<<0>>|<<1>>|<<2>>/.source, [ c, p, m ]);
                     var v = t(/\(<<0>>+(?:,<<0>>+)+\)/.source, [ h ]);
-                    var E = t(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source, [ v, f, m ]);
-                    var y = {
+                    var y = t(/(?:<<0>>|<<1>>)(?:\s*(?:\?\s*)?<<2>>)*(?:\s*\?)?/.source, [ v, f, m ]);
+                    var E = {
                         keyword: o,
                         punctuation: /[<>()?,.:[\]]/
                     };
@@ -2310,13 +2310,13 @@
                             // using static System.Math;
                             pattern: n(/(\busing\s+static\s+)<<0>>(?=\s*;)/.source, [ f ]),
                             lookbehind: true,
-                            inside: y
+                            inside: E
                         }, {
                             // Using alias (type)
                             // using Project = PC.MyCompany.Project;
-                            pattern: n(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source, [ d, E ]),
+                            pattern: n(/(\busing\s+<<0>>\s*=\s*)<<1>>(?=\s*;)/.source, [ d, y ]),
                             lookbehind: true,
-                            inside: y
+                            inside: E
                         }, {
                             // Using alias (alias)
                             // using Project = PC.MyCompany.Project;
@@ -2328,14 +2328,14 @@
                             // interface Foo<out A, B>
                             pattern: n(/(\b<<0>>\s+)<<1>>/.source, [ i, g ]),
                             lookbehind: true,
-                            inside: y
+                            inside: E
                         }, {
                             // Single catch exception declaration
                             // catch(Foo)
                             // (things like catch(Foo e) is covered by variable declaration)
                             pattern: n(/(\bcatch\s*\(\s*)<<0>>/.source, [ f ]),
                             lookbehind: true,
-                            inside: y
+                            inside: E
                         }, {
                             // Name of the type parameter of generic constraints
                             // where Foo : class
@@ -2347,12 +2347,12 @@
                             // (things like if(a is Foo b) is covered by variable declaration)
                             pattern: n(/(\b(?:is(?:\s+not)?|as)\s+)<<0>>/.source, [ b ]),
                             lookbehind: true,
-                            inside: y
+                            inside: E
                         }, {
                             // Variable, field and parameter declaration
                             // (Foo bar, Bar baz, Foo[,,] bay, Foo<Bar, FooBar<Bar>> bax)
-                            pattern: n(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source, [ E, u, d ]),
-                            inside: y
+                            pattern: n(/\b<<0>>(?=\s+(?!<<1>>|with\s*\{)<<2>>(?:\s*[=,;:{)\]]|\s+(?:in|when)\b))/.source, [ y, u, d ]),
+                            inside: E
                         } ],
                         keyword: o,
                         // https://docs.microsoft.com/en-us/dotnet/csharp/language-reference/language-specification/lexical-structure#literals
@@ -2388,21 +2388,21 @@
                             pattern: n(/(\b(?:default|sizeof|typeof)\s*\(\s*(?!\s))(?:[^()\s]|\s(?!\s)|<<0>>)*(?=\s*\))/.source, [ p ]),
                             lookbehind: true,
                             alias: "class-name",
-                            inside: y
+                            inside: E
                         },
                         "return-type": {
                             // Foo<Bar> ForBar(); Foo IFoo.Bar() => 0
                             // int this[int index] => 0; T IReadOnlyList<T>.this[int index] => this[index];
                             // int Foo => 0; int Foo { get; set } = 0;
-                            pattern: n(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source, [ E, f ]),
-                            inside: y,
+                            pattern: n(/<<0>>(?=\s+(?:<<1>>\s*(?:=>|[({]|\.\s*this\s*\[)|this\s*\[))/.source, [ y, f ]),
+                            inside: E,
                             alias: "class-name"
                         },
                         "constructor-invocation": {
                             // new List<Foo<Bar[]>> { }
-                            pattern: n(/(\bnew\s+)<<0>>(?=\s*[[({])/.source, [ E ]),
+                            pattern: n(/(\bnew\s+)<<0>>(?=\s*[[({])/.source, [ y ]),
                             lookbehind: true,
-                            inside: y,
+                            inside: E,
                             alias: "class-name"
                         },
                         /*'explicit-implementation': {
@@ -2419,7 +2419,7 @@
                                 generic: {
                                     pattern: RegExp(c),
                                     alias: "class-name",
-                                    inside: y
+                                    inside: E
                                 }
                             }
                         },
@@ -2427,7 +2427,7 @@
                             // The list of types inherited or of generic constraints
                             // class Foo<F> : Bar, IList<FooBar>
                             // where F : Bar, IList<int>
-                            pattern: n(/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source, [ i, g, d, E, o.source, p, /\bnew\s*\(\s*\)/.source ]),
+                            pattern: n(/\b((?:<<0>>\s+<<1>>|record\s+<<1>>\s*<<5>>|where\s+<<2>>)\s*:\s*)(?:<<3>>|<<4>>|<<1>>\s*<<5>>|<<6>>)(?:\s*,\s*(?:<<3>>|<<4>>|<<6>>))*(?=\s*(?:where|[{;]|=>|$))/.source, [ i, g, d, y, o.source, p, /\bnew\s*\(\s*\)/.source ]),
                             lookbehind: true,
                             inside: {
                                 "record-arguments": {
@@ -2438,9 +2438,9 @@
                                 },
                                 keyword: o,
                                 "class-name": {
-                                    pattern: RegExp(E),
+                                    pattern: RegExp(y),
                                     greedy: true,
-                                    inside: y
+                                    inside: E
                                 },
                                 punctuation: /[,()]/
                             }
@@ -2741,7 +2741,7 @@
                 n.r(r);
         // EXPORTS
                 n.d(r, {
-            default: () => /* reexport */ se
+            default: () => /* reexport */ ie
         });
         // CONCATENATED MODULE: external "react"
         const e = require("react");
@@ -2767,73 +2767,78 @@
         // CONCATENATED MODULE: external "@splunk/react-ui/useResizeObserver"
         const b = require("@splunk/react-ui/useResizeObserver");
         var h =  n.n(b);
+        // CONCATENATED MODULE: external "@splunk/ui-utils/logger"
+        const v = require("@splunk/ui-utils/logger");
         // CONCATENATED MODULE: external "styled-components"
-        const v = require("styled-components");
-        var E =  n.n(v);
+        const y = require("styled-components");
+        var E =  n.n(y);
         // CONCATENATED MODULE: external "@splunk/themes"
-        const y = require("@splunk/themes");
+        const S = require("@splunk/themes");
         // CONCATENATED MODULE: ./src/Code/CodeStyles.ts
-        var S = "lineHeightSpacious";
-        var A = "spacingLarge";
-        var k = E().code.withConfig({
+        var A = "lineHeightSpacious";
+        var k = "spacingLarge";
+        var x = E().code.withConfig({
             displayName: "CodeStyles__StyledCode",
             componentId: "sc-1eq4k68-0"
-        })([ "font-family:", ";position:relative;z-index:1;", ";" ], y.variables.monoFontFamily, (function(e) {
+        })([ "font-family:", ";position:relative;z-index:1;", ";" ], S.variables.monoFontFamily, (function(e) {
             var t = e.$isPlaintext;
-            return !t && (0, v.css)([ "color:", ";" ], y.variables.syntaxTeal);
+            return !t && (0, S.pick)({
+                light: (0, y.css)([ "color:", ";" ], S.variables.syntaxBlack),
+                dark: (0, y.css)([ "color:", ";" ], S.variables.syntaxWhite)
+            });
         }));
-        var x = E().pre.withConfig({
+        var T = E().pre.withConfig({
             displayName: "CodeStyles__StyledPre",
             componentId: "sc-1eq4k68-1"
-        })([ "", ";", ";line-height:", ";position:relative;text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;&:focus-visible{box-shadow:", ";}", " ", ";" ], y.mixins.reset("grid"), y.mixins.typography("monoBody"), y.variables[S], y.variables.focusShadow, (function(e) {
+        })([ "", ";", ";line-height:", ";position:relative;text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;&:focus-visible{box-shadow:", ";}", " ", ";" ], S.mixins.reset("grid"), S.mixins.typography("monoBody"), S.variables[A], S.variables.focusShadow, (function(e) {
             var t = e.$showLineNumbers, n = e.$counterReset;
-            return t && (0, v.css)([ "grid-template-columns:min-content auto;counter-reset:linenumber ", ";" ], n);
+            return t && (0, y.css)([ "grid-template-columns:min-content auto;counter-reset:linenumber ", ";" ], n);
         }), (function(e) {
             var t = e.$containerAppearance;
-            return t === "none" ? (0, v.css)([ "gap:", ";" ], y.variables.spacingMedium) : (0, 
-            v.css)([ "background-color:", ";border-radius:", ";", "{margin:", ";}" ], y.variables.neutral50, y.variables.borderRadius, /* sc-sel */ k, y.variables[A]);
+            return t === "none" ? (0, y.css)([ "gap:", ";" ], S.variables.spacingMedium) : (0, 
+            y.css)([ "background-color:", ";border-radius:", ";", "{margin:", ";}" ], S.variables.neutral50, S.variables.borderRadius, /* sc-sel */ x, S.variables[k]);
         }));
-        var T = E().span.withConfig({
+        var I = E().span.withConfig({
             displayName: "CodeStyles__StyledIndent",
             componentId: "sc-1eq4k68-2"
-        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], y.variables.syntaxGray);
-        var I = {
-            comment: y.variables.syntaxGray,
-            prolog: y.variables.syntaxGray,
-            doctype: y.variables.syntaxGray,
-            cdata: y.variables.syntaxGray,
-            punctuation: y.variables.syntaxGray,
-            property: y.variables.syntaxPurple,
-            tag: y.variables.syntaxPurple,
-            boolean: y.variables.syntaxPurple,
-            number: y.variables.syntaxPurple,
-            constant: y.variables.syntaxPurple,
-            symbol: y.variables.syntaxPurple,
-            deleted: y.variables.syntaxPurple,
-            key: y.variables.syntaxPurple,
-            selector: y.variables.syntaxGreen,
-            "attr-name": y.variables.syntaxGreen,
-            string: y.variables.syntaxGreen,
-            char: y.variables.syntaxGreen,
-            builtin: y.variables.syntaxGreen,
-            inserted: y.variables.syntaxGreen,
-            operator: y.variables.syntaxBrown,
-            entity: y.variables.syntaxBrown,
-            url: y.variables.syntaxBrown,
-            atrule: y.variables.syntaxBlue,
-            "attr-value": y.variables.syntaxBlue,
-            keyword: y.variables.syntaxBlue,
-            function: y.variables.syntaxRed,
-            regex: y.variables.syntaxOrange,
-            important: y.variables.syntaxOrange,
-            variable: y.variables.syntaxOrange
+        })([ "&:not(:last-child){background-image:linear-gradient( to left,", " 1px,transparent 1px,transparent );}" ], S.variables.syntaxGray);
+        var R = {
+            comment: S.variables.syntaxGray,
+            prolog: S.variables.syntaxGray,
+            doctype: S.variables.syntaxGray,
+            cdata: S.variables.syntaxGray,
+            punctuation: S.variables.syntaxGray,
+            property: S.variables.syntaxPurple,
+            constant: S.variables.syntaxPurple,
+            symbol: S.variables.syntaxPurple,
+            deleted: S.variables.syntaxPurple,
+            key: S.variables.syntaxPurple,
+            tag: S.variables.syntaxPurple,
+            boolean: S.variables.syntaxGreen,
+            number: S.variables.syntaxGreen,
+            selector: S.variables.syntaxGreen,
+            "attr-name": S.variables.syntaxGreen,
+            string: S.variables.syntaxGreen,
+            char: S.variables.syntaxGreen,
+            builtin: S.variables.syntaxGreen,
+            inserted: S.variables.syntaxGreen,
+            operator: S.variables.syntaxBrown,
+            entity: S.variables.syntaxBrown,
+            url: S.variables.syntaxBrown,
+            atrule: S.variables.syntaxBlue,
+            "attr-value": S.variables.syntaxBlue,
+            keyword: S.variables.syntaxBlue,
+            function: S.variables.syntaxRed,
+            regex: S.variables.syntaxOrange,
+            important: S.variables.syntaxOrange,
+            variable: S.variables.syntaxOrange
         };
-        var R = E().span.withConfig({
+        var w = E().span.withConfig({
             displayName: "CodeStyles__StyledToken",
             componentId: "sc-1eq4k68-3"
         })([ "color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";" ], (function(e) {
             var t = e.partType;
-            return I[t];
+            return R[t];
         }), (function(e) {
             var t = e.partType;
             return t === "entity" ? "help" : null;
@@ -2845,42 +2850,42 @@
             return t === "italic" ? "italic" : null;
         }), (function(e) {
             var t = e.partType;
-            return t === "important" || t === "bold" ? y.variables.fontWeightBold : null;
+            return t === "important" || t === "bold" ? S.variables.fontWeightBold : null;
         }));
         // CONCATENATED MODULE: ./src/Code/LineHighlightsStyles.ts
-        var w = E().div.withConfig({
+        var N = E().div.withConfig({
             displayName: "LineHighlightsStyles__StyledLineHighlight",
             componentId: "sc-1x2b02z-0"
-        })([ "position:absolute;left:0;height:1lh;background:", ";border-left:2px solid ", ";pointer-events:none;line-height:inherit;width:", "px;", ";" ], y.variables.notificationColorInfoWeak, y.variables.notificationColorInfo, (function(e) {
+        })([ "position:absolute;left:0;height:1lh;background:", ";border-left:2px solid ", ";pointer-events:none;line-height:inherit;width:", "px;", ";" ], S.variables.notificationColorInfoWeak, S.variables.notificationColorInfo, (function(e) {
             var t = e.$width;
             return t;
         }), (function(e) {
             var t = e.$containerAppearance, n = e.$lineNum;
-            return t === "none" ? (0, v.css)([ "top:calc(", " * ", "em);" ], n - 1, y.variables[S]) : (0, 
-            v.css)([ "top:calc( ", " * ", "em + ", " );" ], n - 1, y.variables[S], y.variables[A]);
+            return t === "none" ? (0, y.css)([ "top:calc(", " * ", "em);" ], n - 1, S.variables[A]) : (0, 
+            y.css)([ "top:calc( ", " * ", "em + ", " );" ], n - 1, S.variables[A], S.variables[k]);
         }));
         // CONCATENATED MODULE: ./src/Code/LineHighlights.tsx
-        function N(e, t) {
-            return C(e) || F(e, t) || _(e, t) || O();
+        function O(e, t) {
+            return D(e) || C(e, t) || L(e, t) || _();
         }
-        function O() {
+        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 _(e, t) {
+        function L(e, t) {
             if (e) {
-                if ("string" == typeof e) return L(e, t);
+                if ("string" == typeof e) return F(e, t);
                 var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? L(e, t) : void 0;
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? F(e, t) : void 0;
             }
         }
-        function L(e, t) {
+        function F(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var n = 0, r = Array(t); n < t; n++) {
                 r[n] = e[n];
             }
             return r;
         }
-        function F(e, t) {
+        function C(e, t) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
                 var r, a, s, i, o = [], l = !0, u = !1;
@@ -2902,21 +2907,21 @@
                 return o;
             }
         }
-        function C(e) {
+        function D(e) {
             if (Array.isArray(e)) return e;
         }
         // parseHighlightLines will turn a string like "2,4-5" into an array of ranges like [[2, 2], [4, 5]]
-                var D = function e(t) {
+                var P = function e(t) {
             return t.replace(/\s+/g, "").split(",").filter(Boolean).map((function(e) {
-                var t = e.split("-").map(Number), n = N(t, 2), r = n[0], a = n[1];
+                var t = e.split("-").map(Number), n = O(t, 2), r = n[0], a = n[1];
                 return [ r, a || r ];
             }));
         };
         // Flatten the array of ranges into a single array of line numbers
         // example: [[2, 2], [4, 5]] will become [2, 4, 5]
-                var P = function e(t) {
+                var $ = function e(t) {
             var n = t.map((function(e) {
-                var t = N(e, 2), n = t[0], r = t[1];
+                var t = O(e, 2), n = t[0], r = t[1];
                 return Array.from({
                     length: r - n + 1
                 }, (function(e, t) {
@@ -2928,14 +2933,14 @@
             return Array.from(new Set(n));
  // Remove duplicates
                 };
-        var $ = function e(n) {
+        var U = function e(n) {
             var r = n.containerAppearance, a = n.highlight, s = n.width;
-            var i = D(a);
-            var o = P(i);
+            var i = P(a);
+            var o = $(i);
             
             return t().createElement(t().Fragment, null, o.map((function(e) {
                 
-                return t().createElement(w, {
+                return t().createElement(N, {
                     key: e,
                     className: "line-highlight",
                     "aria-hidden": "true",
@@ -2945,21 +2950,21 @@
                 });
             })));
         };
-        /* harmony default export */        const U = $;
+        /* harmony default export */        const B = U;
         // CONCATENATED MODULE: ./src/Code/LineNumbersStyles.ts
-        var B = E().span.withConfig({
+        var M = E().span.withConfig({
             displayName: "LineNumbersStyles__StyledLineNumberRows",
             componentId: "sc-1h4k3dh-0"
         })([ "pointer-events:none;user-select:none;", ";& > span{display:block;counter-increment:linenumber;position:relative;z-index:1;&::before{display:block;content:counter(linenumber);color:", ";text-align:right;", "}}" ], (function(e) {
             var t = e.$containerAppearance;
-            return t === "none" ? (0, v.css)([ "border-right:1px solid ", ";z-index:1;" ], y.variables.borderColor) : (0, 
-            v.css)([ "padding:", ";background-color:", ";" ], y.variables[A], y.variables.neutral200);
-        }), y.variables.contentColorDefault, (function(e) {
+            return t === "none" ? (0, y.css)([ "border-right:1px solid ", ";z-index:1;" ], S.variables.borderColor) : (0, 
+            y.css)([ "padding:", ";background-color:", ";" ], S.variables[k], S.variables.neutral200);
+        }), S.variables.contentColorDefault, (function(e) {
             var t = e.$containerAppearance;
-            return t === "none" && (0, v.css)([ "padding-inline-end:", ";" ], y.variables.spacingSmall);
+            return t === "none" && (0, y.css)([ "padding-inline-end:", ";" ], S.variables.spacingSmall);
         }));
         // CONCATENATED MODULE: ./src/Code/LineNumbers.tsx
-        function M(e) {
+        function G(e) {
             var n = e.containerAppearance, r = n === void 0 ? "none" : n, a = e.value, s = a === void 0 ? "" : a;
             // Use a regex to see how many lines there are in the value, then output an
             // empty span for each line.  The numbers themselves are handled by the CSS counter.
@@ -2974,15 +2979,15 @@
                 });
             }));
             
-            return t().createElement(B, {
+            return t().createElement(M, {
                 $containerAppearance: r,
                 "aria-hidden": true
             }, l);
         }
-        /* harmony default export */        const G = M;
+        /* harmony default export */        const j = G;
         // EXTERNAL MODULE: ./src/Code/prism/prism.empty
-                var j = n(74);
-        var H =  n.n(j);
+                var H = n(74);
+        var z =  n.n(H);
         // CONCATENATED MODULE: ./src/utils/updateReactRef.ts
         /**
  * Updates a React ref. Callback refs and object refs (from `createRef` and `useRef`) are supported.
@@ -2990,7 +2995,7 @@
  * @param ref - The React callback or object ref. Can be `null` or `undefined`.
  * @param current - The new value of the ref.
  */
-        function z(e, t) {
+        function W(e, t) {
             if (e) {
                 if (typeof e === "function") {
                     e(t);
@@ -3003,8 +3008,8 @@
             }
         }
         // CONCATENATED MODULE: ./src/Code/Code.tsx
-        function W() {
-            return W = Object.assign ? Object.assign.bind() : function(e) {
+        function q() {
+            return q = Object.assign ? Object.assign.bind() : function(e) {
                 for (var t = 1; t < arguments.length; t++) {
                     var n = arguments[t];
                     for (var r in n) {
@@ -3012,29 +3017,29 @@
                     }
                 }
                 return e;
-            }, W.apply(null, arguments);
+            }, q.apply(null, arguments);
         }
         function Y(e, t) {
-            return V(e) || Z(e, t) || X(e, t) || q();
+            return J(e) || V(e, t) || K(e, t) || X();
         }
-        function q() {
+        function X() {
             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 X(e, t) {
+        function K(e, t) {
             if (e) {
-                if ("string" == typeof e) return K(e, t);
+                if ("string" == typeof e) return Z(e, t);
                 var n = {}.toString.call(e).slice(8, -1);
-                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? K(e, t) : void 0;
+                return "Object" === n && e.constructor && (n = e.constructor.name), "Map" === n || "Set" === n ? Array.from(e) : "Arguments" === n || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n) ? Z(e, t) : void 0;
             }
         }
-        function K(e, t) {
+        function Z(e, t) {
             (null == t || t > e.length) && (t = e.length);
             for (var n = 0, r = Array(t); n < t; n++) {
                 r[n] = e[n];
             }
             return r;
         }
-        function Z(e, t) {
+        function V(e, t) {
             var n = null == e ? null : "undefined" != typeof Symbol && e[Symbol.iterator] || e["@@iterator"];
             if (null != n) {
                 var r, a, s, i, o = [], l = !0, u = !1;
@@ -3056,12 +3061,12 @@
                 return o;
             }
         }
-        function V(e) {
+        function J(e) {
             if (Array.isArray(e)) return e;
         }
-        function J(e, t) {
+        function Q(e, t) {
             if (null == e) return {};
-            var n, r, a = Q(e, t);
+            var n, r, a = ee(e, t);
             if (Object.getOwnPropertySymbols) {
                 var s = Object.getOwnPropertySymbols(e);
                 for (r = 0; r < s.length; r++) {
@@ -3070,7 +3075,7 @@
             }
             return a;
         }
-        function Q(e, t) {
+        function ee(e, t) {
             if (null == e) return {};
             var n = {};
             for (var r in e) {
@@ -3085,74 +3090,76 @@
         // auto formatting. The import below points to an empty file which is replaced at build
         // time, see ./prism/build-isolated-prism.js for details.
         // typed as 'prismjs'
-                var ee = [ "bash", "c", "clike", "cpp", "cs", "csharp", "css", "html", "javascript", "js", "json", "jsx", "markup", "mathml", "plain", "plaintext", "powershell", "py", "python", "sh", "shell", "splunk-spl", "sql", "svg", "text", "ts", "tsx", "txt", "typescript", "xml", "yaml", "yml" ];
-        function te(e) {
+                var te = [ "bash", "c", "clike", "cpp", "cs", "csharp", "css", "html", "javascript", "js", "json", "jsx", "markup", "mathml", "plain", "plaintext", "powershell", "py", "python", "sh", "shell", "splunk-spl", "sql", "svg", "text", "ts", "tsx", "txt", "typescript", "xml", "yaml", "yml" ];
+        function ne(e) {
             return [ "plain", "plaintext", "text", "txt" ].includes(e);
         }
-        function ne(e, t) {
-            if (te(t)) {
-                return H().tokenize(e, {});
+        function re(e, t) {
+            if (ne(t)) {
+                return z().tokenize(e, {});
             }
-            return H().tokenize(e, H().languages[t]);
+            return z().tokenize(e, z().languages[t]);
         }
-        var re = {
+        var ae = {
             containerAppearance: m().oneOf([ "none", "section" ]),
             elementRef: m().oneOfType([ m().func, m().object ]),
             indentChars: m().number,
-            language: m().oneOf(ee),
-            languageFallback: m().oneOf(ee),
+            language: m().oneOf(te),
+            languageFallback: m().oneOf(te),
             lineHighlights: m().string,
             lineNumberStart: m().number,
             showIndentGuide: m().bool,
             showLineNumbers: m().bool,
             value: m().string
         };
-        function ae(n) {
-            var r = n.containerAppearance, a = r === void 0 ? "none" : r, i = n.elementRef, l = n.indentChars, c = l === void 0 ? 4 : l, d = n.language, f = n.languageFallback, m = f === void 0 ? "javascript" : f, b = n.lineHighlights, v = n.lineNumberStart, E = n.showIndentGuide, y = E === void 0 ? true : E, S = n.showLineNumbers, A = n.value, I = A === void 0 ? "" : A, w = J(n, [ "containerAppearance", "elementRef", "indentChars", "language", "languageFallback", "lineHighlights", "lineNumberStart", "showIndentGuide", "showLineNumbers", "value" ]);
+        function se(n) {
+            var r = n.containerAppearance, a = r === void 0 ? "none" : r, i = n.elementRef, l = n.indentChars, c = l === void 0 ? 4 : l, d = n.language, f = n.languageFallback, m = f === void 0 ? "javascript" : f, b = n.lineHighlights, y = n.lineNumberStart, E = n.showIndentGuide, S = E === void 0 ? true : E, A = n.showLineNumbers, k = n.value, R = k === void 0 ? "" : k, N = Q(n, [ "containerAppearance", "elementRef", "indentChars", "language", "languageFallback", "lineHighlights", "lineNumberStart", "showIndentGuide", "showLineNumbers", "value" ]);
             // @docs-props-type CodePropsBase
-                        var N = (0, e.useRef)(null);
-            var O = (0, e.useState)(undefined), _ = Y(O, 2), L = _[0], F = _[1];
-            var C = h()(N), D = C.width, P = C.height;
-            var $ = (0, e.useCallback)((function(e) {
-                z(N, e);
-                z(i, e);
+                        var O = (0, e.useRef)(null);
+            var _ = (0, e.useState)(undefined), L = Y(_, 2), F = L[0], C = L[1];
+            var D = h()(O), P = D.width, $ = D.height;
+            var U = (0, e.useCallback)((function(e) {
+                W(O, e);
+                W(i, e);
             }), [ i ]);
             (0, e.useEffect)((function() {
-                var e = N.current;
+                var e = O.current;
                 if (e) {
-                    var t = e.scrollHeight > Math.round(P);
-                    var n = e.scrollWidth > Math.round(D);
+                    var t = e.scrollHeight > Math.round($);
+                    var n = e.scrollWidth > Math.round(P);
                     var r = t || n;
-                    F(r ? 0 : undefined);
+                    C(r ? 0 : undefined);
                 }
-            }), [ N, D, P ]);
-            var B = p()(" ", c);
-            var M = function e(n) {
+            }), [ O, P, $ ]);
+            var M = p()(" ", c);
+            var G = function e(n) {
                 var r = Math.floor(n / c);
                 var a = n % c;
                 var s = g()(r, (function(e) {
                     
-                    return t().createElement(T, {
+                    return t().createElement(I, {
                         key: e.toString()
-                    }, B);
+                    }, M);
                 }));
                 if (a) {
                     s.push(p()(" ", a));
                 }
                 return s;
             };
-            var j = d ? u()(ee, d) > -1 : true;
+            var H = d ? u()(te, d) > -1 : true;
             (0, e.useEffect)((function() {
                 // a fix for SUI-5425, where the Markdown component doesn't pass a valid language in some circumstances
-                if (false) {}
-            }), [ j, d, m ]);
-            var H = j && d ? d : m;
-            var q = ne(I, H);
-            var X = te(H);
-            var K = function e(n) {
+                if (d && !H) {
+                    (0, v.log)("warn", "Unsupported language ".concat(d, ", falling back to ").concat(m, ". Supported languages are: ").concat(te.join(", ")));
+                }
+            }), [ H, d, m ]);
+            var z = H && d ? d : m;
+            var X = re(R, z);
+            var K = ne(z);
+            var Z = function e(n) {
                 return s()(n).map((function(n, r) {
                     if (typeof n === "string") {
-                        if (!y) {
+                        if (!S) {
                             return n;
                         }
                         var a = n.split("\n");
@@ -3167,7 +3174,7 @@
                             } else {
                                 a.push( t().createElement("span", {
                                     key: "".concat(r.toString(), ":").concat(n.toString())
-                                }, M(s[1].length)), s[2]);
+                                }, G(s[1].length)), s[2]);
                             }
                             return a;
                         })));
@@ -3175,36 +3182,36 @@
                     var s = typeof n.content === "string" ? n.content : e(n.content);
                     
                     // eslint-disable-next-line react/no-array-index-key
-                    return t().createElement(R, {
+                    return t().createElement(w, {
                         "data-part-type": n.type,
                         partType: n.type,
                         key: r.toString()
                     }, s);
                 }));
             };
-            var Z = K(q);
+            var V = Z(X);
             
-            return t().createElement(x, W({
+            return t().createElement(T, q({
                 "data-test": "code",
-                ref: $,
-                tabIndex: L,
+                ref: U,
+                tabIndex: F,
                 $containerAppearance: a,
-                $showLineNumbers: S,
-                $counterReset: v && v - 1
-            }, w), S &&  t().createElement(G, {
+                $showLineNumbers: A,
+                $counterReset: y && y - 1
+            }, N), A &&  t().createElement(j, {
                 containerAppearance: a,
-                value: I
-            }),  t().createElement(k, {
-                className: "language-".concat(H),
-                $isPlaintext: X
-            }, Z), b &&  t().createElement(U, {
+                value: R
+            }),  t().createElement(x, {
+                className: "language-".concat(z),
+                $isPlaintext: K
+            }, V), b &&  t().createElement(B, {
                 containerAppearance: a,
-                width: D,
+                width: P,
                 highlight: b
             }));
         }
-        ae.propTypes = re;
-        /* harmony default export */        const se = ae;
+        se.propTypes = ae;
+        /* harmony default export */        const ie = se;
     }) // CONCATENATED MODULE: ./src/Code/index.ts
     ();
     module.exports = r;