@zendeskgarden/react-notifications 8.47.1 → 8.47.2

package/dist/index.cjs.js

@@ -28,14 +28,12 @@ function _interopNamespace(e) {
         var d = Object.getOwnPropertyDescriptor(e, k);
         Object.defineProperty(n, k, d.get ? d : {
           enumerable: true,
-          get: function () {
-            return e[k];
-          }
+          get: function () { return e[k]; }
         });
       }
     });
   }
-  n['default'] = e;
+  n["default"] = e;
   return Object.freeze(n);
 }
 
@@ -49,14 +47,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -64,19 +57,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -227,9 +213,9 @@ function _nonIterableRest() {
 }
 
 var COMPONENT_ID$5 = 'notifications.close';
-var StyledClose = styled__default['default'].button.attrs({
+var StyledClose = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"
@@ -259,9 +245,9 @@ StyledClose.defaultProps = {
 };
 
 var COMPONENT_ID$4 = 'notifications.paragraph';
-var StyledParagraph = styled__default['default'].p.attrs({
+var StyledParagraph = styled__default["default"].p.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"
@@ -275,9 +261,9 @@ StyledParagraph.defaultProps = {
 };
 
 var COMPONENT_ID$3 = 'notifications.title';
-var StyledTitle = styled__default['default'].div.attrs({
+var StyledTitle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"
@@ -322,7 +308,7 @@ var padding = function padding(props) {
   var paddingHorizontal = "".concat(space.base * 10, "px");
   return "".concat(paddingVertical, " ").concat(paddingHorizontal);
 };
-var StyledBase = styled__default['default'].div.withConfig({
+var StyledBase = styled__default["default"].div.withConfig({
   displayName: "StyledBase",
   componentId: "sc-14syaqw-0"
 })(["position:relative;border:", ";border-radius:", ";box-shadow:", ";padding:", ";line-height:", ";font-size:", ";direction:", ";", ";"], function (props) {
@@ -346,10 +332,10 @@ var COMPONENT_ID$2 = 'notifications.alert';
 var colorStyles$1 = function colorStyles(props) {
   return styled.css(["", "{color:", ";}"], StyledTitle, props.hue && reactTheming.getColor(props.hue, 800, props.theme));
 };
-var StyledAlert = styled__default['default'](StyledBase).attrs(function (props) {
+var StyledAlert = styled__default["default"](StyledBase).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.47.2',
     role: props.role === undefined ? 'alert' : props.role
   };
 }).withConfig({
@@ -393,10 +379,10 @@ var colorStyles = function colorStyles(props) {
   }
   return styled.css(["", "{color:", ";}"], StyledTitle, color);
 };
-var StyledNotification = styled__default['default'](StyledBase).attrs(function (props) {
+var StyledNotification = styled__default["default"](StyledBase).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$1,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.47.2',
     role: props.role === undefined ? 'status' : props.role
   };
 }).withConfig({
@@ -406,16 +392,16 @@ var StyledNotification = styled__default['default'](StyledBase).attrs(function (
   return reactTheming.retrieveComponentStyles(COMPONENT_ID$1, props);
 });
 StyledNotification.propTypes = {
-  type: PropTypes__default['default'].oneOf(ARRAY_VALIDATION_TYPE)
+  type: PropTypes__default["default"].oneOf(ARRAY_VALIDATION_TYPE)
 };
 StyledNotification.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
 var COMPONENT_ID = 'notifications.well';
-var StyledWell = styled__default['default'](StyledBase).attrs({
+var StyledWell = styled__default["default"](StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"
@@ -431,10 +417,10 @@ StyledWell.defaultProps = {
 };
 
 var _excluded$2 = ["children"];
-var StyledIcon = styled__default['default'](function (_ref) {
+var StyledIcon = styled__default["default"](function (_ref) {
   var children = _ref.children,
       props = _objectWithoutProperties(_ref, _excluded$2);
-  return React__default['default'].cloneElement(React.Children.only(children), props);
+  return React__default["default"].cloneElement(React.Children.only(children), props);
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-msklws-0"
@@ -451,122 +437,116 @@ StyledIcon.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var _g$2, _circle$2;
 
-var _ref$4 = /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  strokeLinecap: "round",
-  d: "M7.5 4.5V9"
-}));
-
-var _ref2$2 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 12,
-  r: 1,
-  fill: "currentColor"
-});
+function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 
-function SvgAlertErrorStroke(props) {
+var SvgAlertErrorStroke = function SvgAlertErrorStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$4, _ref2$2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 4.5V9"
+  }))), _circle$2 || (_circle$2 = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
+
+var _g$1;
 
 function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
-var _ref$3 = /*#__PURE__*/React__namespace.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("path", {
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  d: "M4 9l2.5 2.5 5-5"
-}), /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}));
-
-function SvgCheckCircleStroke(props) {
+var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$3);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React__namespace.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M4 9l2.5 2.5 5-5"
+  }), /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }))));
+};
+
+var _path$1, _circle$1;
 
 function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
