es-components 21.14.0 → 21.14.1

package/cjs/index.js

@@ -10,8 +10,8 @@ try {
 }
 'use strict';
 
-var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _extends = require('@babel/runtime-corejs3/helpers/extends');
+var _defineProperty = require('@babel/runtime-corejs3/helpers/defineProperty');
 var _slicedToArray = require('@babel/runtime-corejs3/helpers/slicedToArray');
 var _objectWithoutProperties = require('@babel/runtime-corejs3/helpers/objectWithoutProperties');
 require('core-js/modules/es.symbol.js');
@@ -22,37 +22,48 @@ require('core-js/modules/es.object.get-own-property-descriptors.js');
 require('core-js/modules/es.object.keys.js');
 require('core-js/modules/es.object.to-string.js');
 require('core-js/modules/es.promise.js');
+require('core-js/modules/esnext.iterator.constructor.js');
+require('core-js/modules/esnext.iterator.filter.js');
+require('core-js/modules/esnext.iterator.for-each.js');
 require('core-js/modules/web.dom-collections.for-each.js');
 var React = require('react');
 var PropTypes = require('prop-types');
 var _asyncToGenerator = require('@babel/runtime-corejs3/helpers/asyncToGenerator');
 var _regeneratorRuntime = require('@babel/runtime-corejs3/regenerator');
 require('core-js/modules/es.array.concat.js');
-var styled$1 = require('styled-components');
 var _toConsumableArray = require('@babel/runtime-corejs3/helpers/toConsumableArray');
 require('core-js/modules/es.function.name.js');
 require('core-js/modules/es.regexp.exec.js');
 require('core-js/modules/es.regexp.test.js');
 require('core-js/modules/es.regexp.to-string.js');
 require('core-js/modules/es.string.trim.js');
+var styled$1 = require('styled-components');
 require('get-root-node-polyfill/implement');
 var _createClass = require('@babel/runtime-corejs3/helpers/createClass');
 var _classCallCheck = require('@babel/runtime-corejs3/helpers/classCallCheck');
 var _possibleConstructorReturn = require('@babel/runtime-corejs3/helpers/possibleConstructorReturn');
 var _getPrototypeOf = require('@babel/runtime-corejs3/helpers/getPrototypeOf');
-var _assertThisInitialized = require('@babel/runtime-corejs3/helpers/assertThisInitialized');
 var _inherits = require('@babel/runtime-corejs3/helpers/inherits');
 var _wrapNativeSuper = require('@babel/runtime-corejs3/helpers/wrapNativeSuper');
 require('core-js/modules/es.error.cause.js');
 require('core-js/modules/es.reflect.construct.js');
-require('core-js/modules/es.reflect.to-string-tag.js');
 require('core-js/modules/es.string.replace.js');
+require('core-js/modules/esnext.iterator.some.js');
 require('core-js/modules/es.array.includes.js');
 require('core-js/modules/es.array.iterator.js');
 require('core-js/modules/es.array.map.js');
 require('core-js/modules/es.set.js');
 require('core-js/modules/es.string.includes.js');
 require('core-js/modules/es.string.iterator.js');
+require('core-js/modules/esnext.iterator.every.js');
+require('core-js/modules/esnext.iterator.map.js');
+require('core-js/modules/esnext.set.difference.v2.js');
+require('core-js/modules/esnext.set.intersection.v2.js');
+require('core-js/modules/esnext.set.is-disjoint-from.v2.js');
+require('core-js/modules/esnext.set.is-subset-of.v2.js');
+require('core-js/modules/esnext.set.is-superset-of.v2.js');
+require('core-js/modules/esnext.set.symmetric-difference.v2.js');
+require('core-js/modules/esnext.set.union.v2.js');
 require('core-js/modules/web.dom-collections.iterator.js');
 var AnimateHeight = require('react-animate-height');
 var _taggedTemplateLiteral = require('@babel/runtime-corejs3/helpers/taggedTemplateLiteral');
@@ -60,6 +71,7 @@ require('core-js/modules/es.array.join.js');
 require('core-js/modules/es.array.flat.js');
 require('core-js/modules/es.array.unscopables.flat.js');
 require('core-js/modules/es.object.entries.js');
+require('core-js/modules/esnext.iterator.reduce.js');
 var react = require('@floating-ui/react');
 var Transition = require('react-transition-group/Transition');
 require('core-js/modules/es.object.has-own.js');
@@ -69,10 +81,13 @@ var ReactModal = require('react-modal');
 require('core-js/modules/es.object.assign.js');
 var reactOverlays = require('react-overlays');
 require('core-js/modules/es.array.find-index.js');
+require('core-js/modules/esnext.iterator.to-array.js');
 require('core-js/modules/es.array.find.js');
 require('core-js/modules/es.array.flat-map.js');
 require('core-js/modules/es.array.unscopables.flat-map.js');
 require('core-js/modules/es.string.match.js');
+require('core-js/modules/esnext.iterator.find.js');
+require('core-js/modules/esnext.iterator.flat-map.js');
 var MaskedInput = require('@im-open/react-text-mask');
 var createAutoCorrectedDatePipeOrig = require('text-mask-addons/dist/createAutoCorrectedDatePipe');
 var createNumberMaskOrig = require('text-mask-addons/dist/createNumberMask');
@@ -86,28 +101,27 @@ require('core-js/modules/web.btoa.js');
 require('core-js/modules/web.dom-exception.constructor.js');
 require('core-js/modules/web.dom-exception.stack.js');
 require('core-js/modules/web.dom-exception.to-string-tag.js');
-require('core-js/modules/es.symbol.description.js');
 require('core-js/modules/es.symbol.iterator.js');
 require('core-js/modules/es.number.constructor.js');
 require('core-js/modules/es.number.is-finite.js');
