@zendeskgarden/react-notifications 9.0.0-next.6 → 9.0.0-next.8

package/dist/index.cjs.js

@@ -1,10 +1,9 @@
 /**
- * Copyright Zendesk, Inc.
- *
- * Use of this source code is governed under the Apache License, Version 2.0
- * found at http://www.apache.org/licenses/LICENSE-2.0.
- */
-
+* Copyright Zendesk, Inc.
+*
+* Use of this source code is governed under the Apache License, Version 2.0
+* found at http://www.apache.org/licenses/LICENSE-2.0.
+*/
 'use strict';
 
 var React = require('react');
@@ -40,27 +39,12 @@ var React__namespace = /*#__PURE__*/_interopNamespace(React);
 var PropTypes__default = /*#__PURE__*/_interopDefault(PropTypes);
 var styled__default = /*#__PURE__*/_interopDefault(styled);
 
-function _extends$6() {
-  _extends$6 = Object.assign ? Object.assign.bind() : 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$6.apply(this, arguments);
-}
-
 const TYPE = ['success', 'warning', 'error', 'info'];
 
 const COMPONENT_ID$b = 'notifications.close';
 const StyledClose = styled__default.default.button.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"
@@ -75,7 +59,7 @@ StyledClose.defaultProps = {
 const COMPONENT_ID$a = 'notifications.paragraph';
 const StyledParagraph = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"
@@ -87,7 +71,7 @@ StyledParagraph.defaultProps = {
 const COMPONENT_ID$9 = 'notifications.title';
 const StyledTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"
@@ -144,7 +128,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
 const colorStyles$5 = props => styled.css(["", "{color:", ";}"], StyledTitle, props.hue && reactTheming.getColorV8(props.hue, 800, props.theme));
 const StyledAlert = styled__default.default(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledAlert",
   componentId: "sc-fyn8jp-0"
@@ -189,7 +173,7 @@ const colorStyles$4 = props => {
 };
 const StyledNotification = styled__default.default(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledNotification",
   componentId: "sc-uf6jh-0"
@@ -204,7 +188,7 @@ StyledNotification.defaultProps = {
 const COMPONENT_ID$6 = 'notifications.well';
 const StyledWell = styled__default.default(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"
@@ -272,8 +256,10 @@ const colorStyles$3 = props => {
   const boxShadow = `0 ${props.theme.borderWidths.sm} ${props.theme.borderWidths.sm} ${borderColor}`;
   return styled.css(["box-shadow:", ";background-color:", ";color:", ";& a{color:inherit;", " &:hover{color:", ";}&:active{color:", ";}}"], boxShadow, backgroundColor, foregroundColor, reactTheming.focusStyles({
     theme: props.theme,
-    hue: focusColor,
-    shade: props.alertType === 'info' ? 600 : 800,
+    color: {
+      hue: focusColor,
+      shade: props.alertType === 'info' ? 600 : 800
+    },
     styles: {
       color: 'inherit'
     }
@@ -291,7 +277,7 @@ const sizeStyles$3 = props => {
 };
 const StyledGlobalAlert = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledGlobalAlert",
   componentId: "sc-k6rimt-0"
@@ -339,8 +325,10 @@ const colorStyles$2 = props => {
   }
   return styled.css(["color:inherit;&:hover{background-color:", ";color:", ";}", " &:active{background-color:", ";color:", ";}"], hoverBackgroundColor, hoverForegroundColor, reactTheming.focusStyles({
     theme: props.theme,
-    hue: focusColor,
-    shade: props.alertType === 'info' ? 600 : 800
+    color: {
+      hue: focusColor,
+      shade: props.alertType === 'info' ? 600 : 800
+    }
   }), activeBackgroundColor, activeForegroundColor);
 };
 const sizeStyles$2 = props => {
@@ -351,7 +339,7 @@ const sizeStyles$2 = props => {
 };
 const StyledGlobalAlertClose = styled__default.default(reactButtons.IconButton).attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.8',
   size: 'small'
 }).withConfig({
   displayName: "StyledGlobalAlertClose",
@@ -395,8 +383,10 @@ function colorStyles$1(props) {
   }
   return styled.css(["background-color:", ";&:hover{background-color:", ";}", " &:active{background-color:", ";}"], backgroundColor, hoverBackgroundColor, reactTheming.focusStyles({
     theme: props.theme,
-    hue: focusColor,
-    shade: props.alertType === 'info' ? 600 : 800
+    color: {
+      hue: focusColor,
+      shade: props.alertType === 'info' ? 600 : 800
+    }
   }), activeBackgroundColor);
 }
 function sizeStyles$1(props) {
@@ -406,7 +396,7 @@ function sizeStyles$1(props) {
 }
 const StyledGlobalAlertButton = styled__default.default(reactButtons.Button).attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '9.0.0-next.6',
+  'data-garden-version': '9.0.0-next.8',
   focusInset: false,
   isDanger: false,
   isLink: false,
@@ -425,7 +415,7 @@ StyledGlobalAlertButton.defaultProps = {
 const COMPONENT_ID$2 = 'notifications.global-alert.content';
 const StyledGlobalAlertContent = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$2,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledGlobalAlertContent",
   componentId: "sc-rept0u-0"
@@ -449,7 +439,7 @@ const StyledGlobalAlertIcon = styled__default.default(_ref => {
   return React__namespace.default.cloneElement(React.Children.only(children), props);
 }).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledGlobalAlertIcon",
   componentId: "sc-84ne9k-0"
@@ -477,7 +467,7 @@ const colorStyles = props => {
 };
 const StyledGlobalAlertTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.6'
+  'data-garden-version': '9.0.0-next.8'
 }).withConfig({
   displayName: "StyledGlobalAlertTitle",
   componentId: "sc-10clqbo-0"
@@ -607,12 +597,12 @@ const useNotificationsContext = () => {
   return React.useContext(NotificationsContext);
 };
 
-const Title = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledTitle, _extends$6({
+const Title = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledTitle, Object.assign({
   ref: ref
 }, props)));
 Title.displayName = 'Title';
 
-const Paragraph = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledParagraph, _extends$6({
+const Paragraph = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledParagraph, Object.assign({
   ref: ref
 }, props)));
 Paragraph.displayName = 'Paragraph';
@@ -637,7 +627,7 @@ var SvgXStroke$1 = function SvgXStroke(props) {
 const Close = React__namespace.default.forwardRef((props, ref) => {
   const ariaLabel = reactTheming.useText(Close, props, 'aria-label', 'Close');
   const hue = useNotificationsContext();
-  return React__namespace.default.createElement(StyledClose, _extends$6({
+  return React__namespace.default.createElement(StyledClose, Object.assign({
     ref: ref,
     hue: hue,
     "aria-label": ariaLabel
@@ -654,7 +644,7 @@ const AlertComponent = React__namespace.default.forwardRef((_ref, ref) => {
   const Icon = validationIcons[props.type];
   return React__namespace.default.createElement(NotificationsContext.Provider, {
     value: hue
-  }, React__namespace.default.createElement(StyledAlert, _extends$6({
+  }, React__namespace.default.createElement(StyledAlert, Object.assign({
     ref: ref,
     hue: hue,
     role: role === undefined ? 'alert' : role
@@ -678,7 +668,7 @@ const NotificationComponent = React.forwardRef((_ref, ref) => {
   } = _ref;
   const Icon = props.type ? validationIcons[props.type] : SvgInfoStroke;
   const hue = props.type && validationHues[props.type];
-  return React__namespace.default.createElement(StyledNotification, _extends$6({
+  return React__namespace.default.createElement(StyledNotification, Object.assign({
     ref: ref,
     type: props.type,
     isFloating: true
@@ -697,7 +687,7 @@ Notification.Close = Close;
 Notification.Paragraph = Paragraph;
 Notification.Title = Title;
 
-const WellComponent = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledWell, _extends$6({
+const WellComponent = React__namespace.default.forwardRef((props, ref) => React__namespace.default.createElement(StyledWell, Object.assign({
   ref: ref
 }, props)));
 WellComponent.displayName = 'Well';
@@ -981,7 +971,7 @@ const ToastSlot = _ref => {
     }
     return index >= limit;
   }, [limit, placement, toasts.length]);
-  return React__namespace.default.createElement(StyledTransitionContainer, _extends$6({
+  return React__namespace.default.createElement(StyledTransitionContainer, Object.assign({
     key: placement,
     toastPlacement: placement,
     toastZIndex: zIndex,
@@ -1026,7 +1016,7 @@ const ToastProvider = _ref => {
     if (placement === 'bottom' || placement === 'bottom-start' || placement === 'bottom-end') {
       matchingToasts = matchingToasts.reverse();
     }
-    return React__namespace.default.createElement(ToastSlot, _extends$6({
+    return React__namespace.default.createElement(ToastSlot, Object.assign({
       placement: placement,
       toasts: matchingToasts,
       zIndex: zIndex,
@@ -1060,7 +1050,7 @@ const GlobalAlertButton = React.forwardRef((_ref, ref) => {
   const {
     type
   } = useGlobalAlertContext();
-  return React__namespace.default.createElement(StyledGlobalAlertButton, _extends$6({
+  return React__namespace.default.createElement(StyledGlobalAlertButton, Object.assign({
     ref: ref,
     alertType: type
   }, props, {
@@ -1095,7 +1085,7 @@ const GlobalAlertClose = React.forwardRef((props, ref) => {
     type
   } = useGlobalAlertContext();
   const label = reactTheming.useText(GlobalAlertClose, props, 'aria-label', 'Close');
-  return React__namespace.default.createElement(StyledGlobalAlertClose, _extends$6({
+  return React__namespace.default.createElement(StyledGlobalAlertClose, Object.assign({
     ref: ref,
     alertType: type
   }, props), React__namespace.default.createElement(SvgXStroke, {
@@ -1106,7 +1096,7 @@ const GlobalAlertClose = React.forwardRef((props, ref) => {
 GlobalAlertClose.displayName = 'GlobalAlert.Close';
 
 const GlobalAlertContent = React.forwardRef((props, ref) => {
-  return React__namespace.default.createElement(StyledGlobalAlertContent, _extends$6({
+  return React__namespace.default.createElement(StyledGlobalAlertContent, Object.assign({
     ref: ref
   }, props));
 });
@@ -1116,7 +1106,7 @@ const GlobalAlertTitle = React.forwardRef((props, ref) => {
   const {
     type
   } = useGlobalAlertContext();
-  return React__namespace.default.createElement(StyledGlobalAlertTitle, _extends$6({
+  return React__namespace.default.createElement(StyledGlobalAlertTitle, Object.assign({
     alertType: type,
     ref: ref
   }, props));
@@ -1135,7 +1125,7 @@ const GlobalAlertComponent = React.forwardRef((_ref, ref) => {
     value: React.useMemo(() => ({
       type
     }), [type])
-  }, React__namespace.default.createElement(StyledGlobalAlert, _extends$6({
+  }, React__namespace.default.createElement(StyledGlobalAlert, Object.assign({
     ref: ref,
     role: "status",
     alertType: type

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-notifications",
-  "version": "9.0.0-next.6",
+  "version": "9.0.0-next.8",
   "description": "Notification and Well components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -10,7 +10,7 @@
     "url": "https://github.com/zendeskgarden/react-components/issues"
   },
   "main": "dist/index.cjs.js",
-  "module": "dist/index.esm.js",
+  "module": "dist/esm/index.js",
   "files": [
     "dist"
   ],
@@ -21,21 +21,21 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/react-buttons": "^9.0.0-next.6",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.8",
     "polished": "^4.1.1",
     "prop-types": "^15.5.7",
     "react-transition-group": "^4.4.2",
     "react-uid": "^2.3.1"
   },
   "peerDependencies": {
-    "@zendeskgarden/react-theming": "^8.67.0",
+    "@zendeskgarden/react-theming": ">=9.0.0-next",
     "react": ">=16.8.0",
     "react-dom": ">=16.8.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.6",
+    "@zendeskgarden/react-theming": "^9.0.0-next.8",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
+  "gitHead": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
 }