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

package/dist/index.modern.js

@@ -191,7 +191,7 @@ function _objectWithoutPropertiesLoose(r, e) {
   return t;
 }
 
-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 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"};
 
 const usePositionStyles = ({
   m,
@@ -307,15 +307,15 @@ const Flex = _ref => {
     dataProps
   } = getDataProps(otherProps);
   const positionStyles = usePositionStyles(positionProps);
-  const className = classnames(styles$1n['flex'], extraClass, {
-    [styles$1n['align-start']]: alignItems === 'flex-start',
-    [styles$1n['align-end']]: alignItems === 'flex-end',
-    [styles$1n['align-center']]: alignItems === 'center',
-    [styles$1n['justify-start']]: justifyContent === 'start',
-    [styles$1n['justify-end']]: justifyContent === 'end',
-    [styles$1n['justify-center']]: justifyContent === 'center',
-    [styles$1n['justify-space-between']]: justifyContent === 'space-between',
-    [styles$1n['inline-flex']]: inlineFlex
+  const className = classnames(styles$1o['flex'], extraClass, {
+    [styles$1o['align-start']]: alignItems === 'flex-start',
+    [styles$1o['align-end']]: alignItems === 'flex-end',
+    [styles$1o['align-center']]: alignItems === 'center',
+    [styles$1o['justify-start']]: justifyContent === 'start',
+    [styles$1o['justify-end']]: justifyContent === 'end',
+    [styles$1o['justify-center']]: justifyContent === 'center',
+    [styles$1o['justify-space-between']]: justifyContent === 'space-between',
+    [styles$1o['inline-flex']]: inlineFlex
   });
   const items = React__default.Children.toArray(children).filter(Boolean);
   const gap = typeof space === 'object' ? `${space.row}px ${space.column}px` : space;
@@ -330,8 +330,8 @@ const Flex = _ref => {
     "data-testid": testId
   }, dataProps), items.map((child, i) => React__default.createElement("div", {
     key: i,
-    className: classnames(styles$1n['flex__item'], {
-      [styles$1n['flex__item--flexible']]: flexItems
+    className: classnames(styles$1o['flex__item'], {
+      [styles$1o['flex__item--flexible']]: flexItems
     }),
     style: {
       flex: flex ? flex[i] || '0 1 auto' : '0 1 auto'
@@ -354,7 +354,7 @@ const Stack = _ref => {
   }));
 };
 
-var styles$1m = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
+var styles$1n = {"caption":"_tMhXr","label":"_NfOw5","label--truncate":"_M3aFK","toggle":"_QDQZ1","toggle__label":"_52dky","toggle__caption":"_A-tgL","toggle__switch":"_kBjjH"};
 
 const _excluded$2Z = ["checked", "label", "caption", "onChange", "disabled", "id", "testId"];
 /**
@@ -379,7 +379,7 @@ const Toggle = _ref => {
   return React__default.createElement(Stack, {
     space: 8
   }, React__default.createElement("label", _extends({}, dataProps, {
-    className: styles$1m['toggle']
+    className: styles$1n['toggle']
   }), React__default.createElement("input", {
     type: "checkbox",
     checked: checked,
@@ -388,11 +388,11 @@ const Toggle = _ref => {
     id: id,
     "data-testid": testId
   }), React__default.createElement("span", {
-    className: styles$1m['toggle__switch']
+    className: styles$1n['toggle__switch']
   }), label && React__default.createElement("span", {
-    className: styles$1m['toggle__label']
+    className: styles$1n['toggle__label']
   }, label)), caption && React__default.createElement("span", {
-    className: styles$1m['toggle__caption']
+    className: styles$1n['toggle__caption']
   }, caption));
 };
 
@@ -410,7 +410,7 @@ const SPINNER_THEMES = {
   PRIDE: 'pride'
 };
 
-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 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"};
 
 const Spinner = ({
   size: _size = 28,
@@ -420,10 +420,10 @@ const Spinner = ({
 }) => {
   return React__default.createElement("div", {
     className: classnames({
-      [styles$1l['spinner--block']]: _block
+      [styles$1m['spinner--block']]: _block
     })
   }, React__default.createElement("svg", {
-    className: styles$1l['spinner'],
+    className: styles$1m['spinner'],
     xmlns: "http://www.w3.org/2000/svg",
     width: _size,
     height: _size,
@@ -498,7 +498,7 @@ const Spinner = ({
     offset: "1",
     stopColor: "#760088"
   }))), React__default.createElement("circle", {
-    className: classnames(styles$1l['path'], styles$1l[`path--${_theme}`]),
+    className: classnames(styles$1m['path'], styles$1m[`path--${_theme}`]),
     fill: "none",
     strokeWidth: "6",
     strokeLinecap: "round",
@@ -508,9 +508,9 @@ const Spinner = ({
   })));
 };
 
-var styles$1k = {"tooltip":"_Ydu2O"};
+var styles$1l = {"tooltip":"_Ydu2O"};
 
-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 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"};
 
 const TOOLTIP_THEME = {
   BLACK: 'black',
@@ -704,24 +704,24 @@ const TooltipOverlay = ({
       maxHeight,
       zIndex: getZIndex('tooltip')
     }),
-    className: classnames(styles$1j['tooltip-overlay'], extraClass, {
-      [styles$1j['tooltip-overlay--visible']]: isVisible,
-      [styles$1j['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1j['tooltip-overlay--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1k['tooltip-overlay'], extraClass, {
+      [styles$1k['tooltip-overlay--visible']]: isVisible,
+      [styles$1k['tooltip-overlay--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1k['tooltip-overlay--white-theme']]: theme === TOOLTIP_THEME.WHITE
     }),
     onMouseEnter: onFocusIn,
     onMouseLeave: onFocusOut
   }, React__default.createElement(Stack, {
     space: 8
   }, header && React__default.createElement("div", {
-    className: styles$1j['tooltip-overlay__header']
+    className: styles$1k['tooltip-overlay__header']
   }, header), children)), React__default.createElement("div", {
-    className: classnames(styles$1j['tooltip-overlay-arrow'], extraClass, {
-      [styles$1j['tooltip-overlay-arrow--visible']]: isVisible,
-      [styles$1j['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
-      [styles$1j['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
-      [styles$1j['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
-      [styles$1j['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
+    className: classnames(styles$1k['tooltip-overlay-arrow'], extraClass, {
+      [styles$1k['tooltip-overlay-arrow--visible']]: isVisible,
+      [styles$1k['tooltip-overlay-arrow--top']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.TOP,
+      [styles$1k['tooltip-overlay-arrow--bottom']]: position.actualPlacement.placement === TOOLTIP_PLACEMENT.BOTTOM,
+      [styles$1k['tooltip-overlay-arrow--black-theme']]: theme === TOOLTIP_THEME.BLACK,
+      [styles$1k['tooltip-overlay-arrow--white-theme']]: theme === TOOLTIP_THEME.WHITE
     }),
     style: _extends({}, position.arrow, {
       zIndex: getZIndex('tooltip')
@@ -833,7 +833,7 @@ const TooltipElement = ({
     }), overlayElement);
   }
   return React__default.createElement("div", _extends({
-    className: classnames(styles$1k['tooltip'])
+    className: classnames(styles$1l['tooltip'])
   }, commonProps, {
     ref: containerRef
   }), children, overlayElement);
@@ -843,7 +843,7 @@ const isTooltipCompatible = element => {
   return React__default.isValidElement(element) && typeof element.type === 'string';
 };
 
-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 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"};
 
 const BUTTON_SIZES = {
   FULL_WIDTH: 'full-width',
@@ -938,24 +938,24 @@ const ButtonComponent = (_ref, ref) => {
     onBlur: onBlur,
     onFocus: onFocus,
     onKeyDown: onKeyDown,
-    className: classnames(styles$1i['button'], {
-      [styles$1i['button--default']]: theme === BUTTON_THEMES.DEFAULT,
-      [styles$1i['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
-      [styles$1i['button--danger']]: theme === BUTTON_THEMES.DANGER,
-      [styles$1i['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
-      [styles$1i['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
-      [styles$1i['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
-      [styles$1i['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
-      [styles$1i['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
-      [styles$1i['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
-      [styles$1i['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
-      [styles$1i['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
-      [styles$1i['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
-      [styles$1i['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
-      [styles$1i['button--loading']]: loading,
-      [styles$1i['button--icon-only']]: isIconOnly,
-      [styles$1i['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
-      [styles$1i['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
+    className: classnames(styles$1j['button'], {
+      [styles$1j['button--default']]: theme === BUTTON_THEMES.DEFAULT,
+      [styles$1j['button--primary']]: theme === BUTTON_THEMES.PRIMARY,
+      [styles$1j['button--danger']]: theme === BUTTON_THEMES.DANGER,
+      [styles$1j['button--upsell']]: theme === BUTTON_THEMES.UPSELL,
+      [styles$1j['button--marketing']]: theme === BUTTON_THEMES.MARKETING,
+      [styles$1j['button--hollow']]: theme === BUTTON_THEMES.HOLLOW,
+      [styles$1j['button--hollow-contrast']]: theme === BUTTON_THEMES.HOLLOW_CONTRAST,
+      [styles$1j['button--link-primary']]: theme === BUTTON_THEMES.LINK_PRIMARY,
+      [styles$1j['button--link-danger']]: theme === BUTTON_THEMES.LINK_DANGER,
+      [styles$1j['button--link-upsell']]: theme === BUTTON_THEMES.LINK_UPSELL,
+      [styles$1j['button--link-toolbar']]: theme === BUTTON_THEMES.LINK_TOOLBAR,
+      [styles$1j['button--link-contrast']]: theme === BUTTON_THEMES.LINK_CONTRAST,
+      [styles$1j['button--link-icon']]: theme === BUTTON_THEMES.LINK_ICON,
+      [styles$1j['button--loading']]: loading,
+      [styles$1j['button--icon-only']]: isIconOnly,
+      [styles$1j['button--size-min-width-100']]: size === BUTTON_SIZES.MIN_WIDTH_100,
+      [styles$1j['button--size-full-width']]: size === BUTTON_SIZES.FULL_WIDTH
     }),
     type: type,
     disabled: disabled || loading,
@@ -969,7 +969,7 @@ const ButtonComponent = (_ref, ref) => {
     space: 8,
     alignItems: "center"
   }, children), loading && React__default.createElement("div", {
-    className: styles$1i['button__spinner']
+    className: styles$1j['button__spinner']
   }, React__default.createElement(Spinner, {
     theme: contrastSpinner.includes(theme) ? SPINNER_THEMES.CONTRAST : SPINNER_THEMES.DISABLED
   })));
@@ -979,7 +979,7 @@ const ButtonComponent = (_ref, ref) => {
       overlay: title,
       ref: ref
     }, title && disabled ? React__default.createElement("div", {
-      className: styles$1i['disabled-button-wrapper']
+      className: styles$1j['disabled-button-wrapper']
     }, ButtonElementResult) : ButtonElementResult)
   );
 };
@@ -6243,20 +6243,20 @@ const IconWrench = forwardRef((_ref, ref) => {
 });
 IconWrench.displayName = 'IconWrench';
 
-var styles$1h = {"pagination-controls":"_S1co-"};
+var styles$1i = {"pagination-controls":"_S1co-"};
 
-var styles$1g = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
+var styles$1h = {"keyboard-key":"_sgd9a","keyboard-key--light":"_8zg4j","keyboard-key__character":"_GAIig"};
 
 const KeyboardKey = ({
   children,
   theme: _theme = 'dark'
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$1g['keyboard-key'], {
-      [styles$1g['keyboard-key--light']]: _theme === 'light'
+    className: classnames(styles$1h['keyboard-key'], {
+      [styles$1h['keyboard-key--light']]: _theme === 'light'
     })
   }, React__default.createElement("span", {
-    className: styles$1g['keyboard-key__character']
+    className: styles$1h['keyboard-key__character']
   }, children));
 };
 
@@ -6451,7 +6451,7 @@ const PaginationControls = _ref => {
     }
   });
   return React__default.createElement("div", _extends({}, dataProps, {
-    className: styles$1h['pagination-controls'],
+    className: styles$1i['pagination-controls'],
     "data-testid": testId
   }), React__default.createElement(Button, {
     disabled: !hasPrevious,
@@ -6481,7 +6481,7 @@ const LINK_TARGET = {
   BLANK: '_blank'
 };
 
-var styles$1f = {"link":"_EiQ4c"};
+var styles$1g = {"link":"_EiQ4c"};
 
 const _excluded$s = ["href", "target", "theme", "onClick", "children"];
 const Link = _ref => {
@@ -6497,9 +6497,9 @@ const Link = _ref => {
     dataProps
   } = getDataProps(otherProps);
   return React__default.createElement("a", _extends({}, dataProps, {
-    className: classnames(styles$1f['link'], {
-      [styles$1f['link--primary']]: theme === LINK_THEME.PRIMARY,
-      [styles$1f['link--contrast']]: theme === LINK_THEME.CONTRAST
+    className: classnames(styles$1g['link'], {
+      [styles$1g['link--primary']]: theme === LINK_THEME.PRIMARY,
+      [styles$1g['link--contrast']]: theme === LINK_THEME.CONTRAST
     }),
     href: href,
     target: target,
@@ -6520,7 +6520,7 @@ const DropdownContext = React__default.createContext({
 });
 const useDropdownContext = () => React__default.useContext(DropdownContext);
 
-var styles$1e = {"dropdown-pane":"_sp-pT"};
+var styles$1f = {"dropdown-pane":"_sp-pT"};
 
 const DROPDOWN_PANE_PADDING = 14;
 const calculateOverlayPosition = (triggerPosition, triggerOffsetHeight, panePosition, alignment) => {
@@ -6656,8 +6656,8 @@ const PaneOverlay = ({
   useKeyPress(['Escape'], onToggleDropdown);
   const overflow = maxHeight ? 'auto' : undefined;
   return React__default.createElement("div", {
-    className: classnames(styles$1e['dropdown-pane'], {
-      [styles$1e['dropdown-pane--with-padding']]: true
+    className: classnames(styles$1f['dropdown-pane'], {
+      [styles$1f['dropdown-pane--with-padding']]: true
     }),
     style: _extends({}, position, {
       width,
@@ -6687,7 +6687,7 @@ const getKeyboardFocusableElements = element => {
   });
 };
 
-var styles$1d = {"dropdown__trigger":"_AktVc"};
+var styles$1e = {"dropdown__trigger":"_AktVc"};
 
 const DROPDOWN_ALIGNEMNT = {
   LEFT: 'left',
@@ -6698,7 +6698,7 @@ const DROPDOWN_TRIGGER = {
   CLICK: 'click'
 };
 
-var styles$1c = {"label":"_zv4ua","label--truncate":"_FPyID"};
+var styles$1d = {"label":"_zv4ua","label--truncate":"_FPyID"};
 
 const isEllipsisActive = e => {
   return e.offsetWidth < e.scrollWidth;
@@ -6747,8 +6747,8 @@ const Label = ({
   const LabelElement = React__default.createElement("label", {
     htmlFor: htmlFor,
     id: labelId,
-    className: classnames(styles$1c['label'], {
-      [styles$1c['label--truncate']]: shouldTruncate
+    className: classnames(styles$1d['label'], {
+      [styles$1d['label--truncate']]: shouldTruncate
     })
   }, children);
   if (showTooltip) {
@@ -6760,7 +6760,7 @@ const Label = ({
   return LabelElement;
 };
 
-var styles$1b = {"caption":"_Qrxg5"};
+var styles$1c = {"caption":"_Qrxg5"};
 
 const Caption = ({
   fieldId,
@@ -6768,11 +6768,11 @@ const Caption = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-describer`,
-    className: styles$1b['caption']
+    className: styles$1c['caption']
   }, children);
 };
 
-var styles$1a = {"error-message":"_eS4YO"};
+var styles$1b = {"error-message":"_eS4YO"};
 
 const ErrorMessage = ({
   fieldId,
@@ -6781,7 +6781,7 @@ const ErrorMessage = ({
 }) => {
   return React__default.createElement("div", {
     id: fieldId && `${fieldId}-error-message`,
-    className: styles$1a['error-message'],
+    className: styles$1b['error-message'],
     "data-testid": testId
   }, React__default.createElement(Inline, {
     space: 8,
@@ -6818,7 +6818,7 @@ const ALIGNMENTS = {
   JUSTIFY: 'justify'
 };
 
-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 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"};
 
 const _excluded$r = ["children", "as", "emphasis", "alignment", "color", "testId", "textWrap"];
 const TextComponent = (_ref, ref) => {
@@ -6846,21 +6846,21 @@ const TextComponent = (_ref, ref) => {
       color: getColor(color),
       textWrap
     }, positionStyles),
-    className: classnames(styles$19['text'], {
-      [styles$19['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
-      [styles$19['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
-      [styles$19['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
-      [styles$19['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
-      [styles$19['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
-      [styles$19['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
-      [styles$19['text--align-left']]: alignment === ALIGNMENTS.LEFT,
-      [styles$19['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
-      [styles$19['text--align-center']]: alignment === ALIGNMENTS.CENTER,
-      [styles$19['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
-      [styles$19['text__body']]: as === TEXT_TYPES.BODY,
-      [styles$19['text__insight']]: as === TEXT_TYPES.INSIGHT,
-      [styles$19['text__caption']]: as === TEXT_TYPES.CAPTION,
-      [styles$19['text__span']]: as === TEXT_TYPES.SPAN
+    className: classnames(styles$1a['text'], {
+      [styles$1a['text--bold']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.BOLD),
+      [styles$1a['text--italic']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.ITALIC),
+      [styles$1a['text--underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.UNDERLINE),
+      [styles$1a['text--dotted-underline']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.DOTTED_UNDERLINE),
+      [styles$1a['text--monospace']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.MONOSPACE),
+      [styles$1a['text--line-through']]: emphasis == null ? void 0 : emphasis.includes(FONT_EMPHASIS.STRIKETHROUGH),
+      [styles$1a['text--align-left']]: alignment === ALIGNMENTS.LEFT,
+      [styles$1a['text--align-right']]: alignment === ALIGNMENTS.RIGHT,
+      [styles$1a['text--align-center']]: alignment === ALIGNMENTS.CENTER,
+      [styles$1a['text--align-justify']]: alignment === ALIGNMENTS.JUSTIFY,
+      [styles$1a['text__body']]: as === TEXT_TYPES.BODY,
+      [styles$1a['text__insight']]: as === TEXT_TYPES.INSIGHT,
+      [styles$1a['text__caption']]: as === TEXT_TYPES.CAPTION,
+      [styles$1a['text__span']]: as === TEXT_TYPES.SPAN
     }),
     'data-testid': testId
   }, dataProps, other, {
@@ -6877,7 +6877,7 @@ const Bold = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$19['text--bold'], styles$19['text'])
+    className: classnames(styles$1a['text--bold'], styles$1a['text'])
   }, children);
 };
 
@@ -6885,7 +6885,7 @@ const Underline = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$19['text--underline'], styles$19['text'])
+    className: classnames(styles$1a['text--underline'], styles$1a['text'])
   }, children);
 };
 
@@ -6893,7 +6893,7 @@ const Italic = ({
   children
 }) => {
   return React__default.createElement("span", {
-    className: classnames(styles$19['text--italic'], styles$19['text'])
+    className: classnames(styles$1a['text--italic'], styles$1a['text'])
   }, children);
 };
 
@@ -7030,7 +7030,7 @@ const useFieldControllers = ({
   return controllers;
 };
 
-var styles$18 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
+var styles$19 = {"text-field":"_G6LsE","text-field--invalid":"_2ZYtt","text-field--prefixed":"_rWp7H","text-field--suffixed":"_Xq8xX"};
 
 const _excluded$p = ["autoComplete", "autoFocus", "defaultValue", "disabled", "error", "id", "maxLength", "name", "caption", "label", "onBlur", "onChange", "onFocus", "onKeyDown", "placeholder", "value", "ref", "testId"];
 const useTextField = _ref => {
@@ -7071,8 +7071,8 @@ const useTextField = _ref => {
     'aria-invalid': hasError,
     autoComplete,
     autoFocus,
-    className: classnames(styles$18['text-field'], {
-      [styles$18['text-field--invalid']]: hasError
+    className: classnames(styles$19['text-field'], {
+      [styles$19['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,
@@ -7103,7 +7103,7 @@ const useTextField = _ref => {
   };
 };
 
-var styles$17 = {"affix-container":"_F8QOB","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi","prefix":"_yPPIy","suffix":"_Y3yFd"};
+var styles$18 = {"affix-container":"_F8QOB","affix-container--prefixed":"_vU4SU","affix-container--suffixed":"_4rDXi","prefix":"_yPPIy","suffix":"_Y3yFd"};
 
 const AffixContainer = ({
   prefix,
@@ -7138,19 +7138,19 @@ const AffixContainer = ({
   if (!hasPrefix && !hasSuffix) {
     return children;
   }
-  const classes = classnames(styles$17['affix-container'], {
-    [styles$17['affix-container--prefixed']]: hasPrefix,
-    [styles$17['affix-container--suffixed']]: hasSuffix
+  const classes = classnames(styles$18['affix-container'], {
+    [styles$18['affix-container--prefixed']]: hasPrefix,
+    [styles$18['affix-container--suffixed']]: hasSuffix
   });
   return React__default.createElement("div", {
     className: classes,
     ref: container,
     "data-testid": testId
   }, hasPrefix && React__default.createElement("div", {
-    className: styles$17['prefix'],
+    className: styles$18['prefix'],
     ref: prefixElement
   }, prefix), children, hasSuffix && React__default.createElement("div", {
-    className: styles$17['suffix'],
+    className: styles$18['suffix'],
     ref: suffixElement
   }, suffix));
 };
@@ -7357,7 +7357,7 @@ const Dropdown = ({
       paneRef
     }
   }, triggerIsKnownButton ? React__default.cloneElement(trigger, _extends({}, trigger.props, triggerProps)) : React__default.createElement("button", _extends({}, triggerProps, {
-    className: styles$1d['dropdown__trigger'],
+    className: styles$1e['dropdown__trigger'],
     ref: updatedRef,
     onFocus: handleFocus
   }), trigger), React__default.createElement(DropdownPane, {
@@ -7371,7 +7371,7 @@ const Dropdown = ({
   }, children));
 };
 
-var styles$16 = {"dropdown-list":"_91hvH","dropdown-list__item--hover":"_aMs9c"};
+var styles$17 = {"dropdown-list":"_91hvH","dropdown-list__item--hover":"_aMs9c"};
 
 const findNextActiveIndex = (items, startAt) => {
   let startIndex = 0;
@@ -7471,18 +7471,18 @@ const checkIsComponent = (element, config) => {
   return isComponent;
 };
 
-var styles$15 = {"dropdown-list-divider":"_ISJ4M"};
+var styles$16 = {"dropdown-list-divider":"_ISJ4M"};
 
 const DropdownListDivider = ({
   testId
 }) => {
   return React__default.createElement("div", {
-    className: styles$15['dropdown-list-divider'],
+    className: styles$16['dropdown-list-divider'],
     "data-testid": testId
   });
 };
 
-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 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"};
 
 const DropdownListItem = ({
   onClick,
@@ -7509,28 +7509,28 @@ const DropdownListItem = ({
     onClick && onClick(e);
   };
   const childrenContainer = React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__container']
+    className: styles$15['dropdown-list-item__container']
   }, prefix && React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__prefix']
+    className: styles$15['dropdown-list-item__prefix']
   }, prefix), React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__content']
+    className: styles$15['dropdown-list-item__content']
   }, React__default.createElement(Stack, {
     space: 4,
     flex: [1]
   }, children, caption && React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__caption']
+    className: styles$15['dropdown-list-item__caption']
   }, caption))), suffix && React__default.createElement("div", {
-    className: styles$14['dropdown-list-item__suffix']
+    className: styles$15['dropdown-list-item__suffix']
   }, suffix));
   const linkItem = href && (_reloadDocument ? React__default.createElement("a", {
     href: href,
-    className: styles$14['dropdown-list-item__link'],
+    className: styles$15['dropdown-list-item__link'],
     target: _target,
     tabIndex: -1
   }, childrenContainer) : React__default.createElement(Link$1, {
     to: href,
     target: _target,
-    className: styles$14['dropdown-list-item__link'],
+    className: styles$15['dropdown-list-item__link'],
     reloadDocument: false,
     tabIndex: -1,
     "data-testid": testId
@@ -7538,9 +7538,9 @@ const DropdownListItem = ({
   return (
     // eslint-disable-next-line jsx-a11y/no-static-element-interactions
     React__default.createElement("div", {
-      className: classnames(styles$14['dropdown-list-item'], {
-        [styles$14['dropdown-list-item--selected']]: selected,
-        [styles$14['dropdown-list-item--disabled']]: disabled
+      className: classnames(styles$15['dropdown-list-item'], {
+        [styles$15['dropdown-list-item--selected']]: selected,
+        [styles$15['dropdown-list-item--disabled']]: disabled
       }),
       onMouseDown: e => e.preventDefault(),
       onClick: handleClick,
@@ -7618,14 +7618,14 @@ const DropdownList = ({
     }
   }, [highlightItemIndex]);
   return React__default.createElement("ul", {
-    className: styles$16['dropdown-list'],
+    className: styles$17['dropdown-list'],
     "data-testid": testId,
     ref: listRef
   }, React__default.Children.toArray(children).filter(Boolean).map((child, index) => {
     return React__default.createElement("li", {
       key: index,
-      className: classnames(styles$16['dropdown-list__item'], {
-        [styles$16['dropdown-list__item--hover']]: focusedItem === index
+      className: classnames(styles$17['dropdown-list__item'], {
+        [styles$17['dropdown-list__item--hover']]: focusedItem === index
       }),
       onMouseEnter: () => setFocusOnItem(index),
       role: "menuitem"
@@ -7649,7 +7649,7 @@ const KebabMenu = ({
   }, action.label))));
 };
 
-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 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"};
 
 const CardContext = createContext({
   isCardMounted: false
@@ -7685,28 +7685,28 @@ const Card = _ref => {
       isCardMounted: true
     }
   }, React__default.createElement("div", _extends({
-    className: classnames(styles$13['card']),
+    className: classnames(styles$14['card']),
     style: positionStyles
   }, dataProps), onClick ? React__default.createElement("button", {
-    className: classnames(styles$13['card__body'], styles$13['card__body--interactive'], {
-      [styles$13['card__body--disabled']]: disabled,
-      [styles$13['card__body--focus']]: isSelected,
-      [styles$13['card__body--with-kebab']]: actions
+    className: classnames(styles$14['card__body'], styles$14['card__body--interactive'], {
+      [styles$14['card__body--disabled']]: disabled,
+      [styles$14['card__body--focus']]: isSelected,
+      [styles$14['card__body--with-kebab']]: actions
     }),
     "data-testid": testId,
     tabIndex: 0,
     onClick: onClick,
     disabled: disabled
   }, children) : React__default.createElement("div", {
-    className: classnames(styles$13['card__body'], {
-      [styles$13['card__body--disabled']]: disabled,
-      [styles$13['card__body--focus']]: isSelected,
-      [styles$13['card__body--with-kebab']]: actions
+    className: classnames(styles$14['card__body'], {
+      [styles$14['card__body--disabled']]: disabled,
+      [styles$14['card__body--focus']]: isSelected,
+      [styles$14['card__body--with-kebab']]: actions
     }),
     "data-testid": testId
   }, children), actions && React__default.createElement("div", {
-    className: classnames(styles$13['card__kebab'], {
-      [styles$13['card__kebab--disabled']]: disabled
+    className: classnames(styles$14['card__kebab'], {
+      [styles$14['card__kebab--disabled']]: disabled
     })
   }, React__default.createElement(KebabMenu, {
     actions: onClose ? actions.concat({
@@ -7715,8 +7715,8 @@ const Card = _ref => {
       onAction: onClose
     }) : actions
   })), !actions && onClose && React__default.createElement("div", {
-    className: classnames(styles$13['card__close'], {
-      [styles$13['card__close--disabled']]: disabled
+    className: classnames(styles$14['card__close'], {
+      [styles$14['card__close--disabled']]: disabled
     })
   }, React__default.createElement(Button, {
     theme: "link-icon",
@@ -7724,7 +7724,7 @@ const Card = _ref => {
   }, React__default.createElement(IconTimes, null)))));
 };
 
-var styles$12 = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
+var styles$13 = {"callout-card__close":"_VxmQm","callout-card__header":"_3RrQI"};
 
 /**
  * @deprecated Use `<EmptyState as='card' />` instead
@@ -7745,7 +7745,7 @@ const CalloutCard = ({
   }, React__default.createElement(Stack, {
     space: 12
   }, React__default.createElement("div", {
-    className: styles$12['callout-card__header']
+    className: styles$13['callout-card__header']
   }, React__default.createElement(Text, {
     as: "body",
     color: "primary-color"
@@ -7760,7 +7760,7 @@ const CalloutCard = ({
     alt: String(title) + String(header),
     width: "354px"
   })), onClose && React__default.createElement("div", {
-    className: styles$12['callout-card__close']
+    className: styles$13['callout-card__close']
   }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose
@@ -7776,7 +7776,7 @@ const Breadcrumbs = ({
   }, children);
 };
 
-var styles$11 = {"breadcrumb-item":"_fo7-A"};
+var styles$12 = {"breadcrumb-item":"_fo7-A"};
 
 const BreadcrumbItem = ({
   href,
@@ -7790,25 +7790,25 @@ const BreadcrumbItem = ({
   // This is neessary to support older versions of react-router-dom
   return _reloadDocument ? React__default.createElement("a", {
     href: href,
-    className: styles$11['breadcrumb-item'],
+    className: styles$12['breadcrumb-item'],
     "data-testid": testId
   }, content) : React__default.createElement(Link$1, {
     to: href,
-    className: styles$11['breadcrumb-item'],
+    className: styles$12['breadcrumb-item'],
     relative: "path",
     reloadDocument: _reloadDocument,
     "data-testid": testId
   }, content);
 };
 
-var styles$10 = {"page-breadcrumbs":"_QjIgc"};
+var styles$11 = {"page-breadcrumbs":"_QjIgc"};
 
 const PageBreadcrumbs = ({
   breadcrumbs
 }) => {
   const items = getBreadbrumbItems(breadcrumbs);
   return React__default.createElement("div", {
-    className: styles$10['page-breadcrumbs']
+    className: styles$11['page-breadcrumbs']
   }, React__default.createElement(Breadcrumbs, null, items));
 };
 const getBreadbrumbItems = breadcrumbs => {
@@ -7828,7 +7828,7 @@ const getBreadbrumbItems = breadcrumbs => {
   }, breadcrumbs.label);
 };
 
-var styles$$ = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
+var styles$10 = {"page":"_QB6yF","page--fullwidth":"_g7MTf","page--restricted":"_LRq4j"};
 
 const PAGE_SIZES = {
   FULL_WIDTH: 'fullwidth',
@@ -7849,9 +7849,9 @@ const Page = ({
   const hasHeader = title || actions;
   const hasPageBlocks = hasHeader || banner || filterBar;
   return React__default.createElement("div", {
-    className: classnames(styles$$['page'], {
-      [styles$$['page--restricted']]: _size === PAGE_SIZES.RESTRICTED,
-      [styles$$['page--fullwidth']]: _size === PAGE_SIZES.FULL_WIDTH
+    className: classnames(styles$10['page'], {
+      [styles$10['page--restricted']]: _size === PAGE_SIZES.RESTRICTED,
+      [styles$10['page--fullwidth']]: _size === PAGE_SIZES.FULL_WIDTH
     }),
     "data-testid": testId
   }, React__default.createElement(Stack, {
@@ -7872,15 +7872,15 @@ const Page = ({
   }, title), actions), subtitle && React__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$Z = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
+var styles$_ = {"menu-item":"_SebbU","menu-item--active":"_CDEVl","menu-item--with-badge":"_VudDE","menu-item__badge":"_vErBS"};
 
-var styles$Y = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
+var styles$Z = {"badge":"_RXV4h","badge--warning":"_2An1I","badge--danger":"_-Bw8L","badge--success":"_RxlMz","badge--info":"_dzCH-","badge--numeric":"_Ix9tP"};
 
-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$Y = {"overlay":"_0yTe8","overlay--after-open":"_yJBtA","overlay--before-close":"_iWogn","content":"_ntozd","content--after-open":"_EQjDq","content--before-close":"_ZTY3B"};
 
-var styles$W = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
+var styles$X = {"header":"_tgpG9","header__close-button":"_b1dgU","sub-header":"_c2nm4"};
 
 const ModalHeader = ({
   header,
@@ -7890,7 +7890,7 @@ const ModalHeader = ({
 }) => {
   if (!header && !subHeader) {
     return onClose ? React__default.createElement("div", {
-      className: styles$W['header__close-button']
+      className: styles$X['header__close-button']
     }, React__default.createElement(Button, {
       theme: "link-icon",
       onClick: onClose,
@@ -7906,13 +7906,13 @@ const ModalHeader = ({
     flex: [1],
     alignItems: "center"
   }, React__default.createElement("span", {
-    className: styles$W['header']
+    className: styles$X['header']
   }, header), onClose && React__default.createElement(Button, {
     theme: "link-icon",
     onClick: onClose,
     disabled: loading
   }, React__default.createElement(IconTimes, null))), subHeader && React__default.createElement("div", {
-    className: styles$W['sub-header']
+    className: styles$X['sub-header']
   }, subHeader));
 };
 
@@ -7970,14 +7970,14 @@ const Modal = _ref => {
     contentLabel: "Modal",
     appElement: rootElementId && document.getElementById(rootElementId) || undefined,
     overlayClassName: {
-      base: styles$X['overlay'],
-      afterOpen: styles$X['overlay--after-open'],
-      beforeClose: styles$X['overlay--before-close']
+      base: styles$Y['overlay'],
+      afterOpen: styles$Y['overlay--after-open'],
+      beforeClose: styles$Y['overlay--before-close']
     },
     className: {
-      base: styles$X['content'],
-      afterOpen: styles$X['content--after-open'],
-      beforeClose: styles$X['content--before-close']
+      base: styles$Y['content'],
+      afterOpen: styles$Y['content--after-open'],
+      beforeClose: styles$Y['content--before-close']
     },
     data: dataProps
   }, React__default.createElement(ModalHeader, {
@@ -8019,7 +8019,7 @@ const useScrollShadow = () => {
   };
 };
 
-var styles$V = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
+var styles$W = {"modal-body":"_4YK4k","modal-body--with-scroll-shadow":"_wo1vv","modal-body__inner-div":"_9u6xC"};
 
 const ModalBody = ({
   children,
@@ -8030,17 +8030,17 @@ const ModalBody = ({
     showScrollShadow
   } = useScrollShadow();
   return React__default.createElement("div", {
-    className: classnames(styles$V['modal-body'], {
-      [styles$V['modal-body--with-scroll-shadow']]: showScrollShadow
+    className: classnames(styles$W['modal-body'], {
+      [styles$W['modal-body--with-scroll-shadow']]: showScrollShadow
     }),
     ref: ref,
     "data-testid": testId
   }, React__default.createElement("div", {
-    className: styles$V['modal-body__inner-div']
+    className: styles$W['modal-body__inner-div']
   }, children));
 };
 
-var styles$U = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
+var styles$V = {"modal-footer":"_bezlP","tertiary-container":"_EdqHx"};
 
 const updateButtonProps$1 = (button, newProps) => {
   if (!button) {
@@ -8077,7 +8077,7 @@ const ModalFooter = ({
       justifyContent: "space-between"
     }, React__default.createElement("div", {
       className: classnames({
-        [styles$U['tertiary-container']]: tertiaryButton && tertiaryButton.props.theme.startsWith('link')
+        [styles$V['tertiary-container']]: tertiaryButton && tertiaryButton.props.theme.startsWith('link')
       })
     }, tertiaryButton || React__default.createElement("div", null)), React__default.createElement(Inline, {
       space: 12
@@ -8095,7 +8095,7 @@ const FooterContainer = ({
     displayName: 'Inline'
   });
   return React__default.createElement("div", {
-    className: styles$U['modal-footer'],
+    className: styles$V['modal-footer'],
     "data-testid": testId
   }, React__default.createElement(Inline, {
     justifyContent: "end",
@@ -8108,7 +8108,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$T = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
+var styles$U = {"calendar":"_YPyZ6","calendar__overlay":"_-cw0A"};
 
 function parseDate(str, format, locale) {
   const parsed = dateFnsParse(str, format, new Date(), {
@@ -8343,9 +8343,9 @@ const Calendar = ({
     }
   };
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$T['calendar']
+    className: styles$U['calendar']
   }, React__default.createElement("div", {
-    className: styles$T['calendar__overlay'],
+    className: styles$U['calendar__overlay'],
     ref: ref => setCalendarRef(ref),
     style: _extends({}, calendarPosition, {
       zIndex: isInsideDropdown ? getZIndex('dropdown-level-2') : getZIndex('dropdown')
@@ -8403,7 +8403,7 @@ const useCheckBoxFieldControllers = ({
   return controllers;
 };
 
-var styles$S = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
+var styles$T = {"check-box-field":"_Id4qm","check-box-field__caption":"_s9d-m","check-box-field__custom-input":"_kmvBP"};
 
 const _excluded$l = ["name", "id", "checked", "onChange", "onBlur", "label", "caption", "error", "disabled", "testId"];
 /** CheckboxField form element. */
@@ -8438,7 +8438,7 @@ const CheckboxField = _ref => {
     flexItems: true,
     flex: ['0 0 auto']
   }, otherProps), React__default.createElement("div", {
-    className: styles$S['check-box-field']
+    className: styles$T['check-box-field']
   }, React__default.createElement("input", {
     name: name,
     id: controllers.id,
@@ -8451,12 +8451,12 @@ const CheckboxField = _ref => {
     onChange: controllers.onChange,
     onBlur: controllers.onBlur
   }), React__default.createElement("span", {
-    className: styles$S['check-box-field__custom-input']
+    className: styles$T['check-box-field__custom-input']
   })), label && React__default.createElement(Label, {
     htmlFor: controllers.id,
     truncate: false
   }, label)), caption && React__default.createElement("div", {
-    className: styles$S['check-box-field__caption']
+    className: styles$T['check-box-field__caption']
   }, React__default.createElement(Caption, {
     fieldId: controllers.id
   }, caption)), controllers.error && React__default.createElement(ErrorMessage, {
@@ -8494,7 +8494,7 @@ const useLocalStorage = (key, initialValue) => {
   return [storedValue, setValue];
 };
 
-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 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"};
 
 const _excluded$k = ["header", "children", "mediaUrl", "onClose", "modalId", "primaryButton", "secondaryButton", "testId", "onSetDoNotShowAgainStatus"];
 const HintModal = _ref => {
@@ -8557,22 +8557,22 @@ const HintModal = _ref => {
     closeTimeoutMS: 200,
     contentLabel: "Modal",
     className: {
-      base: styles$R['hint-modal'],
-      afterOpen: styles$R['hint-modal--after-open'],
-      beforeClose: styles$R['hint-modal--before-close']
+      base: styles$S['hint-modal'],
+      afterOpen: styles$S['hint-modal--after-open'],
+      beforeClose: styles$S['hint-modal--before-close']
     },
-    overlayClassName: styles$R['hint-modal__overlay']
+    overlayClassName: styles$S['hint-modal__overlay']
   }, React__default.createElement("div", {
-    className: styles$R['hint-modal__close-button']
+    className: styles$S['hint-modal__close-button']
   }, React__default.createElement(Button, {
     theme: "link-icon",
     onClick: handleOnClose
   }, React__default.createElement(IconTimes, null))), mediaUrl && React__default.createElement("img", {
-    className: styles$R['hint-modal__image'],
+    className: styles$S['hint-modal__image'],
     src: mediaUrl,
     alt: String(header)
   }), React__default.createElement("div", {
-    className: styles$R['hint-modal__body']
+    className: styles$S['hint-modal__body']
   }, React__default.createElement(Stack, {
     justifyContent: "space-between"
   }, React__default.createElement(Stack, {
@@ -8613,12 +8613,12 @@ const BadgeElement = (_ref, forwardedRef) => {
     overlay: title,
     ref: ref
   }, React__default.createElement("div", _extends({
-    className: classnames(styles$Y['badge'], {
-      [styles$Y['badge--success']]: theme === 'success',
-      [styles$Y['badge--danger']]: theme === 'danger',
-      [styles$Y['badge--info']]: theme === 'info',
-      [styles$Y['badge--warning']]: theme === 'warning',
-      [styles$Y['badge--numeric']]: Number.isFinite(children)
+    className: classnames(styles$Z['badge'], {
+      [styles$Z['badge--success']]: theme === 'success',
+      [styles$Z['badge--danger']]: theme === 'danger',
+      [styles$Z['badge--info']]: theme === 'info',
+      [styles$Z['badge--warning']]: theme === 'warning',
+      [styles$Z['badge--numeric']]: Number.isFinite(children)
     }),
     ref: ref,
     "data-testid": testId
@@ -8630,28 +8630,28 @@ const MenuItem = ({
   menu
 }) => {
   return React__default.createElement("li", {
-    className: classnames(styles$Z['menu-item'], {
-      [styles$Z['menu-item--with-badge']]: !!menu.suffix
+    className: classnames(styles$_['menu-item'], {
+      [styles$_['menu-item--with-badge']]: !!menu.suffix
     })
   }, menu.reloadDocument ? React__default.createElement("a", {
     href: menu.to,
     className: classnames({
-      [styles$Z['menu-item--active']]: menu.isActive
+      [styles$_['menu-item--active']]: menu.isActive
     })
   }, menu.label, !!menu.suffix && React__default.createElement("div", {
-    className: styles$Z['menu-item__badge']
+    className: styles$_['menu-item__badge']
   }, React__default.createElement(Badge, null, menu.suffix))) : React__default.createElement(NavLink, {
     to: menu.to,
     // @ts-expect-error This is only available on v5
-    activeClassName: styles$Z['menu-item--active'],
+    activeClassName: styles$_['menu-item--active'],
     className: ({
       isActive
     }) => {
-      return isActive ? styles$Z['menu-item--active'] : '';
+      return isActive ? styles$_['menu-item--active'] : '';
     },
     exact: true
   }, menu.label, !!menu.suffix && React__default.createElement("div", {
-    className: styles$Z['menu-item__badge']
+    className: styles$_['menu-item__badge']
   }, React__default.createElement(Badge, null, menu.suffix))));
 };
 
@@ -8662,9 +8662,9 @@ const PageLayout = ({
   sideNavContent
 }) => {
   return React__default.createElement("div", {
-    className: styles$_['page-layout']
+    className: styles$$['page-layout']
   }, React__default.createElement("div", {
-    className: styles$_['page-layout__nav-container']
+    className: styles$$['page-layout__nav-container']
   }, React__default.createElement(Stack, {
     space: 12
   }, React__default.createElement(Text, {
@@ -8673,14 +8673,14 @@ const PageLayout = ({
     ml: 20,
     mr: 35
   }, title), React__default.createElement("ul", {
-    className: styles$_['page-layout__nav-list']
+    className: styles$$['page-layout__nav-list']
   }, menu.filter(menu => !('isVisible' in menu) || (menu == null ? void 0 : menu.isVisible) === true).map((menuItem, index) => React__default.createElement(MenuItem, {
     key: menuItem.name || index,
     menu: menuItem
   }))), sideNavContent && React__default.createElement("div", {
-    className: styles$_['page-layout__side-nav-content']
+    className: styles$$['page-layout__side-nav-content']
   }, sideNavContent))), React__default.createElement("div", {
-    className: styles$_['page-layout__content']
+    className: styles$$['page-layout__content']
   }, children));
 };
 
@@ -8690,7 +8690,7 @@ const TOAST_THEME = {
 };
 const TOAST_CONTAINER_ID = 'sous-chef-toast';
 
-var styles$Q = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
+var styles$R = {"toast":"_iSC5P","toast--danger":"_OWpOG","toast__text":"_4JJwF"};
 
 const toast = (text, theme = TOAST_THEME.DEFAULT, options = {}) => {
   if (typeof text !== 'string') {
@@ -8707,8 +8707,8 @@ const toast = (text, theme = TOAST_THEME.DEFAULT, options = {}) => {
     onActionClick: onActionClick
   }) : text;
   toast$1(content, _extends({
-    className: classnames(styles$Q['toast'], {
-      [styles$Q['toast--danger']]: theme === TOAST_THEME.DANGER
+    className: classnames(styles$R['toast'], {
+      [styles$R['toast--danger']]: theme === TOAST_THEME.DANGER
     }),
     containerId: TOAST_CONTAINER_ID
   }, options));
@@ -8734,7 +8734,7 @@ const ToastBodyWithAction = ({
 const ToastContainer = ({
   containerId: _containerId = TOAST_CONTAINER_ID
 }) => React__default.createElement(ToastContainer$1, {
-  bodyClassName: styles$Q['toast__text'],
+  bodyClassName: styles$R['toast__text'],
   hideProgressBar: true,
   draggable: false,
   transition: Slide,
@@ -8777,7 +8777,7 @@ const SousChefProvider = ({
   }, React__default.createElement(ToastContainer, null), children));
 };
 
-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 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"};
 
 const SORT_ORDER = {
   ASC: 'asc',
@@ -8950,7 +8950,7 @@ const DataTableHeader = ({
     },
     id: `${tableId}-header`
   }, React__default.createElement("tr", {
-    className: styles$P['data-table-header']
+    className: styles$Q['data-table-header']
   }, columns.filter(column => !column.hidden).map(column => {
     const isSortable = column.isSortable;
     const sortDir = column.currentSort;
@@ -8958,8 +8958,8 @@ const DataTableHeader = ({
     const hasDescription = !!column.description;
     return React__default.createElement("th", {
       className: classnames({
-        [styles$P['data-table-header__item']]: true,
-        [styles$P['data-table-header__item--sortable']]: isSortable
+        [styles$Q['data-table-header__item']]: true,
+        [styles$Q['data-table-header__item--sortable']]: isSortable
       }),
       style: {
         flex: column.size || 1,
@@ -8971,18 +8971,18 @@ const DataTableHeader = ({
       role: "columnheader",
       tabIndex: 0
     }, React__default.createElement("div", {
-      className: classnames(styles$P['data-table-header__item-content'], {
-        [styles$P['data-table-header__item-content--right-align']]: isRightAligned
+      className: classnames(styles$Q['data-table-header__item-content'], {
+        [styles$Q['data-table-header__item-content--right-align']]: isRightAligned
       }, {
-        [styles$P['data-table-header__item-content--has-description']]: hasDescription
+        [styles$Q['data-table-header__item-content--has-description']]: hasDescription
       })
     }, wrapWithTooltip(column), isSortable && React__default.createElement("span", {
-      className: styles$P['data-table-header__sort-icon']
+      className: styles$Q['data-table-header__sort-icon']
     }, React__default.createElement(HeaderSortIcon, {
       sortDirection: sortDir
     }))));
   }), showActionMenu && React__default.createElement("th", {
-    className: classnames(styles$P['data-table-header__item'], styles$P['data-table-header__item--action'])
+    className: classnames(styles$Q['data-table-header__item'], styles$Q['data-table-header__item--action'])
   }))));
 };
 const wrapWithTooltip = column => {
@@ -8996,9 +8996,9 @@ const wrapWithTooltip = column => {
   return column.label;
 };
 
-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$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$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 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"};
 
 const useTableHeaderHeight = isShowingColumns => {
   const {
@@ -9050,10 +9050,10 @@ const DataTableScrollFakeBorder = ({
   const hasFixedScroll = useDetectFixedScroll();
   const backgroundColor = useBackgroundColor();
   return React__default.createElement("div", {
-    className: classnames(styles$N['data-table-scroll-fake-border'], {
-      [styles$N['data-table-scroll-fake-border--top']]: placement === 'top',
-      [styles$N['data-table-scroll-fake-border--bottom']]: placement === 'bottom',
-      [styles$N['data-table-scroll-fake-border--fixed-scroll']]: hasFixedScroll
+    className: classnames(styles$O['data-table-scroll-fake-border'], {
+      [styles$O['data-table-scroll-fake-border--top']]: placement === 'top',
+      [styles$O['data-table-scroll-fake-border--bottom']]: placement === 'bottom',
+      [styles$O['data-table-scroll-fake-border--fixed-scroll']]: hasFixedScroll
     }),
     style: {
       // @ts-expect-error This difines a custom CSS variable
@@ -9061,14 +9061,14 @@ const DataTableScrollFakeBorder = ({
       top: placement === 'top' ? headerHeight : undefined
     }
   }, React__default.createElement("div", {
-    className: classnames(styles$N['data-table-scroll-fake-border__left'], {
-      [styles$N['data-table-scroll-fake-border__left--top']]: placement === 'top',
-      [styles$N['data-table-scroll-fake-border__left--bottom']]: placement === 'bottom'
+    className: classnames(styles$O['data-table-scroll-fake-border__left'], {
+      [styles$O['data-table-scroll-fake-border__left--top']]: placement === 'top',
+      [styles$O['data-table-scroll-fake-border__left--bottom']]: placement === 'bottom'
     })
   }), React__default.createElement("div", {
-    className: classnames(styles$N['data-table-scroll-fake-border__right'], {
-      [styles$N['data-table-scroll-fake-border__right--top']]: placement === 'top',
-      [styles$N['data-table-scroll-fake-border__right--bottom']]: placement === 'bottom'
+    className: classnames(styles$O['data-table-scroll-fake-border__right'], {
+      [styles$O['data-table-scroll-fake-border__right--top']]: placement === 'top',
+      [styles$O['data-table-scroll-fake-border__right--bottom']]: placement === 'bottom'
     }),
     "data-background-color": "red"
   }));
@@ -9086,7 +9086,7 @@ const BUTTON_THEME = {
   UPSELL: 'upsell'
 };
 
-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"};
+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"};
 
 /** Infers theme prop for Sous Chef Button CTAs if not explicitly passed, default is hollow, primaryCTA is Upsell if banner theme is Upsell*/
 const ButtonCTA = ({
@@ -9107,7 +9107,7 @@ const ButtonCTA = ({
   }, button.props));
 };
 
-var styles$L = {"banner__caption":"_S--Ce"};
+var styles$M = {"banner__caption":"_S--Ce"};
 
 const InlineBannerCTA = ({
   primaryButton,
@@ -9139,7 +9139,7 @@ const InlineBannerCTA = ({
     bannerTheme: bannerTheme,
     primaryCTA: true
   })), caption && multiLine && React__default.createElement("div", {
-    className: styles$L['banner__caption']
+    className: styles$M['banner__caption']
   }, caption));
 };
 
@@ -9180,21 +9180,21 @@ const InlineBanner = _ref => {
   const Layout = multiLine ? Stack : Inline;
   return React__default.createElement("div", {
     "data-testid": testId,
-    className: classnames(styles$M['banner'], {
-      [styles$M['banner--info']]: theme === BANNER_THEME.INFO,
-      [styles$M['banner--warning']]: theme === BANNER_THEME.WARNING,
-      [styles$M['banner--success']]: theme === BANNER_THEME.SUCCESS,
-      [styles$M['banner--danger']]: theme === BANNER_THEME.DANGER,
-      [styles$M['banner--upsell']]: theme === BANNER_THEME.UPSELL,
-      [styles$M['banner--single-line']]: !multiLine
+    className: classnames(styles$N['banner'], {
+      [styles$N['banner--info']]: theme === BANNER_THEME.INFO,
+      [styles$N['banner--warning']]: theme === BANNER_THEME.WARNING,
+      [styles$N['banner--success']]: theme === BANNER_THEME.SUCCESS,
+      [styles$N['banner--danger']]: theme === BANNER_THEME.DANGER,
+      [styles$N['banner--upsell']]: theme === BANNER_THEME.UPSELL,
+      [styles$N['banner--single-line']]: !multiLine
     }),
     style: positionStyles
   }, React__default.createElement(Inline, {
     flex: ['0 1 auto', 1],
     space: 12
   }, React__default.createElement("div", {
-    className: classnames(styles$M['banner__icon'], {
-      [styles$M['banner__icon--multiline']]: multiLine
+    className: classnames(styles$N['banner__icon'], {
+      [styles$N['banner__icon--multiline']]: multiLine
     })
   }, icon != null ? icon : React__default.createElement(InlineBannerIcon, {
     theme: theme
@@ -9205,10 +9205,10 @@ const InlineBanner = _ref => {
     flex: ['min-content'],
     flexWrap: multiLine ? undefined : 'wrap'
   }, title && React__default.createElement("div", {
-    className: styles$M['banner__title']
+    className: styles$N['banner__title']
   }, title), React__default.createElement("div", {
-    className: classnames(styles$M['banner__body'], {
-      [styles$M['banner__body--multilineCTA']]: primaryButton && multiLine
+    className: classnames(styles$N['banner__body'], {
+      [styles$N['banner__body--multilineCTA']]: primaryButton && multiLine
     })
   }, children), primaryButton && React__default.createElement(InlineBannerCTA, {
     primaryButton: primaryButton,
@@ -9217,7 +9217,7 @@ const InlineBanner = _ref => {
     multiLine: multiLine,
     bannerTheme: theme
   })), dismissable && React__default.createElement("div", {
-    className: styles$M['banner__close']
+    className: styles$N['banner__close']
   }, React__default.createElement(Button, {
     theme: "link-icon",
     type: "button",
@@ -9231,7 +9231,7 @@ const PERSISTENT_BANNER_THEME = {
   DANGER: 'danger'
 };
 
-var styles$K = {"persistent-banner":"_FsCJQ","persistent-banner--info":"_zt-xK","persistent-banner--danger":"_rmUys","persistent-banner--upsell":"_UGrRR"};
+var styles$L = {"persistent-banner":"_FsCJQ","persistent-banner--info":"_zt-xK","persistent-banner--danger":"_rmUys","persistent-banner--upsell":"_UGrRR"};
 
 const PersistentBanner = ({
   theme: _theme = PERSISTENT_BANNER_THEME.INFO,
@@ -9260,10 +9260,10 @@ const PersistentBanner = ({
     theme: BUTTON_THEMES.LINK_CONTRAST
   }, secondaryButton.props))));
   return React__default.createElement("div", {
-    className: classnames(styles$K['persistent-banner'], {
-      [styles$K['persistent-banner--info']]: _theme === PERSISTENT_BANNER_THEME.INFO,
-      [styles$K['persistent-banner--danger']]: _theme === PERSISTENT_BANNER_THEME.DANGER,
-      [styles$K['persistent-banner--upsell']]: _theme === PERSISTENT_BANNER_THEME.UPSELL
+    className: classnames(styles$L['persistent-banner'], {
+      [styles$L['persistent-banner--info']]: _theme === PERSISTENT_BANNER_THEME.INFO,
+      [styles$L['persistent-banner--danger']]: _theme === PERSISTENT_BANNER_THEME.DANGER,
+      [styles$L['persistent-banner--upsell']]: _theme === PERSISTENT_BANNER_THEME.UPSELL
     }),
     "data-testid": testId
   }, onDismiss ? React__default.createElement(Inline, {
@@ -9328,7 +9328,7 @@ const useProgress = (progress, maxValue, getMetric = getProgressMetric) => {
   };
 };
 
-var styles$J = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
+var styles$K = {"circular-progress":"_UI0Fo","circular-progress__label":"_6PNwZ","circular-progress__track":"_alBLB","circular-progress__indicator":"_VADa6"};
 
 const CircularProgress = ({
   progress,
@@ -9342,7 +9342,7 @@ const CircularProgress = ({
   } = useProgress(progress, _maxValue);
   const determinant = metric.percentage * 2.79;
   return React__default.createElement("div", _extends({}, elementProps, {
-    className: styles$J['circular-progress'],
+    className: styles$K['circular-progress'],
     "data-testid": testId
   }), React__default.createElement("svg", {
     viewBox: "0 0 100 100"
@@ -9351,21 +9351,21 @@ const CircularProgress = ({
     cy: 50,
     r: 45,
     strokeWidth: "10px",
-    className: styles$J['circular-progress__track']
+    className: styles$K['circular-progress__track']
   }), React__default.createElement("circle", {
     cx: 50,
     cy: 50,
     r: 45,
     strokeWidth: "10px",
-    className: styles$J['circular-progress__indicator'],
+    className: styles$K['circular-progress__indicator'],
     strokeDashoffset: "66",
     strokeDasharray: `${determinant} ${279 - determinant}`
   })), React__default.createElement("div", {
-    className: styles$J['circular-progress__label']
+    className: styles$K['circular-progress__label']
   }, children || `${metric.progress}/${metric.maxValue}`));
 };
 
-var styles$I = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__steps":"_8kdeO"};
+var styles$J = {"progress-bar":"_fWvQF","progress-bar__indicator":"_vd0xc","progress-bar__steps":"_8kdeO"};
 
 const ProgressBar = ({
   progress,
@@ -9380,21 +9380,21 @@ const ProgressBar = ({
     metric
   } = useProgress(progress, inferedMaxValue || 100, isUsingStepsAsMaxValue ? getProgressMetricWithSteps : getProgressMetric);
   return React__default.createElement(Stack, null, React__default.createElement("div", _extends({}, elementProps, {
-    className: styles$I['progress-bar'],
+    className: styles$J['progress-bar'],
     "data-testid": testId
   }), React__default.createElement("div", {
-    className: styles$I['progress-bar__indicator'],
+    className: styles$J['progress-bar__indicator'],
     style: {
       width: `${metric.percentage}%`
     }
   })), steps && steps.length > 0 && React__default.createElement("div", {
-    className: styles$I['progress-bar__steps']
+    className: styles$J['progress-bar__steps']
   }, steps.map(step => React__default.createElement(Text, {
     key: step
   }, step))));
 };
 
-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 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"};
 
 const SKELETON_COMPONENT = {
   AVATAR: 'avatar',
@@ -9418,14 +9418,14 @@ const Skeleton = _ref => {
   const positioning = usePositionStyles(positionStyles);
   return React__default.createElement("div", {
     "data-testid": testId,
-    className: classnames(styles$H['skeleton'], {
-      [styles$H['skeleton__avatar']]: as === SKELETON_COMPONENT.AVATAR,
-      [styles$H['skeleton__avatar--small']]: as === SKELETON_COMPONENT.AVATAR_SMALL,
-      [styles$H['skeleton__avatar--medium']]: as === SKELETON_COMPONENT.AVATAR_MEDIUM,
-      [styles$H['skeleton__avatar--large']]: as === SKELETON_COMPONENT.AVATAR_LARGE,
-      [styles$H['skeleton__avatar--xlarge']]: as === SKELETON_COMPONENT.AVATAR_XLARGE,
-      [styles$H['skeleton__button']]: as === SKELETON_COMPONENT.BUTTON,
-      [styles$H['skeleton__pill']]: as === SKELETON_COMPONENT.PILL
+    className: classnames(styles$I['skeleton'], {
+      [styles$I['skeleton__avatar']]: as === SKELETON_COMPONENT.AVATAR,
+      [styles$I['skeleton__avatar--small']]: as === SKELETON_COMPONENT.AVATAR_SMALL,
+      [styles$I['skeleton__avatar--medium']]: as === SKELETON_COMPONENT.AVATAR_MEDIUM,
+      [styles$I['skeleton__avatar--large']]: as === SKELETON_COMPONENT.AVATAR_LARGE,
+      [styles$I['skeleton__avatar--xlarge']]: as === SKELETON_COMPONENT.AVATAR_XLARGE,
+      [styles$I['skeleton__button']]: as === SKELETON_COMPONENT.BUTTON,
+      [styles$I['skeleton__pill']]: as === SKELETON_COMPONENT.PILL
     }),
     style: _extends({}, positioning, {
       width: width,
@@ -9434,11 +9434,11 @@ const Skeleton = _ref => {
   });
 };
 
-var styles$G = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
+var styles$H = {"data-table-row":"_hhDnr","data-table-row--clickable":"_ej5Ke","data-table-row--selected":"_qDTAh"};
 
-var styles$F = {"actions":"_ffXgN"};
+var styles$G = {"actions":"_ffXgN"};
 
-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 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-"};
 
 const DataTableCellElement = ({
   children,
@@ -9462,9 +9462,9 @@ const DataTableCellElement = ({
   const hasError = !!error;
   const errorMessage = error;
   const icon = hasError && React__default.createElement("div", {
-    className: classnames(styles$E['data-table-cell__error-icon'], {
-      [styles$E['data-table-cell__error-icon--right-align']]: isRightAligned,
-      [styles$E['data-table-cell__error-icon--left-align']]: !isRightAligned
+    className: classnames(styles$F['data-table-cell__error-icon'], {
+      [styles$F['data-table-cell__error-icon--right-align']]: isRightAligned,
+      [styles$F['data-table-cell__error-icon--left-align']]: !isRightAligned
     })
   }, React__default.createElement(IconTimesOctagon, {
     size: "medium",
@@ -9472,17 +9472,17 @@ const DataTableCellElement = ({
   }));
   const TableCell = React__default.createElement("td", {
     className: classnames({
-      [styles$E['data-table-cell--invalid']]: hasError,
-      [styles$E['data-table-cell--no-padding']]: _noPadding,
-      [styles$E['data-table-cell--vertical-border']]: hasVerticalBorders
-    }, styles$E['data-table-cell']),
+      [styles$F['data-table-cell--invalid']]: hasError,
+      [styles$F['data-table-cell--no-padding']]: _noPadding,
+      [styles$F['data-table-cell--vertical-border']]: hasVerticalBorders
+    }, styles$F['data-table-cell']),
     colSpan: colSpan,
     ref: ref
   }, React__default.createElement("div", {
-    className: classnames(styles$E['data-table-cell__content'], {
-      [styles$E['data-table-cell__content--with-error']]: hasError,
-      [styles$E['data-table-cell__content--right-align']]: isRightAligned,
-      [styles$E['data-table-cell__content--loading']]: state === DATA_TABLE_STATES.BACKGROUND_LOADING
+    className: classnames(styles$F['data-table-cell__content'], {
+      [styles$F['data-table-cell__content--with-error']]: hasError,
+      [styles$F['data-table-cell__content--right-align']]: isRightAligned,
+      [styles$F['data-table-cell__content--loading']]: state === DATA_TABLE_STATES.BACKGROUND_LOADING
     })
   }, isRightAligned && icon, children, !isRightAligned && icon));
   return React__default.createElement(Tooltip, {
@@ -9506,7 +9506,7 @@ const DataTableRowActions = ({
   return React__default.createElement(DataTableCell, {
     columnIndex: columnIndex
   }, React__default.createElement("div", {
-    className: styles$F['actions'],
+    className: styles$G['actions'],
     "data-testid": "data-table-dropdown-menu"
   }, state === 'SKELETON_LOADING' && React__default.createElement(Skeleton, {
     width: 45
@@ -9519,7 +9519,7 @@ const DataTableRowActions = ({
   })));
 };
 
-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 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"};
 
 const DataTableEditableCellElement = ({
   name,
@@ -9568,8 +9568,8 @@ const DataTableEditableCellElement = ({
   };
   const EditableCell = React__default.createElement("div", {
     className: classnames({
-      [styles$D['data-table-editable-cell--currency']]: _type === 'currency'
-    }, styles$D['data-table-editable-cell']),
+      [styles$E['data-table-editable-cell--currency']]: _type === 'currency'
+    }, styles$E['data-table-editable-cell']),
     "data-testid": testId,
     role: "cell"
   }, React__default.createElement(Field, _extends({}, fieldProps), React__default.createElement(AffixContainer, {
@@ -9579,12 +9579,12 @@ const DataTableEditableCellElement = ({
     name: name,
     id: controllers.id,
     className: classnames({
-      [styles$D['data-table-editable-cell--right-aligned']]: isRightAligned,
-      [styles$D['data-table-editable-cell--top-left']]: isTopLeftCell,
-      [styles$D['data-table-editable-cell--top-right']]: isTopRightCell,
-      [styles$D['data-table-editable-cell--bottom-left']]: isBottomLeftCell,
-      [styles$D['data-table-editable-cell--bottom-right']]: isBottomRightCell,
-      [styles$D['data-table-editable-cell--invalid']]: hasError
+      [styles$E['data-table-editable-cell--right-aligned']]: isRightAligned,
+      [styles$E['data-table-editable-cell--top-left']]: isTopLeftCell,
+      [styles$E['data-table-editable-cell--top-right']]: isTopRightCell,
+      [styles$E['data-table-editable-cell--bottom-left']]: isBottomLeftCell,
+      [styles$E['data-table-editable-cell--bottom-right']]: isBottomRightCell,
+      [styles$E['data-table-editable-cell--invalid']]: hasError
     }),
     type: _type === 'currency' ? 'number' : 'text',
     step: _type === 'currency' ? 'any' : '',
@@ -9629,9 +9629,9 @@ const DataTableRowComponent = (_ref, ref) => {
   const {
     showActionMenu
   } = useDataTableContext();
-  const styleNames = classnames(styles$G['data-table-row'], {
-    [styles$G['data-table-row--clickable']]: onClick,
-    [styles$G['data-table-row--selected']]: isSelected
+  const styleNames = classnames(styles$H['data-table-row'], {
+    [styles$H['data-table-row--clickable']]: onClick,
+    [styles$H['data-table-row--selected']]: isSelected
   });
   const renderColumn = (columnElement, index) => {
     const isUsingDataTableCell = columnElement && typeof columnElement === 'object' && 'type' in columnElement && (columnElement == null ? void 0 : columnElement.type) === DataTableCell;
@@ -9683,7 +9683,7 @@ const DataTableLoadingBlock = ({
   }, React__default.createElement(Skeleton, null), React__default.createElement("span", null))), React__default.createElement("span", null), React__default.createElement("span", null))));
 };
 
-var css_248z = ".data-table-default-item-component {\n  flex: 1;\n}\n/*# sourceMappingURL=data:application/json;base64,eyJ2ZXJzaW9uIjozLCJzb3VyY2VzIjpbImRhdGEtdGFibGUtZGVmYXVsdC1pdGVtLWNvbXBvbmVudC5zY3NzIl0sIm5hbWVzIjpbXSwibWFwcGluZ3MiOiJBQUFBO0VBQ0UsT0FBTztBQUNUIiwiZmlsZSI6ImRhdGEtdGFibGUtZGVmYXVsdC1pdGVtLWNvbXBvbmVudC5zY3NzIiwic291cmNlc0NvbnRlbnQiOlsiLmRhdGEtdGFibGUtZGVmYXVsdC1pdGVtLWNvbXBvbmVudCB7XG4gIGZsZXg6IDE7XG59Il19 */";
+var styles$D = {"data-table-default-item-component":"_dt8F7"};
 
 const DataTableDefaultItemComponent = ({
   columns,
@@ -9697,7 +9697,7 @@ const DataTableDefaultItemComponent = ({
     testId: testId
   }, columnsToShow.map(headingKey => React__default.createElement("div", {
     key: headingKey,
-    className: css_248z['data-table-default-item-component']
+    className: styles$D['data-table-default-item-component']
   }, item.hasOwnProperty(headingKey) ? item[headingKey] : '')));
 };
 
@@ -10116,7 +10116,7 @@ const DataTable = _ref => {
       return null;
     }
     return React__default.createElement("div", {
-      className: styles$O['data-table__pagination-controls'],
+      className: styles$P['data-table__pagination-controls'],
       "data-testid": testId && `${testId}-pagination-controls`
     }, React__default.createElement(PaginationControls, {
       hasPrevious: isLoading ? false : hasPrevious,
@@ -10139,7 +10139,7 @@ const DataTable = _ref => {
       tableId
     }
   }, React__default.createElement("div", {
-    className: classnames(styles$O['data-table']),
+    className: classnames(styles$P['data-table']),
     ref: tableRef,
     style: positionStyles
   }, React__default.createElement(DataTableStickyColumnsContainer, {
@@ -10150,24 +10150,24 @@ const DataTable = _ref => {
     placement: "top",
     isShowingColumns: !!isShowingColumns
   }), React__default.createElement("div", {
-    className: classnames(styles$O['data-table__content'], {
-      [styles$O['data-table__content--with-scroll']]: isScrollableTable
+    className: classnames(styles$P['data-table__content'], {
+      [styles$P['data-table__content--with-scroll']]: isScrollableTable
     }),
     style: conditionalStyles,
     id: `${tableId}-content`
   }, state === DATA_TABLE_STATES.BACKGROUND_LOADING && React__default.createElement("div", {
-    className: styles$O['data-table__background-loading']
+    className: styles$P['data-table__background-loading']
   }, React__default.createElement(Spinner, null)), React__default.createElement("table", _extends({
-    className: classnames(styles$O['data-table__table'], {
-      [styles$O['data-table__table--no-columns']]: !isShowingColumns
+    className: classnames(styles$P['data-table__table'], {
+      [styles$P['data-table__table--no-columns']]: !isShowingColumns
     })
   }, dataProps), columns && isShowingColumns && React__default.createElement(DataTableHeader, {
     columns: columns,
     onSort: onSort,
     showActionMenu: isShowingContent && showActionMenu
   }), React__default.createElement("tbody", {
-    className: classnames(styles$O['data-table__body'], {
-      [styles$O['data-table__body--no-bottom-radius']]: isShowingFooter && isShowingContent
+    className: classnames(styles$P['data-table__body'], {
+      [styles$P['data-table__body--no-bottom-radius']]: isShowingFooter && isShowingContent
     }),
     "data-testid": testId
   }, isShowingContent && content.map((item, index) => {
@@ -10186,7 +10186,7 @@ const DataTable = _ref => {
   }), state === DATA_TABLE_STATES.SKELETON_LOADING && React__default.createElement(React__default.Fragment, null, skeletonRows.map((_, index) => React__default.createElement(SkeletonRow, {
     key: index
   })))), isShowingFooter && isShowingContent && React__default.createElement("tfoot", {
-    className: styles$O['data-table__footer'],
+    className: styles$P['data-table__footer'],
     "data-testid": testId && `${testId}-footer`
   }, footerComponent)))), !isShowingFooter && isScrollableTable && React__default.createElement(DataTableScrollFakeBorder, {
     placement: "bottom",
@@ -10734,7 +10734,7 @@ function CustomMenu(_ref) {
     flex: [1],
     flexItems: true
   }, React__default.createElement("input", {
-    className: classnames(styles$18['text-field'], styles$t['custom-menu-text-field']),
+    className: classnames(styles$19['text-field'], styles$t['custom-menu-text-field']),
     autoCorrect: "off",
     autoComplete: "off",
     spellCheck: "false",
@@ -12461,9 +12461,9 @@ const DateRangeCalendar = ({
   const DAYS = getDays(translate);
   const MONTH_NAMES = getMonths(translate);
   return React__default.createElement(Portal, null, React__default.createElement("div", {
-    className: styles$T['calendar']
+    className: styles$U['calendar']
   }, React__default.createElement("div", {
-    className: styles$T['calendar__overlay'],
+    className: styles$U['calendar__overlay'],
     ref: ref => setCalendarRef(ref),
     style: _extends({}, calendarPosition, {
       zIndex: getZIndex('dropdown')
@@ -13468,8 +13468,8 @@ const usePhoneField = ({
     'aria-describedby': hasError ? `${controllers.id}-error-message` : `${controllers.id}-describer`,
     'aria-invalid': hasError,
     autoFocus,
-    className: classnames(styles$18['text-field'], {
-      [styles$18['text-field--invalid']]: hasError
+    className: classnames(styles$19['text-field'], {
+      [styles$19['text-field--invalid']]: hasError
     }),
     'data-testid': testId,
     disabled,