@splunk/react-ui 4.18.0 → 4.19.0

package/Heading.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 219);
+/******/ 	return __webpack_require__(__webpack_require__.s = 220);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,13 +101,6 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 134:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Typography");
-
-/***/ }),
-
 /***/ 2:
 /***/ (function(module, exports) {
 
@@ -115,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 219:
+/***/ 220:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -137,56 +130,57 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
-// EXTERNAL MODULE: external "@splunk/react-ui/Typography"
-var Typography_ = __webpack_require__(134);
-var Typography_default = /*#__PURE__*/__webpack_require__.n(Typography_);
-
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
 
 
-
-var StyledTypography = external_styled_components_default()(Typography_default.a).withConfig({
-  displayName: "HeadingStyles__StyledTypography",
+var StyledHeading = external_styled_components_default.a.h2.withConfig({
+  displayName: "HeadingStyles__StyledHeading",
   componentId: "sc-15s3yx3-0"
-})(["", " margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", ""], Object(themes_["pickVariant"])('variant', {
-  title4: {
-    enterprise: {
-      compact: function compact(_ref) {
-        var $isSection = _ref.$isSection;
-        return $isSection ? themes_["mixins"].typography('title4', {
-          weight: 'semiBold'
-        }) : themes_["mixins"].typography('title4');
-      },
-      comfortable: function comfortable(_ref2) {
-        var $isSection = _ref2.$isSection;
-        return $isSection ? themes_["mixins"].typography('title4', {
-          size: 14,
-          weight: 'semiBold'
-        }) : themes_["mixins"].typography('title4', {
+})(["", ";margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", ""], function (_ref) {
+  var $variant = _ref.$variant;
+
+  if ($variant === 'title4') {
+    return Object(themes_["pickVariant"])('$isSection', {
+      "true": {
+        enterprise: {
+          compact: themes_["mixins"].typography('title4', {
+            weight: 'semiBold'
+          }),
+          comfortable: themes_["mixins"].typography('title4', {
+            size: 14,
+            weight: 'semiBold'
+          })
+        },
+        prisma: themes_["mixins"].typography('title4', {
+          color: 'default',
           size: 14
-        });
+        })
+      },
+      "false": {
+        enterprise: {
+          compact: themes_["mixins"].typography('title4'),
+          comfortable: themes_["mixins"].typography('title4', {
+            size: 14
+          })
+        },
+        prisma: themes_["mixins"].typography('title4')
       }
-    },
-    prisma: function prisma(_ref3) {
-      var $isSection = _ref3.$isSection;
-      return $isSection ? themes_["mixins"].typography('title4', {
-        color: 'default',
-        size: 14
-      }) : themes_["mixins"].typography('title4');
-    }
+    });
   }
-}), Object(themes_["pickVariant"])('$isSection', {
+
+  return themes_["mixins"].typography($variant);
+}, Object(themes_["pickVariant"])('$isSection', {
   "true": {
     enterprise: {
       dark: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray80),
       light: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].gray45)
     }
   }
-}), function (_ref4) {
-  var $isSection = _ref4.$isSection;
+}), function (_ref2) {
+  var $isSection = _ref2.$isSection;
   return $isSection && Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;"]);
 });
 
@@ -227,11 +221,12 @@ var elementToVariant = {
 };
 
 function Heading(_ref) {
-  var _ref$level = _ref.level,
+  var children = _ref.children,
+      elementRef = _ref.elementRef,
+      _ref$level = _ref.level,
       level = _ref$level === void 0 ? 2 : _ref$level,
-      children = _ref.children,
       variant = _ref.variant,
-      otherProps = _objectWithoutProperties(_ref, ["level", "children", "variant"]);
+      otherProps = _objectWithoutProperties(_ref, ["children", "elementRef", "level", "variant"]);
 
   // @docs-props-type HeadingPropsBase
   var isSection = function isSection(l) {
@@ -243,11 +238,12 @@ function Heading(_ref) {
 
   if (false) {}
 
-  return /*#__PURE__*/external_react_default.a.createElement(StyledTypography, _extends({
-    forwardedAs: element,
+  return /*#__PURE__*/external_react_default.a.createElement(StyledHeading, _extends({
     $isSection: isSection(level),
     "data-test": "heading",
-    variant: finalVariant
+    ref: elementRef,
+    as: element,
+    $variant: finalVariant
   }, otherProps), children);
 }
 

package/Image.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 199);
+/******/ 	return __webpack_require__(__webpack_require__.s = 200);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,28 +108,35 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 135:
+/***/ 136:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/endsWith");
 
 /***/ }),
 
-/***/ 136:
+/***/ 137:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/File");
 
 /***/ }),
 
-/***/ 137:
+/***/ 138:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Message");
 
 /***/ }),
 
-/***/ 199:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 200:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -148,7 +155,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/endsWith"
-var endsWith_ = __webpack_require__(135);
+var endsWith_ = __webpack_require__(136);
 var endsWith_default = /*#__PURE__*/__webpack_require__.n(endsWith_);
 
 // EXTERNAL MODULE: external "lodash/omit"
@@ -160,7 +167,7 @@ var toLower_ = __webpack_require__(34);
 var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/File"
-var File_ = __webpack_require__(136);
+var File_ = __webpack_require__(137);
 var File_default = /*#__PURE__*/__webpack_require__.n(File_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/format"
@@ -217,7 +224,7 @@ var Clickable_ = __webpack_require__(12);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Message"
-var Message_ = __webpack_require__(137);
+var Message_ = __webpack_require__(138);
 var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
 
 // CONCATENATED MODULE: ./src/Image/ImageStyles.ts
@@ -502,13 +509,6 @@ _defineProperty(Image_Image, "defaultProps", defaultProps);
 
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 25:

package/JSONTree.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 193);
+/******/ 	return __webpack_require__(__webpack_require__.s = 194);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 113:
+/***/ 114:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isObject");
 
 /***/ }),
 
