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

package/dist/esm/elements/Alert.js

@@ -41,7 +41,7 @@ const AlertComponent = React__default.forwardRef((_ref, ref) => {
     hue: hue,
     role: role === undefined ? 'alert' : role
   }, props), React__default.createElement(StyledIcon, {
-    hue: hue
+    $hue: hue
   }, React__default.createElement(Icon, null)), props.children));
 });
 AlertComponent.displayName = 'Alert';

package/dist/esm/elements/Notification.js

@@ -29,20 +29,20 @@ import { Close } from './content/Close.js';
 
 const NotificationComponent = forwardRef((_ref, ref) => {
   let {
-    role,
+    children,
+    type,
     ...props
   } = _ref;
-  const Icon = props.type ? validationIcons[props.type] : SvgInfoStroke;
-  const hue = props.type && validationHues[props.type];
+  const Icon = type ? validationIcons[type] : SvgInfoStroke;
+  const hue = type && validationHues[type];
   return React__default.createElement(StyledNotification, Object.assign({
     ref: ref,
-    type: props.type,
-    isFloating: true
-  }, props, {
-    role: role === undefined ? 'status' : role
-  }), props.type && React__default.createElement(StyledIcon, {
-    hue: hue
-  }, React__default.createElement(Icon, null)), props.children);
+    type: type,
+    isFloating: true,
+    role: "alert"
+  }, props), type && React__default.createElement(StyledIcon, {
+    $hue: hue
+  }, React__default.createElement(Icon, null)), children);
 });
 NotificationComponent.displayName = 'Notification';
 NotificationComponent.propTypes = {

package/dist/esm/elements/global-alert/GlobalAlert.js

@@ -36,6 +36,12 @@ const GlobalAlertComponent = forwardRef((_ref, ref) => {
     type,
     ...props
   } = _ref;
+  const icon = {
+    success: React__default.createElement(SvgCheckCircleStroke, null),
+    error: React__default.createElement(SvgAlertErrorStroke, null),
+    warning: React__default.createElement(SvgAlertWarningStroke, null),
+    info: React__default.createElement(SvgInfoStroke, null)
+  }[type];
   return React__default.createElement(GlobalAlertContext.Provider, {
     value: useMemo(() => ({
       type
@@ -44,12 +50,7 @@ const GlobalAlertComponent = forwardRef((_ref, ref) => {
     ref: ref,
     role: "status",
     alertType: type
-  }, props), {
-    success: React__default.createElement(StyledGlobalAlertIcon, null, React__default.createElement(SvgCheckCircleStroke, null)),
-    error: React__default.createElement(StyledGlobalAlertIcon, null, React__default.createElement(SvgAlertErrorStroke, null)),
-    warning: React__default.createElement(StyledGlobalAlertIcon, null, React__default.createElement(SvgAlertWarningStroke, null)),
-    info: React__default.createElement(StyledGlobalAlertIcon, null, React__default.createElement(SvgInfoStroke, null))
-  }[type], props.children));
+  }, props), React__default.createElement(StyledGlobalAlertIcon, null, icon), props.children));
 });
 GlobalAlertComponent.displayName = 'GlobalAlert';
 const GlobalAlert = GlobalAlertComponent;

package/dist/esm/styled/StyledAlert.js

