@kaizen/components 3.3.1 → 3.3.3

package/dist/esm/src/MultiSelect/subcomponents/Popover/Popover.mjs

@@ -1,49 +1,46 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { createPortal } from 'react-dom';
 import { useFloating, autoUpdate, offset, flip, size } from '@floating-ui/react-dom';
 import classnames from 'classnames';
 import { FocusOn } from 'react-focus-on';
 import modules_ef8f756f from './Popover.module.scss.mjs';
-const Popover = /*#__PURE__*/function () {
-  const Popover = function (_a) {
-    var children = _a.children,
-      refs = _a.refs,
-      floatingOptions = _a.floatingOptions,
-      focusOnProps = _a.focusOnProps,
-      portalContainer = _a.portalContainer,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["children", "refs", "floatingOptions", "focusOnProps", "portalContainer", "classNameOverride"]);
-    var floatingStyles = useFloating(__assign({
-      elements: {
-        reference: refs.reference.current,
-        floating: refs.floating.current
-      },
-      placement: 'bottom-start',
-      middleware: [offset(6), flip(), size({
-        apply: function (_a) {
-          var availableWidth = _a.availableWidth,
-            availableHeight = _a.availableHeight,
-            elements = _a.elements;
-          Object.assign(elements.floating.style, {
-            maxWidth: "".concat(Math.min(availableWidth, 400), "px"),
-            minWidth: "".concat(Math.min(availableWidth, 196), "px"),
-            maxHeight: "".concat(Math.min(availableHeight, 352), "px")
-          });
-        }
-      })],
-      whileElementsMounted: autoUpdate
-    }, floatingOptions)).floatingStyles;
-    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(FocusOn, __assign({
-      enabled: false,
-      scrollLock: false
-    }, focusOnProps), /*#__PURE__*/React.createElement("div", __assign({
-      ref: refs.setFloating,
-      style: floatingStyles,
-      className: classnames(modules_ef8f756f.popover, classNameOverride)
-    }, restProps), children)), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
-  };
-  Popover.displayName = 'Popover';
-  return Popover;
-}();
+var Popover = function (_a) {
+  var children = _a.children,
+    refs = _a.refs,
+    floatingOptions = _a.floatingOptions,
+    focusOnProps = _a.focusOnProps,
+    portalContainer = _a.portalContainer,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["children", "refs", "floatingOptions", "focusOnProps", "portalContainer", "classNameOverride"]);
+  var floatingStyles = useFloating(__assign({
+    elements: {
+      reference: refs.reference.current,
+      floating: refs.floating.current
+    },
+    placement: 'bottom-start',
+    middleware: [offset(6), flip(), size({
+      apply: function (_a) {
+        var availableWidth = _a.availableWidth,
+          availableHeight = _a.availableHeight,
+          elements = _a.elements;
+        Object.assign(elements.floating.style, {
+          maxWidth: "".concat(Math.min(availableWidth, 400), "px"),
+          minWidth: "".concat(Math.min(availableWidth, 196), "px"),
+          maxHeight: "".concat(Math.min(availableHeight, 352), "px")
+        });
+      }
+    })],
+    whileElementsMounted: autoUpdate
+  }, floatingOptions)).floatingStyles;
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement(FocusOn, __assign({
+    enabled: false,
+    scrollLock: false
+  }, focusOnProps), /*#__PURE__*/React__default.createElement("div", __assign({
+    ref: refs.setFloating,
+    style: floatingStyles,
+    className: classnames(modules_ef8f756f.popover, classNameOverride)
+  }, restProps), children)), portalContainer !== null && portalContainer !== void 0 ? portalContainer : document.body);
+};
+Popover.displayName = 'Popover';
 export { Popover };

package/dist/esm/src/Notification/GlobalNotification/GlobalNotification.mjs

@@ -1,22 +1,19 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { GenericNotification } from '../subcomponents/GenericNotification/GenericNotification.mjs';
 
 /**
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082060757/Global+Notification Guidance} |
  * {@link https://cultureamp.design/?path=/docs/components-notifications-global-notification--docs Storybook}
  */
