@splunk/react-ui 4.13.0 → 4.15.0

package/Code.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 156);
+/******/ 	return __webpack_require__(__webpack_require__.s = 208);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,473 +101,193 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 156:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
-// ESM COMPAT FLAG
-__webpack_require__.r(__webpack_exports__);
+/***/ 114:
+/***/ (function(module, exports, __webpack_require__) {
 
-// EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ Code_Code; });
 
-// EXTERNAL MODULE: external "react"
-var external_react_ = __webpack_require__(2);
-var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+    (function() {
+        var window = undefined;
+        var global = undefined;
+        /// <reference lib="WebWorker"/>
 
-// EXTERNAL MODULE: external "prop-types"
-var external_prop_types_ = __webpack_require__(1);
-var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
+var _self = (typeof window !== 'undefined')
+	? window   // if in browser
+	: (
+		(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
+			? self // if in worker
+			: {}   // if in node js
+	);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+/**
+ * Prism: Lightweight, robust, elegant syntax highlighting
+ *
+ * @license MIT <https://opensource.org/licenses/MIT>
+ * @author Lea Verou <https://lea.verou.me>
+ * @namespace
+ * @public
+ */
+var Prism = (function (_self) {
 
-// EXTERNAL MODULE: ./src/Code/prism/prism.empty
-var prism_empty = __webpack_require__(82);
-var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
+	// Private helper vars
+	var lang = /\blang(?:uage)?-([\w-]+)\b/i;
+	var uniqueId = 0;
 
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
+	// The grammar object for plaintext
+	var plainTextGrammar = {};
 
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
 
-// CONCATENATED MODULE: ./src/Code/CodeStyles.ts
+	var _ = {
+		/**
+		 * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
+		 * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
+		 * additional languages or plugins yourself.
+		 *
+		 * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
+		 *
+		 * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
+		 * empty Prism object into the global scope before loading the Prism script like this:
+		 *
+		 * ```js
+		 * window.Prism = window.Prism || {};
+		 * Prism.manual = true;
+		 * // add a new <script> to load Prism's script
+		 * ```
+		 *
+		 * @default false
+		 * @type {boolean}
+		 * @memberof Prism
+		 * @public
+		 */
+		manual: _self.Prism && _self.Prism.manual,
+		disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
 
+		/**
+		 * A namespace for utility methods.
+		 *
+		 * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
+		 * change or disappear at any time.
+		 *
+		 * @namespace
+		 * @memberof Prism
+		 */
+		util: {
+			encode: function encode(tokens) {
+				if (tokens instanceof Token) {
+					return new Token(tokens.type, encode(tokens.content), tokens.alias);
+				} else if (Array.isArray(tokens)) {
+					return tokens.map(encode);
+				} else {
+					return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
+				}
+			},
 
-var Styled = external_styled_components_default.a.pre.withConfig({
-  displayName: "CodeStyles__Styled",
-  componentId: "sc-1eq4k68-0"
-})(["", ";", " line-height:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
-  enterprise: {
-    dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray92)
-  }
-}), Object(themes_["pick"])({
-  enterprise: '17px',
-  prisma: themes_["variables"].lineHeight
-}), themes_["variables"].focusColor);
-var StyledCode = external_styled_components_default.a.code.withConfig({
-  displayName: "CodeStyles__StyledCode",
-  componentId: "sc-1eq4k68-1"
-})(["font-family:", ";"], themes_["variables"].monoFontFamily);
-var StyledIndent = external_styled_components_default.a.span.withConfig({
-  displayName: "CodeStyles__StyledIndent",
-  componentId: "sc-1eq4k68-2"
-})(["&:not(:last-child){background-image:linear-gradient( to left,rgba(0,0,0,0.15) 1px,transparent 1px,transparent );}"]);
-var gray = Object(themes_["pick"])({
-  prisma: themes_["variables"].syntaxGray,
-  enterprise: {
-    dark: themes_["variables"].gray60,
-    light: themes_["variables"].syntaxGray
-  }
-});
-var purple = Object(themes_["pick"])({
-  prisma: themes_["variables"].syntaxPurple,
-  enterprise: {
-    dark: themes_["variables"].syntaxPurpleLight,
-    light: themes_["variables"].syntaxPurple
-  }
-});
-var green = Object(themes_["pick"])({
-  prisma: themes_["variables"].syntaxGreen,
-  enterprise: {
-    dark: themes_["variables"].syntaxGreenLight,
-    light: themes_["variables"].syntaxGreen
-  }
-});
-var blue = Object(themes_["pick"])({
-  prisma: themes_["variables"].syntaxBlue,
-  enterprise: {
-    dark: themes_["variables"].syntaxBlueLight,
-    light: themes_["variables"].syntaxBlue
-  }
-});
-var red = Object(themes_["pick"])({
-  prisma: themes_["variables"].syntaxRed,
-  enterprise: {
-    dark: themes_["variables"].syntaxRedLight,
-    light: themes_["variables"].syntaxRed
-  }
-});
-var TokenColors = {
-  comment: gray,
-  prolog: gray,
-  doctype: gray,
-  cdata: gray,
-  punctuation: gray,
-  property: purple,
-  tag: purple,
-  "boolean": purple,
-  number: purple,
-  constant: purple,
-  symbol: purple,
-  deleted: purple,
-  key: purple,
-  selector: green,
-  'attr-name': green,
-  string: green,
-  "char": green,
-  builtin: green,
-  inserted: green,
-  operator: themes_["variables"].syntaxBrown,
-  entity: themes_["variables"].syntaxBrown,
-  url: themes_["variables"].syntaxBrown,
-  atrule: blue,
-  'attr-value': blue,
-  keyword: blue,
-  "function": red,
-  regex: themes_["variables"].syntaxOrange,
-  important: themes_["variables"].syntaxOrange,
-  variable: themes_["variables"].syntaxOrange
-};
-var StyledToken = external_styled_components_default.a.span.withConfig({
-  displayName: "CodeStyles__StyledToken",
-  componentId: "sc-1eq4k68-3"
-})(["color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";"], function (_ref) {
-  var partType = _ref.partType;
-  return TokenColors[partType];
-}, function (_ref2) {
-  var partType = _ref2.partType;
-  return partType === 'entity' ? 'help' : null;
-}, function (_ref3) {
-  var partType = _ref3.partType;
-  return partType === 'namespace' ? 0.7 : null;
-}, function (_ref4) {
-  var partType = _ref4.partType;
-  return partType === 'italic' ? 'italic' : null;
-}, function (_ref5) {
-  var partType = _ref5.partType;
-  return partType === 'important' || partType === 'bold' ? 'bold' : null;
-});
+			/**
+			 * Returns the name of the type of the given value.
+			 *
+			 * @param {any} o
+			 * @returns {string}
+			 * @example
+			 * type(null)      === 'Null'
+			 * type(undefined) === 'Undefined'
+			 * type(123)       === 'Number'
+			 * type('foo')     === 'String'
+			 * type(true)      === 'Boolean'
+			 * type([1, 2])    === 'Array'
+			 * type({})        === 'Object'
+			 * type(String)    === 'Function'
+			 * type(/abc+/)    === 'RegExp'
+			 */
+			type: function (o) {
+				return Object.prototype.toString.call(o).slice(8, -1);
+			},
 
-// CONCATENATED MODULE: ./src/Code/Code.tsx
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+			/**
+			 * Returns a unique number for the given object. Later calls will still return the same number.
+			 *
+			 * @param {Object} obj
+			 * @returns {number}
+			 */
+			objId: function (obj) {
+				if (!obj['__id']) {
+					Object.defineProperty(obj, '__id', { value: ++uniqueId });
+				}
+				return obj['__id'];
+			},
 
-function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+			/**
+			 * Creates a deep clone of the given object.
+			 *
+			 * The main intended use of this function is to clone language definitions.
+			 *
+			 * @param {T} o
+			 * @param {Record<number, any>} [visited]
+			 * @returns {T}
+			 * @template T
+			 */
+			clone: function deepClone(o, visited) {
+				visited = visited || {};
 
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+				var clone; var id;
+				switch (_.util.type(o)) {
+					case 'Object':
+						id = _.util.objId(o);
+						if (visited[id]) {
+							return visited[id];
+						}
+						clone = /** @type {Record<string, any>} */ ({});
+						visited[id] = clone;
 
+						for (var key in o) {
+							if (o.hasOwnProperty(key)) {
+								clone[key] = deepClone(o[key], visited);
+							}
+						}
 
+						return /** @type {any} */ (clone);
 
- // Prism requires special handling to work around issues related to global scope and
-// 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 supportedLanguages = ['bash', 'clike', 'css', 'html', 'json', 'javascript', 'js', 'jsx', 'typescript', 'ts', 'tsx', 'markup', 'mathml', 'svg', 'xml', 'yaml', 'yml'];
-
-function tokenize(text, language) {
-  if (false) {}
-
-  return prism_empty_default.a.tokenize(text, prism_empty_default.a.languages[language]);
-}
-
-var propTypes = {
-  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
-  indentChars: external_prop_types_default.a.number,
-  language: external_prop_types_default.a.oneOf(supportedLanguages),
-  showIndentGuide: external_prop_types_default.a.bool,
-  value: external_prop_types_default.a.string
-};
-
-function Code(_ref) {
-  var elementRef = _ref.elementRef,
-      _ref$indentChars = _ref.indentChars,
-      indentChars = _ref$indentChars === void 0 ? 4 : _ref$indentChars,
-      _ref$language = _ref.language,
-      language = _ref$language === void 0 ? 'javascript' : _ref$language,
-      _ref$showIndentGuide = _ref.showIndentGuide,
-      showIndentGuide = _ref$showIndentGuide === void 0 ? true : _ref$showIndentGuide,
-      _ref$value = _ref.value,
-      value = _ref$value === void 0 ? '' : _ref$value,
-      otherProps = _objectWithoutProperties(_ref, ["elementRef", "indentChars", "language", "showIndentGuide", "value"]);
-
-  // @docs-props-type CodePropsBase
-  var indentBlock = Object(external_lodash_["repeat"])(' ', indentChars);
-
-  var makeIndentGuide = function makeIndentGuide(spaces) {
-    var level = Math.floor(spaces / indentChars);
-    var rest = spaces % indentChars;
-    var spans = Object(external_lodash_["times"])(level, function (idx) {
-      return /*#__PURE__*/external_react_default.a.createElement(StyledIndent, {
-        key: idx.toString()
-      }, indentBlock);
-    });
-
-    if (rest) {
-      spans.push(Object(external_lodash_["repeat"])(' ', rest));
-    }
-
-    return spans;
-  };
-
-  var tokens = tokenize(value, language);
-
-  var render = function render(tks) {
-    return Object(external_lodash_["castArray"])(tks).map(function (part, idx) {
-      if (typeof part === 'string') {
-        if (!showIndentGuide) {
-          return part;
-        }
-
-        var lines = part.split('\n');
-
-        if (lines.length === 1) {
-          return part;
-        }
-
-        return Object(external_lodash_["flatten"])(lines.map(function (line, lineNo) {
-          var res = lineNo === 0 ? [] : ['\n'];
-          var indentMatch = line.match(/^(\s+)(.*)/);
-
-          if (!indentMatch) {
-            res.push(line);
-          } else {
-            res.push( /*#__PURE__*/external_react_default.a.createElement("span", {
-              key: "".concat(idx.toString(), ":").concat(lineNo.toString())
-            }, makeIndentGuide(indentMatch[1].length)), indentMatch[2]);
-          }
-
-          return res;
-        }));
-      }
-
-      var content = typeof part.content === 'string' ? part.content : render(part.content);
-      return /*#__PURE__*/external_react_default.a.createElement(StyledToken, {
-        partType: part.type,
-        key: idx.toString()
-      }, content);
-    });
-  };
-
-  var codeContent = render(tokens);
-  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
-    "data-test": "code",
-    ref: elementRef,
-    tabIndex: 0
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledCode, {
-    className: "language-".concat(language)
-  }, codeContent));
-}
-
-Code.propTypes = propTypes;
-/* harmony default export */ var Code_Code = (Code);
-// CONCATENATED MODULE: ./src/Code/index.ts
-
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("lodash");
-
-/***/ }),
-
-/***/ 82:
-/***/ (function(module, exports, __webpack_require__) {
-
-
-    (function() {
-        var window = undefined;
-        var global = undefined;
-        /// <reference lib="WebWorker"/>
-
-var _self = (typeof window !== 'undefined')
-	? window   // if in browser
-	: (
-		(typeof WorkerGlobalScope !== 'undefined' && self instanceof WorkerGlobalScope)
-			? self // if in worker
-			: {}   // if in node js
-	);
-
-/**
- * Prism: Lightweight, robust, elegant syntax highlighting
- *
- * @license MIT <https://opensource.org/licenses/MIT>
- * @author Lea Verou <https://lea.verou.me>
- * @namespace
- * @public
- */
-var Prism = (function (_self) {
-
-	// Private helper vars
-	var lang = /\blang(?:uage)?-([\w-]+)\b/i;
-	var uniqueId = 0;
-
-	// The grammar object for plaintext
-	var plainTextGrammar = {};
+					case 'Array':
+						id = _.util.objId(o);
+						if (visited[id]) {
+							return visited[id];
+						}
+						clone = [];
+						visited[id] = clone;
 
+						(/** @type {Array} */(/** @type {any} */(o))).forEach(function (v, i) {
+							clone[i] = deepClone(v, visited);
+						});
 
-	var _ = {
-		/**
-		 * By default, Prism will attempt to highlight all code elements (by calling {@link Prism.highlightAll}) on the
-		 * current page after the page finished loading. This might be a problem if e.g. you wanted to asynchronously load
-		 * additional languages or plugins yourself.
-		 *
-		 * By setting this value to `true`, Prism will not automatically highlight all code elements on the page.
-		 *
-		 * You obviously have to change this value before the automatic highlighting started. To do this, you can add an
-		 * empty Prism object into the global scope before loading the Prism script like this:
-		 *
-		 * ```js
-		 * window.Prism = window.Prism || {};
-		 * Prism.manual = true;
-		 * // add a new <script> to load Prism's script
-		 * ```
-		 *
-		 * @default false
-		 * @type {boolean}
-		 * @memberof Prism
-		 * @public
-		 */
-		manual: _self.Prism && _self.Prism.manual,
-		disableWorkerMessageHandler: _self.Prism && _self.Prism.disableWorkerMessageHandler,
+						return /** @type {any} */ (clone);
 
-		/**
-		 * A namespace for utility methods.
-		 *
-		 * All function in this namespace that are not explicitly marked as _public_ are for __internal use only__ and may
-		 * change or disappear at any time.
-		 *
-		 * @namespace
-		 * @memberof Prism
-		 */
-		util: {
-			encode: function encode(tokens) {
-				if (tokens instanceof Token) {
-					return new Token(tokens.type, encode(tokens.content), tokens.alias);
-				} else if (Array.isArray(tokens)) {
-					return tokens.map(encode);
-				} else {
-					return tokens.replace(/&/g, '&amp;').replace(/</g, '&lt;').replace(/\u00a0/g, ' ');
+					default:
+						return o;
 				}
 			},
 
 			/**
-			 * Returns the name of the type of the given value.
+			 * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
 			 *
-			 * @param {any} o
-			 * @returns {string}
-			 * @example
-			 * type(null)      === 'Null'
-			 * type(undefined) === 'Undefined'
-			 * type(123)       === 'Number'
-			 * type('foo')     === 'String'
-			 * type(true)      === 'Boolean'
-			 * type([1, 2])    === 'Array'
-			 * type({})        === 'Object'
-			 * type(String)    === 'Function'
-			 * type(/abc+/)    === 'RegExp'
-			 */
-			type: function (o) {
-				return Object.prototype.toString.call(o).slice(8, -1);
-			},
-
-			/**
-			 * Returns a unique number for the given object. Later calls will still return the same number.
+			 * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
 			 *
-			 * @param {Object} obj
-			 * @returns {number}
+			 * @param {Element} element
+			 * @returns {string}
 			 */
-			objId: function (obj) {
-				if (!obj['__id']) {
-					Object.defineProperty(obj, '__id', { value: ++uniqueId });
+			getLanguage: function (element) {
+				while (element && !lang.test(element.className)) {
+					element = element.parentElement;
 				}
-				return obj['__id'];
+				if (element) {
+					return (element.className.match(lang) || [, 'none'])[1].toLowerCase();
+				}
+				return 'none';
 			},
 
 			/**
-			 * Creates a deep clone of the given object.
+			 * Returns the script element that is currently executing.
 			 *
-			 * The main intended use of this function is to clone language definitions.
+			 * This does __not__ work for line script element.
 			 *
-			 * @param {T} o
-			 * @param {Record<number, any>} [visited]
-			 * @returns {T}
-			 * @template T
-			 */
-			clone: function deepClone(o, visited) {
-				visited = visited || {};
-
-				var clone; var id;
-				switch (_.util.type(o)) {
-					case 'Object':
-						id = _.util.objId(o);
-						if (visited[id]) {
-							return visited[id];
-						}
-						clone = /** @type {Record<string, any>} */ ({});
-						visited[id] = clone;
-
-						for (var key in o) {
-							if (o.hasOwnProperty(key)) {
-								clone[key] = deepClone(o[key], visited);
-							}
-						}
-
-						return /** @type {any} */ (clone);
-
-					case 'Array':
-						id = _.util.objId(o);
-						if (visited[id]) {
-							return visited[id];
-						}
-						clone = [];
-						visited[id] = clone;
-
-						(/** @type {Array} */(/** @type {any} */(o))).forEach(function (v, i) {
-							clone[i] = deepClone(v, visited);
-						});
-
-						return /** @type {any} */ (clone);
-
-					default:
-						return o;
-				}
-			},
-
-			/**
-			 * Returns the Prism language of the given element set by a `language-xxxx` or `lang-xxxx` class.
-			 *
-			 * If no language is set for the element or the element is `null` or `undefined`, `none` will be returned.
-			 *
-			 * @param {Element} element
-			 * @returns {string}
-			 */
-			getLanguage: function (element) {
-				while (element && !lang.test(element.className)) {
-					element = element.parentElement;
-				}
-				if (element) {
-					return (element.className.match(lang) || [, 'none'])[1].toLowerCase();
-				}
-				return 'none';
-			},
-
-			/**
-			 * Returns the script element that is currently executing.
-			 *
-			 * This does __not__ work for line script element.
-			 *
-			 * @returns {HTMLScriptElement | null}
+			 * @returns {HTMLScriptElement | null}
 			 */
 			currentScript: function () {
 				if (typeof document === 'undefined') {
@@ -2568,6 +2288,334 @@ Prism.languages.js = Prism.languages.javascript;
     })();
     
 
+/***/ }),
+
+/***/ 122:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/flatten");
+
+/***/ }),
+
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 208:
+/***/ (function(module, __webpack_exports__, __webpack_require__) {
+
+"use strict";
+// ESM COMPAT FLAG
+__webpack_require__.r(__webpack_exports__);
+
+// EXPORTS
+__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ Code_Code; });
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2);
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
+
+// EXTERNAL MODULE: external "prop-types"
+var external_prop_types_ = __webpack_require__(1);
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
+
+// EXTERNAL MODULE: external "lodash/castArray"
+var castArray_ = __webpack_require__(62);
+var castArray_default = /*#__PURE__*/__webpack_require__.n(castArray_);
+
+// EXTERNAL MODULE: external "lodash/flatten"
+var flatten_ = __webpack_require__(122);
+var flatten_default = /*#__PURE__*/__webpack_require__.n(flatten_);
+
+// EXTERNAL MODULE: external "lodash/indexOf"
+var indexOf_ = __webpack_require__(88);
+
+// EXTERNAL MODULE: external "lodash/repeat"
+var repeat_ = __webpack_require__(79);
+var repeat_default = /*#__PURE__*/__webpack_require__.n(repeat_);
+
+// EXTERNAL MODULE: external "lodash/times"
+var times_ = __webpack_require__(78);
+var times_default = /*#__PURE__*/__webpack_require__.n(times_);
+
+// EXTERNAL MODULE: ./src/Code/prism/prism.empty
+var prism_empty = __webpack_require__(114);
+var prism_empty_default = /*#__PURE__*/__webpack_require__.n(prism_empty);
+
+// EXTERNAL MODULE: external "styled-components"
+var external_styled_components_ = __webpack_require__(3);
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
+
+// EXTERNAL MODULE: external "@splunk/themes"
+var themes_ = __webpack_require__(0);
+
+// CONCATENATED MODULE: ./src/Code/CodeStyles.ts
+
+
+var Styled = external_styled_components_default.a.pre.withConfig({
+  displayName: "CodeStyles__Styled",
+  componentId: "sc-1eq4k68-0"
+})(["", ";", " line-height:", ";text-align:left;tab-size:4;white-space:pre;word-spacing:normal;word-break:normal;word-wrap:normal;hyphens:none;overflow-x:auto;margin-bottom:1.3em;&:focus-visible{outline:solid ", ";}"], themes_["mixins"].reset('block'), Object(themes_["pick"])({
+  enterprise: {
+    dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray92)
+  }
+}), Object(themes_["pick"])({
+  enterprise: '17px',
+  prisma: themes_["variables"].lineHeight
+}), themes_["variables"].focusColor);
+var StyledCode = external_styled_components_default.a.code.withConfig({
+  displayName: "CodeStyles__StyledCode",
+  componentId: "sc-1eq4k68-1"
+})(["font-family:", ";"], themes_["variables"].monoFontFamily);
+var StyledIndent = external_styled_components_default.a.span.withConfig({
+  displayName: "CodeStyles__StyledIndent",
+  componentId: "sc-1eq4k68-2"
+})(["&:not(:last-child){background-image:linear-gradient( to left,rgba(0,0,0,0.15) 1px,transparent 1px,transparent );}"]);
+var gray = Object(themes_["pick"])({
+  prisma: themes_["variables"].syntaxGray,
+  enterprise: {
+    dark: themes_["variables"].gray60,
+    light: themes_["variables"].syntaxGray
+  }
+});
+var purple = Object(themes_["pick"])({
+  prisma: themes_["variables"].syntaxPurple,
+  enterprise: {
+    dark: themes_["variables"].syntaxPurpleLight,
+    light: themes_["variables"].syntaxPurple
+  }
+});
+var green = Object(themes_["pick"])({
+  prisma: themes_["variables"].syntaxGreen,
+  enterprise: {
+    dark: themes_["variables"].syntaxGreenLight,
+    light: themes_["variables"].syntaxGreen
+  }
+});
+var blue = Object(themes_["pick"])({
+  prisma: themes_["variables"].syntaxBlue,
+  enterprise: {
+    dark: themes_["variables"].syntaxBlueLight,
+    light: themes_["variables"].syntaxBlue
+  }
+});
+var red = Object(themes_["pick"])({
+  prisma: themes_["variables"].syntaxRed,
+  enterprise: {
+    dark: themes_["variables"].syntaxRedLight,
+    light: themes_["variables"].syntaxRed
+  }
+});
+var TokenColors = {
+  comment: gray,
+  prolog: gray,
+  doctype: gray,
+  cdata: gray,
+  punctuation: gray,
+  property: purple,
+  tag: purple,
+  "boolean": purple,
+  number: purple,
+  constant: purple,
+  symbol: purple,
+  deleted: purple,
+  key: purple,
+  selector: green,
+  'attr-name': green,
+  string: green,
+  "char": green,
+  builtin: green,
+  inserted: green,
+  operator: themes_["variables"].syntaxBrown,
+  entity: themes_["variables"].syntaxBrown,
+  url: themes_["variables"].syntaxBrown,
+  atrule: blue,
+  'attr-value': blue,
+  keyword: blue,
+  "function": red,
+  regex: themes_["variables"].syntaxOrange,
+  important: themes_["variables"].syntaxOrange,
+  variable: themes_["variables"].syntaxOrange
+};
+var StyledToken = external_styled_components_default.a.span.withConfig({
+  displayName: "CodeStyles__StyledToken",
+  componentId: "sc-1eq4k68-3"
+})(["color:", ";cursor:", ";opacity:", ";font-style:", ";font-weight:", ";"], function (_ref) {
+  var partType = _ref.partType;
+  return TokenColors[partType];
+}, function (_ref2) {
+  var partType = _ref2.partType;
+  return partType === 'entity' ? 'help' : null;
+}, function (_ref3) {
+  var partType = _ref3.partType;
+  return partType === 'namespace' ? 0.7 : null;
+}, function (_ref4) {
+  var partType = _ref4.partType;
+  return partType === 'italic' ? 'italic' : null;
+}, function (_ref5) {
+  var partType = _ref5.partType;
+  return partType === 'important' || partType === 'bold' ? 'bold' : null;
+});
+
+// CONCATENATED MODULE: ./src/Code/Code.tsx
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+
+function _objectWithoutProperties(source, excluded) { if (source == null) return {}; var target = _objectWithoutPropertiesLoose(source, excluded); var key, i; if (Object.getOwnPropertySymbols) { var sourceSymbolKeys = Object.getOwnPropertySymbols(source); for (i = 0; i < sourceSymbolKeys.length; i++) { key = sourceSymbolKeys[i]; if (excluded.indexOf(key) >= 0) continue; if (!Object.prototype.propertyIsEnumerable.call(source, key)) continue; target[key] = source[key]; } } return target; }
+
+function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
+
+
+
+
+
+
+
+ // Prism requires special handling to work around issues related to global scope and
+// 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 supportedLanguages = ['bash', 'clike', 'css', 'html', 'json', 'javascript', 'js', 'jsx', 'typescript', 'ts', 'tsx', 'markup', 'mathml', 'svg', 'xml', 'yaml', 'yml'];
+
+function tokenize(text, language) {
+  if (false) {}
+
+  return prism_empty_default.a.tokenize(text, prism_empty_default.a.languages[language]);
+}
+
+var propTypes = {
+  elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
+  indentChars: external_prop_types_default.a.number,
+  language: external_prop_types_default.a.oneOf(supportedLanguages),
+  showIndentGuide: external_prop_types_default.a.bool,
+  value: external_prop_types_default.a.string
+};
+
+function Code(_ref) {
+  var elementRef = _ref.elementRef,
+      _ref$indentChars = _ref.indentChars,
+      indentChars = _ref$indentChars === void 0 ? 4 : _ref$indentChars,
+      _ref$language = _ref.language,
+      language = _ref$language === void 0 ? 'javascript' : _ref$language,
+      _ref$showIndentGuide = _ref.showIndentGuide,
+      showIndentGuide = _ref$showIndentGuide === void 0 ? true : _ref$showIndentGuide,
+      _ref$value = _ref.value,
+      value = _ref$value === void 0 ? '' : _ref$value,
+      otherProps = _objectWithoutProperties(_ref, ["elementRef", "indentChars", "language", "showIndentGuide", "value"]);
+
+  // @docs-props-type CodePropsBase
+  var indentBlock = repeat_default()(' ', indentChars);
+
+  var makeIndentGuide = function makeIndentGuide(spaces) {
+    var level = Math.floor(spaces / indentChars);
+    var rest = spaces % indentChars;
+    var spans = times_default()(level, function (idx) {
+      return /*#__PURE__*/external_react_default.a.createElement(StyledIndent, {
+        key: idx.toString()
+      }, indentBlock);
+    });
+
+    if (rest) {
+      spans.push(repeat_default()(' ', rest));
+    }
+
+    return spans;
+  };
+
+  var tokens = tokenize(value, language);
+
+  var render = function render(tks) {
+    return castArray_default()(tks).map(function (part, idx) {
+      if (typeof part === 'string') {
+        if (!showIndentGuide) {
+          return part;
+        }
+
+        var lines = part.split('\n');
+
+        if (lines.length === 1) {
+          return part;
+        }
+
+        return flatten_default()(lines.map(function (line, lineNo) {
+          var res = lineNo === 0 ? [] : ['\n'];
+          var indentMatch = line.match(/^(\s+)(.*)/);
+
+          if (!indentMatch) {
+            res.push(line);
+          } else {
+            res.push( /*#__PURE__*/external_react_default.a.createElement("span", {
+              key: "".concat(idx.toString(), ":").concat(lineNo.toString())
+            }, makeIndentGuide(indentMatch[1].length)), indentMatch[2]);
+          }
+
+          return res;
+        }));
+      }
+
+      var content = typeof part.content === 'string' ? part.content : render(part.content);
+      return /*#__PURE__*/external_react_default.a.createElement(StyledToken, {
+        partType: part.type,
+        key: idx.toString()
+      }, content);
+    });
+  };
+
+  var codeContent = render(tokens);
+  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
+    "data-test": "code",
+    ref: elementRef,
+    tabIndex: 0
+  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledCode, {
+    className: "language-".concat(language)
+  }, codeContent));
+}
+
+Code.propTypes = propTypes;
+/* harmony default export */ var Code_Code = (Code);
+// CONCATENATED MODULE: ./src/Code/index.ts
+
+
+/***/ }),
+
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 62:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/castArray");
+
+/***/ }),
+
+/***/ 78:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/times");
+
+/***/ }),
+
+/***/ 79:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/repeat");
+
+/***/ }),
+
+/***/ 88:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/indexOf");
+
 /***/ })
 
 /******/ });