@@ -13,7 +13,7 @@ const COMPONENT_ID = 'notifications.alert';
 const colorStyles = props => css(["", "{color:", ";}"], StyledTitle, props.hue && getColorV8(props.hue, 800, props.theme));
 const StyledAlert = styled(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledAlert",
   componentId: "sc-fyn8jp-0"

package/dist/esm/styled/StyledIcon.js

@@ -4,20 +4,13 @@
 * 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__default, { Children } from 'react';
 import styled from 'styled-components';
-import { getColorV8, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledBaseIcon, getColorV8, DEFAULT_THEME } from '@zendeskgarden/react-theming';
 
-const StyledIcon = styled(_ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return React__default.cloneElement(Children.only(children), props);
-}).withConfig({
+const StyledIcon = styled(StyledBaseIcon).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-msklws-0"
-})(["position:absolute;right:", ";left:", ";margin-top:", "px;color:", ";"], props => props.theme.rtl && `${props.theme.space.base * 4}px`, props => !props.theme.rtl && `${props.theme.space.base * 4}px`, props => props.theme.space.base / 2, props => props.hue && getColorV8(props.hue, props.hue === 'warningHue' ? 700 : 600, props.theme));
+})(["position:absolute;right:", ";left:", ";margin-top:", "px;color:", ";"], props => props.theme.rtl && `${props.theme.space.base * 4}px`, props => !props.theme.rtl && `${props.theme.space.base * 4}px`, props => props.theme.space.base / 2, props => props.$hue && getColorV8(props.$hue, props.$hue === 'warningHue' ? 700 : 600, props.theme));
 StyledIcon.defaultProps = {
   theme: DEFAULT_THEME
 };

package/dist/esm/styled/StyledNotification.js

