@splunk/react-ui 4.1.0 → 4.4.1

package/Message.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 103);
+/******/ 	return __webpack_require__(__webpack_require__.s = 105);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 103:
+/***/ 105:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -121,7 +121,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(20);
+var CrossMark = __webpack_require__(21);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -257,7 +257,7 @@ var Banner_Banner = function Banner(_ref) {
 
 /* harmony default export */ var Message_Banner = (Banner_Banner);
 // EXTERNAL MODULE: external "@splunk/react-ui/Link"
-var Link_ = __webpack_require__(32);
+var Link_ = __webpack_require__(29);
 var Link_default = /*#__PURE__*/__webpack_require__.n(Link_);
 
 // CONCATENATED MODULE: ./src/Message/LinkStyles.ts
@@ -474,7 +474,7 @@ var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
 }));
 
 // EXTERNAL MODULE: external "@splunk/react-icons/Error"
-var Error_ = __webpack_require__(61);
+var Error_ = __webpack_require__(63);
 var Error_default = /*#__PURE__*/__webpack_require__.n(Error_);
 
 // EXTERNAL MODULE: ./src/icons/ThemedIcon.tsx
@@ -511,7 +511,7 @@ function AlertFilled(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/InfoCircle"
-var InfoCircle_ = __webpack_require__(85);
+var InfoCircle_ = __webpack_require__(87);
 var InfoCircle_default = /*#__PURE__*/__webpack_require__.n(InfoCircle_);
 
 // CONCATENATED MODULE: ./src/icons/InfoFilled.tsx
@@ -542,7 +542,7 @@ function InfoFilled(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Success"
-var Success_ = __webpack_require__(62);
+var Success_ = __webpack_require__(64);
 var Success_default = /*#__PURE__*/__webpack_require__.n(Success_);
 
 // CONCATENATED MODULE: ./src/icons/SuccessFilled.tsx
@@ -573,7 +573,7 @@ function SuccessFilled(props) {
   }, props));
 }
 // EXTERNAL MODULE: external "@splunk/react-icons/Warning"
-var Warning_ = __webpack_require__(86);
+var Warning_ = __webpack_require__(88);
 var Warning_default = /*#__PURE__*/__webpack_require__.n(Warning_);
 
 // CONCATENATED MODULE: ./src/icons/WarningFilled.tsx
@@ -711,14 +711,14 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 20:
+/***/ 21:
 /***/ (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__(23);
+/* harmony import */ var _splunk_react_icons_Close__WEBPACK_IMPORTED_MODULE_1__ = __webpack_require__(25);
 /* 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);
@@ -761,24 +761,24 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 23:
+/***/ 25:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Close");
 
 /***/ }),
 
-/***/ 3:
+/***/ 29:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("@splunk/react-ui/Link");
 
 /***/ }),
 
-/***/ 32:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Link");
+module.exports = require("styled-components");
 
 /***/ }),
 
@@ -807,14 +807,14 @@ function SVG(props) {
 
 /***/ }),
 
-/***/ 61:
+/***/ 63:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Error");
 
 /***/ }),
 
-/***/ 62:
+/***/ 64:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Success");
@@ -946,14 +946,14 @@ module.exports = require("@splunk/react-ui/Box");
 
 /***/ }),
 
-/***/ 85:
+/***/ 87:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/InfoCircle");
 
 /***/ }),
 
-/***/ 86:
+/***/ 88:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-icons/Warning");

package/Modal.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 106);
+/******/ 	return __webpack_require__(__webpack_require__.s = 110);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 106:
+/***/ 110:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -126,14 +126,14 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ModalLayer"
-var ModalLayer_ = __webpack_require__(63);
+var ModalLayer_ = __webpack_require__(65);
 var ModalLayer_default = /*#__PURE__*/__webpack_require__.n(ModalLayer_);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
