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

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

@@ -6,14 +6,14 @@
  */
 import React from 'react';
 import { INotificationProps } from '../types';
-import { Title } from './content/Title';
-import { Paragraph } from './content/Paragraph';
-import { Close } from './content/Close';
+import { Title } from './Title';
+import { Paragraph } from './Paragraph';
+import { Close } from './Close';
 export declare const NotificationComponent: React.ForwardRefExoticComponent<INotificationProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @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/{content/Title.d.ts → Title.d.ts}

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { ITitleProps } from '../../types';
+import { ITitleProps } from '../types';
 /**
  * @deprecated use `Alert.Title`, `Notification.Title`, or `Well.Title` instead
  *

package/dist/typings/elements/{Alert.d.ts → alert/Alert.d.ts}

@@ -5,15 +5,15 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IAlertProps } from '../types';
-import { Title } from './content/Title';
-import { Paragraph } from './content/Paragraph';
-import { Close } from './content/Close';
+import { IAlertProps } from '../../types';
+import { Title } from './Title';
+import { Paragraph } from './Paragraph';
+import { Close } from './Close';
 export declare const AlertComponent: React.ForwardRefExoticComponent<IAlertProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @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/alert/Close.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 React from 'react';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
+export declare const Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -0,0 +1,11 @@
+/**
+ * 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 React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLParagraphElement>
+ */
+export declare const Paragraph: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -0,0 +1,12 @@
+/**
+ * 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 React from 'react';
+import { ITitleProps } from '../../types';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Title: React.ForwardRefExoticComponent<ITitleProps & React.RefAttributes<HTMLDivElement>>;

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/Paragraph.d.ts

@@ -0,0 +1,11 @@
+/**
+ * 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 React from 'react';
+/**
+ * @extends HTMLAttributes<HTMLParagraphElement>
+ */
+export declare const Paragraph: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -0,0 +1,12 @@
+/**
+ * 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 React from 'react';
+import { ITitleProps } from '../../types';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const Title: React.ForwardRefExoticComponent<ITitleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/{Well.d.ts → well/Well.d.ts}

@@ -5,14 +5,14 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import React from 'react';
-import { IWellProps } from '../types';
-import { Title } from './content/Title';
-import { Paragraph } from './content/Paragraph';
+import { IWellProps } from '../../types';
+import { Title } from '../Title';
+import { Paragraph } from '../Paragraph';
 export declare const WellComponent: React.ForwardRefExoticComponent<IWellProps & React.RefAttributes<HTMLDivElement>>;
 /**
  * @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/index.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.
  */
-export { Alert } from './elements/Alert';
+export { Alert } from './elements/alert/Alert';
 export { Notification } from './elements/Notification';
-export { Well } from './elements/Well';
-export { Close } from './elements/content/Close';
-export { Paragraph } from './elements/content/Paragraph';
-export { Title } from './elements/content/Title';
+export { Well } from './elements/well/Well';
+export { Close } from './elements/Close';
+export { Paragraph } from './elements/Paragraph';
+export { Title } from './elements/Title';
 export { ToastProvider } from './elements/toaster/ToastProvider';
 export { useToast, type IToastOptions, type IToast } from './elements/toaster/useToast';
 export { GlobalAlert } from './elements/global-alert/GlobalAlert';

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