-const GlobalNotification = /*#__PURE__*/function () {
-  const GlobalNotification = function (_a) {
-    var _b = _a.persistent,
-      persistent = _b === void 0 ? false : _b,
-      props = __rest(_a, ["persistent"]);
-    return /*#__PURE__*/React.createElement(GenericNotification, __assign({
-      persistent: persistent,
-      style: "global"
-    }, props));
-  };
-  GlobalNotification.displayName = 'GlobalNotification';
-  return GlobalNotification;
-}();
+var GlobalNotification = function (_a) {
+  var _b = _a.persistent,
+    persistent = _b === void 0 ? false : _b,
+    props = __rest(_a, ["persistent"]);
+  return /*#__PURE__*/React__default.createElement(GenericNotification, __assign({
+    persistent: persistent,
+    style: "global"
+  }, props));
+};
+GlobalNotification.displayName = 'GlobalNotification';
 export { GlobalNotification };

package/dist/esm/src/Notification/InlineNotification/InlineNotification.mjs

@@ -1,5 +1,5 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef } from 'react';
+import React__default, { forwardRef } from 'react';
 import classnames from 'classnames';
 import { GenericNotification } from '../subcomponents/GenericNotification/GenericNotification.mjs';
 import modules_f5422433 from '../subcomponents/GenericNotification/GenericNotification.module.css.mjs';
@@ -8,23 +8,20 @@ import modules_f5422433 from '../subcomponents/GenericNotification/GenericNotifi
  * {@link https://cultureamp.atlassian.net/wiki/spaces/DesignSystem/pages/3082093392/Inline+Notification Guidance} |
  * {@link https://cultureamp.design/storybook/?path=/docs/components-notifications-inline-notification--docs Storybook}
  */
-const InlineNotification = /*#__PURE__*/function () {
-  const InlineNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var isSubtle = _a.isSubtle,
-      _b = _a.hideCloseIcon,
-      hideCloseIcon = _b === void 0 ? false : _b,
-      _c = _a.persistent,
-      persistent = _c === void 0 ? false : _c,
-      classNameOverride = _a.classNameOverride,
-      otherProps = __rest(_a, ["isSubtle", "hideCloseIcon", "persistent", "classNameOverride"]);
-    return /*#__PURE__*/React.createElement(GenericNotification, __assign({
-      style: "inline",
-      persistent: persistent || hideCloseIcon,
-      classNameOverride: classnames(classNameOverride, [isSubtle && modules_f5422433.subtle]),
-      ref: ref
-    }, otherProps));
-  });
-  InlineNotification.displayName = 'InlineNotification';
-  return InlineNotification;
-}();
+var InlineNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var isSubtle = _a.isSubtle,
+    _b = _a.hideCloseIcon,
+    hideCloseIcon = _b === void 0 ? false : _b,
+    _c = _a.persistent,
+    persistent = _c === void 0 ? false : _c,
+    classNameOverride = _a.classNameOverride,
+    otherProps = __rest(_a, ["isSubtle", "hideCloseIcon", "persistent", "classNameOverride"]);
+  return /*#__PURE__*/React__default.createElement(GenericNotification, __assign({
+    style: "inline",
+    persistent: persistent || hideCloseIcon,
+    classNameOverride: classnames(classNameOverride, [isSubtle && modules_f5422433.subtle]),
+    ref: ref
+  }, otherProps));
+});
+InlineNotification.displayName = 'InlineNotification';
 export { InlineNotification };

package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/ToastNotificationsList.mjs

@@ -1,35 +1,32 @@
-import React, { useState, useEffect } from 'react';
+import React__default, { useState, useEffect } from 'react';
 import { useToastNotificationContext } from '../context/ToastNotificationContext.mjs';
 import { ToastNotificationsMap } from './subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs';
 import modules_63d016d9 from './ToastNotificationsList.module.css.mjs';
 var toastNotificationListId = 'toast-notifications-list';