@@ -47,7 +47,7 @@ const colorStyles = props => {
 };
 const StyledNotification = styled(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledNotification",
   componentId: "sc-uf6jh-0"

package/dist/esm/styled/StyledWell.js

@@ -11,7 +11,7 @@ import { StyledBase } from './StyledBase.js';
 const COMPONENT_ID = 'notifications.well';
 const StyledWell = styled(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"

package/dist/esm/styled/content/StyledClose.js

@@ -10,7 +10,7 @@ import { getColorV8, focusStyles, retrieveComponentStyles, DEFAULT_THEME } from
 const COMPONENT_ID = 'notifications.close';
 const StyledClose = styled.button.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"

package/dist/esm/styled/content/StyledParagraph.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'notifications.paragraph';
 const StyledParagraph = styled.p.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"

package/dist/esm/styled/content/StyledTitle.js

@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
 const COMPONENT_ID = 'notifications.title';
 const StyledTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"

package/dist/esm/styled/global-alert/StyledGlobalAlert.js

@@ -73,7 +73,7 @@ const sizeStyles = props => {
 };
 const StyledGlobalAlert = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlert",
   componentId: "sc-k6rimt-0"

package/dist/esm/styled/global-alert/StyledGlobalAlertButton.js

@@ -56,7 +56,7 @@ function sizeStyles(props) {
 }
 const StyledGlobalAlertButton = styled(Button).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8',
+  'data-garden-version': '9.0.0-next.9',
   focusInset: false,
   isDanger: false,
   isLink: false,

package/dist/esm/styled/global-alert/StyledGlobalAlertClose.js

@@ -61,7 +61,7 @@ const sizeStyles = props => {
 };
 const StyledGlobalAlertClose = styled(IconButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8',
+  'data-garden-version': '9.0.0-next.9',
   size: 'small'
 }).withConfig({
   displayName: "StyledGlobalAlertClose",

package/dist/esm/styled/global-alert/StyledGlobalAlertContent.js

@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
 const COMPONENT_ID = 'notifications.global-alert.content';
 const StyledGlobalAlertContent = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlertContent",
   componentId: "sc-rept0u-0"

package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js

@@ -4,10 +4,9 @@
 * 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__default, { Children } from 'react';
 import styled, { css } from 'styled-components';
 import { math } from 'polished';
-import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
+import { StyledBaseIcon, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
 
 const COMPONENT_ID = 'notifications.global-alert.icon';
 const sizeStyles = props => {
@@ -16,15 +15,9 @@ const sizeStyles = props => {
   const marginHorizontal = `${props.theme.space.base * 2}px`;
   return css(["margin-top:", ";margin-", ":", ";width:", ";height:", ";"], marginTop, props.theme.rtl ? 'left' : 'right', marginHorizontal, size, size);
 };
-const StyledGlobalAlertIcon = styled(_ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return React__default.cloneElement(Children.only(children), props);
-}).attrs({
+const StyledGlobalAlertIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlertIcon",
   componentId: "sc-84ne9k-0"

package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js

@@ -26,7 +26,7 @@ const colorStyles = props => {
 };
 const StyledGlobalAlertTitle = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlertTitle",
   componentId: "sc-10clqbo-0"

package/dist/index.cjs.js

@@ -44,7 +44,7 @@ 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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"
@@ -59,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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"
@@ -71,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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"
@@ -128,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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledAlert",
   componentId: "sc-fyn8jp-0"
@@ -173,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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledNotification",
   componentId: "sc-uf6jh-0"
@@ -188,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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"
@@ -197,16 +197,10 @@ StyledWell.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
 
-const StyledIcon = styled__default.default(_ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return React__namespace.default.cloneElement(React.Children.only(children), props);
-}).withConfig({
+const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-msklws-0"
-})(["position:absolute;right:", ";left:", ";margin-top:", "px;color:", ";"], props => props.theme.rtl && `${props.theme.space.base * 4}px`, props => !props.theme.rtl && `${props.theme.space.base * 4}px`, props => props.theme.space.base / 2, props => props.hue && reactTheming.getColorV8(props.hue, props.hue === 'warningHue' ? 700 : 600, props.theme));
+})(["position:absolute;right:", ";left:", ";margin-top:", "px;color:", ";"], props => props.theme.rtl && `${props.theme.space.base * 4}px`, props => !props.theme.rtl && `${props.theme.space.base * 4}px`, props => props.theme.space.base / 2, props => props.$hue && reactTheming.getColorV8(props.$hue, props.$hue === 'warningHue' ? 700 : 600, props.theme));
 StyledIcon.defaultProps = {
   theme: reactTheming.DEFAULT_THEME
 };
@@ -277,7 +271,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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlert",
   componentId: "sc-k6rimt-0"
@@ -339,7 +333,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.8',
+  'data-garden-version': '9.0.0-next.9',
   size: 'small'
 }).withConfig({
   displayName: "StyledGlobalAlertClose",
@@ -396,7 +390,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.8',
+  'data-garden-version': '9.0.0-next.9',
   focusInset: false,
   isDanger: false,
   isLink: false,
@@ -415,7 +409,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.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlertContent",
   componentId: "sc-rept0u-0"
@@ -431,15 +425,9 @@ const sizeStyles = props => {
   const marginHorizontal = `${props.theme.space.base * 2}px`;
   return styled.css(["margin-top:", ";margin-", ":", ";width:", ";height:", ";"], marginTop, props.theme.rtl ? 'left' : 'right', marginHorizontal, size, size);
 };
-const StyledGlobalAlertIcon = styled__default.default(_ref => {
-  let {
-    children,
-    ...props
-  } = _ref;
-  return React__namespace.default.cloneElement(React.Children.only(children), props);
-}).attrs({
+const StyledGlobalAlertIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlertIcon",
   componentId: "sc-84ne9k-0"
@@ -467,7 +455,7 @@ const colorStyles = props => {
 };
 const StyledGlobalAlertTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.8'
+  'data-garden-version': '9.0.0-next.9'
 }).withConfig({
   displayName: "StyledGlobalAlertTitle",
   componentId: "sc-10clqbo-0"
@@ -649,7 +637,7 @@ const AlertComponent = React__namespace.default.forwardRef((_ref, ref) => {
     hue: hue,
     role: role === undefined ? 'alert' : role
   }, props), React__namespace.default.createElement(StyledIcon, {
-    hue: hue
+    $hue: hue
   }, React__namespace.default.createElement(Icon, null)), props.children));
 });
 AlertComponent.displayName = 'Alert';
@@ -663,20 +651,20 @@ Alert.Title = Title;
 
 const NotificationComponent = React.forwardRef((_ref, ref) => {
   let {
-    role,
+    children,
+    type,
     ...props
   } = _ref;
-  const Icon = props.type ? validationIcons[props.type] : SvgInfoStroke;
-  const hue = props.type && validationHues[props.type];
+  const Icon = type ? validationIcons[type] : SvgInfoStroke;
+  const hue = type && validationHues[type];
   return React__namespace.default.createElement(StyledNotification, Object.assign({
     ref: ref,
-    type: props.type,
-    isFloating: true
-  }, props, {
-    role: role === undefined ? 'status' : role
-  }), props.type && React__namespace.default.createElement(StyledIcon, {
-    hue: hue
-  }, React__namespace.default.createElement(Icon, null)), props.children);
+    type: type,
+    isFloating: true,
+    role: "alert"
+  }, props), type && React__namespace.default.createElement(StyledIcon, {
+    $hue: hue
+  }, React__namespace.default.createElement(Icon, null)), children);
 });
 NotificationComponent.displayName = 'Notification';
 NotificationComponent.propTypes = {
@@ -1121,6 +1109,12 @@ const GlobalAlertComponent = React.forwardRef((_ref, ref) => {
     type,
     ...props
   } = _ref;
+  const icon = {
+    success: React__namespace.default.createElement(SvgCheckCircleStroke, null),
+    error: React__namespace.default.createElement(SvgAlertErrorStroke, null),
+    warning: React__namespace.default.createElement(SvgAlertWarningStroke, null),
+    info: React__namespace.default.createElement(SvgInfoStroke, null)
+  }[type];
   return React__namespace.default.createElement(GlobalAlertContext.Provider, {
     value: React.useMemo(() => ({
       type
@@ -1129,12 +1123,7 @@ const GlobalAlertComponent = React.forwardRef((_ref, ref) => {
     ref: ref,
     role: "status",
     alertType: type
-  }, props), {
-    success: React__namespace.default.createElement(StyledGlobalAlertIcon, null, React__namespace.default.createElement(SvgCheckCircleStroke, null)),
-    error: React__namespace.default.createElement(StyledGlobalAlertIcon, null, React__namespace.default.createElement(SvgAlertErrorStroke, null)),
-    warning: React__namespace.default.createElement(StyledGlobalAlertIcon, null, React__namespace.default.createElement(SvgAlertWarningStroke, null)),
-    info: React__namespace.default.createElement(StyledGlobalAlertIcon, null, React__namespace.default.createElement(SvgInfoStroke, null))
-  }[type], props.children));
+  }, props), React__namespace.default.createElement(StyledGlobalAlertIcon, null, icon), props.children));
 });
 GlobalAlertComponent.displayName = 'GlobalAlert';
 const GlobalAlert = GlobalAlertComponent;

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