-var _ref$2 = /*#__PURE__*/React__namespace.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"
-});
-
-var _ref2$1 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 12,
-  r: 1,
-  fill: "currentColor"
-});
-
-function SvgAlertWarningStroke(props) {
+var SvgAlertWarningStroke = function SvgAlertWarningStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2, _ref2$1);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React__namespace.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"
+  })), _circle$1 || (_circle$1 = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
+
+var _g, _circle;
 
 function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-var _ref$1 = /*#__PURE__*/React__namespace.createElement("g", {
-  stroke: "currentColor"
-}, /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7,
-  fill: "none"
-}), /*#__PURE__*/React__namespace.createElement("path", {
-  strokeLinecap: "round",
-  d: "M7.5 12.5V8"
-}));
-
-var _ref2 = /*#__PURE__*/React__namespace.createElement("circle", {
-  cx: 7.5,
-  cy: 5,
-  r: 1,
-  fill: "currentColor"
-});
-
-function SvgInfoStroke(props) {
+var SvgInfoStroke = function SvgInfoStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1, _ref2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g || (_g = /*#__PURE__*/React__namespace.createElement("g", {
+    stroke: "currentColor"
+  }, /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7,
+    fill: "none"
+  }), /*#__PURE__*/React__namespace.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 12.5V8"
+  }))), _circle || (_circle = /*#__PURE__*/React__namespace.createElement("circle", {
+    cx: 7.5,
+    cy: 5,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
 
 var validationIcons = {
   success: SvgCheckCircleStroke,
@@ -586,87 +566,87 @@ var useNotificationsContext = function useNotificationsContext() {
   return React.useContext(NotificationsContext);
 };
 
-var Alert = React__default['default'].forwardRef(function (props, ref) {
+var Alert = React__default["default"].forwardRef(function (props, ref) {
   var hue = validationHues[props.type];
   var Icon = validationIcons[props.type];
-  return React__default['default'].createElement(NotificationsContext.Provider, {
+  return React__default["default"].createElement(NotificationsContext.Provider, {
     value: hue
-  }, React__default['default'].createElement(StyledAlert, _extends$5({
+  }, React__default["default"].createElement(StyledAlert, _extends$5({
     ref: ref,
     hue: hue
-  }, props), React__default['default'].createElement(StyledIcon, {
+  }, props), React__default["default"].createElement(StyledIcon, {
     hue: hue
-  }, React__default['default'].createElement(Icon, null)), props.children));
+  }, React__default["default"].createElement(Icon, null)), props.children));
 });
 Alert.displayName = 'Alert';
 Alert.propTypes = {
-  type: PropTypes__default['default'].oneOf(ARRAY_VALIDATION_TYPE).isRequired
+  type: PropTypes__default["default"].oneOf(ARRAY_VALIDATION_TYPE).isRequired
 };
 
-var Notification = React__default['default'].forwardRef(function (props, ref) {
+var Notification = React__default["default"].forwardRef(function (props, ref) {
   var Icon = props.type ? validationIcons[props.type] : SvgInfoStroke;
   var hue = props.type && validationHues[props.type];
-  return React__default['default'].createElement(StyledNotification, _extends$5({
+  return React__default["default"].createElement(StyledNotification, _extends$5({
     ref: ref,
     type: props.type,
     isFloating: true
-  }, props), props.type && React__default['default'].createElement(StyledIcon, {
+  }, props), props.type && React__default["default"].createElement(StyledIcon, {
     hue: hue
-  }, React__default['default'].createElement(Icon, null)), props.children);
+  }, React__default["default"].createElement(Icon, null)), props.children);
 });
 Notification.displayName = 'Notification';
 Notification.propTypes = {
-  type: PropTypes__default['default'].oneOf(ARRAY_VALIDATION_TYPE)
+  type: PropTypes__default["default"].oneOf(ARRAY_VALIDATION_TYPE)
 };
 
-var Well = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledWell, _extends$5({
+var Well = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledWell, _extends$5({
     ref: ref
   }, props));
 });
 Well.displayName = 'Well';
 Well.propTypes = {
-  isRecessed: PropTypes__default['default'].bool,
-  isFloating: PropTypes__default['default'].bool
+  isRecessed: PropTypes__default["default"].bool,
+  isFloating: PropTypes__default["default"].bool
 };
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React__namespace.createElement("path", {
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3 9l6-6m0 6L3 3"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgXStroke(props) {
+var SvgXStroke = function SvgXStroke(props) {
   return /*#__PURE__*/React__namespace.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React__namespace.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3 9l6-6m0 6L3 3"
+  })));
+};
 
-var Close = React__default['default'].forwardRef(function (props, ref) {
+var Close = React__default["default"].forwardRef(function (props, ref) {
   var hue = useNotificationsContext();
-  return React__default['default'].createElement(StyledClose, _extends$5({
+  return React__default["default"].createElement(StyledClose, _extends$5({
     ref: ref,
     hue: hue
-  }, props), React__default['default'].createElement(SvgXStroke, null));
+  }, props), React__default["default"].createElement(SvgXStroke, null));
 });
 Close.displayName = 'Close';
 
-var Paragraph = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledParagraph, _extends$5({
+var Paragraph = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledParagraph, _extends$5({
     ref: ref
   }, props));
 });
 Paragraph.displayName = 'Paragraph';
 
-var Title = React__default['default'].forwardRef(function (props, ref) {
-  return React__default['default'].createElement(StyledTitle, _extends$5({
+var Title = React__default["default"].forwardRef(function (props, ref) {
+  return React__default["default"].createElement(StyledTitle, _extends$5({
     ref: ref
   }, props));
 });
@@ -830,7 +810,7 @@ var Toast = function Toast(_ref) {
 
 var TRANSITION_CLASS = 'garden-toast-transition';
 var DEFAULT_DURATION = '400ms';
-var StyledFadeInTransition = styled__default['default'].div.withConfig({
+var StyledFadeInTransition = styled__default["default"].div.withConfig({
   displayName: "styled__StyledFadeInTransition",
   componentId: "sc-nq0usb-0"
 })(["transition:opacity ", " ease-in 300ms;opacity:", ";margin-bottom:", "px;", " &.", "-enter{transform:translateY( ", " );opacity:0;max-height:0;}&.", "-enter-active{transform:translateY(0);transition:opacity ", " ease-in,transform ", " cubic-bezier(0.15,0.85,0.35,1.2),max-height ", ";opacity:1;max-height:500px;}&.", "-exit{opacity:1;max-height:500px;}&.", "-exit-active{transition:opacity 550ms ease-out,max-height ", " linear 150ms;opacity:0;max-height:0;}"], DEFAULT_DURATION, function (p) {
@@ -886,7 +866,7 @@ var placementStyles = function placementStyles(props) {
       return '';
   }
 };
-var StyledTransitionGroup = styled__default['default'](reactTransitionGroup.TransitionGroup).withConfig({
+var StyledTransitionGroup = styled__default["default"](reactTransitionGroup.TransitionGroup).withConfig({
   displayName: "styled__StyledTransitionGroup",
   componentId: "sc-nq0usb-1"
 })(["position:fixed;z-index:", ";", ";"], function (props) {
@@ -938,15 +918,15 @@ var ToastSlot = function ToastSlot(_ref) {
     }
     return index >= limit;
   }, [limit, placement, toasts.length]);
-  return React__default['default'].createElement(StyledTransitionGroup, _extends$5({
+  return React__default["default"].createElement(StyledTransitionGroup, _extends$5({
     key: placement,
     $placement: placement,
     $zIndex: zIndex,
     onMouseEnter: handleMouseEnter,
     onMouseLeave: handleMouseLeave
   }, props), toasts.map(function (toast, index) {
-    var transitionRef = React__default['default'].createRef();
-    return React__default['default'].createElement(reactTransitionGroup.CSSTransition, {
+    var transitionRef = React__default["default"].createRef();
+    return React__default["default"].createElement(reactTransitionGroup.CSSTransition, {
       key: toast.id,
       timeout: {
         enter: 400,
@@ -955,11 +935,11 @@ var ToastSlot = function ToastSlot(_ref) {
       unmountOnExit: true,
       classNames: TRANSITION_CLASS,
       nodeRef: transitionRef
-    }, React__default['default'].createElement(StyledFadeInTransition, {
+    }, React__default["default"].createElement(StyledFadeInTransition, {
       ref: transitionRef,
       placement: placement,
       isHidden: isHidden(index)
-    }, React__default['default'].createElement(Toast, {
+    }, React__default["default"].createElement(Toast, {
       toast: toast,
       pauseTimers: pauseTimers || isHidden(index)
     })));
@@ -990,14 +970,14 @@ var ToastProvider = function ToastProvider(_ref) {
     if (placement === 'bottom' || placement === 'bottom-start' || placement === 'bottom-end') {
       matchingToasts = matchingToasts.reverse();
     }
-    return React__default['default'].createElement(ToastSlot, _extends$5({
+    return React__default["default"].createElement(ToastSlot, _extends$5({
       placement: placement,
       toasts: matchingToasts,
       zIndex: zIndex,
       limit: limit
     }, placementProps[placement]));
   }, [limit, state.toasts, zIndex, placementProps]);
-  return React__default['default'].createElement(ToastContext.Provider, {
+  return React__default["default"].createElement(ToastContext.Provider, {
     value: contextValue
   }, toastsByPlacement('top-start'), toastsByPlacement('top'), toastsByPlacement('top-end'), children, toastsByPlacement('bottom-start'), toastsByPlacement('bottom'), toastsByPlacement('bottom-end'));
 };
@@ -1006,8 +986,8 @@ ToastProvider.defaultProps = {
   limit: 4
 };
 ToastProvider.propTypes = {
-  limit: PropTypes__default['default'].number,
-  zIndex: PropTypes__default['default'].number
+  limit: PropTypes__default["default"].number,
+  zIndex: PropTypes__default["default"].number
 };
 
 exports.Alert = Alert;

package/dist/index.esm.js

@@ -19,14 +19,9 @@ function ownKeys(object, enumerableOnly) {
 
   if (Object.getOwnPropertySymbols) {
     var symbols = Object.getOwnPropertySymbols(object);
-
-    if (enumerableOnly) {
-      symbols = symbols.filter(function (sym) {
-        return Object.getOwnPropertyDescriptor(object, sym).enumerable;
-      });
-    }
-
-    keys.push.apply(keys, symbols);
+    enumerableOnly && (symbols = symbols.filter(function (sym) {
+      return Object.getOwnPropertyDescriptor(object, sym).enumerable;
+    })), keys.push.apply(keys, symbols);
   }
 
   return keys;
@@ -34,19 +29,12 @@ function ownKeys(object, enumerableOnly) {
 
 function _objectSpread2(target) {
   for (var i = 1; i < arguments.length; i++) {
-    var source = arguments[i] != null ? arguments[i] : {};
-
-    if (i % 2) {
-      ownKeys(Object(source), true).forEach(function (key) {
-        _defineProperty(target, key, source[key]);
-      });
-    } else if (Object.getOwnPropertyDescriptors) {
-      Object.defineProperties(target, Object.getOwnPropertyDescriptors(source));
-    } else {
-      ownKeys(Object(source)).forEach(function (key) {
-        Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
-      });
-    }
+    var source = null != arguments[i] ? arguments[i] : {};
+    i % 2 ? ownKeys(Object(source), !0).forEach(function (key) {
+      _defineProperty(target, key, source[key]);
+    }) : Object.getOwnPropertyDescriptors ? Object.defineProperties(target, Object.getOwnPropertyDescriptors(source)) : ownKeys(Object(source)).forEach(function (key) {
+      Object.defineProperty(target, key, Object.getOwnPropertyDescriptor(source, key));
+    });
   }
 
   return target;
@@ -199,7 +187,7 @@ function _nonIterableRest() {
 var COMPONENT_ID$5 = 'notifications.close';
 var StyledClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"
@@ -231,7 +219,7 @@ StyledClose.defaultProps = {
 var COMPONENT_ID$4 = 'notifications.paragraph';
 var StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"
@@ -247,7 +235,7 @@ StyledParagraph.defaultProps = {
 var COMPONENT_ID$3 = 'notifications.title';
 var StyledTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"
@@ -319,7 +307,7 @@ var colorStyles$1 = function colorStyles(props) {
 var StyledAlert = styled(StyledBase).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.47.2',
     role: props.role === undefined ? 'alert' : props.role
   };
 }).withConfig({
@@ -366,7 +354,7 @@ var colorStyles = function colorStyles(props) {
 var StyledNotification = styled(StyledBase).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$1,
-    'data-garden-version': '8.47.1',
+    'data-garden-version': '8.47.2',
     role: props.role === undefined ? 'status' : props.role
   };
 }).withConfig({
@@ -385,7 +373,7 @@ StyledNotification.defaultProps = {
 var COMPONENT_ID = 'notifications.well';
 var StyledWell = styled(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.1'
+  'data-garden-version': '8.47.2'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"
@@ -421,122 +409,116 @@ StyledIcon.defaultProps = {
   theme: DEFAULT_THEME
 };
 
-function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
+var _g$2, _circle$2;
 
-var _ref$4 = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}), /*#__PURE__*/React.createElement("path", {
-  strokeLinecap: "round",
-  d: "M7.5 4.5V9"
-}));
-
-var _ref2$2 = /*#__PURE__*/React.createElement("circle", {
-  cx: 7.5,
-  cy: 12,
-  r: 1,
-  fill: "currentColor"
-});
+function _extends$4() { _extends$4 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$4.apply(this, arguments); }
 
-function SvgAlertErrorStroke(props) {
+var SvgAlertErrorStroke = function SvgAlertErrorStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$4({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$4, _ref2$2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g$2 || (_g$2 = /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }), /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 4.5V9"
+  }))), _circle$2 || (_circle$2 = /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
+
+var _g$1;
 
 function _extends$3() { _extends$3 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$3.apply(this, arguments); }
 
-var _ref$3 = /*#__PURE__*/React.createElement("g", {
-  fill: "none",
-  stroke: "currentColor"
-}, /*#__PURE__*/React.createElement("path", {
-  strokeLinecap: "round",
-  strokeLinejoin: "round",
-  d: "M4 9l2.5 2.5 5-5"
-}), /*#__PURE__*/React.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7
-}));
-
-function SvgCheckCircleStroke(props) {
+var SvgCheckCircleStroke = function SvgCheckCircleStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$3({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$3);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g$1 || (_g$1 = /*#__PURE__*/React.createElement("g", {
+    fill: "none",
+    stroke: "currentColor"
+  }, /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    strokeLinejoin: "round",
+    d: "M4 9l2.5 2.5 5-5"
+  }), /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7
+  }))));
+};
+
+var _path$1, _circle$1;
 
 function _extends$2() { _extends$2 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$2.apply(this, arguments); }
 
-var _ref$2 = /*#__PURE__*/React.createElement("path", {
-  fill: "none",
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"
-});
-
-var _ref2$1 = /*#__PURE__*/React.createElement("circle", {
-  cx: 7.5,
-  cy: 12,
-  r: 1,
-  fill: "currentColor"
-});
-
-function SvgAlertWarningStroke(props) {
+var SvgAlertWarningStroke = function SvgAlertWarningStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$2({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$2, _ref2$1);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _path$1 || (_path$1 = /*#__PURE__*/React.createElement("path", {
+    fill: "none",
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M.88 13.77L7.06 1.86c.19-.36.7-.36.89 0l6.18 11.91c.17.33-.07.73-.44.73H1.32c-.37 0-.61-.4-.44-.73zM7.5 6v3.5"
+  })), _circle$1 || (_circle$1 = /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 12,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
+
+var _g, _circle;
 
 function _extends$1() { _extends$1 = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends$1.apply(this, arguments); }
 
-var _ref$1 = /*#__PURE__*/React.createElement("g", {
-  stroke: "currentColor"
-}, /*#__PURE__*/React.createElement("circle", {
-  cx: 7.5,
-  cy: 8.5,
-  r: 7,
-  fill: "none"
-}), /*#__PURE__*/React.createElement("path", {
-  strokeLinecap: "round",
-  d: "M7.5 12.5V8"
-}));
-
-var _ref2 = /*#__PURE__*/React.createElement("circle", {
-  cx: 7.5,
-  cy: 5,
-  r: 1,
-  fill: "currentColor"
-});
-
-function SvgInfoStroke(props) {
+var SvgInfoStroke = function SvgInfoStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends$1({
     xmlns: "http://www.w3.org/2000/svg",
     width: 16,
     height: 16,
-    viewBox: "0 0 16 16",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref$1, _ref2);
-}
+    viewBox: "0 0 16 16",
+    "aria-hidden": "true"
+  }, props), _g || (_g = /*#__PURE__*/React.createElement("g", {
+    stroke: "currentColor"
+  }, /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 8.5,
+    r: 7,
+    fill: "none"
+  }), /*#__PURE__*/React.createElement("path", {
+    strokeLinecap: "round",
+    d: "M7.5 12.5V8"
+  }))), _circle || (_circle = /*#__PURE__*/React.createElement("circle", {
+    cx: 7.5,
+    cy: 5,
+    r: 1,
+    fill: "currentColor"
+  })));
+};
 
 var validationIcons = {
   success: SvgCheckCircleStroke,
@@ -600,24 +582,24 @@ Well.propTypes = {
   isFloating: PropTypes.bool
 };
 
-function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
+var _path;
 
-var _ref = /*#__PURE__*/React.createElement("path", {
-  stroke: "currentColor",
-  strokeLinecap: "round",
-  d: "M3 9l6-6m0 6L3 3"
-});
+function _extends() { _extends = Object.assign || function (target) { for (var i = 1; i < arguments.length; i++) { var source = arguments[i]; for (var key in source) { if (Object.prototype.hasOwnProperty.call(source, key)) { target[key] = source[key]; } } } return target; }; return _extends.apply(this, arguments); }
 
-function SvgXStroke(props) {
+var SvgXStroke = function SvgXStroke(props) {
   return /*#__PURE__*/React.createElement("svg", _extends({
     xmlns: "http://www.w3.org/2000/svg",
     width: 12,
     height: 12,
-    viewBox: "0 0 12 12",
     focusable: "false",
-    role: "presentation"
-  }, props), _ref);
-}
+    viewBox: "0 0 12 12",
+    "aria-hidden": "true"
+  }, props), _path || (_path = /*#__PURE__*/React.createElement("path", {
+    stroke: "currentColor",
+    strokeLinecap: "round",
+    d: "M3 9l6-6m0 6L3 3"
+  })));
+};
 
 var Close = React__default.forwardRef(function (props, ref) {
   var hue = useNotificationsContext();

package/dist/typings/elements/Alert.d.ts

@@ -4,12 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React from 'react';
-export interface IAlertProps {
+import React, { HTMLAttributes } from 'react';
+export interface IAlertProps extends HTMLAttributes<HTMLDivElement> {
     /** Applies alert type styles */
     type: 'success' | 'warning' | 'error' | 'info';
 }
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Alert: React.ForwardRefExoticComponent<IAlertProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Alert: React.ForwardRefExoticComponent<IAlertProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/Notification.d.ts

@@ -4,9 +4,12 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React from 'react';
-import { IStyledNotificationProps } from '../styled';
+import React, { HTMLAttributes } from 'react';
+import { VALIDATION_TYPE } from '../utils/types';
+export interface INotificationProps extends HTMLAttributes<HTMLDivElement> {
+    type?: VALIDATION_TYPE;
+}
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Notification: React.ForwardRefExoticComponent<IStyledNotificationProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
+export declare const Notification: React.ForwardRefExoticComponent<INotificationProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/Well.d.ts

@@ -4,8 +4,8 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-import React from 'react';
-interface IWellProps {
+import React, { HTMLAttributes } from 'react';
+export interface IWellProps extends HTMLAttributes<HTMLDivElement> {
     /** Applies a background color */
     isRecessed?: boolean;
     /** Applies a drop shadow */
@@ -14,5 +14,4 @@ interface IWellProps {
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Well: React.ForwardRefExoticComponent<IWellProps & React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;
-export {};
+export declare const Well: React.ForwardRefExoticComponent<IWellProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/index.d.ts

@@ -5,12 +5,15 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export { Alert } from './elements/Alert';
+export type { IAlertProps } from './elements/Alert';
 export { Notification } from './elements/Notification';
+export type { INotificationProps } from './elements/Notification';
 export { Well } from './elements/Well';
+export type { IWellProps } from './elements/Well';
 export { Close } from './elements/content/Close';
 export { Paragraph } from './elements/content/Paragraph';
 export { Title } from './elements/content/Title';
 export { ToastProvider } from './elements/toaster/ToastProvider';
 export type { IToastProviderProps } from './elements/toaster/ToastProvider';
-export type { IToast, IToastOptions, ToastPlacement } from './elements/toaster/reducer';
+export type { IToast, IToastOptions, ToastContent, ToastPlacement } from './elements/toaster/reducer';
 export { useToast } from './elements/toaster/useToast';

package/dist/typings/styled/StyledAlert.d.ts

@@ -14,5 +14,5 @@ export interface IStyledAlertProps {
 export declare const StyledAlert: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-    role: string & {};
+    role: import("react").AriaRole;
 } & IStyledAlertProps, "role" | "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/StyledNotification.d.ts

@@ -16,5 +16,5 @@ export interface IStyledNotificationProps {
 export declare const StyledNotification: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
     'data-garden-id': string;
     'data-garden-version': string;
-    role: string & {};
+    role: import("react").AriaRole;
 } & IStyledNotificationProps, "role" | "data-garden-id" | "data-garden-version">;

package/dist/typings/utils/useNotificationsContext.d.ts

@@ -4,5 +4,6 @@
  * Use of this source code is governed under the Apache License, Version 2.0
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
-export declare const NotificationsContext: import("react").Context<"successHue" | "warningHue" | "dangerHue" | "neutralHue" | undefined>;
-export declare const useNotificationsContext: () => "successHue" | "warningHue" | "dangerHue" | "neutralHue" | undefined;
+import { VALIDATION_HUE } from './types';
+export declare const NotificationsContext: import("react").Context<VALIDATION_HUE | undefined>;
+export declare const useNotificationsContext: () => VALIDATION_HUE | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-notifications",
-  "version": "8.47.1",
+  "version": "8.47.2",
   "description": "Notification and Well components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -34,7 +34,7 @@
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.4",
-    "@zendeskgarden/react-theming": "^8.47.1",
+    "@zendeskgarden/react-theming": "^8.47.2",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "62420ca54dbb5b3b90cd05bf455cd4ba91b4965e"
+  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
 }