es-components 21.11.1 → 21.11.2

package/cjs/index.js

@@ -589,7 +589,7 @@ function useMonitoringCallback() {
   return monitoredCallback;
 }
 
-var _excluded$13 = ["waiting", "onClick"];
+var _excluded$12 = ["waiting", "onClick"];
 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; }
 
@@ -599,7 +599,7 @@ var UnstyledButton = styled__default["default"].button([""]);
 var ButtonBase = /*#__PURE__*/React__default["default"].forwardRef(function ButtonBaseInner(_ref, ref) {
   var waiting = _ref.waiting,
     onClickProp = _ref.onClick,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$13);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$12);
   // 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++) {
@@ -628,7 +628,7 @@ ButtonBase.propTypes = propTypes$k;
 ButtonBase.defaultProps = defaultProps$g;
 var ButtonBase$1 = ButtonBase;
 
-var _excluded$12 = ["showWhileRunning", "children", "waiting", "onClick"];
+var _excluded$11 = ["showWhileRunning", "children", "waiting", "onClick"];
 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 voidClick = function voidClick() {
@@ -641,7 +641,7 @@ function withLoadingStateWhileRunning(ButtonComponent) {
       waiting = _ref.waiting,
       _ref$onClick = _ref.onClick,
       onClick = _ref$onClick === void 0 ? voidClick : _ref$onClick,
-      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$12);
+      otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$11);
     var _useLoadingState = useLoadingState(),
       _useLoadingState2 = _slicedToArray__default["default"](_useLoadingState, 2),
       isRunning = _useLoadingState2[0],
@@ -784,7 +784,7 @@ var IconContext = /*#__PURE__*/React.createContext(_objectSpread$I(_objectSpread
 }));
 var IconContext$1 = IconContext;
 
-var _excluded$11 = ["name", "size", "className"];
+var _excluded$10 = ["name", "size", "className"];
 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 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;"]);
@@ -797,7 +797,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$10);
   var _useRootNodeLocator = useRootNodeLocator(),
     _useRootNodeLocator2 = _slicedToArray__default["default"](_useRootNodeLocator, 2),
     rootNode = _useRootNodeLocator2[0],
@@ -826,7 +826,7 @@ Icon$1.propTypes = propTypes$j;
 Icon$1.defaultProps = defaultProps$f;
 var Icon$2 = Icon$1;
 
