@splunk/react-ui 4.12.0 → 4.13.0

package/TextArea.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 145);
+/******/ 	return __webpack_require__(__webpack_require__.s = 148);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -128,7 +128,7 @@ function updateReactRef(ref, current) {
 
 /***/ }),
 
-/***/ 145:
+/***/ 148:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -150,7 +150,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(31);
+var style_ = __webpack_require__(32);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/EventListener"
 var EventListener_ = __webpack_require__(15);
@@ -166,10 +166,10 @@ var ControlGroup_ = __webpack_require__(78);
 var i18n_ = __webpack_require__(5);
 
 // EXTERNAL MODULE: ./src/icons/Search.tsx
-var Search = __webpack_require__(34);
+var Search = __webpack_require__(29);
 
 // EXTERNAL MODULE: ./src/icons/CrossMark.tsx
-var CrossMark = __webpack_require__(19);
+var CrossMark = __webpack_require__(20);
 
 // CONCATENATED MODULE: ./src/TextArea/syncHeightWithShadow.ts
 // This file was adapted from [Call-Em-All's material-ui](https://github.com/mui-org/material-ui),
@@ -286,7 +286,7 @@ var buttonStyles = Object(external_styled_components_["css"])(["border-radius:",
     light: themes_["variables"].gray60,
     dark: themes_["variables"].white
   },
-  prisma: themes_["variables"].contentColorDefault
+  prisma: themes_["variables"].contentColorMuted
 }));
 var StyledClearButton = external_styled_components_default()(Button_default.a).withConfig({
   displayName: "TextAreaStyles__StyledClearButton",
@@ -295,7 +295,7 @@ var StyledClearButton = external_styled_components_default()(Button_default.a).w
 var StyledSearchIconWrapper = external_styled_components_default.a.span.withConfig({
   displayName: "TextAreaStyles__StyledSearchIconWrapper",
   componentId: "gfy8yp-1"
-})(["", ";color:", ";pointer-events:none;padding:", ";&[disabled]{", ";}"], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
+})(["", ";color:", ";pointer-events:none;padding:", ";", ""], themes_["mixins"].reset('inline-block'), Object(themes_["pick"])({
   enterprise: {
     light: themes_["variables"].gray60,
     dark: themes_["variables"].white
@@ -304,9 +304,13 @@ var StyledSearchIconWrapper = external_styled_components_default.a.span.withConf
 }), Object(themes_["pick"])({
   comfortable: '0 8px',
   compact: '0 6px'
-}), Object(themes_["pick"])({
-  prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
-}));
+}), function (_ref) {
+  var $disabled = _ref.$disabled;
+  return $disabled && Object(external_styled_components_["css"])(["", ""], Object(themes_["pick"])({
+    enterprise: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].textDisabledColor),
+    prisma: Object(external_styled_components_["css"])(["color:", ";"], themes_["variables"].contentColorDisabled)
+  }));
+});
 var StyledBox = external_styled_components_default()(Box_default.a).withConfig({
   displayName: "TextAreaStyles__StyledBox",
   componentId: "gfy8yp-2"
@@ -336,13 +340,13 @@ var StyledTextAreaWrapper = external_styled_components_default.a.span.withConfig
   },
   prisma: themes_["variables"].transparent
 }), Object(themes_["pick"])({
-  enterprise: '0px 10px',
+  enterprise: '0px 0px 0px 10px',
   prisma: '0px 12px'
-}), function (_ref) {
-  var $hasEndAdornment = _ref.$hasEndAdornment;
+}), function (_ref2) {
+  var $hasEndAdornment = _ref2.$hasEndAdornment;
   return $hasEndAdornment && Object(external_styled_components_["css"])(["padding-right:0;"]);
-}, function (_ref2) {
-  var $hasStartAdornment = _ref2.$hasStartAdornment;
+}, function (_ref3) {
+  var $hasStartAdornment = _ref3.$hasStartAdornment;
   return $hasStartAdornment && Object(external_styled_components_["css"])(["padding-left:0;"]);
 }, Object(themes_["pick"])({
   enterprise: {
@@ -353,8 +357,8 @@ var StyledTextAreaWrapper = external_styled_components_default.a.span.withConfig
 }), Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";color:", ";"], themes_["variables"].focusShadow, themes_["variables"].textColor),
   prisma: Object(external_styled_components_["css"])(["border-color:", ";color:", ";"], themes_["variables"].interactiveColorPrimary, themes_["variables"].contentColorActive)
