@splunk/react-ui 4.20.0 → 4.21.1

package/WaitSpinner.js

@@ -1,298 +1,230 @@
-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: {}
-/******/ 		};
-/******/
-/******/ 		// 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";
-// 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
-
-
-var Styled = external_styled_components_default.a.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;}"]);
-var prismaAnimationDuration = '2.07s';
-var StyledSvg = external_styled_components_default.a.svg.withConfig({
-  displayName: "WaitSpinnerStyles__StyledSvg",
-  componentId: "sc-1nu971z-1"
-})(["", " ", ""], Object(themes_["pickVariant"])('$size', {
-  small: {
-    enterprise: Object(external_styled_components_["css"])(["width:14px;height:14px;"]),
-    prisma: Object(external_styled_components_["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;"])
-  },
-  large: {
-    enterprise: Object(external_styled_components_["css"])(["width:19px;height:19px;"]),
-    prisma: Object(external_styled_components_["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)
-  });
-});
-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({
-  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) {
-  var $animated = _ref2.$animated;
-  return $animated && Object(external_styled_components_["css"])(["animation:", " ", " infinite;animation-fill-mode:backwards;"], prismaBaseAnimation, prismaAnimationDuration);
-});
-var StyledPrismaFillPath = external_styled_components_default.a.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
-}), function (_ref3) {
-  var $animated = _ref3.$animated;
-  return $animated && Object(external_styled_components_["css"])(["animation:", " ", " infinite;"], prismaFillAnimation, prismaAnimationDuration);
-});
-var StyledEnterpriseCircle = external_styled_components_default.a.circle.withConfig({
-  displayName: "WaitSpinnerStyles__StyledEnterpriseCircle",
-  componentId: "sc-1nu971z-4"
-})(["fill:transparent;stroke:", ";stroke-width:2px;", ""], Object(themes_["pick"])({
-  enterprise: {
-    dark: themes_["variables"].white,
-    light: themes_["variables"].gray60
-  },
-  prisma: themes_["variables"].contentColorMuted
-}), Object(themes_["pick"])({
-  enterprise: Object(external_styled_components_["css"])(["stroke-dasharray:34 19;"])
-}));
-
-// 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; }
-
-function _objectWithoutPropertiesLoose(source, excluded) { if (source == null) return {}; var target = {}; var sourceKeys = Object.keys(source); var key, i; for (i = 0; i < sourceKeys.length; i++) { key = sourceKeys[i]; if (excluded.indexOf(key) >= 0) continue; target[key] = source[key]; } return target; }
-
-
-
-
-
-
-
-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'])
-};
-
-function WaitSpinner(_ref) {
-  var elementRef = _ref.elementRef,
-      _ref$screenReaderText = _ref.screenReaderText,
-      screenReaderText = _ref$screenReaderText === void 0 ? Object(i18n_["_"])('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 _useSplunkTheme = Object(themes_["useSplunkTheme"])(),
-      isPrisma = _useSplunkTheme.isPrisma;
-
-  var viewBox = isPrisma ? '0 0 40 40' : '0 0 19 19';
-  return /*#__PURE__*/external_react_default.a.createElement(Styled, _extends({
-    "data-test": "wait-spinner"
-  }, otherProps), /*#__PURE__*/external_react_default.a.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, {
-    r: "19",
-    cx: "20",
-    cy: "20",
-    $animated: animated,
-    $size: size
-  }), /*#__PURE__*/external_react_default.a.createElement(StyledPrismaFillPath, {
-    r: "19",
-    cx: "20",
-    cy: "20",
-    $animated: animated,
-    $size: size
-  })) : /*#__PURE__*/external_react_default.a.createElement(StyledEnterpriseCircle, {
-    cx: "9.5",
-    cy: "9.5",
-    r: "8.5"
-  }))));
-}
-
-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");
-
-/***/ })
-
-/******/ });
+/******/ (() => {
+    // webpackBootstrap
+    /******/ "use strict";
+    /******/ // The require scope
+    /******/    var e = {};
+    /******/
+    /************************************************************************/
+    /******/ /* webpack/runtime/compat get default export */
+    /******/    (() => {
+        /******/ // getDefaultExport function for compatibility with non-harmony modules
+        /******/ e.n = t => {
+            /******/ var r = t && t.__esModule ? 
+            /******/ () => t["default"]
+            /******/ : () => t
+            /******/;
+            e.d(r, {
+                a: r
+            });
+            /******/            return r;
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/define property getters */
+    /******/    (() => {
+        /******/ // define getter functions for harmony exports
+        /******/ e.d = (t, r) => {
+            /******/ for (var i in r) {
+                /******/ if (e.o(r, i) && !e.o(t, i)) {
+                    /******/ Object.defineProperty(t, i, {
+                        enumerable: true,
+                        get: r[i]
+                    });
+                    /******/                }
+                /******/            }
+            /******/        };
+        /******/    })();
+    /******/
+    /******/ /* webpack/runtime/hasOwnProperty shorthand */
+    /******/    (() => {
+        /******/ e.o = (e, t) => Object.prototype.hasOwnProperty.call(e, t)
+        /******/;
+    })();
+    /******/
+    /******/ /* webpack/runtime/make namespace object */
+    /******/    (() => {
+        /******/ // define __esModule on exports
+        /******/ e.r = e => {
+            /******/ if (typeof Symbol !== "undefined" && Symbol.toStringTag) {
+                /******/ Object.defineProperty(e, Symbol.toStringTag, {
+                    value: "Module"
+                });
+                /******/            }
+            /******/            Object.defineProperty(e, "__esModule", {
+                value: true
+            });
+            /******/        };
+        /******/    })();
+    /******/
+    /************************************************************************/    var t = {};
+    // ESM COMPAT FLAG
+        e.r(t);
+    // EXPORTS
+        e.d(t, {
+        default: () => /* reexport */ _
+    });
+    // CONCATENATED MODULE: external "react"
+    const r = require("react");
+    var i =  e.n(r);
+    // CONCATENATED MODULE: external "prop-types"
+    const a = require("prop-types");
+    var n =  e.n(a);
+    // CONCATENATED MODULE: external "@splunk/react-ui/AnimationToggle"
+    const s = require("@splunk/react-ui/AnimationToggle");
+    // CONCATENATED MODULE: external "@splunk/themes"
+    const o = require("@splunk/themes");
+    // CONCATENATED MODULE: external "@splunk/ui-utils/i18n"
+    const l = require("@splunk/ui-utils/i18n");
+    // CONCATENATED MODULE: external "styled-components"
+    const c = require("styled-components");
+    var m =  e.n(c);
+    // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinnerStyles.ts
+    var p = m().div.withConfig({
+        displayName: "WaitSpinnerStyles__Styled",
+        componentId: "sc-1nu971z-0"
+    })([ "", ";align-items:center;" ], o.mixins.reset("inline-flex"));
+    var f = (0, c.keyframes)([ "100%{transform:rotate(360deg);}" ]);
+    var d = (0, c.keyframes)([ "0%{transform:scale(0);opacity:0;}100%{transform:scale(1);opacity:1;}" ]);
+    var u = "2.07s";
+    var y = m().svg.withConfig({
+        displayName: "WaitSpinnerStyles__StyledSvg",
+        componentId: "sc-1nu971z-1"
+    })([ "", " ", "" ], (0, o.pickVariant)("$size", {
+        small: {
+            enterprise: (0, c.css)([ "width:14px;height:14px;" ]),
+            prisma: (0, c.css)([ "width:16px;height:16px;" ])
+        },
+        medium: {
+            enterprise: (0, c.css)([ "width:19px;height:19px;" ]),
+            prisma: (0, c.css)([ "width:24px;height:24px;" ])
+        },
+        large: {
+            enterprise: (0, c.css)([ "width:19px;height:19px;" ]),
+            prisma: (0, c.css)([ "width:40px;height:40px;" ])
+        }
+    }), (function(e) {
+        var t = e.$animated;
+        return t && (0, o.pick)({
+            enterprise: (0, c.css)([ "transform-origin:center;animation:", " 1.2s steps(64) infinite;" ], f),
+            prisma: (0, c.css)([ "animation:", " ", " infinite linear,", " 500ms cubic-bezier(0.01,0,0,1);" ], f, u, d)
+        });
+    }));
+    var h = (0, c.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 v = (0, c.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 g = m().circle.withConfig({
+        displayName: "WaitSpinnerStyles__StyledPrismaBasePath",
+        componentId: "sc-1nu971z-2"
+    })([ "stroke:", ";stroke-width:2;fill:transparent;", " stroke-dasharray:110 10;stroke-dashoffset:-5.5;" ], o.variables.contentColorDisabled, (function(e) {
+        var t = e.$animated;
+        return t && (0, c.css)([ "animation:", " ", " infinite;animation-fill-mode:backwards;" ], h, u);
+    }));
+    var k = m().circle.withConfig({
+        displayName: "WaitSpinnerStyles__StyledPrismaFillPath",
+        componentId: "sc-1nu971z-3"
+    })([ "fill:transparent;stroke-width:2;stroke:", ";stroke-dasharray:7 113;stroke-dashoffset:3;", "" ], (0, 
+    o.pickVariant)("$size", {
+        small: o.variables.contentColorDefault,
+        medium: o.variables.contentColorDefault,
+        large: o.variables.interactiveColorPrimary
+    }), (function(e) {
+        var t = e.$animated;
+        return t && (0, c.css)([ "animation:", " ", " infinite;" ], v, u);
+    }));
+    var b = m().circle.withConfig({
+        displayName: "WaitSpinnerStyles__StyledEnterpriseCircle",
+        componentId: "sc-1nu971z-4"
+    })([ "fill:transparent;stroke:", ";stroke-width:2px;", "" ], (0, o.pick)({
+        enterprise: {
+            dark: o.variables.white,
+            light: o.variables.gray60
+        },
+        prisma: o.variables.contentColorMuted
+    }), (0, o.pick)({
+        enterprise: (0, c.css)([ "stroke-dasharray:34 19;" ])
+    }));
+    // CONCATENATED MODULE: ./src/WaitSpinner/WaitSpinner.tsx
+    function w() {
+        w = Object.assign || function(e) {
+            for (var t = 1; t < arguments.length; t++) {
+                var r = arguments[t];
+                for (var i in r) {
+                    if (Object.prototype.hasOwnProperty.call(r, i)) {
+                        e[i] = r[i];
+                    }
+                }
+            }
+            return e;
+        };
+        return w.apply(this, arguments);
+    }
+    function x(e, t) {
+        if (e == null) return {};
+        var r = S(e, t);
+        var i, a;
+        if (Object.getOwnPropertySymbols) {
+            var n = Object.getOwnPropertySymbols(e);
+            for (a = 0; a < n.length; a++) {
+                i = n[a];
+                if (t.indexOf(i) >= 0) continue;
+                if (!Object.prototype.propertyIsEnumerable.call(e, i)) continue;
+                r[i] = e[i];
+            }
+        }
+        return r;
+    }
+    function S(e, t) {
+        if (e == null) return {};
+        var r = {};
+        var i = Object.keys(e);
+        var a, n;
+        for (n = 0; n < i.length; n++) {
+            a = i[n];
+            if (t.indexOf(a) >= 0) continue;
+            r[a] = e[a];
+        }
+        return r;
+    }
+    var z = {
+        elementRef: n().oneOfType([ n().func, n().object ]),
+        screenReaderText: n().string,
+        size: n().oneOf([ "small", "medium", "large" ])
+    };
+    function O(e) {
+        var t = e.elementRef, r = e.screenReaderText, a = r === void 0 ? (0, l._)("Waiting") : r, n = e.size, c = n === void 0 ? "small" : n, m = x(e, [ "elementRef", "screenReaderText", "size" ]);
+        // @docs-props-type WaitSpinnerPropsBase
+                var f = (0, s.useAnimationToggle)() === "on";
+        var d = (0, o.useSplunkTheme)(), u = d.isPrisma;
+        var h = u ? "0 0 40 40" : "0 0 19 19";
+        
+        return i().createElement(p, w({
+            "data-test": "wait-spinner"
+        }, m),  i().createElement(y, {
+            viewBox: h,
+            version: "1.1",
+            xmlns: "http://www.w3.org/2000/svg",
+            ref: t,
+            $animated: f,
+            $size: c
+        }, a &&  i().createElement("title", null, a),  i().createElement("g", null, u ?  i().createElement(i().Fragment, null,  i().createElement(g, {
+            r: "19",
+            cx: "20",
+            cy: "20",
+            $animated: f,
+            $size: c
+        }),  i().createElement(k, {
+            r: "19",
+            cx: "20",
+            cy: "20",
+            $animated: f,
+            $size: c
+        })) :  i().createElement(b, {
+            cx: "9.5",
+            cy: "9.5",
+            r: "8.5"
+        }))));
+    }
+    O.propTypes = z;
+    /* harmony default export */    const _ = O;
+    // CONCATENATED MODULE: ./src/WaitSpinner/index.ts
+    module.exports = t;
+    /******/})();

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@splunk/react-ui",
-  "version": "4.20.0",
+  "version": "4.21.1",
   "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.3",
     "@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.8",
     "@splunk/eslint-config": "^4.0.0",
-    "@splunk/react-docs": "1.0.0-beta.6",
+    "@splunk/react-docs": "1.0.0-beta.8",
     "@splunk/stylelint-config": "^4.0.0",
     "@splunk/test-runner-utils": "^0.4.1",
-    "@splunk/webpack-configs": "^6.0.0",
+    "@splunk/webpack-configs": "^7.0.1",
     "@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"