@splunk/react-ui 4.13.0 → 4.15.0

package/FormRows.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 124);
+/******/ 	return __webpack_require__(__webpack_require__.s = 176);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,28 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 124:
+/***/ 107:
+/***/ (function(module, exports) {
+
+module.exports = require("react-sortable-hoc");
+
+/***/ }),
+
+/***/ 130:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-icons/Plus");
+
+/***/ }),
+
+/***/ 16:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/ScreenReaderContent");
+
+/***/ }),
+
+/***/ 176:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -121,13 +142,13 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/keyboard"
 var keyboard_ = __webpack_require__(9);
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Plus"
-var Plus_ = __webpack_require__(89);
+var Plus_ = __webpack_require__(130);
 var Plus_default = /*#__PURE__*/__webpack_require__.n(Plus_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -174,17 +195,18 @@ function Plus(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "react-sortable-hoc"
-var external_react_sortable_hoc_ = __webpack_require__(79);
+var external_react_sortable_hoc_ = __webpack_require__(107);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/omit"
+var omit_ = __webpack_require__(5);
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
-var CloseButton_ = __webpack_require__(67);
+var CloseButton_ = __webpack_require__(92);
 var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScreenReaderContent"
-var ScreenReaderContent_ = __webpack_require__(14);
+var ScreenReaderContent_ = __webpack_require__(16);
 var ScreenReaderContent_default = /*#__PURE__*/__webpack_require__.n(ScreenReaderContent_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -196,7 +218,7 @@ var Box_ = __webpack_require__(8);
 var Box_default = /*#__PURE__*/__webpack_require__.n(Box_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Button"
-var Button_ = __webpack_require__(16);
+var Button_ = __webpack_require__(19);
 var Button_default = /*#__PURE__*/__webpack_require__.n(Button_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -407,7 +429,7 @@ var Row_Row = /*#__PURE__*/function (_Component) {
         onKeyDown: this.handleKeyDown // eslint-disable-next-line jsx-a11y/no-noninteractive-tabindex
         ,
         tabIndex: sortableContext ? 0 : undefined
-      }, Object(external_lodash_["omit"])(otherProps, ['onKeyDown', 'onRequestRemove', 'rowIndex'])), sortableContext && /*#__PURE__*/external_react_default.a.createElement(DragHandle, null), children, onRequestRemoveExists && /*#__PURE__*/external_react_default.a.createElement(StyledButton, null, /*#__PURE__*/external_react_default.a.createElement(CloseButton_default.a, {
+      }, omit_default()(otherProps, ['onKeyDown', 'onRequestRemove', 'rowIndex'])), sortableContext && /*#__PURE__*/external_react_default.a.createElement(DragHandle, null), children, onRequestRemoveExists && /*#__PURE__*/external_react_default.a.createElement(StyledButton, null, /*#__PURE__*/external_react_default.a.createElement(CloseButton_default.a, {
         disabled: disabledDeleteButtonContext,
         "data-test": "remove",
         onClick: this.handleRequestRemove,
@@ -705,14 +727,7 @@ FormRows_defineProperty(FormRows_FormRows, "Row", FormRows_Row);
 
 /***/ }),
 
-/***/ 14:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/ScreenReaderContent");
-
-/***/ }),
-
-/***/ 16:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Button");
@@ -736,14 +751,14 @@ module.exports = require("styled-components");
 /***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
 /***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("lodash/omit");
 
 /***/ }),
 
@@ -772,13 +787,6 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 67:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/CloseButton");
-
-/***/ }),
-
 /***/ 7:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
@@ -897,13 +905,6 @@ Icon.defaultProps = defaultProps;
 
 /***/ }),
 
-/***/ 79:
-/***/ (function(module, exports) {
-
-module.exports = require("react-sortable-hoc");
-
-/***/ }),
-
 /***/ 8:
 /***/ (function(module, exports) {
 
@@ -911,17 +912,17 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 89:
+/***/ 9:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-icons/Plus");
+module.exports = require("@splunk/ui-utils/keyboard");
 
 /***/ }),
 
-/***/ 9:
+/***/ 92:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/keyboard");
+module.exports = require("@splunk/react-ui/CloseButton");
 
 /***/ })
 

package/Heading.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 159);
+/******/ 	return __webpack_require__(__webpack_require__.s = 212);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,14 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 159:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 212:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -129,66 +136,94 @@ var themes_ = __webpack_require__(0);
 // CONCATENATED MODULE: ./src/Heading/HeadingStyles.ts
 
 