+require('core-js/modules/es.symbol.description.js');
 
 function _interopDefaultCompat (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
 
-var _defineProperty__default = /*#__PURE__*/_interopDefaultCompat(_defineProperty);
 var _extends__default = /*#__PURE__*/_interopDefaultCompat(_extends);
+var _defineProperty__default = /*#__PURE__*/_interopDefaultCompat(_defineProperty);
 var _slicedToArray__default = /*#__PURE__*/_interopDefaultCompat(_slicedToArray);
 var _objectWithoutProperties__default = /*#__PURE__*/_interopDefaultCompat(_objectWithoutProperties);
 var React__default = /*#__PURE__*/_interopDefaultCompat(React);
 var PropTypes__default = /*#__PURE__*/_interopDefaultCompat(PropTypes);
 var _asyncToGenerator__default = /*#__PURE__*/_interopDefaultCompat(_asyncToGenerator);
 var _regeneratorRuntime__default = /*#__PURE__*/_interopDefaultCompat(_regeneratorRuntime);
-var styled__default = /*#__PURE__*/_interopDefaultCompat(styled$1);
 var _toConsumableArray__default = /*#__PURE__*/_interopDefaultCompat(_toConsumableArray);
+var styled__default = /*#__PURE__*/_interopDefaultCompat(styled$1);
 var _createClass__default = /*#__PURE__*/_interopDefaultCompat(_createClass);
 var _classCallCheck__default = /*#__PURE__*/_interopDefaultCompat(_classCallCheck);
 var _possibleConstructorReturn__default = /*#__PURE__*/_interopDefaultCompat(_possibleConstructorReturn);
 var _getPrototypeOf__default = /*#__PURE__*/_interopDefaultCompat(_getPrototypeOf);
-var _assertThisInitialized__default = /*#__PURE__*/_interopDefaultCompat(_assertThisInitialized);
 var _inherits__default = /*#__PURE__*/_interopDefaultCompat(_inherits);
 var _wrapNativeSuper__default = /*#__PURE__*/_interopDefaultCompat(_wrapNativeSuper);
 var AnimateHeight__default = /*#__PURE__*/_interopDefaultCompat(AnimateHeight);
@@ -150,8 +164,8 @@ function useLoadingState() {
     _useMountedOnlyState2 = _slicedToArray__default["default"](_useMountedOnlyState, 2),
     isLoading = _useMountedOnlyState2[0],
     setIsLoading = _useMountedOnlyState2[1];
-  var start = React.useCallback( /*#__PURE__*/function () {
-    var _ref = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(theOperation) {
+  var start = React.useCallback(/*#__PURE__*/function () {
+    var _ref = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(theOperation) {
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
           case 0:
@@ -181,6 +195,240 @@ function useLoadingState() {
   return [isLoading, start];
 }
 
+function useMonitoringEffect() {
+  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
+    args[_key] = arguments[_key];
+  }
+  var effect = args[0],
+    depsOrMonitor = args[1],
+    monitor = args[2];
+  var depsIncluded = args.length === 3;
+  var deps = depsIncluded ? depsOrMonitor : undefined;
+  var monitorValue = depsIncluded ? monitor : depsOrMonitor;
+  var monitorRef = React.useRef(monitorValue);
+  monitorRef.current = monitorValue;
+  var effectRef = React.useRef(effect);
+  effectRef.current = effect;
+  React.useEffect(function () {
+    return effectRef.current(monitorRef.current);
+  }, deps || []); // eslint-disable-line react-hooks/exhaustive-deps
+}
+
+/* eslint-disable @typescript-eslint/no-explicit-any */
+
+/* eslint-enable @typescript-eslint/no-explicit-any */
+
+function useMonitoringCallback() {
+  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
+    args[_key2] = arguments[_key2];
+  }
+  var callback = args[0],
+    depsOrMonitor = args[1],
+    monitor = args[2];
+  var depsIncluded = args.length === 3;
+  var callbackRef = React.useRef(callback);
+  callbackRef.current = callback;
+  var deps = depsIncluded ? depsOrMonitor : [];
+  var monitorValue = depsIncluded ? monitor : depsOrMonitor;
+  var monitorRef = React.useRef(monitorValue);
+  monitorRef.current = monitorValue;
+
+  /* eslint-disable react-hooks/exhaustive-deps */
+  var monitoredCallback = React.useCallback(function () {
+    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
+      args[_key3] = arguments[_key3];
+    }
+    var result = callbackRef.current.apply(callbackRef, [monitorRef.current].concat(args));
+    // eslint seems to think this is unsafe, but it's not
+    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
+    return result;
+  }, deps);
+  /* eslint-enable react-hooks/exhaustive-deps */
+
+  return monitoredCallback;
+}
+
+var _excluded$14 = ["showWhileRunning", "children", "waiting", "onClick"];
+function ownKeys$Q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$Q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$Q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$Q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var voidClick = function voidClick() {
+  return Promise.resolve();
+};
+function withLoadingStateWhileRunning(ButtonComponent) {
+  var ButtonWithLoadingState = /*#__PURE__*/React__default["default"].forwardRef(function () {
+    var ForwardedButtonWithLoadingState = function ForwardedButtonWithLoadingState(_ref, ref) {
+      var runningContent = _ref.showWhileRunning,
+        children = _ref.children,
+        waiting = _ref.waiting,
+        _ref$onClick = _ref.onClick,
+        onClick = _ref$onClick === void 0 ? voidClick : _ref$onClick,
+        otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$14);
+      var _useLoadingState = useLoadingState(),
+        _useLoadingState2 = _slicedToArray__default["default"](_useLoadingState, 2),
+        isRunning = _useLoadingState2[0],
+        showRunningWhile = _useLoadingState2[1];
+      var runOperation = useMonitoringCallback(function (currentOnClick) {
+        for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+          params[_key - 1] = arguments[_key];
+        }
+        if (runningContent && !isRunning) return void showRunningWhile(currentOnClick.apply(void 0, params));
+        return void currentOnClick.apply(void 0, params);
+      }, [isRunning, runningContent, showRunningWhile], onClick);
+      var buttonProps = _objectSpread$Q(_objectSpread$Q({}, otherProps), {}, {
+        waiting: waiting || isRunning,
+        onClick: runOperation,
+        children: isRunning && runningContent || children
+      });
+      return /*#__PURE__*/React__default["default"].createElement(ButtonComponent, _extends__default["default"]({}, buttonProps, {
+        ref: ref
+      }));
+    };
+    ForwardedButtonWithLoadingState.propTypes = _objectSpread$Q(_objectSpread$Q({
+      children: PropTypes__default["default"].node
+    }, ButtonComponent.propTypes || {}), {}, {
+      showWhileRunning: PropTypes__default["default"].node,
+      onClick: PropTypes__default["default"].func
+    });
+    return ForwardedButtonWithLoadingState;
+  }());
+  return ButtonWithLoadingState;
+}
+
+/* This file is auto-generated using `npm run generate-icon-names` */
+var iconNames = ["accessibility", "add-circle", "add", "agent", "alarm-clock", "align-center", "align-justify", "align-left", "align-right", "archive-folder", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "asterisk", "attachment", "bathtub", "being-sick", "bell", "bicycle", "blood-drop", "bold", "bone", "book", "bookmark", "bot", "boy", "brain", "briefcase", "broken-leg", "bullhorn", "calculator", "calendar", "call-transfer", "camera", "cash-in-hand", "cell", "certificate-ribbon", "certificate", "change", "check-document", "checkbox-checked", "checkbox", "checked", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "christmas-gift", "circle-arrow-down", "circle-arrow-left", "circle-arrow-right", "circle-arrow-up", "clear-filters", "click-and-collect", "clinic", "cog", "comment", "comments", "compass", "confusion", "copy", "cut", "dashboard", "denied", "desktop", "detour", "disabled-access", "discussion", "divide", "dna-helix", "doctors-bag", "dollar-sign", "double-chevron-down", "double-chevron-left", "double-chevron-right", "double-chevron-up", "download-alt", "download", "edit-document", "edit", "element-block", "element-page", "element-section", "envelope", "exclamation-circle", "exclamation-sign", "exclamation", "exit", "export", "external-link", "eye-closed", "eye-open", "federal", "file-download", "file-open", "file", "fill", "film", "fire", "flag-empty", "flag-filled", "flash", "folder-close", "folder-open", "folder-up-level", "font", "for-you", "form-agreement", "form-checkbox", "form-dropdown", "form-number", "form-radio", "form-text-box", "form-text", "fullscreen", "funnel", "girl", "glasses", "globe", "glucometer", "hand-down", "hand-left", "hand-right", "hand-up", "handshake-heart", "header", "health-checkup", "health", "hearing-aid", "hearing", "heart-empty", "heart-filled", "heart-plus", "helping-hand", "history", "home", "hourglass", "house", "household", "hyperlink", "idea", "in-progress", "inbox", "indent-left", "indent-right", "info-circle", "info-popup", "info-squared", "info", "internal-call", "italic", "keyhole-shield", "kidney", "leaf", "lightning-bolt", "list-numbered", "list-thumbnails", "list-unordered", "list", "liver", "lock-open", "lock", "log-in", "log-out", "logout-rounded-left", "lungs", "mailbox-closed-flag-down", "male-user", "man", "map-marker", "map-with-marker", "measuring-tape", "medical-doctor", "medical", "menu-btn", "message", "minus-circle", "minus", "molecule", "moleskine", "money", "move", "muscle", "network", "neuron", "new-window", "no-symbol", "non-smoker", "notepad", "ok-circle", "ok", "options-horizontal", "options-vertical", "out-of-network", "out-patient-department", "outgoing-call", "paragraph", "paste", "pause", "paycheck", "paycheque", "phone-analog", "phone", "physical-therapy", "picture", "piggy-bank", "play-circle", "play", "policy-document", "power", "prescription-pill-bottle", "prescription", "print", "profile", "profit", "purchase-order", "push-pin", "question-circle", "question", "questions", "random", "read-message", "redo", "refresh", "remove-circle", "remove", "repeat", "reply-arrow", "resize-full", "resize-horizontal", "resize-small", "resize-vertical", "retweet", "road", "rod-of-asclepius", "rubber-stamp", "rx", "save", "scale", "screenshot", "search-property", "search", "security-checked", "share", "shopping-cart", "skin", "skip-to-start", "smoker", "sms", "sort-alpha-reverse", "sort-alpha", "sort-ascending", "sort-descending", "sort-num-reverse", "sort-num", "sort", "speak-to-expert", "speech-bubble-with-dots", "speech-bubble", "spouse", "star-empty", "star-filled", "stats", "stethoscope", "stock-growth", "stomach", "submit-document", "switch", "tag", "tags", "tasks", "text-color", "text-height", "text-size", "text-width", "thumbnails-large", "thumbnails", "thumbs-down", "thumbs-up", "time", "today", "tooth", "transfer", "trash", "trophy", "truck", "trust", "tune", "umbrella", "underline", "undo", "upload", "urgent-message", "user-secured", "user-shield", "user", "users", "video", "voice-check", "walker", "wallet", "woman", "wrench", "zoom-in", "zoom-out"];
+
+var buttonSizes = ['lg', 'sm', 'xs', 'default'];
+var buttonVariantStyleTypes = ['primary', 'default', 'darkDefault', 'success', 'danger', 'warning', 'info', 'information', 'magenta', 'violet'];
+var validationStyleTypes = ['success', 'info', 'warning', 'danger', 'advisor', 'default'];
+var headingLevel = [1, 2, 3, 4, 5, 6];
+
+function useRootNode(initialRoot) {
+  var _useState = React.useState(initialRoot),
+    _useState2 = _slicedToArray__default["default"](_useState, 2),
+    rootNode = _useState2[0],
+    setRootNode = _useState2[1];
+  var nodeRef = React.useCallback(function (node) {
+    if (!node) return;
+    var foundRoot = node.getRootNode();
+    var targetNode = foundRoot.body || foundRoot;
+    if (initialRoot !== targetNode) setRootNode(targetNode);
+  }, [initialRoot]);
+  return [rootNode, nodeRef];
+}
+function useRootNodeLocator(initialRoot) {
+  var _useRootNode = useRootNode(initialRoot),
+    _useRootNode2 = _slicedToArray__default["default"](_useRootNode, 2),
+    rootNode = _useRootNode2[0],
+    rootNodeRef = _useRootNode2[1];
+  var RootNodeInput = React.useCallback(function () {
+    return /*#__PURE__*/React__default["default"].createElement("input", {
+      type: "hidden",
+      ref: rootNodeRef
+    });
+  }, [rootNodeRef]);
+  return [rootNode, RootNodeInput];
+}
+var RootNodeContext = /*#__PURE__*/React__default["default"].createContext(undefined);
+function useRootNodeContext() {
+  return React__default["default"].useContext(RootNodeContext);
+}
+function RootNodeProvider(_ref) {
+  var children = _ref.children;
+  var _useRootNodeLocator = useRootNodeLocator(document.body),
+    _useRootNodeLocator2 = _slicedToArray__default["default"](_useRootNodeLocator, 2),
+    parentNode = _useRootNodeLocator2[0],
+    ParentNodeInput = _useRootNodeLocator2[1];
+  return /*#__PURE__*/React__default["default"].createElement(RootNodeContext.Provider, {
+    value: parentNode
+  }, /*#__PURE__*/React__default["default"].createElement(ParentNodeInput, null), children);
+}
+
+function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function _callSuper(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
+function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
+var NodeError = /*#__PURE__*/function (_Error) {
+  function NodeError(node) {
+    var _this;
+    _classCallCheck__default["default"](this, NodeError);
+    for (var _len = arguments.length, errorArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      errorArgs[_key - 1] = arguments[_key];
+    }
+    _this = _callSuper(this, NodeError, [].concat(errorArgs));
+    _defineProperty__default["default"](_this, "node", void 0);
+    _this.node = node;
+    return _this;
+  }
+  _inherits__default["default"](NodeError, _Error);
+  return _createClass__default["default"](NodeError);
+}(/*#__PURE__*/_wrapNativeSuper__default["default"](Error));
+var iconStyleAttribute = 'data-es-icon-styles';
+var iconsAsset = "".concat("https://app.viabenefits.com/static/cdn/es-assets/", "icons.css");
+var subdomain = window.location.hostname.split('.')[1];
+var environments = ['dev', 'qa', 'stage'];
+var local = 'localtest';
+if (environments.some(function (arr) {
+  return arr === subdomain;
+})) iconsAsset = iconsAsset.replace('qa', subdomain);
+if (local === subdomain) iconsAsset = iconsAsset.replace('app.qa.viabenefits.com', 'app.localtest.viabenefits.com:34300');
+var getExistingStyleTag = function getExistingStyleTag(node) {
+  return node.querySelector("[".concat(iconStyleAttribute, "]")) || node.querySelector("link[href=\"".concat(iconsAsset, "\"]:not([rel=\"preload\"])"));
+};
+var createStyleTag = function createStyleTag() {
+  var styleTag = document.createElement('link');
+  styleTag.setAttribute(iconStyleAttribute, '');
+  styleTag.setAttribute('rel', 'stylesheet');
+  styleTag.setAttribute('href', iconsAsset);
+  return styleTag;
+};
+var addTag = function addTag(node, func) {
+  try {
+    var foundTag = getExistingStyleTag(node);
+    if (foundTag) return foundTag;
+    var tag = createStyleTag();
+    func(tag);
+    return tag;
+  } catch (err) {
+    var nodeError = new NodeError(node, 'Failed to load icon styles on node', {
+      cause: err
+    });
+    console.error(nodeError); // eslint-disable-line no-console
+    return undefined;
+  }
+};
+var defaultIconContext = {
+  initializedNodes: []
+};
+var documentAppend = function documentAppend(tag) {
+  return document.head.append(tag);
+};
+var initializeBody = function initializeBody(node) {
+  if (getExistingStyleTag(document.head)) return node;
+  return addTag(node, documentAppend);
+};
+var initializeNode = function initializeNode(node) {
+  // body must always be set up
+  setup(document.body); // eslint-disable-line no-use-before-define
+  return addTag(node, function (tag) {
+    return node.prepend(tag);
+  });
+};
+var setup = function setup(node) {
+  if (!node) return;
+  var initializedNodes = defaultIconContext.initializedNodes;
+  if (initializedNodes.some(function (initializedNode) {
+    return initializedNode === node;
+  })) return;
+  var isBody = node === document.body;
+  (function () {
+    return (isBody ? initializeBody : initializeNode)(node) && initializedNodes.push(node);
+  })();
+};
+var IconContext = /*#__PURE__*/React.createContext(_objectSpread$P(_objectSpread$P({}, defaultIconContext), {}, {
+  setup: setup
+}));
+var IconContext$1 = IconContext;
+
 var domProps = {
   children: PropTypes__default["default"].node,
   dangerouslySetInnerHTML: PropTypes__default["default"].exact({
@@ -338,9 +586,7 @@ var domProps = {
   onPointerCancel: PropTypes__default["default"].func,
   onPointerCancelCapture: PropTypes__default["default"].func,
   onPointerEnter: PropTypes__default["default"].func,
-  onPointerEnterCapture: PropTypes__default["default"].func,
   onPointerLeave: PropTypes__default["default"].func,
-  onPointerLeaveCapture: PropTypes__default["default"].func,
   onPointerOver: PropTypes__default["default"].func,
   onPointerOverCapture: PropTypes__default["default"].func,
   onPointerOut: PropTypes__default["default"].func,
@@ -419,409 +665,134 @@ var ariaProps = {
   'aria-selected': PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(booleanStrings)]),
   'aria-setsize': PropTypes__default["default"].number,
   'aria-sort': PropTypes__default["default"].oneOf(['none', 'ascending', 'descending', 'other']),
-  'aria-valuemax': PropTypes__default["default"].number,
-  'aria-valuemin': PropTypes__default["default"].number,
-  'aria-valuenow': PropTypes__default["default"].number,
-  'aria-valuetext': PropTypes__default["default"].string
-};
-var ariaRoles = ['alert', 'alertdialog', 'application', 'article', 'banner', 'button', 'cell', 'checkbox', 'columnheader', 'combobox', 'complementary', 'contentinfo', 'definition', 'dialog', 'directory', 'document', 'feed', 'figure', 'form', 'grid', 'gridcell', 'group', 'heading', 'img', 'link', 'list', 'listbox', 'listitem', 'log', 'main', 'marquee', 'math', 'menu', 'menubar', 'menuitem', 'menuitemcheckbox', 'menuitemradio', 'navigation', 'none', 'note', 'option', 'presentation', 'progressbar', 'radio', 'radiogroup', 'region', 'row', 'rowgroup', 'rowheader', 'scrollbar', 'search', 'searchbox', 'separator', 'slider', 'spinbutton', 'status', 'switch', 'tab', 'table', 'tablist', 'tabpanel', 'term', 'textbox', 'timer', 'toolbar', 'tooltip', 'tree', 'treegrid', 'treeitem'];
-var ariaDefaultProps = {};
-
-function ownKeys$P(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$P(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$P(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$P(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var inputModes = ['none', 'text', 'tel', 'url', 'email', 'numeric', 'decimal', 'search'];
-var htmlProps = _objectSpread$P(_objectSpread$P(_objectSpread$P({}, domProps), ariaProps), {}, {
-  // React-specific Attributes
-  defaultChecked: PropTypes__default["default"].bool,
-  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired)]),
-  suppressContentEditableWarning: PropTypes__default["default"].bool,
-  suppressHydrationWarning: PropTypes__default["default"].bool,
-  // Standard HTML Attributes
-  accessKey: PropTypes__default["default"].string,
-  autoFocus: PropTypes__default["default"].bool,
-  className: PropTypes__default["default"].string,
-  contentEditable: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf([].concat(_toConsumableArray__default["default"](booleanStrings), ['inherit']))]),
-  contextMenu: PropTypes__default["default"].string,
-  dir: PropTypes__default["default"].string,
-  draggable: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(booleanStrings)]),
-  hidden: PropTypes__default["default"].bool,
-  id: PropTypes__default["default"].string,
-  lang: PropTypes__default["default"].string,
-  nonce: PropTypes__default["default"].string,
-  slot: PropTypes__default["default"].string,
-  spellCheck: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(booleanStrings)]),
-  style: PropTypes__default["default"].object,
-  tabIndex: PropTypes__default["default"].number,
-  title: PropTypes__default["default"].string,
-  translate: PropTypes__default["default"].oneOf(['yes', 'no']),
-  // Unknown
-  radioGroup: PropTypes__default["default"].string,
-  // <command>, <menuitem>
-
-  // WAI-ARIA
-  role: PropTypes__default["default"].oneOf(ariaRoles),
-  // RDFa Attributes
-  about: PropTypes__default["default"].string,
-  content: PropTypes__default["default"].string,
-  datatype: PropTypes__default["default"].string,
-  inlist: PropTypes__default["default"].any,
-  prefix: PropTypes__default["default"].string,
-  property: PropTypes__default["default"].string,
-  rel: PropTypes__default["default"].string,
-  resource: PropTypes__default["default"].string,
-  rev: PropTypes__default["default"].string,
-  typeof: PropTypes__default["default"].string,
-  vocab: PropTypes__default["default"].string,
-  // Non-standard Attributes
-  autoCapitalize: PropTypes__default["default"].string,
-  autoCorrect: PropTypes__default["default"].string,
-  autoSave: PropTypes__default["default"].string,
-  color: PropTypes__default["default"].string,
-  itemProp: PropTypes__default["default"].string,
-  itemScope: PropTypes__default["default"].bool,
-  itemType: PropTypes__default["default"].string,
-  itemID: PropTypes__default["default"].string,
-  itemRef: PropTypes__default["default"].string,
-  results: PropTypes__default["default"].number,
-  security: PropTypes__default["default"].string,
-  unselectable: PropTypes__default["default"].oneOf(['on', 'off']),
-  inputMode: PropTypes__default["default"].oneOf(inputModes),
-  is: PropTypes__default["default"].string,
-  // styled-components css prop
-  css: PropTypes__default["default"].oneOfType([PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].shape({})]).isRequired), PropTypes__default["default"].string])
-});
-var htmlDefaultProps = _objectSpread$P(_objectSpread$P({}, domDefaultProps), ariaDefaultProps);
-
-var baseFormElementProps = {
-  disabled: PropTypes__default["default"].bool,
-  form: PropTypes__default["default"].string,
-  formAction: PropTypes__default["default"].string,
-  formEncType: PropTypes__default["default"].string,
-  formMethod: PropTypes__default["default"].string,
-  formNoValidate: PropTypes__default["default"].bool,
-  formTarget: PropTypes__default["default"].string,
-  name: PropTypes__default["default"].string,
-  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired)])
-};
-
-function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var inputTypes$2 = ['button', 'checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week'];
-var htmlInputPropTypes = _objectSpread$O(_objectSpread$O(_objectSpread$O({}, htmlProps), baseFormElementProps), {}, {
-  accept: PropTypes__default["default"].string,
-  alt: PropTypes__default["default"].string,
-  autoComplete: PropTypes__default["default"].string,
-  autoFocus: PropTypes__default["default"].bool,
-  capture: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool.isRequired, PropTypes__default["default"].oneOf(['user', 'environment']).isRequired]),
-  checked: PropTypes__default["default"].bool,
-  form: PropTypes__default["default"].string,
-  enterKeyHint: PropTypes__default["default"].oneOf(['enter', 'done', 'go', 'next', 'previous', 'search', 'send']),
-  height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-  list: PropTypes__default["default"].string,
-  max: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-  maxLength: PropTypes__default["default"].number,
-  min: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-  minLength: PropTypes__default["default"].number,
-  multiple: PropTypes__default["default"].bool,
-  pattern: PropTypes__default["default"].string,
-  placeholder: PropTypes__default["default"].string,
-  readOnly: PropTypes__default["default"].bool,
-  required: PropTypes__default["default"].bool,
-  size: PropTypes__default["default"].number,
-  src: PropTypes__default["default"].string,
-  step: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-  type: PropTypes__default["default"].oneOf(inputTypes$2),
-  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
-  onChange: PropTypes__default["default"].func
-});
-var htmlInputDefaultProps = {};
-
-function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var buttonTypes = ['button', 'submit', 'reset'];
-var htmlButtonPropTypes = _objectSpread$N(_objectSpread$N(_objectSpread$N({}, htmlProps), baseFormElementProps), {}, {
-  type: PropTypes__default["default"].oneOf(buttonTypes)
-});
-var htmlButtonDefaultProps = {};
-
-function useMonitoringEffect() {
-  for (var _len = arguments.length, args = new Array(_len), _key = 0; _key < _len; _key++) {
-    args[_key] = arguments[_key];
-  }
-  var effect = args[0],
-    depsOrMonitor = args[1],
-    monitor = args[2];
-  var depsIncluded = args.length === 3;
-  var deps = depsIncluded ? depsOrMonitor : undefined;
-  var monitorValue = depsIncluded ? monitor : depsOrMonitor;
-  var monitorRef = React.useRef(monitorValue);
-  monitorRef.current = monitorValue;
-  var effectRef = React.useRef(effect);
-  effectRef.current = effect;
-  React.useEffect(function () {
-    return effectRef.current(monitorRef.current);
-  }, deps || []); // eslint-disable-line react-hooks/exhaustive-deps
-}
-
-/* eslint-disable @typescript-eslint/no-explicit-any */
-
-/* eslint-enable @typescript-eslint/no-explicit-any */
-
-function useMonitoringCallback() {
-  for (var _len2 = arguments.length, args = new Array(_len2), _key2 = 0; _key2 < _len2; _key2++) {
-    args[_key2] = arguments[_key2];
-  }
-  var callback = args[0],
-    depsOrMonitor = args[1],
-    monitor = args[2];
-  var depsIncluded = args.length === 3;
-  var callbackRef = React.useRef(callback);
-  callbackRef.current = callback;
-  var deps = depsIncluded ? depsOrMonitor : [];
-  var monitorValue = depsIncluded ? monitor : depsOrMonitor;
-  var monitorRef = React.useRef(monitorValue);
-  monitorRef.current = monitorValue;
-
-  /* eslint-disable react-hooks/exhaustive-deps */
-  var monitoredCallback = React.useCallback(function () {
-    for (var _len3 = arguments.length, args = new Array(_len3), _key3 = 0; _key3 < _len3; _key3++) {
-      args[_key3] = arguments[_key3];
-    }
-    var result = callbackRef.current.apply(callbackRef, [monitorRef.current].concat(args));
-    // eslint seems to think this is unsafe, but it's not
-    // eslint-disable-next-line @typescript-eslint/no-unsafe-return
-    return result;
-  }, deps);
-  /* eslint-enable react-hooks/exhaustive-deps */
-
-  return monitoredCallback;
-}
-
-var _excluded$13 = ["waiting", "onClick", "className"];
-function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-
-// Using this because React does not like many of our upstream props.
-// This allows that to flow without issue.
-var UnstyledButton = styled__default["default"].button([""]);
-var esComponentsButtonClass = 'es-components-button';
-var ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function ButtonBaseInner(_ref, ref) {
-  var waiting = _ref.waiting,
-    onClickProp = _ref.onClick,
-    className = _ref.className,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$13);
-  // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  var onClick = useMonitoringCallback(function (currentOnClick) {
-    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      args[_key - 1] = arguments[_key];
-    }
-    return !waiting && (currentOnClick === null || currentOnClick === void 0 ? void 0 : currentOnClick.apply(void 0, args));
-  }, [waiting], onClickProp);
-  var computedProps = _objectSpread$M(_objectSpread$M(_objectSpread$M({}, props), className ? {
-    className: "".concat(className, " ").concat(esComponentsButtonClass)
-  } : {
-    className: esComponentsButtonClass
-  }), waiting ? {
-    'data-waiting': waiting
-  } : {});
-  return /*#__PURE__*/React__default["default"].createElement(UnstyledButton, _extends__default["default"]({
-    type: "button",
-    onClick: onClick
-  }, computedProps, {
-    ref: ref
-  }));
-});
-var propTypes$k = _objectSpread$M(_objectSpread$M({}, htmlButtonPropTypes), {}, {
-  /** Styles the Button with the "disabled" state and prevents click action */
-  waiting: PropTypes__default["default"].bool
-});
-var defaultProps$f = _objectSpread$M(_objectSpread$M({}, htmlButtonDefaultProps), {}, {
-  waiting: false
-});
-ButtonBase.propTypes = propTypes$k;
-ButtonBase.defaultProps = defaultProps$f;
-var ButtonBase$1 = ButtonBase;
-
-var _excluded$12 = ["showWhileRunning", "children", "waiting", "onClick"];
-function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var voidClick = function voidClick() {
-  return Promise.resolve();
-};
-function withLoadingStateWhileRunning(ButtonComponent) {
-  var ButtonWithLoadingState = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedButtonWithLoadingState(_ref, ref) {
-    var runningContent = _ref.showWhileRunning,
-      children = _ref.children,
-      waiting = _ref.waiting,
-      _ref$onClick = _ref.onClick,
-      onClick = _ref$onClick === void 0 ? voidClick : _ref$onClick,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$12);
-    var _useLoadingState = useLoadingState(),
-      _useLoadingState2 = _slicedToArray__default["default"](_useLoadingState, 2),
-      isRunning = _useLoadingState2[0],
-      showRunningWhile = _useLoadingState2[1];
-    var runOperation = useMonitoringCallback(function (currentOnClick) {
-      for (var _len = arguments.length, params = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-        params[_key - 1] = arguments[_key];
-      }
-      if (runningContent && !isRunning) return void showRunningWhile(currentOnClick.apply(void 0, params));
-      return void currentOnClick.apply(void 0, params);
-    }, [isRunning, runningContent, showRunningWhile], onClick);
-    return /*#__PURE__*/React__default["default"].createElement(ButtonComponent, _extends__default["default"]({}, otherProps, {
-      waiting: waiting || isRunning,
-      onClick: runOperation,
-      ref: ref
-    }), isRunning && runningContent || children);
-  });
-  ButtonWithLoadingState.propTypes = _objectSpread$L(_objectSpread$L(_objectSpread$L({}, propTypes$k), ButtonComponent.propTypes || {}), {}, {
-    showWhileRunning: PropTypes__default["default"].node,
-    onClick: PropTypes__default["default"].func
-  });
-  ButtonWithLoadingState.defaultProps = _objectSpread$L(_objectSpread$L(_objectSpread$L({}, defaultProps$f), ButtonComponent.defaultProps || {}), {}, {
-    showWhileRunning: undefined,
-    onClick: undefined
-  });
-  return ButtonWithLoadingState;
-}
-
-/* This file is auto-generated using `npm run generate-icon-names` */
-var iconNames = ["accessibility", "add-circle", "add", "agent", "alarm-clock", "align-center", "align-justify", "align-left", "align-right", "archive-folder", "archive", "arrow-down", "arrow-left", "arrow-right", "arrow-up", "asterisk", "attachment", "bathtub", "being-sick", "bell", "bicycle", "blood-drop", "bold", "bone", "book", "bookmark", "bot", "boy", "brain", "briefcase", "broken-leg", "bullhorn", "calculator", "calendar", "call-transfer", "camera", "cash-in-hand", "cell", "certificate-ribbon", "certificate", "change", "check-document", "checkbox-checked", "checkbox", "checked", "chevron-down", "chevron-left", "chevron-right", "chevron-up", "christmas-gift", "circle-arrow-down", "circle-arrow-left", "circle-arrow-right", "circle-arrow-up", "clear-filters", "click-and-collect", "clinic", "cog", "comment", "comments", "compass", "confusion", "copy", "cut", "dashboard", "denied", "desktop", "detour", "disabled-access", "discussion", "divide", "dna-helix", "doctors-bag", "dollar-sign", "double-chevron-down", "double-chevron-left", "double-chevron-right", "double-chevron-up", "download-alt", "download", "edit-document", "edit", "element-block", "element-page", "element-section", "envelope", "exclamation-circle", "exclamation-sign", "exclamation", "exit", "export", "external-link", "eye-closed", "eye-open", "federal", "file-download", "file-open", "file", "fill", "film", "fire", "flag-empty", "flag-filled", "flash", "folder-close", "folder-open", "folder-up-level", "font", "for-you", "form-agreement", "form-checkbox", "form-dropdown", "form-number", "form-radio", "form-text-box", "form-text", "fullscreen", "funnel", "girl", "glasses", "globe", "glucometer", "hand-down", "hand-left", "hand-right", "hand-up", "handshake-heart", "header", "health-checkup", "health", "hearing-aid", "hearing", "heart-empty", "heart-filled", "heart-plus", "helping-hand", "history", "home", "hourglass", "house", "household", "hyperlink", "idea", "in-progress", "inbox", "indent-left", "indent-right", "info-circle", "info-popup", "info-squared", "info", "internal-call", "italic", "keyhole-shield", "kidney", "leaf", "lightning-bolt", "list-numbered", "list-thumbnails", "list-unordered", "list", "liver", "lock-open", "lock", "log-in", "log-out", "logout-rounded-left", "lungs", "mailbox-closed-flag-down", "male-user", "man", "map-marker", "map-with-marker", "measuring-tape", "medical-doctor", "medical", "menu-btn", "message", "minus-circle", "minus", "molecule", "moleskine", "money", "move", "muscle", "network", "neuron", "new-window", "no-symbol", "non-smoker", "notepad", "ok-circle", "ok", "options-horizontal", "options-vertical", "out-of-network", "out-patient-department", "outgoing-call", "paragraph", "paste", "pause", "paycheck", "paycheque", "phone-analog", "phone", "physical-therapy", "picture", "piggy-bank", "play-circle", "play", "policy-document", "power", "prescription-pill-bottle", "prescription", "print", "profile", "profit", "purchase-order", "push-pin", "question-circle", "question", "questions", "random", "read-message", "redo", "refresh", "remove-circle", "remove", "repeat", "reply-arrow", "resize-full", "resize-horizontal", "resize-small", "resize-vertical", "retweet", "road", "rod-of-asclepius", "rubber-stamp", "rx", "save", "scale", "screenshot", "search-property", "search", "security-checked", "share", "shopping-cart", "skin", "skip-to-start", "smoker", "sms", "sort-alpha-reverse", "sort-alpha", "sort-ascending", "sort-descending", "sort-num-reverse", "sort-num", "sort", "speak-to-expert", "speech-bubble-with-dots", "speech-bubble", "spouse", "star-empty", "star-filled", "stats", "stethoscope", "stock-growth", "stomach", "submit-document", "switch", "tag", "tags", "tasks", "text-color", "text-height", "text-size", "text-width", "thumbnails-large", "thumbnails", "thumbs-down", "thumbs-up", "time", "today", "tooth", "transfer", "trash", "trophy", "truck", "trust", "tune", "umbrella", "underline", "undo", "upload", "urgent-message", "user-secured", "user-shield", "user", "users", "video", "voice-check", "walker", "wallet", "woman", "wrench", "zoom-in", "zoom-out"];
-
-var buttonSizes = ['lg', 'sm', 'xs', 'default'];
-var buttonVariantStyleTypes = ['primary', 'default', 'darkDefault', 'success', 'danger', 'warning', 'info', 'information', 'magenta', 'violet'];
-var validationStyleTypes = ['success', 'info', 'warning', 'danger', 'advisor', 'default'];
-var headingLevel = [1, 2, 3, 4, 5, 6];
-
-function useRootNode(initialRoot) {
-  var _useState = React.useState(initialRoot),
-    _useState2 = _slicedToArray__default["default"](_useState, 2),
-    rootNode = _useState2[0],
-    setRootNode = _useState2[1];
-  var nodeRef = React.useCallback(function (node) {
-    if (!node) return;
-    var foundRoot = node.getRootNode();
-    var targetNode = foundRoot.body || foundRoot;
-    if (initialRoot !== targetNode) setRootNode(targetNode);
-  }, [initialRoot]);
-  return [rootNode, nodeRef];
-}
-function useRootNodeLocator(initialRoot) {
-  var _useRootNode = useRootNode(initialRoot),
-    _useRootNode2 = _slicedToArray__default["default"](_useRootNode, 2),
-    rootNode = _useRootNode2[0],
-    rootNodeRef = _useRootNode2[1];
-  var RootNodeInput = React.useCallback(function () {
-    return /*#__PURE__*/React__default["default"].createElement("input", {
-      type: "hidden",
-      ref: rootNodeRef
-    });
-  }, [rootNodeRef]);
-  return [rootNode, RootNodeInput];
-}
-var RootNodeContext = /*#__PURE__*/React__default["default"].createContext(undefined);
-function useRootNodeContext() {
-  return React__default["default"].useContext(RootNodeContext);
-}
-function RootNodeProvider(_ref) {
-  var children = _ref.children;
-  var _useRootNodeLocator = useRootNodeLocator(document.body),
-    _useRootNodeLocator2 = _slicedToArray__default["default"](_useRootNodeLocator, 2),
-    parentNode = _useRootNodeLocator2[0],
-    ParentNodeInput = _useRootNodeLocator2[1];
-  return /*#__PURE__*/React__default["default"].createElement(RootNodeContext.Provider, {
-    value: parentNode
-  }, /*#__PURE__*/React__default["default"].createElement(ParentNodeInput, null), children);
-}
-
-function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-function _callSuper(t, o, e) { return o = _getPrototypeOf__default["default"](o), _possibleConstructorReturn__default["default"](t, _isNativeReflectConstruct() ? Reflect.construct(o, e || [], _getPrototypeOf__default["default"](t).constructor) : o.apply(t, e)); }
-function _isNativeReflectConstruct() { try { var t = !Boolean.prototype.valueOf.call(Reflect.construct(Boolean, [], function () {})); } catch (t) {} return (_isNativeReflectConstruct = function _isNativeReflectConstruct() { return !!t; })(); }
-var NodeError = /*#__PURE__*/function (_Error) {
-  _inherits__default["default"](NodeError, _Error);
-  function NodeError(node) {
-    var _this;
-    _classCallCheck__default["default"](this, NodeError);
-    for (var _len = arguments.length, errorArgs = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
-      errorArgs[_key - 1] = arguments[_key];
-    }
-    _this = _callSuper(this, NodeError, [].concat(errorArgs));
-    _defineProperty__default["default"](_assertThisInitialized__default["default"](_this), "node", void 0);
-    _this.node = node;
-    return _this;
-  }
-  return _createClass__default["default"](NodeError);
-}( /*#__PURE__*/_wrapNativeSuper__default["default"](Error));
-var iconStyleAttribute = 'data-es-icon-styles';
-var iconsAsset = "".concat("https://app.viabenefits.com/static/cdn/es-assets/", "icons.css");
-var subdomain = window.location.hostname.split('.')[1];
-var environments = ['dev', 'qa', 'stage'];
-var local = 'localtest';
-if (environments.some(function (arr) {
-  return arr === subdomain;
-})) iconsAsset = iconsAsset.replace('qa', subdomain);
-if (local === subdomain) iconsAsset = iconsAsset.replace('app.qa.viabenefits.com', 'app.localtest.viabenefits.com:34300');
-var getExistingStyleTag = function getExistingStyleTag(node) {
-  return node.querySelector("[".concat(iconStyleAttribute, "]")) || node.querySelector("link[href=\"".concat(iconsAsset, "\"]:not([rel=\"preload\"])"));
-};
-var createStyleTag = function createStyleTag() {
-  var styleTag = document.createElement('link');
-  styleTag.setAttribute(iconStyleAttribute, '');
-  styleTag.setAttribute('rel', 'stylesheet');
-  styleTag.setAttribute('href', iconsAsset);
-  return styleTag;
-};
-var addTag = function addTag(node, func) {
-  try {
-    var foundTag = getExistingStyleTag(node);
-    if (foundTag) return foundTag;
-    var tag = createStyleTag();
-    func(tag);
-    return tag;
-  } catch (err) {
-    var nodeError = new NodeError(node, 'Failed to load icon styles on node', {
-      cause: err
-    });
-    console.error(nodeError); // eslint-disable-line no-console
-    return undefined;
-  }
-};
-var defaultIconContext = {
-  initializedNodes: []
-};
-var documentAppend = function documentAppend(tag) {
-  return document.head.append(tag);
-};
-var initializeBody = function initializeBody(node) {
-  if (getExistingStyleTag(document.head)) return node;
-  return addTag(node, documentAppend);
-};
-var initializeNode = function initializeNode(node) {
-  // body must always be set up
-  setup(document.body); // eslint-disable-line no-use-before-define
-  return addTag(node, function (tag) {
-    return node.prepend(tag);
-  });
+  'aria-valuemax': PropTypes__default["default"].number,
+  'aria-valuemin': PropTypes__default["default"].number,
+  'aria-valuenow': PropTypes__default["default"].number,
+  'aria-valuetext': PropTypes__default["default"].string
 };