-/***/ 118:
+/***/ 119:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/fill");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 193:
+/***/ 194:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -145,23 +145,23 @@ var isString_ = __webpack_require__(23);
 var isString_default = /*#__PURE__*/__webpack_require__.n(isString_);
 
 // EXTERNAL MODULE: external "lodash/fill"
-var fill_ = __webpack_require__(118);
+var fill_ = __webpack_require__(119);
 var fill_default = /*#__PURE__*/__webpack_require__.n(fill_);
 
 // EXTERNAL MODULE: external "lodash/isArray"
-var isArray_ = __webpack_require__(73);
+var isArray_ = __webpack_require__(74);
 var isArray_default = /*#__PURE__*/__webpack_require__.n(isArray_);
 
 // EXTERNAL MODULE: external "lodash/isEmpty"
-var isEmpty_ = __webpack_require__(87);
+var isEmpty_ = __webpack_require__(88);
 var isEmpty_default = /*#__PURE__*/__webpack_require__.n(isEmpty_);
 
 // EXTERNAL MODULE: external "lodash/isNumber"
-var isNumber_ = __webpack_require__(74);
+var isNumber_ = __webpack_require__(75);
 var isNumber_default = /*#__PURE__*/__webpack_require__.n(isNumber_);
 
 // EXTERNAL MODULE: external "lodash/isObject"
-var isObject_ = __webpack_require__(113);
+var isObject_ = __webpack_require__(114);
 var isObject_default = /*#__PURE__*/__webpack_require__.n(isObject_);
 
 // EXTERNAL MODULE: external "lodash/keys"
@@ -169,7 +169,7 @@ var keys_ = __webpack_require__(9);
 var keys_default = /*#__PURE__*/__webpack_require__.n(keys_);
 
 // EXTERNAL MODULE: external "lodash/repeat"