@@ -4,5 +4,5 @@
  * 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 declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;
+/// <reference types="react" />
+export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;

package/dist/typings/styled/global-alert/StyledGlobalAlertButton.d.ts

@@ -13,11 +13,11 @@ interface IStyledGlobalAlertButtonProps {
 }
 export declare const StyledGlobalAlertButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
     EndIcon: {
-        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
+        ({ isRotated, ...props }: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
         displayName: string;
     };
     StartIcon: {
-        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
+        ({ isRotated, ...props }: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
         displayName: string;
     };
 }, DefaultTheme, {

package/dist/typings/styled/global-alert/StyledGlobalAlertIcon.d.ts

@@ -4,9 +4,9 @@
  * 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';
+/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
-export declare const StyledGlobalAlertIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+export declare const StyledGlobalAlertIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 }, "data-garden-id" | "data-garden-version">;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-notifications",
-  "version": "9.0.0-next.8",
+  "version": "9.0.0-next.9",
   "description": "Notification and Well components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,7 +21,7 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/react-buttons": "^9.0.0-next.8",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.9",
     "polished": "^4.1.1",
     "prop-types": "^15.5.7",
     "react-transition-group": "^4.4.2",
@@ -35,7 +35,7 @@
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.8",
+    "@zendeskgarden/react-theming": "^9.0.0-next.9",
     "@zendeskgarden/svg-icons": "7.0.0"
   },
   "keywords": [
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
+  "gitHead": "771281b562d376a6aee04b0cd71dd888b3ae4a1d"
 }