-var setup = function setup(node) {
-  if (!node) return;
-  var initializedNodes = defaultIconContext.initializedNodes;
-  if (initializedNodes.some(function (initializedNode) {
-    return initializedNode === node;
-  })) return;
-  var isBody = node === document.body;
-  (function () {
-    return (isBody ? initializeBody : initializeNode)(node) && initializedNodes.push(node);
-  })();
+var ariaRoles = ['alert', 'alertdialog', 'application', 'article', 'banner', 'button', 'cell', 'checkbox', 'columnheader', 'combobox', 'complementary', 'contentinfo', 'definition', 'dialog', 'directory', 'document', 'feed', 'figure', 'form', 'grid', 'gridcell', 'group', 'heading', 'img', 'link', 'list', 'listbox', 'listitem', 'log', 'main', 'marquee', 'math', 'menu', 'menubar', 'menuitem', 'menuitemcheckbox', 'menuitemradio', 'navigation', 'none', 'note', 'option', 'presentation', 'progressbar', 'radio', 'radiogroup', 'region', 'row', 'rowgroup', 'rowheader', 'scrollbar', 'search', 'searchbox', 'separator', 'slider', 'spinbutton', 'status', 'switch', 'tab', 'table', 'tablist', 'tabpanel', 'term', 'textbox', 'timer', 'toolbar', 'tooltip', 'tree', 'treegrid', 'treeitem'];
+var ariaDefaultProps = {};
+
+function ownKeys$O(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$O(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$O(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$O(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var inputModes = ['none', 'text', 'tel', 'url', 'email', 'numeric', 'decimal', 'search'];
+var htmlProps = _objectSpread$O(_objectSpread$O(_objectSpread$O({}, domProps), ariaProps), {}, {
+  // React-specific Attributes
+  defaultChecked: PropTypes__default["default"].bool,
+  defaultValue: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired)]),
+  suppressContentEditableWarning: PropTypes__default["default"].bool,
+  suppressHydrationWarning: PropTypes__default["default"].bool,
+  // Standard HTML Attributes
+  accessKey: PropTypes__default["default"].string,
+  autoFocus: PropTypes__default["default"].bool,
+  className: PropTypes__default["default"].string,
+  contentEditable: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf([].concat(_toConsumableArray__default["default"](booleanStrings), ['inherit']))]),
+  enterKeyHint: PropTypes__default["default"].oneOf(['enter', 'done', 'go', 'next', 'previous', 'search', 'send']),
+  contextMenu: PropTypes__default["default"].string,
+  dir: PropTypes__default["default"].string,
+  draggable: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(booleanStrings)]),
+  hidden: PropTypes__default["default"].bool,
+  id: PropTypes__default["default"].string,
+  lang: PropTypes__default["default"].string,
+  nonce: PropTypes__default["default"].string,
+  slot: PropTypes__default["default"].string,
+  spellCheck: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool, PropTypes__default["default"].oneOf(booleanStrings)]),
+  style: PropTypes__default["default"].object,
+  tabIndex: PropTypes__default["default"].number,
+  title: PropTypes__default["default"].string,
+  translate: PropTypes__default["default"].oneOf(['yes', 'no']),
+  // Unknown
+  radioGroup: PropTypes__default["default"].string,
+  // <command>, <menuitem>
+
+  // WAI-ARIA
+  role: PropTypes__default["default"].oneOf(ariaRoles),
+  // RDFa Attributes
+  about: PropTypes__default["default"].string,
+  content: PropTypes__default["default"].string,
+  datatype: PropTypes__default["default"].string,
+  inlist: PropTypes__default["default"].any,
+  prefix: PropTypes__default["default"].string,
+  property: PropTypes__default["default"].string,
+  rel: PropTypes__default["default"].string,
+  resource: PropTypes__default["default"].string,
+  rev: PropTypes__default["default"].string,
+  typeof: PropTypes__default["default"].string,
+  vocab: PropTypes__default["default"].string,
+  // Non-standard Attributes
+  autoCapitalize: PropTypes__default["default"].string,
+  autoCorrect: PropTypes__default["default"].string,
+  autoSave: PropTypes__default["default"].string,
+  color: PropTypes__default["default"].string,
+  itemProp: PropTypes__default["default"].string,
+  itemScope: PropTypes__default["default"].bool,
+  itemType: PropTypes__default["default"].string,
+  itemID: PropTypes__default["default"].string,
+  itemRef: PropTypes__default["default"].string,
+  results: PropTypes__default["default"].number,
+  security: PropTypes__default["default"].string,
+  unselectable: PropTypes__default["default"].oneOf(['on', 'off']),
+  inputMode: PropTypes__default["default"].oneOf(inputModes),
+  is: PropTypes__default["default"].string,
+  // styled-components css prop
+  css: PropTypes__default["default"].oneOfType([PropTypes__default["default"].objectOf(PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].shape({})]).isRequired), PropTypes__default["default"].string])
+});
+var htmlDefaultProps = _objectSpread$O(_objectSpread$O({}, domDefaultProps), ariaDefaultProps);
+
+var baseFormElementProps = {
+  disabled: PropTypes__default["default"].bool,
+  form: PropTypes__default["default"].string,
+  formAction: PropTypes__default["default"].string,
+  formEncType: PropTypes__default["default"].string,
+  formMethod: PropTypes__default["default"].string,
+  formNoValidate: PropTypes__default["default"].bool,
+  formTarget: PropTypes__default["default"].string,
+  name: PropTypes__default["default"].string,
+  value: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number, PropTypes__default["default"].arrayOf(PropTypes__default["default"].string.isRequired)])
 };
-var IconContext = /*#__PURE__*/React.createContext(_objectSpread$K(_objectSpread$K({}, defaultIconContext), {}, {
-  setup: setup
-}));
-var IconContext$1 = IconContext;
 
