@splunk/react-ui 4.20.0 → 4.21.0

package/WaitSpinner.js

@@ -1,211 +1,141 @@
-module.exports =
-/******/ (function(modules) { // webpackBootstrap
-/******/ 	// The module cache
-/******/ 	var installedModules = {};
-/******/
-/******/ 	// The require function
-/******/ 	function __webpack_require__(moduleId) {
-/******/
-/******/ 		// Check if module is in cache
-/******/ 		if(installedModules[moduleId]) {
-/******/ 			return installedModules[moduleId].exports;
-/******/ 		}
-/******/ 		// Create a new module (and put it into the cache)
-/******/ 		var module = installedModules[moduleId] = {
-/******/ 			i: moduleId,
-/******/ 			l: false,
-/******/ 			exports: {}
+/******/ (() => { // webpackBootstrap
+/******/ 	"use strict";
+/******/ 	// The require scope
+/******/ 	var __webpack_require__ = {};
+/******/ 	
+/************************************************************************/
+/******/ 	/* webpack/runtime/compat get default export */
+/******/ 	(() => {
+/******/ 		// getDefaultExport function for compatibility with non-harmony modules
+/******/ 		__webpack_require__.n = (module) => {
+/******/ 			var getter = module && module.__esModule ?
+/******/ 				() => (module['default']) :
+/******/ 				() => (module);
+/******/ 			__webpack_require__.d(getter, { a: getter });
+/******/ 			return getter;
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/define property getters */
+/******/ 	(() => {
+/******/ 		// define getter functions for harmony exports
+/******/ 		__webpack_require__.d = (exports, definition) => {
+/******/ 			for(var key in definition) {
+/******/ 				if(__webpack_require__.o(definition, key) && !__webpack_require__.o(exports, key)) {
+/******/ 					Object.defineProperty(exports, key, { enumerable: true, get: definition[key] });
+/******/ 				}
+/******/ 			}
+/******/ 		};
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/hasOwnProperty shorthand */
+/******/ 	(() => {
+/******/ 		__webpack_require__.o = (obj, prop) => (Object.prototype.hasOwnProperty.call(obj, prop))
+/******/ 	})();
+/******/ 	
+/******/ 	/* webpack/runtime/make namespace object */
+/******/ 	(() => {
+/******/ 		// define __esModule on exports
+/******/ 		__webpack_require__.r = (exports) => {
+/******/ 			if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
+/******/ 				Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
+/******/ 			}
+/******/ 			Object.defineProperty(exports, '__esModule', { value: true });
 /******/ 		};
-/******/
-/******/ 		// Execute the module function
-/******/ 		modules[moduleId].call(module.exports, module, module.exports, __webpack_require__);
-/******/
-/******/ 		// Flag the module as loaded
-/******/ 		module.l = true;
-/******/
-/******/ 		// Return the exports of the module
-/******/ 		return module.exports;
-/******/ 	}
-/******/
-/******/
-/******/ 	// expose the modules object (__webpack_modules__)
-/******/ 	__webpack_require__.m = modules;
-/******/
-/******/ 	// expose the module cache
-/******/ 	__webpack_require__.c = installedModules;
-/******/
-/******/ 	// define getter function for harmony exports
-/******/ 	__webpack_require__.d = function(exports, name, getter) {
-/******/ 		if(!__webpack_require__.o(exports, name)) {
-/******/ 			Object.defineProperty(exports, name, { enumerable: true, get: getter });
-/******/ 		}
-/******/ 	};
-/******/
-/******/ 	// define __esModule on exports
-/******/ 	__webpack_require__.r = function(exports) {
-/******/ 		if(typeof Symbol !== 'undefined' && Symbol.toStringTag) {
-/******/ 			Object.defineProperty(exports, Symbol.toStringTag, { value: 'Module' });
-/******/ 		}
-/******/ 		Object.defineProperty(exports, '__esModule', { value: true });
-/******/ 	};
-/******/
-/******/ 	// create a fake namespace object
-/******/ 	// mode & 1: value is a module id, require it
-/******/ 	// mode & 2: merge all properties of value into the ns
-/******/ 	// mode & 4: return value when already ns object
-/******/ 	// mode & 8|1: behave like require
-/******/ 	__webpack_require__.t = function(value, mode) {
-/******/ 		if(mode & 1) value = __webpack_require__(value);
-/******/ 		if(mode & 8) return value;
-/******/ 		if((mode & 4) && typeof value === 'object' && value && value.__esModule) return value;
-/******/ 		var ns = Object.create(null);
-/******/ 		__webpack_require__.r(ns);
-/******/ 		Object.defineProperty(ns, 'default', { enumerable: true, value: value });
-/******/ 		if(mode & 2 && typeof value != 'string') for(var key in value) __webpack_require__.d(ns, key, function(key) { return value[key]; }.bind(null, key));
-/******/ 		return ns;
-/******/ 	};
-/******/
-/******/ 	// getDefaultExport function for compatibility with non-harmony modules
-/******/ 	__webpack_require__.n = function(module) {
-/******/ 		var getter = module && module.__esModule ?
-/******/ 			function getDefault() { return module['default']; } :
-/******/ 			function getModuleExports() { return module; };
-/******/ 		__webpack_require__.d(getter, 'a', getter);
-/******/ 		return getter;
-/******/ 	};
-/******/
-/******/ 	// Object.prototype.hasOwnProperty.call
-/******/ 	__webpack_require__.o = function(object, property) { return Object.prototype.hasOwnProperty.call(object, property); };
-/******/
-/******/ 	// __webpack_public_path__
-/******/ 	__webpack_require__.p = "";
-/******/
-/******/
-/******/ 	// Load entry module and return exports
-/******/ 	return __webpack_require__(__webpack_require__.s = 238);
-/******/ })
+/******/ 	})();
+/******/ 	
 /************************************************************************/
-/******/ ({
-
-/***/ 0:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/themes");
-
-/***/ }),
-
-/***/ 1:
-/***/ (function(module, exports) {
-
-module.exports = require("prop-types");
-
-/***/ }),
-
-/***/ 2:
-/***/ (function(module, exports) {
-
-module.exports = require("react");
-
-/***/ }),
-
-/***/ 238:
-/***/ (function(module, __webpack_exports__, __webpack_require__) {
-
-"use strict";
+var __webpack_exports__ = {};
 // ESM COMPAT FLAG
 __webpack_require__.r(__webpack_exports__);
 
 // EXPORTS
-__webpack_require__.d(__webpack_exports__, "default", function() { return /* reexport */ WaitSpinner_WaitSpinner; });
-
-// 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 "@splunk/react-ui/AnimationToggle"
-var AnimationToggle_ = __webpack_require__(51);
-
-// EXTERNAL MODULE: external "@splunk/themes"
-var themes_ = __webpack_require__(0);
-
-// EXTERNAL MODULE: external "@splunk/ui-utils/i18n"
-var i18n_ = __webpack_require__(4);
-
-// EXTERNAL MODULE: external "styled-components"
-var external_styled_components_ = __webpack_require__(3);
-var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_);
-
-// CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinnerStyles.ts
-
+__webpack_require__.d(__webpack_exports__, {
+  "default": () => (/* reexport */ WaitSpinner_WaitSpinner)
+});
 
-var Styled = external_styled_components_default.a.div.withConfig({
+;// CONCATENATED MODULE: external "react"
+const external_react_namespaceObject = require("react");
+var external_react_default = /*#__PURE__*/__webpack_require__.n(external_react_namespaceObject);
+;// CONCATENATED MODULE: external "prop-types"
+const external_prop_types_namespaceObject = require("prop-types");
+var external_prop_types_default = /*#__PURE__*/__webpack_require__.n(external_prop_types_namespaceObject);
+;// CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
+const AnimationToggle_namespaceObject = require("@splunk/react-ui/AnimationToggle");
+;// CONCATENATED MODULE: external "@splunk/themes"
+const themes_namespaceObject = require("@splunk/themes");
+;// CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+const i18n_namespaceObject = require("@splunk/ui-utils/i18n");
+;// CONCATENATED MODULE: external "styled-components"
+const external_styled_components_namespaceObject = require("styled-components");
+var external_styled_components_default = /*#__PURE__*/__webpack_require__.n(external_styled_components_namespaceObject);
+;// CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinnerStyles.ts
+
+
+var Styled = external_styled_components_default().div.withConfig({
   displayName: "WaitSpinnerStyles__Styled",
   componentId: "sc-1nu971z-0"
-})(["", ";align-items:center;"], themes_["mixins"].reset('inline-flex'));
-var spin = Object(external_styled_components_["keyframes"])(["100%{transform:rotate(360deg);}"]);
-var appearAnimation = Object(external_styled_components_["keyframes"])(["0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}"]);
+})(["", ";align-items:center;"], themes_namespaceObject.mixins.reset('inline-flex'));
+var spin = (0,external_styled_components_namespaceObject.keyframes)(["100%{transform:rotate(360deg);}"]);
+var appearAnimation = (0,external_styled_components_namespaceObject.keyframes)(["0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}"]);
 var prismaAnimationDuration = '2.07s';
-var StyledSvg = external_styled_components_default.a.svg.withConfig({
+var StyledSvg = external_styled_components_default().svg.withConfig({
   displayName: "WaitSpinnerStyles__StyledSvg",
   componentId: "sc-1nu971z-1"
-})(["", " ", ""], Object(themes_["pickVariant"])('$size', {
+})(["", " ", ""], (0,themes_namespaceObject.pickVariant)('$size', {
   small: {
-    enterprise: Object(external_styled_components_["css"])(["width:14px;height:14px;"]),
-    prisma: Object(external_styled_components_["css"])(["width:16px;height:16px;"])
+    enterprise: (0,external_styled_components_namespaceObject.css)(["width:14px;height:14px;"]),
+    prisma: (0,external_styled_components_namespaceObject.css)(["width:16px;height:16px;"])
   },
   medium: {
-    enterprise: Object(external_styled_components_["css"])(["width:19px;height:19px;"]),
-    prisma: Object(external_styled_components_["css"])(["width:24px;height:24px;"])
+    enterprise: (0,external_styled_components_namespaceObject.css)(["width:19px;height:19px;"]),
+    prisma: (0,external_styled_components_namespaceObject.css)(["width:24px;height:24px;"])
   },
   large: {
-    enterprise: Object(external_styled_components_["css"])(["width:19px;height:19px;"]),
-    prisma: Object(external_styled_components_["css"])(["width:40px;height:40px;"])
+    enterprise: (0,external_styled_components_namespaceObject.css)(["width:19px;height:19px;"]),
+    prisma: (0,external_styled_components_namespaceObject.css)(["width:40px;height:40px;"])
   }
 }), function (_ref) {
   var $animated = _ref.$animated;
-  return $animated && Object(themes_["pick"])({
-    enterprise: Object(external_styled_components_["css"])(["transform-origin:center;animation:", " 1.2s steps(64) infinite;"], spin),
-    prisma: Object(external_styled_components_["css"])(["animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);"], spin, prismaAnimationDuration, appearAnimation)
+  return $animated && (0,themes_namespaceObject.pick)({
+    enterprise: (0,external_styled_components_namespaceObject.css)(["transform-origin:center;animation:", " 1.2s steps(64) infinite;"], spin),
+    prisma: (0,external_styled_components_namespaceObject.css)(["animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);"], spin, prismaAnimationDuration, appearAnimation)
   });
 });
-var prismaBaseAnimation = Object(external_styled_components_["keyframes"])(["0%{stroke-dasharray:110 10;stroke-dashoffset:-5.5;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:26 94;stroke-dashoffset:-152;}100%{stroke-dasharray:110 10;stroke-dashoffset:-246.5;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}"]);
-var prismaFillAnimation = Object(external_styled_components_["keyframes"])(["0%{stroke-dasharray:7 113;stroke-dashoffset:3;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:90 30;stroke-dashoffset:-60;}100%{stroke-dasharray:7 113;stroke-dashoffset:-238;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}"]);
-var StyledPrismaBasePath = external_styled_components_default.a.circle.withConfig({
+var prismaBaseAnimation = (0,external_styled_components_namespaceObject.keyframes)(["0%{stroke-dasharray:110 10;stroke-dashoffset:-5.5;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:26 94;stroke-dashoffset:-152;}100%{stroke-dasharray:110 10;stroke-dashoffset:-246.5;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}"]);
+var prismaFillAnimation = (0,external_styled_components_namespaceObject.keyframes)(["0%{stroke-dasharray:7 113;stroke-dashoffset:3;animation-timing-function:cubic-bezier(0.8,0,0.83,1);}50%{stroke-dasharray:90 30;stroke-dashoffset:-60;}100%{stroke-dasharray:7 113;stroke-dashoffset:-238;animation-timing-function:cubic-bezier(0.33,0,0.67,1);}"]);
+var StyledPrismaBasePath = external_styled_components_default().circle.withConfig({
   displayName: "WaitSpinnerStyles__StyledPrismaBasePath",
   componentId: "sc-1nu971z-2"
-})(["stroke:", ";stroke-width:2;fill:transparent;", " stroke-dasharray:110 10;stroke-dashoffset:-5.5;"], themes_["variables"].contentColorDisabled, function (_ref2) {
+})(["stroke:", ";stroke-width:2;fill:transparent;", " stroke-dasharray:110 10;stroke-dashoffset:-5.5;"], themes_namespaceObject.variables.contentColorDisabled, function (_ref2) {
   var $animated = _ref2.$animated;
-  return $animated && Object(external_styled_components_["css"])(["animation:", " ", " infinite;animation-fill-mode:backwards;"], prismaBaseAnimation, prismaAnimationDuration);
+  return $animated && (0,external_styled_components_namespaceObject.css)(["animation:", " ", " infinite;animation-fill-mode:backwards;"], prismaBaseAnimation, prismaAnimationDuration);
 });
-var StyledPrismaFillPath = external_styled_components_default.a.circle.withConfig({
+var StyledPrismaFillPath = external_styled_components_default().circle.withConfig({
   displayName: "WaitSpinnerStyles__StyledPrismaFillPath",
   componentId: "sc-1nu971z-3"
-})(["fill:transparent;stroke-width:2;stroke:", ";stroke-dasharray:7 113;stroke-dashoffset:3;", ""], Object(themes_["pickVariant"])('$size', {
-  small: themes_["variables"].contentColorDefault,
-  medium: themes_["variables"].contentColorDefault,
-  large: themes_["variables"].interactiveColorPrimary
+})(["fill:transparent;stroke-width:2;stroke:", ";stroke-dasharray:7 113;stroke-dashoffset:3;", ""], (0,themes_namespaceObject.pickVariant)('$size', {
+  small: themes_namespaceObject.variables.contentColorDefault,
+  medium: themes_namespaceObject.variables.contentColorDefault,
+  large: themes_namespaceObject.variables.interactiveColorPrimary
 }), function (_ref3) {
   var $animated = _ref3.$animated;
-  return $animated && Object(external_styled_components_["css"])(["animation:", " ", " infinite;"], prismaFillAnimation, prismaAnimationDuration);
+  return $animated && (0,external_styled_components_namespaceObject.css)(["animation:", " ", " infinite;"], prismaFillAnimation, prismaAnimationDuration);
 });
-var StyledEnterpriseCircle = external_styled_components_default.a.circle.withConfig({
+var StyledEnterpriseCircle = external_styled_components_default().circle.withConfig({
   displayName: "WaitSpinnerStyles__StyledEnterpriseCircle",
   componentId: "sc-1nu971z-4"
-})(["fill:transparent;stroke:", ";stroke-width:2px;", ""], Object(themes_["pick"])({
+})(["fill:transparent;stroke:", ";stroke-width:2px;", ""], (0,themes_namespaceObject.pick)({
   enterprise: {
-    dark: themes_["variables"].white,
-    light: themes_["variables"].gray60
+    dark: themes_namespaceObject.variables.white,
+    light: themes_namespaceObject.variables.gray60
   },
-  prisma: themes_["variables"].contentColorMuted
-}), Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["stroke-dasharray:34 19;"])
+  prisma: themes_namespaceObject.variables.contentColorMuted
+}), (0,themes_namespaceObject.pick)({
+  enterprise: (0,external_styled_components_namespaceObject.css)(["stroke-dasharray:34 19;"])
 }));
 
-// CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinner.tsx
+;// 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); }
 
 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; }
@@ -219,48 +149,48 @@ 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,
-  size: external_prop_types_default.a.oneOf(['small', 'medium', 'large'])
+  elementRef: external_prop_types_default().oneOfType([(external_prop_types_default()).func, (external_prop_types_default()).object]),
+  screenReaderText: (external_prop_types_default()).string,
+  size: external_prop_types_default().oneOf(['small', 'medium', 'large'])
 };
 
 function WaitSpinner(_ref) {
   var elementRef = _ref.elementRef,
       _ref$screenReaderText = _ref.screenReaderText,
-      screenReaderText = _ref$screenReaderText === void 0 ? Object(i18n_["_"])('Waiting') : _ref$screenReaderText,
+      screenReaderText = _ref$screenReaderText === void 0 ? (0,i18n_namespaceObject._)('Waiting') : _ref$screenReaderText,
       _ref$size = _ref.size,
       size = _ref$size === void 0 ? 'small' : _ref$size,
       otherProps = _objectWithoutProperties(_ref, ["elementRef", "screenReaderText", "size"]);
 
   // @docs-props-type WaitSpinnerPropsBase
-  var animated = Object(AnimationToggle_["useAnimationToggle"])() === 'on';
+  var animated = (0,AnimationToggle_namespaceObject.useAnimationToggle)() === 'on';
 
-  var _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
+  var _useSplunkTheme = (0,themes_namespaceObject.useSplunkTheme)(),
       isPrisma = _useSplunkTheme.isPrisma;
 
   var viewBox = isPrisma ? '0 0 40 40' : '0 0 19 19';
-  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
+  return /*#__PURE__*/external_react_default().createElement(Styled, _extends({
     "data-test": "wait-spinner"
-  }, otherProps), /*#__PURE__*/external_react_default.a.createElement(StyledSvg, {
+  }, otherProps), /*#__PURE__*/external_react_default().createElement(StyledSvg, {
     viewBox: viewBox,
     version: "1.1",
     xmlns: "http://www.w3.org/2000/svg",
     ref: elementRef,
     $animated: animated,
     $size: size
-  }, screenReaderText && /*#__PURE__*/external_react_default.a.createElement("title", null, screenReaderText), /*#__PURE__*/external_react_default.a.createElement("g", null, isPrisma ? /*#__PURE__*/external_react_default.a.createElement(external_react_default.a.Fragment, null, /*#__PURE__*/external_react_default.a.createElement(StyledPrismaBasePath, {
+  }, screenReaderText && /*#__PURE__*/external_react_default().createElement("title", null, screenReaderText), /*#__PURE__*/external_react_default().createElement("g", null, isPrisma ? /*#__PURE__*/external_react_default().createElement((external_react_default()).Fragment, null, /*#__PURE__*/external_react_default().createElement(StyledPrismaBasePath, {
     r: "19",
     cx: "20",
     cy: "20",
     $animated: animated,
     $size: size
-  }), /*#__PURE__*/external_react_default.a.createElement(StyledPrismaFillPath, {
+  }), /*#__PURE__*/external_react_default().createElement(StyledPrismaFillPath, {
     r: "19",
     cx: "20",
     cy: "20",
     $animated: animated,
     $size: size
-  })) : /*#__PURE__*/external_react_default.a.createElement(StyledEnterpriseCircle, {
+  })) : /*#__PURE__*/external_react_default().createElement(StyledEnterpriseCircle, {
     cx: "9.5",
     cy: "9.5",
     r: "8.5"
@@ -268,31 +198,9 @@ function WaitSpinner(_ref) {
 }
 
 WaitSpinner.propTypes = propTypes;
-/* harmony default export */ var WaitSpinner_WaitSpinner = (WaitSpinner);
-// CONCATENATED MODULE: ./src/WaitSpinner/index.ts
-
-
-/***/ }),
-
-/***/ 3:
-/***/ (function(module, exports) {
-
-module.exports = require("styled-components");
-
-/***/ }),
-
-/***/ 4:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/ui-utils/i18n");
-
-/***/ }),
-
-/***/ 51:
-/***/ (function(module, exports) {
-
-module.exports = require("@splunk/react-ui/AnimationToggle");
-
-/***/ })
+/* harmony default export */ const WaitSpinner_WaitSpinner = (WaitSpinner);
+;// CONCATENATED MODULE: ./src/WaitSpinner/index.ts
 
-/******/ });
+module.exports = __webpack_exports__;
+/******/ })()
+;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.20.0",
+  "version": "4.21.0",
   "description": "Library of React components that implement the Splunk design language",
   "license": "Apache-2.0",
   "author": "Splunk Inc.",
@@ -42,7 +42,7 @@
     "@dnd-kit/sortable": "7.0.2",
     "@dnd-kit/utilities": "3.2.1",
     "@splunk/react-icons": "^4.0.2",
-    "@splunk/themes": "^0.16.1",
+    "@splunk/themes": "^0.16.2",
     "@splunk/ui-utils": "^1.6.0",
     "@types/commonmark": "^0.27.6",
     "@types/lodash": "^4.14.156",
@@ -66,16 +66,18 @@
     "@babel/core": "^7.2.0",
     "@babel/plugin-transform-runtime": "^7.18.6",
     "@splunk/babel-preset": "^4.0.0",
-    "@splunk/docs-gen": "1.0.0-beta.6",
+    "@splunk/docs-gen": "1.0.0-beta.7",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.6",
+    "@splunk/react-docs": "1.0.0-beta.7",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
-    "@splunk/webpack-configs": "^6.0.0",
+    "@splunk/webpack-configs": "^7.0.0",
     "@storybook/addon-a11y": "^6.5.9",
     "@storybook/addon-essentials": "^6.5.9",
     "@storybook/addon-interactions": "^6.5.9",
+    "@storybook/builder-webpack5": "^6.5.9",
     "@storybook/csf": "^0.0.1",
+    "@storybook/manager-webpack5": "^6.5.9",
     "@storybook/react": "^6.5.9",
     "@storybook/test-runner": "^0.9.0",
     "@storybook/testing-react": "^1.3.0",
@@ -94,7 +96,7 @@
     "@typescript-eslint/parser": "^4.8.2",
     "axe-html-reporter": "^2.2.3",
     "axe-playwright": "^1.1.11",
-    "babel-loader": "^8.0.4",
+    "babel-loader": "^8.3.0",
     "babel-plugin-istanbul": "^5.1.0",
     "babel-plugin-styled-components": "^1.10.7",
     "babel-plugin-transform-imports": "^2.0.0",
@@ -103,11 +105,10 @@
     "cross-env": "^6.0.3",
     "cypress": "^12.17.1",
     "cypress-real-events": "^1.9.1",
-    "docgen-loader": "^1.3.4",
     "eslint": "^7.14.0",
     "eslint-config-airbnb": "^18.2.1",
     "eslint-config-prettier": "^6.15.0",
-    "eslint-import-resolver-webpack": "^0.13.0",
+    "eslint-import-resolver-webpack": "^0.13.4",
     "eslint-plugin-cypress": "^2.12.1",
     "eslint-plugin-import": "^2.22.1",
     "eslint-plugin-jsx-a11y": "^6.4.1",
@@ -117,7 +118,6 @@
     "fs-extra": "^9.0.1",
     "fs-readdir-recursive": "^1.0.0",
     "glob": "^7.1.6",
-    "html-webpack-plugin": "^3.2.0",
     "http-server": "^14.1.1",
     "jest": "^26.6.3",
     "jest-image-snapshot": "^5.1.0",
@@ -127,7 +127,7 @@
     "playwright": "^1.23.3",
     "prismjs": "^1.25.0",
     "prompt": "^1.0.0",
-    "raw-loader": "^0.5.1",
+    "raw-loader": "^4.0.2",
     "react": "^16.12.0",
     "react-docgen": "^5.4.0",
     "react-dom": "^16.12.0",
@@ -135,12 +135,11 @@
     "sinon": "^2.1.0",
     "styled-components": "^5.3.10",
     "stylelint": "^13.0.0",
-    "ts-loader": "^6.2.1",
     "typescript": "^4.0.5",
-    "webpack": "^4.16.2",
-    "webpack-cli": "^4.9.2",
-    "webpack-dev-server": "^4.7.4",
-    "webpack-merge": "^4.1.3"
+    "webpack": "^5.88.2",
+    "webpack-cli": "^5.1.4",
+    "webpack-dev-server": "^4.15.1",
+    "webpack-merge": "^5.9.0"
   },
   "engines": {
     "node": ">=6"

package/stubs-splunkui.d.ts

@@ -87,6 +87,9 @@ declare module '@splunk/react-docs/DocExample' {
 }
 
 declare module '!!raw-loader!*' {
-    const contents: string;
+    const contents: {
+        default: string;
+    };
+
     export = contents;
 }

package/types/src/ComboBox/Option.d.ts

@@ -16,7 +16,7 @@ interface OptionPropsBase {
     description?: string;
     /**
      * The description text may appear to the right of the label or under the label.
-     * @themeNotes Themes that don't support 'right' fall back to 'bottom'.
+     * @themeNotes 'right' is only supported in enterprise themes. Unsupported values will fall back to ‘bottom’.
      */
     descriptionPosition?: 'right' | 'bottom';
     /**

package/types/src/Concertina/Concertina.d.ts

@@ -20,6 +20,10 @@ interface ConcertinaState {
     scrollEl: Element | null;
     targetTop?: number;
 }
+/**
+ * @deprecated
+ * Concertina has been deprecated and will be removed in a future major version.
+ */
 declare class Concertina extends Component<ConcertinaProps, ConcertinaState> {
     private panelPositions;
     static propTypes: React.WeakValidationMap<ClassComponentProps<ConcertinaPropsBase, {}, "div", never>>;

package/types/src/Link/Link.d.ts

@@ -17,10 +17,14 @@ interface LinkPropsBase {
      */
     elementRef?: React.Ref<HTMLButtonElement | HTMLAnchorElement>;
     /**
-     * To open the link in a new window, set `openInNewContext` to `true`. An icon is added
-     * indicating the behavior.
+     * Open the link in a new context. Usually this will open the location in a new tab,
+     * but may open in a new window depending on the user's browser and settings.
+     *
+     * An icon and a message is added to indicate this behavior to users.
+     * "(Opens new window)" is the default message. This can be customized by passing
+     * a string instead of boolean to `openInNewContext`.
      */
-    openInNewContext?: boolean;
+    openInNewContext?: boolean | string;
     /**
      * The URL or path to link to.
      */

package/types/src/Link/docs/examples/NewWindow.d.ts

@@ -0,0 +1,2 @@
+declare function NewWindow(): JSX.Element;
+export default NewWindow;

package/types/src/Markdown/Markdown.d.ts

@@ -120,7 +120,7 @@ declare type MarkdownProps = ComponentProps<MarkdownPropsBase, 'div'>;
  * The component prefers @splunk/react-ui components over plain HTML components. For example
  * links are rendered as the `@splunk/react-ui/Link` component instead of plain `<a>` tag.
  */
-declare function Markdown({ blockquoteRenderer, codeBlockRenderer, codeRenderer, headingRenderer, imageRenderer, itemRenderer, linkRenderer, listRenderer, paragraphRenderer, text, ...otherProps }: MarkdownProps): JSX.Element;
+declare function Markdown({ blockquoteRenderer, codeBlockRenderer, codeRenderer, elementRef, headingRenderer, imageRenderer, itemRenderer, linkRenderer, listRenderer, paragraphRenderer, text, ...otherProps }: MarkdownProps): JSX.Element;
 declare namespace Markdown {
     var propTypes: {
         blockquoteRenderer: PropTypes.Requireable<(...args: any[]) => any>;

package/types/src/Markdown/renderers/MarkdownHeading.d.ts

@@ -2,7 +2,7 @@ import React from 'react';
 import PropTypes from 'prop-types';
 import { ComponentProps } from '../../utils/types';
 interface MarkdownHeadingPropsBase {
-    children: React.ReactNode[];
+    children: React.ReactNode | React.ReactNode[];
     level: 1 | 2 | 3 | 4 | 5 | 6;
 }
 declare type MarkdownHeadingProps = ComponentProps<MarkdownHeadingPropsBase, 'h1'>;

package/types/src/Menu/Item.d.ts

@@ -19,7 +19,7 @@ interface ItemPropsBase {
     description?: string;
     /**
      * The description text might appear to the right of the label or under the label.
-     * @themeNotes Themes that don't support 'right' fall back to 'bottom'.
+     * @themeNotes 'right' is only supported in enterprise themes. Unsupported values will fall back to ‘bottom’.
      */
     descriptionPosition?: 'right' | 'bottom';
     /**

package/types/src/Menu/Menu.d.ts

@@ -7,6 +7,7 @@ import { ClassComponentProps } from '../utils/types';
 interface MenuPropsBase {
     /**
      * Must be `Menu.Item`, `Menu.Heading`, or `Menu.Divider`.
+     * Interactive elements are not supported as children.
      */
     children?: React.ReactNode;
     /**

package/types/src/MessageBar/docs/examples/WithActions.d.ts

@@ -0,0 +1,2 @@
+declare function WithActions(): JSX.Element;
+export default WithActions;

package/types/src/Multiselect/Option.d.ts

@@ -22,7 +22,7 @@ interface OptionPropsBase {
     description?: string;
     /**
      * The description text may appear to the right of the label or under the label.
-     * @themeNotes Themes that don't support 'right' fall back to 'bottom'.
+     * @themeNotes 'right' is only supported in enterprise themes. Unsupported values will fall back to ‘bottom’.
      */
     descriptionPosition?: 'right' | 'bottom';
     /**

package/types/src/Search/Option.d.ts

@@ -18,7 +18,7 @@ interface OptionPropsBase {
     description?: string;
     /**
      * The description text may appear to the right of the label or under the label.
-     * @themeNotes Themes that don't support 'right' fall back to 'bottom'.
+     * @themeNotes 'right' is only supported in enterprise themes. Unsupported values will fall back to ‘bottom’.
      */
     descriptionPosition?: 'right' | 'bottom';
     /**

package/types/src/Select/Option.d.ts

@@ -16,7 +16,7 @@ interface OptionPropsBase {
     description?: string;
     /**
      * The description text may appear to the right of the label or under the label.
-     * @themeNotes Themes that don't support 'right' fall back to 'bottom'.
+     * @themeNotes 'right' is only supported in enterprise themes. Unsupported values will fall back to ‘bottom’.
      */
     descriptionPosition?: 'right' | 'bottom';
     /**