-var focus_ = __webpack_require__(26);
+var focus_ = __webpack_require__(24);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/ScrollContainerContext"
-var ScrollContainerContext_ = __webpack_require__(33);
+var ScrollContainerContext_ = __webpack_require__(35);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -271,7 +271,7 @@ function Footer(_ref) {
 Footer.propTypes = Footer_propTypes;
 /* harmony default export */ var Modal_Footer = (Footer);
 // EXTERNAL MODULE: external "@splunk/react-ui/CloseButton"
-var CloseButton_ = __webpack_require__(57);
+var CloseButton_ = __webpack_require__(59);
 var CloseButton_default = /*#__PURE__*/__webpack_require__.n(CloseButton_);
 
 // CONCATENATED MODULE: ./src/Modal/HeaderStyles.ts
@@ -410,10 +410,14 @@ function Header(_ref) {
 
 Header.propTypes = Header_propTypes;
 /* harmony default export */ var Modal_Header = (Header);
+// EXTERNAL MODULE: external "react-spring"
+var external_react_spring_ = __webpack_require__(18);
+
 // CONCATENATED MODULE: ./src/Modal/ModalStyles.ts
 
 
-var Styled = external_styled_components_default.a.div.withConfig({
+
+var Styled = external_styled_components_default()(external_react_spring_["animated"].div).withConfig({
   displayName: "ModalStyles__Styled",
   componentId: "sc-5fn8ds-0"
 })(["", ";flex-direction:column;position:fixed;left:50%;transform:translateX(-50%);z-index:", ";", ""], themes_["mixins"].reset('flex'), themes_["variables"].zindexModal, Object(themes_["pick"])({
@@ -594,6 +598,13 @@ _defineProperty(Modal_Modal, "Footer", Modal_Footer);
 
 
 
+/***/ }),
+
+/***/ 18:
+/***/ (function(module, exports) {
+
+module.exports = require("react-spring");
+
 /***/ }),
 
 /***/ 2:
@@ -603,7 +614,7 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 26:
+/***/ 24:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/focus");
@@ -617,7 +628,7 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 33:
+/***/ 35:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ScrollContainerContext");
@@ -631,14 +642,14 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 57:
+/***/ 59:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/CloseButton");
 
 /***/ }),
 
-/***/ 63:
+/***/ 65:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/ModalLayer");

package/ModalLayer.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 137);
+/******/ 	return __webpack_require__(__webpack_require__.s = 144);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 137:
+/***/ 144:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -120,24 +120,28 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(27);
+var Animation_ = __webpack_require__(30);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Layer"
-var Layer_ = __webpack_require__(47);
+var Layer_ = __webpack_require__(49);
 var Layer_default = /*#__PURE__*/__webpack_require__.n(Layer_);
 
 // 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 "react-spring"
+var external_react_spring_ = __webpack_require__(18);
+
 // EXTERNAL MODULE: external "@splunk/themes"
 var themes_ = __webpack_require__(0);
 
 // CONCATENATED MODULE: ./src/ModalLayer/ModalLayerStyles.ts
 
 
+
 var overlay = Object(external_styled_components_["css"])(["", ";position:fixed;top:0;right:0;bottom:0;left:0;"], themes_["mixins"].reset('block'));
-var StyledClickAwayOverlay = external_styled_components_default.a.div.withConfig({
+var StyledClickAwayOverlay = external_styled_components_default()(external_react_spring_["animated"].div).withConfig({
   displayName: "ModalLayerStyles__StyledClickAwayOverlay",
   componentId: "sc-1sa3n1j-0"
 })(["", ";background-color:", ";z-index:", ";"], overlay, themes_["variables"].backgroundColorScrim, themes_["variables"].zindexModalBackdrop);
@@ -236,10 +240,13 @@ var ModalLayer_ModalLayer = /*#__PURE__*/function (_Component) {
         }),
         onRest: _this.handleAnimationEnd
       }, function (interpolatedStyle) {
-        return /*#__PURE__*/external_react_default.a.createElement("div", null, renderModal(interpolatedStyle), open && useLayerForClickAway && /*#__PURE__*/external_react_default.a.createElement(StyledClickAwayOverlay, {
+        return /*#__PURE__*/external_react_default.a.createElement("div", null,
+        /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
+        renderModal(interpolatedStyle), open && useLayerForClickAway && /*#__PURE__*/external_react_default.a.createElement(StyledClickAwayOverlay, {
           onMouseDown: _this.handleClickAway,
           key: "clickAway",
           style: {
+            /* eslint-disable-next-line @typescript-eslint/no-explicit-any */
             opacity: interpolatedStyle.overlayOpacity
           }
         }));
@@ -293,17 +300,17 @@ _defineProperty(ModalLayer_ModalLayer, "getDerivedStateFromProps", function (pro
 
 /***/ }),
 
-/***/ 2:
+/***/ 18:
 /***/ (function(module, exports) {
 
-module.exports = require("react");
+module.exports = require("react-spring");
 
 /***/ }),
 
-/***/ 27:
+/***/ 2:
 /***/ (function(module, exports) {
 
-module.exports = require("@splunk/react-ui/Animation");
+module.exports = require("react");
 
 /***/ }),
 
@@ -314,7 +321,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 47:
+/***/ 30:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/react-ui/Animation");
+
+/***/ }),
+
+/***/ 49:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Layer");

package/Monogram.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 147);
+/******/ 	return __webpack_require__(__webpack_require__.s = 142);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -108,7 +108,7 @@ module.exports = require("@splunk/react-ui/Clickable");
 
 /***/ }),
 
-/***/ 147:
+/***/ 142:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -128,7 +128,7 @@ var external_prop_types_ = __webpack_require__(1);
 var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_);
 
 // EXTERNAL MODULE: external "lodash/omit"
-var omit_ = __webpack_require__(29);
+var omit_ = __webpack_require__(32);
 var omit_default = /*#__PURE__*/__webpack_require__.n(omit_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -343,17 +343,17 @@ module.exports = require("react");
 
 /***/ }),
 
-/***/ 29:
+/***/ 3:
 /***/ (function(module, exports) {
 
-module.exports = require("lodash/omit");
+module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 3:
+/***/ 32:
 /***/ (function(module, exports) {
 
-module.exports = require("styled-components");
+module.exports = require("lodash/omit");
 
 /***/ })