-var repeat_ = __webpack_require__(79);
+var repeat_ = __webpack_require__(80);
 var repeat_default = /*#__PURE__*/__webpack_require__.n(repeat_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -673,28 +673,28 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 73:
+/***/ 74:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isArray");
 
 /***/ }),
 
-/***/ 74:
+/***/ 75:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isNumber");
 
 /***/ }),
 
-/***/ 79:
+/***/ 80:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/repeat");
 
 /***/ }),
 
-/***/ 87:
+/***/ 88:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/isEmpty");

package/Layer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 220);
+/******/ 	return __webpack_require__(__webpack_require__.s = 221);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 119:
+/***/ 120:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/pull");
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/EventListener");
 
 /***/ }),
 
-/***/ 166:
+/***/ 167:
 /***/ (function(module, exports) {
 
 var g;
@@ -156,7 +156,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 220:
+/***/ 221:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -174,7 +174,7 @@ var external_react_ = __webpack_require__(2);
 var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_);
 
 // EXTERNAL MODULE: external "react-dom"
-var external_react_dom_ = __webpack_require__(90);
+var external_react_dom_ = __webpack_require__(91);
 
 // EXTERNAL MODULE: external "prop-types"
 var external_prop_types_ = __webpack_require__(1);
@@ -185,11 +185,11 @@ var includes_ = __webpack_require__(15);
 var includes_default = /*#__PURE__*/__webpack_require__.n(includes_);
 
 // EXTERNAL MODULE: external "lodash/last"
-var last_ = __webpack_require__(91);
+var last_ = __webpack_require__(92);
 var last_default = /*#__PURE__*/__webpack_require__.n(last_);
 
 // EXTERNAL MODULE: external "lodash/pull"
-var pull_ = __webpack_require__(119);
+var pull_ = __webpack_require__(120);
 var pull_default = /*#__PURE__*/__webpack_require__.n(pull_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
@@ -200,7 +200,7 @@ var EventListener_ = __webpack_require__(16);
 var EventListener_default = /*#__PURE__*/__webpack_require__.n(EventListener_);
 
 // EXTERNAL MODULE: ./src/Layer/LayerStack.tsx
-var LayerStack = __webpack_require__(92);
+var LayerStack = __webpack_require__(93);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -513,21 +513,21 @@ module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 90:
+/***/ 91:
 /***/ (function(module, exports) {
 
 module.exports = require("react-dom");
 
 /***/ }),
 
-/***/ 91:
+/***/ 92:
 /***/ (function(module, exports) {
 
 module.exports = require("lodash/last");
 
 /***/ }),
 
-/***/ 92:
+/***/ 93:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -586,7 +586,7 @@ function LayerStackGlobalProvider(_ref) {
 
 LayerStackGlobalProvider.propTypes = propTypes;
 
-/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(166)))
+/* WEBPACK VAR INJECTION */}.call(this, __webpack_require__(167)))
 
 /***/ })
 

package/Link.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 200);
+/******/ 	return __webpack_require__(__webpack_require__.s = 201);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -115,7 +115,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 200:
+/***/ 201:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -141,7 +141,7 @@ var external_styled_components_ = __webpack_require__(3);
 var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/ArrowSquareTopRight"
-var ArrowSquareTopRight_ = __webpack_require__(93);
+var ArrowSquareTopRight_ = __webpack_require__(94);
 var ArrowSquareTopRight_default = /*#__PURE__*/__webpack_require__.n(ArrowSquareTopRight_);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/enterprise/External"
@@ -355,7 +355,7 @@ module.exports = require("@splunk/react-icons/enterprise/External");
 
 /***/ }),
 
-/***/ 93:
+/***/ 94:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/ArrowSquareTopRight");

package/List.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 201);
+/******/ 	return __webpack_require__(__webpack_require__.s = 202);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 201:
+/***/ 202:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/Markdown.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 170);
+/******/ 	return __webpack_require__(__webpack_require__.s = 171);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,42 +101,42 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 107:
+/***/ 108:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/List");
 
 /***/ }),
 