-const ToastNotificationsList = /*#__PURE__*/function () {
-  const ToastNotificationsList = function () {
-    var _a = useToastNotificationContext(),
-      notifications = _a.notifications,
-      removeToastNotification = _a.removeToastNotification;
-    var _b = useState(null),
-      toastContainer = _b[0],
-      setToastContainer = _b[1];
-    useEffect(function () {
-      // this is to ensure that the container is created only once. Regardless of how many KaizenProvider is set up, they will also reuse the same container.
-      var container = document.querySelector("[id=\"".concat(toastNotificationListId, "\"]"));
-      if (!container) {
-        container = document.createElement('div');
-        container.setAttribute('id', toastNotificationListId);
-        container.setAttribute('role', 'status');
-        container.className = modules_63d016d9.toastNotificationsList;
-        document.body.appendChild(container);
-      }
-      setToastContainer(container);
-    }, []);
-    return toastContainer ? (/*#__PURE__*/React.createElement(ToastNotificationsMap, {
-      notifications: notifications,
-      onHide: removeToastNotification,
-      container: toastContainer
-    })) : (/*#__PURE__*/React.createElement(React.Fragment, null));
-  };
-  ToastNotificationsList.displayName = 'ToastNotificationsList';
-  return ToastNotificationsList;
-}();
+var ToastNotificationsList = function () {
+  var _a = useToastNotificationContext(),
+    notifications = _a.notifications,
+    removeToastNotification = _a.removeToastNotification;
+  var _b = useState(null),
+    toastContainer = _b[0],
+    setToastContainer = _b[1];
+  useEffect(function () {
+    // this is to ensure that the container is created only once. Regardless of how many KaizenProvider is set up, they will also reuse the same container.
+    var container = document.querySelector("[id=\"".concat(toastNotificationListId, "\"]"));
+    if (!container) {
+      container = document.createElement('div');
+      container.setAttribute('id', toastNotificationListId);
+      container.setAttribute('role', 'status');
+      container.className = modules_63d016d9.toastNotificationsList;
+      document.body.appendChild(container);
+    }
+    setToastContainer(container);
+  }, []);
+  return toastContainer ? (/*#__PURE__*/React__default.createElement(ToastNotificationsMap, {
+    notifications: notifications,
+    onHide: removeToastNotification,
+    container: toastContainer
+  })) : (/*#__PURE__*/React__default.createElement(React__default.Fragment, null));
+};
+ToastNotificationsList.displayName = 'ToastNotificationsList';
 export { ToastNotificationsList };

package/dist/esm/src/Notification/ToastNotification/ToastNotificationsList/subcomponents/ToastNotificationsMap/ToastNotificationsMap.mjs

@@ -1,37 +1,34 @@
 import { __rest, __assign } from 'tslib';
-import React from 'react';
+import React__default from 'react';
 import { createPortal } from 'react-dom';
 import { GenericNotification } from '../../../../subcomponents/GenericNotification/GenericNotification.mjs';
