@7shifts/sous-chef 3.83.1-beta.1 → 3.83.2

package/dist/index.js

@@ -223,7 +223,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-var styles$1o = {"flex":"_GFHBy","flex__item":"_TOxU5","flex__item--flexible":"_oppLW","align-center":"_bC2qU","align-end":"_9qCMz","align-start":"_06gN4","justify-center":"_9gxO4","justify-end":"_33FAJ","justify-space-between":"_lg-h2","justify-start":"_xjZcn","inline-flex":"_3yyLA"};
+var styles$1n = {"flex":"_GFHBy","flex__item":"_TOxU5","flex__item--flexible":"_oppLW","align-center":"_bC2qU","align-end":"_9qCMz","align-start":"_06gN4","justify-center":"_9gxO4","justify-end":"_33FAJ","justify-space-between":"_lg-h2","justify-start":"_xjZcn","inline-flex":"_3yyLA"};
 
 var usePositionStyles = function usePositionStyles(_ref) {
   var m = _ref.m,
@@ -342,7 +342,7 @@ var Flex = function Flex(_ref) {
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   var positionStyles = usePositionStyles(positionProps);
-  var className = classnames__default["default"](styles$1o['flex'], extraClass, (_classNames = {}, _classNames[styles$1o['align-start']] = alignItems === 'flex-start', _classNames[styles$1o['align-end']] = alignItems === 'flex-end', _classNames[styles$1o['align-center']] = alignItems === 'center', _classNames[styles$1o['justify-start']] = justifyContent === 'start', _classNames[styles$1o['justify-end']] = justifyContent === 'end', _classNames[styles$1o['justify-center']] = justifyContent === 'center', _classNames[styles$1o['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1o['inline-flex']] = inlineFlex, _classNames));
+  var className = classnames__default["default"](styles$1n['flex'], extraClass, (_classNames = {}, _classNames[styles$1n['align-start']] = alignItems === 'flex-start', _classNames[styles$1n['align-end']] = alignItems === 'flex-end', _classNames[styles$1n['align-center']] = alignItems === 'center', _classNames[styles$1n['justify-start']] = justifyContent === 'start', _classNames[styles$1n['justify-end']] = justifyContent === 'end', _classNames[styles$1n['justify-center']] = justifyContent === 'center', _classNames[styles$1n['justify-space-between']] = justifyContent === 'space-between', _classNames[styles$1n['inline-flex']] = inlineFlex, _classNames));
   var items = React__default["default"].Children.toArray(children).filter(Boolean);
   var gap = typeof space === 'object' ? space.row + "px " + space.column + "px" : space;
   return React__default["default"].createElement("div", _extends({
@@ -358,7 +358,7 @@ var Flex = function Flex(_ref) {
     var _classNames2;
     return React__default["default"].createElement("div", {
       key: i,
-      className: classnames__default["default"](styles$1o['flex__item'], (_classNames2 = {}, _classNames2[styles$1o['flex__item--flexible']] = flexItems, _classNames2)),
+      className: classnames__default["default"](styles$1n['flex__item'], (_classNames2 = {}, _classNames2[styles$1n['flex__item--flexible']] = flexItems, _classNames2)),
       style: {
         flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
       }
@@ -380,7 +380,7 @@ var Stack = function Stack(_ref) {
   }));
 };
 
-var styles$1n = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
+var styles$1m = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
 var _excluded$2Z = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
@@ -403,7 +403,7 @@ var Toggle = function Toggle(_ref) {
   return React__default["default"].createElement(Stack, {
     space: 8
   }, React__default["default"].createElement("label", _extends({}, dataProps, {
-    className: styles$1n['toggle']
+    className: styles$1m['toggle']
   }), React__default["default"].createElement("input", {
     type: "checkbox",
     checked: checked,
@@ -412,11 +412,11 @@ var Toggle = function Toggle(_ref) {
     id: id,
     "data-testid": testId
   }), React__default["default"].createElement("span", {
-    className: styles$1n['toggle__switch']
+    className: styles$1m['toggle__switch']
   }), label && React__default["default"].createElement("span", {
-    className: styles$1n['toggle__label']
+    className: styles$1m['toggle__label']
   }, label)), caption && React__default["default"].createElement("span", {
-    className: styles$1n['toggle__caption']
+    className: styles$1m['toggle__caption']
   }, caption));
 };
 
@@ -436,7 +436,7 @@ var SPINNER_THEMES = {
   PRIDE: 'pride'
 };
 
-var styles$1m = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
+var styles$1l = {"spinner":"_memxT","rotator":"_QieGp","spinner--block":"_VoFzz","path":"_KSRP9","dash":"_RyBY2","path--mint":"_-sIZJ","path--disabled":"_3fox0","path--contrast":"_VteKz","path--pride":"_7rzsv"};
 
 var Spinner = function Spinner(_ref) {
   var _classnames;
@@ -449,9 +449,9 @@ var Spinner = function Spinner(_ref) {
     _ref$testId = _ref.testId,
     testId = _ref$testId === void 0 ? 'spinner' : _ref$testId;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"]((_classnames = {}, _classnames[styles$1m['spinner--block']] = block, _classnames))
+    className: classnames__default["default"]((_classnames = {}, _classnames[styles$1l['spinner--block']] = block, _classnames))
   }, React__default["default"].createElement("svg", {
-    className: styles$1m['spinner'],
+    className: styles$1l['spinner'],
     xmlns: "http://www.w3.org/2000/svg",
     width: size,
     height: size,
@@ -526,7 +526,7 @@ var Spinner = function Spinner(_ref) {
     offset: "1",
     stopColor: "#760088"
   }))), React__default["default"].createElement("circle", {
-    className: classnames__default["default"](styles$1m['path'], styles$1m["path--" + theme]),
+    className: classnames__default["default"](styles$1l['path'], styles$1l["path--" + theme]),
     fill: "none",
     strokeWidth: "6",
     strokeLinecap: "round",
@@ -536,9 +536,9 @@ var Spinner = function Spinner(_ref) {
   })));
 };
 
-var styles$1l = {"tooltip":"_Ydu2O"};
+var styles$1k = {"tooltip":"_Ydu2O"};
 
-var styles$1k = {"tooltip-overlay":"_7fQon","tooltip-overlay--visible":"_a-BND","tooltip-overlay--black-theme":"_UUdng","tooltip-overlay--white-theme":"_brSNX","tooltip-overlay__header":"_uP8x7","tooltip-overlay-arrow":"_MjV6R","tooltip-overlay-arrow--top":"_TQqwB","tooltip-overlay-arrow--bottom":"_pgdKl","tooltip-overlay-arrow--visible":"_Zob-W","tooltip-overlay-arrow--black-theme":"_FXaBf","tooltip-overlay-arrow--white-theme":"_FyPu8"};
+var styles$1j = {"tooltip-overlay":"_7fQon","tooltip-overlay--visible":"_a-BND","tooltip-overlay--black-theme":"_UUdng","tooltip-overlay--white-theme":"_brSNX","tooltip-overlay__header":"_uP8x7","tooltip-overlay-arrow":"_MjV6R","tooltip-overlay-arrow--top":"_TQqwB","tooltip-overlay-arrow--bottom":"_pgdKl","tooltip-overlay-arrow--visible":"_Zob-W","tooltip-overlay-arrow--black-theme":"_FXaBf","tooltip-overlay-arrow--white-theme":"_FyPu8"};
 
 var TOOLTIP_THEME = {
   BLACK: 'black',
@@ -737,15 +737,15 @@ var TooltipOverlay = function TooltipOverlay(_ref) {
       maxHeight: maxHeight,
       zIndex: getZIndex('tooltip')
     }),
-    className: classnames__default["default"](styles$1k['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$1k['tooltip-overlay--visible']] = isVisible, _classnames[styles$1k['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$1k['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
+    className: classnames__default["default"](styles$1j['tooltip-overlay'], extraClass, (_classnames = {}, _classnames[styles$1j['tooltip-overlay--visible']] = isVisible, _classnames[styles$1j['tooltip-overlay--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames[styles$1j['tooltip-overlay--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames)),
     onMouseEnter: onFocusIn,
     onMouseLeave: onFocusOut
   }, React__default["default"].createElement(Stack, {
     space: 8
   }, header && React__default["default"].createElement("div", {
-    className: styles$1k['tooltip-overlay__header']
+    className: styles$1j['tooltip-overlay__header']
   }, header), children)), React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1k['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$1k['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$1k['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$1k['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$1k['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$1k['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
+    className: classnames__default["default"](styles$1j['tooltip-overlay-arrow'], extraClass, (_classnames2 = {}, _classnames2[styles$1j['tooltip-overlay-arrow--visible']] = isVisible, _classnames2[styles$1j['tooltip-overlay-arrow--top']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP, _classnames2[styles$1j['tooltip-overlay-arrow--bottom']] = position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM, _classnames2[styles$1j['tooltip-overlay-arrow--black-theme']] = theme === TOOLTIP_THEME.BLACK, _classnames2[styles$1j['tooltip-overlay-arrow--white-theme']] = theme === TOOLTIP_THEME.WHITE, _classnames2)),
     style: _extends({}, position.arrow, {
       zIndex: getZIndex('tooltip')
     }),
@@ -863,7 +863,7 @@ var TooltipElement = function TooltipElement(_ref, forwardedRef) {
     }), overlayElement);
   }
   return React__default["default"].createElement("div", _extends({
-    className: classnames__default["default"](styles$1l['tooltip'])
+    className: classnames__default["default"](styles$1k['tooltip'])
   }, commonProps, {
     ref: containerRef
   }), children, overlayElement);
@@ -873,7 +873,7 @@ var isTooltipCompatible = function isTooltipCompatible(element) {
   return React__default["default"].isValidElement(element) && typeof element.type === 'string';
 };
 
-var styles$1j = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
+var styles$1i = {"button":"_pgOR3","button--loading":"_2yB9-","button__spinner":"_ppC-S","button--size-min-width-100":"_GtXOQ","button--size-full-width":"_Y-OxO","button--icon-only":"_3EfuT","button--default":"_ICNz7","button--primary":"_XwJWT","button--danger":"_gr3Dh","button--upsell":"_ME8te","button--marketing":"_mI-Dx","button--hollow":"_orywo","button--hollow-contrast":"_obtsl","button--link-contrast":"_00jK4","button--link-primary":"_JPwJ7","button--link-danger":"_9TprN","button--link-upsell":"_tktX-","button--link-toolbar":"_r3SQl","button--link-icon":"_oFBLN","disabled-button-wrapper":"_yTBTz"};
 
 var BUTTON_SIZES = {
   FULL_WIDTH: 'full-width',
@@ -968,7 +968,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     onBlur: onBlur,
     onFocus: onFocus,
     onKeyDown: onKeyDown,
-    className: classnames__default["default"](styles$1j['button'], (_classnames = {}, _classnames[styles$1j['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1j['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1j['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1j['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1j['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1j['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1j['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1j['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1j['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1j['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1j['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1j['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1j['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1j['button--loading']] = loading, _classnames[styles$1j['button--icon-only']] = isIconOnly, _classnames[styles$1j['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1j['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
+    className: classnames__default["default"](styles$1i['button'], (_classnames = {}, _classnames[styles$1i['button--default']] = theme === BUTTON_THEMES.DEFAULT, _classnames[styles$1i['button--primary']] = theme === BUTTON_THEMES.PRIMARY, _classnames[styles$1i['button--danger']] = theme === BUTTON_THEMES.DANGER, _classnames[styles$1i['button--upsell']] = theme === BUTTON_THEMES.UPSELL, _classnames[styles$1i['button--marketing']] = theme === BUTTON_THEMES.MARKETING, _classnames[styles$1i['button--hollow']] = theme === BUTTON_THEMES.HOLLOW, _classnames[styles$1i['button--hollow-contrast']] = theme === BUTTON_THEMES.HOLLOW_CONTRAST, _classnames[styles$1i['button--link-primary']] = theme === BUTTON_THEMES.LINK_PRIMARY, _classnames[styles$1i['button--link-danger']] = theme === BUTTON_THEMES.LINK_DANGER, _classnames[styles$1i['button--link-upsell']] = theme === BUTTON_THEMES.LINK_UPSELL, _classnames[styles$1i['button--link-toolbar']] = theme === BUTTON_THEMES.LINK_TOOLBAR, _classnames[styles$1i['button--link-contrast']] = theme === BUTTON_THEMES.LINK_CONTRAST, _classnames[styles$1i['button--link-icon']] = theme === BUTTON_THEMES.LINK_ICON, _classnames[styles$1i['button--loading']] = loading, _classnames[styles$1i['button--icon-only']] = isIconOnly, _classnames[styles$1i['button--size-min-width-100']] = size === BUTTON_SIZES.MIN_WIDTH_100, _classnames[styles$1i['button--size-full-width']] = size === BUTTON_SIZES.FULL_WIDTH, _classnames)),
     type: type,
     disabled: disabled || loading,
     href: href,
@@ -981,7 +981,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
     space: 8,
     alignItems: "center"
   }, children), loading && React__default["default"].createElement("div", {
-    className: styles$1j['button__spinner']
+    className: styles$1i['button__spinner']
   }, React__default["default"].createElement(Spinner, {
     theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
   })));
@@ -991,7 +991,7 @@ var ButtonComponent = function ButtonComponent(_ref, ref) {
       overlay: title,
       ref: ref
     }, title && disabled ? React__default["default"].createElement("div", {
-      className: styles$1j['disabled-button-wrapper']
+      className: styles$1i['disabled-button-wrapper']
     }, ButtonElementResult) : ButtonElementResult)
   );
 };
@@ -6098,9 +6098,9 @@ var IconWrench = React.forwardRef(function (_ref, ref) {
 });
 IconWrench.displayName = 'IconWrench';
 
-var styles$1i = {"pagination-controls":"_S1co-"};
+var styles$1h = {"pagination-controls":"_S1co-"};
 
-var styles$1h = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
+var styles$1g = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
 
 var KeyboardKey = function KeyboardKey(_ref) {
   var _classNames;
@@ -6108,9 +6108,9 @@ var KeyboardKey = function KeyboardKey(_ref) {
     _ref$theme = _ref.theme,
     theme = _ref$theme === void 0 ? 'dark' : _ref$theme;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1h['keyboard-key'], (_classNames = {}, _classNames[styles$1h['keyboard-key--light']] = theme === 'light', _classNames))
+    className: classnames__default["default"](styles$1g['keyboard-key'], (_classNames = {}, _classNames[styles$1g['keyboard-key--light']] = theme === 'light', _classNames))
   }, React__default["default"].createElement("span", {
-    className: styles$1h['keyboard-key__character']
+    className: styles$1g['keyboard-key__character']
   }, children));
 };
 
@@ -6303,7 +6303,7 @@ var PaginationControls = function PaginationControls(_ref) {
     }
   });
   return React__default["default"].createElement("div", _extends({}, dataProps, {
-    className: styles$1i['pagination-controls'],
+    className: styles$1h['pagination-controls'],
     "data-testid": testId
   }), React__default["default"].createElement(Button, {
     disabled: !hasPrevious,
@@ -6333,7 +6333,7 @@ var LINK_TARGET = {
   BLANK: '_blank'
 };
 
-var styles$1g = {"link":"_EiQ4c"};
+var styles$1f = {"link":"_EiQ4c"};
 
 var _excluded$s = ["href", "target", "theme", "onClick", "children"];
 var Link = function Link(_ref) {
@@ -6349,7 +6349,7 @@ var Link = function Link(_ref) {
   var _getDataProps = getDataProps(otherProps),
     dataProps = _getDataProps.dataProps;
   return React__default["default"].createElement("a", _extends({}, dataProps, {
-    className: classnames__default["default"](styles$1g['link'], (_classNames = {}, _classNames[styles$1g['link--primary']] = theme === LINK_THEME.PRIMARY, _classNames[styles$1g['link--contrast']] = theme === LINK_THEME.CONTRAST, _classNames)),
+    className: classnames__default["default"](styles$1f['link'], (_classNames = {}, _classNames[styles$1f['link--primary']] = theme === LINK_THEME.PRIMARY, _classNames[styles$1f['link--contrast']] = theme === LINK_THEME.CONTRAST, _classNames)),
     href: href,
     target: target,
     onClick: onClick,
@@ -6371,7 +6371,7 @@ var useDropdownContext = function useDropdownContext() {
   return React__default["default"].useContext(DropdownContext);
 };
 
-var styles$1f = {"dropdown-pane":"_sp-pT"};
+var styles$1e = {"dropdown-pane":"_sp-pT"};
 
 var DROPDOWN_PANE_PADDING = 14;
 var calculateOverlayPosition = function calculateOverlayPosition(triggerPosition, triggerOffsetHeight, panePosition, alignment) {
@@ -6509,7 +6509,7 @@ var PaneOverlay = function PaneOverlay(_ref) {
   useKeyPress(['Escape'], onToggleDropdown);
   var overflow = maxHeight ? 'auto' : undefined;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$1f['dropdown-pane'], (_classNames = {}, _classNames[styles$1f['dropdown-pane--with-padding']] = true, _classNames)),
+    className: classnames__default["default"](styles$1e['dropdown-pane'], (_classNames = {}, _classNames[styles$1e['dropdown-pane--with-padding']] = true, _classNames)),
     style: _extends({}, position, {
       width: width,
       maxHeight: maxHeight,
@@ -6538,7 +6538,7 @@ var getKeyboardFocusableElements = function getKeyboardFocusableElements(element
   });
 };
 
-var styles$1e = {"dropdown__trigger":"_AktVc"};
+var styles$1d = {"dropdown__trigger":"_AktVc"};
 
 var DROPDOWN_ALIGNEMNT = {
   LEFT: 'left',
@@ -6549,7 +6549,7 @@ var DROPDOWN_TRIGGER = {
   CLICK: 'click'
 };
 
-var styles$1d = {"label":"_zv4ua","label--truncate":"_FPyID"};
+var styles$1c = {"label":"_zv4ua","label--truncate":"_FPyID"};
 
 var isEllipsisActive = function isEllipsisActive(e) {
   return e.offsetWidth < e.scrollWidth;
@@ -6602,7 +6602,7 @@ var Label = function Label(_ref) {
   var LabelElement = React__default["default"].createElement("label", {
     htmlFor: htmlFor,
     id: labelId,
-    className: classnames__default["default"](styles$1d['label'], (_classNames = {}, _classNames[styles$1d['label--truncate']] = shouldTruncate, _classNames))
+    className: classnames__default["default"](styles$1c['label'], (_classNames = {}, _classNames[styles$1c['label--truncate']] = shouldTruncate, _classNames))
   }, children);
   if (showTooltip) {
     return React__default["default"].createElement(Tooltip, {
@@ -6613,18 +6613,18 @@ var Label = function Label(_ref) {
   return LabelElement;
 };
 
-var styles$1c = {"caption":"_Qrxg5"};
+var styles$1b = {"caption":"_Qrxg5"};
 
 var Caption = function Caption(_ref) {
   var fieldId = _ref.fieldId,
     children = _ref.children;
   return React__default["default"].createElement("div", {
     id: fieldId && fieldId + "-describer",
-    className: styles$1c['caption']
+    className: styles$1b['caption']
   }, children);
 };
 
-var styles$1b = {"error-message":"_eS4YO"};
+var styles$1a = {"error-message":"_eS4YO"};
 
 var ErrorMessage = function ErrorMessage(_ref) {
   var fieldId = _ref.fieldId,
@@ -6632,7 +6632,7 @@ var ErrorMessage = function ErrorMessage(_ref) {
     testId = _ref.testId;
   return React__default["default"].createElement("div", {
     id: fieldId && fieldId + "-error-message",
-    className: styles$1b['error-message'],
+    className: styles$1a['error-message'],
     "data-testid": testId
   }, React__default["default"].createElement(Inline, {
     space: 8,
@@ -6669,7 +6669,7 @@ var ALIGNMENTS = {
   JUSTIFY: 'justify'
 };
 
-var styles$1a = {"text":"_6SgoN","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text--bold":"_i2LHD","text--italic":"_NgSTT","text--underline":"_ouqVK","text--dotted-underline":"_zZ55-","text--monospace":"_Vi-V1","text--line-through":"_psV6T","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
+var styles$19 = {"text":"_6SgoN","text__body":"_SF95f","text__caption":"_HHohB","text__insight":"_xdhK0","text__span":"_yZbuO","text--bold":"_i2LHD","text--italic":"_NgSTT","text--underline":"_ouqVK","text--dotted-underline":"_zZ55-","text--monospace":"_Vi-V1","text--line-through":"_psV6T","text--align-left":"_tfSIf","text--align-right":"_AK1Nr","text--align-center":"_N-tR4","text--align-justify":"_LkMr0"};
 
 var _excluded$r = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 var TextComponent = function TextComponent(_ref, ref) {
@@ -6695,7 +6695,7 @@ var TextComponent = function TextComponent(_ref, ref) {
       color: getColor(color),
       textWrap: textWrap
     }, positionStyles),
-    className: classnames__default["default"](styles$1a['text'], (_classnames = {}, _classnames[styles$1a['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$1a['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$1a['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$1a['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$1a['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$1a['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$1a['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$1a['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$1a['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$1a['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$1a['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$1a['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$1a['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$1a['text__span']] = as === TEXT_TYPES.SPAN, _classnames)),
+    className: classnames__default["default"](styles$19['text'], (_classnames = {}, _classnames[styles$19['text--bold']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD), _classnames[styles$19['text--italic']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC), _classnames[styles$19['text--underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE), _classnames[styles$19['text--dotted-underline']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE), _classnames[styles$19['text--monospace']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE), _classnames[styles$19['text--line-through']] = emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH), _classnames[styles$19['text--align-left']] = alignment === ALIGNMENTS.LEFT, _classnames[styles$19['text--align-right']] = alignment === ALIGNMENTS.RIGHT, _classnames[styles$19['text--align-center']] = alignment === ALIGNMENTS.CENTER, _classnames[styles$19['text--align-justify']] = alignment === ALIGNMENTS.JUSTIFY, _classnames[styles$19['text__body']] = as === TEXT_TYPES.BODY, _classnames[styles$19['text__insight']] = as === TEXT_TYPES.INSIGHT, _classnames[styles$19['text__caption']] = as === TEXT_TYPES.CAPTION, _classnames[styles$19['text__span']] = as === TEXT_TYPES.SPAN, _classnames)),
     'data-testid': testId
   }, dataProps, other, {
     ref: ref
@@ -6710,21 +6710,21 @@ var Text = React.forwardRef(TextComponent);
 var Bold = function Bold(_ref) {
   var children = _ref.children;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1a['text--bold'], styles$1a['text'])
+    className: classnames__default["default"](styles$19['text--bold'], styles$19['text'])
   }, children);
 };
 
 var Underline = function Underline(_ref) {
   var children = _ref.children;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1a['text--underline'], styles$1a['text'])
+    className: classnames__default["default"](styles$19['text--underline'], styles$19['text'])
   }, children);
 };
 
 var Italic = function Italic(_ref) {
   var children = _ref.children;
   return React__default["default"].createElement("span", {
-    className: classnames__default["default"](styles$1a['text--italic'], styles$1a['text'])
+    className: classnames__default["default"](styles$19['text--italic'], styles$19['text'])
   }, children);
 };
 
@@ -6873,7 +6873,7 @@ var useFieldControllers = function useFieldControllers(_ref) {
   return controllers;
 };
 
-var styles$19 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
+var styles$18 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
 var _excluded$p = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 var useTextField = function useTextField(_ref) {
@@ -6913,7 +6913,7 @@ var useTextField = function useTextField(_ref) {
     'aria-invalid': hasError,
     autoComplete: autoComplete,
     autoFocus: autoFocus,
-    className: classnames__default["default"](styles$19['text-field'], (_classnames = {}, _classnames[styles$19['text-field--invalid']] = hasError, _classnames)),
+    className: classnames__default["default"](styles$18['text-field'], (_classnames = {}, _classnames[styles$18['text-field--invalid']] = hasError, _classnames)),
     'data-testid': testId,
     disabled: disabled,
     defaultValue: defaultValue,
@@ -6943,7 +6943,7 @@ var useTextField = function useTextField(_ref) {
   };
 };
 
-var styles$18 = {"affix-container":"_F8QOB","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi","prefix":"_yPPIy","suffix":"_Y3yFd"};
+var styles$17 = {"affix-container":"_F8QOB","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi","prefix":"_yPPIy","suffix":"_Y3yFd"};
 
 var AffixContainer = function AffixContainer(_ref) {
   var _classnames;
@@ -6978,16 +6978,16 @@ var AffixContainer = function AffixContainer(_ref) {
   if (!hasPrefix && !hasSuffix) {
     return children;
   }
-  var classes = classnames__default["default"](styles$18['affix-container'], (_classnames = {}, _classnames[styles$18['affix-container--prefixed']] = hasPrefix, _classnames[styles$18['affix-container--suffixed']] = hasSuffix, _classnames));
+  var classes = classnames__default["default"](styles$17['affix-container'], (_classnames = {}, _classnames[styles$17['affix-container--prefixed']] = hasPrefix, _classnames[styles$17['affix-container--suffixed']] = hasSuffix, _classnames));
   return React__default["default"].createElement("div", {
     className: classes,
     ref: container,
     "data-testid": testId
   }, hasPrefix && React__default["default"].createElement("div", {
-    className: styles$18['prefix'],
+    className: styles$17['prefix'],
     ref: prefixElement
   }, prefix), children, hasSuffix && React__default["default"].createElement("div", {
-    className: styles$18['suffix'],
+    className: styles$17['suffix'],
     ref: suffixElement
   }, suffix));
 };
@@ -7196,7 +7196,7 @@ var Dropdown = function Dropdown(_ref) {
       paneRef: paneRef
     }
   }, triggerIsKnownButton ? React__default["default"].cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default["default"].createElement("button", _extends({}, triggerProps, {
-    className: styles$1e['dropdown__trigger'],
+    className: styles$1d['dropdown__trigger'],
     ref: updatedRef,
     onFocus: handleFocus
   }), trigger), React__default["default"].createElement(DropdownPane, {
@@ -7210,7 +7210,7 @@ var Dropdown = function Dropdown(_ref) {
   }, children));
 };
 
-var styles$17 = {"dropdown-list":"_91hvH","dropdown-list__item--hover":"_aMs9c"};
+var styles$16 = {"dropdown-list":"_91hvH","dropdown-list__item--hover":"_aMs9c"};
 
 var findNextActiveIndex = function findNextActiveIndex(items, startAt) {
   var startIndex = 0;
@@ -7319,17 +7319,17 @@ var checkIsComponent = function checkIsComponent(element, config) {
   return isComponent;
 };
 
-var styles$16 = {"dropdown-list-divider":"_ISJ4M"};
+var styles$15 = {"dropdown-list-divider":"_ISJ4M"};
 
 var DropdownListDivider = function DropdownListDivider(_ref) {
   var testId = _ref.testId;
   return React__default["default"].createElement("div", {
-    className: styles$16['dropdown-list-divider'],
+    className: styles$15['dropdown-list-divider'],
     "data-testid": testId
   });
 };
 
-var styles$15 = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY"};
+var styles$14 = {"dropdown-list-item":"_W12mF","dropdown-list-item--selected":"_Zu9cD","dropdown-list-item__content":"_xS6fS","dropdown-list-item__caption":"_7EI7m","dropdown-list-item--disabled":"_0OB5b","dropdown-list-item__prefix":"_dpo67","dropdown-list-item__suffix":"_ObP6B","dropdown-list-item__container":"_IBrNj","dropdown-list-item__link":"_vC0uY"};
 
 var DropdownListItem = function DropdownListItem(_ref) {
   var _classNames;
@@ -7357,28 +7357,28 @@ var DropdownListItem = function DropdownListItem(_ref) {
     onClick && onClick(e);
   };
   var childrenContainer = React__default["default"].createElement("div", {
-    className: styles$15['dropdown-list-item__container']
+    className: styles$14['dropdown-list-item__container']
   }, prefix && React__default["default"].createElement("div", {
-    className: styles$15['dropdown-list-item__prefix']
+    className: styles$14['dropdown-list-item__prefix']
   }, prefix), React__default["default"].createElement("div", {
-    className: styles$15['dropdown-list-item__content']
+    className: styles$14['dropdown-list-item__content']
   }, React__default["default"].createElement(Stack, {
     space: 4,
     flex: [1]
   }, children, caption && React__default["default"].createElement("div", {
-    className: styles$15['dropdown-list-item__caption']
+    className: styles$14['dropdown-list-item__caption']
   }, caption))), suffix && React__default["default"].createElement("div", {
-    className: styles$15['dropdown-list-item__suffix']
+    className: styles$14['dropdown-list-item__suffix']
   }, suffix));
   var linkItem = href && (reloadDocument ? React__default["default"].createElement("a", {
     href: href,
-    className: styles$15['dropdown-list-item__link'],
+    className: styles$14['dropdown-list-item__link'],
     target: target,
     tabIndex: -1
   }, childrenContainer) : React__default["default"].createElement(reactRouterDom.Link, {
     to: href,
     target: target,
-    className: styles$15['dropdown-list-item__link'],
+    className: styles$14['dropdown-list-item__link'],
     reloadDocument: false,
     tabIndex: -1,
     "data-testid": testId
@@ -7386,7 +7386,7 @@ var DropdownListItem = function DropdownListItem(_ref) {
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default["default"].createElement("div", {
-      className: classnames__default["default"](styles$15['dropdown-list-item'], (_classNames = {}, _classNames[styles$15['dropdown-list-item--selected']] = selected, _classNames[styles$15['dropdown-list-item--disabled']] = disabled, _classNames)),
+      className: classnames__default["default"](styles$14['dropdown-list-item'], (_classNames = {}, _classNames[styles$14['dropdown-list-item--selected']] = selected, _classNames[styles$14['dropdown-list-item--disabled']] = disabled, _classNames)),
       onMouseDown: function onMouseDown(e) {
         return e.preventDefault();
       },
@@ -7462,14 +7462,14 @@ var DropdownList = function DropdownList(_ref) {
     }
   }, [highlightItemIndex]);
   return React__default["default"].createElement("ul", {
-    className: styles$17['dropdown-list'],
+    className: styles$16['dropdown-list'],
     "data-testid": testId,
     ref: listRef
   }, React__default["default"].Children.toArray(children).filter(Boolean).map(function (child, index) {
     var _classNames;
     return React__default["default"].createElement("li", {
       key: index,
-      className: classnames__default["default"](styles$17['dropdown-list__item'], (_classNames = {}, _classNames[styles$17['dropdown-list__item--hover']] = focusedItem === index, _classNames)),
+      className: classnames__default["default"](styles$16['dropdown-list__item'], (_classNames = {}, _classNames[styles$16['dropdown-list__item--hover']] = focusedItem === index, _classNames)),
       onMouseEnter: function onMouseEnter() {
         return setFocusOnItem(index);
       },
@@ -7495,7 +7495,7 @@ var KebabMenu = function KebabMenu(_ref) {
   })));
 };
 
-var styles$14 = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
+var styles$13 = {"card":"_TXXpM","card__body":"_C3waP","card__body--interactive":"_uc-GV","card--focus":"_ft0I1","card__body--focus":"_wx2MU","card__body--disabled":"_TQDZH","card__body--with-kebab":"_kkYit","card__kebab":"_xrEdS","card__kebab--disabled":"_0WiOn","card__close":"_yODES","card__close--disabled":"_Vqf6o"};
 
 var CardContext = React.createContext({
   isCardMounted: false
@@ -7530,19 +7530,19 @@ var Card = function Card(_ref) {
       isCardMounted: true
     }
   }, React__default["default"].createElement("div", _extends({
-    className: classnames__default["default"](styles$14['card']),
+    className: classnames__default["default"](styles$13['card']),
     style: positionStyles
   }, dataProps), onClick ? React__default["default"].createElement("button", {
-    className: classnames__default["default"](styles$14['card__body'], styles$14['card__body--interactive'], (_classnames = {}, _classnames[styles$14['card__body--disabled']] = disabled, _classnames[styles$14['card__body--focus']] = isSelected, _classnames[styles$14['card__body--with-kebab']] = actions, _classnames)),
+    className: classnames__default["default"](styles$13['card__body'], styles$13['card__body--interactive'], (_classnames = {}, _classnames[styles$13['card__body--disabled']] = disabled, _classnames[styles$13['card__body--focus']] = isSelected, _classnames[styles$13['card__body--with-kebab']] = actions, _classnames)),
     "data-testid": testId,
     tabIndex: 0,
     onClick: onClick,
     disabled: disabled
   }, children) : React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$14['card__body'], (_classnames2 = {}, _classnames2[styles$14['card__body--disabled']] = disabled, _classnames2[styles$14['card__body--focus']] = isSelected, _classnames2[styles$14['card__body--with-kebab']] = actions, _classnames2)),
+    className: classnames__default["default"](styles$13['card__body'], (_classnames2 = {}, _classnames2[styles$13['card__body--disabled']] = disabled, _classnames2[styles$13['card__body--focus']] = isSelected, _classnames2[styles$13['card__body--with-kebab']] = actions, _classnames2)),
     "data-testid": testId
   }, children), actions && React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$14['card__kebab'], (_classnames3 = {}, _classnames3[styles$14['card__kebab--disabled']] = disabled, _classnames3))
+    className: classnames__default["default"](styles$13['card__kebab'], (_classnames3 = {}, _classnames3[styles$13['card__kebab--disabled']] = disabled, _classnames3))
   }, React__default["default"].createElement(KebabMenu, {
     actions: onClose ? actions.concat({
       action: 'dismiss',
@@ -7550,14 +7550,14 @@ var Card = function Card(_ref) {
       onAction: onClose
     }) : actions
   })), !actions && onClose && React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$14['card__close'], (_classnames4 = {}, _classnames4[styles$14['card__close--disabled']] = disabled, _classnames4))
+    className: classnames__default["default"](styles$13['card__close'], (_classnames4 = {}, _classnames4[styles$13['card__close--disabled']] = disabled, _classnames4))
   }, React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: onClose
   }, React__default["default"].createElement(IconTimes, null)))));
 };
 
-var styles$13 = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
+var styles$12 = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
 
 /**
  * @deprecated Use `<EmptyState as='card' />` instead
@@ -7577,7 +7577,7 @@ var CalloutCard = function CalloutCard(_ref) {
   }, React__default["default"].createElement(Stack, {
     space: 12
   }, React__default["default"].createElement("div", {
-    className: styles$13['callout-card__header']
+    className: styles$12['callout-card__header']
   }, React__default["default"].createElement(Text, {
     as: "body",
     color: "primary-color"
@@ -7592,7 +7592,7 @@ var CalloutCard = function CalloutCard(_ref) {
     alt: String(title) + String(header),
     width: "354px"
   })), onClose && React__default["default"].createElement("div", {
-    className: styles$13['callout-card__close']
+    className: styles$12['callout-card__close']
   }, React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: onClose
@@ -7607,7 +7607,7 @@ var Breadcrumbs = function Breadcrumbs(_ref) {
   }, children);
 };
 
-var styles$12 = {"breadcrumb-item":"_fo7-A"};
+var styles$11 = {"breadcrumb-item":"_fo7-A"};
 
 var BreadcrumbItem = function BreadcrumbItem(_ref) {
   var href = _ref.href,
@@ -7621,24 +7621,24 @@ var BreadcrumbItem = function BreadcrumbItem(_ref) {
   // This is neessary to support older versions of react-router-dom
   return reloadDocument ? React__default["default"].createElement("a", {
     href: href,
-    className: styles$12['breadcrumb-item'],
+    className: styles$11['breadcrumb-item'],
     "data-testid": testId
   }, content) : React__default["default"].createElement(reactRouterDom.Link, {
     to: href,
-    className: styles$12['breadcrumb-item'],
+    className: styles$11['breadcrumb-item'],
     relative: "path",
     reloadDocument: reloadDocument,
     "data-testid": testId
   }, content);
 };
 
-var styles$11 = {"page-breadcrumbs":"_QjIgc"};
+var styles$10 = {"page-breadcrumbs":"_QjIgc"};
 
 var PageBreadcrumbs = function PageBreadcrumbs(_ref) {
   var breadcrumbs = _ref.breadcrumbs;
   var items = getBreadbrumbItems(breadcrumbs);
   return React__default["default"].createElement("div", {
-    className: styles$11['page-breadcrumbs']
+    className: styles$10['page-breadcrumbs']
   }, React__default["default"].createElement(Breadcrumbs, null, items));
 };
 var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
@@ -7660,7 +7660,7 @@ var getBreadbrumbItems = function getBreadbrumbItems(breadcrumbs) {
   }, breadcrumbs.label);
 };
 
-var styles$10 = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
+var styles$$ = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
 
 var PAGE_SIZES = {
   FULL_WIDTH: 'fullwidth',
@@ -7682,7 +7682,7 @@ var Page = function Page(_ref) {
   var hasHeader = title || actions;
   var hasPageBlocks = hasHeader || banner || filterBar;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$10['page'], (_classNames = {}, _classNames[styles$10['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$10['page--fullwidth']] = size === PAGE_SIZES.FULL_WIDTH, _classNames)),
+    className: classnames__default["default"](styles$$['page'], (_classNames = {}, _classNames[styles$$['page--restricted']] = size === PAGE_SIZES.RESTRICTED, _classNames[styles$$['page--fullwidth']] = size === PAGE_SIZES.FULL_WIDTH, _classNames)),
     "data-testid": testId
   }, React__default["default"].createElement(Stack, {
     space: 20
@@ -7702,15 +7702,15 @@ var Page = function Page(_ref) {
   }, title), actions), subtitle && React__default["default"].createElement(Text, null, subtitle)), banner, filterBar)), children));
 };
 
-var styles$$ = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
+var styles$_ = {"page-layout":"_Scw7-","page-layout__nav-container":"_v--DF","page-layout__nav-list":"_dJeZe","page-layout__content":"_hHi70","page-layout__side-nav-content":"_vTMjp"};
 
-var styles$_ = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
+var styles$Z = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
 
-var styles$Z = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
+var styles$Y = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
 
-var styles$Y = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
+var styles$X = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
 
-var styles$X = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
+var styles$W = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
 
 var ModalHeader = function ModalHeader(_ref) {
   var header = _ref.header,
@@ -7719,7 +7719,7 @@ var ModalHeader = function ModalHeader(_ref) {
     loading = _ref.loading;
   if (!header && !subHeader) {
     return onClose ? React__default["default"].createElement("div", {
-      className: styles$X['header__close-button']
+      className: styles$W['header__close-button']
     }, React__default["default"].createElement(Button, {
       theme: "link-icon",
       onClick: onClose,
@@ -7735,13 +7735,13 @@ var ModalHeader = function ModalHeader(_ref) {
     flex: [1],
     alignItems: "center"
   }, React__default["default"].createElement("span", {
-    className: styles$X['header']
+    className: styles$W['header']
   }, header), onClose && React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: onClose,
     disabled: loading
   }, React__default["default"].createElement(IconTimes, null))), subHeader && React__default["default"].createElement("div", {
-    className: styles$X['sub-header']
+    className: styles$W['sub-header']
   }, subHeader));
 };
 
@@ -7798,14 +7798,14 @@ var Modal = function Modal(_ref) {
     contentLabel: "Modal",
     appElement: rootElementId && document.getElementById(rootElementId) || undefined,
     overlayClassName: {
-      base: styles$Y['overlay'],
-      afterOpen: styles$Y['overlay--after-open'],
-      beforeClose: styles$Y['overlay--before-close']
+      base: styles$X['overlay'],
+      afterOpen: styles$X['overlay--after-open'],
+      beforeClose: styles$X['overlay--before-close']
     },
     className: {
-      base: styles$Y['content'],
-      afterOpen: styles$Y['content--after-open'],
-      beforeClose: styles$Y['content--before-close']
+      base: styles$X['content'],
+      afterOpen: styles$X['content--after-open'],
+      beforeClose: styles$X['content--before-close']
     },
     data: dataProps
   }, React__default["default"].createElement(ModalHeader, {
@@ -7849,7 +7849,7 @@ var useScrollShadow = function useScrollShadow() {
   };
 };
 
-var styles$W = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
+var styles$V = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
 
 var ModalBody = function ModalBody(_ref) {
   var _classNames;
@@ -7859,15 +7859,15 @@ var ModalBody = function ModalBody(_ref) {
     ref = _useScrollShadow.ref,
     showScrollShadow = _useScrollShadow.showScrollShadow;
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$W['modal-body'], (_classNames = {}, _classNames[styles$W['modal-body--with-scroll-shadow']] = showScrollShadow, _classNames)),
+    className: classnames__default["default"](styles$V['modal-body'], (_classNames = {}, _classNames[styles$V['modal-body--with-scroll-shadow']] = showScrollShadow, _classNames)),
     ref: ref,
     "data-testid": testId
   }, React__default["default"].createElement("div", {
-    className: styles$W['modal-body__inner-div']
+    className: styles$V['modal-body__inner-div']
   }, children));
 };
 
-var styles$V = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
+var styles$U = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
 
 var updateButtonProps$1 = function updateButtonProps(button, newProps) {
   if (!button) {
@@ -7902,7 +7902,7 @@ var ModalFooter = function ModalFooter(_ref) {
     }, React__default["default"].createElement(Inline, {
       justifyContent: "space-between"
     }, React__default["default"].createElement("div", {
-      className: classnames__default["default"]((_classnames = {}, _classnames[styles$V['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
+      className: classnames__default["default"]((_classnames = {}, _classnames[styles$U['tertiary-container']] = tertiaryButton && tertiaryButton.props.theme.startsWith('link'), _classnames))
     }, tertiaryButton || React__default["default"].createElement("div", null)), React__default["default"].createElement(Inline, {
       space: 12
     }, secondaryButton, primaryButton)));
@@ -7918,7 +7918,7 @@ var FooterContainer = function FooterContainer(_ref2) {
     displayName: 'Inline'
   });
   return React__default["default"].createElement("div", {
-    className: styles$V['modal-footer'],
+    className: styles$U['modal-footer'],
     "data-testid": testId
   }, React__default["default"].createElement(Inline, {
     justifyContent: "end",
@@ -7931,7 +7931,7 @@ var dayOverridesStyles = {"root":"_et9Fs","table":"_l7Mis","caption":"_XGu8K","h
 
 var weekOverridesStyles = {"root":"_QLSA6","table":"_96jgF","caption":"_4ySMr","head_cell":"_2AoB4","day_today":"_Snv-V","day_outside":"_Zf-6C","nav_button":"_iOY4h","day_range_middle":"_e0lOH","day_range_start":"_4N7l-","day_range_end":"_fMjHG","row":"_GqE-5"};
 
-var styles$U = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
+var styles$T = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
 
 function parseDate(str, format, locale) {
   var parsed = dateFnsParse__default["default"](str, format, new Date(), {
@@ -8171,9 +8171,9 @@ var Calendar = function Calendar(_ref) {
     }
   };
   return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
-    className: styles$U['calendar']
+    className: styles$T['calendar']
   }, React__default["default"].createElement("div", {
-    className: styles$U['calendar__overlay'],
+    className: styles$T['calendar__overlay'],
     ref: function ref(_ref2) {
       return setCalendarRef(_ref2);
     },
@@ -8235,7 +8235,7 @@ var useCheckBoxFieldControllers = function useCheckBoxFieldControllers(_ref) {
   return controllers;
 };
 
-var styles$T = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
+var styles$S = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
 
 var _excluded$l = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 /** CheckboxField form element. */
@@ -8268,7 +8268,7 @@ var CheckboxField = function CheckboxField(_ref) {
     flexItems: true,
     flex: ['0 0 auto']
   }, otherProps), React__default["default"].createElement("div", {
-    className: styles$T['check-box-field']
+    className: styles$S['check-box-field']
   }, React__default["default"].createElement("input", {
     name: name,
     id: controllers.id,
@@ -8281,12 +8281,12 @@ var CheckboxField = function CheckboxField(_ref) {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default["default"].createElement("span", {
-    className: styles$T['check-box-field__custom-input']
+    className: styles$S['check-box-field__custom-input']
   })), label && React__default["default"].createElement(Label, {
     htmlFor: controllers.id,
     truncate: false
   }, label)), caption && React__default["default"].createElement("div", {
-    className: styles$T['check-box-field__caption']
+    className: styles$S['check-box-field__caption']
   }, React__default["default"].createElement(Caption, {
     fieldId: controllers.id
   }, caption)), controllers.error && React__default["default"].createElement(ErrorMessage, {
@@ -8326,7 +8326,7 @@ var useLocalStorage = function useLocalStorage(key, initialValue) {
   return [storedValue, setValue];
 };
 
-var styles$S = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
+var styles$R = {"hint-modal":"_NwD6V","hint-modal--after-open":"_4ofZb","hint-modal--before-close":"_hGoMD","hint-modal__overlay":"_iK5zl","hint-modal__image":"_V9hLa","hint-modal__body":"_oOqUg","hint-modal__close-button":"_5zcBK"};
 
 var _excluded$k = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
 var HintModal = function HintModal(_ref) {
@@ -8391,22 +8391,22 @@ var HintModal = function HintModal(_ref) {
     closeTimeoutMS: 200,
     contentLabel: "Modal",
     className: {
-      base: styles$S['hint-modal'],
-      afterOpen: styles$S['hint-modal--after-open'],
-      beforeClose: styles$S['hint-modal--before-close']
+      base: styles$R['hint-modal'],
+      afterOpen: styles$R['hint-modal--after-open'],
+      beforeClose: styles$R['hint-modal--before-close']
     },
-    overlayClassName: styles$S['hint-modal__overlay']
+    overlayClassName: styles$R['hint-modal__overlay']
   }, React__default["default"].createElement("div", {
-    className: styles$S['hint-modal__close-button']
+    className: styles$R['hint-modal__close-button']
   }, React__default["default"].createElement(Button, {
     theme: "link-icon",
     onClick: handleOnClose
   }, React__default["default"].createElement(IconTimes, null))), mediaUrl && React__default["default"].createElement("img", {
-    className: styles$S['hint-modal__image'],
+    className: styles$R['hint-modal__image'],
     src: mediaUrl,
     alt: String(header)
   }), React__default["default"].createElement("div", {
-    className: styles$S['hint-modal__body']
+    className: styles$R['hint-modal__body']
   }, React__default["default"].createElement(Stack, {
     justifyContent: "space-between"
   }, React__default["default"].createElement(Stack, {
@@ -8448,7 +8448,7 @@ var BadgeElement = function BadgeElement(_ref, forwardedRef) {
     overlay: title,
     ref: ref
   }, React__default["default"].createElement("div", _extends({
-    className: classnames__default["default"](styles$Z['badge'], (_classnames = {}, _classnames[styles$Z['badge--success']] = theme === 'success', _classnames[styles$Z['badge--danger']] = theme === 'danger', _classnames[styles$Z['badge--info']] = theme === 'info', _classnames[styles$Z['badge--warning']] = theme === 'warning', _classnames[styles$Z['badge--numeric']] = Number.isFinite(children), _classnames)),
+    className: classnames__default["default"](styles$Y['badge'], (_classnames = {}, _classnames[styles$Y['badge--success']] = theme === 'success', _classnames[styles$Y['badge--danger']] = theme === 'danger', _classnames[styles$Y['badge--info']] = theme === 'info', _classnames[styles$Y['badge--warning']] = theme === 'warning', _classnames[styles$Y['badge--numeric']] = Number.isFinite(children), _classnames)),
     ref: ref,
     "data-testid": testId
   }, otherProps), children));
@@ -8459,23 +8459,23 @@ var MenuItem = function MenuItem(_ref) {
   var _classNames, _classNames2;
   var menu = _ref.menu;
   return React__default["default"].createElement("li", {
-    className: classnames__default["default"](styles$_['menu-item'], (_classNames = {}, _classNames[styles$_['menu-item--with-badge']] = !!menu.suffix, _classNames))
+    className: classnames__default["default"](styles$Z['menu-item'], (_classNames = {}, _classNames[styles$Z['menu-item--with-badge']] = !!menu.suffix, _classNames))
   }, menu.reloadDocument ? React__default["default"].createElement("a", {
     href: menu.to,
-    className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$_['menu-item--active']] = menu.isActive, _classNames2))
+    className: classnames__default["default"]((_classNames2 = {}, _classNames2[styles$Z['menu-item--active']] = menu.isActive, _classNames2))
   }, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
-    className: styles$_['menu-item__badge']
+    className: styles$Z['menu-item__badge']
   }, React__default["default"].createElement(Badge, null, menu.suffix))) : React__default["default"].createElement(reactRouterDom.NavLink, {
     to: menu.to,
     // @ts-expect-error This is only available on v5
-    activeClassName: styles$_['menu-item--active'],
+    activeClassName: styles$Z['menu-item--active'],
     className: function className(_ref2) {
       var isActive = _ref2.isActive;
-      return isActive ? styles$_['menu-item--active'] : '';
+      return isActive ? styles$Z['menu-item--active'] : '';
     },
     exact: true
   }, menu.label, !!menu.suffix && React__default["default"].createElement("div", {
-    className: styles$_['menu-item__badge']
+    className: styles$Z['menu-item__badge']
   }, React__default["default"].createElement(Badge, null, menu.suffix))));
 };
 
@@ -8485,9 +8485,9 @@ var PageLayout = function PageLayout(_ref) {
     menu = _ref.menu,
     sideNavContent = _ref.sideNavContent;
   return React__default["default"].createElement("div", {
-    className: styles$$['page-layout']
+    className: styles$_['page-layout']
   }, React__default["default"].createElement("div", {
-    className: styles$$['page-layout__nav-container']
+    className: styles$_['page-layout__nav-container']
   }, React__default["default"].createElement(Stack, {
     space: 12
   }, React__default["default"].createElement(Text, {
@@ -8496,7 +8496,7 @@ var PageLayout = function PageLayout(_ref) {
     ml: 20,
     mr: 35
   }, title), React__default["default"].createElement("ul", {
-    className: styles$$['page-layout__nav-list']
+    className: styles$_['page-layout__nav-list']
   }, menu.filter(function (menu) {
     return !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true;
   }).map(function (menuItem, index) {
@@ -8505,9 +8505,9 @@ var PageLayout = function PageLayout(_ref) {
       menu: menuItem
     });
   })), sideNavContent && React__default["default"].createElement("div", {
-    className: styles$$['page-layout__side-nav-content']
+    className: styles$_['page-layout__side-nav-content']
   }, sideNavContent))), React__default["default"].createElement("div", {
-    className: styles$$['page-layout__content']
+    className: styles$_['page-layout__content']
   }, children));
 };
 
@@ -8517,7 +8517,7 @@ var TOAST_THEME = {
 };
 var TOAST_CONTAINER_ID = 'sous-chef-toast';
 
-var styles$R = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
+var styles$Q = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
 
 var toast = function toast(text, theme, options) {
   var _classNames;
@@ -8540,7 +8540,7 @@ var toast = function toast(text, theme, options) {
     onActionClick: onActionClick
   }) : text;
   reactToastify.toast(content, _extends({
-    className: classnames__default["default"](styles$R['toast'], (_classNames = {}, _classNames[styles$R['toast--danger']] = theme === TOAST_THEME.DANGER, _classNames)),
+    className: classnames__default["default"](styles$Q['toast'], (_classNames = {}, _classNames[styles$Q['toast--danger']] = theme === TOAST_THEME.DANGER, _classNames)),
     containerId: TOAST_CONTAINER_ID
   }, options));
 };
@@ -8568,7 +8568,7 @@ var ToastContainer = function ToastContainer(_ref3) {
   var _ref3$containerId = _ref3.containerId,
     containerId = _ref3$containerId === void 0 ? TOAST_CONTAINER_ID : _ref3$containerId;
   return React__default["default"].createElement(reactToastify.ToastContainer, {
-    bodyClassName: styles$R['toast__text'],
+    bodyClassName: styles$Q['toast__text'],
     hideProgressBar: true,
     draggable: false,
     transition: reactToastify.Slide,
@@ -8614,7 +8614,7 @@ var SousChefProvider = function SousChefProvider(_ref) {
   }, React__default["default"].createElement(ToastContainer, null), children));
 };
 
-var styles$Q = {"data-table-header":"_F4U3o","data-table-header__item":"_KKljd","data-table-header__item--sortable":"_oKH7a","data-table-header__itemfocus":"_xrDya","data-table-header__item--action":"_RLGaD","data-table-header__item-content":"_3p3fm","data-table-header__item-content--right-align":"_rXid3","data-table-header__item-content--has-description":"_vgjHE","data-table-header__sort-icon":"_-xiIl"};
+var styles$P = {"data-table-header":"_F4U3o","data-table-header__item":"_KKljd","data-table-header__item--sortable":"_oKH7a","data-table-header__itemfocus":"_xrDya","data-table-header__item--action":"_RLGaD","data-table-header__item-content":"_3p3fm","data-table-header__item-content--right-align":"_rXid3","data-table-header__item-content--has-description":"_vgjHE","data-table-header__sort-icon":"_-xiIl"};
 
 var SORT_ORDER = {
   ASC: 'asc',
@@ -8794,7 +8794,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
     },
     id: tableId + "-header"
   }, React__default["default"].createElement("tr", {
-    className: styles$Q['data-table-header']
+    className: styles$P['data-table-header']
   }, columns.filter(function (column) {
     return !column.hidden;
   }).map(function (column) {
@@ -8804,7 +8804,7 @@ var DataTableHeader = function DataTableHeader(_ref) {
     var isRightAligned = column.isRightAligned;
     var hasDescription = !!column.description;
     return React__default["default"].createElement("th", {
-      className: classnames__default["default"]((_classnames = {}, _classnames[styles$Q['data-table-header__item']] = true, _classnames[styles$Q['data-table-header__item--sortable']] = isSortable, _classnames)),
+      className: classnames__default["default"]((_classnames = {}, _classnames[styles$P['data-table-header__item']] = true, _classnames[styles$P['data-table-header__item--sortable']] = isSortable, _classnames)),
       style: {
         flex: column.size || 1,
         backgroundColor: backgroundColor
@@ -8819,14 +8819,14 @@ var DataTableHeader = function DataTableHeader(_ref) {
       role: "columnheader",
       tabIndex: 0
     }, React__default["default"].createElement("div", {
-      className: classnames__default["default"](styles$Q['data-table-header__item-content'], (_classnames2 = {}, _classnames2[styles$Q['data-table-header__item-content--right-align']] = isRightAligned, _classnames2), (_classnames3 = {}, _classnames3[styles$Q['data-table-header__item-content--has-description']] = hasDescription, _classnames3))
+      className: classnames__default["default"](styles$P['data-table-header__item-content'], (_classnames2 = {}, _classnames2[styles$P['data-table-header__item-content--right-align']] = isRightAligned, _classnames2), (_classnames3 = {}, _classnames3[styles$P['data-table-header__item-content--has-description']] = hasDescription, _classnames3))
     }, wrapWithTooltip(column), isSortable && React__default["default"].createElement("span", {
-      className: styles$Q['data-table-header__sort-icon']
+      className: styles$P['data-table-header__sort-icon']
     }, React__default["default"].createElement(HeaderSortIcon, {
       sortDirection: sortDir
     }))));
   }), showActionMenu && React__default["default"].createElement("th", {
-    className: classnames__default["default"](styles$Q['data-table-header__item'], styles$Q['data-table-header__item--action'])
+    className: classnames__default["default"](styles$P['data-table-header__item'], styles$P['data-table-header__item--action'])
   }))));
 };
 var wrapWithTooltip = function wrapWithTooltip(column) {
@@ -8840,9 +8840,9 @@ var wrapWithTooltip = function wrapWithTooltip(column) {
   return column.label;
 };
 
-var styles$P = {"data-table":"_zEfoA","data-table__content":"_v-WNu","data-table__content--with-scroll":"_xI2-r","data-table__background-loading":"_ED7Nm","data-table__table":"_fnq34","data-table__table--no-columns":"_qSrJq","data-table__body":"_1SNLz","data-table__body--no-bottom-radius":"_zCIMD","data-table__footer":"_mp1Ok","data-table__pagination-controls":"_vdEZz"};
+var styles$O = {"data-table":"_zEfoA","data-table__content":"_v-WNu","data-table__content--with-scroll":"_xI2-r","data-table__background-loading":"_ED7Nm","data-table__table":"_fnq34","data-table__table--no-columns":"_qSrJq","data-table__body":"_1SNLz","data-table__body--no-bottom-radius":"_zCIMD","data-table__footer":"_mp1Ok","data-table__pagination-controls":"_vdEZz"};
 
-var styles$O = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fake-border--fixed-scroll":"_C5CU0","data-table-scroll-fake-border--top":"_L5fRB","data-table-scroll-fake-border--bottom":"_omhE4","data-table-scroll-fake-border__left":"_mpDFy","data-table-scroll-fake-border__left--top":"_G3b-p","data-table-scroll-fake-border__left--bottom":"_YUMxZ","data-table-scroll-fake-border__right":"_xUVcY","data-table-scroll-fake-border__right--top":"_BE0hn","data-table-scroll-fake-border__right--bottom":"_UtFdB"};
+var styles$N = {"data-table-scroll-fake-border":"_wZ8Xg","data-table-scroll-fake-border--fixed-scroll":"_C5CU0","data-table-scroll-fake-border--top":"_L5fRB","data-table-scroll-fake-border--bottom":"_omhE4","data-table-scroll-fake-border__left":"_mpDFy","data-table-scroll-fake-border__left--top":"_G3b-p","data-table-scroll-fake-border__left--bottom":"_YUMxZ","data-table-scroll-fake-border__right":"_xUVcY","data-table-scroll-fake-border__right--top":"_BE0hn","data-table-scroll-fake-border__right--bottom":"_UtFdB"};
 
 var useTableHeaderHeight = function useTableHeaderHeight(isShowingColumns) {
   var _useDataTableContext = useDataTableContext(),
@@ -8897,16 +8897,16 @@ var DataTableScrollFakeBorder = function DataTableScrollFakeBorder(_ref) {
   var hasFixedScroll = useDetectFixedScroll();
   var backgroundColor = useBackgroundColor();
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$O['data-table-scroll-fake-border'], (_classNames = {}, _classNames[styles$O['data-table-scroll-fake-border--top']] = placement === 'top', _classNames[styles$O['data-table-scroll-fake-border--bottom']] = placement === 'bottom', _classNames[styles$O['data-table-scroll-fake-border--fixed-scroll']] = hasFixedScroll, _classNames)),
+    className: classnames__default["default"](styles$N['data-table-scroll-fake-border'], (_classNames = {}, _classNames[styles$N['data-table-scroll-fake-border--top']] = placement === 'top', _classNames[styles$N['data-table-scroll-fake-border--bottom']] = placement === 'bottom', _classNames[styles$N['data-table-scroll-fake-border--fixed-scroll']] = hasFixedScroll, _classNames)),
     style: {
       // @ts-expect-error This difines a custom CSS variable
       '--corner-background-color': backgroundColor,
       top: placement === 'top' ? headerHeight : undefined
     }
   }, React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$O['data-table-scroll-fake-border__left'], (_classNames2 = {}, _classNames2[styles$O['data-table-scroll-fake-border__left--top']] = placement === 'top', _classNames2[styles$O['data-table-scroll-fake-border__left--bottom']] = placement === 'bottom', _classNames2))
+    className: classnames__default["default"](styles$N['data-table-scroll-fake-border__left'], (_classNames2 = {}, _classNames2[styles$N['data-table-scroll-fake-border__left--top']] = placement === 'top', _classNames2[styles$N['data-table-scroll-fake-border__left--bottom']] = placement === 'bottom', _classNames2))
   }), React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$O['data-table-scroll-fake-border__right'], (_classNames3 = {}, _classNames3[styles$O['data-table-scroll-fake-border__right--top']] = placement === 'top', _classNames3[styles$O['data-table-scroll-fake-border__right--bottom']] = placement === 'bottom', _classNames3)),
+    className: classnames__default["default"](styles$N['data-table-scroll-fake-border__right'], (_classNames3 = {}, _classNames3[styles$N['data-table-scroll-fake-border__right--top']] = placement === 'top', _classNames3[styles$N['data-table-scroll-fake-border__right--bottom']] = placement === 'bottom', _classNames3)),
     "data-background-color": "red"
   }));
 };
@@ -8923,7 +8923,7 @@ var BUTTON_THEME = {
   UPSELL: 'upsell'
 };
 
-var styles$N = {"banner":"_omAUf","banner__title":"_8xIYW","banner__body":"_oA2J6","banner__body--multilineCTA":"_PLG8Z","banner--info":"_CRmFE","banner__icon":"_T80if","banner__icon--multiline":"_uJl2Y","banner--success":"_PgpTw","banner--danger":"_O-lNW","banner--warning":"_fICdJ","banner--upsell":"_kUB2k","banner__close":"_P6nbA","banner--single-line":"_w-zAz"};
+var styles$M = {"banner":"_omAUf","banner__title":"_8xIYW","banner__body":"_oA2J6","banner__body--multilineCTA":"_PLG8Z","banner--info":"_CRmFE","banner__icon":"_T80if","banner__icon--multiline":"_uJl2Y","banner--success":"_PgpTw","banner--danger":"_O-lNW","banner--warning":"_fICdJ","banner--upsell":"_kUB2k","banner__close":"_P6nbA","banner--single-line":"_w-zAz"};
 
 /** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
 var ButtonCTA = function ButtonCTA(_ref) {
@@ -8944,7 +8944,7 @@ var ButtonCTA = function ButtonCTA(_ref) {
   }, button.props));
 };
 
-var styles$M = {"banner__caption":"_S--Ce"};
+var styles$L = {"banner__caption":"_S--Ce"};
 
 var InlineBannerCTA = function InlineBannerCTA(_ref) {
   var primaryButton = _ref.primaryButton,
@@ -8975,7 +8975,7 @@ var InlineBannerCTA = function InlineBannerCTA(_ref) {
     bannerTheme: bannerTheme,
     primaryCTA: true
   })), caption && multiLine && React__default["default"].createElement("div", {
-    className: styles$M['banner__caption']
+    className: styles$L['banner__caption']
   }, caption));
 };
 
@@ -9015,13 +9015,13 @@ var InlineBanner = function InlineBanner(_ref) {
   var Layout = multiLine ? Stack : Inline;
   return React__default["default"].createElement("div", {
     "data-testid": testId,
-    className: classnames__default["default"](styles$N['banner'], (_classnames = {}, _classnames[styles$N['banner--info']] = theme === BANNER_THEME.INFO, _classnames[styles$N['banner--warning']] = theme === BANNER_THEME.WARNING, _classnames[styles$N['banner--success']] = theme === BANNER_THEME.SUCCESS, _classnames[styles$N['banner--danger']] = theme === BANNER_THEME.DANGER, _classnames[styles$N['banner--upsell']] = theme === BANNER_THEME.UPSELL, _classnames[styles$N['banner--single-line']] = !multiLine, _classnames)),
+    className: classnames__default["default"](styles$M['banner'], (_classnames = {}, _classnames[styles$M['banner--info']] = theme === BANNER_THEME.INFO, _classnames[styles$M['banner--warning']] = theme === BANNER_THEME.WARNING, _classnames[styles$M['banner--success']] = theme === BANNER_THEME.SUCCESS, _classnames[styles$M['banner--danger']] = theme === BANNER_THEME.DANGER, _classnames[styles$M['banner--upsell']] = theme === BANNER_THEME.UPSELL, _classnames[styles$M['banner--single-line']] = !multiLine, _classnames)),
     style: positionStyles
   }, React__default["default"].createElement(Inline, {
     flex: ['0 1 auto', 1],
     space: 12
   }, React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$N['banner__icon'], (_classnames2 = {}, _classnames2[styles$N['banner__icon--multiline']] = multiLine, _classnames2))
+    className: classnames__default["default"](styles$M['banner__icon'], (_classnames2 = {}, _classnames2[styles$M['banner__icon--multiline']] = multiLine, _classnames2))
   }, icon != null ? icon : React__default["default"].createElement(InlineBannerIcon, {
     theme: theme
   })), React__default["default"].createElement(Layout, {
@@ -9031,9 +9031,9 @@ var InlineBanner = function InlineBanner(_ref) {
     flex: ['min-content'],
     flexWrap: multiLine ? undefined : 'wrap'
   }, title && React__default["default"].createElement("div", {
-    className: styles$N['banner__title']
+    className: styles$M['banner__title']
   }, title), React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$N['banner__body'], (_classnames3 = {}, _classnames3[styles$N['banner__body--multilineCTA']] = primaryButton && multiLine, _classnames3))
+    className: classnames__default["default"](styles$M['banner__body'], (_classnames3 = {}, _classnames3[styles$M['banner__body--multilineCTA']] = primaryButton && multiLine, _classnames3))
   }, children), primaryButton && React__default["default"].createElement(InlineBannerCTA, {
     primaryButton: primaryButton,
     secondaryButton: secondaryButton,
@@ -9041,7 +9041,7 @@ var InlineBanner = function InlineBanner(_ref) {
     multiLine: multiLine,
     bannerTheme: theme
   })), dismissable && React__default["default"].createElement("div", {
-    className: styles$N['banner__close']
+    className: styles$M['banner__close']
   }, React__default["default"].createElement(Button, {
     theme: "link-icon",
     type: "button",
@@ -9055,7 +9055,7 @@ var PERSISTENT_BANNER_THEME = {
   DANGER: 'danger'
 };
 
-var styles$L = {"persistent-banner":"_FsCJQ","persistent-banner--info":"_zt-xK","persistent-banner--danger":"_rmUys","persistent-banner--upsell":"_UGrRR"};
+var styles$K = {"persistent-banner":"_FsCJQ","persistent-banner--info":"_zt-xK","persistent-banner--danger":"_rmUys","persistent-banner--upsell":"_UGrRR"};
 
 var PersistentBanner = function PersistentBanner(_ref) {
   var _classNames;
@@ -9087,7 +9087,7 @@ var PersistentBanner = function PersistentBanner(_ref) {
     }, secondaryButton.props))));
   };
   return React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$L['persistent-banner'], (_classNames = {}, _classNames[styles$L['persistent-banner--info']] = theme === PERSISTENT_BANNER_THEME.INFO, _classNames[styles$L['persistent-banner--danger']] = theme === PERSISTENT_BANNER_THEME.DANGER, _classNames[styles$L['persistent-banner--upsell']] = theme === PERSISTENT_BANNER_THEME.UPSELL, _classNames)),
+    className: classnames__default["default"](styles$K['persistent-banner'], (_classNames = {}, _classNames[styles$K['persistent-banner--info']] = theme === PERSISTENT_BANNER_THEME.INFO, _classNames[styles$K['persistent-banner--danger']] = theme === PERSISTENT_BANNER_THEME.DANGER, _classNames[styles$K['persistent-banner--upsell']] = theme === PERSISTENT_BANNER_THEME.UPSELL, _classNames)),
     "data-testid": testId
   }, onDismiss ? React__default["default"].createElement(Inline, {
     flex: [1],
@@ -9154,7 +9154,7 @@ var useProgress = function useProgress(progress, maxValue, getMetric) {
   };
 };
 
-var styles$K = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
+var styles$J = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
 
 var CircularProgress = function CircularProgress(_ref) {
   var progress = _ref.progress,
@@ -9167,7 +9167,7 @@ var CircularProgress = function CircularProgress(_ref) {
     metric = _useProgress.metric;
   var determinant = metric.percentage * 2.79;
   return React__default["default"].createElement("div", _extends({}, elementProps, {
-    className: styles$K['circular-progress'],
+    className: styles$J['circular-progress'],
     "data-testid": testId
   }), React__default["default"].createElement("svg", {
     viewBox: "0 0 100 100"
@@ -9176,21 +9176,21 @@ var CircularProgress = function CircularProgress(_ref) {
     cy: 50,
     r: 45,
     strokeWidth: "10px",
-    className: styles$K['circular-progress__track']
+    className: styles$J['circular-progress__track']
   }), React__default["default"].createElement("circle", {
     cx: 50,
     cy: 50,
     r: 45,
     strokeWidth: "10px",
-    className: styles$K['circular-progress__indicator'],
+    className: styles$J['circular-progress__indicator'],
     strokeDashoffset: "66",
     strokeDasharray: determinant + " " + (279 - determinant)
   })), React__default["default"].createElement("div", {
-    className: styles$K['circular-progress__label']
+    className: styles$J['circular-progress__label']
   }, children || metric.progress + "/" + metric.maxValue));
 };
 
-var styles$J = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__steps":"_8kdeO"};
+var styles$I = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__steps":"_8kdeO"};
 
 var ProgressBar = function ProgressBar(_ref) {
   var progress = _ref.progress,
@@ -9203,15 +9203,15 @@ var ProgressBar = function ProgressBar(_ref) {
     elementProps = _useProgress.elementProps,
     metric = _useProgress.metric;
   return React__default["default"].createElement(Stack, null, React__default["default"].createElement("div", _extends({}, elementProps, {
-    className: styles$J['progress-bar'],
+    className: styles$I['progress-bar'],
     "data-testid": testId
   }), React__default["default"].createElement("div", {
-    className: styles$J['progress-bar__indicator'],
+    className: styles$I['progress-bar__indicator'],
     style: {
       width: metric.percentage + "%"
     }
   })), steps && steps.length > 0 && React__default["default"].createElement("div", {
-    className: styles$J['progress-bar__steps']
+    className: styles$I['progress-bar__steps']
   }, steps.map(function (step) {
     return React__default["default"].createElement(Text, {
       key: step
@@ -9219,7 +9219,7 @@ var ProgressBar = function ProgressBar(_ref) {
   })));
 };
 
-var styles$I = {"skeleton":"_oDnLM","pulse":"_McmEv","skeleton__button":"_jPXx6","skeleton__pill":"_sPHSZ","skeleton__avatar":"_3vEYT","skeleton__avatar--small":"_zneq9","skeleton__avatar--medium":"_TtfoO","skeleton__avatar--large":"_jhOqR","skeleton__avatar--xlarge":"_VgGfx"};
+var styles$H = {"skeleton":"_oDnLM","pulse":"_McmEv","skeleton__button":"_jPXx6","skeleton__pill":"_sPHSZ","skeleton__avatar":"_3vEYT","skeleton__avatar--small":"_zneq9","skeleton__avatar--medium":"_TtfoO","skeleton__avatar--large":"_jhOqR","skeleton__avatar--xlarge":"_VgGfx"};
 
 var SKELETON_COMPONENT = {
   AVATAR: 'avatar',
@@ -9242,7 +9242,7 @@ var Skeleton = function Skeleton(_ref) {
   var positioning = usePositionStyles(positionStyles);
   return React__default["default"].createElement("div", {
     "data-testid": testId,
-    className: classnames__default["default"](styles$I['skeleton'], (_classnames = {}, _classnames[styles$I['skeleton__avatar']] = as === SKELETON_COMPONENT.AVATAR, _classnames[styles$I['skeleton__avatar--small']] = as === SKELETON_COMPONENT.AVATAR_SMALL, _classnames[styles$I['skeleton__avatar--medium']] = as === SKELETON_COMPONENT.AVATAR_MEDIUM, _classnames[styles$I['skeleton__avatar--large']] = as === SKELETON_COMPONENT.AVATAR_LARGE, _classnames[styles$I['skeleton__avatar--xlarge']] = as === SKELETON_COMPONENT.AVATAR_XLARGE, _classnames[styles$I['skeleton__button']] = as === SKELETON_COMPONENT.BUTTON, _classnames[styles$I['skeleton__pill']] = as === SKELETON_COMPONENT.PILL, _classnames)),
+    className: classnames__default["default"](styles$H['skeleton'], (_classnames = {}, _classnames[styles$H['skeleton__avatar']] = as === SKELETON_COMPONENT.AVATAR, _classnames[styles$H['skeleton__avatar--small']] = as === SKELETON_COMPONENT.AVATAR_SMALL, _classnames[styles$H['skeleton__avatar--medium']] = as === SKELETON_COMPONENT.AVATAR_MEDIUM, _classnames[styles$H['skeleton__avatar--large']] = as === SKELETON_COMPONENT.AVATAR_LARGE, _classnames[styles$H['skeleton__avatar--xlarge']] = as === SKELETON_COMPONENT.AVATAR_XLARGE, _classnames[styles$H['skeleton__button']] = as === SKELETON_COMPONENT.BUTTON, _classnames[styles$H['skeleton__pill']] = as === SKELETON_COMPONENT.PILL, _classnames)),
     style: _extends({}, positioning, {
       width: width,
       height: height
@@ -9250,11 +9250,11 @@ var Skeleton = function Skeleton(_ref) {
   });
 };
 
-var styles$H = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
+var styles$G = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
 
-var styles$G = {"actions":"_ffXgN"};
+var styles$F = {"actions":"_ffXgN"};
 
-var styles$F = {"data-table-cell":"_cp8xi","data-table-cell--no-padding":"_gqbNb","data-table-cell--vertical-border":"_uHjkg","data-table-cell--invalid":"_ASOQd","data-table-cell__content":"_HjPNI","data-table-cell__content--right-align":"_BCVO6","data-table-cell__content--with-error":"_NqtPS","data-table-cell__content--loading":"_-rWoZ","data-table-cell__error-icon":"_txhua","data-table-cell__error-icon--right-align":"_fPzqj","data-table-cell__error-icon--left-align":"_L2-l-"};
+var styles$E = {"data-table-cell":"_cp8xi","data-table-cell--no-padding":"_gqbNb","data-table-cell--vertical-border":"_uHjkg","data-table-cell--invalid":"_ASOQd","data-table-cell__content":"_HjPNI","data-table-cell__content--right-align":"_BCVO6","data-table-cell__content--with-error":"_NqtPS","data-table-cell__content--loading":"_-rWoZ","data-table-cell__error-icon":"_txhua","data-table-cell__error-icon--right-align":"_fPzqj","data-table-cell__error-icon--left-align":"_L2-l-"};
 
 var DataTableCellElement = function DataTableCellElement(_ref, ref) {
   var _columns$columnIndex, _classnames, _classnames2, _classnames3;
@@ -9278,17 +9278,17 @@ var DataTableCellElement = function DataTableCellElement(_ref, ref) {
   var hasError = !!error;
   var errorMessage = error;
   var icon = hasError && React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$F['data-table-cell__error-icon'], (_classnames = {}, _classnames[styles$F['data-table-cell__error-icon--right-align']] = isRightAligned, _classnames[styles$F['data-table-cell__error-icon--left-align']] = !isRightAligned, _classnames))
+    className: classnames__default["default"](styles$E['data-table-cell__error-icon'], (_classnames = {}, _classnames[styles$E['data-table-cell__error-icon--right-align']] = isRightAligned, _classnames[styles$E['data-table-cell__error-icon--left-align']] = !isRightAligned, _classnames))
   }, React__default["default"].createElement(IconTimesOctagon, {
     size: "medium",
     color: "danger-on-container-variant"
   }));
   var TableCell = React__default["default"].createElement("td", {
-    className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$F['data-table-cell--invalid']] = hasError, _classnames2[styles$F['data-table-cell--no-padding']] = noPadding, _classnames2[styles$F['data-table-cell--vertical-border']] = hasVerticalBorders, _classnames2), styles$F['data-table-cell']),
+    className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$E['data-table-cell--invalid']] = hasError, _classnames2[styles$E['data-table-cell--no-padding']] = noPadding, _classnames2[styles$E['data-table-cell--vertical-border']] = hasVerticalBorders, _classnames2), styles$E['data-table-cell']),
     colSpan: colSpan,
     ref: ref
   }, React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$F['data-table-cell__content'], (_classnames3 = {}, _classnames3[styles$F['data-table-cell__content--with-error']] = hasError, _classnames3[styles$F['data-table-cell__content--right-align']] = isRightAligned, _classnames3[styles$F['data-table-cell__content--loading']] = state === DATA_TABLE_STATES.BACKGROUND_LOADING, _classnames3))
+    className: classnames__default["default"](styles$E['data-table-cell__content'], (_classnames3 = {}, _classnames3[styles$E['data-table-cell__content--with-error']] = hasError, _classnames3[styles$E['data-table-cell__content--right-align']] = isRightAligned, _classnames3[styles$E['data-table-cell__content--loading']] = state === DATA_TABLE_STATES.BACKGROUND_LOADING, _classnames3))
   }, isRightAligned && icon, children, !isRightAligned && icon));
   return React__default["default"].createElement(Tooltip, {
     overlay: errorMessage,
@@ -9313,7 +9313,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
   return React__default["default"].createElement(DataTableCell, {
     columnIndex: columnIndex
   }, React__default["default"].createElement("div", {
-    className: styles$G['actions'],
+    className: styles$F['actions'],
     "data-testid": "data-table-dropdown-menu"
   }, state === 'SKELETON_LOADING' && React__default["default"].createElement(Skeleton, {
     width: 45
@@ -9328,7 +9328,7 @@ var DataTableRowActions = function DataTableRowActions(_ref) {
   })));
 };
 
-var styles$E = {"data-table-editable-cell":"_jp9-G","data-table-editable-cell--right-aligned":"_BzPeH","data-table-editable-cell--currency":"_NhNG9","data-table-editable-cell--invalid":"_5HRwe","data-table-editable-cell--top-left":"_P--u2","data-table-editable-cell--top-right":"_EloAX","data-table-editable-cell--bottom-left":"_ZDCR9","data-table-editable-cell--bottom-right":"_Mc9YJ"};
+var styles$D = {"data-table-editable-cell":"_jp9-G","data-table-editable-cell--right-aligned":"_BzPeH","data-table-editable-cell--currency":"_NhNG9","data-table-editable-cell--invalid":"_5HRwe","data-table-editable-cell--top-left":"_P--u2","data-table-editable-cell--top-right":"_EloAX","data-table-editable-cell--bottom-left":"_ZDCR9","data-table-editable-cell--bottom-right":"_Mc9YJ"};
 
 var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, ref) {
   var _columns$columnIndex, _controllers$error, _classnames, _classnames2;
@@ -9377,7 +9377,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
     id: controllers.id
   };
   var EditableCell = React__default["default"].createElement("div", {
-    className: classnames__default["default"]((_classnames = {}, _classnames[styles$E['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$E['data-table-editable-cell']),
+    className: classnames__default["default"]((_classnames = {}, _classnames[styles$D['data-table-editable-cell--currency']] = type === 'currency', _classnames), styles$D['data-table-editable-cell']),
     "data-testid": testId,
     role: "cell"
   }, React__default["default"].createElement(Field, _extends({}, fieldProps), React__default["default"].createElement(AffixContainer, {
@@ -9386,7 +9386,7 @@ var DataTableEditableCellElement = function DataTableEditableCellElement(_ref, r
   }, React__default["default"].createElement("input", {
     name: name,
     id: controllers.id,
-    className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$E['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$E['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$E['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$E['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$E['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$E['data-table-editable-cell--invalid']] = hasError, _classnames2)),
+    className: classnames__default["default"]((_classnames2 = {}, _classnames2[styles$D['data-table-editable-cell--right-aligned']] = isRightAligned, _classnames2[styles$D['data-table-editable-cell--top-left']] = isTopLeftCell, _classnames2[styles$D['data-table-editable-cell--top-right']] = isTopRightCell, _classnames2[styles$D['data-table-editable-cell--bottom-left']] = isBottomLeftCell, _classnames2[styles$D['data-table-editable-cell--bottom-right']] = isBottomRightCell, _classnames2[styles$D['data-table-editable-cell--invalid']] = hasError, _classnames2)),
     type: type === 'currency' ? 'number' : 'text',
     step: type === 'currency' ? 'any' : '',
     "data-testid": testId && testId + "-text-field",
@@ -9432,7 +9432,7 @@ var DataTableRowComponent = function DataTableRowComponent(_ref, ref) {
     nativeDivProps = _objectWithoutPropertiesLoose(_ref, _excluded$g);
   var _useDataTableContext = useDataTableContext(),
     showActionMenu = _useDataTableContext.showActionMenu;
-  var styleNames = classnames__default["default"](styles$H['data-table-row'], (_classnames = {}, _classnames[styles$H['data-table-row--clickable']] = onClick, _classnames[styles$H['data-table-row--selected']] = isSelected, _classnames));
+  var styleNames = classnames__default["default"](styles$G['data-table-row'], (_classnames = {}, _classnames[styles$G['data-table-row--clickable']] = onClick, _classnames[styles$G['data-table-row--selected']] = isSelected, _classnames));
   var renderColumn = function renderColumn(columnElement, index) {
     var isUsingDataTableCell = columnElement && typeof columnElement === 'object' && 'type' in columnElement && (columnElement == null ? void 0 : columnElement.type) === DataTableCell;
     if (isUsingDataTableCell || !hasDefaultCell) {
@@ -9484,8 +9484,6 @@ var DataTableLoadingBlock = function DataTableLoadingBlock(_ref) {
   }, React__default["default"].createElement(Skeleton, null), React__default["default"].createElement("span", null))), React__default["default"].createElement("span", null), React__default["default"].createElement("span", null))));
 };
 
-var styles$D = {"data-table-default-item-component":"_dt8F7"};
-
 var DataTableDefaultItemComponent = function DataTableDefaultItemComponent(_ref) {
   var columns = _ref.columns,
     item = _ref.item,
@@ -9501,8 +9499,7 @@ var DataTableDefaultItemComponent = function DataTableDefaultItemComponent(_ref)
     testId: testId
   }, columnsToShow.map(function (headingKey) {
     return React__default["default"].createElement("div", {
-      key: headingKey,
-      className: styles$D['data-table-default-item-component']
+      key: headingKey
     }, item.hasOwnProperty(headingKey) ? item[headingKey] : '');
   }));
 };
@@ -9731,6 +9728,7 @@ var EmptyStateContainerStack = function EmptyStateContainerStack(_ref) {
 };
 
 var MagnifyingGlassIllustration = function MagnifyingGlassIllustration() {
+  var color = COLORS['surface-on-color-bold'];
   return React__default["default"].createElement("svg", {
     width: "200",
     height: "110",
@@ -9741,60 +9739,60 @@ var MagnifyingGlassIllustration = function MagnifyingGlassIllustration() {
     clipPath: "url(#clip0_5062_33819)"
   }, React__default["default"].createElement("path", {
     d: "M111.049 96.7268C111.049 99.2273 100.899 101.254 88.3779 101.254C69.5409 101.254 68.9362 99.6778 68.9362 97.1773C68.9362 96.6136 68.4503 97.3063 69.1384 96.7731C71.7431 98.5919 73.8063 98.2245 76.0317 97.6712C78.9508 96.7731 78.3467 92.7988 80.6068 92.5663C82.8869 92.3317 85.4827 92.1992 88.3779 92.1992C100.899 92.1992 111.049 94.2263 111.049 96.7268Z",
-    fill: "black"
+    fill: color
   }), React__default["default"].createElement("path", {
     fillRule: "evenodd",
     clipRule: "evenodd",
     d: "M105.875 62.3935C112.306 62.731 117.239 60.328 118.539 59.6696C123.843 56.993 126.628 53.1993 127.692 51.6784C127.7 51.666 127.711 51.6493 127.726 51.6285C128.33 50.7427 134.071 42.337 133.272 32.6793C134.499 37.367 135.167 44.3694 131.256 51.1146C126.871 58.6474 119.489 61.3469 116.925 62.1409C105.523 65.6121 90.2195 61.4091 84.3955 49.5289C81.5616 43.8421 81.7946 38.0881 82.7247 33.7794C82.1712 37.6218 82.1806 42.6791 84.1326 47.8718C87.4901 56.5637 96.9962 61.9893 105.875 62.3935Z",
-    fill: "black"
+    fill: color
   }), React__default["default"].createElement("circle", {
     cx: "96.7498",
     cy: "33.5477",
     r: "1.95",
-    fill: "black"
+    fill: color
   }), React__default["default"].createElement("circle", {
     cx: "111.7",
     cy: "27.6984",
     r: "1.3",
-    fill: "black"
+    fill: color
   }), React__default["default"].createElement("circle", {
     cx: "118.85",
     cy: "43.9461",
     r: "1.95",
-    fill: "black"
+    fill: color
   }), React__default["default"].createElement("path", {
     d: "M92.532 70.1419C93.4598 70.7899 93.7634 71.978 93.2246 72.9518L79.7215 97.218C79.2299 98.0784 78.478 98.7652 77.5934 99.1315C76.2263 99.6976 74.2193 99.8163 71.9003 98.9937",
-    stroke: "black",
+    stroke: color,
     strokeWidth: "2.6",
     strokeMiterlimit: "10"
   }), React__default["default"].createElement("path", {
     d: "M85.2552 64.7612L90.9658 56.4844",
-    stroke: "black",
+    stroke: color,
     strokeWidth: "2.6",
     strokeMiterlimit: "10"
   }), React__default["default"].createElement("path", {
     d: "M91.59 69.3638L97.6123 60.0195",
-    stroke: "black",
+    stroke: color,
     strokeWidth: "2.6",
     strokeMiterlimit: "10"
   }), React__default["default"].createElement("path", {
     d: "M91.59 70.5396L97.6123 61.1953",
-    stroke: "black",
+    stroke: color,
     strokeWidth: "2.6",
     strokeMiterlimit: "10"
   }), React__default["default"].createElement("path", {
     d: "M115.562 60.6205C104.194 64.1083 89.605 59.1141 83.8059 47.158C78.5044 36.4034 84.024 25.3904 84.5296 24.3365C88.2017 17.2792 94.2561 13.9274 96.167 12.8546C98.2388 11.7151 102.818 9.34974 108.652 9.56122C118.494 9.89597 126.732 17.2763 130.484 25.2002C131.541 27.2964 136.426 38.411 130.433 48.9631C126.184 56.447 118.154 59.8285 115.562 60.6205Z",
-    stroke: "black",
+    stroke: color,
     strokeWidth: "2.6",
     strokeMiterlimit: "10"
   }), React__default["default"].createElement("path", {
     d: "M115.342 53.2411C114.33 53.7542 110.73 55.5264 105.993 55.2357C99.4303 54.8568 92.3586 50.7473 89.7993 44.1122C87.8894 39.2726 89.0173 34.4889 89.6636 31.4999C90.0034 30.0454 90.4185 28.0905 91.6711 25.8827C93.779 22.1007 96.8861 19.5941 99.0715 18.5014C106.734 14.4836 120.099 17.864 124.728 27.6772C129.11 37.1231 122.478 46.8139 122.209 47.3008C121.268 48.4412 119.23 51.2556 115.342 53.2411Z",
-    stroke: "black",
+    stroke: color,
     strokeWidth: "2.6",
     strokeMiterlimit: "10"
   }), React__default["default"].createElement("path", {
     d: "M85.3598 65.4698L91.2815 69.3048C92.2094 69.9528 92.5129 71.1409 91.9741 72.1147L78.471 96.3809C77.9795 97.2413 77.2276 97.9281 76.343 98.2944C74.9759 98.8605 72.8328 99.3727 70.5137 98.55C67.8208 97.5069 65.9832 94.8896 65.74 91.7997C65.6967 90.7854 65.9279 89.7513 66.5331 88.9376C72.102 81.001 76.8717 73.8645 82.3934 66.0413C83.0458 65.1143 84.3516 64.855 85.3598 65.4698Z",
-    stroke: "black",
+    stroke: color,
     strokeWidth: "2.6",
     strokeMiterlimit: "10"
   })), React__default["default"].createElement("defs", null, React__default["default"].createElement("clipPath", {
@@ -9916,7 +9914,7 @@ var DataTable = function DataTable(_ref) {
       return null;
     }
     return React__default["default"].createElement("div", {
-      className: styles$P['data-table__pagination-controls'],
+      className: styles$O['data-table__pagination-controls'],
       "data-testid": testId && testId + "-pagination-controls"
     }, React__default["default"].createElement(PaginationControls, {
       hasPrevious: isLoading ? false : hasPrevious,
@@ -9939,7 +9937,7 @@ var DataTable = function DataTable(_ref) {
       tableId: tableId
     }
   }, React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$P['data-table']),
+    className: classnames__default["default"](styles$O['data-table']),
     ref: tableRef,
     style: positionStyles
   }, React__default["default"].createElement(DataTableStickyColumnsContainer, {
@@ -9950,19 +9948,19 @@ var DataTable = function DataTable(_ref) {
     placement: "top",
     isShowingColumns: !!isShowingColumns
   }), React__default["default"].createElement("div", {
-    className: classnames__default["default"](styles$P['data-table__content'], (_classNames = {}, _classNames[styles$P['data-table__content--with-scroll']] = isScrollableTable, _classNames)),
+    className: classnames__default["default"](styles$O['data-table__content'], (_classNames = {}, _classNames[styles$O['data-table__content--with-scroll']] = isScrollableTable, _classNames)),
     style: conditionalStyles,
     id: tableId + "-content"
   }, state === DATA_TABLE_STATES.BACKGROUND_LOADING && React__default["default"].createElement("div", {
-    className: styles$P['data-table__background-loading']
+    className: styles$O['data-table__background-loading']
   }, React__default["default"].createElement(Spinner, null)), React__default["default"].createElement("table", _extends({
-    className: classnames__default["default"](styles$P['data-table__table'], (_classNames2 = {}, _classNames2[styles$P['data-table__table--no-columns']] = !isShowingColumns, _classNames2))
+    className: classnames__default["default"](styles$O['data-table__table'], (_classNames2 = {}, _classNames2[styles$O['data-table__table--no-columns']] = !isShowingColumns, _classNames2))
   }, dataProps), columns && isShowingColumns && React__default["default"].createElement(DataTableHeader, {
     columns: columns,
     onSort: onSort,
     showActionMenu: isShowingContent && showActionMenu
   }), React__default["default"].createElement("tbody", {
-    className: classnames__default["default"](styles$P['data-table__body'], (_classNames3 = {}, _classNames3[styles$P['data-table__body--no-bottom-radius']] = isShowingFooter && isShowingContent, _classNames3)),
+    className: classnames__default["default"](styles$O['data-table__body'], (_classNames3 = {}, _classNames3[styles$O['data-table__body--no-bottom-radius']] = isShowingFooter && isShowingContent, _classNames3)),
     "data-testid": testId
   }, isShowingContent && content.map(function (item, index) {
     var _item$key;
@@ -9982,7 +9980,7 @@ var DataTable = function DataTable(_ref) {
       key: index
     });
   }))), isShowingFooter && isShowingContent && React__default["default"].createElement("tfoot", {
-    className: styles$P['data-table__footer'],
+    className: styles$O['data-table__footer'],
     "data-testid": testId && testId + "-footer"
   }, footerComponent)))), !isShowingFooter && isScrollableTable && React__default["default"].createElement(DataTableScrollFakeBorder, {
     placement: "bottom",
@@ -10533,7 +10531,7 @@ function CustomMenu(_ref) {
     flex: [1],
     flexItems: true
   }, React__default["default"].createElement("input", {
-    className: classnames__default["default"](styles$19['text-field'], styles$t['custom-menu-text-field']),
+    className: classnames__default["default"](styles$18['text-field'], styles$t['custom-menu-text-field']),
     autoCorrect: "off",
     autoComplete: "off",
     spellCheck: "false",
@@ -12321,9 +12319,9 @@ var DateRangeCalendar = function DateRangeCalendar(_ref) {
   var DAYS = getDays(translate);
   var MONTH_NAMES = getMonths(translate);
   return React__default["default"].createElement(Portal, null, React__default["default"].createElement("div", {
-    className: styles$U['calendar']
+    className: styles$T['calendar']
   }, React__default["default"].createElement("div", {
-    className: styles$U['calendar__overlay'],
+    className: styles$T['calendar__overlay'],
     ref: function ref(_ref2) {
       return setCalendarRef(_ref2);
     },
@@ -13381,7 +13379,7 @@ var usePhoneField = function usePhoneField(_ref) {
     'aria-describedby': hasError ? controllers.id + "-error-message" : controllers.id + "-describer",
     'aria-invalid': hasError,
     autoFocus: autoFocus,
-    className: classnames__default["default"](styles$19['text-field'], (_classnames = {}, _classnames[styles$19['text-field--invalid']] = hasError, _classnames)),
+    className: classnames__default["default"](styles$18['text-field'], (_classnames = {}, _classnames[styles$18['text-field--invalid']] = hasError, _classnames)),
     'data-testid': testId,
     disabled: disabled,
     id: controllers.id,