-var _excluded$11 = ["name", "size", "className"];
-function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$N(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$N(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$N(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$N(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var inputTypes$2 = ['button', 'checkbox', 'color', 'date', 'datetime-local', 'email', 'file', 'hidden', 'image', 'month', 'number', 'password', 'radio', 'range', 'reset', 'search', 'submit', 'tel', 'text', 'time', 'url', 'week'];
+var htmlInputPropTypes = _objectSpread$N(_objectSpread$N(_objectSpread$N({}, htmlProps), baseFormElementProps), {}, {
+  accept: PropTypes__default["default"].string,
+  alt: PropTypes__default["default"].string,
+  autoComplete: PropTypes__default["default"].string,
+  autoFocus: PropTypes__default["default"].bool,
+  capture: PropTypes__default["default"].oneOfType([PropTypes__default["default"].bool.isRequired, PropTypes__default["default"].oneOf(['user', 'environment']).isRequired]),
+  checked: PropTypes__default["default"].bool,
+  form: PropTypes__default["default"].string,
+  enterKeyHint: PropTypes__default["default"].oneOf(['enter', 'done', 'go', 'next', 'previous', 'search', 'send']),
+  height: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  list: PropTypes__default["default"].string,
+  max: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  maxLength: PropTypes__default["default"].number,
+  min: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  minLength: PropTypes__default["default"].number,
+  multiple: PropTypes__default["default"].bool,
+  pattern: PropTypes__default["default"].string,
+  placeholder: PropTypes__default["default"].string,
+  readOnly: PropTypes__default["default"].bool,
+  required: PropTypes__default["default"].bool,
+  size: PropTypes__default["default"].number,
+  src: PropTypes__default["default"].string,
+  step: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  type: PropTypes__default["default"].oneOf(inputTypes$2),
+  width: PropTypes__default["default"].oneOfType([PropTypes__default["default"].number, PropTypes__default["default"].string]),
+  onChange: PropTypes__default["default"].func
+});
+var htmlInputDefaultProps = {};
+
+function ownKeys$M(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$M(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$M(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$M(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+var buttonTypes = ['button', 'submit', 'reset'];
+var htmlButtonPropTypes = _objectSpread$M(_objectSpread$M(_objectSpread$M({}, htmlProps), baseFormElementProps), {}, {
+  type: PropTypes__default["default"].oneOf(buttonTypes)
+});
+
+var _excluded$13 = ["name", "size", "className"];
+function ownKeys$L(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$L(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$L(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$L(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var iconBasics = styled$1.css(["font-style:normal;font-weight:normal;font-variant:normal;text-transform:none;line-height:1;-webkit-font-smoothing:antialiased;-moz-osx-font-smoothing:grayscale;"]);
 var iconBaseStyles = styled$1.css(["", " ", ""], iconBasics, function (_ref) {
   var size = _ref.size;
@@ -832,7 +803,7 @@ var Icon$1 = /*#__PURE__*/React__default["default"].forwardRef(function Forwarde
   var name = _ref2.name,
     size = _ref2.size,
     className = _ref2.className,
-    other = _objectWithoutProperties__default["default"](_ref2, _excluded$11);
+    other = _objectWithoutProperties__default["default"](_ref2, _excluded$13);
   var _useRootNodeLocator = useRootNodeLocator(),
     _useRootNodeLocator2 = _slicedToArray__default["default"](_useRootNodeLocator, 2),
     rootNode = _useRootNodeLocator2[0],
@@ -845,7 +816,7 @@ var Icon$1 = /*#__PURE__*/React__default["default"].forwardRef(function Forwarde
     ref: ref
   }, other)));
 });
-var propTypes$j = _objectSpread$J(_objectSpread$J({}, htmlProps), {}, {
+var propTypes$k = _objectSpread$L(_objectSpread$L({}, htmlProps), {}, {
   /** Name of the icon to display */
   name: PropTypes__default["default"].oneOf(_toConsumableArray__default["default"](iconNames)),
   /** Specify icon size in pixels */
@@ -853,15 +824,15 @@ var propTypes$j = _objectSpread$J(_objectSpread$J({}, htmlProps), {}, {
   /** Additional classes to include */
   className: htmlProps['className']
 });
-var defaultProps$e = _objectSpread$J(_objectSpread$J({}, htmlDefaultProps), {}, {
+var defaultProps$7 = _objectSpread$L(_objectSpread$L({}, htmlDefaultProps), {}, {
   size: undefined,
   className: undefined
 });
-Icon$1.propTypes = propTypes$j;
-Icon$1.defaultProps = defaultProps$e;
+Icon$1.propTypes = propTypes$k;
+Icon$1.defaultProps = defaultProps$7;
 var Icon$2 = Icon$1;
 
-var _excluded$10 = ["name", "size"];
+var _excluded$12 = ["name", "size"];
 var Container$3 = styled__default["default"].div(["align-items:center;display:flex;height:", ";justify-content:center;width:", ";"], function (_ref) {
   var size = _ref.size;
   return size;
@@ -873,7 +844,7 @@ var Icon = styled__default["default"].img(["height:auto;max-width:100%;"]);
 var FullColorIcon = /*#__PURE__*/React__default["default"].forwardRef(function FullColorIcon(_ref3, ref) {
   var name = _ref3.name,
     size = _ref3.size,
-    props = _objectWithoutProperties__default["default"](_ref3, _excluded$10);
+    props = _objectWithoutProperties__default["default"](_ref3, _excluded$12);
   return (
     /*#__PURE__*/
     // reused this logic for size from the Icon component. Fine with the repeat for now, but should
@@ -898,7 +869,7 @@ FullColorIcon.defaultProps = {
 };
 var FullColorIcon$1 = FullColorIcon;
 
-function noop$1() {
+function noop$2() {
   // noop
 }
 
@@ -927,10 +898,10 @@ var DismissButton$1 = /*#__PURE__*/React__default["default"].forwardRef(function
 });
 var DismissButton$2 = DismissButton$1;
 
-var _excluded$$ = ["includeIcon", "isDismissable", "onDismiss", "children", "iconName", "iconColor", "color", "dismissNotification", "alwaysShowIcon"],
+var _excluded$11 = ["includeIcon", "isDismissable", "onDismiss", "children", "iconName", "iconColor", "color", "dismissNotification", "alwaysShowIcon"],
   _excluded2$c = ["role", "type", "children", "className", "style", "restyleAnchors", "styleType"];
-function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$K(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$K(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$K(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$K(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var NotificationIcon = styled__default["default"](Icon$2)(["", ""], function (_ref) {
   var iconColor = _ref.iconColor,
     theme = _ref.theme,
@@ -956,7 +927,7 @@ function NotificationContent(props) {
     color = props.color,
     dismissNotification = props.dismissNotification,
     alwaysShowIcon = props.alwaysShowIcon,
-    rest = _objectWithoutProperties__default["default"](props, _excluded$$);
+    rest = _objectWithoutProperties__default["default"](props, _excluded$11);
   function dismiss() {
     onDismiss === null || onDismiss === void 0 || onDismiss();
     dismissNotification();
@@ -993,7 +964,7 @@ var BaseNotification = /*#__PURE__*/React__default["default"].forwardRef(functio
   var color = colorVariant.textColor;
   var iconName = theme.validationIconName[type];
   var iconColor = styleType === 'base' ? theme.colors.white : theme.colors[type];
-  var notificationContentProps = _objectSpread$I(_objectSpread$I({}, rest), {}, {
+  var notificationContentProps = _objectSpread$K(_objectSpread$K({}, rest), {}, {
     color: color,
     iconName: iconName,
     iconColor: iconColor
@@ -1037,7 +1008,7 @@ Notification.propTypes = {
 Notification.defaultProps = {
   includeIcon: false,
   isDismissable: false,
-  onDismiss: noop$1,
+  onDismiss: noop$2,
   alwaysShowIcon: false
 };
 var Notification$1 = Notification;
@@ -1064,7 +1035,7 @@ LightNotification.propTypes = {
 LightNotification.defaultProps = {
   includeIcon: false,
   isDismissable: false,
-  onDismiss: noop$1,
+  onDismiss: noop$2,
   alwaysShowIcon: false
 };
 var LightNotification$1 = LightNotification;
@@ -1091,17 +1062,17 @@ MessageNotification.propTypes = {
 MessageNotification.defaultProps = {
   includeIcon: false,
   isDismissable: false,
-  onDismiss: noop$1,
+  onDismiss: noop$2,
   alwaysShowIcon: false
 };
 var MessageNotification$1 = MessageNotification;
 
-var _excluded$_ = ["emphasizedText", "text", "isInline"];
-var propTypes$i = {
+var _excluded$10 = ["emphasizedText", "text", "isInline"];
+var propTypes$j = {
   emphasizedText: PropTypes__default["default"].string,
   text: PropTypes__default["default"].node.isRequired
 };
-var defaultProps$d = {
+var defaultProps$6 = {
   emphasizedText: undefined
 };
 var InlineMessage = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedInlineMessage(props, ref) {
@@ -1110,29 +1081,29 @@ var InlineMessage = /*#__PURE__*/React__default["default"].forwardRef(function F
     ref: ref
   }));
 });
-InlineMessage.propTypes = propTypes$i;
-InlineMessage.defaultProps = defaultProps$d;
+InlineMessage.propTypes = propTypes$j;
+InlineMessage.defaultProps = defaultProps$6;
 var Message = /*#__PURE__*/React__default["default"].forwardRef(function Message(_ref, ref) {
   var emphasizedText = _ref.emphasizedText,
     text = _ref.text,
     isInline = _ref.isInline,
-    rest = _objectWithoutProperties__default["default"](_ref, _excluded$_);
+    rest = _objectWithoutProperties__default["default"](_ref, _excluded$10);
   var inlineBreak = isInline ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null) : /*#__PURE__*/React__default["default"].createElement("br", null);
   return /*#__PURE__*/React__default["default"].createElement("span", _extends__default["default"]({}, rest, {
     ref: ref
   }), emphasizedText !== undefined ? /*#__PURE__*/React__default["default"].createElement(React__default["default"].Fragment, null, /*#__PURE__*/React__default["default"].createElement("strong", null, emphasizedText), inlineBreak) : null, text);
 });
-Message.propTypes = propTypes$i;
-Message.defaultProps = defaultProps$d;
+Message.propTypes = propTypes$j;
+Message.defaultProps = defaultProps$6;
 
-var noop = function noop() {
+var noop$1 = function noop() {
   // noop
 };
 var DrawerContext = /*#__PURE__*/React.createContext({
   activeKeys: '',
-  toggleActiveKey: noop,
-  setActiveKey: noop,
-  unsetActiveKey: noop
+  toggleActiveKey: noop$1,
+  setActiveKey: noop$1,
+  unsetActiveKey: noop$1
 });
 
 function generateAlphaName() {
@@ -1149,10 +1120,10 @@ function useUniqueId(providedId) {
   return idRef.current;
 }
 
-var _excluded$Z = ["id", "panelKey", "open", "controlledOpen", "onChange"],
+var _excluded$$ = ["id", "panelKey", "open", "controlledOpen", "onChange"],
   _excluded2$b = ["children"];
-function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$J(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$J(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$J(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$J(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var DrawerItemContext = /*#__PURE__*/React.createContext({
   open: false,
   itemId: '',
@@ -1170,7 +1141,7 @@ var DrawerItem = function DrawerItem(_ref) {
     openProp = _ref.open,
     controlledOpen = _ref.controlledOpen,
     onChange = _ref.onChange,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$Z);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$$);
   var _useContext = React.useContext(DrawerContext),
     activeKeys = _useContext.activeKeys,
     toggleActiveKey = _useContext.toggleActiveKey,
@@ -1248,11 +1219,6 @@ DrawerItem.propTypes = {
   /** @ignore */
   panelKey: PropTypes__default["default"].oneOfType([PropTypes__default["default"].string, PropTypes__default["default"].number])
 };
-DrawerItem.defaultProps = {
-  open: undefined,
-  id: undefined,
-  panelKey: undefined
-};
 var DrawerItemBody = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedItemBody(props, ref) {
   var _useDrawerItemContext = useDrawerItemContext(),
     open = _useDrawerItemContext.open,
@@ -1285,7 +1251,7 @@ function DrawerItemOpenerSingle(_ref3) {
     toggleOpen: toggleOpen,
     onChildClick: child.props.onClick
   });
-  return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$H(_objectSpread$H({}, child.props), {}, {
+  return /*#__PURE__*/React__default["default"].cloneElement(child, _objectSpread$J(_objectSpread$J({}, child.props), {}, {
     onClick: onClick,
     'aria-expanded': open,
     'aria-controls': "".concat(itemId, "-region")
@@ -1311,10 +1277,10 @@ var baseFontCss = styled$1.css(["", ""], function (_ref) {
   return (theme === null || theme === void 0 ? void 0 : theme.font) && styled$1.css(["font-family:", ";"], theme.font.baseFontFace);
 });
 
-var _excluded$Y = ["size", "level"],
+var _excluded$_ = ["size", "level"],
   _excluded2$a = ["level"];
-function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$I(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$I(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$I(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$I(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var knockoutStyles = styled$1.css(["background-color:", ";color:white;padding:20px 15px;"], function (_ref) {
   var theme = _ref.theme;
   return theme.colors.primary;
@@ -1353,8 +1319,8 @@ function getAdjustedProps(func) {
     var size = _ref4.size,
       _ref4$level = _ref4.level,
       level = _ref4$level === void 0 ? 1 : _ref4$level,
-      props = _objectWithoutProperties__default["default"](_ref4, _excluded$Y);
-    return func(_objectSpread$G(_objectSpread$G({}, props), {}, {
+      props = _objectWithoutProperties__default["default"](_ref4, _excluded$_);
+    return func(_objectSpread$I(_objectSpread$I({}, props), {}, {
       size: size,
       level: level,
       adjustedSize: size || level
@@ -1408,10 +1374,10 @@ var PageHeading = styled__default["default"](Heading).attrs({
 })([""]);
 
 var _templateObject$2;
-var _excluded$X = ["openedIconName", "closedIconName"],
+var _excluded$Z = ["openedIconName", "closedIconName"],
   _excluded2$9 = ["children", "title", "titleAside", "noPadding", "headingLevel", "open", "openedIconName", "closedIconName", "panelKey"];
-function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$H(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$H(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$H(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$H(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PanelWrapper = styled__default["default"].div(["border-bottom:1px solid ", ";"], function (props) {
   return props.theme.colors.gray3;
 });
@@ -1425,7 +1391,7 @@ var PanelButton = styled__default["default"].button(["background:none;border:0;c
 var PanelIcon = styled__default["default"](function (_ref) {
   var openedIconName = _ref.openedIconName,
     closedIconName = _ref.closedIconName,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$X);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$Z);
   var _useDrawerItemContext = useDrawerItemContext(),
     open = _useDrawerItemContext.open;
   return /*#__PURE__*/React__default["default"].createElement(Icon$2, _extends__default["default"]({
@@ -1502,7 +1468,7 @@ var DrawerPanel = /*#__PURE__*/React__default["default"].forwardRef(function Dra
     noPadding: noPadding
   }, children)));
 });
-var propTypes$h = _objectSpread$F(_objectSpread$F({}, PanelWrapper.propTypes || {}), {}, {
+var propTypes$i = _objectSpread$H(_objectSpread$H({}, PanelWrapper.propTypes || {}), {}, {
   children: PropTypes__default["default"].any.isRequired,
   /** Title text displayed next to the open/close icon */
   title: PropTypes__default["default"].node.isRequired,
@@ -1522,8 +1488,8 @@ var propTypes$h = _objectSpread$F(_objectSpread$F({}, PanelWrapper.propTypes ||
   /** @ignore */
   panelKey: PropTypes__default["default"].string
 });
-DrawerPanel.propTypes = propTypes$h;
-DrawerPanel.defaultProps = _objectSpread$F(_objectSpread$F({}, PanelWrapper.defaultProps || {}), {}, {
+DrawerPanel.propTypes = propTypes$i;
+DrawerPanel.defaultProps = _objectSpread$H(_objectSpread$H({}, PanelWrapper.defaultProps || {}), {}, {
   noPadding: false,
   titleAside: undefined,
   headingLevel: 2,
@@ -1534,7 +1500,7 @@ DrawerPanel.defaultProps = _objectSpread$F(_objectSpread$F({}, PanelWrapper.defa
 });
 var DrawerPanel$1 = DrawerPanel;
 
-var _excluded$W = ["activeKeys", "children", "closedIconName", "isAccordion", "onActiveKeysChanged", "openedIconName", "useDefaultStyles"];
+var _excluded$Y = ["activeKeys", "children", "closedIconName", "isAccordion", "onActiveKeysChanged", "openedIconName", "useDefaultStyles"];
 var StyledDrawer$1 = styled__default["default"].div(["background-color:", ";border-top:1px solid ", ";box-shadow:0 1px 1px ", ";margin-bottom:25px;"], function (props) {
   return props.theme.colors.white;
 }, function (props) {
@@ -1578,7 +1544,7 @@ var Drawer = /*#__PURE__*/React__default["default"].forwardRef(function Drawer(_
     openedIconName = _ref$openedIconName === void 0 ? 'minus' : _ref$openedIconName,
     _ref$useDefaultStyles = _ref.useDefaultStyles,
     useDefaultStyles = _ref$useDefaultStyles === void 0 ? true : _ref$useDefaultStyles,
-    other = _objectWithoutProperties__default["default"](_ref, _excluded$W);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$Y);
   var keysChangedCallback = React.useRef(onActiveKeysChanged);
   keysChangedCallback.current = onActiveKeysChanged;
   var currentActiveKeysProp = React.useRef(activeKeysProp);
@@ -1706,13 +1672,13 @@ var isBool = function isBool(v) {
 };
 var isBool$1 = isBool;
 
-var _excluded$V = ["flat"],
+var _excluded$X = ["flat"],
   _excluded2$8 = ["value"];
-function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$G(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$G(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$G(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$G(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Form = /*#__PURE__*/React__default["default"].forwardRef(function Form(_ref, ref) {
   var flat = _ref.flat,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$V);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$X);
   return /*#__PURE__*/React__default["default"].createElement(FormContextProvider, {
     value: isBool$1(flat) ? {
       flat: flat
@@ -1732,7 +1698,7 @@ var FormContextProvider = function FormContextProvider(_ref2) {
   var _ref3 = inputStyles,
     defaultFormStyle = _ref3.defaultFormStyle;
   var parentFormContext = React.useContext(FormContext);
-  var newContext = _objectSpread$E(_objectSpread$E({}, parentFormContext), value || {});
+  var newContext = _objectSpread$G(_objectSpread$G({}, parentFormContext), value || {});
   if (defaultFormStyle) {
     var newDefaultValue = isBool$1(newContext[defaultFormStyle]) ? newContext[defaultFormStyle] : true;
     newContext[defaultFormStyle] = newDefaultValue;
@@ -1755,7 +1721,7 @@ Form.defaultProps = {
 var orientations = ['stacked', 'inline'];
 var OrientationContext = /*#__PURE__*/React__default["default"].createContext('stacked');
 
-var _excluded$U = ["legendContent", "children", "orientation", "flat"];
+var _excluded$W = ["legendContent", "children", "orientation", "flat"];
 var fieldsetReset = styled$1.css(["appearance:none;border:0;padding:0;margin:0;"]);
 var FieldsetBase = styled__default["default"].fieldset(["", " display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:25px;width:100%;> *:last-child{margin-bottom:0;}", ";"], fieldsetReset, function (props) {
   return props.orientation === 'inline' && styled$1.css(["@media (min-width:", "){align-items:baseline;flex-direction:row;}"], props.theme.screenSize.tablet);
@@ -1770,7 +1736,7 @@ var Fieldset = /*#__PURE__*/React__default["default"].forwardRef(function Forwar
     children = _ref.children,
     orientationProp = _ref.orientation,
     flat = _ref.flat,
-    other = _objectWithoutProperties__default["default"](_ref, _excluded$U);
+    other = _objectWithoutProperties__default["default"](_ref, _excluded$W);
   var orientation = React.useContext(OrientationContext);
   var extraFormContext = isBool$1(flat) ? {
     flat: flat
@@ -1825,10 +1791,10 @@ function useMergedRefs() {
   return mergedRefs;
 }
 
-var _excluded$T = ["children", "style"],
+var _excluded$V = ["children", "style"],
   _excluded2$7 = ["children", "duration", "opacity"];
-function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
-function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+function ownKeys$F(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$F(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$F(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$F(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getFadeStyle = function getFadeStyle(status, finalOpacity) {
   switch (status) {
     case 'entering':
@@ -1851,13 +1817,13 @@ var TransitionChild = /*#__PURE__*/React.forwardRef(function ForwardedTransition
     ref: function ref(el) {
       return callRefs(el, _ref2, children.ref);
     },
-    style: _objectSpread$D(_objectSpread$D(_objectSpread$D({}, (children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.style) || {}), style), getFadeStyle(transitionStatus, typeof style.opacity == 'number' || Boolean(style.opacity) ? style.opacity : 1))
+    style: _objectSpread$F(_objectSpread$F(_objectSpread$F({}, (children === null || children === void 0 || (_children$props = children.props) === null || _children$props === void 0 ? void 0 : _children$props.style) || {}), style), getFadeStyle(transitionStatus, typeof style.opacity == 'number' || Boolean(style.opacity) ? style.opacity : 1))
   });
 });
 function FadeTransition(_ref3) {
   var children = _ref3.children,
     style = _ref3.style,
-    transitionProps = _objectWithoutProperties__default["default"](_ref3, _excluded$T);
+    transitionProps = _objectWithoutProperties__default["default"](_ref3, _excluded$V);
   var nodeRef = React.useRef(null);
   var child = React__default["default"].Children.only(children);
   return /*#__PURE__*/React__default["default"].createElement(Transition__default["default"], _extends__default["default"]({
@@ -1879,7 +1845,7 @@ var Fade = function Fade(_ref4) {
     transition: "opacity ".concat(duration || 150, "ms linear"),
     opacity: opacity
   };
-  var transitionProps = _objectSpread$D(_objectSpread$D({}, otherProps), {}, {
+  var transitionProps = _objectSpread$F(_objectSpread$F({}, otherProps), {}, {
     timeout: duration || otherProps.timeout || 150
   });
   return React__default["default"].Children.map(children, function (child) {
@@ -1911,6 +1877,49 @@ function getTextColor(bgColor) {
   return tinycolor__default["default"](tinycolor__default["default"].readability(darkestColor, bgColor) > 10 ? darkestColor : lightestColor).toHexString();
 }
 
+var _excluded$U = ["waiting", "onClick", "className"];
+function ownKeys$E(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$E(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$E(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$E(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
+
+// Using this because React does not like many of our upstream props.
+// This allows that to flow without issue.
+var UnstyledButton = styled__default["default"].button([""]);
+var esComponentsButtonClass = 'es-components-button';
+var ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function ButtonBaseInner(_ref, ref) {
+  var waiting = _ref.waiting,
+    onClickProp = _ref.onClick,
+    className = _ref.className,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$U);
+  // eslint-disable-next-line @typescript-eslint/no-unused-vars
+  var onClick = useMonitoringCallback(function (currentOnClick) {
+    for (var _len = arguments.length, args = new Array(_len > 1 ? _len - 1 : 0), _key = 1; _key < _len; _key++) {
+      args[_key - 1] = arguments[_key];
+    }
+    return !waiting && (currentOnClick === null || currentOnClick === void 0 ? void 0 : currentOnClick.apply(void 0, args));
+  }, [waiting], onClickProp);
+  var computedProps = _objectSpread$E(_objectSpread$E(_objectSpread$E({}, props), className ? {
+    className: "".concat(className, " ").concat(esComponentsButtonClass)
+  } : {
+    className: esComponentsButtonClass
+  }), waiting ? {
+    'data-waiting': waiting
+  } : {});
+  return /*#__PURE__*/React__default["default"].createElement(UnstyledButton, _extends__default["default"]({
+    type: "button",
+    onClick: onClick
+  }, computedProps, {
+    ref: ref
+  }));
+});
+var propTypes$h = _objectSpread$E(_objectSpread$E({}, htmlButtonPropTypes), {}, {
+  /** Styles the Button with the "disabled" state and prevents click action */
+  waiting: PropTypes__default["default"].bool
+});
+ButtonBase.propTypes = propTypes$h;
+var ButtonBase$1 = ButtonBase;
+
+function ownKeys$D(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
+function _objectSpread$D(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$D(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$D(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getMediaWidth = function getMediaWidth() {
   return (
     // https://stackoverflow.com/a/8876069
@@ -1970,26 +1979,25 @@ function useWindowSize() {
 }
 function withWindowSize(ComponentClass) {
   var WithWindowSize = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedWithWindowSize(props, ref) {
-    var windowSize = useWindowSize(props);
+    var _useWindowSize = useWindowSize(props),
+      windowWidth = _useWindowSize.windowWidth,
+      windowHeight = _useWindowSize.windowHeight;
+    var allProps = _objectSpread$D(_objectSpread$D({}, props), {}, {
+      windowWidth: windowWidth,
+      windowHeight: windowHeight
+    });
     return /*#__PURE__*/React__default["default"].createElement(ComponentClass, _extends__default["default"]({
       ref: ref
-    }, props, {
-      windowWidth: windowSize.windowWidth,
-      windowHeight: windowSize.windowHeight
-    }));
+    }, allProps));
   });
   WithWindowSize.propTypes = {
     defaultWidth: PropTypes__default["default"].number,
     defaultHeight: PropTypes__default["default"].number
   };
-  WithWindowSize.defaultProps = {
-    defaultWidth: undefined,
-    defaultHeight: undefined
-  };
   return WithWindowSize;
 }
 
-var _excluded$S = ["onClick", "iconName"],
+var _excluded$T = ["onClick", "iconName"],
   _excluded2$6 = ["children", "slideAmount", "windowWidth", "windowHeight"];
 var _templateObject$1, _templateObject2$1;
 function ownKeys$C(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
@@ -2029,7 +2037,7 @@ var ScrollIconBase = IconBase.withConfig ? IconBase.withConfig({
 var ScrollIconInner = function ScrollIconInner(_ref4) {
   var onClick = _ref4.onClick,
     iconName = _ref4.iconName,
-    props = _objectWithoutProperties__default["default"](_ref4, _excluded$S);
+    props = _objectWithoutProperties__default["default"](_ref4, _excluded$T);
   return /*#__PURE__*/React__default["default"].createElement(ScrollIconBase, _extends__default["default"]({
     onClick: onClick
   }, props), /*#__PURE__*/React__default["default"].createElement(ArrowIconContainer, null, /*#__PURE__*/React__default["default"].createElement(Icon$2, {
@@ -2402,7 +2410,7 @@ ProgressItem.defaultProps = {
   showNav: true
 };
 
-var _excluded$R = ["children", "styleType", "size", "block", "mobileBlock", "flatLeftEdge", "flatRightEdge"];
+var _excluded$S = ["children", "styleType", "size", "block", "mobileBlock", "flatLeftEdge", "flatRightEdge"];
 function ownKeys$B(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$B(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$B(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$B(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var getButtonCss = function getButtonCss(_ref) {
@@ -2533,7 +2541,7 @@ var Button$1 = /*#__PURE__*/React__default["default"].forwardRef(function Button
     flatLeftEdge = _ref14$flatLeftEdge === void 0 ? false : _ref14$flatLeftEdge,
     _ref14$flatRightEdge = _ref14.flatRightEdge,
     flatRightEdge = _ref14$flatRightEdge === void 0 ? false : _ref14$flatRightEdge,
-    other = _objectWithoutProperties__default["default"](_ref14, _excluded$R);
+    other = _objectWithoutProperties__default["default"](_ref14, _excluded$S);
   var theme = useTheme();
   var buttonSize = theme.buttonStyles.button.size[size];
   var isInheritedStyle = styleType === 'inherited';
@@ -2556,7 +2564,7 @@ var Button$1 = /*#__PURE__*/React__default["default"].forwardRef(function Button
     borderRadii: borderRadii
   }, other), children);
 });
-var propTypes$g = _objectSpread$B(_objectSpread$B({}, propTypes$k), {}, {
+var propTypes$g = _objectSpread$B(_objectSpread$B({}, propTypes$h), {}, {
   children: PropTypes__default["default"].node.isRequired,
   /** Select the color style of the button, types come from theme buttonStyles.button */
   styleType: PropTypes__default["default"].oneOf(buttonStyleTypes),
@@ -2570,19 +2578,10 @@ var propTypes$g = _objectSpread$B(_objectSpread$B({}, propTypes$k), {}, {
   /** Styles the Button with a flat right edge */
   flatRightEdge: PropTypes__default["default"].bool
 });
-var defaultProps$c = _objectSpread$B(_objectSpread$B({}, defaultProps$f), {}, {
-  styleType: 'default',
-  block: false,
-  mobileBlock: true,
-  size: 'default',
-  flatLeftEdge: false,
-  flatRightEdge: false
-});
 Button$1.propTypes = propTypes$g;
-Button$1.defaultProps = defaultProps$c;
 var Button$2 = Button$1;
 
-var _excluded$Q = ["children", "styleType"];
+var _excluded$R = ["children", "styleType"];
 function ownKeys$A(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$A(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$A(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$A(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledButton$3 = styled__default["default"](ButtonBase$1)(["background-color:transparent;border:none;box-shadow:none;cursor:pointer;color:", ";font-size:inherit;line-height:", ";padding:0;text-decoration:underline;&:hover,&:focus,&:active{color:", ";text-decoration:none;}&:active{box-shadow:none;}&[disabled],&[data-waiting],&[data-waiting]:active{color:", ";text-decoration:underline;}"], function (props) {
@@ -2598,7 +2597,7 @@ var LinkButton = /*#__PURE__*/React__default["default"].forwardRef(function Link
   var children = props.children,
     _props$styleType = props.styleType,
     styleType = _props$styleType === void 0 ? 'default' : _props$styleType,
-    other = _objectWithoutProperties__default["default"](props, _excluded$Q);
+    other = _objectWithoutProperties__default["default"](props, _excluded$R);
   var theme = useTheme();
   var variant = theme.buttonStyles.linkButton.variant[styleType];
   return /*#__PURE__*/React__default["default"].createElement(StyledButton$3, _extends__default["default"]({
@@ -2609,23 +2608,17 @@ var LinkButton = /*#__PURE__*/React__default["default"].forwardRef(function Link
 });
 
 /* eslint-disable @typescript-eslint/no-non-null-assertion */
-var propTypes$f = _objectSpread$A(_objectSpread$A({}, propTypes$k), {}, {
+var propTypes$f = _objectSpread$A(_objectSpread$A({}, propTypes$h), {}, {
   children: PropTypes__default["default"].node.isRequired,
   /** Select the color style of the button, types come from theme buttonStyles.linkButton */
   styleType: propTypes$g.styleType
 });
-var unchildrenDefaults$1 = _objectSpread$A({}, defaultProps$f);
-delete unchildrenDefaults$1['children'];
-var defaultProps$b = _objectSpread$A(_objectSpread$A({}, unchildrenDefaults$1), {}, {
-  styleType: defaultProps$c.styleType
-});
 /* eslint-enable @typescript-eslint/no-non-null-assertion */
 
-LinkButton.defaultProps = defaultProps$b;
 LinkButton.propTypes = propTypes$f;
 var LinkButton$1 = LinkButton;
 
-var _excluded$P = ["children", "styleType", "suppressUnderline"];
+var _excluded$Q = ["children", "styleType", "suppressUnderline"];
 function ownKeys$z(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$z(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$z(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$z(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledButton$2 = styled__default["default"](LinkButton$1)(["text-underline-position:under;text-decoration-skip-ink:none;text-decoration:", ";&:hover,:focus{text-decoration:", ";}"], function (props) {
@@ -2635,9 +2628,10 @@ var StyledButton$2 = styled__default["default"](LinkButton$1)(["text-underline-p
 });
 var PopoverLink = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedPopoverLink(props, forwardedRef) {
   var children = props.children,
-    styleType = props.styleType,
+    _props$styleType = props.styleType,
+    styleType = _props$styleType === void 0 ? 'primary' : _props$styleType,
     suppressUnderline = props.suppressUnderline,
-    other = _objectWithoutProperties__default["default"](props, _excluded$P);
+    other = _objectWithoutProperties__default["default"](props, _excluded$Q);
   return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends__default["default"]({
     ref: forwardedRef,
     styleType: styleType || 'default',
@@ -2651,12 +2645,7 @@ var propTypes$e = _objectSpread$z(_objectSpread$z({}, propTypes$f), {}, {
   /** Hide underline from link. Useful for children like Icons */
   suppressUnderline: PropTypes__default["default"].bool
 });
-var defaultProps$a = _objectSpread$z(_objectSpread$z({}, defaultProps$b), {}, {
-  styleType: 'primary',
-  suppressUnderline: false
-});
 PopoverLink.propTypes = propTypes$e;
-PopoverLink.defaultProps = defaultProps$a;
 var PopoverLink$1 = PopoverLink;
 
 var topIndex = 0;
@@ -2708,7 +2697,7 @@ function useTopZIndex() {
   return getTopIndex;
 }
 
-var _excluded$O = ["name", "disableHover", "disableFocus", "position", "content", "styleType", "children", "linkProps", "id"];
+var _excluded$P = ["name", "disableHover", "disableFocus", "position", "content", "styleType", "children", "linkProps", "id"];
 function ownKeys$y(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$y(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$y(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$y(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var TooltipBase = styled__default["default"].div(["position:absolute;z-index:", ";"], function (_ref) {
@@ -2775,7 +2764,7 @@ var Tooltip = /*#__PURE__*/React__default["default"].forwardRef(function Forward
     children = props.children,
     linkProps = props.linkProps,
     idProp = props.id,
-    other = _objectWithoutProperties__default["default"](props, _excluded$O);
+    other = _objectWithoutProperties__default["default"](props, _excluded$P);
   var getTopIndex = useTopZIndex();
   var tooltipId = name ? "es-tooltip__".concat(name) : undefined;
   var _useRootNode = useRootNode(document.body),
@@ -2898,7 +2887,7 @@ Tooltip.defaultProps = {
 };
 var Tooltip$1 = Tooltip;
 
-var _excluded$N = ["name", "trigger", "children", "position", "arrowSize", "hasTitle", "transitionIn", "setIsOpen", "transitionTimeout", "disableFlipping", "popperRef", "enableEvents", "strategy", "keepTogether", "disableRootClose", "onExited"];
+var _excluded$O = ["name", "trigger", "children", "position", "arrowSize", "hasTitle", "transitionIn", "setIsOpen", "transitionTimeout", "disableFlipping", "popperRef", "enableEvents", "strategy", "keepTogether", "disableRootClose", "onExited"];
 function ownKeys$x(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$x(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$x(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$x(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PopperBox = styled__default["default"].div(["border:1px solid rgba(0,0,0,0.3);box-shadow:0 5px 10px rgba(0,0,0,0.3);border-radius:2px;max-width:350px;min-width:270px;position:absolute;text-align:center;z-index:", ";"], function (_ref) {
@@ -3026,7 +3015,7 @@ var Popup = /*#__PURE__*/React__default["default"].forwardRef(function Forwarded
     keepTogether = _ref2.keepTogether,
     disableRootClose = _ref2.disableRootClose,
     onExited = _ref2.onExited,
-    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$N);
+    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$O);
   var arrowValues = getArrowValues(arrowSize);
   var _useRootNode = useRootNode(document.body),
     _useRootNode2 = _slicedToArray__default["default"](_useRootNode, 2),
@@ -3145,7 +3134,7 @@ Popup.defaultProps = {
 };
 var Popup$1 = Popup;
 
-var _excluded$M = ["name", "title", "content", "renderContent", "placement", "arrowSize", "renderTrigger", "hasCloseButton", "hasAltCloseButton", "disableCloseOnScroll", "disableRootClose", "disableFlipping", "enableEvents", "keepTogether", "strategy", "popoverWrapperClassName", "styleType"];
+var _excluded$N = ["name", "title", "content", "renderContent", "placement", "arrowSize", "renderTrigger", "hasCloseButton", "hasAltCloseButton", "disableCloseOnScroll", "disableRootClose", "disableFlipping", "enableEvents", "keepTogether", "strategy", "popoverWrapperClassName", "styleType"];
 function ownKeys$w(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$w(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$w(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$w(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Button = Button$2;
@@ -3193,7 +3182,7 @@ var Popover = /*#__PURE__*/React__default["default"].forwardRef(function Forward
     strategy = _ref.strategy,
     popoverWrapperClassName = _ref.popoverWrapperClassName,
     styleType = _ref.styleType,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$M);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$N);
   var hasTitle = title !== undefined;
   var hasAltCloseWithNoTitle = !hasTitle && hasAltCloseButton;
   var showCloseButton = hasCloseButton && !hasAltCloseButton;
@@ -3418,7 +3407,7 @@ var ModalContext = /*#__PURE__*/React__default["default"].createContext({
   ariaId: ''
 });
 
-var _excluded$L = ["hideCloseButton", "children", "level", "size"];
+var _excluded$M = ["hideCloseButton", "children", "level", "size"];
 var DismissButton = DismissButton$2;
 
 // Note: ModalHeader relies on a parent (Modal) with ThemeProvider wrapping it
@@ -3444,7 +3433,7 @@ function ModalHeader(props) {
     children = props.children,
     level = props.level,
     size = props.size,
-    otherProps = _objectWithoutProperties__default["default"](props, _excluded$L);
+    otherProps = _objectWithoutProperties__default["default"](props, _excluded$M);
   var _useContext = React.useContext(ModalContext),
     onHide = _useContext.onHide,
     ariaId = _useContext.ariaId;
@@ -3492,7 +3481,7 @@ var ModalFooter = styled__default["default"].div(["align-items:baseline;display:
 });
 var Footer = ModalFooter;
 
-var _excluded$K = ["animation", "backdrop", "children", "escapeExits", "onEnter", "onExit", "onHide", "show", "size", "parentSelector", "className", "overlayRef", "contentRef"];
+var _excluded$L = ["animation", "backdrop", "children", "escapeExits", "onEnter", "onExit", "onHide", "show", "size", "parentSelector", "className", "overlayRef", "contentRef"];
 function ownKeys$v(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$v(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$v(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$v(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var modalSize = {
@@ -3544,7 +3533,7 @@ function Modal(_ref2) {
     className = _ref2.className,
     overlayRef = _ref2.overlayRef,
     contentRef = _ref2.contentRef,
-    other = _objectWithoutProperties__default["default"](_ref2, _excluded$K);
+    other = _objectWithoutProperties__default["default"](_ref2, _excluded$L);
   var ariaId = useUniqueId(other.id);
   var portalClassName = "ReactModalPortal-".concat(useUniqueId());
   var _useRootNodeLocator = useRootNodeLocator(document.body),
@@ -3588,7 +3577,7 @@ function Modal(_ref2) {
   React.useEffect(function () {
     if (!animation || show) {
       setShouldShow(show);
-      return noop$1;
+      return noop$2;
     }
     var mounted = true;
     setTimeout(function () {
@@ -3621,7 +3610,7 @@ function Modal(_ref2) {
     topIndex: getTopIndex()
   }) : null, /*#__PURE__*/React__default["default"].createElement(ModalContext.Provider, {
     value: {
-      onHide: onHide || noop$1,
+      onHide: onHide || noop$2,
       ariaId: ariaId
     }
   }, /*#__PURE__*/React__default["default"].createElement(ReactModal__default["default"], _extends__default["default"]({
@@ -3695,13 +3684,13 @@ var propTypes$d = _objectSpread$v(_objectSpread$v({}, ReactModal__default["defau
     current: PropTypes__default["default"].any
   })])
 });
-var defaultProps$9 = {
+var defaultProps$5 = {
   animation: true,
   backdrop: true,
   escapeExits: true,
-  onEnter: noop$1,
-  onExit: noop$1,
-  onHide: noop$1,
+  onEnter: noop$2,
+  onExit: noop$2,
+  onHide: noop$2,
   show: false,
   size: 'medium',
   children: undefined,
@@ -3711,7 +3700,7 @@ var defaultProps$9 = {
   contentRef: null
 };
 Modal.propTypes = propTypes$d;
-Modal.defaultProps = defaultProps$9;
+Modal.defaultProps = defaultProps$5;
 Modal.Header = ModalHeader;
 Modal.Body = Body;
 Modal.Footer = Footer;
@@ -3721,7 +3710,7 @@ var ModalButtonContainer = styled__default["default"].div(["display:flex;flex-di
 });
 
 var _Heading$propTypes, _Heading$propTypes2;
-var _excluded$J = ["isOpen", "title", "subTitle", "shouldCloseOnEsc", "onRequestClose", "onAfterOpen", "children", "closeIcon", "closeIconScreenReaderText", "from", "headingLevel", "headingSize", "closeTimeout", "overlayStyles", "contentStyles", "appElement", "parentSelector", "hideHeader", "paneWidth"];
+var _excluded$K = ["isOpen", "title", "subTitle", "shouldCloseOnEsc", "onRequestClose", "onAfterOpen", "children", "closeIcon", "closeIconScreenReaderText", "from", "headingLevel", "headingSize", "closeTimeout", "overlayStyles", "contentStyles", "appElement", "parentSelector", "hideHeader", "paneWidth"];
 function ownKeys$u(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$u(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$u(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$u(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var PaneBase = styled__default["default"](ReactModal__default["default"])(["background:", ";box-shadow:0 8px 8px ", ";display:flex;flex-direction:column;height:100%;min-width:100px;transition:transform 0.5s;width:100%;will-change:transform;&:focus{outline-style:none;}@media (min-width:", "){width:", ";}"], function (props) {
@@ -3777,7 +3766,7 @@ function SlidingPane(_ref) {
     subTitle = _ref.subTitle,
     shouldCloseOnEsc = _ref.shouldCloseOnEsc,
     _ref$onRequestClose = _ref.onRequestClose,
-    onRequestClose = _ref$onRequestClose === void 0 ? noop$1 : _ref$onRequestClose,
+    onRequestClose = _ref$onRequestClose === void 0 ? noop$2 : _ref$onRequestClose,
     onAfterOpen = _ref.onAfterOpen,
     children = _ref.children,
     closeIcon = _ref.closeIcon,
@@ -3793,7 +3782,7 @@ function SlidingPane(_ref) {
     parentSelector = _ref.parentSelector,
     hideHeader = _ref.hideHeader,
     paneWidth = _ref.paneWidth,
-    rest = _objectWithoutProperties__default["default"](_ref, _excluded$J);
+    rest = _objectWithoutProperties__default["default"](_ref, _excluded$K);
   var _useRootNodeLocator = useRootNodeLocator(document.body),
     _useRootNodeLocator2 = _slicedToArray__default["default"](_useRootNodeLocator, 2),
     rootNode = _useRootNodeLocator2[0],
@@ -3869,8 +3858,8 @@ SlidingPane.defaultProps = {
   shouldCloseOnEsc: true,
   title: undefined,
   subTitle: undefined,
-  onRequestClose: noop$1,
-  onAfterOpen: noop$1,
+  onRequestClose: noop$2,
+  onAfterOpen: noop$2,
   closeIcon: undefined,
   closeIconScreenReaderText: 'Close',
   overlayStyles: {},
@@ -3881,7 +3870,7 @@ SlidingPane.defaultProps = {
   paneWidth: null
 };
 
-var _excluded$I = ["children", "styleType", "size", "as"];
+var _excluded$J = ["children", "styleType", "size", "as"];
 function ownKeys$t(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$t(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$t(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$t(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledButton$1 = styled__default["default"](Button$2)(["background-color:", ";border:2px solid ", ";color:", ";overflow:hidden;&:focus{box-shadow:0 0 0 0.2rem ", ";outline:none;}@media (hover:hover),(-ms-high-contrast:none){&:hover{background-color:", ";color:", ";border-color:", ";}}&:active,&.pressed{background-color:", ";color:", ";}&.pressed{box-shadow:inset 0 3px 5px rgba(0,0,0,0.25);}&:active:focus,&.pressed:focus{box-shadow:inset 0 3px 5px rgba(0,0,0,0.25),0 0 0 0.2rem ", ";}&[disabled],&[data-waiting],&[data-waiting]:active,&[data-waiting].pressed,&[data-waiting].pressed{background-color:#e6e6e6;border-color:#e6e6e6;color:#ccc;cursor:not-allowed;&:hover,&:active,&.pressed{background-color:#e6e6e6;border-color:#e6e6e6;color:#ccc;&:focus{box-shadow:0 0 0 0.2rem ", ";}}> *{pointer-events:none;}}"], function (props) {
@@ -3914,7 +3903,7 @@ var OutlineButton = /*#__PURE__*/React__default["default"].forwardRef(function O
     _props$size = props.size,
     size = _props$size === void 0 ? 'default' : _props$size,
     as = props.as,
-    other = _objectWithoutProperties__default["default"](props, _excluded$I);
+    other = _objectWithoutProperties__default["default"](props, _excluded$J);
   var theme = useTheme();
   var buttonSize = theme.buttonStyles.outlineButton.size[size];
   var variant = theme.buttonStyles.outlineButton.variant[styleType];
@@ -3954,28 +3943,29 @@ var propTypes$c = _objectSpread$t(_objectSpread$t({}, Button$2.propTypes), {}, {
 });
 /* eslint-enable @typescript-eslint/no-non-null-assertion */
 
-var defaultProps$8 = _objectSpread$t({}, Button$2.defaultProps);
 OutlineButton.propTypes = propTypes$c;
-OutlineButton.defaultProps = defaultProps$8;
 var OutlineButton$1 = OutlineButton;
 
-var _excluded$H = ["styleType", "size", "block", "isOutline", "onClick"];
+var _excluded$I = ["styleType", "size", "block", "isOutline", "onClick", "isPressed"];
 function ownKeys$s(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$s(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$s(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$s(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ToggleButton = /*#__PURE__*/React__default["default"].forwardRef(function ToggleButton(props, ref) {
   var styleType = props.styleType,
     size = props.size,
     block = props.block,
-    isOutline = props.isOutline,
+    _props$isOutline = props.isOutline,
+    isOutline = _props$isOutline === void 0 ? false : _props$isOutline,
     onClick = props.onClick,
-    buttonProps = _objectWithoutProperties__default["default"](props, _excluded$H);
-  var _useState = React.useState(props.isPressed),
+    _props$isPressed = props.isPressed,
+    isPressedProp = _props$isPressed === void 0 ? false : _props$isPressed,
+    buttonProps = _objectWithoutProperties__default["default"](props, _excluded$I);
+  var _useState = React.useState(isPressedProp),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isPressed = _useState2[0],
     setIsPressed = _useState2[1];
   React.useEffect(function () {
-    setIsPressed(props.isPressed);
-  }, [props.isPressed]);
+    setIsPressed(isPressedProp);
+  }, [isPressedProp]);
   var toggleButton = useMonitoringCallback(function (currentOnClick, event) {
     setIsPressed(function (oldIsPressed) {
       return !oldIsPressed;
@@ -3993,25 +3983,15 @@ var ToggleButton = /*#__PURE__*/React__default["default"].forwardRef(function To
     ref: ref
   }), props.children);
 });
-
-/* eslint-disable @typescript-eslint/no-non-null-assertion */
 ToggleButton.propTypes = _objectSpread$s(_objectSpread$s({}, Button$2.propTypes), {}, {
   isOutline: PropTypes__default["default"].bool,
   isPressed: PropTypes__default["default"].bool
 });
-var unchildrenDefaults = _objectSpread$s({}, Button$2.defaultProps);
-delete unchildrenDefaults['children'];
-ToggleButton.defaultProps = _objectSpread$s(_objectSpread$s({}, unchildrenDefaults), {}, {
-  isOutline: false,
-  isPressed: false
-});
-/* eslint-enable @typescript-eslint/no-non-null-assertion */
-
 var ToggleButton$1 = ToggleButton;
 
 var InlineContext = /*#__PURE__*/React__default["default"].createContext(false);
 
-var _excluded$G = ["children", "headerContent", "isOpen", "onClose"];
+var _excluded$H = ["children", "headerContent", "isOpen", "onClose"];
 var StyledPanel = styled__default["default"].div(["background-color:", ";display:", ";position:absolute;z-index:", ";"], function (_ref) {
   var gray2 = _ref.theme.colors.gray2;
   return gray2;
@@ -4035,7 +4015,7 @@ var MenuPanel = /*#__PURE__*/React__default["default"].forwardRef(function Forwa
     headerContent = _ref3.headerContent,
     isOpen = _ref3.isOpen,
     onClose = _ref3.onClose,
-    other = _objectWithoutProperties__default["default"](_ref3, _excluded$G);
+    other = _objectWithoutProperties__default["default"](_ref3, _excluded$H);
   var getTopIndex = useTopZIndex();
   useMonitoringEffect(function (currentOnClose) {
     if (!isOpen) {
@@ -4078,7 +4058,7 @@ MenuPanel.defaultProps = {
 };
 var MenuPanel$1 = MenuPanel;
 
-var _excluded$F = ["title", "children", "isLast", "isFirst", "isOnlySection"];
+var _excluded$G = ["title", "children", "isLast", "isFirst", "isOnlySection"];
 var StyledMenuSection = styled__default["default"].section(["padding-top:", ";padding-bottom:", ";border-bottom:", ";"], function (props) {
   return !props.isFirst && !props.inline && !props.isOnlySection ? '20px' : '0px';
 }, function (props) {
@@ -4094,7 +4074,7 @@ var MenuSection = /*#__PURE__*/React__default["default"].forwardRef(function Men
     isLast = props.isLast,
     isFirst = props.isFirst,
     isOnlySection = props.isOnlySection,
-    other = _objectWithoutProperties__default["default"](props, _excluded$F);
+    other = _objectWithoutProperties__default["default"](props, _excluded$G);
   var inline = React.useContext(InlineContext);
   return /*#__PURE__*/React__default["default"].createElement(StyledMenuSection, _extends__default["default"]({
     ref: ref,
@@ -4139,7 +4119,7 @@ var RootCloseWrapper = /*#__PURE__*/React__default["default"].forwardRef(functio
 });
 var RootCloseWrapper$1 = RootCloseWrapper;
 
-var _excluded$E = ["inline", "children", "buttonContent", "openButtonType", "rootClose", "hasBackdrop", "headerContent"];
+var _excluded$F = ["inline", "children", "buttonContent", "openButtonType", "rootClose", "hasBackdrop", "headerContent"];
 var Backdrop = styled__default["default"].div(["background-color:black;bottom:0;cursor:auto;left:0;opacity:0.5;position:fixed;right:0;top:0;z-index:auto;display:", ";"], function (props) {
   return props.isMenuOpen ? 'inherit' : 'none';
 });
@@ -4161,7 +4141,7 @@ var Menu = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedM
     rootClose = props.rootClose,
     hasBackdrop = props.hasBackdrop,
     headerContent = props.headerContent,
-    other = _objectWithoutProperties__default["default"](props, _excluded$E);
+    other = _objectWithoutProperties__default["default"](props, _excluded$F);
   return /*#__PURE__*/React__default["default"].createElement(RootCloseWrapper$1, {
     onRootClose: closeMenu,
     disabled: !rootClose
@@ -4202,7 +4182,7 @@ Menu.defaultProps = {
 };
 var Menu$1 = Menu;
 
-var _excluded$D = ["name", "selected", "action", "children", "simpleName", "announcerText"];
+var _excluded$E = ["name", "selected", "action", "children", "simpleName", "announcerText"];
 var TabButton = styled__default["default"].button(["background-color:", ";box-shadow:", ";color:", ";display:inline-block;font-size:inherit;line-height:", ";padding:10px;text-align:left;z-index:1;&:focus{outline:none;}@media (max-width:", "){border:1px solid ", ";}@media (min-width:", "){background-color:", ";border:", ";border-bottom-color:", ";box-shadow:none;padding:10px 15px;margin:0 2px 0px 0;&:hover,&:focus{background-color:", ";}}"], function (props) {
   return props.selected ? props.theme.colors.white : props.theme.colors.gray2;
 }, function (props) {
@@ -4231,13 +4211,13 @@ var Tab = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedTa
   var name = _ref.name,
     selected = _ref.selected,
     _ref$action = _ref.action,
-    action = _ref$action === void 0 ? noop$1 : _ref$action,
+    action = _ref$action === void 0 ? noop$2 : _ref$action,
     children = _ref.children,
     _ref$simpleName = _ref.simpleName,
     simpleName = _ref$simpleName === void 0 ? '' : _ref$simpleName,
     _ref$announcerText = _ref.announcerText,
     announcerText = _ref$announcerText === void 0 ? '' : _ref$announcerText,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$D);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$E);
   var className = "tab-button-".concat(selected ? 'selected' : 'unselected', " ").concat(props.className || '');
   var ariaLabel = "".concat(simpleName || name.toString(), " tab");
   return /*#__PURE__*/React__default["default"].createElement(TabButton, _extends__default["default"]({
@@ -4283,14 +4263,14 @@ Tab.propTypes = {
 };
 Tab.defaultProps = {
   selected: false,
-  action: noop$1,
+  action: noop$2,
   children: undefined,
   simpleName: '',
   announcerText: ''
 };
 var Tab$1 = Tab;
 
-var _excluded$C = ["child"],
+var _excluded$D = ["child"],
   _excluded2$5 = ["children", "selectedKey", "tabChanged", "canTabChange"];
 var TabList = styled__default["default"].div(["display:flex;flex-direction:column;font-size:inherit;overflow:hidden;@media (max-width:", "){width:100%;}@media (min-width:", "){flex-direction:row;justify-content:flex-start;}"], function (props) {
   return props.theme.screenSize.desktop;
@@ -4304,7 +4284,7 @@ var TabContent = styled__default["default"].div(["margin-top:-1px;background-col
 });
 var TabPanelTabRenderer = function TabPanelTabRenderer(_ref) {
   var child = _ref.child,
-    tabChildProps = _objectWithoutProperties__default["default"](_ref, _excluded$C);
+    tabChildProps = _objectWithoutProperties__default["default"](_ref, _excluded$D);
   return /*#__PURE__*/React__default["default"].isValidElement(child) ? /*#__PURE__*/React__default["default"].cloneElement(child, tabChildProps) : child;
 };
 var TabContentChildRenderer = function TabContentChildRenderer(_ref2) {
@@ -4325,7 +4305,7 @@ var TabPanel = /*#__PURE__*/React__default["default"].forwardRef(function Forwar
   var children = _ref3.children,
     selectedKey = _ref3.selectedKey,
     _ref3$tabChanged = _ref3.tabChanged,
-    tabChanged = _ref3$tabChanged === void 0 ? noop$1 : _ref3$tabChanged,
+    tabChanged = _ref3$tabChanged === void 0 ? noop$2 : _ref3$tabChanged,
     _ref3$canTabChange = _ref3.canTabChange,
     canTabChange = _ref3$canTabChange === void 0 ? tabCanChangeFunc : _ref3$canTabChange,
     props = _objectWithoutProperties__default["default"](_ref3, _excluded2$5);
@@ -4337,8 +4317,8 @@ var TabPanel = /*#__PURE__*/React__default["default"].forwardRef(function Forwar
     _useState4 = _slicedToArray__default["default"](_useState3, 2),
     selectedIndex = _useState4[0],
     setSelectedIndex = _useState4[1];
-  var selectTabAction = React.useCallback( /*#__PURE__*/function () {
-    var _ref4 = _asyncToGenerator__default["default"]( /*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(header) {
+  var selectTabAction = React.useCallback(/*#__PURE__*/function () {
+    var _ref4 = _asyncToGenerator__default["default"](/*#__PURE__*/_regeneratorRuntime__default["default"].mark(function _callee(header) {
       var canChange;
       return _regeneratorRuntime__default["default"].wrap(function _callee$(_context) {
         while (1) switch (_context.prev = _context.next) {
@@ -4421,7 +4401,7 @@ TabPanel.propTypes = {
 TabPanel.defaultProps = {
   children: undefined,
   selectedKey: '',
-  tabChanged: noop$1,
+  tabChanged: noop$2,
   canTabChange: tabCanChangeFunc
 };
 TabPanel.Tab = Tab$1;
@@ -4473,7 +4453,7 @@ var PromptType = {
   doNotReadAloud: 'doNotReadAloud'
 };
 
-var _excluded$B = ["isContentReadAloud", "children"];
+var _excluded$C = ["isContentReadAloud", "children"];
 var IconWrapper = styled__default["default"].div(["background-color:", ";padding:6px 0 0 6px;"], function (promptProps) {
   return promptProps.bannerBgColor;
 });
@@ -4492,7 +4472,7 @@ var BannerLabel = styled__default["default"](Label$2)(["letter-spacing:0.5px;fon
 var Prompt = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedPrompt(_ref2, ref) {
   var isContentReadAloud = _ref2.isContentReadAloud,
     children = _ref2.children,
-    props = _objectWithoutProperties__default["default"](_ref2, _excluded$B);
+    props = _objectWithoutProperties__default["default"](_ref2, _excluded$C);
   var theme = useTheme();
   var promptStyles = isContentReadAloud ? theme.promptStyles[PromptType.readAloud] : theme.promptStyles[PromptType.doNotReadAloud];
   var inlineIconText = isContentReadAloud ? /*#__PURE__*/React__default["default"].createElement(BannerLabel, {
@@ -4521,7 +4501,7 @@ Prompt.propTypes = {
 };
 var Prompt$1 = Prompt;
 
-var _excluded$A = ["type"];
+var _excluded$B = ["type"];
 function ownKeys$r(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$r(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$r(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$r(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var BannerContainer = styled__default["default"].div(["align-items:center;background-color:", ";border-radius:2px;color:", ";display:flex;padding:", ";", ""], function (props) {
@@ -4536,7 +4516,7 @@ var BannerContainer = styled__default["default"].div(["align-items:center;backgr
 });
 var Banner = /*#__PURE__*/React__default["default"].forwardRef(function InnerBanner(_ref2, ref) {
   var type = _ref2.type,
-    props = _objectWithoutProperties__default["default"](_ref2, _excluded$A);
+    props = _objectWithoutProperties__default["default"](_ref2, _excluded$B);
   var theme = useTheme();
   var variant = theme.bannerStyles[type];
   var bannerProps = _objectSpread$r({
@@ -4553,7 +4533,7 @@ var propTypes$b = {
 Banner.propTypes = propTypes$b;
 var Banner$1 = Banner;
 
-var _excluded$z = ["isCondensed", "isRoomy"];
+var _excluded$A = ["isCondensed", "isRoomy"];
 var TableBase$1 = styled__default["default"].table(["border-collapse:collapse;border:0;border-spacing:0;margin:0 0 25px 0;padding:0;width:100%;caption{padding-top:8px;padding-bottom:8px;color:", ";font-size:1.3em;margin:0.5em 0;text-align:left;}thead th{border-bottom:2px solid ", ";}tbody tr:not(:first-child){th,td{border-top:1px solid ", ";}}th{font-family:'Source Sans Pro','Segoe UI',Segoe,Calibri,Tahoma,sans-serif;font-weight:bold;line-height:", ";padding:", ";text-align:left;vertical-align:bottom;}td{line-height:", ";padding:", ";vertical-align:top;}&& tbody{", ";th{vertical-align:top;}}&& tbody{", ";}"], function (props) {
   return props.theme.colors.gray8;
 }, function (props) {
@@ -4576,7 +4556,7 @@ var TableBase$1 = styled__default["default"].table(["border-collapse:collapse;bo
 var Table = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedTable(props, ref) {
   var isCondensed = props.isCondensed,
     isRoomy = props.isRoomy,
-    rest = _objectWithoutProperties__default["default"](props, _excluded$z);
+    rest = _objectWithoutProperties__default["default"](props, _excluded$A);
   var cellPadding = '8px';
   cellPadding = isCondensed ? '5px' : cellPadding;
   cellPadding = isRoomy ? '12px' : cellPadding;
@@ -4627,7 +4607,7 @@ var ResponsiveTable = /*#__PURE__*/React__default["default"].forwardRef(function
 });
 var ResponsiveTable$1 = ResponsiveTable;
 
-var _excluded$y = ["shapeColor", "shimmerColor"];
+var _excluded$z = ["shapeColor", "shimmerColor"];
 var _templateObject, _templateObject2;
 function ownKeys$q(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$q(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$q(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$q(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -4658,7 +4638,7 @@ var SkeletonShape = styled.div(_templateObject2 || (_templateObject2 = _taggedTe
 var LoadingSkeleton = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedLoadingSkeleton(_ref8, ref) {
   var shapeColor = _ref8.shapeColor,
     shimmerColor = _ref8.shimmerColor,
-    props = _objectWithoutProperties__default["default"](_ref8, _excluded$y);
+    props = _objectWithoutProperties__default["default"](_ref8, _excluded$z);
   var theme = useTheme();
   var colors = theme.colors;
   var shimmer = shimmerColor || colors.white;
@@ -4692,7 +4672,7 @@ var useValidationState = function useValidationState() {
   return React__default["default"].useContext(ValidationContext);
 };
 
-var _excluded$x = ["validationState", "hasValidationBorder", "orientation", "borderOffset", "children", "flat"];
+var _excluded$y = ["validationState", "hasValidationBorder", "orientation", "borderOffset", "children", "flat"];
 function ownKeys$p(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$p(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$p(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$p(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var FlexControl = styled__default["default"].div(["color:", ";display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:25px;>[role=\"group\"]{margin-bottom:0;}", "}", ";"], function (props) {
@@ -4711,7 +4691,7 @@ var Control = /*#__PURE__*/React__default["default"].forwardRef(function Forward
     borderOffset = props.borderOffset,
     children = props.children,
     flat = props.flat,
-    other = _objectWithoutProperties__default["default"](props, _excluded$x);
+    other = _objectWithoutProperties__default["default"](props, _excluded$y);
   var theme = useTheme();
   var extraFormContext = isBool$1(flat) ? {
     flat: flat
@@ -4754,7 +4734,7 @@ Control.defaultProps = {
 };
 var Control$1 = Control;
 
-var _excluded$w = ["children", "hasValidationIcon"];
+var _excluded$x = ["children", "hasValidationIcon"];
 function ownKeys$o(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$o(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$o(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$o(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var ValidationIcon = styled__default["default"](Icon$2)(["&&{align-self:flex-start;font-size:35px;margin-right:5px;}"]);
@@ -4762,7 +4742,7 @@ var HelpText = styled__default["default"].div(["align-items:center;color:inherit
 var AdditionalHelp = /*#__PURE__*/React__default["default"].forwardRef(function AdditionalHelp(_ref, ref) {
   var children = _ref.children,
     hasValidationIcon = _ref.hasValidationIcon,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$w);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$x);
   var theme = useTheme();
   var validationState = React__default["default"].useContext(ValidationContext$1);
   return /*#__PURE__*/React__default["default"].createElement(HelpText, _extends__default["default"]({}, props, {
@@ -4783,7 +4763,7 @@ AdditionalHelp.defaultProps = {
 };
 var AdditionalHelp$1 = AdditionalHelp;
 
-var _excluded$v = ["icons", "style", "iconProps"];
+var _excluded$w = ["icons", "style", "iconProps"];
 function ownKeys$n(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$n(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$n(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$n(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var computeStyle = function computeStyle() {
@@ -4829,7 +4809,7 @@ var HiddenIcons = /*#__PURE__*/React.forwardRef(function ForwardedHiddenIcons(_r
   var icons = _ref.icons,
     style = _ref.style,
     iconProps = _ref.iconProps,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$v);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$w);
   return /*#__PURE__*/React__default["default"].createElement("div", _extends__default["default"]({
     "aria-hidden": "true",
     style: _objectSpread$n({
@@ -4945,9 +4925,9 @@ var InputBase = /*#__PURE__*/React__default["default"].forwardRef(function Forwa
   }, validationStyleProps));
 });
 var propTypes$a = _objectSpread$m({}, htmlInputPropTypes);
-var defaultProps$7 = _objectSpread$m({}, htmlInputDefaultProps);
+var defaultProps$4 = _objectSpread$m({}, htmlInputDefaultProps);
 InputBase.propTypes = propTypes$a;
-InputBase.defaultProps = defaultProps$7;
+InputBase.defaultProps = defaultProps$4;
 var InputBase$1 = InputBase;
 var basicTextboxStyles = styled$1.css(["", " ", ""], validationStateSetupStyles, styled$1.css(["display:table-cell;-webkit-appearance:none;&&:read-only{", "}"], validationStateReadonlyStyles));
 var BasicTextboxComponent = styled__default["default"](InputBaseComponent)(["", " &&:focus{", "}"], basicTextboxStyles, validationStateHighlightStyles);
@@ -4979,7 +4959,7 @@ function useValidationStyleProps(props) {
   return _objectSpread$m(_objectSpread$m(_objectSpread$m({}, newValidationProps), props), finalProps);
 }
 
-var _excluded$u = ["prependIconName", "appendIconName", "type", "flat", "className", "style"];
+var _excluded$v = ["prependIconName", "appendIconName", "type", "flat", "className", "style"];
 function ownKeys$l(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$l(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$l(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$l(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var InputWrapper = styled__default["default"].div(["", " ", " display:flex;padding:0 !important;&:focus-within{", "}&&:before{", "}&&:after{", "}&&:before,&&:after{", " box-sizing:border-box;display:flex;flex-direction:column;justify-content:center;line-height:1;margin:0;outline:0;padding:0.333em 0.6111em;}"], validationStateSetupStyles, validationStateInputStyles, validationStateHighlightStyles, function (props) {
@@ -5006,7 +4986,7 @@ var Textbox = /*#__PURE__*/React__default["default"].forwardRef(function Forward
     flat = props.flat,
     className = props.className,
     style = props.style,
-    additionalTextProps = _objectWithoutProperties__default["default"](props, _excluded$u);
+    additionalTextProps = _objectWithoutProperties__default["default"](props, _excluded$v);
   var validationProps = useValidationStyleProps({
     flat: flat
   });
@@ -5070,14 +5050,14 @@ var propTypes$9 = _objectSpread$l(_objectSpread$l({}, propTypes$a), {}, {
   /** Whether the textbox is the flat style or not */
   flat: PropTypes__default["default"].bool
 });
-var defaultProps$6 = _objectSpread$l(_objectSpread$l({}, defaultProps$7), {}, {
+var defaultProps$3 = _objectSpread$l(_objectSpread$l({}, defaultProps$4), {}, {
   prependIconName: undefined,
   appendIconName: undefined,
   type: 'text',
   flat: undefined
 });
 Textbox.propTypes = propTypes$9;
-Textbox.defaultProps = defaultProps$6;
+Textbox.defaultProps = defaultProps$3;
 var Textbox$1 = Textbox;
 
 var TextareaBase = styled__default["default"].textarea(["border:1px solid ", ";border-radius:2px;box-shadow:", ";box-sizing:border-box;color:", ";font-size:", ";font-family:", ";font-weight:normal;line-height:", ";min-width:0;padding:6px 12px;transition:border-color ease-in-out 0.15s,box-shadow ease-in-out 0.15s;&:focus{border-color:", ";box-shadow:", ";outline:0;}&:disabled{background-color:", ";cursor:not-allowed;}&:read-only{background-color:transparent;border:0;box-shadow:none;padding-left:0;padding-right:0;}"], function (props) {
@@ -5148,7 +5128,7 @@ var inputMask = {
 };
 var inputMaskType = inputMask;
 
-var _excluded$t = ["maskType", "customMask"];
+var _excluded$u = ["maskType", "customMask"];
 function ownKeys$k(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$k(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$k(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$k(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var maskTypes = [].concat(_toConsumableArray__default["default"](maskTypes$1), ['custom']);
@@ -5158,7 +5138,7 @@ var isCustomMask = function isCustomMask(maskProps) {
 var MaskedTextbox = /*#__PURE__*/React__default["default"].forwardRef(function MaskedTextbox(props, ref) {
   var maskType = props.maskType,
     customMask = props.customMask,
-    additionalTextProps = _objectWithoutProperties__default["default"](props, _excluded$t);
+    additionalTextProps = _objectWithoutProperties__default["default"](props, _excluded$u);
   var _useState = React.useState(),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     inputRef = _useState2[0],
@@ -5206,7 +5186,7 @@ var propTypes$8 = _objectSpread$k(_objectSpread$k({}, propTypes$9), {}, {
 MaskedTextbox.propTypes = propTypes$8;
 var MaskedTextbox$1 = MaskedTextbox;
 
-var _excluded$s = ["children", "styleType"];
+var _excluded$t = ["children", "styleType"];
 function ownKeys$j(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$j(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$j(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$j(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var StyledButton = styled__default["default"](Button$2)(["background-color:", ";border-color:", ";color:", ";@media (hover:hover),(-ms-high-contrast:none){&:hover{background-color:", ";border-color:", ";}}"], function (props) {
@@ -5224,7 +5204,7 @@ var ActionButton$1 = /*#__PURE__*/React__default["default"].forwardRef(function
   var children = props.children,
     _props$styleType = props.styleType,
     styleType = _props$styleType === void 0 ? 'default' : _props$styleType,
-    other = _objectWithoutProperties__default["default"](props, _excluded$s);
+    other = _objectWithoutProperties__default["default"](props, _excluded$t);
   var theme = useTheme();
   var defaultStyle = theme.buttonStyles.button.variant.default;
   var hoverStyle = theme.buttonStyles.button.variant[styleType];
@@ -5241,14 +5221,10 @@ var propTypes$7 = _objectSpread$j(_objectSpread$j({}, propTypes$g), {}, {
   /** Select the color style of the button, types come from theme buttonStyles.button */
   styleType: propTypes$g.styleType
 });
-var defaultProps$5 = _objectSpread$j(_objectSpread$j({}, defaultProps$c), {}, {
-  styleType: 'primary'
-});
 ActionButton$1.propTypes = propTypes$7;
-ActionButton$1.defaultProps = defaultProps$5;
 var ActionButton$2 = ActionButton$1;
 
-var _excluded$r = ["id", "rootClose", "children", "buttonValue", "manualButtonValue", "shouldCloseOnButtonClick", "shouldUpdateButtonValue", "styleType", "inline", "flatLeftEdge", "flatRightEdge"];
+var _excluded$s = ["id", "rootClose", "children", "buttonValue", "manualButtonValue", "shouldCloseOnButtonClick", "shouldUpdateButtonValue", "styleType", "inline", "flatLeftEdge", "flatRightEdge"];
 function ownKeys$i(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$i(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$i(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$i(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SplitButton = styled__default["default"](Button$2)(["", " ", " min-width:10px;padding-left:8px;padding-right:6px;span{margin-left:0;}"], function (props) {
@@ -5352,13 +5328,19 @@ var DropdownButton = /*#__PURE__*/React__default["default"].forwardRef(function
     children = _ref2.children,
     buttonValue = _ref2.buttonValue,
     manualButtonValue = _ref2.manualButtonValue,
-    shouldCloseOnButtonClick = _ref2.shouldCloseOnButtonClick,
-    shouldUpdateButtonValue = _ref2.shouldUpdateButtonValue,
-    styleType = _ref2.styleType,
-    inline = _ref2.inline,
-    flatLeftEdge = _ref2.flatLeftEdge,
-    flatRightEdge = _ref2.flatRightEdge,
-    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$r);
+    _ref2$shouldCloseOnBu = _ref2.shouldCloseOnButtonClick,
+    shouldCloseOnButtonClick = _ref2$shouldCloseOnBu === void 0 ? false : _ref2$shouldCloseOnBu,
+    _ref2$shouldUpdateBut = _ref2.shouldUpdateButtonValue,
+    shouldUpdateButtonValue = _ref2$shouldUpdateBut === void 0 ? false : _ref2$shouldUpdateBut,
+    _ref2$styleType = _ref2.styleType,
+    styleType = _ref2$styleType === void 0 ? 'default' : _ref2$styleType,
+    _ref2$inline = _ref2.inline,
+    inline = _ref2$inline === void 0 ? false : _ref2$inline,
+    _ref2$flatLeftEdge = _ref2.flatLeftEdge,
+    flatLeftEdge = _ref2$flatLeftEdge === void 0 ? false : _ref2$flatLeftEdge,
+    _ref2$flatRightEdge = _ref2.flatRightEdge,
+    flatRightEdge = _ref2$flatRightEdge === void 0 ? false : _ref2$flatRightEdge,
+    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$s);
   var ActivationButton = flatLeftEdge || flatRightEdge ? SplitButton : Button$2;
   var _useState = React.useState(buttonValue),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -5478,35 +5460,13 @@ DropdownButton.propTypes = _objectSpread$i(_objectSpread$i({}, propTypes$g), {},
   /** Styles the Button with a flat right edge */
   flatRightEdge: PropTypes__default["default"].bool
 });
-var correctedDefaultProps = Object.entries(defaultProps$c).filter(function (entry) {
-  return entry[0] !== 'children';
-}).reduce(function (acc, _ref3) {
-  var _ref4 = _slicedToArray__default["default"](_ref3, 2),
-    key = _ref4[0],
-    value = _ref4[1];
-  return (// eslint-disable-next-line @typescript-eslint/no-unsafe-assignment
-    _objectSpread$i(_objectSpread$i({}, acc), {}, _defineProperty__default["default"]({}, key, value))
-  );
-}, {});
-DropdownButton.defaultProps = _objectSpread$i(_objectSpread$i({}, correctedDefaultProps), {}, {
-  buttonValue: undefined,
-  manualButtonValue: undefined,
-  shouldUpdateButtonValue: false,
-  shouldCloseOnButtonClick: false,
-  styleType: 'default',
-  rootClose: false,
-  inline: false,
-  id: undefined,
-  flatLeftEdge: false,
-  flatRightEdge: false
-});
 var DropdownButton$1 = DropdownButton;
 var _StyledRootCloseWrapper = styled__default["default"](RootCloseWrapper$1)(["display:", ";flex-direction:column;position:relative;"], function (p) {
   return p.$_css;
 });
 var _StyledDiv = styled__default["default"]("div")(["position:relative;"]);
 
-var _excluded$q = ["iconName", "iconSize", "childrenFontSize", "isHighlighted", "isIncomplete", "disabled", "maxWidth", "onClick", "styleType", "children"];
+var _excluded$r = ["iconName", "iconSize", "childrenFontSize", "isHighlighted", "isIncomplete", "disabled", "maxWidth", "onClick", "styleType", "children"];
 function ownKeys$h(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$h(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$h(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$h(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var Container$1 = styled__default["default"].div(["align-items:center;display:flex;flex-direction:column;max-width:", ";"], function (props) {
@@ -5535,21 +5495,29 @@ var IconText = styled__default["default"].span(["font-size:", "px;font-weight:",
 }, function (props) {
   return props.maxWidth;
 });
+var noop = function noop() {
+  // noop
+};
 var IconButton = /*#__PURE__*/React__default["default"].forwardRef(function IconButton(_ref, ref) {
   var iconName = _ref.iconName,
-    iconSize = _ref.iconSize,
+    _ref$iconSize = _ref.iconSize,
+    iconSize = _ref$iconSize === void 0 ? 45 : _ref$iconSize,
     _ref$childrenFontSize = _ref.childrenFontSize,
     childrenFontSize = _ref$childrenFontSize === void 0 ? 18 : _ref$childrenFontSize,
-    isHighlighted = _ref.isHighlighted,
-    isIncomplete = _ref.isIncomplete,
-    disabled = _ref.disabled,
+    _ref$isHighlighted = _ref.isHighlighted,
+    isHighlighted = _ref$isHighlighted === void 0 ? false : _ref$isHighlighted,
+    _ref$isIncomplete = _ref.isIncomplete,
+    isIncomplete = _ref$isIncomplete === void 0 ? false : _ref$isIncomplete,
+    _ref$disabled = _ref.disabled,
+    disabled = _ref$disabled === void 0 ? false : _ref$disabled,
     _ref$maxWidth = _ref.maxWidth,
     maxWidth = _ref$maxWidth === void 0 ? 'auto' : _ref$maxWidth,
-    onClick = _ref.onClick,
+    _ref$onClick = _ref.onClick,
+    onClick = _ref$onClick === void 0 ? noop : _ref$onClick,
     _ref$styleType = _ref.styleType,
     styleType = _ref$styleType === void 0 ? 'magenta' : _ref$styleType,
     children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$q);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$r);
   var CurrentButton = isIncomplete ? IncompleteButton : StyledIconButton;
   var theme = useTheme();
   var textId = generateAlphaName();
@@ -5597,19 +5565,6 @@ IconButton.propTypes = _objectSpread$h(_objectSpread$h({}, Container$1.propTypes
   /** Content to be displayed below the icon */
   children: PropTypes__default["default"].node
 });
-IconButton.defaultProps = _objectSpread$h(_objectSpread$h({}, Container$1.defaultProps), {}, {
-  isHighlighted: false,
-  isIncomplete: false,
-  iconSize: 45,
-  childrenFontSize: 18,
-  disabled: false,
-  maxWidth: undefined,
-  onClick: function onClick() {
-    return {};
-  },
-  styleType: 'magenta',
-  children: undefined
-});
 var IconButton$1 = IconButton;
 
 var radioGroupContextPropTypes = {
@@ -5628,7 +5583,7 @@ function useRadioGroupContext() {
   return React.useContext(RadioGroupContext);
 }
 
-var _excluded$p = ["children", "className", "displayClassName"];
+var _excluded$q = ["children", "className", "displayClassName"];
 function ownKeys$g(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$g(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$g(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$g(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var RadioDisplayWrapper = styled__default["default"].div([""]);
@@ -5682,7 +5637,7 @@ var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function For
   var children = _ref3.children,
     className = _ref3.className,
     displayClassName = _ref3.displayClassName,
-    radioProps = _objectWithoutProperties__default["default"](_ref3, _excluded$p);
+    radioProps = _objectWithoutProperties__default["default"](_ref3, _excluded$q);
   var contextProps = useRadioGroupContext();
   var disableAllOptions = contextProps.disableAllOptions;
   var id = useUniqueId(radioProps.id);
@@ -5732,7 +5687,7 @@ RadioButton.defaultProps = _objectSpread$g(_objectSpread$g({}, htmlInputDefaultP
 });
 var RadioButton$1 = RadioButton;
 
-var _excluded$o = ["children", "itemWidth", "styleType", "selectedType", "size", "isOutline"],
+var _excluded$p = ["children", "itemWidth", "styleType", "selectedType", "size", "isOutline"],
   _excluded2$4 = ["size"];
 function ownKeys$f(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$f(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$f(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$f(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
@@ -5798,7 +5753,7 @@ var AnswerButton = /*#__PURE__*/React__default["default"].forwardRef(function An
     selectedTypeProp = _ref.selectedType,
     sizeProp = _ref.size,
     isOutlineProp = _ref.isOutline,
-    radioProps = _objectWithoutProperties__default["default"](_ref, _excluded$o);
+    radioProps = _objectWithoutProperties__default["default"](_ref, _excluded$p);
   var _useRadioGroupContext = useRadioGroupContext(),
     contextPropsSize = _useRadioGroupContext.size,
     contextProps = _objectWithoutProperties__default["default"](_useRadioGroupContext, _excluded2$4);
@@ -5862,40 +5817,61 @@ var propTypes$5 = _objectSpread$f(_objectSpread$f({}, htmlInputPropTypes), {}, {
 AnswerButton.propTypes = propTypes$5;
 var AnswerButton$1 = AnswerButton;
 
-var _excluded$n = ["children"];
+var _excluded$o = ["children", "selectedValue", "disableAllOptions"];
 function ownKeys$e(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$e(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$e(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$e(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 function RadioGroup(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$n);
+    _ref$selectedValue = _ref.selectedValue,
+    selectedValue = _ref$selectedValue === void 0 ? '' : _ref$selectedValue,
+    _ref$disableAllOption = _ref.disableAllOptions,
+    disableAllOptions = _ref$disableAllOption === void 0 ? false : _ref$disableAllOption,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$o);
   return /*#__PURE__*/React__default["default"].createElement(RadioGroupContext.Provider, {
-    value: props
+    value: _objectSpread$e(_objectSpread$e({}, props), {}, {
+      selectedValue: selectedValue,
+      disableAllOptions: disableAllOptions
+    })
   }, children);
 }
 var propTypes$4 = _objectSpread$e(_objectSpread$e({}, radioGroupContextPropTypes), {}, {
   children: PropTypes__default["default"].node.isRequired
 });
-var defaultProps$4 = {
-  disableAllOptions: false
-};
 RadioGroup.propTypes = propTypes$4;
-RadioGroup.defaultProps = {
-  selectedValue: '',
-  disableAllOptions: false
-};
 
+var _excluded$n = ["styleType", "selectedType", "size", "itemWidth", "isOutline", "disableAllOptions"];
 function ownKeys$d(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbols) { var o = Object.getOwnPropertySymbols(e); r && (o = o.filter(function (r) { return Object.getOwnPropertyDescriptor(e, r).enumerable; })), t.push.apply(t, o); } return t; }
 function _objectSpread$d(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$d(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$d(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var outlineStyles = styled$1.css(["> label:first-child > div{border-radius:4px 0 0 4px;}> label:last-child > div{border-left:none;border-radius:0 4px 4px 0;}> label:not(:first-child):not(:last-child) > div{border-left:1px;}"]);
 var AnswerSet = styled__default["default"].div(["display:flex;flex-wrap:nowrap;", ";"], function (props) {
   return props.isOutline && outlineStyles;
 });
-var AnswerGroup = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedAnswerGroup(props, ref) {
+var AnswerGroup = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedAnswerGroup(_ref, ref) {
+  var _ref$styleType = _ref.styleType,
+    styleType = _ref$styleType === void 0 ? 'default' : _ref$styleType,
+    _ref$selectedType = _ref.selectedType,
+    selectedType = _ref$selectedType === void 0 ? 'success' : _ref$selectedType,
+    _ref$size = _ref.size,
+    size = _ref$size === void 0 ? 'default' : _ref$size,
+    _ref$itemWidth = _ref.itemWidth,
+    itemWidth = _ref$itemWidth === void 0 ? '100px' : _ref$itemWidth,
+    _ref$isOutline = _ref.isOutline,
+    isOutline = _ref$isOutline === void 0 ? false : _ref$isOutline,
+    _ref$disableAllOption = _ref.disableAllOptions,
+    disableAllOptions = _ref$disableAllOption === void 0 ? false : _ref$disableAllOption,
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$n);
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
   return /*#__PURE__*/React__default["default"].createElement(AnswerSet, {
-    isOutline: props.isOutline,
+    isOutline: isOutline,
     ref: ref
-  }, /*#__PURE__*/React__default["default"].createElement(RadioGroup, _extends__default["default"]({}, props, {
+  }, /*#__PURE__*/React__default["default"].createElement(RadioGroup, _extends__default["default"]({}, _objectSpread$d(_objectSpread$d({}, props), {}, {
+    styleType: styleType,
+    selectedType: selectedType,
+    size: size,
+    itemWidth: itemWidth,
+    isOutline: isOutline,
+    disableAllOptions: disableAllOptions
+  }), {
     isAnswerGroup: true
   })));
 });
@@ -5917,15 +5893,6 @@ AnswerGroup.propTypes = _objectSpread$d(_objectSpread$d(_objectSpread$d({}, prop
   /** Selected option for the answer group */
   selectedValue: propTypes$4.selectedValue
 });
-AnswerGroup.defaultProps = _objectSpread$d(_objectSpread$d({}, defaultProps$4), {}, {
-  styleType: 'default',
-  selectedType: 'success',
-  size: 'default',
-  itemWidth: '100px',
-  isOutline: false,
-  disableAllOptions: false,
-  selectedValue: undefined
-});
 var AnswerGroup$1 = AnswerGroup;
 
 var arrowDown = "data:image/svg+xml,%3C%3Fxml version='1.0' encoding='utf-8'%3F%3E%3Csvg viewBox='0 0 269.08 507.48' xmlns='http://www.w3.org/2000/svg'%3E%3Cg id='Rounded_Rectangle_33_copy_4_1_' transform='matrix(0.480497  0  0  0.480497  -96.099159  130.928314)' style='' %3E%3Cpath d='M480 344.181L268.869 131.889c-15.756-15.859-41.3-15.859-57.054 0c-15.754 15.857-15.754 41.57 0 57.431l237.632 238.937 c8.395 8.451 19.562 12.254 30.553 11.698c10.993 0.556 22.159-3.247 30.555-11.698l237.631-238.937 c15.756-15.86 15.756-41.571 0-57.431s-41.299-15.859-57.051 0L480 344.181z'/%3E%3C/g%3E%3C/svg%3E";
@@ -5993,11 +5960,11 @@ var propTypes$3 = _objectSpread$c(_objectSpread$c({}, UnstyledSelectInput.propTy
   /** Whether the input should be rendered as a flat-style input */
   flat: PropTypes__default["default"].bool
 });
-var defaultProps$3 = _objectSpread$c(_objectSpread$c({}, UnstyledSelectInput.defaultProps), {}, {
+var defaultProps$2 = _objectSpread$c(_objectSpread$c({}, UnstyledSelectInput.defaultProps), {}, {
   flat: (_InputBase$defaultPro = InputBase$1.defaultProps) === null || _InputBase$defaultPro === void 0 ? void 0 : _InputBase$defaultPro.flat
 });
 Dropdown.propTypes = propTypes$3;
-Dropdown.defaultProps = defaultProps$3;
+Dropdown.defaultProps = defaultProps$2;
 var Dropdown$1 = Dropdown;
 
 var _excluded$l = ["children", "displayClassName"];
@@ -6057,11 +6024,11 @@ var propTypes$2 = _objectSpread$b(_objectSpread$b({}, htmlInputPropTypes), {}, {
   /** applies to the display wrapper */
   displayClassName: PropTypes__default["default"].string
 });
-var defaultProps$2 = _objectSpread$b(_objectSpread$b({}, htmlInputDefaultProps), {}, {
+var defaultProps$1 = _objectSpread$b(_objectSpread$b({}, htmlInputDefaultProps), {}, {
   displayClassName: ''
 });
 Checkbox.propTypes = propTypes$2;
-Checkbox.defaultProps = defaultProps$2;
+Checkbox.defaultProps = defaultProps$1;
 var Checkbox$1 = Checkbox;
 
 var _excluded$k = ["children"];
@@ -6097,7 +6064,7 @@ function CheckAllBox(_ref3) {
   }, children));
 }
 CheckAllBox.propTypes = _objectSpread$a({}, propTypes$2);
-CheckAllBox.defaultProps = _objectSpread$a({}, defaultProps$2);
+CheckAllBox.defaultProps = _objectSpread$a({}, defaultProps$1);
 
 var Spacer = styled__default["default"].div(["margin-left:", ";"], function (props) {
   return props.bumpRight ? '10px' : '0';
@@ -6396,7 +6363,7 @@ Switch.defaultProps = {
   onText: '',
   offText: '',
   checked: false,
-  onChange: noop$1,
+  onChange: noop$2,
   disabled: false
 };
 var Switch$1 = Switch;
@@ -7122,14 +7089,14 @@ var propTypes$1 = _objectSpread$7(_objectSpread$7({}, reactDatePickerPropTypes),
   allowNativeDatepickerOnMobile: PropTypes__default["default"].bool,
   selectedDate: PropTypes__default["default"].oneOfType([PropTypes__default["default"].instanceOf(Date), PropTypes__default["default"].string])
 });
-var defaultProps$1 = _objectSpread$7(_objectSpread$7({}, ReactDatePicker__default["default"].defaultProps), {}, {
+var defaultProps = _objectSpread$7(_objectSpread$7({}, ReactDatePicker__default["default"].defaultProps), {}, {
   highlightDates: undefined,
   suppressDatepicker: false,
   allowNativeDatepickerOnMobile: true,
   children: undefined
 });
 DatePicker.propTypes = propTypes$1;
-DatePicker.defaultProps = defaultProps$1;
+DatePicker.defaultProps = defaultProps;
 var DatePicker$1 = DatePicker;
 
 function onNonNumericHandler(event) {
@@ -7434,7 +7401,7 @@ DateInput.defaultProps = {
   minDate: undefined,
   defaultValue: undefined,
   defaultDay: '',
-  onBlur: noop$1
+  onBlur: noop$2
 };
 var setParts = function setParts(Input) {
   Input.Day = Day$1;
@@ -7603,7 +7570,7 @@ Incrementer.defaultProps = _objectSpread$5(_objectSpread$5({}, basicTextboxDefau
   startingValue: 0,
   incrementAmount: 1,
   decrementAmount: 1,
-  onValueUpdated: noop$1,
+  onValueUpdated: noop$2,
   upperThreshold: null,
   lowerThreshold: null,
   useOutlineButton: false
@@ -7734,7 +7701,7 @@ var ProgressTracker = /*#__PURE__*/React__default["default"].forwardRef(function
   var _ref2$steps = _ref2.steps,
     steps = _ref2$steps === void 0 ? [] : _ref2$steps,
     _ref2$onPastStepClick = _ref2.onPastStepClicked,
-    onPastStepClicked = _ref2$onPastStepClick === void 0 ? noop$1 : _ref2$onPastStepClick,
+    onPastStepClicked = _ref2$onPastStepClick === void 0 ? noop$2 : _ref2$onPastStepClick,
     onFutureStepClicked = _ref2.onFutureStepClicked,
     _ref2$showNav = _ref2.showNav,
     showNav = _ref2$showNav === void 0 ? false : _ref2$showNav,
@@ -7762,7 +7729,7 @@ ProgressTracker.propTypes = {
 };
 ProgressTracker.defaultProps = {
   steps: [],
-  onPastStepClicked: noop$1,
+  onPastStepClicked: noop$2,
   onFutureStepClicked: undefined,
   showNav: true
 };
@@ -7924,7 +7891,7 @@ StarRating.propTypes = {
 };
 StarRating.defaultProps = {
   isPoorPerformer: false,
-  onExplanationOpen: noop$1,
+  onExplanationOpen: noop$2,
   noRatingText: NOT_AVAILABLE_MESSAGE
 };
 var StarRating$1 = StarRating;
@@ -8065,9 +8032,9 @@ function ownKeys(e, r) { var t = Object.keys(e); if (Object.getOwnPropertySymbol
 function _objectSpread(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
 var SelectionDrawerContext = /*#__PURE__*/React.createContext({
   selectedItems: [],
-  setSelectedItems: noop$1,
+  setSelectedItems: noop$2,
   drawerType: 'checkbox',
-  handleCheckboxChange: noop$1,
+  handleCheckboxChange: noop$2,
   labelAlignment: 'left',
   inputAlignment: 'right',
   disableAll: false
@@ -8087,7 +8054,7 @@ function SelectionDrawerProvider(props) {
   var guaranteedName = isRadio ? props.name : name || '';
   var _useCheckboxGroupActi = useCheckboxGroupActions({
       originalSelectedValues: selectedItemsProp || [],
-      onChange: onSelectionChange || noop$1
+      onChange: onSelectionChange || noop$2
     }),
     selectedValues = _useCheckboxGroupActi.selectedValues,
     setSelectedValues = _useCheckboxGroupActi.setSelectedValues,
@@ -8128,9 +8095,7 @@ var propTypes = {
   /** Type of drawer */
   type: PropTypes__default["default"].oneOf(['radio', 'checkbox'])
 };
-var defaultProps = {};
 SelectionDrawerProvider.propTypes = propTypes;
-SelectionDrawerProvider.defaultProps = defaultProps;
 var useSelectionDrawerContext = function useSelectionDrawerContext() {
   return React.useContext(SelectionDrawerContext);
 };
@@ -8313,7 +8278,7 @@ var StyledDrawer = styled__default["default"](Drawer$1)(["display:flex;flex-dire
 var SelectionDrawer = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedSelectionDrawer(_ref, ref) {
   var selectedItems = _ref.selectedItems,
     _ref$onSelectionChang = _ref.onSelectionChange,
-    onSelectionChange = _ref$onSelectionChang === void 0 ? noop$1 : _ref$onSelectionChang,
+    onSelectionChange = _ref$onSelectionChang === void 0 ? noop$2 : _ref$onSelectionChang,
     _ref$type = _ref.type,
     typeProp = _ref$type === void 0 ? 'checkbox' : _ref$type,
     _ref$labelAlignment = _ref.labelAlignment,