-const ToastNotificationsMap = /*#__PURE__*/function () {
-  const ToastNotificationsMap = function (_a) {
-    var notifications = _a.notifications,
-      defaultOnHide = _a.onHide,
-      container = _a.container;
-    if (!container) return null;
-    // To consolidate all notifications into a single list when there are multiple contexts,
-    // this list cannot render with a container (must be portalled into one).
-    return /*#__PURE__*/createPortal(/*#__PURE__*/React.createElement(React.Fragment, null, notifications.map(function (_a) {
-      var id = _a.id,
-        title = _a.title,
-        persistent = _a.persistent,
-        onHide = _a.onHide,
-        message = _a.message,
-        restProps = __rest(_a, ["id", "title", "persistent", "onHide", "message"]);
-      return /*#__PURE__*/React.createElement(GenericNotification, __assign({
-        key: id,
-        style: "toast",
-        title: title,
-        persistent: persistent,
-        onHide: function () {
-          if (typeof onHide !== 'undefined') {
-            onHide();
-          }
-          defaultOnHide(id);
+var ToastNotificationsMap = function (_a) {
+  var notifications = _a.notifications,
+    defaultOnHide = _a.onHide,
+    container = _a.container;
+  if (!container) return null;
+  // To consolidate all notifications into a single list when there are multiple contexts,
+  // this list cannot render with a container (must be portalled into one).
+  return /*#__PURE__*/createPortal(/*#__PURE__*/React__default.createElement(React__default.Fragment, null, notifications.map(function (_a) {
+    var id = _a.id,
+      title = _a.title,
+      persistent = _a.persistent,
+      onHide = _a.onHide,
+      message = _a.message,
+      restProps = __rest(_a, ["id", "title", "persistent", "onHide", "message"]);
+    return /*#__PURE__*/React__default.createElement(GenericNotification, __assign({
+      key: id,
+      style: "toast",
+      title: title,
+      persistent: persistent,
+      onHide: function () {
+        if (typeof onHide !== 'undefined') {
+          onHide();
         }
-      }, restProps), message);
-    })), container);
-  };
-  ToastNotificationsMap.displayName = 'ToastNotificationsMap';
-  return ToastNotificationsMap;
-}();
+        defaultOnHide(id);
+      }
+    }, restProps), message);
+  })), container);
+};
+ToastNotificationsMap.displayName = 'ToastNotificationsMap';
 export { ToastNotificationsMap };

package/dist/esm/src/Notification/ToastNotification/context/ToastNotificationContext.mjs

@@ -1,7 +1,7 @@
 import { __assign, __spreadArray } from 'tslib';
-import React, { useState, useContext } from 'react';
+import React__default, { useState, useContext } from 'react';
 import { v4 } from 'uuid';
-var ToastNotificationContext = /*#__PURE__*/React.createContext(null);
+var ToastNotificationContext = /*#__PURE__*/React__default.createContext(null);
 var useToastNotificationContext = function () {
   var context = useContext(ToastNotificationContext);
   if (!context) {
@@ -9,57 +9,54 @@ var useToastNotificationContext = function () {
   }
   return context;
 };
-const ToastNotificationProvider = /*#__PURE__*/function () {
-  const ToastNotificationProvider = function (_a) {
-    var children = _a.children;
-    var _b = useState([]),
-      notifications = _b[0],
-      setNotifications = _b[1];
-    var addToastNotification = function (notification) {
-      var uuid = v4();
-      var notificationWithId = __assign({
-        id: uuid
-      }, notification);
-      setNotifications(function (existing) {
-        var notificationExists = existing.find(function (_a) {
-          var id = _a.id;
-          return id === notification.id;
-        });
-        return notificationExists ? existing : __spreadArray(__spreadArray([], existing, true), [notificationWithId], false);
-      });
-    };
-    var updateToastNotification = function (notification) {
-      var notificationIndex = notifications.findIndex(function (_a) {
+var ToastNotificationProvider = function (_a) {
+  var children = _a.children;
+  var _b = useState([]),
+    notifications = _b[0],
+    setNotifications = _b[1];
+  var addToastNotification = function (notification) {
+    var uuid = v4();
+    var notificationWithId = __assign({
+      id: uuid
+    }, notification);
+    setNotifications(function (existing) {
+      var notificationExists = existing.find(function (_a) {
         var id = _a.id;
         return id === notification.id;
       });
-      var copy = notifications.slice();
-      copy.splice(notificationIndex, 1, notification); // Mutation to insert notification over itself
-      setNotifications(copy);
-    };
-    var removeToastNotification = function (notificationID) {
-      setNotifications(function (prev) {
-        return prev.filter(function (_a) {
-          var id = _a.id;
-          return id !== notificationID;
-        });
+      return notificationExists ? existing : __spreadArray(__spreadArray([], existing, true), [notificationWithId], false);
+    });
+  };
+  var updateToastNotification = function (notification) {
+    var notificationIndex = notifications.findIndex(function (_a) {
+      var id = _a.id;
+      return id === notification.id;
+    });
+    var copy = notifications.slice();
+    copy.splice(notificationIndex, 1, notification); // Mutation to insert notification over itself
+    setNotifications(copy);
+  };
+  var removeToastNotification = function (notificationID) {
+    setNotifications(function (prev) {
+      return prev.filter(function (_a) {
+        var id = _a.id;
+        return id !== notificationID;
       });
-    };
-    var clearToastNotifications = function () {
-      setNotifications([]);
-    };
-    var value = {
-      notifications: notifications,
-      addToastNotification: addToastNotification,
-      updateToastNotification: updateToastNotification,
-      removeToastNotification: removeToastNotification,
-      clearToastNotifications: clearToastNotifications
-    };
-    return /*#__PURE__*/React.createElement(ToastNotificationContext.Provider, {
-      value: value
-    }, children);
+    });
   };
-  ToastNotificationProvider.displayName = 'ToastNotificationProvider';
-  return ToastNotificationProvider;
-}();
+  var clearToastNotifications = function () {
+    setNotifications([]);
+  };
+  var value = {
+    notifications: notifications,
+    addToastNotification: addToastNotification,
+    updateToastNotification: updateToastNotification,
+    removeToastNotification: removeToastNotification,
+    clearToastNotifications: clearToastNotifications
+  };
+  return /*#__PURE__*/React__default.createElement(ToastNotificationContext.Provider, {
+    value: value
+  }, children);
+};
+ToastNotificationProvider.displayName = 'ToastNotificationProvider';
 export { ToastNotificationProvider, useToastNotificationContext };

package/dist/esm/src/Notification/subcomponents/CancelButton/CancelButton.mjs

@@ -1,21 +1,18 @@
-import React from 'react';
+import React__default from 'react';
 import { Icon } from '../../../Icon/Icon.mjs';
 import modules_f5422433 from '../GenericNotification/GenericNotification.module.css.mjs';
-const CancelButton = /*#__PURE__*/function () {
-  const CancelButton = function (_a) {
-    var onClick = _a.onClick;
-    return /*#__PURE__*/React.createElement("button", {
-      className: modules_f5422433.cancel,
-      type: "button",
-      onClick: onClick,
-      "data-testid": "close-button",
-      "aria-label": "Close notification"
-    }, /*#__PURE__*/React.createElement(Icon, {
-      name: "close",
-      isPresentational: true
-    }));
-  };
-  CancelButton.displayName = 'CancelButton';
-  return CancelButton;
-}();
+var CancelButton = function (_a) {
+  var onClick = _a.onClick;
+  return /*#__PURE__*/React__default.createElement("button", {
+    className: modules_f5422433.cancel,
+    type: "button",
+    onClick: onClick,
+    "data-testid": "close-button",
+    "aria-label": "Close notification"
+  }, /*#__PURE__*/React__default.createElement(Icon, {
+    name: "close",
+    isPresentational: true
+  }));
+};
+CancelButton.displayName = 'CancelButton';
 export { CancelButton };

package/dist/esm/src/Notification/subcomponents/GenericNotification/GenericNotification.mjs

@@ -1,81 +1,78 @@
 import { __rest, __assign } from 'tslib';
-import React, { forwardRef, useState, useRef, useEffect } from 'react';
+import React__default, { forwardRef, useState, useRef, useEffect } from 'react';
 import classnames from 'classnames';
 import { isRefObject } from '../../../utils/isRefObject.mjs';
 import { CancelButton } from '../CancelButton/CancelButton.mjs';
 import { NotificationHeading } from '../NotificationHeading/NotificationHeading.mjs';
 import { NotificationIconVariant } from '../NotificationIcon/NotificationIcon.mjs';
 import modules_f5422433 from './GenericNotification.module.css.mjs';
-const GenericNotification = /*#__PURE__*/function () {
-  const GenericNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
-    var variant = _a.variant,
-      style = _a.style,
-      children = _a.children,
-      title = _a.title,
-      _b = _a.persistent,
-      persistent = _b === void 0 ? false : _b,
-      onHide = _a.onHide,
-      noBottomMargin = _a.noBottomMargin,
-      forceMultiline = _a.forceMultiline,
-      headingProps = _a.headingProps,
-      classNameOverride = _a.classNameOverride,
-      restProps = __rest(_a, ["variant", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
-    var _c = useState(true),
-      isHidden = _c[0],
-      setIsHidden = _c[1];
-    var _d = useState(false),
-      isRemoved = _d[0],
-      setIsRemoved = _d[1];
-    var fallbackRef = useRef(null);
-    var containerRef = isRefObject(ref) ? ref : fallbackRef;
-    useEffect(function () {
-      requestAnimationFrame(function () {
-        if (containerRef.current) {
-          setIsHidden(false);
-        }
-      });
-    }, [containerRef]);
-    var getMarginTop = function () {
-      if (isHidden && containerRef.current) {
-        return -containerRef.current.clientHeight + 'px';
+var GenericNotification = /*#__PURE__*/forwardRef(function (_a, ref) {
+  var variant = _a.variant,
+    style = _a.style,
+    children = _a.children,
+    title = _a.title,
+    _b = _a.persistent,
+    persistent = _b === void 0 ? false : _b,
+    onHide = _a.onHide,
+    noBottomMargin = _a.noBottomMargin,
+    forceMultiline = _a.forceMultiline,
+    headingProps = _a.headingProps,
+    classNameOverride = _a.classNameOverride,
+    restProps = __rest(_a, ["variant", "style", "children", "title", "persistent", "onHide", "noBottomMargin", "forceMultiline", "headingProps", "classNameOverride"]);
+  var _c = useState(true),
+    isHidden = _c[0],
+    setIsHidden = _c[1];
+  var _d = useState(false),
+    isRemoved = _d[0],
+    setIsRemoved = _d[1];
+  var fallbackRef = useRef(null);
+  var containerRef = isRefObject(ref) ? ref : fallbackRef;
+  useEffect(function () {
+    requestAnimationFrame(function () {
+      if (containerRef.current) {
+        setIsHidden(false);
       }
-      return '0';
-    };
-    var onTransitionEnd = function (e) {
-      // Be careful: this assumes the final CSS property to be animated is "margin-top".
-      if (isHidden && e.propertyName === 'margin-top') {
-        setIsRemoved(true);
-        onHide === null || onHide === void 0 ? void 0 : onHide();
-      }
-    };
-    if (isRemoved) {
-      return null;
+    });
+  }, [containerRef]);
+  var getMarginTop = function () {
+    if (isHidden && containerRef.current) {
+      return -containerRef.current.clientHeight + 'px';
     }
-    return /*#__PURE__*/React.createElement("div", __assign({
-      ref: containerRef,
-      className: classnames(modules_f5422433.notification, modules_f5422433[variant], modules_f5422433[style], isHidden && modules_f5422433.hidden, noBottomMargin && modules_f5422433.noBottomMargin, classNameOverride, persistent && modules_f5422433.persistent),
-      style: {
-        marginTop: getMarginTop()
-      },
-      onTransitionEnd: onTransitionEnd
-    }, restProps), /*#__PURE__*/React.createElement("div", {
-      className: modules_f5422433.icon
-    }, /*#__PURE__*/React.createElement(NotificationIconVariant, {
-      variant: variant
-    })), /*#__PURE__*/React.createElement("div", {
-      className: classnames(modules_f5422433.textContainer, forceMultiline && modules_f5422433.forceMultiline)
-    }, style !== 'global' && (/*#__PURE__*/React.createElement(NotificationHeading, {
-      titleProp: title,
-      headingProps: headingProps
-    })), children && /*#__PURE__*/React.createElement("div", {
-      className: modules_f5422433.text
-    }, children)), !persistent && /*#__PURE__*/React.createElement(CancelButton, {
-      onClick: function () {
-        return setIsHidden(true);
-      }
-    }));
-  });
-  GenericNotification.displayName = 'GenericNotification';
-  return GenericNotification;
-}();
+    return '0';
+  };
+  var onTransitionEnd = function (e) {
+    // Be careful: this assumes the final CSS property to be animated is "margin-top".
+    if (isHidden && e.propertyName === 'margin-top') {
+      setIsRemoved(true);
+      onHide === null || onHide === void 0 ? void 0 : onHide();
+    }
+  };
+  if (isRemoved) {
+    return null;
+  }
+  return /*#__PURE__*/React__default.createElement("div", __assign({
+    ref: containerRef,
+    className: classnames(modules_f5422433.notification, modules_f5422433[variant], modules_f5422433[style], isHidden && modules_f5422433.hidden, noBottomMargin && modules_f5422433.noBottomMargin, classNameOverride, persistent && modules_f5422433.persistent),
+    style: {
+      marginTop: getMarginTop()
+    },
+    onTransitionEnd: onTransitionEnd
+  }, restProps), /*#__PURE__*/React__default.createElement("div", {
+    className: modules_f5422433.icon
+  }, /*#__PURE__*/React__default.createElement(NotificationIconVariant, {
+    variant: variant
+  })), /*#__PURE__*/React__default.createElement("div", {
+    className: classnames(modules_f5422433.textContainer, forceMultiline && modules_f5422433.forceMultiline)
+  }, style !== 'global' && (/*#__PURE__*/React__default.createElement(NotificationHeading, {
+    titleProp: title,
+    headingProps: headingProps
+  })), children && /*#__PURE__*/React__default.createElement("div", {
+    className: modules_f5422433.text
+  }, children)), !persistent && /*#__PURE__*/React__default.createElement(CancelButton, {
+    onClick: function () {
+      return setIsHidden(true);
+    }
+  }));
+});
+GenericNotification.displayName = 'GenericNotification';
 export { GenericNotification };