@carbon/react 1.87.0-rc.0 → 1.87.1-rc.0

package/lib/components/Notification/Notification.js

@@ -7,8 +7,6 @@
 
 'use strict';
 
-Object.defineProperty(exports, '__esModule', { value: true });
-
 var _rollupPluginBabelHelpers = require('../../_virtual/_rollupPluginBabelHelpers.js');
 var PropTypes = require('prop-types');
 var React = require('react');
@@ -31,12 +29,6 @@ var warning = require('../../internal/warning.js');
 var deprecateValuesWithin = require('../../prop-types/deprecateValuesWithin.js');
 var Text = require('../Text/Text.js');
 
-function _interopDefaultLegacy (e) { return e && typeof e === 'object' && 'default' in e ? e : { 'default': e }; }
-
-var PropTypes__default = /*#__PURE__*/_interopDefaultLegacy(PropTypes);
-var React__default = /*#__PURE__*/_interopDefaultLegacy(React);
-var cx__default = /*#__PURE__*/_interopDefaultLegacy(cx);
-
 /**
  * Conditionally call a callback when the escape key is pressed
  * @param {node} ref - ref of the container element to scope the functionality to
@@ -51,7 +43,7 @@ function useEscapeToClose(ref, callback, override = true) {
       callback(event);
     }
   };
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (ref.current !== null) {
       document.addEventListener('keydown', handleKeyDown, false);
     }
@@ -66,10 +58,10 @@ function NotificationActionButton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const className = cx__default["default"](customClassName, {
+  const className = cx(customClassName, {
     [`${prefix}--actionable-notification__action-button`]: true
   });
-  return /*#__PURE__*/React__default["default"].createElement(Button["default"], _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement(Button.default, _rollupPluginBabelHelpers.extends({
     className: className,
     kind: inline ? 'ghost' : 'tertiary',
     onClick: onClick,
@@ -80,19 +72,19 @@ NotificationActionButton.propTypes = {
   /**
    * Specify the content of the notification action button.
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the notification action button
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if the visual treatment of the button should be for an inline notification
    */
-  inline: PropTypes__default["default"].bool,
+  inline: PropTypes.bool,
   /**
    * Optionally specify a click handler for the notification action button.
    */
-  onClick: PropTypes__default["default"].func
+  onClick: PropTypes.func
 };
 
 /**
@@ -111,19 +103,19 @@ function NotificationButton({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const buttonClassName = cx__default["default"](className, {
+  const buttonClassName = cx(className, {
     [`${prefix}--${notificationType}-notification__close-button`]: notificationType
   });
-  const iconClassName = cx__default["default"]({
+  const iconClassName = cx({
     [`${prefix}--${notificationType}-notification__close-icon`]: notificationType
   });
-  return /*#__PURE__*/React__default["default"].createElement("button", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("button", _rollupPluginBabelHelpers.extends({}, rest, {
     // eslint-disable-next-line react/button-has-type
     type: type,
     "aria-label": deprecatedAriaLabel || ariaLabel,
     title: deprecatedAriaLabel || ariaLabel,
     className: buttonClassName
-  }), IconTag && /*#__PURE__*/React__default["default"].createElement(IconTag, {
+  }), IconTag && /*#__PURE__*/React.createElement(IconTag, {
     className: iconClassName,
     name: name
   }));
@@ -132,33 +124,33 @@ NotificationButton.propTypes = {
   /**
    * Specify a label to be read by screen readers on the container node
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Specify a label to be read by screen readers on the container note.
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Specify an optional className to be applied to the notification button
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify an optional icon for the Button through a string,
    * if something but regular "close" icon is desirable
    */
-  name: PropTypes__default["default"].string,
+  name: PropTypes.string,
   /**
    * Specify the notification type
    */
-  notificationType: PropTypes__default["default"].oneOf(['toast', 'inline', 'actionable']),
+  notificationType: PropTypes.oneOf(['toast', 'inline', 'actionable']),
   /**
    * A component used to render an icon.
    */
-  renderIcon: PropTypes__default["default"].oneOfType([PropTypes__default["default"].func, PropTypes__default["default"].object]),
+  renderIcon: PropTypes.oneOfType([PropTypes.func, PropTypes.object]),
   /**
    * Optional prop to specify the type of the Button
    */
-  type: PropTypes__default["default"].string
+  type: PropTypes.string
 };
 
 /**
@@ -184,15 +176,15 @@ function NotificationIcon({
   if (!IconForKind) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement(IconForKind, {
+  return /*#__PURE__*/React.createElement(IconForKind, {
     className: `${prefix}--${notificationType}-notification__icon`,
     size: 20
-  }, /*#__PURE__*/React__default["default"].createElement("title", null, iconDescription));
+  }, /*#__PURE__*/React.createElement("title", null, iconDescription));
 }
 NotificationIcon.propTypes = {
-  iconDescription: PropTypes__default["default"].string.isRequired,
-  kind: PropTypes__default["default"].oneOf(['error', 'success', 'warning', 'warning-alt', 'info', 'info-square']).isRequired,
-  notificationType: PropTypes__default["default"].oneOf(['inline', 'toast']).isRequired
+  iconDescription: PropTypes.string.isRequired,
+  kind: PropTypes.oneOf(['error', 'success', 'warning', 'warning-alt', 'info', 'info-square']).isRequired,
+  notificationType: PropTypes.oneOf(['inline', 'toast']).isRequired
 };
 
 /**
@@ -221,7 +213,7 @@ function ToastNotification({
 }) {
   const [isOpen, setIsOpen] = React.useState(true);
   const prefix = usePrefix.usePrefix();
-  const containerClassName = cx__default["default"](className, {
+  const containerClassName = cx(className, {
     [`${prefix}--toast-notification`]: true,
     [`${prefix}--toast-notification--low-contrast`]: lowContrast,
     [`${prefix}--toast-notification--${kind}`]: kind
@@ -259,28 +251,28 @@ function ToastNotification({
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     ref: ref
   }, rest, {
     role: role,
     className: containerClassName
-  }), /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
+  }), /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: "toast",
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: contentRef,
     className: `${prefix}--toast-notification__details`
-  }, title && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--toast-notification__title`
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--toast-notification__subtitle`
-  }, subtitle), caption && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, subtitle), caption && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--toast-notification__caption`
-  }, caption), children), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
+  }, caption), children), !hideCloseButton && /*#__PURE__*/React.createElement(NotificationButton, {
     notificationType: "toast",
     onClick: handleCloseButtonClick,
     "aria-label": deprecatedAriaLabel || ariaLabel
@@ -290,65 +282,65 @@ ToastNotification.propTypes = {
   /**
    * Provide a description for "close" icon button that can be read by screen readers
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Provide a description for "close" icon button that can be read by screen readers
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Specify the caption
    */
-  caption: PropTypes__default["default"].string,
+  caption: PropTypes.string,
   /**
    * Specify the content
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the notification box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the close button should be disabled, or not
    */
-  hideCloseButton: PropTypes__default["default"].bool,
+  hideCloseButton: PropTypes.bool,
   /**
    * Specify what state the notification represents
    */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
+  kind: PropTypes.oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
   /**
    * Specify whether you are using the low contrast variant of the ToastNotification.
    */
-  lowContrast: PropTypes__default["default"].bool,
+  lowContrast: PropTypes.bool,
   /**
    * Provide a function that is called when menu is closed
    */
-  onClose: PropTypes__default["default"].func,
+  onClose: PropTypes.func,
   /**
    * Provide a function that is called when the close button is clicked
    */
-  onCloseButtonClick: PropTypes__default["default"].func,
+  onCloseButtonClick: PropTypes.func,
   /**
    * By default, this value is "status". You can also provide an alternate
    * role if it makes sense from the accessibility-side
    */
-  role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
+  role: PropTypes.oneOf(['alert', 'log', 'status']),
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
-  statusIconDescription: PropTypes__default["default"].string,
+  statusIconDescription: PropTypes.string,
   /**
    * Specify the subtitle
    */
-  subtitle: PropTypes__default["default"].string,
+  subtitle: PropTypes.string,
   /**
    * Specify an optional duration the notification should be closed in
    */
-  timeout: PropTypes__default["default"].number,
+  timeout: PropTypes.number,
   /**
    * Specify the title
    */
-  title: PropTypes__default["default"].string
+  title: PropTypes.string
 };
 
 /**
@@ -373,7 +365,7 @@ function InlineNotification({
 }) {
   const [isOpen, setIsOpen] = React.useState(true);
   const prefix = usePrefix.usePrefix();
-  const containerClassName = cx__default["default"](className, {
+  const containerClassName = cx(className, {
     [`${prefix}--inline-notification`]: true,
     [`${prefix}--inline-notification--low-contrast`]: lowContrast,
     [`${prefix}--inline-notification--${kind}`]: kind,
@@ -394,27 +386,27 @@ function InlineNotification({
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({
     ref: ref
   }, rest, {
     role: role,
     className: containerClassName
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--inline-notification__details`
-  }, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
+  }, /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: "inline",
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: contentRef,
     className: `${prefix}--inline-notification__text-wrapper`
-  }, title && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--inline-notification__title`
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--inline-notification__subtitle`
-  }, subtitle), children)), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
+  }, subtitle), children)), !hideCloseButton && /*#__PURE__*/React.createElement(NotificationButton, {
     notificationType: "inline",
     onClick: handleCloseButtonClick,
     "aria-label": ariaLabel
@@ -424,52 +416,52 @@ InlineNotification.propTypes = {
   /**
    * Provide a description for "close" icon button that can be read by screen readers
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Specify the content
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the notification box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify the close button should be disabled, or not
    */
-  hideCloseButton: PropTypes__default["default"].bool,
+  hideCloseButton: PropTypes.bool,
   /**
    * Specify what state the notification represents
    */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
+  kind: PropTypes.oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
   /**
    * Specify whether you are using the low contrast variant of the InlineNotification.
    */
-  lowContrast: PropTypes__default["default"].bool,
+  lowContrast: PropTypes.bool,
   /**
    * Provide a function that is called when menu is closed
    */
-  onClose: PropTypes__default["default"].func,
+  onClose: PropTypes.func,
   /**
    * Provide a function that is called when the close button is clicked
    */
-  onCloseButtonClick: PropTypes__default["default"].func,
+  onCloseButtonClick: PropTypes.func,
   /**
    * By default, this value is "status". You can also provide an alternate
    * role if it makes sense from the accessibility-side.
    */
-  role: PropTypes__default["default"].oneOf(['alert', 'log', 'status']),
+  role: PropTypes.oneOf(['alert', 'log', 'status']),
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
-  statusIconDescription: PropTypes__default["default"].string,
+  statusIconDescription: PropTypes.string,
   /**
    * Specify the subtitle
    */
-  subtitle: PropTypes__default["default"].string,
+  subtitle: PropTypes.string,
   /**
    * Specify the title
    */
-  title: PropTypes__default["default"].string
+  title: PropTypes.string
 };
 
 /**
@@ -503,7 +495,7 @@ function ActionableNotification({
   const prefix = usePrefix.usePrefix();
   const id = useId.useId('actionable-notification');
   const subtitleId = useId.useId('actionable-notification-subtitle');
-  const containerClassName = cx__default["default"](className, {
+  const containerClassName = cx(className, {
     [`${prefix}--actionable-notification`]: true,
     [`${prefix}--actionable-notification--toast`]: !inline,
     [`${prefix}--actionable-notification--low-contrast`]: lowContrast,
@@ -515,7 +507,7 @@ function ActionableNotification({
   const endTrap = React.useRef(null);
   const ref = React.useRef(null);
   const focusTrapWithoutSentinels = index.useFeatureFlag('enable-experimental-focus-wrap-without-sentinels');
-  useIsomorphicEffect["default"](() => {
+  useIsomorphicEffect.default(() => {
     if (hasFocus && role === 'alertdialog') {
       const button = document.querySelector('button.cds--actionable-notification__action-button');
       button?.focus();
@@ -566,47 +558,47 @@ function ActionableNotification({
   if (!isOpen) {
     return null;
   }
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     ref: ref,
     role: role,
     className: containerClassName,
     "aria-labelledby": title ? id : subtitleId,
     onBlur: !focusTrapWithoutSentinels ? handleBlur : () => {},
     onKeyDown: focusTrapWithoutSentinels ? handleKeyDown : () => {}
-  }), !focusTrapWithoutSentinels && /*#__PURE__*/React__default["default"].createElement("span", {
+  }), !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
     ref: startTrap,
     tabIndex: 0,
     role: "link",
     className: `${prefix}--visually-hidden`
-  }, "Focus sentinel"), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, "Focus sentinel"), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__details`
-  }, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
+  }, /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: inline ? 'inline' : 'toast',
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__text-wrapper`
-  }, /*#__PURE__*/React__default["default"].createElement("div", {
+  }, /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__content`
-  }, title && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--actionable-notification__title`,
     id: id
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--actionable-notification__subtitle`,
     id: subtitleId
-  }, subtitle), children))), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, subtitle), children))), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__button-wrapper`,
     ref: innerModal
-  }, actionButtonLabel && /*#__PURE__*/React__default["default"].createElement(NotificationActionButton, {
+  }, actionButtonLabel && /*#__PURE__*/React.createElement(NotificationActionButton, {
     onClick: onActionButtonClick,
     inline: inline
-  }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React__default["default"].createElement(NotificationButton, {
+  }, actionButtonLabel), !hideCloseButton && /*#__PURE__*/React.createElement(NotificationButton, {
     "aria-label": deprecatedAriaLabel || ariaLabel,
     notificationType: "actionable",
     onClick: handleCloseButtonClick
-  })), !focusTrapWithoutSentinels && /*#__PURE__*/React__default["default"].createElement("span", {
+  })), !focusTrapWithoutSentinels && /*#__PURE__*/React.createElement("span", {
     ref: endTrap,
     tabIndex: 0,
     role: "link",
@@ -617,79 +609,79 @@ ActionableNotification.propTypes = {
   /**
    * Pass in the action button label that will be rendered within the ActionableNotification.
    */
-  actionButtonLabel: PropTypes__default["default"].string,
+  actionButtonLabel: PropTypes.string,
   /**
    * Provide a description for "close" icon button that can be read by screen readers
    */
-  ['aria-label']: PropTypes__default["default"].string,
+  ['aria-label']: PropTypes.string,
   /**
    * Deprecated, please use `aria-label` instead.
    * Provide a description for "close" icon button that can be read by screen readers
    */
-  ariaLabel: deprecate.deprecate(PropTypes__default["default"].string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
+  ariaLabel: deprecate.deprecate(PropTypes.string, 'This prop syntax has been deprecated. Please use the new `aria-label`.'),
   /**
    * Specify the content
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the notification box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify if pressing the escape key should close notifications
    */
-  closeOnEscape: PropTypes__default["default"].bool,
+  closeOnEscape: PropTypes.bool,
   /**
    * Specify if focus should be moved to the component when the notification contains actions
    */
-  hasFocus: deprecate.deprecate(PropTypes__default["default"].bool, 'hasFocus is deprecated. To conform to accessibility requirements hasFocus ' + 'should always be `true` for ActionableNotification. If you were ' + 'setting this prop to `false`, consider using the Callout component instead.'),
+  hasFocus: deprecate.deprecate(PropTypes.bool, 'hasFocus is deprecated. To conform to accessibility requirements hasFocus ' + 'should always be `true` for ActionableNotification. If you were ' + 'setting this prop to `false`, consider using the Callout component instead.'),
   /**
    * Specify the close button should be disabled, or not
    */
-  hideCloseButton: PropTypes__default["default"].bool,
+  hideCloseButton: PropTypes.bool,
   /*
    * Specify if the notification should have inline styling applied instead of toast
    */
-  inline: PropTypes__default["default"].bool,
+  inline: PropTypes.bool,
   /**
    * Specify what state the notification represents
    */
-  kind: PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
+  kind: PropTypes.oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']),
   /**
    * Specify whether you are using the low contrast variant of the ActionableNotification.
    */
-  lowContrast: PropTypes__default["default"].bool,
+  lowContrast: PropTypes.bool,
   /**
    * Provide a function that is called when the action is clicked
    */
-  onActionButtonClick: PropTypes__default["default"].func,
+  onActionButtonClick: PropTypes.func,
   /**
    * Provide a function that is called when menu is closed
    */
-  onClose: PropTypes__default["default"].func,
+  onClose: PropTypes.func,
   /**
    * Provide a function that is called when the close button is clicked
    */
-  onCloseButtonClick: PropTypes__default["default"].func,
+  onCloseButtonClick: PropTypes.func,
   /**
    * Provide an accessible role to be used. Defaults to `alertdialog`. Any other
    * value will disable the wrapping of focus. To remain accessible, additional
    * work is required. See the storybook docs for more info:
    * https://react.carbondesignsystem.com/?path=/docs/components-notifications-actionable--overview#using-the-role-prop
    */
-  role: PropTypes__default["default"].string,
+  role: PropTypes.string,
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
-  statusIconDescription: PropTypes__default["default"].string,
+  statusIconDescription: PropTypes.string,
   /**
    * Specify the subtitle
    */
-  subtitle: PropTypes__default["default"].node,
+  subtitle: PropTypes.node,
   /**
    * Specify the title
    */
-  title: PropTypes__default["default"].string
+  title: PropTypes.string
 };
 
 /**
@@ -724,7 +716,7 @@ function Callout({
   ...rest
 }) {
   const prefix = usePrefix.usePrefix();
-  const containerClassName = cx__default["default"](className, {
+  const containerClassName = cx(className, {
     [`${prefix}--actionable-notification`]: true,
     [`${prefix}--actionable-notification--low-contrast`]: lowContrast,
     [`${prefix}--actionable-notification--${kind}`]: kind,
@@ -732,27 +724,27 @@ function Callout({
   });
   const childrenContainer = React.useRef(null);
   useNoInteractiveChildren.useInteractiveChildrenNeedDescription(childrenContainer, `interactive child node(s) should have an \`aria-describedby\` property with a value matching the value of \`titleId\``);
-  return /*#__PURE__*/React__default["default"].createElement("div", _rollupPluginBabelHelpers["extends"]({}, rest, {
+  return /*#__PURE__*/React.createElement("div", _rollupPluginBabelHelpers.extends({}, rest, {
     className: containerClassName
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__details`
-  }, /*#__PURE__*/React__default["default"].createElement(NotificationIcon, {
+  }, /*#__PURE__*/React.createElement(NotificationIcon, {
     notificationType: "inline",
     kind: kind,
     iconDescription: statusIconDescription || `${kind} icon`
-  }), /*#__PURE__*/React__default["default"].createElement("div", {
+  }), /*#__PURE__*/React.createElement("div", {
     ref: childrenContainer,
     className: `${prefix}--actionable-notification__text-wrapper`
-  }, title && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     id: titleId,
     className: `${prefix}--actionable-notification__title`
-  }, title), subtitle && /*#__PURE__*/React__default["default"].createElement(Text.Text, {
+  }, title), subtitle && /*#__PURE__*/React.createElement(Text.Text, {
     as: "div",
     className: `${prefix}--actionable-notification__subtitle`
-  }, subtitle), children)), /*#__PURE__*/React__default["default"].createElement("div", {
+  }, subtitle), children)), /*#__PURE__*/React.createElement("div", {
     className: `${prefix}--actionable-notification__button-wrapper`
-  }, actionButtonLabel && /*#__PURE__*/React__default["default"].createElement(NotificationActionButton, {
+  }, actionButtonLabel && /*#__PURE__*/React.createElement(NotificationActionButton, {
     onClick: onActionButtonClick,
     "aria-describedby": titleId,
     inline: true
@@ -762,43 +754,43 @@ Callout.propTypes = {
   /**
    * Pass in the action button label that will be rendered within the ActionableNotification.
    */
-  actionButtonLabel: PropTypes__default["default"].string,
+  actionButtonLabel: PropTypes.string,
   /**
    * Specify the content
    */
-  children: PropTypes__default["default"].node,
+  children: PropTypes.node,
   /**
    * Specify an optional className to be applied to the notification box
    */
-  className: PropTypes__default["default"].string,
+  className: PropTypes.string,
   /**
    * Specify what state the notification represents
    */
-  kind: deprecateValuesWithin["default"](PropTypes__default["default"].oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']), ['warning', 'info'], propMappingFunction),
+  kind: deprecateValuesWithin.default(PropTypes.oneOf(['error', 'info', 'info-square', 'success', 'warning', 'warning-alt']), ['warning', 'info'], propMappingFunction),
   /**
    * Specify whether you are using the low contrast variant of the Callout.
    */
-  lowContrast: PropTypes__default["default"].bool,
+  lowContrast: PropTypes.bool,
   /**
    * Provide a function that is called when the action is clicked
    */
-  onActionButtonClick: PropTypes__default["default"].func,
+  onActionButtonClick: PropTypes.func,
   /**
    * Provide a description for "status" icon that can be read by screen readers
    */
-  statusIconDescription: PropTypes__default["default"].string,
+  statusIconDescription: PropTypes.string,
   /**
    * Specify the subtitle
    */
-  subtitle: PropTypes__default["default"].node,
+  subtitle: PropTypes.node,
   /**
    * Specify the title
    */
-  title: PropTypes__default["default"].string,
+  title: PropTypes.string,
   /**
    * Specify the id for the element containing the title
    */
-  titleId: PropTypes__default["default"].string
+  titleId: PropTypes.string
 };
 
 // In renaming StaticNotification to Callout, the legacy StaticNotification
@@ -817,7 +809,7 @@ const StaticNotification = props => {
     process.env.NODE_ENV !== "production" ? warning.warning(didWarnAboutDeprecation, '`StaticNotification` has been renamed to `Callout`.' + 'Run the following codemod to automatically update usages in your' + 'project: `npx @carbon/upgrade migrate refactor-to-callout --write`') : void 0;
     didWarnAboutDeprecation = true;
   }
-  return /*#__PURE__*/React__default["default"].createElement(Callout, props);
+  return /*#__PURE__*/React.createElement(Callout, props);
 };
 
 exports.ActionableNotification = ActionableNotification;