@zendeskgarden/react-notifications 9.0.0-next.21 → 9.0.0-next.23

package/dist/esm/elements/Notification.js

@@ -39,7 +39,7 @@ const NotificationComponent = forwardRef((_ref, ref) => {
     $type: type,
     $isFloating: true,
     role: "alert"
-  }, props), type && React__default.createElement(StyledIcon, {
+  }, props), !!type && React__default.createElement(StyledIcon, {
     $type: type
   }, React__default.createElement(Icon, null)), children);
 });

package/dist/esm/styled/StyledAlert.js

@@ -39,7 +39,7 @@ const colorStyles = props => {
 };
 const StyledAlert = styled(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledAlert",
   componentId: "sc-fyn8jp-0"

package/dist/esm/styled/StyledBase.js

@@ -80,7 +80,7 @@ const padding = props => {
 };
 const StyledBase = styled.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledBase",
   componentId: "sc-14syaqw-0"

package/dist/esm/styled/StyledIcon.js

@@ -49,7 +49,7 @@ const colorStyles = _ref2 => {
 };
 const StyledIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-msklws-0"

package/dist/esm/styled/StyledNotification.js

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

package/dist/esm/styled/StyledWell.js

@@ -35,7 +35,7 @@ const colorStyles = _ref => {
 };
 const StyledWell = styled(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"

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

@@ -58,7 +58,7 @@ const colorStyles = _ref => {
 };
 const StyledClose = styled(IconButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).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.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"

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

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

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

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

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

@@ -106,7 +106,7 @@ function sizeStyles(props) {
 }
 const StyledGlobalAlertButton = styled(Button).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertButton",
   componentId: "sc-1txe91a-0"

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

@@ -91,7 +91,7 @@ const sizeStyles = props => {
 };
 const StyledGlobalAlertClose = styled(IconButton).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertClose",
   componentId: "sc-1g5s93s-0"

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.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertContent",
   componentId: "sc-rept0u-0"

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

@@ -53,7 +53,7 @@ const colorStyles = _ref => {
 };
 const StyledGlobalAlertIcon = styled(StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertIcon",
   componentId: "sc-84ne9k-0"

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

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

package/dist/index.cjs.js

@@ -206,7 +206,7 @@ const colorStyles$a = _ref => {
 };
 const StyledClose = styled__default.default(reactButtons.IconButton).attrs({
   'data-garden-id': COMPONENT_ID$d,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledClose",
   componentId: "sc-1mr9nx1-0"
@@ -218,7 +218,7 @@ StyledClose.defaultProps = {
 const COMPONENT_ID$c = 'notifications.paragraph';
 const StyledParagraph = styled__default.default.p.attrs({
   'data-garden-id': COMPONENT_ID$c,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledParagraph",
   componentId: "sc-12tmd6p-0"
@@ -230,7 +230,7 @@ StyledParagraph.defaultProps = {
 const COMPONENT_ID$b = 'notifications.title';
 const StyledTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$b,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledTitle",
   componentId: "sc-xx4jsv-0"
@@ -314,7 +314,7 @@ const padding = props => {
 };
 const StyledBase = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID$a,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledBase",
   componentId: "sc-14syaqw-0"
@@ -352,7 +352,7 @@ const colorStyles$8 = props => {
 };
 const StyledAlert = styled__default.default(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID$9,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledAlert",
   componentId: "sc-fyn8jp-0"
@@ -390,7 +390,7 @@ const colorStyles$7 = props => {
 };
 const StyledNotification = styled__default.default(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID$8,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledNotification",
   componentId: "sc-uf6jh-0"
@@ -429,7 +429,7 @@ const colorStyles$6 = _ref => {
 };
 const StyledWell = styled__default.default(StyledBase).attrs({
   'data-garden-id': COMPONENT_ID$7,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledWell",
   componentId: "sc-a5831c-0"
@@ -479,7 +479,7 @@ const colorStyles$5 = _ref2 => {
 };
 const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$6,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledIcon",
   componentId: "sc-msklws-0"
@@ -629,7 +629,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.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlert",
   componentId: "sc-k6rimt-0"
@@ -721,7 +721,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.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertClose",
   componentId: "sc-1g5s93s-0"
@@ -827,7 +827,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.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertButton",
   componentId: "sc-1txe91a-0"
@@ -839,7 +839,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.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertContent",
   componentId: "sc-rept0u-0"
@@ -893,7 +893,7 @@ const colorStyles$1 = _ref => {
 };
 const StyledGlobalAlertIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
   'data-garden-id': COMPONENT_ID$1,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertIcon",
   componentId: "sc-84ne9k-0"
@@ -932,7 +932,7 @@ const colorStyles = _ref => {
 };
 const StyledGlobalAlertTitle = styled__default.default.div.attrs({
   'data-garden-id': COMPONENT_ID,
-  'data-garden-version': '9.0.0-next.21'
+  'data-garden-version': '9.0.0-next.23'
 }).withConfig({
   displayName: "StyledGlobalAlertTitle",
   componentId: "sc-10clqbo-0"
@@ -1063,7 +1063,7 @@ const NotificationComponent = React.forwardRef((_ref, ref) => {
     $type: type,
     $isFloating: true,
     role: "alert"
-  }, props), type && React__namespace.default.createElement(StyledIcon, {
+  }, props), !!type && React__namespace.default.createElement(StyledIcon, {
     $type: type
   }, React__namespace.default.createElement(Icon, null)), children);
 });

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

@@ -13,7 +13,7 @@ export declare const NotificationComponent: React.ForwardRefExoticComponent<INot
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Notification: React.ForwardRefExoticComponent<INotificationProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Notification: typeof NotificationComponent & {
     Close: typeof Close;
     Paragraph: typeof Paragraph;
     Title: typeof Title;

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

@@ -13,7 +13,7 @@ export declare const AlertComponent: React.ForwardRefExoticComponent<IAlertProps
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Alert: React.ForwardRefExoticComponent<IAlertProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Alert: typeof AlertComponent & {
     Close: typeof Close;
     Paragraph: typeof Paragraph;
     Title: typeof Title;

package/dist/typings/elements/global-alert/GlobalAlert.d.ts

@@ -10,12 +10,19 @@ import { GlobalAlertButton } from './GlobalAlertButton';
 import { GlobalAlertClose } from './GlobalAlertClose';
 import { GlobalAlertContent } from './GlobalAlertContent';
 import { GlobalAlertTitle } from './GlobalAlertTitle';
+/**
+ * 1. Global Alert always renders with light theme colors
+ * 2. role='status' on `div` is valid WAI-ARIA usage in this context.
+ *    https://www.w3.org/TR/wai-aria-1.1/#status
+ */
+declare const GlobalAlertComponent: React.ForwardRefExoticComponent<IGlobalAlertProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const GlobalAlert: React.ForwardRefExoticComponent<IGlobalAlertProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const GlobalAlert: typeof GlobalAlertComponent & {
     Button: typeof GlobalAlertButton;
     Close: typeof GlobalAlertClose;
     Content: typeof GlobalAlertContent;
     Title: typeof GlobalAlertTitle;
 };
+export {};

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

@@ -4,7 +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.
  */
-/// <reference types="react" />
 import { IToast } from './useToast';
 interface IToastProps {
     toast: IToast;

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

@@ -12,7 +12,7 @@ export declare const WellComponent: React.ForwardRefExoticComponent<IWellProps &
 /**
  * @extends HTMLAttributes<HTMLDivElement>
  */
-export declare const Well: React.ForwardRefExoticComponent<IWellProps & React.RefAttributes<HTMLDivElement>> & {
+export declare const Well: typeof WellComponent & {
     Paragraph: typeof Paragraph;
     Title: typeof Title;
 };

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

@@ -4,7 +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.
  */
-/// <reference types="react" />
 import { DefaultTheme, ThemeProps } from 'styled-components';
 import { Type } from '../types';
 interface IStyledIconProps extends ThemeProps<DefaultTheme> {

package/dist/typings/styled/content/StyledClose.d.ts

@@ -4,7 +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.
  */
-/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 import { Type } from '../../types';
 interface IStyledCloseProps {

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

@@ -4,7 +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.
  */
-/// <reference types="react" />
 import { DefaultTheme } from 'styled-components';
 import { IGlobalAlertProps } from '../../types';
 interface IStyledGlobalAlertButtonProps {
@@ -12,14 +11,8 @@ interface IStyledGlobalAlertButtonProps {
     isBasic?: boolean;
 }
 export declare const StyledGlobalAlertButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
-    EndIcon: {
-        ({ isRotated, ...props }: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
-        displayName: string;
-    };
-    StartIcon: {
-        ({ isRotated, ...props }: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
-        displayName: string;
-    };
+    EndIcon: typeof import("packages/buttons/dist/typings/elements/components/EndIcon").EndIcon;
+    StartIcon: typeof import("packages/buttons/dist/typings/elements/components/StartIcon").StartIcon;
 }, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;

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

@@ -4,7 +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.
  */
-/// <reference types="react" />
 import { DefaultTheme, ThemeProps } from 'styled-components';
 import { IGlobalAlertProps } from '../../types';
 interface IStyledGlobalAlertCloseProps {

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

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

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

@@ -4,7 +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.
  */
-/// <reference types="react" />
 import { IGlobalAlertProps } from '../types';
 export type GlobalAlertContextProps = Pick<IGlobalAlertProps, 'type'>;
 export declare const GlobalAlertContext: import("react").Context<GlobalAlertContextProps>;

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

@@ -4,6 +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.
  */
-/// <reference types="react" />
 export declare const NotificationsContext: import("react").Context<"success" | "warning" | "error" | "info" | undefined>;
 export declare const useNotificationsContext: () => "success" | "warning" | "error" | "info" | undefined;

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@zendeskgarden/react-notifications",
-  "version": "9.0.0-next.21",
+  "version": "9.0.0-next.23",
   "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.21",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.23",
     "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-transition-group": "^4.4.2",
@@ -29,14 +29,14 @@
   },
   "peerDependencies": {
     "@zendeskgarden/react-theming": ">=9.0.0-next",
-    "react": ">=16.8.0",
-    "react-dom": ">=16.8.0",
+    "react": "^16.8.0 || ^17.0.0 || ^18.0.0",
+    "react-dom": "^16.8.0 || ^17.0.0 || ^18.0.0",
     "styled-components": "^5.3.1"
   },
   "devDependencies": {
-    "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.21",
-    "@zendeskgarden/svg-icons": "7.1.1"
+    "@types/react-transition-group": "4.4.11",
+    "@zendeskgarden/react-theming": "^9.0.0-next.23",
+    "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
     "components",
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a245ce2b794ea65142174a6a1f855a111b2677a2"
+  "gitHead": "5e7d2ed69a1615e09406a3f9285359346bb90cc7"
 }