@zendeskgarden/react-notifications 9.0.0-next.2 → 9.0.0-next.20

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

@@ -6,7 +6,15 @@
  */
 import React from 'react';
 import { IAlertProps } from '../types';
+import { Title } from './content/Title';
+import { Paragraph } from './content/Paragraph';
+import { Close } from './content/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: React.ForwardRefExoticComponent<IAlertProps & React.RefAttributes<HTMLDivElement>> & {
+    Close: typeof Close;
+    Paragraph: typeof Paragraph;
+    Title: typeof Title;
+};

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

@@ -6,7 +6,15 @@
  */
 import React from 'react';
 import { INotificationProps } from '../types';
+import { Title } from './content/Title';
+import { Paragraph } from './content/Paragraph';
+import { Close } from './content/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: React.ForwardRefExoticComponent<INotificationProps & React.RefAttributes<HTMLDivElement>> & {
+    Close: typeof Close;
+    Paragraph: typeof Paragraph;
+    Title: typeof Title;
+};

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

@@ -6,7 +6,13 @@
  */
 import React from 'react';
 import { IWellProps } from '../types';
+import { Title } from './content/Title';
+import { Paragraph } from './content/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: React.ForwardRefExoticComponent<IWellProps & React.RefAttributes<HTMLDivElement>> & {
+    Paragraph: typeof Paragraph;
+    Title: typeof Title;
+};

package/dist/typings/elements/content/Close.d.ts

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Alert.Close` or `Notification.Close` instead
+ *
  * @extends ButtonHTMLAttributes<HTMLButtonElement>
  */
 export declare const Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

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

@@ -6,6 +6,8 @@
  */
 import React from 'react';
 /**
+ * @deprecated use `Alert.Paragraph`, `Notification.Paragraph`, or `Well.Paragraph` instead
+ *
  * @extends HTMLAttributes<HTMLParagraphElement>
  */
 export declare const Paragraph: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;

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

@@ -7,6 +7,8 @@
 import React from 'react';
 import { ITitleProps } from '../../types';
 /**
+ * @deprecated use `Alert.Title`, `Notification.Title`, or `Well.Title` instead
+ *
  * @extends HTMLAttributes<HTMLDivElement>
  */
 export declare const Title: React.ForwardRefExoticComponent<ITitleProps & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/index.d.ts

@@ -11,10 +11,6 @@ export { Close } from './elements/content/Close';
 export { Paragraph } from './elements/content/Paragraph';
 export { Title } from './elements/content/Title';
 export { ToastProvider } from './elements/toaster/ToastProvider';
-export { useToast, type IToastOptions, type IToast, 
-/** @deprecated can be dereferenced via IToast['content'] */
-type Content as ToastContent } from './elements/toaster/useToast';
+export { useToast, type IToastOptions, type IToast } from './elements/toaster/useToast';
 export { GlobalAlert } from './elements/global-alert/GlobalAlert';
-export type { IAlertProps, INotificationProps, IWellProps, ITitleProps, IToastProviderProps, IGlobalAlertProps, IGlobalAlertButtonProps, IGlobalAlertTitleProps, 
-/** @deprecated can be dereferenced via IToastOptions['placement'] */
-Placement as ToastPlacement } from './types';
+export type { IAlertProps, INotificationProps, IWellProps, ITitleProps, IToastProviderProps, IGlobalAlertProps, IGlobalAlertButtonProps, IGlobalAlertTitleProps } from './types';

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,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.
  */
-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" />
+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,11 @@
  * 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';
+/// <reference types="react" />
+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 +16,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

@@ -8,27 +8,20 @@
 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;
+        ({ 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, {
     'data-garden-id': string;
     'data-garden-version': string;
-    focusInset: false;
-    isDanger: false;
-    isLink: false;
-    isNeutral: false;
-    isPill: false;
-    isStretched: false;
-    size: "small";
-} & IStyledGlobalAlertButtonProps, "isDanger" | "size" | "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

@@ -8,12 +8,11 @@
 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,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/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}

@@ -5,7 +5,7 @@
  * 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

@@ -5,6 +5,5 @@
  * 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.2",
+  "version": "9.0.0-next.20",
   "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,22 +21,22 @@
   "sideEffects": false,
   "types": "dist/typings/index.d.ts",
   "dependencies": {
-    "@zendeskgarden/react-buttons": "^9.0.0-next.2",
-    "polished": "^4.1.1",
+    "@zendeskgarden/react-buttons": "^9.0.0-next.20",
+    "polished": "^4.3.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.1.0"
+    "styled-components": "^5.3.1"
   },
   "devDependencies": {
     "@types/react-transition-group": "4.4.10",
-    "@zendeskgarden/react-theming": "^9.0.0-next.2",
-    "@zendeskgarden/svg-icons": "7.0.0"
+    "@zendeskgarden/react-theming": "^9.0.0-next.20",
+    "@zendeskgarden/svg-icons": "7.1.1"
   },
   "keywords": [
     "components",
@@ -48,5 +48,5 @@
     "access": "public"
   },
   "zendeskgarden:src": "src/index.ts",
-  "gitHead": "e47dd011fedf130106acdb485a023340564171af"
+  "gitHead": "eab087ac0d6e74b3a4489d37d067baf7a225e7a8"
 }