-var _excluded$10 = ["name", "size"];
+var _excluded$$ = ["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;
@@ -838,7 +838,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$$);
   return (
     /*#__PURE__*/
     // reused this logic for size from the Icon component. Fine with the repeat for now, but should
@@ -892,8 +892,8 @@ 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"],
-  _excluded2$8 = ["role", "type", "children", "className", "style", "restyleAnchors", "styleType"];
+var _excluded$_ = ["includeIcon", "isDismissable", "onDismiss", "children", "iconName", "iconColor", "color", "dismissNotification", "alwaysShowIcon"],
+  _excluded2$9 = ["role", "type", "children", "className", "style", "restyleAnchors", "styleType"];
 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 NotificationIcon = styled__default["default"](Icon$2)(["", ""], function (_ref) {
@@ -921,7 +921,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$_);
   function dismiss() {
     onDismiss === null || onDismiss === void 0 ? void 0 : onDismiss();
     dismissNotification();
@@ -952,7 +952,7 @@ var BaseNotification = /*#__PURE__*/React__default["default"].forwardRef(functio
     restyleAnchors = _ref4$restyleAnchors === void 0 ? true : _ref4$restyleAnchors,
     _ref4$styleType = _ref4.styleType,
     styleType = _ref4$styleType === void 0 ? 'base' : _ref4$styleType,
-    rest = _objectWithoutProperties__default["default"](_ref4, _excluded2$8);
+    rest = _objectWithoutProperties__default["default"](_ref4, _excluded2$9);
   var theme = useTheme();
   var colorVariant = theme.notificationStyles[type][styleType];
   var color = colorVariant.textColor;
@@ -1061,7 +1061,7 @@ MessageNotification.defaultProps = {
 };
 var MessageNotification$1 = MessageNotification;
 
-var _excluded$_ = ["emphasizedText", "text", "isInline"];
+var _excluded$Z = ["emphasizedText", "text", "isInline"];
 var propTypes$i = {
   emphasizedText: PropTypes__default["default"].string,
   text: PropTypes__default["default"].node.isRequired
@@ -1081,7 +1081,7 @@ var Message = /*#__PURE__*/React__default["default"].forwardRef(function Message
   var emphasizedText = _ref.emphasizedText,
     text = _ref.text,
     isInline = _ref.isInline,
-    rest = _objectWithoutProperties__default["default"](_ref, _excluded$_);
+    rest = _objectWithoutProperties__default["default"](_ref, _excluded$Z);
   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
@@ -1114,7 +1114,7 @@ function useUniqueId(providedId) {
   return idRef.current;
 }
 
-var _excluded$Z = ["id", "panelKey", "open", "controlledOpen", "onChange"];
+var _excluded$Y = ["id", "panelKey", "open", "controlledOpen", "onChange"];
 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 DrawerItemContext = /*#__PURE__*/React.createContext({
@@ -1134,7 +1134,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$Y);
   var _useContext = React.useContext(DrawerContext),
     activeKeys = _useContext.activeKeys,
     toggleActiveKey = _useContext.toggleActiveKey,
@@ -1269,8 +1269,8 @@ DrawerItemOpener.propTypes = {
   children: PropTypes__default["default"].element.isRequired
 };
 
-var _excluded$Y = ["size", "level"],
-  _excluded2$7 = ["level"];
+var _excluded$X = ["size", "level"],
+  _excluded2$8 = ["level"];
 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; }
 var knockoutStyles = styled$1.css(["background-color:", ";color:white;padding:20px 15px;"], function (_ref) {
@@ -1282,7 +1282,7 @@ function getAdjustedProps(func) {
     var size = _ref2.size,
       _ref2$level = _ref2.level,
       level = _ref2$level === void 0 ? 1 : _ref2$level,
-      props = _objectWithoutProperties__default["default"](_ref2, _excluded$Y);
+      props = _objectWithoutProperties__default["default"](_ref2, _excluded$X);
     return func(_objectSpread$E(_objectSpread$E({}, props), {}, {
       size: size,
       level: level,
@@ -1294,7 +1294,7 @@ var UnstyledHeading = styled__default["default"].h1([""]);
 var Heading = styled__default["default"](function (_ref3) {
   var _ref3$level = _ref3.level,
     level = _ref3$level === void 0 ? 1 : _ref3$level,
-    props = _objectWithoutProperties__default["default"](_ref3, _excluded2$7);
+    props = _objectWithoutProperties__default["default"](_ref3, _excluded2$8);
   return /*#__PURE__*/React__default["default"].createElement(UnstyledHeading, _extends__default["default"]({
     as: "h".concat(level)
   }, props));
@@ -1346,8 +1346,8 @@ var PageHeading = styled__default["default"](Heading).attrs({
 })([""]);
 
 var _templateObject$2;
-var _excluded$X = ["openedIconName", "closedIconName"],
-  _excluded2$6 = ["children", "title", "titleAside", "noPadding", "headingLevel", "open", "openedIconName", "closedIconName", "panelKey"];
+var _excluded$W = ["openedIconName", "closedIconName"],
+  _excluded2$7 = ["children", "title", "titleAside", "noPadding", "headingLevel", "open", "openedIconName", "closedIconName", "panelKey"];
 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 PanelWrapper = styled__default["default"].div(["border-bottom:1px solid ", ";"], function (props) {
@@ -1363,7 +1363,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$W);
   var _useDrawerItemContext = useDrawerItemContext(),
     open = _useDrawerItemContext.open;
   return /*#__PURE__*/React__default["default"].createElement(Icon$2, _extends__default["default"]({
@@ -1409,7 +1409,7 @@ var DrawerPanel = /*#__PURE__*/React__default["default"].forwardRef(function Dra
     _ref2$closedIconName = _ref2.closedIconName,
     closedIconName = _ref2$closedIconName === void 0 ? 'minus' : _ref2$closedIconName,
     panelKey = _ref2.panelKey,
-    other = _objectWithoutProperties__default["default"](_ref2, _excluded2$6);
+    other = _objectWithoutProperties__default["default"](_ref2, _excluded2$7);
   var buttonRef = React.useRef();
   React.useImperativeHandle(ref, function () {
     return {
@@ -1472,7 +1472,7 @@ DrawerPanel.defaultProps = _objectSpread$D(_objectSpread$D({}, PanelWrapper.defa
 });
 var DrawerPanel$1 = DrawerPanel;
 
-var _excluded$W = ["activeKeys", "children", "closedIconName", "isAccordion", "onActiveKeysChanged", "openedIconName", "useDefaultStyles"];
+var _excluded$V = ["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) {
@@ -1516,7 +1516,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$V);
   var keysChangedCallback = React.useRef(onActiveKeysChanged);
   keysChangedCallback.current = onActiveKeysChanged;
   var currentActiveKeysProp = React.useRef(activeKeysProp);
@@ -1644,13 +1644,13 @@ var isBool = function isBool(v) {
 };
 var isBool$1 = isBool;
 
-var _excluded$V = ["flat"],
-  _excluded2$5 = ["value"];
+var _excluded$U = ["flat"],
+  _excluded2$6 = ["value"];
 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; }
 function _objectSpread$C(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$C(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$C(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$U);
   return /*#__PURE__*/React__default["default"].createElement(FormContextProvider, {
     value: isBool$1(flat) ? {
       flat: flat
@@ -1663,7 +1663,7 @@ var Form$1 = Form;
 var FormContext = /*#__PURE__*/React.createContext({});
 var FormContextProvider = function FormContextProvider(_ref2) {
   var value = _ref2.value,
-    props = _objectWithoutProperties__default["default"](_ref2, _excluded2$5);
+    props = _objectWithoutProperties__default["default"](_ref2, _excluded2$6);
   var _useTheme = useTheme(),
     _useTheme$inputStyles = _useTheme.inputStyles,
     inputStyles = _useTheme$inputStyles === void 0 ? {} : _useTheme$inputStyles;
@@ -1693,7 +1693,7 @@ Form.defaultProps = {
 var orientations = ['stacked', 'inline'];
 var OrientationContext = /*#__PURE__*/React__default["default"].createContext('stacked');
 
-var _excluded$U = ["legendContent", "children", "orientation", "flat"];
+var _excluded$T = ["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);
@@ -1708,7 +1708,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$T);
   var orientation = React.useContext(OrientationContext);
   var extraFormContext = isBool$1(flat) ? {
     flat: flat
@@ -1740,7 +1740,7 @@ Fieldset.defaultProps = {
 Fieldset.Legend = Legend;
 var Fieldset$1 = Fieldset;
 
-var _excluded$T = ["children", "duration", "opacity"];
+var _excluded$S = ["children", "duration", "opacity"];
 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 getFadeStyle = function getFadeStyle(status, finalOpacity) {
@@ -1769,7 +1769,7 @@ var Fade = function Fade(_ref2) {
   var children = _ref2.children,
     duration = _ref2.duration,
     opacity = _ref2.opacity,
-    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$T);
+    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$S);
   var transitionStyles = {
     transition: "opacity ".concat(duration || 150, "ms linear"),
     opacity: opacity
@@ -1817,7 +1817,7 @@ function getTextColor(bgColor) {
   return tinycolor__default["default"](tinycolor__default["default"].readability(darkestColor, bgColor) > 10 ? darkestColor : lightestColor).toHexString();
 }
 
-var _excluded$S = ["children", "styleType", "size", "block", "mobileBlock", "flatLeftEdge", "flatRightEdge"];
+var _excluded$R = ["children", "styleType", "size", "block", "mobileBlock", "flatLeftEdge", "flatRightEdge"];
 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$4 = styled__default["default"](ButtonBase$1)(["background-color:", ";border:2px solid transparent;border-color:", ";border-bottom-left-radius:", ";border-bottom-right-radius:", ";border-top-left-radius:", ";border-top-right-radius:", ";box-sizing:border-box;color:", ";cursor:pointer;display:", ";font-family:inherit;font-size:", ";font-weight:", ";line-height:", ";min-width:100px;padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:", ";position:relative;text-align:center;text-decoration:none;text-transform:", ";transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:", ";@media (min-width:", "){display:", ";width:", ";}@media (hover:hover),(-ms-high-contrast:none){&:hover{color:", ";background-color:", ";border-color:", ";text-decoration:none;}}&:focus{color:", ";background-color:", ";border:2px solid;border-color:", ";box-shadow:0 1px 1px rgba(0,0,0,0.075),0 0 0 0.2rem ", ";outline:none;}&:active,&.pressed{color:", ";background-color:", ";border-color:", ";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]{color:", ";cursor:not-allowed;background-color:", ";border-color:", ";&:hover,&:active &.pressed{background-color:", ";border-color:", ";color:", ";&:focus{box-shadow:0 0 0 0.2rem ", ";}}> *{pointer-events:none;}}"], function (props) {
@@ -1950,7 +1950,7 @@ var Button$1 = /*#__PURE__*/React__default["default"].forwardRef(function Button
     flatLeftEdge = _ref7$flatLeftEdge === void 0 ? false : _ref7$flatLeftEdge,
     _ref7$flatRightEdge = _ref7.flatRightEdge,
     flatRightEdge = _ref7$flatRightEdge === void 0 ? false : _ref7$flatRightEdge,
-    other = _objectWithoutProperties__default["default"](_ref7, _excluded$S);
+    other = _objectWithoutProperties__default["default"](_ref7, _excluded$R);
   var theme = useTheme();
   var buttonSize = theme.buttonStyles.button.size[size];
   var variant = theme.buttonStyles.button.variant[styleType];
@@ -2000,7 +2000,7 @@ Button$1.propTypes = propTypes$g;
 Button$1.defaultProps = defaultProps$d;
 var Button$2 = Button$1;
 
-var _excluded$R = ["children", "styleType"];
+var _excluded$Q = ["children", "styleType"];
 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$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) {
@@ -2016,7 +2016,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$R);
+    other = _objectWithoutProperties__default["default"](props, _excluded$Q);
   var theme = useTheme();
   var variant = theme.buttonStyles.linkButton.variant[styleType];
   return /*#__PURE__*/React__default["default"].createElement(StyledButton$3, _extends__default["default"]({
@@ -2043,7 +2043,7 @@ LinkButton.defaultProps = defaultProps$c;
 LinkButton.propTypes = propTypes$f;
 var LinkButton$1 = LinkButton;
 
-var _excluded$Q = ["children", "styleType", "suppressUnderline"];
+var _excluded$P = ["children", "styleType", "suppressUnderline"];
 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 StyledButton$2 = styled__default["default"](LinkButton$1)(["text-underline-position:under;text-decoration-skip-ink:none;text-decoration:", ";&:hover,:focus{text-decoration:", ";}"], function (props) {
@@ -2055,7 +2055,7 @@ var PopoverLink = /*#__PURE__*/React__default["default"].forwardRef(function For
   var children = props.children,
     styleType = props.styleType,
     suppressUnderline = props.suppressUnderline,
-    other = _objectWithoutProperties__default["default"](props, _excluded$Q);
+    other = _objectWithoutProperties__default["default"](props, _excluded$P);
   return /*#__PURE__*/React__default["default"].createElement(StyledButton$2, _extends__default["default"]({
     ref: forwardedRef,
     styleType: styleType || 'default',
@@ -2149,7 +2149,7 @@ function useMergedRefs() {
   return mergedRefs;
 }
 
-var _excluded$P = ["name", "disableHover", "disableFocus", "position", "content", "styleType", "children", "linkProps", "id"];
+var _excluded$O = ["name", "disableHover", "disableFocus", "position", "content", "styleType", "children", "linkProps", "id"];
 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 TooltipBase = styled__default["default"].div(["position:absolute;z-index:", ";"], function (_ref) {
@@ -2216,7 +2216,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$P);
+    other = _objectWithoutProperties__default["default"](props, _excluded$O);
   var getTopIndex = useTopZIndex();
   var tooltipId = name ? "es-tooltip__".concat(name) : undefined;
   var _useRootNode = useRootNode(document.body),
@@ -2339,7 +2339,7 @@ Tooltip.defaultProps = {
 };
 var Tooltip$1 = Tooltip;
 
-var _excluded$O = ["name", "trigger", "children", "position", "arrowSize", "hasTitle", "transitionIn", "setIsOpen", "transitionTimeout", "disableFlipping", "popperRef", "enableEvents", "strategy", "keepTogether", "disableRootClose", "onExited"];
+var _excluded$N = ["name", "trigger", "children", "position", "arrowSize", "hasTitle", "transitionIn", "setIsOpen", "transitionTimeout", "disableFlipping", "popperRef", "enableEvents", "strategy", "keepTogether", "disableRootClose", "onExited"];
 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 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) {
@@ -2467,7 +2467,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$O);
+    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$N);
   var arrowValues = getArrowValues(arrowSize);
   var _useRootNode = useRootNode(document.body),
     _useRootNode2 = _slicedToArray__default["default"](_useRootNode, 2),
@@ -2586,7 +2586,7 @@ Popup.defaultProps = {
 };
 var Popup$1 = Popup;
 
-var _excluded$N = ["name", "title", "content", "renderContent", "placement", "arrowSize", "renderTrigger", "hasCloseButton", "hasAltCloseButton", "disableCloseOnScroll", "disableRootClose", "disableFlipping", "enableEvents", "keepTogether", "strategy", "popoverWrapperClassName", "styleType"];
+var _excluded$M = ["name", "title", "content", "renderContent", "placement", "arrowSize", "renderTrigger", "hasCloseButton", "hasAltCloseButton", "disableCloseOnScroll", "disableRootClose", "disableFlipping", "enableEvents", "keepTogether", "strategy", "popoverWrapperClassName", "styleType"];
 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 Button = Button$2;
@@ -2634,7 +2634,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$N);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$M);
   var hasTitle = title !== undefined;
   var hasAltCloseWithNoTitle = !hasTitle && hasAltCloseButton;
   var showCloseButton = hasCloseButton && !hasAltCloseButton;
@@ -2858,7 +2858,7 @@ var ModalContext = /*#__PURE__*/React__default["default"].createContext({
   ariaId: ''
 });
 
-var _excluded$M = ["hideCloseButton", "children", "level"];
+var _excluded$L = ["hideCloseButton", "children", "level"];
 var DismissButton = DismissButton$2;
 
 // Note: ModalHeader relies on a parent (Modal) with ThemeProvider wrapping it
@@ -2883,7 +2883,7 @@ function ModalHeader(props) {
   var hideCloseButton = props.hideCloseButton,
     children = props.children,
     level = props.level,
-    otherProps = _objectWithoutProperties__default["default"](props, _excluded$M);
+    otherProps = _objectWithoutProperties__default["default"](props, _excluded$L);
   var _useContext = React.useContext(ModalContext),
     onHide = _useContext.onHide,
     ariaId = _useContext.ariaId;
@@ -3006,7 +3006,7 @@ function withWindowSize(ComponentClass) {
   return WithWindowSize;
 }
 
-var _excluded$L = ["animation", "backdrop", "children", "escapeExits", "onEnter", "onExit", "onHide", "show", "size", "parentSelector", "className", "overlayRef", "contentRef"];
+var _excluded$K = ["animation", "backdrop", "children", "escapeExits", "onEnter", "onExit", "onHide", "show", "size", "parentSelector", "className", "overlayRef", "contentRef"];
 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 modalSize = {
@@ -3058,7 +3058,7 @@ function Modal(_ref2) {
     className = _ref2.className,
     overlayRef = _ref2.overlayRef,
     contentRef = _ref2.contentRef,
-    other = _objectWithoutProperties__default["default"](_ref2, _excluded$L);
+    other = _objectWithoutProperties__default["default"](_ref2, _excluded$K);
   var ariaId = useUniqueId(other.id);
   var portalClassName = "ReactModalPortal-".concat(useUniqueId());
   var _useRootNodeLocator = useRootNodeLocator(document.body),
@@ -3235,7 +3235,7 @@ var ModalButtonContainer = styled__default["default"].div(["display:flex;flex-di
 });
 
 var _Heading$propTypes, _Heading$propTypes2;
-var _excluded$K = ["isOpen", "title", "subTitle", "shouldCloseOnEsc", "onRequestClose", "onAfterOpen", "children", "closeIcon", "closeIconScreenReaderText", "from", "headingLevel", "headingSize", "closeTimeout", "overlayStyles", "contentStyles", "appElement", "parentSelector", "hideHeader", "paneWidth"];
+var _excluded$J = ["isOpen", "title", "subTitle", "shouldCloseOnEsc", "onRequestClose", "onAfterOpen", "children", "closeIcon", "closeIconScreenReaderText", "from", "headingLevel", "headingSize", "closeTimeout", "overlayStyles", "contentStyles", "appElement", "parentSelector", "hideHeader", "paneWidth"];
 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 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) {
@@ -3307,7 +3307,7 @@ function SlidingPane(_ref) {
     parentSelector = _ref.parentSelector,
     hideHeader = _ref.hideHeader,
     paneWidth = _ref.paneWidth,
-    rest = _objectWithoutProperties__default["default"](_ref, _excluded$K);
+    rest = _objectWithoutProperties__default["default"](_ref, _excluded$J);
   var _useRootNodeLocator = useRootNodeLocator(document.body),
     _useRootNodeLocator2 = _slicedToArray__default["default"](_useRootNodeLocator, 2),
     rootNode = _useRootNodeLocator2[0],
@@ -3395,7 +3395,7 @@ SlidingPane.defaultProps = {
   paneWidth: null
 };
 
-var _excluded$J = ["children", "styleType", "size", "block"];
+var _excluded$I = ["children", "styleType", "size", "block"];
 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 StyledButton$1 = styled__default["default"](ButtonBase$1)(["background-color:", ";border:2px solid ", ";border-radius:", ";box-sizing:border-box;color:", ";cursor:pointer;display:block;font-family:inherit;font-size:", ";font-weight:", ";line-height:", ";min-width:100px;padding-bottom:", ";padding-left:", ";padding-right:", ";padding-top:", ";text-align:center;text-decoration:none;text-transform:", ";transition:color 0.15s ease-in-out,background-color 0.15s ease-in-out,border-color 0.15s ease-in-out,box-shadow 0.15s ease-in-out;user-select:none;vertical-align:middle;white-space:nowrap;width:100%;@media (min-width:", "){display:", ";width:", ";}&: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) {
@@ -3453,7 +3453,7 @@ var OutlineButton = /*#__PURE__*/React__default["default"].forwardRef(function O
     size = _props$size === void 0 ? 'default' : _props$size,
     _props$block = props.block,
     block = _props$block === void 0 ? false : _props$block,
-    other = _objectWithoutProperties__default["default"](props, _excluded$J);
+    other = _objectWithoutProperties__default["default"](props, _excluded$I);
   var theme = useTheme();
   var buttonSize = theme.buttonStyles.outlineButton.size[size];
   var variant = theme.buttonStyles.outlineButton.variant[styleType];
@@ -3501,7 +3501,7 @@ OutlineButton.propTypes = propTypes$c;
 OutlineButton.defaultProps = defaultProps$9;
 var OutlineButton$1 = OutlineButton;
 
-var _excluded$I = ["styleType", "size", "block", "isOutline", "onClick"];
+var _excluded$H = ["styleType", "size", "block", "isOutline", "onClick"];
 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 ToggleButton = /*#__PURE__*/React__default["default"].forwardRef(function ToggleButton(props, ref) {
@@ -3510,7 +3510,7 @@ var ToggleButton = /*#__PURE__*/React__default["default"].forwardRef(function To
     block = props.block,
     isOutline = props.isOutline,
     onClick = props.onClick,
-    buttonProps = _objectWithoutProperties__default["default"](props, _excluded$I);
+    buttonProps = _objectWithoutProperties__default["default"](props, _excluded$H);
   var _useState = React.useState(props.isPressed),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     isPressed = _useState2[0],
@@ -3553,7 +3553,7 @@ var ToggleButton$1 = ToggleButton;
 
 var InlineContext = /*#__PURE__*/React__default["default"].createContext(false);
 
-var _excluded$H = ["children", "headerContent", "isOpen", "onClose"];
+var _excluded$G = ["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;
@@ -3577,7 +3577,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$H);
+    other = _objectWithoutProperties__default["default"](_ref3, _excluded$G);
   var getTopIndex = useTopZIndex();
   useMonitoringEffect(function (currentOnClose) {
     if (!isOpen) {
@@ -3620,7 +3620,7 @@ MenuPanel.defaultProps = {
 };
 var MenuPanel$1 = MenuPanel;
 
-var _excluded$G = ["title", "children", "isLast", "isFirst", "isOnlySection"];
+var _excluded$F = ["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) {
@@ -3636,7 +3636,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$G);
+    other = _objectWithoutProperties__default["default"](props, _excluded$F);
   var inline = React.useContext(InlineContext);
   return /*#__PURE__*/React__default["default"].createElement(StyledMenuSection, _extends__default["default"]({
     ref: ref,
@@ -3681,7 +3681,7 @@ var RootCloseWrapper = /*#__PURE__*/React__default["default"].forwardRef(functio
 });
 var RootCloseWrapper$1 = RootCloseWrapper;
 
-var _excluded$F = ["inline", "children", "buttonContent", "openButtonType", "rootClose", "hasBackdrop", "headerContent"];
+var _excluded$E = ["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';
 });
@@ -3703,7 +3703,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$F);
+    other = _objectWithoutProperties__default["default"](props, _excluded$E);
   return /*#__PURE__*/React__default["default"].createElement(RootCloseWrapper$1, {
     onRootClose: closeMenu,
     disabled: !rootClose
@@ -3744,7 +3744,7 @@ Menu.defaultProps = {
 };
 var Menu$1 = Menu;
 
-var _excluded$E = ["name", "selected", "action", "children", "simpleName", "announcerText"];
+var _excluded$D = ["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) {
@@ -3779,7 +3779,7 @@ var Tab = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedTa
     simpleName = _ref$simpleName === void 0 ? '' : _ref$simpleName,
     _ref$announcerText = _ref.announcerText,
     announcerText = _ref$announcerText === void 0 ? '' : _ref$announcerText,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$E);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$D);
   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"]({
@@ -3832,8 +3832,8 @@ Tab.defaultProps = {
 };
 var Tab$1 = Tab;
 
-var _excluded$D = ["child"],
-  _excluded2$4 = ["children", "selectedKey", "tabChanged", "canTabChange"];
+var _excluded$C = ["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;
 }, function (props) {
@@ -3846,7 +3846,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$D);
+    tabChildProps = _objectWithoutProperties__default["default"](_ref, _excluded$C);
   return /*#__PURE__*/React__default["default"].isValidElement(child) ? /*#__PURE__*/React__default["default"].cloneElement(child, tabChildProps) : child;
 };
 var TabContentChildRenderer = function TabContentChildRenderer(_ref2) {
@@ -3870,7 +3870,7 @@ var TabPanel = /*#__PURE__*/React__default["default"].forwardRef(function Forwar
     tabChanged = _ref3$tabChanged === void 0 ? noop$1 : _ref3$tabChanged,
     _ref3$canTabChange = _ref3.canTabChange,
     canTabChange = _ref3$canTabChange === void 0 ? tabCanChangeFunc : _ref3$canTabChange,
-    props = _objectWithoutProperties__default["default"](_ref3, _excluded2$4);
+    props = _objectWithoutProperties__default["default"](_ref3, _excluded2$5);
   var _useState = React.useState(selectedKey),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     value = _useState2[0],
@@ -4015,7 +4015,7 @@ var PromptType = {
   doNotReadAloud: 'doNotReadAloud'
 };
 
-var _excluded$C = ["isContentReadAloud", "children"];
+var _excluded$B = ["isContentReadAloud", "children"];
 var IconWrapper = styled__default["default"].div(["background-color:", ";padding:6px 0 0 6px;"], function (promptProps) {
   return promptProps.bannerBgColor;
 });
@@ -4034,7 +4034,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$C);
+    props = _objectWithoutProperties__default["default"](_ref2, _excluded$B);
   var theme = useTheme();
   var promptStyles = isContentReadAloud ? theme.promptStyles[PromptType.readAloud] : theme.promptStyles[PromptType.doNotReadAloud];
   var inlineIconText = isContentReadAloud ? /*#__PURE__*/React__default["default"].createElement(BannerLabel, {
@@ -4063,7 +4063,7 @@ Prompt.propTypes = {
 };
 var Prompt$1 = Prompt;
 
-var _excluded$B = ["type"];
+var _excluded$A = ["type"];
 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 BannerContainer = styled__default["default"].div(["align-items:center;background-color:", ";border-radius:2px;color:", ";display:flex;padding:", ";", " button[aria-expanded]{color:", ";}"], function (props) {
@@ -4080,7 +4080,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$B);
+    props = _objectWithoutProperties__default["default"](_ref2, _excluded$A);
   var theme = useTheme();
   var variant = theme.bannerStyles[type];
   var bannerProps = _objectSpread$q({
@@ -4097,7 +4097,7 @@ var propTypes$b = {
 Banner.propTypes = propTypes$b;
 var Banner$1 = Banner;
 
-var _excluded$A = ["isCondensed", "isRoomy"];
+var _excluded$z = ["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) {
@@ -4120,7 +4120,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$A);
+    rest = _objectWithoutProperties__default["default"](props, _excluded$z);
   var cellPadding = '8px';
   cellPadding = isCondensed ? '5px' : cellPadding;
   cellPadding = isRoomy ? '12px' : cellPadding;
@@ -4171,8 +4171,8 @@ var ResponsiveTable = /*#__PURE__*/React__default["default"].forwardRef(function
 });
 var ResponsiveTable$1 = ResponsiveTable;
 
-var _excluded$z = ["onClick", "iconName"],
-  _excluded2$3 = ["children", "slideAmount", "windowWidth", "windowHeight"];
+var _excluded$y = ["onClick", "iconName"],
+  _excluded2$4 = ["children", "slideAmount", "windowWidth", "windowHeight"];
 var _templateObject$1, _templateObject2$1;
 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; }
@@ -4211,7 +4211,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$z);
+    props = _objectWithoutProperties__default["default"](_ref4, _excluded$y);
   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, {
@@ -4227,7 +4227,7 @@ var HorizontalScrollWrapper = /*#__PURE__*/React__default["default"].forwardRef(
     slideAmount = _ref5$slideAmount === void 0 ? 300 : _ref5$slideAmount,
     windowWidth = _ref5.windowWidth,
     windowHeight = _ref5.windowHeight,
-    otherProps = _objectWithoutProperties__default["default"](_ref5, _excluded2$3);
+    otherProps = _objectWithoutProperties__default["default"](_ref5, _excluded2$4);
   var _useState = React.useState(null),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     containerRef = _useState2[0],
@@ -4388,7 +4388,7 @@ HorizontalScrollWrapper.defaultProps = {
 };
 var HorizontalScrollWrapper$1 = withWindowSize(HorizontalScrollWrapper);
 
-var _excluded$y = ["shapeColor", "shimmerColor"];
+var _excluded$x = ["shapeColor", "shimmerColor"];
 var _templateObject, _templateObject2;
 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; }
@@ -4419,7 +4419,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$x);
   var theme = useTheme();
   var colors = theme.colors;
   var shimmer = shimmerColor || colors.white;
@@ -4453,7 +4453,7 @@ var useValidationState = function useValidationState() {
   return React__default["default"].useContext(ValidationContext);
 };
 
-var _excluded$x = ["validationState", "hasValidationBorder", "orientation", "borderOffset", "children", "flat"];
+var _excluded$w = ["validationState", "hasValidationBorder", "orientation", "borderOffset", "children", "flat"];
 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 FlexControl = styled__default["default"].div(["color:", ";display:flex;flex-wrap:wrap;flex-direction:column;margin-bottom:25px;>[role=\"group\"]{margin-bottom:0;}", "}", ";"], function (props) {
@@ -4472,7 +4472,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$w);
   var theme = useTheme();
   var extraFormContext = isBool$1(flat) ? {
     flat: flat
@@ -4515,7 +4515,7 @@ Control.defaultProps = {
 };
 var Control$1 = Control;
 
-var _excluded$w = ["children", "hasValidationIcon"];
+var _excluded$v = ["children", "hasValidationIcon"];
 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 ValidationIcon = styled__default["default"](Icon$2)(["align-self:flex-start;font-size:35px;margin-right:5px;"]);
@@ -4523,7 +4523,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$v);
   var theme = useTheme();
   var validationState = React__default["default"].useContext(ValidationContext$1);
   return /*#__PURE__*/React__default["default"].createElement(HelpText, _extends__default["default"]({}, props, {
@@ -4647,7 +4647,7 @@ function useValidationStyleProps(props) {
   return validationProps;
 }
 
-var _excluded$v = ["prependIconName", "appendIconName", "type", "flat", "className", "style"];
+var _excluded$u = ["prependIconName", "appendIconName", "type", "flat", "className", "style"];
 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 computeStyle = function computeStyle() {
@@ -4728,7 +4728,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$v);
+    additionalTextProps = _objectWithoutProperties__default["default"](props, _excluded$u);
   var validationProps = useValidationStyleProps({
     flat: flat
   });
@@ -4873,14 +4873,14 @@ var inputMask = {
 };
 var inputMaskType = inputMask;
 
-var _excluded$u = ["maskType", "customMask"];
+var _excluded$t = ["maskType", "customMask"];
 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 maskTypes = [].concat(_toConsumableArray__default["default"](maskTypes$1), ['custom']);
 var MaskedTextbox = /*#__PURE__*/React__default["default"].forwardRef(function MaskedTextbox(props, ref) {
   var maskType = props.maskType,
     customMask = props.customMask,
-    additionalTextProps = _objectWithoutProperties__default["default"](props, _excluded$u);
+    additionalTextProps = _objectWithoutProperties__default["default"](props, _excluded$t);
   var _useState = React.useState(),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
     inputRef = _useState2[0],
@@ -4932,7 +4932,7 @@ MaskedTextbox.propTypes = propTypes$8;
 MaskedTextbox.defaultProps = defaultProps$6;
 var MaskedTextbox$1 = MaskedTextbox;
 
-var _excluded$t = ["children", "styleType"];
+var _excluded$s = ["children", "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; }
 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) {
@@ -4950,7 +4950,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$t);
+    other = _objectWithoutProperties__default["default"](props, _excluded$s);
   var theme = useTheme();
   var defaultStyle = theme.buttonStyles.button.variant.default;
   var hoverStyle = theme.buttonStyles.button.variant[styleType];
@@ -4974,7 +4974,7 @@ ActionButton$1.propTypes = propTypes$7;
 ActionButton$1.defaultProps = defaultProps$5;
 var ActionButton$2 = ActionButton$1;
 
-var _excluded$s = ["id", "rootClose", "children", "buttonValue", "manualButtonValue", "shouldCloseOnButtonClick", "shouldUpdateButtonValue", "styleType", "inline", "flatLeftEdge", "flatRightEdge"];
+var _excluded$r = ["id", "rootClose", "children", "buttonValue", "manualButtonValue", "shouldCloseOnButtonClick", "shouldUpdateButtonValue", "styleType", "inline", "flatLeftEdge", "flatRightEdge"];
 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 SplitButton = styled__default["default"](Button$2)(["", " ", " min-width:10px;padding-left:8px;padding-right:6px;span{margin-left:0;}"], function (props) {
@@ -5084,7 +5084,7 @@ var DropdownButton = /*#__PURE__*/React__default["default"].forwardRef(function
     inline = _ref2.inline,
     flatLeftEdge = _ref2.flatLeftEdge,
     flatRightEdge = _ref2.flatRightEdge,
-    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$s);
+    otherProps = _objectWithoutProperties__default["default"](_ref2, _excluded$r);
   var ActivationButton = flatLeftEdge || flatRightEdge ? SplitButton : Button$2;
   var _useState = React.useState(buttonValue),
     _useState2 = _slicedToArray__default["default"](_useState, 2),
@@ -5232,7 +5232,7 @@ var _StyledRootCloseWrapper = styled__default["default"](RootCloseWrapper$1)(["d
 });
 var _StyledDiv = styled__default["default"]("div")(["position:relative;"]);
 
-var _excluded$r = ["iconName", "iconSize", "childrenFontSize", "isHighlighted", "isIncomplete", "disabled", "maxWidth", "onClick", "styleType", "children"];
+var _excluded$q = ["iconName", "iconSize", "childrenFontSize", "isHighlighted", "isIncomplete", "disabled", "maxWidth", "onClick", "styleType", "children"];
 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 Container$1 = styled__default["default"].div(["align-items:center;display:flex;flex-direction:column;max-width:", ";"], function (props) {
@@ -5275,7 +5275,7 @@ var IconButton = /*#__PURE__*/React__default["default"].forwardRef(function Icon
     _ref$styleType = _ref.styleType,
     styleType = _ref$styleType === void 0 ? 'magenta' : _ref$styleType,
     children = _ref.children,
-    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$r);
+    otherProps = _objectWithoutProperties__default["default"](_ref, _excluded$q);
   var CurrentButton = isIncomplete ? IncompleteButton : StyledIconButton;
   var theme = useTheme();
   var textId = generateAlphaName();
@@ -5338,9 +5338,130 @@ IconButton.defaultProps = _objectSpread$g(_objectSpread$g({}, Container$1.defaul
 });
 var IconButton$1 = IconButton;
 
-var _excluded$q = ["children", "itemWidth", "styleType", "selectedType", "size", "isOutline"];
+var radioGroupContextPropTypes = {
+  /** The name of the radio group */
+  name: PropTypes__default["default"].string.isRequired,
+  /** Selected option for the radio group */
+  selectedValue: htmlInputPropTypes.value,
+  /** Disable all radio buttons */
+  disableAllOptions: PropTypes__default["default"].bool
+};
+var RadioGroupContext = /*#__PURE__*/React.createContext({
+  name: '',
+  selectedValue: ''
+});
+function useRadioGroupContext() {
+  return React.useContext(RadioGroupContext);
+}
+
+var _excluded$p = ["children", "className", "displayClassName"];
 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 RadioDisplayWrapper = styled__default["default"].div([""]);
+var RadioDisplay = styled__default["default"].span(["align-items:center;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;display:flex;height:25px;justify-content:center;margin-right:8px;min-width:25px;&:before{background-color:transparent;border-radius:50%;content:'';display:block;height:13px;width:13px;transition:background 0.25s linear;}"]);
+var RadioInput = styled__default["default"].input(["", ""], function (_ref) {
+  var _ref$theme = _ref.theme,
+    _ref$theme$colors = _ref$theme.colors,
+    inputFocus = _ref$theme$colors.inputFocus,
+    disabledColor = _ref$theme$colors.disabled,
+    disabledBorderColor = _ref$theme.validationInputColor.default.borderColor,
+    fill = _ref.fill;
+  return styled$1.css(["clip:rect(0,0,0,0);pointer-events:none;position:absolute;~ ", "{border-color:", ";}&:focus ~ ", "{box-shadow:0 0 3px 3px ", ";}&:checked ~ ", ":before{background-color:", ";}&&:disabled{~ ", "{border-color:", ";}&:checked ~ ", ":before{background-color:", ";}}"], RadioDisplay, fill, RadioDisplay, inputFocus, RadioDisplay, fill, RadioDisplay, disabledColor || disabledBorderColor, RadioDisplay, disabledColor || disabledBorderColor);
+});
+var RadioLabel = styled__default["default"](Label$2)(["", ""], function (_ref2) {
+  var theme = _ref2.theme,
+    hover = _ref2.hover;
+  return styled$1.css(["align-self:flex-start;cursor:pointer;display:flex;font-family:'Source Sans Pro','Segoe UI',Segoe,Calibri,Tahoma,sans-serif;font-size:", ";font-weight:normal;line-height:", ";margin-right:15px;margin-bottom:10px;position:relative;padding:10px 0 10px 10px;text-transform:none;@media (min-width:", "){padding:5px 0;}&:hover{& > ", "{& > ", ":not(:disabled):not(:checked) ~ ", ":before{background-color:", ";}}}"], theme.font.baseFontSize, theme.font.baseLineHeight, theme.screenSize.tablet, RadioDisplayWrapper, RadioInput, RadioDisplay, hover);
+});
+var getOnChange = function getOnChange() {
+  for (var _len = arguments.length, onChanges = new Array(_len), _key = 0; _key < _len; _key++) {
+    onChanges[_key] = arguments[_key];
+  }
+  return function (event) {
+    onChanges.forEach(function (c) {
+      return c === null || c === void 0 ? void 0 : c(event);
+    });
+  };
+};
+function getCheckedProps(radioProps, contextProps) {
+  var checked = Boolean(radioProps.checked || radioProps.defaultChecked || contextProps.selectedValue === radioProps.value);
+  var onChanges = [radioProps.onChange, contextProps.onChange];
+  return onChanges.some(function (c) {
+    return c;
+  }) ? {
+    onChange: getOnChange.apply(void 0, onChanges),
+    checked: checked,
+    defaultChecked: undefined
+  } : {
+    defaultChecked: checked,
+    checked: undefined
+  };
+}
+var getValidationSelectionColors = function getValidationSelectionColors(theme, validationState, checked) {
+  var targetColor = validationState === 'default' && checked ? theme.colors.primary : theme.validationTextColor[validationState];
+  return {
+    fill: targetColor,
+    hover: lighten(targetColor, 40)
+  };
+};
+var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedRadioButton(_ref3, ref) {
+  var children = _ref3.children,
+    className = _ref3.className,
+    displayClassName = _ref3.displayClassName,
+    radioProps = _objectWithoutProperties__default["default"](_ref3, _excluded$p);
+  var contextProps = useRadioGroupContext();
+  var disableAllOptions = contextProps.disableAllOptions;
+  var id = useUniqueId(radioProps.id);
+  var checkedProps = getCheckedProps(radioProps, contextProps);
+  var checked = checkedProps.checked || checkedProps.defaultChecked;
+  var theme = useTheme();
+  var validationState = useValidationState();
+  var _useMemo = React.useMemo(function () {
+      return getValidationSelectionColors(theme, validationState, checked);
+    }, [theme, validationState, checked]),
+    fill = _useMemo.fill,
+    hover = _useMemo.hover;
+  var disabled = radioProps.disabled || disableAllOptions;
+  var labelProps = {
+    htmlFor: id,
+    disabled: disabled,
+    validationState: validationState,
+    checked: checked,
+    hover: hover
+  };
+  var inputProps = _objectSpread$f(_objectSpread$f(_objectSpread$f({}, contextProps), radioProps), {}, {
+    disabled: disabled,
+    fill: fill
+  }, checkedProps);
+  var displayWrapperClasses = "".concat(displayClassName || '', " ").concat(contextProps.displayClassName || '').trim();
+  return /*#__PURE__*/React__default["default"].createElement(RadioLabel, _extends__default["default"]({
+    className: className
+  }, labelProps), /*#__PURE__*/React__default["default"].createElement(RadioDisplayWrapper, {
+    className: displayWrapperClasses
+  }, /*#__PURE__*/React__default["default"].createElement(RadioInput, _extends__default["default"]({
+    ref: ref,
+    type: "radio",
+    id: id
+  }, inputProps)), /*#__PURE__*/React__default["default"].createElement(RadioDisplay, {
+    className: "es-radio__fill"
+  })), children);
+});
+var propTypes$6 = _objectSpread$f(_objectSpread$f({}, htmlInputPropTypes), {}, {
+  /** supports styled-component usage, applies to the wrapping Label */
+  className: htmlInputPropTypes['className'],
+  /** applies to the display wrapper */
+  displayClassName: htmlInputPropTypes['className']
+});
+RadioButton.propTypes = propTypes$6;
+RadioButton.defaultProps = _objectSpread$f(_objectSpread$f({}, htmlInputDefaultProps), {}, {
+  displayClassName: ''
+});
+var RadioButton$1 = RadioButton;
+
+var _excluded$o = ["children", "itemWidth", "styleType", "selectedType", "size", "isOutline"],
+  _excluded2$3 = ["size"];
+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; }
 var AnswerLabel = styled__default["default"].label(["flex-grow:1;@media (min-width:", "){flex-grow:0;min-width:", ";}"], function (props) {
   return props.theme.screenSize.tablet;
 }, function (props) {
@@ -5398,19 +5519,27 @@ var AnswerInput = styled__default["default"](ModifiedAnswerInput)(["clip-path:in
 });
 var AnswerButton = /*#__PURE__*/React__default["default"].forwardRef(function AnswerButton(_ref, ref) {
   var children = _ref.children,
-    itemWidth = _ref.itemWidth,
-    _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,
-    isOutline = _ref.isOutline,
-    radioProps = _objectWithoutProperties__default["default"](_ref, _excluded$q);
+    itemWidthProp = _ref.itemWidth,
+    styleTypeProp = _ref.styleType,
+    selectedTypeProp = _ref.selectedType,
+    sizeProp = _ref.size,
+    isOutlineProp = _ref.isOutline,
+    radioProps = _objectWithoutProperties__default["default"](_ref, _excluded$o);
+  var _useRadioGroupContext = useRadioGroupContext(),
+    contextPropsSize = _useRadioGroupContext.size,
+    contextProps = _objectWithoutProperties__default["default"](_useRadioGroupContext, _excluded2$3);
+  var disableAllOptions = contextProps.disableAllOptions;
+  var checkedProps = getCheckedProps(radioProps, contextProps);
   var id = useUniqueId(radioProps.id);
-  var isChecked = radioProps.checked || radioProps.defaultChecked;
+  var isChecked = checkedProps.checked || checkedProps.defaultChecked;
+  var disabled = radioProps.disabled || disableAllOptions;
   var theme = useTheme();
   var validationState = React__default["default"].useContext(ValidationContext$1);
+  var isOutline = isOutlineProp !== undefined ? isOutlineProp : contextProps.isOutline;
+  var size = sizeProp || contextPropsSize || 'default';
+  var styleType = styleTypeProp || contextProps.styleType || 'default';
+  var selectedType = selectedTypeProp || contextProps.selectedType || 'default';
+  var itemWidth = itemWidthProp || contextProps.itemWidth;
   var buttonType = isOutline ? 'outlineButton' : 'button';
   var buttonSize = theme.buttonStyles[buttonType].size[size];
   var variant = validationState !== 'default' && !isOutline ? validationState : styleType;
@@ -5418,16 +5547,16 @@ var AnswerButton = /*#__PURE__*/React__default["default"].forwardRef(function An
   var selectedStyles = theme.buttonStyles[buttonType].variant[selectedType];
   var unSelectedStyles = theme.buttonStyles[buttonType].variant[variant];
   if (isOutline && validationState !== 'default') {
-    selectedStyles = _objectSpread$f(_objectSpread$f({}, selectedStyles), {}, {
+    selectedStyles = _objectSpread$e(_objectSpread$e({}, selectedStyles), {}, {
       borderColor: validationBorder
     });
-    unSelectedStyles = _objectSpread$f(_objectSpread$f({}, unSelectedStyles), {}, {
+    unSelectedStyles = _objectSpread$e(_objectSpread$e({}, unSelectedStyles), {}, {
       borderColor: validationBorder
     });
   }
   var buttonStyle = isChecked ? selectedStyles : unSelectedStyles;
   var buttonProps = {
-    disabled: radioProps.disabled,
+    disabled: disabled,
     isChecked: isChecked,
     buttonStyle: buttonStyle,
     buttonSize: buttonSize
@@ -5438,98 +5567,83 @@ var AnswerButton = /*#__PURE__*/React__default["default"].forwardRef(function An
     htmlFor: id,
     validationState: validationState
   };
+  var inputProps = _objectSpread$e(_objectSpread$e(_objectSpread$e(_objectSpread$e({}, contextProps), radioProps), checkedProps), {}, {
+    disabled: disabled
+  });
   var Display = isOutline ? OutlineAnswerDisplay : AnswerDisplay;
   return /*#__PURE__*/React__default["default"].createElement(AnswerLabel, labelProps, /*#__PURE__*/React__default["default"].createElement(AnswerInput, _extends__default["default"]({
     type: "radio",
     id: id,
     buttonStyle: buttonStyle,
     ref: ref
-  }, radioProps)), /*#__PURE__*/React__default["default"].createElement(Display, buttonProps, children));
+  }, inputProps)), /*#__PURE__*/React__default["default"].createElement(Display, buttonProps, children));
 });
-var propTypes$6 = _objectSpread$f(_objectSpread$f({}, htmlInputPropTypes), {}, {
-  name: PropTypes__default["default"].string,
+var propTypes$5 = _objectSpread$e(_objectSpread$e({}, htmlInputPropTypes), {}, {
   itemWidth: PropTypes__default["default"].string,
   styleType: PropTypes__default["default"].oneOf(buttonVariantStyleTypes),
   selectedType: PropTypes__default["default"].oneOf(buttonVariantStyleTypes),
   size: PropTypes__default["default"].oneOf(buttonSizes),
   isOutline: PropTypes__default["default"].bool
 });
-AnswerButton.propTypes = propTypes$6;
+AnswerButton.propTypes = propTypes$5;
 var AnswerButton$1 = AnswerButton;
 
-var radioGroupContextPropTypes = {
-  /** The name of the radio group */
-  name: PropTypes__default["default"].string.isRequired,
-  /** Selected option for the radio group */
-  selectedValue: htmlInputPropTypes.value,
-  /** Disable all radio buttons */
-  disableAllOptions: PropTypes__default["default"].bool
-};
-var RadioGroupContext = /*#__PURE__*/React.createContext({
-  name: '',
-  selectedValue: ''
-});
-var useRadioGroupContext = function useRadioGroupContext() {
-  return React.useContext(RadioGroupContext);
-};
-
-var _excluded$p = ["children"];
-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; }
+var _excluded$n = ["children"];
+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 RadioGroup(_ref) {
   var children = _ref.children,
-    props = _objectWithoutProperties__default["default"](_ref, _excluded$p);
+    props = _objectWithoutProperties__default["default"](_ref, _excluded$n);
   return /*#__PURE__*/React__default["default"].createElement(RadioGroupContext.Provider, {
     value: props
   }, children);
 }
-var propTypes$5 = _objectSpread$e(_objectSpread$e({}, radioGroupContextPropTypes), {}, {
+var propTypes$4 = _objectSpread$d(_objectSpread$d({}, radioGroupContextPropTypes), {}, {
   children: PropTypes__default["default"].node.isRequired
 });
 var defaultProps$4 = {
   disableAllOptions: false
 };
-RadioGroup.propTypes = propTypes$5;
+RadioGroup.propTypes = propTypes$4;
 RadioGroup.defaultProps = {
   selectedValue: '',
   disableAllOptions: false
 };
 
-var _excluded$o = ["size"];
-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$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; }
+function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(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) {
   // eslint-disable-next-line @typescript-eslint/no-unused-vars
-  props.size;
-    var radioGroupProps = _objectWithoutProperties__default["default"](props, _excluded$o);
   return /*#__PURE__*/React__default["default"].createElement(AnswerSet, {
     isOutline: props.isOutline,
     ref: ref
-  }, /*#__PURE__*/React__default["default"].createElement(RadioGroup, radioGroupProps));
+  }, /*#__PURE__*/React__default["default"].createElement(RadioGroup, _extends__default["default"]({}, props, {
+    isAnswerGroup: true
+  })));
 });
-AnswerGroup.propTypes = _objectSpread$d(_objectSpread$d(_objectSpread$d({}, propTypes$6), propTypes$5), {}, {
+AnswerGroup.propTypes = _objectSpread$c(_objectSpread$c(_objectSpread$c({}, propTypes$5), propTypes$4), {}, {
   /** The name of the answer group */
-  name: propTypes$6.name.isRequired,
+  name: propTypes$4.name,
   /** The width of each item when not in mobile view */
-  itemWidth: propTypes$6.itemWidth,
+  itemWidth: propTypes$5.itemWidth,
   /** Select the color style of the buttons, types come from theme */
-  styleType: propTypes$6.styleType,
+  styleType: propTypes$5.styleType,
   /** Select the color style of the selected button, types come from theme */
-  selectedType: propTypes$6.selectedType,
+  selectedType: propTypes$5.selectedType,
   /** Set the button size, sizes come from theme (buttonStyles) */
-  size: propTypes$6.size,
+  size: propTypes$5.size,
   /** Set if the items should have a flat outline style */
-  isOutline: propTypes$6.isOutline,
+  isOutline: propTypes$5.isOutline,
   /** Disable all radio buttons */
-  disableAllOptions: propTypes$5.disableAllOptions,
+  disableAllOptions: propTypes$4.disableAllOptions,
   /** Selected option for the answer group */
-  selectedValue: propTypes$5.selectedValue
+  selectedValue: propTypes$4.selectedValue
 });
-AnswerGroup.defaultProps = _objectSpread$d(_objectSpread$d({}, defaultProps$4), {}, {
+AnswerGroup.defaultProps = _objectSpread$c(_objectSpread$c({}, defaultProps$4), {}, {
   styleType: 'default',
   selectedType: 'success',
   size: 'default',
@@ -5540,110 +5654,6 @@ AnswerGroup.defaultProps = _objectSpread$d(_objectSpread$d({}, defaultProps$4),
 });
 var AnswerGroup$1 = AnswerGroup;
 
-var _excluded$n = ["children", "className", "displayClassName"];
-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; }
-function _objectSpread$c(e) { for (var r = 1; r < arguments.length; r++) { var t = null != arguments[r] ? arguments[r] : {}; r % 2 ? ownKeys$c(Object(t), !0).forEach(function (r) { _defineProperty__default["default"](e, r, t[r]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(e, Object.getOwnPropertyDescriptors(t)) : ownKeys$c(Object(t)).forEach(function (r) { Object.defineProperty(e, r, Object.getOwnPropertyDescriptor(t, r)); }); } return e; }
-var RadioDisplayWrapper = styled__default["default"].div([""]);
-var RadioDisplay = styled__default["default"].span(["align-items:center;border-radius:50%;border-style:solid;border-width:3px;box-sizing:border-box;display:flex;height:25px;justify-content:center;margin-right:8px;min-width:25px;&:before{background-color:transparent;border-radius:50%;content:'';display:block;height:13px;width:13px;transition:background 0.25s linear;}"]);
-var RadioInput = styled__default["default"].input(["", ""], function (_ref) {
-  var _ref$theme = _ref.theme,
-    _ref$theme$colors = _ref$theme.colors,
-    inputFocus = _ref$theme$colors.inputFocus,
-    disabledColor = _ref$theme$colors.disabled,
-    disabledBorderColor = _ref$theme.validationInputColor.default.borderColor,
-    fill = _ref.fill;
-  return styled$1.css(["clip:rect(0,0,0,0);pointer-events:none;position:absolute;~ ", "{border-color:", ";}&:focus ~ ", "{box-shadow:0 0 3px 3px ", ";}&:checked ~ ", ":before{background-color:", ";}&&:disabled{~ ", "{border-color:", ";}&:checked ~ ", ":before{background-color:", ";}}"], RadioDisplay, fill, RadioDisplay, inputFocus, RadioDisplay, fill, RadioDisplay, disabledColor || disabledBorderColor, RadioDisplay, disabledColor || disabledBorderColor);
-});
-var RadioLabel = styled__default["default"](Label$2)(["", ""], function (_ref2) {
-  var theme = _ref2.theme,
-    hover = _ref2.hover;
-  return styled$1.css(["align-self:flex-start;cursor:pointer;display:flex;font-family:'Source Sans Pro','Segoe UI',Segoe,Calibri,Tahoma,sans-serif;font-size:", ";font-weight:normal;line-height:", ";margin-right:15px;margin-bottom:10px;position:relative;padding:10px 0 10px 10px;text-transform:none;@media (min-width:", "){padding:5px 0;}&:hover{& > ", "{& > ", ":not(:disabled):not(:checked) ~ ", ":before{background-color:", ";}}}"], theme.font.baseFontSize, theme.font.baseLineHeight, theme.screenSize.tablet, RadioDisplayWrapper, RadioInput, RadioDisplay, hover);
-});
-var getOnChange = function getOnChange() {
-  for (var _len = arguments.length, onChanges = new Array(_len), _key = 0; _key < _len; _key++) {
-    onChanges[_key] = arguments[_key];
-  }
-  return function (event) {
-    onChanges.forEach(function (c) {
-      return c === null || c === void 0 ? void 0 : c(event);
-    });
-  };
-};
-function getCheckedProps(radioProps, contextProps) {
-  var checked = Boolean(radioProps.checked || radioProps.defaultChecked || contextProps.selectedValue === radioProps.value);
-  var onChanges = [radioProps.onChange, contextProps.onChange];
-  return onChanges.some(function (c) {
-    return c;
-  }) ? {
-    onChange: getOnChange.apply(void 0, onChanges),
-    checked: checked,
-    defaultChecked: undefined
-  } : {
-    defaultChecked: checked,
-    checked: undefined
-  };
-}
-var getValidationSelectionColors = function getValidationSelectionColors(theme, validationState, checked) {
-  var targetColor = validationState === 'default' && checked ? theme.colors.primary : theme.validationTextColor[validationState];
-  return {
-    fill: targetColor,
-    hover: lighten(targetColor, 40)
-  };
-};
-var RadioButton = /*#__PURE__*/React__default["default"].forwardRef(function ForwardedRadioButton(_ref3, ref) {
-  var children = _ref3.children,
-    className = _ref3.className,
-    displayClassName = _ref3.displayClassName,
-    radioProps = _objectWithoutProperties__default["default"](_ref3, _excluded$n);
-  var contextProps = useRadioGroupContext();
-  var disableAllOptions = contextProps.disableAllOptions;
-  var id = useUniqueId(radioProps.id);
-  var checkedProps = getCheckedProps(radioProps, contextProps);
-  var checked = checkedProps.checked || checkedProps.defaultChecked;
-  var theme = useTheme();
-  var validationState = useValidationState();
-  var _useMemo = React.useMemo(function () {
-      return getValidationSelectionColors(theme, validationState, checked);
-    }, [theme, validationState, checked]),
-    fill = _useMemo.fill,
-    hover = _useMemo.hover;
-  var disabled = radioProps.disabled || disableAllOptions;
-  var labelProps = {
-    htmlFor: id,
-    disabled: disabled,
-    validationState: validationState,
-    checked: checked,
-    hover: hover
-  };
-  var inputProps = _objectSpread$c(_objectSpread$c(_objectSpread$c({}, contextProps), radioProps), {}, {
-    disabled: disabled,
-    fill: fill
-  }, checkedProps);
-  var displayWrapperClasses = "".concat(displayClassName || '', " ").concat(contextProps.displayClassName || '').trim();
-  return /*#__PURE__*/React__default["default"].createElement(RadioLabel, _extends__default["default"]({
-    className: className
-  }, labelProps), /*#__PURE__*/React__default["default"].createElement(RadioDisplayWrapper, {
-    className: displayWrapperClasses
-  }, /*#__PURE__*/React__default["default"].createElement(RadioInput, _extends__default["default"]({
-    ref: ref,
-    type: "radio",
-    id: id
-  }, inputProps)), /*#__PURE__*/React__default["default"].createElement(RadioDisplay, {
-    className: "es-radio__fill"
-  })), children);
-});
-var propTypes$4 = _objectSpread$c(_objectSpread$c({}, htmlInputPropTypes), {}, {
-  /** supports styled-component usage, applies to the wrapping Label */
-  className: htmlInputPropTypes['className'],
-  /** applies to the display wrapper */
-  displayClassName: htmlInputPropTypes['className']
-});
-RadioButton.propTypes = propTypes$4;
-RadioButton.defaultProps = _objectSpread$c(_objectSpread$c({}, htmlInputDefaultProps), {}, {
-  displayClassName: ''
-});
-var RadioButton$1 = RadioButton;
-
 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";
 
 var _InputBase$defaultPro;