-}), function (_ref3) {
-  var $error = _ref3.$error;
+}), function (_ref4) {
+  var $error = _ref4.$error;
   return $error && Object(external_styled_components_["css"])(["&,&:hover:not([disabled]){border-color:", ";}&:focus-within:not([disabled]){", "}"], Object(themes_["pick"])({
     enterprise: themes_["variables"].errorColor,
     prisma: themes_["variables"].accentColorNegative
@@ -362,14 +366,14 @@ var StyledTextAreaWrapper = external_styled_components_default.a.span.withConfig
     enterprise: Object(external_styled_components_["css"])(["box-shadow:", ";color:", ";"], themes_["variables"].focusShadow, themes_["variables"].textColor),
     prisma: Object(external_styled_components_["css"])(["border-color:", ";color:", ";"], themes_["variables"].interactiveColorPrimary, themes_["variables"].contentColorActive)
   }));
-}, function (_ref4) {
-  var $append = _ref4.$append;
-  return $append && Object(external_styled_components_["css"])(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
 }, function (_ref5) {
-  var $prepend = _ref5.$prepend;
-  return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
+  var $append = _ref5.$append;
+  return $append && Object(external_styled_components_["css"])(["margin-right:-1px;border-top-right-radius:0;border-bottom-right-radius:0;border-right:none;"]);
 }, function (_ref6) {
-  var disabled = _ref6.disabled;
+  var $prepend = _ref6.$prepend;
+  return $prepend && Object(external_styled_components_["css"])(["border-top-left-radius:0;border-bottom-left-radius:0;"]);
+}, function (_ref7) {
+  var disabled = _ref7.disabled;
   return disabled && Object(external_styled_components_["css"])(["", " box-shadow:inset 0 1px 2px rgba(0,0,0,0.025);"], Object(themes_["pick"])({
     enterprise: {
       light: Object(external_styled_components_["css"])(["background-color:", ";border-color:", ";"], themes_["variables"].gray96, themes_["variables"].gray92),
@@ -405,8 +409,8 @@ var StyledTextArea = external_styled_components_default.a.textarea.withConfig({
 }), Object(themes_["pick"])({
   enterprise: '10px',
   prisma: '14px'
-}), themes_["variables"].contentColorMuted, function (_ref7) {
-  var $error = _ref7.$error;
+}), themes_["variables"].contentColorMuted, function (_ref8) {
+  var $error = _ref8.$error;
   return $error && Object(external_styled_components_["css"])(["&,&:hover{color:", ";}"], Object(themes_["pick"])({
     enterprise: {
       light: themes_["variables"].errorColorD10,
@@ -414,8 +418,8 @@ var StyledTextArea = external_styled_components_default.a.textarea.withConfig({
     },
     prisma: themes_["variables"].contentColorActive
   }));
-}, function (_ref8) {
-  var disabled = _ref8.disabled;
+}, function (_ref9) {
+  var disabled = _ref9.disabled;
   return disabled && disabledStyles;
 });
 var StyledVisibilityToggle = external_styled_components_default()(Button_default.a).withConfig({
@@ -431,9 +435,9 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
 }), themes_["variables"].lineHeight, Object(themes_["pick"])({
   enterprise: '10px',
   prisma: '14px'
-}), function (_ref9) {
-  var $hasStartAdornment = _ref9.$hasStartAdornment,
-      $startAdornmentWidth = _ref9.$startAdornmentWidth;
+}), function (_ref10) {
+  var $hasStartAdornment = _ref10.$hasStartAdornment,
+      $startAdornmentWidth = _ref10.$startAdornmentWidth;
   return $hasStartAdornment && ($startAdornmentWidth ? Object(external_styled_components_["css"])(["margin-left:", "px;"], $startAdornmentWidth) : Object(external_styled_components_["css"])(["margin-left:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -444,9 +448,9 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
       compact: '30px'
     }
   })));
-}, function (_ref10) {
-  var $hasEndAdornment = _ref10.$hasEndAdornment,
-      $endAdornmentWidth = _ref10.$endAdornmentWidth;
+}, function (_ref11) {
+  var $hasEndAdornment = _ref11.$hasEndAdornment,
+      $endAdornmentWidth = _ref11.$endAdornmentWidth;
   return $hasEndAdornment && ($endAdornmentWidth // calc(100% - padding - adorment width)
   ? Object(external_styled_components_["css"])(["max-width:calc( 100% - ", " - ", "px );"], Object(themes_["pick"])({
     enterprise: '10px',
@@ -464,10 +468,10 @@ var StyledPlaceholder = external_styled_components_default.a.span.withConfig({
       compact: '30px'
     }
   })));
-}, function (_ref11) {
-  var $hasBothAdornment = _ref11.$hasBothAdornment,
-      $endAdornmentWidth = _ref11.$endAdornmentWidth,
-      $startAdornmentWidth = _ref11.$startAdornmentWidth;
+}, function (_ref12) {
+  var $hasBothAdornment = _ref12.$hasBothAdornment,
+      $endAdornmentWidth = _ref12.$endAdornmentWidth,
+      $startAdornmentWidth = _ref12.$startAdornmentWidth;
   return $hasBothAdornment && Object(external_styled_components_["css"])(["max-width:calc(100% - ", "px - ", "px);"], $startAdornmentWidth, $endAdornmentWidth);
 });
 var adornmentHolder = Object(external_styled_components_["css"])(["display:inline-flex;align-items:center;justify-content:center;height:", ";pointer-events:none;"], Object(themes_["pick"])({
@@ -483,8 +487,8 @@ var adornmentHolder = Object(external_styled_components_["css"])(["display:inlin
 var StyledStartAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextAreaStyles__StyledStartAdornmentHolder",
   componentId: "gfy8yp-7"
-})(["", " ", ";"], adornmentHolder, function (_ref12) {
-  var $width = _ref12.$width;
+})(["", " ", ";"], adornmentHolder, function (_ref13) {
+  var $width = _ref13.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -499,8 +503,8 @@ var StyledStartAdornmentHolder = external_styled_components_default.a.div.withCo
 var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConfig({
   displayName: "TextAreaStyles__StyledEndAdornmentHolder",
   componentId: "gfy8yp-8"
-})(["", " ", ";"], adornmentHolder, function (_ref13) {
-  var $width = _ref13.$width;
+})(["", " ", ";"], adornmentHolder, function (_ref14) {
+  var $width = _ref14.$width;
   return $width ? Object(external_styled_components_["css"])(["min-width:", "px;"], $width) : Object(external_styled_components_["css"])(["min-width:", ";"], Object(themes_["pick"])({
     enterprise: {
       comfortable: '30px',
@@ -515,7 +519,7 @@ var StyledEndAdornmentHolder = external_styled_components_default.a.div.withConf
 var StyledAdornment = external_styled_components_default.a.div.withConfig({
   displayName: "TextAreaStyles__StyledAdornment",
   componentId: "gfy8yp-9"
-})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";", ";", ";", ""], Object(themes_["pick"])({
+})(["display:inline-flex;align-items:center;justify-content:center;position:absolute;pointer-events:none;z-index:1;height:", ";color:", ";", ";", ";", ""], Object(themes_["pick"])({
   enterprise: {
     comfortable: '30px',
     compact: '26px'
@@ -524,11 +528,17 @@ var StyledAdornment = external_styled_components_default.a.div.withConfig({
     comfortable: '38px',
     compact: '30px'
   }
-}), function (_ref14) {
-  var $position = _ref14.$position;
+}), Object(themes_["pick"])({
+  enterprise: {
+    light: themes_["variables"].gray60,
+    dark: themes_["variables"].white
+  },
+  prisma: themes_["variables"].contentColorMuted
+}), function (_ref15) {
+  var $position = _ref15.$position;
   return $position === 'start' ? Object(external_styled_components_["css"])(["top:1px;left:1px;"]) : Object(external_styled_components_["css"])(["top:1px;right:1px;"]);
-}, function (_ref15) {
-  var disabled = _ref15.disabled;
+}, function (_ref16) {
+  var disabled = _ref16.disabled;
   return disabled && disabledStyles;
 }, Object(themes_["pick"])({
   enterprise: Object(external_styled_components_["css"])(["margin-left:-1px;margin-right:-1px;"])
@@ -848,7 +858,7 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
       var displayValue = _this.getDisplayValue();
 
       if (!!displayValue && (isPrisma && appearance === 'search' || canClear)) {
-        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
+        return /*#__PURE__*/external_react_default.a.createElement(StyledAdornment, adornmentProps, !disabled && /*#__PURE__*/external_react_default.a.createElement(StyledClearButton, {
           "data-test": "clear",
           appearance: isPrisma ? 'secondary' : 'pill',
           onClick: _this.handleClear,
@@ -907,6 +917,8 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
 
     if (false) {}
 
+    if (false) {}
+
     TextArea.validateRows(props);
     _this.handleResize = Object(external_lodash_["throttle"])(_this.handleResize, 100);
     return _this;
@@ -989,8 +1001,7 @@ var TextArea_TextArea = /*#__PURE__*/function (_Component) {
           spellCheck = _this$props10.spellCheck,
           tabIndex = _this$props10.tabIndex,
           title = _this$props10.title,
-          value = _this$props10.value,
-          otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "spellCheck", "tabIndex", "title", "value"]);
+          otherProps = _objectWithoutProperties(_this$props10, ["append", "autoCapitalize", "autoComplete", "autoCorrect", "autoFocus", "children", "className", "classNamePrivate", "disabled", "describedBy", "elementRef", "error", "inline", "inputClassName", "inputId", "labelledBy", "maxLength", "name", "placeholder", "prepend", "spellCheck", "tabIndex", "title"]);
 
       var ariaProps = _objectSpread(_objectSpread({}, Object(external_lodash_["pickBy"])(otherProps, function (val, key) {
         return key === 'role' || key.indexOf('aria-') === 0;
@@ -1135,7 +1146,14 @@ module.exports = require("@splunk/react-ui/Button");
 
 /***/ }),
 
-/***/ 19:
+/***/ 2:
+/***/ (function(module, exports) {
+
+module.exports = require("react");
+
+/***/ }),
+
+/***/ 20:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1185,13 +1203,6 @@ function CrossMark(props) {
 
 /***/ }),
 
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
 /***/ 21:
 /***/ (function(module, exports) {
 
@@ -1199,21 +1210,7 @@ module.exports = require("@splunk/react-icons/Close");
 
 /***/ }),
 
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 31:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/style");
-
-/***/ }),
-
-/***/ 34:
+/***/ 29:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -1263,6 +1260,20 @@ function Search(props) {
 
 /***/ }),
 
+/***/ 3:
+/***/ (function(module, exports) {
+
+module.exports = require("styled-components");
+
+/***/ }),
+
+/***/ 32:
+/***/ (function(module, exports) {
+
+module.exports = require("@splunk/ui-utils/style");
+
+/***/ }),
+
 /***/ 4:
 /***/ (function(module, exports) {
 

package/Tooltip.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 146);
+/******/ 	return __webpack_require__(__webpack_require__.s = 149);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -122,7 +122,7 @@ module.exports = require("@splunk/react-ui/ScreenReaderContent");
 
 /***/ }),
 
-/***/ 146:
+/***/ 149:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";

package/TransitionOpen.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 173);
+/******/ 	return __webpack_require__(__webpack_require__.s = 176);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 173:
+/***/ 176:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -123,16 +123,16 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/react-ui/Animation"
-var Animation_ = __webpack_require__(30);
+var Animation_ = __webpack_require__(31);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/focus"
 var focus_ = __webpack_require__(26);
 
 // EXTERNAL MODULE: external "@splunk/ui-utils/style"
-var style_ = __webpack_require__(31);
+var style_ = __webpack_require__(32);
 
 // EXTERNAL MODULE: external "react-spring"
-var external_react_spring_ = __webpack_require__(18);
+var external_react_spring_ = __webpack_require__(19);
 
 // EXTERNAL MODULE: external "styled-components"
 var external_styled_components_ = __webpack_require__(3);
@@ -466,7 +466,7 @@ _defineProperty(TransitionOpen_TransitionOpen, "getDerivedStateFromProps", funct
 
 /***/ }),
 
-/***/ 18:
+/***/ 19:
 /***/ (function(module, exports) {
 
 module.exports = require("react-spring");
@@ -494,14 +494,14 @@ module.exports = require("styled-components");
 
 /***/ }),
 
-/***/ 30:
+/***/ 31:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/react-ui/Animation");
 
 /***/ }),
 
-/***/ 31:
+/***/ 32:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/ui-utils/style");

package/Typography.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 179);
+/******/ 	return __webpack_require__(__webpack_require__.s = 182);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -94,7 +94,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 179:
+/***/ 182:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -117,7 +117,7 @@ var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_pr
 var external_lodash_ = __webpack_require__(4);
 
 // EXTERNAL MODULE: external "@splunk/themes/mixins"
-var mixins_ = __webpack_require__(56);
+var mixins_ = __webpack_require__(57);
 var mixins_default = /*#__PURE__*/__webpack_require__.n(mixins_);
 
 // EXTERNAL MODULE: external "styled-components"
@@ -215,7 +215,7 @@ module.exports = require("lodash");
 
 /***/ }),
 
-/***/ 56:
+/***/ 57:
 /***/ (function(module, exports) {
 
 module.exports = require("@splunk/themes/mixins");

package/WaitSpinner.js

@@ -82,7 +82,7 @@ module.exports =
 /******/
 /******/
 /******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 174);
+/******/ 	return __webpack_require__(__webpack_require__.s = 177);
 /******/ })
 /************************************************************************/
 /******/ ({
@@ -101,7 +101,7 @@ module.exports = require("prop-types");
 
 /***/ }),
 
-/***/ 174:
+/***/ 177:
 /***/ (function(module, __webpack_exports__, __webpack_require__) {
 
 "use strict";
@@ -198,6 +198,9 @@ var StyledEnterpriseCircle = external_styled_components_default.a.circle.withCon
   enterprise: Object(external_styled_components_["css"])(["stroke-dasharray:34 19;"])
 }));
 
+// EXTERNAL MODULE: ./src/useIsSsr/index.ts + 1 modules
+var useIsSsr = __webpack_require__(80);
+
 // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinner.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); }
 
@@ -211,6 +214,7 @@ function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) r
 
 
 
+
 var propTypes = {
   elementRef: external_prop_types_default.a.oneOfType([external_prop_types_default.a.func, external_prop_types_default.a.object]),
   screenReaderText: external_prop_types_default.a.string,
@@ -232,6 +236,12 @@ function WaitSpinner(_ref) {
       isPrisma = _useSplunkTheme.isPrisma;
 
   var viewBox = isPrisma ? '0 0 40 40' : '0 0 19 19';
+  var isSsr = Object(useIsSsr["default"])();
+
+  if (isSsr) {
+    return null;
+  }
+
   return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
     "data-test": "wait-spinner"
   }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledSvg, {
@@ -293,6 +303,62 @@ module.exports = require("@splunk/react-ui/AnimationToggle");
 
 module.exports = require("@splunk/ui-utils/i18n");
 
+/***/ }),
+
+/***/ 80:
+/***/ (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 */ src_useIsSsr_useIsSsr; });
+
+// EXTERNAL MODULE: external "react"
+var external_react_ = __webpack_require__(2);
+
+// CONCATENATED MODULE: ./src/useIsSsr/useIsSsr.tsx
+function _slicedToArray(arr, i) { return _arrayWithHoles(arr) || _iterableToArrayLimit(arr, i) || _unsupportedIterableToArray(arr, i) || _nonIterableRest(); }
+
+function _nonIterableRest() { 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 _unsupportedIterableToArray(o, minLen) { if (!o) return; if (typeof o === "string") return _arrayLikeToArray(o, minLen); var n = Object.prototype.toString.call(o).slice(8, -1); if (n === "Object" && o.constructor) n = o.constructor.name; if (n === "Map" || n === "Set") return Array.from(o); if (n === "Arguments" || /^(?:Ui|I)nt(?:8|16|32)(?:Clamped)?Array$/.test(n)) return _arrayLikeToArray(o, minLen); }
+
+function _arrayLikeToArray(arr, len) { if (len == null || len > arr.length) len = arr.length; for (var i = 0, arr2 = new Array(len); i < len; i++) { arr2[i] = arr[i]; } return arr2; }
+
+function _iterableToArrayLimit(arr, i) { if (typeof Symbol === "undefined" || !(Symbol.iterator in Object(arr))) return; var _arr = []; var _n = true; var _d = false; var _e = undefined; try { for (var _i = arr[Symbol.iterator](), _s; !(_n = (_s = _i.next()).done); _n = true) { _arr.push(_s.value); if (i && _arr.length === i) break; } } catch (err) { _d = true; _e = err; } finally { try { if (!_n && _i["return"] != null) _i["return"](); } finally { if (_d) throw _e; } } return _arr; }
+
+function _arrayWithHoles(arr) { if (Array.isArray(arr)) return arr; }
+
+
+/**
+ * This is a private component not intended for use outside @splunk/react-ui
+ *
+ * Checks if the application is server side rendered and returns boolean
+ * to be used in components that utilize "window" or "document" objects.
+ */
+
+var useIsSsr_useIsSsr = function useIsSsr() {
+  // we always start off in "SSR mode", to ensure our initial browser render
+  var _useState = Object(external_react_["useState"])(true),
+      _useState2 = _slicedToArray(_useState, 2),
+      isSsr = _useState2[0],
+      setIsSsr = _useState2[1];
+
+  Object(external_react_["useEffect"])(function () {
+    // `useEffect` never runs on the server, so we must be on the client if
+    // we hit this block
+    setIsSsr(false);
+  }, []);
+  return isSsr;
+};
+
+/* harmony default export */ var src_useIsSsr_useIsSsr = (useIsSsr_useIsSsr);
+// CONCATENATED MODULE: ./src/useIsSsr/index.ts
+
+
+
 /***/ })
 
 /******/ });

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.12.0",
+  "version": "4.13.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -8,6 +8,7 @@
     "build": "cross-env NODE_ENV=production webpack && yarn types:build && yarn build-storybook",
     "docs": "NODE_ENV=production webpack --config docs.gen.webpack.config.js",
     "docs:publish": "cicd-publish-docs docs --force",
+    "docs:publish:external": "cicd-publish-docs docs-external --force --suffix=public",
     "docs:start": "webpack serve --config docs.gen.webpack.config.js",
     "eslint": "eslint src .storybook --ext \".ts,.tsx,.js,.jsx\"",
     "eslint:fix": "yarn run eslint --fix",
@@ -41,7 +42,7 @@
   "dependencies": {
     "@splunk/react-icons": "^3.2.0",
     "@splunk/themes": "^0.13.0",
-    "@splunk/ui-utils": "^1.5.0",
+    "@splunk/ui-utils": "^1.5.1",
     "@types/commonmark": "^0.27.0",
     "@types/lodash": "^4.14.156",
     "@types/react": "^16.9.38",
@@ -68,7 +69,7 @@
     "@cypress/react": "^5.12.4",
     "@cypress/webpack-dev-server": "^1.8.2",
     "@splunk/babel-preset": "^3.0.0",
-    "@splunk/cicd-tools": "^0.4.0",
+    "@splunk/cicd-tools": "^0.5.0",
     "@splunk/docs-gen": "^0.11.2",
     "@splunk/eslint-config": "^4.0.0",
     "@splunk/react-docs": "^0.11.0",

package/types/src/Button/Button.d.ts

@@ -12,7 +12,7 @@ interface ButtonPropsBase {
     /** Returns a value on click. Use when composing or testing. */
     action?: string;
     /** Changes the style of the button.
-     * @themeNotes 'pill': supported by `enterprise`, `enterpriseDark` and `lite`. 'destructive', 'toggle' and 'flat': supported by `prisma`.
+     * @themeNotes Enterprise themes support the following appearances:`default`, `primary`, `secondary`, and `pill`. Prisma themes support the `default`, `primary`, `secondary`, `destructive`, `toggle` and `flat` appearances.
      */
     appearance?: 'default' | 'secondary' | 'primary' | 'destructive' | 'pill' | 'toggle' | 'flat';
     /** Removes the right border and border-radius of the button so you can

package/types/src/Dropdown/Dropdown.d.ts

@@ -31,6 +31,14 @@ declare type DropdownToggleElement = React.ReactElement<React.HTMLAttributes<HTM
     ref?: React.Ref<ComponentWithFocus | HTMLElement | null>;
 }>;
 interface DropdownPropsBase {
+    /**
+     * Resurface private `Popover` prop for aligning the edge.
+     *
+     * `end` is ONLY supported in with the `below` PopoverPlacement
+     * TODO: SUI-5101 Allow users to supply align prop in Popover and Dropdowns
+     * @private
+     */
+    align?: 'center' | 'edge' | 'theme' | 'end';
     /**
      * Enables the `Dropdown` to be rendered over the toggle
      * if there isn't enough room to render it in a direction.
@@ -106,7 +114,7 @@ interface DropdownPropsBase {
      */
     toggle: DropdownToggleElement;
 }
-declare const defaultProps: Required<Pick<DropdownPropsBase, 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'retainFocus' | 'takeFocus'>>;
+declare const defaultProps: Required<Pick<DropdownPropsBase, 'align' | 'canCoverAnchor' | 'closeReasons' | 'defaultPlacement' | 'focusToggleReasons' | 'repositionMode' | 'retainFocus' | 'takeFocus'>>;
 interface DropdownPropsBaseControlled extends DropdownPropsBase {
     onRequestClose: DropdownRequestCloseHandler;
     onRequestOpen: DropdownRequestOpenHandler;
@@ -132,8 +140,8 @@ declare class Dropdown extends Component<DropdownProps, DropdownState> {
      * docs extraction.
      */
     static possibleCloseReasons: DropdownPossibleCloseReason[];
-    static propTypes: React.WeakValidationMap<DropdownPropsBaseControlled & Required<Pick<DropdownPropsBase, "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>> | React.WeakValidationMap<DropdownPropsBaseUncontrolled & Required<Pick<DropdownPropsBase, "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>>;
-    static defaultProps: Required<Pick<DropdownPropsBase, "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>;
+    static propTypes: React.WeakValidationMap<DropdownPropsBaseControlled & Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>> | React.WeakValidationMap<DropdownPropsBaseUncontrolled & Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>>;
+    static defaultProps: Required<Pick<DropdownPropsBase, "align" | "retainFocus" | "takeFocus" | "closeReasons" | "canCoverAnchor" | "defaultPlacement" | "repositionMode" | "focusToggleReasons">>;
     constructor(props: Readonly<DropdownProps>);
     componentDidUpdate(): void;
     private handleToggleMount;