@razorpay/blade 3.6.1 → 3.7.0

package/build/components/index.web.js

@@ -2541,9 +2541,9 @@ var Symbol = _Symbol;
 var symbolProto = Symbol ? Symbol.prototype : undefined;
     symbolProto ? symbolProto.valueOf : undefined;
 
-function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$w(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$w(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$w(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$w(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var accessibilityValue = {
   valueMax: 'aria-valuemax',
@@ -2560,7 +2560,7 @@ var accessibilityState = {
 }; // TODO:
 // accessibilityViewIsModal
 
-var accessibilityMap = _objectSpread$v(_objectSpread$v(_objectSpread$v({}, accessibilityState), accessibilityValue), {}, {
+var accessibilityMap = _objectSpread$w(_objectSpread$w(_objectSpread$w({}, accessibilityState), accessibilityValue), {}, {
   activeDescendant: 'aria-activedescendant',
   atomic: 'aria-atomic',
   autoComplete: 'aria-autocomplete',
@@ -3469,9 +3469,9 @@ var fontFamily = {
   code: 'monospace'
 };
 
-function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$v(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$v(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$v(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$v(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var fontWeight = {
   regular: 400,
   bold: 700
@@ -3479,7 +3479,7 @@ var fontWeight = {
 ({
   onDesktop: {
     fonts: {
-      family: _objectSpread$u({}, fontFamily),
+      family: _objectSpread$v({}, fontFamily),
       size: {
         10: 9,
         25: 10,
@@ -3496,7 +3496,7 @@ var fontWeight = {
         900: 36,
         1000: 40
       },
-      weight: _objectSpread$u({}, fontWeight)
+      weight: _objectSpread$v({}, fontWeight)
     },
     lineHeights: {
       s: 16,
@@ -3513,7 +3513,7 @@ var fontWeight = {
   },
   onMobile: {
     fonts: {
-      family: _objectSpread$u({}, fontFamily),
+      family: _objectSpread$v({}, fontFamily),
       size: {
         10: 10,
         25: 11,
@@ -3530,7 +3530,7 @@ var fontWeight = {
         900: 29,
         1000: 29
       },
-      weight: _objectSpread$u({}, fontWeight)
+      weight: _objectSpread$v({}, fontWeight)
     },
     lineHeights: {
       s: 16,
@@ -3705,9 +3705,9 @@ var Rect = function Rect(_ref) {
   });
 };
 
-function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$u(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$u(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$u(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$u(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Svg = function Svg(_ref) {
   var children = _ref.children,
@@ -3715,7 +3715,7 @@ var Svg = function Svg(_ref) {
       viewBox = _ref.viewBox,
       width = _ref.width,
       fill = _ref.fill;
-  return /*#__PURE__*/jsx("svg", _objectSpread$t(_objectSpread$t({}, makeAccessible({
+  return /*#__PURE__*/jsx("svg", _objectSpread$u(_objectSpread$u({}, makeAccessible({
     hidden: true
   })), {}, {
     height: height,
@@ -3750,9 +3750,9 @@ var useTheme = function useTheme() {
   return themeContext;
 };
 
-function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$t(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$t(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$t(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$t(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var BladeProvider = function BladeProvider(_ref) {
   var themeTokens = _ref.themeTokens,
@@ -3779,9 +3779,9 @@ var BladeProvider = function BladeProvider(_ref) {
   var onColorMode = "on".concat(toTitleCase(colorScheme));
   var onDeviceType = "on".concat(toTitleCase(matchedDeviceType));
 
-  var theme = _objectSpread$s(_objectSpread$s({}, themeTokens), {}, {
+  var theme = _objectSpread$t(_objectSpread$t({}, themeTokens), {}, {
     colors: themeTokens.colors[onColorMode],
-    shadows: _objectSpread$s(_objectSpread$s({}, themeTokens.shadows), {}, {
+    shadows: _objectSpread$t(_objectSpread$t({}, themeTokens.shadows), {}, {
       color: themeTokens.shadows.color[onColorMode]
     }),
     typography: themeTokens.typography[onDeviceType]
@@ -4822,9 +4822,9 @@ var ExternalLinkIcon = function ExternalLinkIcon(_ref) {
   });
 };
 
-function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$s(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$s(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$s(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$s(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledButton = /*#__PURE__*/styled.button.withConfig({
   displayName: "StyledIconButtonweb__StyledButton",
   componentId: "sc-1f4cg7d-0"
@@ -4867,7 +4867,7 @@ var StyledIconButton = function StyledIconButton(_ref) {
       size = _ref.size,
       contrast = _ref.contrast,
       accessibilityLabel = _ref.accessibilityLabel;
-  return /*#__PURE__*/jsx(StyledButton, _objectSpread$r(_objectSpread$r({
+  return /*#__PURE__*/jsx(StyledButton, _objectSpread$s(_objectSpread$s({
     onClick: onClick,
     contrast: contrast,
     type: "button"
@@ -4882,7 +4882,8 @@ var StyledIconButton = function StyledIconButton(_ref) {
 };
 
 /**
- * Internal component for making clickable icons
+ * Component for making clickable icons with transparent background.
+ * For other cases please use `Button` component with `icon` prop.
  */
 var IconButton = function IconButton(_ref) {
   var icon = _ref.icon,
@@ -4951,7 +4952,8 @@ var getBoxStyles = function getBoxStyles(_ref2) {
       left = _ref2.left,
       right = _ref2.right,
       bottom = _ref2.bottom,
-      background = _ref2.background;
+      background = _ref2.background,
+      zIndex = _ref2.zIndex;
   return {
     display: display,
     flex: flex,
@@ -5011,7 +5013,8 @@ var getBoxStyles = function getBoxStyles(_ref2) {
     maxHeight: maxHeight ? makeSize(maxHeight) : undefined,
     maxWidth: maxWidth ? makeSize(maxWidth) : undefined,
     transform: transform,
-    background: background
+    background: background,
+    zIndex: zIndex
   };
 };
 
@@ -5058,9 +5061,9 @@ var getBaseTextStyles = function getBaseTextStyles(_ref) {
 
 var _excluded$3 = ["color", "fontFamily", "fontSize", "fontWeight", "fontStyle", "textDecorationLine", "lineHeight", "textAlign"];
 
-function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$r(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$r(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$r(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$r(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseText$1 = /*#__PURE__*/styled.div.withConfig({
   displayName: "BaseTextweb__StyledBaseText",
   componentId: "sc-1ob51ew-0"
@@ -5104,7 +5107,7 @@ var BaseText = function BaseText(_ref2) {
       style = _ref2.style,
       _ref2$accessibilityPr = _ref2.accessibilityProps,
       accessibilityProps = _ref2$accessibilityPr === void 0 ? {} : _ref2$accessibilityPr;
-  return /*#__PURE__*/jsx(StyledBaseText$1, _objectSpread$q(_objectSpread$q({
+  return /*#__PURE__*/jsx(StyledBaseText$1, _objectSpread$r(_objectSpread$r({
     color: color,
     fontFamily: fontFamily,
     fontSize: fontSize,
@@ -5123,9 +5126,9 @@ var BaseText = function BaseText(_ref2) {
   }));
 };
 
-function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$q(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$q(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$q(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$q(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getProps$3 = function getProps(_ref) {
   var size = _ref.size,
@@ -5175,14 +5178,14 @@ var Title = function Title(_ref2) {
     type: type,
     contrast: contrast
   });
-  return /*#__PURE__*/jsx(BaseText, _objectSpread$p(_objectSpread$p({}, props), {}, {
+  return /*#__PURE__*/jsx(BaseText, _objectSpread$q(_objectSpread$q({}, props), {}, {
     children: children
   }));
 };
 
-function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$p(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$p(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$p(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$p(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getProps$2 = function getProps(_ref) {
   var variant = _ref.variant,
@@ -5253,14 +5256,14 @@ var Heading = function Heading(_ref2) {
     weight: weight,
     contrast: contrast
   });
-  return /*#__PURE__*/jsx(BaseText, _objectSpread$o(_objectSpread$o({}, props), {}, {
+  return /*#__PURE__*/jsx(BaseText, _objectSpread$p(_objectSpread$p({}, props), {}, {
     children: children
   }));
 };
 
-function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$o(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$o(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$o(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$o(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getTextProps = function getTextProps(_ref) {
   var variant = _ref.variant,
@@ -5341,7 +5344,7 @@ var Text = function Text(_ref3) {
       truncateAfterLines = _ref3.truncateAfterLines,
       children = _ref3.children;
 
-  var props = _objectSpread$n({
+  var props = _objectSpread$o({
     truncateAfterLines: truncateAfterLines
   }, getTextProps({
     variant: variant,
@@ -5351,7 +5354,7 @@ var Text = function Text(_ref3) {
     contrast: contrast
   }));
 
-  return /*#__PURE__*/jsx(StyledText, _objectSpread$n(_objectSpread$n({}, props), {}, {
+  return /*#__PURE__*/jsx(StyledText, _objectSpread$o(_objectSpread$o({}, props), {}, {
     children: children
   }));
 };
@@ -5456,16 +5459,16 @@ var getBaseButtonStyles = function getBaseButtonStyles(_ref) {
   };
 };
 
-function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$n(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$n(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$n(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$n(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseButton = /*#__PURE__*/styled.button.attrs(function (props) {
-  return _objectSpread$m({}, props.accessibilityProps);
+  return _objectSpread$n({}, props.accessibilityProps);
 }).withConfig({
   displayName: "StyledBaseButtonweb__StyledBaseButton",
   componentId: "sc-26bt38-0"
 })(function (props) {
-  return _objectSpread$m(_objectSpread$m({}, getBaseButtonStyles(props)), {}, {
+  return _objectSpread$n(_objectSpread$n({}, getBaseButtonStyles(props)), {}, {
     transitionProperty: 'background-color, border-color, box-shadow',
     transitionTimingFunction: get_1(props.theme.motion, props.motionEasing),
     transitionDuration: castWebType(makeMotionTime(get_1(props.theme.motion, props.motionDuration))),
@@ -5762,9 +5765,9 @@ var SpinningBox = /*#__PURE__*/styled(Box).withConfig({
   return css(["width:max-content;display:inline-flex;animation:", " ", " ", " infinite;"], rotate, makeMotionTime(get_1(theme.motion, motion.duration)), get_1(theme.motion, motion.easing));
 });
 
-function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$m(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$m(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$m(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$m(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getColor = function getColor(_ref) {
   var contrast = _ref.contrast,
@@ -5796,7 +5799,7 @@ var BaseSpinner = function BaseSpinner(_ref2) {
 
   return /*#__PURE__*/jsx(Box, {
     display: "flex",
-    children: /*#__PURE__*/jsxs(Box, _objectSpread$l(_objectSpread$l({
+    children: /*#__PURE__*/jsxs(Box, _objectSpread$m(_objectSpread$m({
       display: "flex",
       alignItems: "center",
       flexDirection: labelPosition === 'right' ? 'row' : 'column'
@@ -5829,9 +5832,9 @@ var BaseSpinner = function BaseSpinner(_ref2) {
   });
 };
 
-function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$l(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$l(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$l(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$l(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getColorToken$1 = function getColorToken(_ref) {
   var property = _ref.property,
@@ -6076,7 +6079,7 @@ var BaseButton = function BaseButton(_ref4) {
       motionEasing = _getProps.motionEasing;
 
   return /*#__PURE__*/jsxs(StyledBaseButton, {
-    accessibilityProps: _objectSpread$k({}, makeAccessible({
+    accessibilityProps: _objectSpread$l({}, makeAccessible({
       role: 'button',
       label: accessibilityLabel
     })),
@@ -6167,16 +6170,16 @@ var getStyledLinkStyles = function getStyledLinkStyles(_ref) {
   };
 };
 
-function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$k(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$k(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$k(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$k(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledLink$1 = /*#__PURE__*/styled.button.attrs(function (props) {
-  return _objectSpread$j({}, props.accessibilityProps);
+  return _objectSpread$k({}, props.accessibilityProps);
 }).withConfig({
   displayName: "StyledBaseLinkweb__StyledLink",
   componentId: "sc-1yj1z8h-0"
 })(function (props) {
-  return _objectSpread$j(_objectSpread$j({}, getStyledLinkStyles(props)), {}, {
+  return _objectSpread$k(_objectSpread$k({}, getStyledLinkStyles(props)), {}, {
     display: 'inline-block',
     borderRadius: makeBorderSize(props.theme.border.radius.small),
     transitionProperty: 'box-shadow',
@@ -6233,9 +6236,9 @@ var useInteraction = function useInteraction() {
 
 var _excluded$2 = ["currentInteraction", "setCurrentInteraction"];
 
-function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$j(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$j(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$j(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$j(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getColorToken = function getColorToken(_ref) {
   var variant = _ref.variant,
@@ -6389,8 +6392,8 @@ var BaseLink = function BaseLink(_ref3) {
     }
   };
 
-  return /*#__PURE__*/jsx(StyledLink$1, _objectSpread$i(_objectSpread$i({}, syntheticEvents), {}, {
-    accessibilityProps: _objectSpread$i({}, makeAccessible({
+  return /*#__PURE__*/jsx(StyledLink$1, _objectSpread$j(_objectSpread$j({}, syntheticEvents), {}, {
+    accessibilityProps: _objectSpread$j({}, makeAccessible({
       role: role,
       label: accessibilityLabel,
       disabled: disabled
@@ -6444,9 +6447,9 @@ var BaseLink = function BaseLink(_ref3) {
   }));
 };
 
-function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$i(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$i(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$i(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$i(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isReactNative$3 = getPlatformType() === 'react-native'; // Need extra wrappers on React Native only for alignment
 
 var SecondaryActionWrapper = isReactNative$3 ? Box : Fragment;
@@ -6532,7 +6535,7 @@ var Alert = function Alert(_ref) {
   }
 
   var secondaryAction = actions !== null && actions !== void 0 && actions.secondary ? /*#__PURE__*/jsx(SecondaryActionWrapper, {
-    children: /*#__PURE__*/jsx(BaseLink, _objectSpread$h(_objectSpread$h({
+    children: /*#__PURE__*/jsx(BaseLink, _objectSpread$i(_objectSpread$i({
       contrast: contrast,
       intent: intent
     }, secondaryActionParams), {}, {
@@ -6564,7 +6567,7 @@ var Alert = function Alert(_ref) {
       icon: CloseIcon
     })
   }) : null;
-  var a11yProps = makeAccessible(_objectSpread$h({
+  var a11yProps = makeAccessible(_objectSpread$i({
     // React Native doesn't has status as role
     role: isReactNative$3 || intent === 'negative' || intent === 'notice' ? 'alert' : 'status'
   }, intent === 'notice' && {
@@ -6575,7 +6578,7 @@ var Alert = function Alert(_ref) {
     return null;
   }
 
-  return /*#__PURE__*/jsxs(StyledAlert, _objectSpread$h(_objectSpread$h({
+  return /*#__PURE__*/jsxs(StyledAlert, _objectSpread$i(_objectSpread$i({
     intent: intent,
     contrastType: contrastType,
     isFullWidth: isFullWidth,
@@ -6614,14 +6617,14 @@ var getStyledBadgeStyles = function getStyledBadgeStyles(_ref) {
   };
 };
 
-function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$h(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$h(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$h(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$h(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBadge = /*#__PURE__*/styled.div.withConfig({
   displayName: "StyledBadgeweb__StyledBadge",
   componentId: "sc-1svn4tv-0"
 })(function (props) {
-  return _objectSpread$g(_objectSpread$g({}, getStyledBadgeStyles(props)), {}, {
+  return _objectSpread$h(_objectSpread$h({}, getStyledBadgeStyles(props)), {}, {
     width: 'fit-content'
   });
 });
@@ -6728,9 +6731,9 @@ var Badge = function Badge(_ref2) {
   });
 };
 
-function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$g(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$g(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$g(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$g(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var Button = function Button(_ref) {
   var children = _ref.children,
@@ -6751,7 +6754,7 @@ var Button = function Button(_ref) {
       _ref$variant = _ref.variant,
       variant = _ref$variant === void 0 ? 'primary' : _ref$variant,
       accessibilityLabel = _ref.accessibilityLabel;
-  return /*#__PURE__*/jsx(BaseButton, _objectSpread$f(_objectSpread$f({}, icon ? {
+  return /*#__PURE__*/jsx(BaseButton, _objectSpread$g(_objectSpread$g({}, icon ? {
     icon: icon,
     children: children
   } : {
@@ -6920,9 +6923,9 @@ var CheckboxIconWrapper = /*#__PURE__*/styled.div.withConfig({
   return getCheckboxIconWrapperStyles(props);
 });
 
-function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$f(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$f(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$f(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$f(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var fadeIn = /*#__PURE__*/keyframes(["from{transform:scale(.6);opacity:0;}to{transform:scale(1);opacity:1;}"]);
 var fadeOut$1 = /*#__PURE__*/keyframes(["from{transform:scale(1);opacity:1;}to{transform:scale(.6);opacity:0;}"]);
 var AnimatedFade$1 = /*#__PURE__*/styled.div.withConfig({
@@ -6948,7 +6951,7 @@ var Fade$1 = function Fade(_ref2) {
   var animation = show === undefined ? null : show ? enter : exit;
   return /*#__PURE__*/jsx(AnimatedFade$1, {
     animationType: animation,
-    style: _objectSpread$e({
+    style: _objectSpread$f({
       opacity: show ? 1 : 0
     }, styles),
     children: children
@@ -7171,9 +7174,9 @@ var useFormId = function useFormId(prefix) {
   };
 };
 
-function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$e(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$e(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$e(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$e(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 /**
  * indeterminate is not a HTML input element prop,
@@ -7247,7 +7250,7 @@ var useCheckbox = function useCheckbox(_ref) {
       errorTextId = _useFormId.errorTextId,
       helpTextId = _useFormId.helpTextId;
 
-  var accessibilityProps = makeAccessible(_objectSpread$d(_objectSpread$d({
+  var accessibilityProps = makeAccessible(_objectSpread$e(_objectSpread$e({
     role: 'checkbox',
     required: Boolean(isRequired),
     hidden: !isReactNative,
@@ -7263,7 +7266,7 @@ var useCheckbox = function useCheckbox(_ref) {
   if (isReactNative) {
     return {
       state: state,
-      inputProps: _objectSpread$d({
+      inputProps: _objectSpread$e({
         onPress: handleOnChange,
         name: name,
         value: value
@@ -7278,7 +7281,7 @@ var useCheckbox = function useCheckbox(_ref) {
       errorTextId: errorTextId,
       helpTextId: helpTextId
     },
-    inputProps: _objectSpread$d({
+    inputProps: _objectSpread$e({
       ref: inputRef,
       onChange: handleOnChange,
       type: 'checkbox',
@@ -7558,9 +7561,9 @@ var SelectorSupportText = function SelectorSupportText(_ref) {
   });
 };
 
-function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$d(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$d(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$d(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$d(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var variants = {
   "default": {
     background: {
@@ -7599,13 +7602,13 @@ var StyledInput = /*#__PURE__*/styled.input.withConfig({
       isChecked = _ref2.isChecked,
       isDisabled = _ref2.isDisabled,
       isNegative = _ref2.isNegative;
-  return _objectSpread$c(_objectSpread$c({}, screenReaderStyles), {}, {
+  return _objectSpread$d(_objectSpread$d({}, screenReaderStyles), {}, {
     '&:focus + div': {
       // TODO: Replace with focus outline token
       outline: '1px solid white',
       boxShadow: "0px 0px 0px 4px ".concat(theme.colors.brand.primary[400])
     },
-    '&:hover + div, &:focus + div': _objectSpread$c({}, getHoverStyles({
+    '&:hover + div, &:focus + div': _objectSpread$d({}, getHoverStyles({
       theme: theme,
       isChecked: isChecked,
       isDisabled: isDisabled,
@@ -7619,7 +7622,7 @@ var SelectorInput = function SelectorInput(_ref3) {
       isChecked = _ref3.isChecked,
       isDisabled = _ref3.isDisabled,
       isNegative = _ref3.isNegative;
-  return /*#__PURE__*/jsx(StyledInput, _objectSpread$c({
+  return /*#__PURE__*/jsx(StyledInput, _objectSpread$d({
     isChecked: isChecked,
     isDisabled: isDisabled,
     isNegative: isNegative
@@ -7860,9 +7863,9 @@ var useCheckboxGroup = function useCheckboxGroup(_ref) {
   };
 };
 
-function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$c(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$c(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$c(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$c(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var SelectorGroupField = function SelectorGroupField(_ref) {
   var children = _ref.children,
@@ -7874,7 +7877,7 @@ var SelectorGroupField = function SelectorGroupField(_ref) {
   var labelPosition = position === 'top' ? 'column' : 'row';
   if (isReactNative) labelPosition = 'column';
   var role = accessibilityRole === 'group' && isReactNative ? undefined : accessibilityRole;
-  return /*#__PURE__*/jsx(Box, _objectSpread$b(_objectSpread$b({
+  return /*#__PURE__*/jsx(Box, _objectSpread$c(_objectSpread$c({
     display: "flex",
     flexDirection: labelPosition
   }, makeAccessible({
@@ -7962,9 +7965,9 @@ var CheckboxGroup = function CheckboxGroup(_ref) {
   });
 };
 
-function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$b(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$b(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$b(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$b(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getVisualContainerStyles = function getVisualContainerStyles() {
   return {
@@ -8077,7 +8080,7 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
   var hasTrailingVisuals = hasInteractionElement || hasSuffix || hasTrailingIcon;
 
   if (hasLeadingVisuals) {
-    return /*#__PURE__*/jsxs(Box, _objectSpread$a(_objectSpread$a({}, getVisualContainerStyles()), {}, {
+    return /*#__PURE__*/jsxs(Box, _objectSpread$b(_objectSpread$b({}, getVisualContainerStyles()), {}, {
       children: [LeadingIcon ? /*#__PURE__*/jsx(Box, {
         paddingLeft: "spacing.4",
         display: "flex",
@@ -8085,7 +8088,7 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
           size: "medium",
           color: isDisabled ? 'surface.text.placeholder.lowContrast' : 'surface.text.subtle.lowContrast'
         })
-      }) : null, hasPrefix ? /*#__PURE__*/jsx(Box, _objectSpread$a(_objectSpread$a({}, getPrefixStyles({
+      }) : null, hasPrefix ? /*#__PURE__*/jsx(Box, _objectSpread$b(_objectSpread$b({}, getPrefixStyles({
         hasLeadingIcon: hasLeadingIcon,
         hasPrefix: hasPrefix
       })), {}, {
@@ -8102,15 +8105,15 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
   }
 
   if (hasTrailingVisuals) {
-    return /*#__PURE__*/jsxs(Box, _objectSpread$a(_objectSpread$a({}, getVisualContainerStyles()), {}, {
-      children: [hasInteractionElement ? /*#__PURE__*/jsx(Box, _objectSpread$a(_objectSpread$a({}, getInteractionElementStyles({
+    return /*#__PURE__*/jsxs(Box, _objectSpread$b(_objectSpread$b({}, getVisualContainerStyles()), {}, {
+      children: [hasInteractionElement ? /*#__PURE__*/jsx(Box, _objectSpread$b(_objectSpread$b({}, getInteractionElementStyles({
         hasTrailingIcon: hasTrailingIcon,
         hasInteractionElement: hasInteractionElement,
         hasSuffix: hasSuffix
       })), {}, {
         display: "flex",
         children: interactionElement
-      })) : null, hasSuffix ? /*#__PURE__*/jsx(Box, _objectSpread$a(_objectSpread$a({}, getSuffixStyles({
+      })) : null, hasSuffix ? /*#__PURE__*/jsx(Box, _objectSpread$b(_objectSpread$b({}, getSuffixStyles({
         hasTrailingIcon: hasTrailingIcon,
         hasSuffix: hasSuffix
       })), {}, {
@@ -8136,9 +8139,9 @@ var BaseInputVisuals = function BaseInputVisuals(_ref5) {
   return null;
 };
 
-function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$a(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$a(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$a(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$a(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getTextStyles = function getTextStyles(_ref) {
   var variant = _ref.variant,
@@ -8147,7 +8150,7 @@ var getTextStyles = function getTextStyles(_ref) {
       size = _ref.size,
       contrast = _ref.contrast,
       theme = _ref.theme;
-  return getBaseTextStyles(_objectSpread$9(_objectSpread$9({}, getTextProps({
+  return getBaseTextStyles(_objectSpread$a(_objectSpread$a({}, getTextProps({
     variant: variant,
     type: type,
     weight: weight,
@@ -8158,9 +8161,9 @@ var getTextStyles = function getTextStyles(_ref) {
   }));
 };
 
-function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$9(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$9(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$9(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$9(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var getInputBackgroundAndBorderStyles = function getInputBackgroundAndBorderStyles(_ref) {
   var theme = _ref.theme,
       isHovered = _ref.isHovered,
@@ -8228,7 +8231,7 @@ var getBaseInputStyles = function getBaseInputStyles(_ref2) {
       hasTrailingIcon = _getInputVisualsToBeR.hasTrailingIcon;
 
   var isReactNative = getPlatformType() === 'react-native';
-  return _objectSpread$8(_objectSpread$8({}, getTextStyles({
+  return _objectSpread$9(_objectSpread$9({}, getTextStyles({
     size: 'medium',
     variant: 'body',
     type: isDisabled ? 'placeholder' : 'subtle',
@@ -8252,14 +8255,14 @@ var getBaseInputStyles = function getBaseInputStyles(_ref2) {
 
 var _excluded$1 = ["name", "isDisabled", "isRequired", "maxCharacters", "handleOnFocus", "handleOnChange", "handleOnBlur", "handleOnInput", "handleOnKeyDown", "keyboardType", "keyboardReturnKeyType", "autoCompleteSuggestionType", "accessibilityProps", "setCurrentInteraction", "numberOfLines", "type"];
 
-function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$8(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$8(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$8(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$8(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseNativeInput = /*#__PURE__*/styled.input.withConfig({
   displayName: "StyledBaseInputweb__StyledBaseNativeInput",
   componentId: "hsusrk-0"
 })(function (props) {
-  return _objectSpread$7(_objectSpread$7({}, getBaseInputStyles({
+  return _objectSpread$8(_objectSpread$8({}, getBaseInputStyles({
     isDisabled: props.disabled,
     theme: props.theme,
     validationState: props.validationState,
@@ -8272,7 +8275,7 @@ var StyledBaseNativeInput = /*#__PURE__*/styled.input.withConfig({
   })), {}, {
     outline: 'none',
     border: 'none',
-    '::placeholder': _objectSpread$7(_objectSpread$7({}, getTextStyles({
+    '::placeholder': _objectSpread$8(_objectSpread$8({}, getTextStyles({
       size: 'medium',
       variant: 'body',
       type: 'placeholder',
@@ -8324,7 +8327,7 @@ var StyledBaseInput = /*#__PURE__*/React__default.forwardRef(function (_ref, ref
       type = _ref.type,
       props = _objectWithoutProperties(_ref, _excluded$1);
 
-  return /*#__PURE__*/jsx(StyledBaseNativeInput, _objectSpread$7(_objectSpread$7({
+  return /*#__PURE__*/jsx(StyledBaseNativeInput, _objectSpread$8(_objectSpread$8({
     ref: ref,
     name: name,
     type: type === 'telephone' ? 'tel' : type,
@@ -8411,20 +8414,20 @@ var BaseInputAnimatedBorder = function BaseInputAnimatedBorder(_ref2) {
 
 var _excluded = ["children", "validationState", "currentInteraction", "isLabelLeftPositioned", "isTextArea"];
 
-function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$7(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$7(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$7(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$7(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var StyledBaseInputWrapper = /*#__PURE__*/styled(Box).withConfig({
   displayName: "BaseInputWrapper__StyledBaseInputWrapper",
   componentId: "sc-27jk75-0"
 })(function (props) {
-  return _objectSpread$6(_objectSpread$6({}, getInputBackgroundAndBorderStyles({
+  return _objectSpread$7(_objectSpread$7({}, getInputBackgroundAndBorderStyles({
     theme: props.theme,
     isFocused: props.currentInteraction === 'active',
     isDisabled: props.isDisabled,
     validationState: props.validationState
   })), {}, {
-    '&:hover': getPlatformType() === 'react-native' ? undefined : _objectSpread$6(_objectSpread$6({}, getInputBackgroundAndBorderStyles({
+    '&:hover': getPlatformType() === 'react-native' ? undefined : _objectSpread$7(_objectSpread$7({}, getInputBackgroundAndBorderStyles({
       theme: props.theme,
       isHovered: true,
       isFocused: props.currentInteraction === 'active',
@@ -8435,7 +8438,7 @@ var StyledBaseInputWrapper = /*#__PURE__*/styled(Box).withConfig({
       transitionDuration: castWebType(makeMotionTime(props.theme.motion.duration.xquick)),
       transitionTimingFunction: castWebType(props.theme.motion.easing.standard.effective)
     }),
-    ':focus-within': getPlatformType() === 'react-native' ? undefined : _objectSpread$6({}, getInputBackgroundAndBorderStyles({
+    ':focus-within': getPlatformType() === 'react-native' ? undefined : _objectSpread$7({}, getInputBackgroundAndBorderStyles({
       theme: props.theme,
       isFocused: props.currentInteraction === 'active',
       isDisabled: props.isDisabled,
@@ -8452,7 +8455,7 @@ var BaseInputWrapper = function BaseInputWrapper(_ref) {
       props = _objectWithoutProperties(_ref, _excluded);
 
   return /*#__PURE__*/jsxs(Fragment$1, {
-    children: [/*#__PURE__*/jsx(StyledBaseInputWrapper, _objectSpread$6(_objectSpread$6({
+    children: [/*#__PURE__*/jsx(StyledBaseInputWrapper, _objectSpread$7(_objectSpread$7({
       display: "flex",
       flexDirection: "row",
       width: "100%",
@@ -8839,9 +8842,9 @@ var CharacterCounter = function CharacterCounter(_ref) {
   });
 };
 
-function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$6(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$6(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$6(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$6(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 
 var getKeyboardAndAutocompleteProps = function getKeyboardAndAutocompleteProps(_ref) {
   var _ref$type = _ref.type,
@@ -8984,7 +8987,7 @@ var TextInput = function TextInput(_ref2) {
     return null;
   };
 
-  return /*#__PURE__*/jsx(BaseInput, _objectSpread$5({
+  return /*#__PURE__*/jsx(BaseInput, _objectSpread$6({
     id: "textinput",
     ref: textInputRef,
     label: label,
@@ -9268,9 +9271,9 @@ var TextArea = function TextArea(_ref) {
   });
 };
 
-function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+function ownKeys$5(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
-function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+function _objectSpread$5(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$5(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$5(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
 var isReactNative = getPlatformType() === 'react-native';
 /**
  *  Converts a string value of otp to array if passed otherwise returns an array of 6 empty strings
@@ -9511,17 +9514,17 @@ var OTPInput = function OTPInput(_ref) {
           value: currentValue,
           maxCharacters: ((_otpValue$index = otpValue[index]) === null || _otpValue$index === void 0 ? void 0 : _otpValue$index.length) > 0 ? 1 : undefined,
           onChange: function onChange(formEvent) {
-            return handleOnChange(_objectSpread$4(_objectSpread$4({}, formEvent), {}, {
+            return handleOnChange(_objectSpread$5(_objectSpread$5({}, formEvent), {}, {
               currentOtpIndex: index
             }));
           },
           onInput: function onInput(formEvent) {
-            return handleOnInput(_objectSpread$4(_objectSpread$4({}, formEvent), {}, {
+            return handleOnInput(_objectSpread$5(_objectSpread$5({}, formEvent), {}, {
               currentOtpIndex: index
             }));
           },
           onKeyDown: function onKeyDown(keyboardEvent) {
-            return handleOnKeyDown(_objectSpread$4(_objectSpread$4({}, keyboardEvent), {}, {
+            return handleOnKeyDown(_objectSpread$5(_objectSpread$5({}, keyboardEvent), {}, {
               currentOtpIndex: index
             }));
           },
@@ -9581,6 +9584,107 @@ var OTPInput = function OTPInput(_ref) {
   });
 };
 
+var Circle = function Circle(_ref) {
+  var cx = _ref.cx,
+      cy = _ref.cy,
+      x = _ref.x,
+      y = _ref.y,
+      r = _ref.r,
+      fill = _ref.fill,
+      stroke = _ref.stroke,
+      strokeWidth = _ref.strokeWidth;
+  return /*#__PURE__*/jsx("circle", {
+    cx: cx,
+    cy: cy,
+    x: x,
+    y: y,
+    r: r,
+    fill: fill,
+    stroke: stroke,
+    strokeWidth: strokeWidth
+  });
+};
+
+function ownKeys$4(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
+
+function _objectSpread$4(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$4(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$4(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
+
+var Indicator = function Indicator(_ref) {
+  var accessibilityLabel = _ref.accessibilityLabel,
+      children = _ref.children,
+      _ref$size = _ref.size,
+      size = _ref$size === void 0 ? 'medium' : _ref$size,
+      _ref$intent = _ref.intent,
+      intent = _ref$intent === void 0 ? 'neutral' : _ref$intent;
+
+  var _useTheme = useTheme(),
+      theme = _useTheme.theme;
+
+  var fillColor = theme.colors.feedback.background[intent].highContrast;
+  var strokeColor = theme.colors.brand.gray.a100.highContrast;
+  var getDimension = useCallback(function () {
+    switch (size) {
+      case 'small':
+        return {
+          svgSize: '6',
+          textSize: 'small'
+        };
+
+      case 'large':
+        return {
+          svgSize: '10',
+          textSize: 'medium'
+        };
+
+      default:
+        return {
+          svgSize: '8',
+          textSize: 'medium'
+        };
+    }
+  }, [size]);
+  var dimensions = getDimension();
+  var isReactNative = getPlatformType() === 'react-native';
+  var isWeb = !isReactNative;
+  var a11yProps = makeAccessible(_objectSpread$4({
+    label: accessibilityLabel !== null && accessibilityLabel !== void 0 ? accessibilityLabel : children
+  }, isWeb && {
+    role: 'status'
+  }));
+  return /*#__PURE__*/jsxs(Box, _objectSpread$4(_objectSpread$4({
+    display: "flex",
+    flexDirection: "row",
+    alignItems: "center"
+  }, a11yProps), {}, {
+    children: [/*#__PURE__*/jsxs(Svg, {
+      width: dimensions.svgSize,
+      height: dimensions.svgSize,
+      viewBox: "0 0 10 10",
+      fill: "none",
+      children: [/*#__PURE__*/jsx(Circle, {
+        cx: "5",
+        cy: "5",
+        r: "5",
+        fill: fillColor
+      }), /*#__PURE__*/jsx(Circle, {
+        cx: "5",
+        cy: "5",
+        r: "4.75",
+        stroke: strokeColor,
+        strokeWidth: "0.5"
+      })]
+    }), /*#__PURE__*/jsx(Box, {
+      marginLeft: "spacing.2",
+      children: /*#__PURE__*/jsx(Text, {
+        contrast: "low",
+        type: "subtle",
+        size: dimensions.textSize,
+        children: children
+      })
+    })]
+  }));
+};
+
 function ownKeys$3(object, enumerableOnly) { var keys = Object.keys(object); if (Object.getOwnPropertySymbols) { var symbols = Object.getOwnPropertySymbols(object); enumerableOnly && (symbols = symbols.filter(function (sym) { return Object.getOwnPropertyDescriptor(object, sym).enumerable; })), keys.push.apply(keys, symbols); } return keys; }
 
 function _objectSpread$3(target) { for (var i = 1; i < arguments.length; i++) { var source = null != arguments[i] ? arguments[i] : {}; i % 2 ? ownKeys$3(Object(source), !0).forEach(function (key) { _defineProperty$1(target, key, source[key]); }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys$3(Object(source)).forEach(function (key) { Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key)); }); } return target; }
@@ -9956,25 +10060,6 @@ var Fade = function Fade(_ref2) {
   });
 };
 
-var Circle = function Circle(_ref) {
-  var cx = _ref.cx,
-      cy = _ref.cy,
-      x = _ref.x,
-      y = _ref.y,
-      r = _ref.r,
-      fill = _ref.fill,
-      stroke = _ref.stroke;
-  return /*#__PURE__*/jsx("circle", {
-    cx: cx,
-    cy: cy,
-    x: x,
-    y: y,
-    r: r,
-    fill: fill,
-    stroke: stroke
-  });
-};
-
 /* eslint-disable @typescript-eslint/explicit-function-return-type */
 
 var CheckedIcon = function CheckedIcon(_ref) {
@@ -10372,5 +10457,5 @@ var SkipNavContent = function SkipNavContent(_ref3) {
   }, testID('skipnav-content')));
 };
 
-export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, InfoIcon, Link, LinkIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SkipNavContent, SkipNavLink, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
+export { Alert, AlertTriangleIcon as AlertOctagonIcon, AlertTriangleIcon$1 as AlertTriangleIcon, ArrowDownIcon, ArrowLeftIcon, ArrowRightIcon, ArrowUpIcon, ArrowUpRightIcon, Badge, BladeProvider, Button, CheckCircleIcon, CheckIcon, Checkbox, CheckboxGroup, ChevronDownIcon, ChevronLeftIcon, ChevronRightIcon, ChevronUpIcon, CloseIcon, Code, Counter, CreditCardIcon, DollarIcon, DownloadIcon, EditIcon, ExternalLinkIcon, EyeIcon, EyeOffIcon, Heading, HelpCircleIcon, HistoryIcon, HomeIcon, IconButton, Indicator, InfoIcon, Link, LinkIcon, MinusIcon, OTPInput, PasswordInput, PauseIcon, PlusIcon, Radio, RadioGroup, RefreshLeftIcon, RotateCounterClockWiseIcon, RupeeIcon, SearchIcon, SkipNavContent, SkipNavLink, Spinner, Text, TextArea, TextInput, Title, TrashIcon, TrendingDownIcon, TrendingUpIcon, VisuallyHidden, announce, clearAnnouncer, destroyAnnouncer, getTextProps, screenReaderStyles, useTheme };
 //# sourceMappingURL=index.web.js.map