-var section = Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;"]);
 var StyledH1 = external_styled_components_default.a.h1.withConfig({
   displayName: "HeadingStyles__StyledH1",
   componentId: "sc-15s3yx3-0"
-})(["", ";margin:1.414em 0 0.4em;text-rendering:optimizelegibility;color:", ";", " ", " font-size:", ";font-weight:", ";"], themes_["mixins"].reset('block'), Object(themes_["pickVariant"])('$isSection', {
-  "true": Object(themes_["pick"])({
-    enterprise: {
-      dark: themes_["variables"].gray80,
-      light: themes_["variables"].gray45
-    },
-    prisma: themes_["variables"].contentColorDefault
-  }),
-  "false": {
-    prisma: themes_["variables"].contentColorActive
-  }
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["line-height:", ";"], Object(themes_["pickVariant"])('as', {
-    h1: '48px',
-    h2: '24px',
-    h3: '24px',
-    h4: '24px',
-    h5: '16px'
-  }))
-}), function (_ref) {
-  var $isSection = _ref.$isSection;
-  return $isSection && section;
-}, Object(themes_["pickVariant"])('as', {
+})(["", ";", " margin:1.414em 0 0.4em;text-rendering:optimizelegibility;", " ", ""], themes_["mixins"].reset('block'), Object(themes_["pickVariant"])('as', {
   h1: {
-    enterprise: themes_["variables"].fontSizeXXLarge,
-    prisma: '36px'
+    enterprise: themes_["mixins"].typography('title1', {
+      lineHeight: 20,
+      size: 24,
+      weight: 500
+    }),
+    prisma: Object(external_styled_components_["css"])(["", " line-height:48px;"], themes_["mixins"].typography('title1'))
   },
   h2: {
-    enterprise: themes_["variables"].fontSizeXLarge,
-    prisma: '24px'
+    enterprise: themes_["mixins"].typography('title2', {
+      lineHeight: 20,
+      size: 18,
+      weight: 500
+    }),
+    prisma: themes_["mixins"].typography('title2', {
+      lineHeight: 24,
+      size: 24
+    })
   },
   h3: {
-    enterprise: themes_["variables"].fontSizeLarge,
-    prisma: '20px'
+    enterprise: themes_["mixins"].typography('title3', {
+      lineHeight: 20,
+      size: 16,
+      weight: 500
+    }),
+    prisma: themes_["mixins"].typography('title3')
   },
   h4: {
-    enterprise: themes_["variables"].fontSize,
-    prisma: function prisma(_ref2) {
-      var $isSection = _ref2.$isSection;
-      return $isSection ? '14px' : '16px';
+    enterprise: {
+      compact: function compact(_ref) {
+        var $isSection = _ref.$isSection;
+        return $isSection ? themes_["mixins"].typography('title4', {
+          lineHeight: 20,
+          size: 12,
+          weight: 500
+        }) : themes_["mixins"].typography('title4', {
+          lineHeight: 20,
+          size: 12
+        });
+      },
+      comfortable: function comfortable(_ref2) {
+        var $isSection = _ref2.$isSection;
+        return $isSection ? themes_["mixins"].typography('title4', {
+          lineHeight: 20,
+          size: 14,
+          weight: 500
+        }) : themes_["mixins"].typography('title4', {
+          lineHeight: 20,
+          size: 14
+        });
+      }
+    },
+    prisma: function prisma(_ref3) {
+      var $isSection = _ref3.$isSection;
+      return $isSection ? themes_["mixins"].typography('title4', {
+        color: 'default',
+        lineHeight: 24,
+        size: 14
+      }) : themes_["mixins"].typography('title4', {
+        lineHeight: 24,
+        size: 16
+      });
     }
   },
-  h5: function h5(_ref3) {
-    var $isSection = _ref3.$isSection;
-    return $isSection && Object(themes_["pick"])({
-      enterprise: '12px',
-      prisma: '13px'
-    });
+  h5: {
+    enterprise: themes_["mixins"].typography('title5', {
+      size: 12,
+      weight: 500
+    }),
+    prisma: Object(external_styled_components_["css"])(["", " font-size:13px;"], themes_["mixins"].typography('title5', {
+      color: 'default',
+      lineHeight: 16
+    }))
+  }
+}), 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 asElement = _ref4.as,
-      $isSection = _ref4.$isSection;
-  return asElement === 'h4' && !$isSection ? 'bold' : Object(themes_["pick"])({
-    enterprise: themes_["variables"].fontWeightSemiBold,
-    prisma: themes_["variables"].fontWeightBold
-  });
+  var $isSection = _ref4.$isSection;
+  return $isSection && Object(external_styled_components_["css"])(["margin:0.707em 0 0.2em;"]);
 });
 
 // CONCATENATED MODULE: ./src/Heading/Heading.tsx
@@ -242,13 +277,6 @@ Heading.propTypes = propTypes;
 // CONCATENATED MODULE: ./src/Heading/index.ts
 
 
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
 /***/ }),
 
 /***/ 3:

package/Image.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 160);
+/******/ 	return __webpack_require__(__webpack_require__.s = 213);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,14 +101,42 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 12:
+/***/ 131:
+/***/ (function(module, exports) {
+
+module.exports = require("lodash/endsWith");
+
+/***/ }),
+
+/***/ 132:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/File");
+
+/***/ }),
+
+/***/ 133:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Message");
+
+/***/ }),
+
+/***/ 14:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 160:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 213:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -126,32 +154,41 @@ var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_)
 var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