-/***/ 138:
+/***/ 139:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark-react-renderer");
 
 /***/ }),
 
-/***/ 139:
+/***/ 140:
 /***/ (function(module, exports) {
 
 module.exports = require("commonmark");
 
 /***/ }),
 
-/***/ 140:
+/***/ 141:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Code");
 
 /***/ }),
 
-/***/ 141:
+/***/ 142:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Paragraph");
 
 /***/ }),
 
-/***/ 170:
+/***/ 171:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -165,11 +165,11 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "commonmark-react-renderer"
-var external_commonmark_react_renderer_ = __webpack_require__(138);
+var external_commonmark_react_renderer_ = __webpack_require__(139);
 var external_commonmark_react_renderer_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_react_renderer_);
 
 // EXTERNAL MODULE: external "commonmark"
-var external_commonmark_ = __webpack_require__(139);
+var external_commonmark_ = __webpack_require__(140);
 var external_commonmark_default = /*#__PURE__*/__webpack_require__.n(external_commonmark_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Box"
@@ -258,7 +258,7 @@ function MarkdownCode(_ref) {
 MarkdownCode.propTypes = MarkdownCode_propTypes;
 /* harmony default export */ var renderers_MarkdownCode = (MarkdownCode);
 // EXTERNAL MODULE: external "@splunk/react-ui/Code"
-var Code_ = __webpack_require__(140);
+var Code_ = __webpack_require__(141);
 var Code_default = /*#__PURE__*/__webpack_require__.n(Code_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
@@ -292,7 +292,7 @@ function MarkdownCodeBlock(_ref) {
 MarkdownCodeBlock.propTypes = MarkdownCodeBlock_propTypes;
 /* harmony default export */ var renderers_MarkdownCodeBlock = (MarkdownCodeBlock);
 // EXTERNAL MODULE: external "@splunk/react-ui/Heading"
-var Heading_ = __webpack_require__(77);
+var Heading_ = __webpack_require__(78);
 var Heading_default = /*#__PURE__*/__webpack_require__.n(Heading_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownHeading.tsx
@@ -314,7 +314,7 @@ function MarkdownHeading(_ref) {
 MarkdownHeading.propTypes = MarkdownHeading_propTypes;
 /* harmony default export */ var renderers_MarkdownHeading = (MarkdownHeading);
 // EXTERNAL MODULE: external "@splunk/react-ui/Anchor"
-var Anchor_ = __webpack_require__(85);
+var Anchor_ = __webpack_require__(86);
 var Anchor_default = /*#__PURE__*/__webpack_require__.n(Anchor_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownAnchorHeading.tsx
@@ -395,7 +395,7 @@ function MarkdownLink(_ref) {
 MarkdownLink.propTypes = MarkdownLink_propTypes;
 /* harmony default export */ var renderers_MarkdownLink = (MarkdownLink);
 // EXTERNAL MODULE: external "@splunk/react-ui/List"
-var List_ = __webpack_require__(107);
+var List_ = __webpack_require__(108);
 var List_default = /*#__PURE__*/__webpack_require__.n(List_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownList.tsx
@@ -438,7 +438,7 @@ function MarkdownItem(_ref) {
 MarkdownItem.propTypes = MarkdownItem_propTypes;
 /* harmony default export */ var renderers_MarkdownItem = (MarkdownItem);
 // EXTERNAL MODULE: external "@splunk/react-ui/Paragraph"
-var Paragraph_ = __webpack_require__(141);
+var Paragraph_ = __webpack_require__(142);
 var Paragraph_default = /*#__PURE__*/__webpack_require__.n(Paragraph_);
 
 // CONCATENATED MODULE: ./src/Markdown/renderers/MarkdownParagraph.tsx
@@ -601,14 +601,14 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 77:
+/***/ 78:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Heading");
 
 /***/ }),
 
-/***/ 85:
+/***/ 86:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Anchor");