@@ -5,13 +5,18 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-export interface IStyledAlertProps {
-    hue?: string;
+import { IStyledBaseProps } from './StyledBase';
+import { Type } from '../types';
+export interface IStyledAlertProps extends IStyledBaseProps {
+    $type?: Type;
 }
 /**
  * Supports all `<div>` props
  */
-export declare const StyledAlert: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
+export declare const StyledAlert: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledBaseProps & {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledAlertProps, "data-garden-id" | "data-garden-version">;

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

@@ -4,11 +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 { DefaultTheme } from 'styled-components';
+import { ThemeProps, DefaultTheme } from 'styled-components';
 import { Type } from '../types';
-export interface IStyledBaseProps {
-    isFloating?: boolean;
-    hue?: string;
-    type?: Type;
+export interface IStyledBaseProps extends ThemeProps<DefaultTheme> {
+    $isFloating?: boolean;
+    $type?: Type;
 }
-export declare const StyledBase: import("styled-components").StyledComponent<"div", DefaultTheme, IStyledBaseProps, never>;
+export declare const StyledBase: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledBaseProps, "data-garden-id" | "data-garden-version">;

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

@@ -4,5 +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 from 'react';
-export declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => React.DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;
+import { DefaultTheme, ThemeProps } from 'styled-components';
+import { Type } from '../types';
+interface IStyledIconProps extends ThemeProps<DefaultTheme> {
+    $type?: Type;
+}
+export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledIconProps, "data-garden-id" | "data-garden-version">;
+export {};

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

@@ -5,11 +5,19 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 import { DefaultTheme } from 'styled-components';
-import { INotificationProps } from '../types';
+import { Type } from '../types';
+import { IStyledBaseProps } from './StyledBase';
+interface IStyledNotificationProps extends IStyledBaseProps {
+    $type?: Type;
+}
 /**
  * Supports all `<div>` props
  */
-export declare const StyledNotification: import("styled-components").StyledComponent<"div", DefaultTheme, import("./StyledBase").IStyledBaseProps & {
+export declare const StyledNotification: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-} & INotificationProps, "data-garden-id" | "data-garden-version">;
+} & IStyledBaseProps & {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledNotificationProps, "data-garden-id" | "data-garden-version">;
+export {};

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

@@ -4,13 +4,18 @@
  * 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 { DefaultTheme } from 'styled-components';
 export interface IStyledWellProps {
-    isRecessed?: boolean;
+    $isRecessed?: boolean;
+    $isFloating?: boolean;
 }
 /**
  * Supports all `<div>` props
  */
-export declare const StyledWell: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, import("./StyledBase").IStyledBaseProps & {
+export declare const StyledWell: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & import("./StyledBase").IStyledBaseProps & {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledWellProps, "data-garden-id" | "data-garden-version">;

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

@@ -4,9 +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 { Hue } from '../../utils/useNotificationsContext';
+import { DefaultTheme } from 'styled-components';
+import { Type } from '../../types';
 interface IStyledCloseProps {
-    hue?: Hue;
+    $type?: Type;
 }
 /**
  * Used to close a Notification. Supports all `<button>` props
@@ -14,7 +15,7 @@ interface IStyledCloseProps {
  * 1. Reset for <button> element.
  * 2. Remove dotted outline from Firefox on focus.
  */
-export declare const StyledClose: import("styled-components").StyledComponent<"button", import("styled-components").DefaultTheme, {
+export declare const StyledClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
 } & IStyledCloseProps, "data-garden-id" | "data-garden-version">;

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

@@ -5,7 +5,7 @@
  * found at http://www.apache.org/licenses/LICENSE-2.0.
  */
 export interface IStyledTitleProps {
-    isRegular?: boolean;
+    $isRegular?: boolean;
 }
 /**
  * 1. Reset for <h1>, etc.

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

@@ -7,7 +7,7 @@
 import { DefaultTheme } from 'styled-components';
 import { IGlobalAlertProps } from '../../types';
 interface IStyledGlobalAlertProps {
-    alertType: IGlobalAlertProps['type'];
+    $alertType: IGlobalAlertProps['type'];
 }
 export declare const StyledGlobalAlert: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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

@@ -4,31 +4,17 @@
  * 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 {
-    alertType: IGlobalAlertProps['type'];
+    $alertType: IGlobalAlertProps['type'];
     isBasic?: boolean;
 }
 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;
-        displayName: string;
-    };
-    StartIcon: {
-        (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;
-    focusInset: false;
-    isDanger: false;
-    isLink: false;
-    isNeutral: false;
-    isPill: false;
-    isStretched: false;
-    size: "small";
-} & IStyledGlobalAlertButtonProps, "size" | "isDanger" | "isStretched" | "isNeutral" | "isLink" | "isPill" | "focusInset" | "data-garden-id" | "data-garden-version">;
+} & IStyledGlobalAlertButtonProps, "data-garden-id" | "data-garden-version">;
 export {};

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

@@ -4,16 +4,14 @@
  * 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 {
-    alertType: IGlobalAlertProps['type'];
+    $alertType: IGlobalAlertProps['type'];
 }
 export declare const colorStyles: (props: ThemeProps<DefaultTheme> & IStyledGlobalAlertCloseProps) => import("styled-components").FlattenSimpleInterpolation;
 export declare const StyledGlobalAlertClose: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IIconButtonProps & import("react").RefAttributes<HTMLButtonElement>>, DefaultTheme, {
     'data-garden-id': string;
     'data-garden-version': string;
-    size: "small";
-} & IStyledGlobalAlertCloseProps, "size" | "data-garden-id" | "data-garden-version">;
+} & IStyledGlobalAlertCloseProps, "data-garden-id" | "data-garden-version">;
 export {};

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

@@ -4,9 +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';
 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/dist/typings/styled/global-alert/StyledGlobalAlertTitle.d.ts

@@ -7,8 +7,8 @@
 import { DefaultTheme } from 'styled-components';
 import { IGlobalAlertProps, IGlobalAlertTitleProps } from '../../types';
 interface IStyledGlobalAlertTitleProps {
-    alertType: IGlobalAlertProps['type'];
-    isRegular?: IGlobalAlertTitleProps['isRegular'];
+    $alertType: IGlobalAlertProps['type'];
+    $isRegular?: IGlobalAlertTitleProps['isRegular'];
 }
 export declare const StyledGlobalAlertTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
     'data-garden-id': string;

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

@@ -6,4 +6,4 @@
  */
 import { Type } from '../types';
 export declare const validationIcons: Record<Type, Record<string, unknown>>;
-export declare const validationHues: Record<Type, string>;
+export declare const validationTypes: Record<Type, Type>;

package/dist/typings/{elements/global-alert/utility.d.ts → utils/useGlobalAlertContext.d.ts}

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

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

@@ -4,7 +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 type Hue = 'successHue' | 'warningHue' | 'dangerHue' | 'neutralHue';
-export declare const NotificationsContext: import("react").Context<Hue | undefined>;
-export declare const useNotificationsContext: () => Hue | undefined;
+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.8",
+  "version": "9.0.0",
   "description": "Notification and Well components within the Garden Design System",
   "license": "Apache-2.0",
   "author": "Zendesk Garden <garden@zendesk.com>",
@@ -21,22 +21,22 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/react-buttons": "^9.0.0-next.8",
-    "polished": "^4.1.1",
+    "@zendeskgarden/react-buttons": "^9.0.0",
+    "polished": "^4.3.1",
     "prop-types": "^15.5.7",
     "react-transition-group": "^4.4.2",
     "react-uid": "^2.3.1"
   },
   "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.8",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@types/react-transition-group": "4.4.11",
+    "@zendeskgarden/react-theming": "^9.0.0",
+    "@zendeskgarden/svg-icons": "7.2.0"
   },
   "keywords": [
     "components",
@@ -47,6 +47,5 @@
   "publishConfig": {
     "access": "public"
   },
-  "zendeskgarden:src": "src/index.ts",
-  "gitHead": "a3d6534843d5a4f5cb60b52bc67264f3230f2da0"
+  "zendeskgarden:src": "src/index.ts"
 }