-// EXTERNAL MODULE: external "lodash"
-var external_lodash_ = __webpack_require__(4);
+// EXTERNAL MODULE: external "lodash/endsWith"
+var endsWith_ = __webpack_require__(131);
+var endsWith_default = /*#__PURE__*/__webpack_require__.n(endsWith_);
+
+// EXTERNAL MODULE: external "lodash/omit"
+var omit_ = __webpack_require__(5);
+var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
+
+// EXTERNAL MODULE: external "lodash/toLower"
+var toLower_ = __webpack_require__(36);
+var toLower_default = /*#__PURE__*/__webpack_require__.n(toLower_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/format"
-var format_ = __webpack_require__(43);
+var format_ = __webpack_require__(58);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(5);
+var i18n_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/File"
-var File_ = __webpack_require__(90);
+var File_ = __webpack_require__(132);
 var File_default = /*#__PURE__*/__webpack_require__.n(File_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(20);
+var CrossMark = __webpack_require__(27);
 
 // 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/react-ui/Clickable"
-var Clickable_ = __webpack_require__(12);
+var Clickable_ = __webpack_require__(14);
 var Clickable_default = /*#__PURE__*/__webpack_require__.n(Clickable_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Message"
-var Message_ = __webpack_require__(91);
+var Message_ = __webpack_require__(133);
 var Message_default = /*#__PURE__*/__webpack_require__.n(Message_);
 
 // EXTERNAL MODULE: external "@splunk/themes"
@@ -272,6 +309,8 @@ function _defineProperty(obj, key, value) { if (key in obj) { Object.definePrope
 
 
 
+
+
 var propTypes = {
   allowExtensions: external_prop_types_default.a.arrayOf(external_prop_types_default.a.string),
   defaultFilename: external_prop_types_default.a.string,
@@ -304,7 +343,7 @@ var Image_Image = /*#__PURE__*/function (_Component) {
     // @docs-props-type ImagePropsBase
     value: function isAllowedFilename(filename, allowExtensions) {
       return !!filename && allowExtensions.some(function (extension) {
-        return Object(external_lodash_["endsWith"])(Object(external_lodash_["toLower"])(filename), ".".concat(Object(external_lodash_["toLower"])(extension)));
+        return endsWith_default()(toLower_default()(filename), ".".concat(toLower_default()(extension)));
       });
     }
   }]);
@@ -399,7 +438,7 @@ var Image_Image = /*#__PURE__*/function (_Component) {
       });
       return /*#__PURE__*/external_react_default.a.createElement("div", {
         "data-test": "image"
-      }, /*#__PURE__*/external_react_default.a.createElement(File_default.a, _extends({}, Object(external_lodash_["omit"])(this.props, ['allowExtensions', 'defaultFilename', 'defaultImageDataURI', 'maxHeight', 'onImageChange']), {
+      }, /*#__PURE__*/external_react_default.a.createElement(File_default.a, _extends({}, omit_default()(this.props, ['allowExtensions', 'defaultFilename', 'defaultImageDataURI', 'maxHeight', 'onImageChange']), {
         accept: accept,
         allowMultiple: false,
         error: hasError,
@@ -440,21 +479,14 @@ _defineProperty(Image_Image, "defaultProps", defaultProps);
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 20:
+/***/ 27:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
 /* harmony export (binding) */ __webpack_require__.d(__webpack_exports__, "a", function() { return CrossMark; });
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0__ = __webpack_require__(2);
 /* harmony import */ var react__WEBPACK_IMPORTED_MODULE_0___default = /*#__PURE__*/__webpack_require__.n(react__WEBPACK_IMPORTED_MODULE_0__);
-/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(21);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(29);
 /* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1___default = /*#__PURE__*/__webpack_require__.n(_splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__);
 /* harmony import */ var _ThemedIcon__WEBPACK_IMPORTED_MODULE_2__ = __webpack_require__(7);
 /* harmony import */ var _SVG__WEBPACK_IMPORTED_MODULE_3__ = __webpack_require__(6);
@@ -497,7 +529,7 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 21:
+/***/ 29:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
@@ -511,24 +543,31 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 4:
+/***/ 36:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash");
+module.exports = require("lodash/toLower");
 
 /***/ }),
 
-/***/ 43:
+/***/ 4:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/format");
+module.exports = require("@splunk/ui-utils/i18n");
 
 /***/ }),
 
 /***/ 5:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/ui-utils/i18n");
+module.exports = require("lodash/omit");
+
+/***/ }),
+
+/***/ 58:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/format");
 
 /***/ }),
 
@@ -673,20 +712,6 @@ function Icon(_ref) {
 Icon.propTypes = propTypes;
 Icon.defaultProps = defaultProps;
 
-/***/ }),
-
-/***/ 90:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/File");
-
-/***/ }),
-
-/***/ 91:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/Message");
-
 /***/ })
 
 /******/ });