@zendeskgarden/react-notifications 8.47.2 → 8.48.0

package/dist/index.cjs.js

@@ -215,7 +215,7 @@ function _nonIterableRest() {
 var COMPONENT_ID$5 = 'notifications.close';
 var StyledClose = styled__default["default"].button.attrs({
   'data-garden-id': COMPONENT_ID$5,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"
@@ -247,7 +247,7 @@ StyledClose.defaultProps = {
 var COMPONENT_ID$4 = 'notifications.paragraph';
 var StyledParagraph = styled__default["default"].p.attrs({
   'data-garden-id': COMPONENT_ID$4,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"
@@ -263,7 +263,7 @@ StyledParagraph.defaultProps = {
 var COMPONENT_ID$3 = 'notifications.title';
 var StyledTitle = styled__default["default"].div.attrs({
   'data-garden-id': COMPONENT_ID$3,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"
@@ -335,7 +335,7 @@ var colorStyles$1 = function colorStyles(props) {
 var StyledAlert = styled__default["default"](StyledBase).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$2,
-    'data-garden-version': '8.47.2',
+    'data-garden-version': '8.48.0',
     role: props.role === undefined ? 'alert' : props.role
   };
 }).withConfig({
@@ -382,7 +382,7 @@ var colorStyles = function colorStyles(props) {
 var StyledNotification = styled__default["default"](StyledBase).attrs(function (props) {
   return {
     'data-garden-id': COMPONENT_ID$1,
-    'data-garden-version': '8.47.2',
+    'data-garden-version': '8.48.0',
     role: props.role === undefined ? 'status' : props.role
   };
 }).withConfig({
@@ -401,7 +401,7 @@ StyledNotification.defaultProps = {
 var COMPONENT_ID = 'notifications.well';
 var StyledWell = styled__default["default"](StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '8.47.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"
@@ -706,6 +706,8 @@ var toasterReducer = function toasterReducer(state, action) {
   }
 };
 
+var ToastContext = React.createContext(undefined);
+
 var DEFAULT_TOAST_OPTIONS = {
   autoDismiss: 5000,
   placement: 'top-end'
@@ -946,7 +948,6 @@ var ToastSlot = function ToastSlot(_ref) {
   }));
 };
 
-var ToastContext = React.createContext(undefined);
 var ToastProvider = function ToastProvider(_ref) {
   var limit = _ref.limit,
       zIndex = _ref.zIndex,
@@ -987,7 +988,8 @@ ToastProvider.defaultProps = {
 };
 ToastProvider.propTypes = {
   limit: PropTypes__default["default"].number,
-  zIndex: PropTypes__default["default"].number
+  zIndex: PropTypes__default["default"].number,
+  placementProps: PropTypes__default["default"].object
 };
 
 exports.Alert = Alert;

package/dist/index.esm.js

@@ -187,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.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"
@@ -219,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.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"
@@ -235,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.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"
@@ -307,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.2',
+    'data-garden-version': '8.48.0',
     role: props.role === undefined ? 'alert' : props.role
   };
 }).withConfig({
@@ -354,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.2',
+    'data-garden-version': '8.48.0',
     role: props.role === undefined ? 'status' : props.role
   };
 }).withConfig({
@@ -373,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.2'
+  'data-garden-version': '8.48.0'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"
@@ -678,6 +678,8 @@ var toasterReducer = function toasterReducer(state, action) {
   }
 };
 
+var ToastContext = createContext(undefined);
+
 var DEFAULT_TOAST_OPTIONS = {
   autoDismiss: 5000,
   placement: 'top-end'
@@ -918,7 +920,6 @@ var ToastSlot = function ToastSlot(_ref) {
   }));
 };
 
-var ToastContext = createContext(undefined);
 var ToastProvider = function ToastProvider(_ref) {
   var limit = _ref.limit,
       zIndex = _ref.zIndex,
@@ -959,7 +960,8 @@ ToastProvider.defaultProps = {
 };
 ToastProvider.propTypes = {
   limit: PropTypes.number,
-  zIndex: PropTypes.number
+  zIndex: PropTypes.number,
+  placementProps: PropTypes.object
 };
 
 export { Alert, Close, Notification, Paragraph, Title, ToastProvider, Well, useToast };

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

@@ -7,6 +7,7 @@
 import React, { HTMLAttributes } from 'react';
 import { VALIDATION_TYPE } from '../utils/types';
 export interface INotificationProps extends HTMLAttributes<HTMLDivElement> {
+    /** Applies notification type styles */
     type?: VALIDATION_TYPE;
 }
 /**

package/dist/typings/elements/toaster/Toast.d.ts

@@ -4,11 +4,10 @@
  * 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 { IToast } from './reducer';
 interface IToastProps {
     toast: IToast;
     pauseTimers: boolean;
 }
-export declare const Toast: React.FC<IToastProps>;
+export declare const Toast: ({ toast, pauseTimers }: IToastProps) => import("react").ReactElement<any, string | import("react").JSXElementConstructor<any>>;
 export {};

package/dist/typings/elements/toaster/ToastContext.d.ts

@@ -0,0 +1,14 @@
+/**
+ * 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.
+ */
+import { Dispatch } from 'react';
+import { IToasterState, ToasterReducerAction } from './reducer';
+interface IToastContext {
+    state: IToasterState;
+    dispatch: Dispatch<ToasterReducerAction>;
+}
+export declare const ToastContext: import("react").Context<IToastContext | undefined>;
+export {};

package/dist/typings/elements/toaster/ToastProvider.d.ts

@@ -4,24 +4,32 @@
  * 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, { Dispatch, HTMLAttributes } from 'react';
-import { IToasterState, ToasterReducerAction, ToastPlacement } from './reducer';
-export declare const ToastContext: React.Context<{
-    state: IToasterState;
-    dispatch: Dispatch<ToasterReducerAction>;
-} | undefined>;
+import { HTMLAttributes, PropsWithChildren } from 'react';
+import PropTypes from 'prop-types';
+import { ToastPlacement } from './reducer';
 export interface IToastProviderProps {
     /**
      * Limits the number of visible toasts
      */
     limit?: number;
-    /**
-     * Sets the `z-index` of the toast
-     */
-    zIndex?: number;
     /**
      * Passes placement-based customization props to the toast's parent element
      */
     placementProps?: Partial<Record<ToastPlacement, HTMLAttributes<HTMLDivElement>>>;
+    /**
+     * Sets the `z-index` of the toast
+     */
+    zIndex?: number;
 }
-export declare const ToastProvider: React.FC<IToastProviderProps>;
+export declare const ToastProvider: {
+    ({ limit, zIndex, placementProps, children }: PropsWithChildren<IToastProviderProps>): JSX.Element;
+    displayName: string;
+    defaultProps: {
+        limit: number;
+    };
+    propTypes: {
+        limit: PropTypes.Requireable<number>;
+        zIndex: PropTypes.Requireable<number>;
+        placementProps: PropTypes.Requireable<object>;
+    };
+};

package/dist/typings/elements/toaster/ToastSlot.d.ts

@@ -4,7 +4,7 @@
  * 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, { HTMLAttributes } from 'react';
+import { HTMLAttributes } from 'react';
 import { IToast, ToastPlacement } from './reducer';
 interface IToastSlotProps extends HTMLAttributes<HTMLDivElement> {
     toasts: IToast[];
@@ -12,5 +12,5 @@ interface IToastSlotProps extends HTMLAttributes<HTMLDivElement> {
     limit: number;
     zIndex?: number;
 }
-export declare const ToastSlot: React.FC<IToastSlotProps>;
+export declare const ToastSlot: ({ toasts, placement, zIndex, limit, ...props }: IToastSlotProps) => JSX.Element;
 export {};

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-notifications",
-  "version": "8.47.2",
+  "version": "8.48.0",
   "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.2",
+    "@zendeskgarden/react-theming": "^8.48.0",
     "@zendeskgarden/svg-icons": "6.30.2"
   },
   "keywords": [
@@ -47,5 +47,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "41cb43f285760417ae2145e47eca0e4a600455ab"
+  "gitHead": "75f36aee62043004650c3eb2e1583b98a87d71f8"
 }