@zendeskgarden/react-notifications 8.59.1 → 8.60.0

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

@@ -0,0 +1,21 @@
+/**
+ * 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 { IGlobalAlertProps } from '../../types';
+import { GlobalAlertButton } from './GlobalAlertButton';
+import { GlobalAlertClose } from './GlobalAlertClose';
+import { GlobalAlertContent } from './GlobalAlertContent';
+import { GlobalAlertTitle } from './GlobalAlertTitle';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const GlobalAlert: React.ForwardRefExoticComponent<IGlobalAlertProps & React.RefAttributes<HTMLDivElement>> & {
+    Button: typeof GlobalAlertButton;
+    Close: typeof GlobalAlertClose;
+    Content: typeof GlobalAlertContent;
+    Title: typeof GlobalAlertTitle;
+};

package/dist/typings/elements/global-alert/GlobalAlertButton.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 { IGlobalAlertButtonProps } from '../../types';
+/**
+ * @extends ButtonHTMLAttributes<HTMLButtonElement>
+ */
+export declare const GlobalAlertButton: React.ForwardRefExoticComponent<IGlobalAlertButtonProps & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/global-alert/GlobalAlertClose.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 GlobalAlertClose: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;

package/dist/typings/elements/global-alert/GlobalAlertContent.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<HTMLDivElement>
+ */
+export declare const GlobalAlertContent: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLDivElement> & React.RefAttributes<HTMLDivElement>>;

package/dist/typings/elements/global-alert/GlobalAlertTitle.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 { IGlobalAlertTitleProps } from '../../types';
+/**
+ * @extends HTMLAttributes<HTMLDivElement>
+ */
+export declare const GlobalAlertTitle: React.ForwardRefExoticComponent<IGlobalAlertTitleProps & React.RefAttributes<HTMLDivElement>>;

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

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

package/dist/typings/index.d.ts

@@ -12,7 +12,8 @@ export { Paragraph } from './elements/content/Paragraph';
 export { Title } from './elements/content/Title';
 export { ToastProvider } from './elements/toaster/ToastProvider';
 export { useToast } from './elements/toaster/useToast';
-export type { IAlertProps, INotificationProps, IWellProps, ITitleProps, IToastProviderProps, 
+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 { IToastOptions, IToast, 

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

@@ -0,0 +1,16 @@
+/**
+ * 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 { DefaultTheme } from 'styled-components';
+import { IGlobalAlertProps } from '../../types';
+interface IStyledGlobalAlertProps {
+    alertType: IGlobalAlertProps['type'];
+}
+export declare const StyledGlobalAlert: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledGlobalAlertProps, "data-garden-id" | "data-garden-version">;
+export {};

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

@@ -0,0 +1,33 @@
+/**
+ * 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 { DefaultTheme } from 'styled-components';
+import { IGlobalAlertProps } from '../../types';
+interface IStyledGlobalAlertButtonProps {
+    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): JSX.Element;
+        displayName: string;
+    };
+    StartIcon: {
+        (props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): 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">;
+export {};

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

@@ -0,0 +1,18 @@
+/**
+ * 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 { DefaultTheme, ThemeProps } from 'styled-components';
+import { IGlobalAlertProps } from '../../types';
+interface IStyledGlobalAlertCloseProps {
+    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">;
+export {};

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

@@ -0,0 +1,10 @@
+/**
+ * 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.
+ */
+export declare const StyledGlobalAlertContent: import("styled-components").StyledComponent<"div", import("styled-components").DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+}, "data-garden-id" | "data-garden-version">;

package/dist/typings/styled/global-alert/StyledGlobalAlertIcon.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 { DefaultTheme } from 'styled-components';
+export declare const StyledGlobalAlertIcon: import("styled-components").StyledComponent<({ children, ...props }: any) => 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

@@ -0,0 +1,17 @@
+/**
+ * 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 { DefaultTheme } from 'styled-components';
+import { IGlobalAlertProps, IGlobalAlertTitleProps } from '../../types';
+interface IStyledGlobalAlertTitleProps {
+    alertType: IGlobalAlertProps['type'];
+    isRegular?: IGlobalAlertTitleProps['isRegular'];
+}
+export declare const StyledGlobalAlertTitle: import("styled-components").StyledComponent<"div", DefaultTheme, {
+    'data-garden-id': string;
+    'data-garden-version': string;
+} & IStyledGlobalAlertTitleProps, "data-garden-id" | "data-garden-version">;
+export {};

package/dist/typings/styled/global-alert/index.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.
+ */
+export { StyledGlobalAlert } from './StyledGlobalAlert';
+export { StyledGlobalAlertButton } from './StyledGlobalAlertButton';
+export { StyledGlobalAlertClose } from './StyledGlobalAlertClose';
+export { StyledGlobalAlertContent } from './StyledGlobalAlertContent';
+export { StyledGlobalAlertIcon } from './StyledGlobalAlertIcon';
+export { StyledGlobalAlertTitle } from './StyledGlobalAlertTitle';

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

@@ -12,3 +12,4 @@ export { StyledNotification } from './StyledNotification';
 export { StyledWell } from './StyledWell';
 export { StyledIcon } from './StyledIcon';
 export { StyledBase } from './StyledBase';
+export * from './global-alert';

package/dist/typings/types/index.d.ts

@@ -4,7 +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 { HTMLAttributes } from 'react';
+import { HTMLAttributes, ButtonHTMLAttributes } from 'react';
+import { IButtonProps } from '@zendeskgarden/react-buttons';
 export declare const PLACEMENT: readonly ["top-start", "top", "top-end", "bottom-start", "bottom", "bottom-end"];
 export declare const TYPE: readonly ["success", "warning", "error", "info"];
 export declare type Placement = typeof PLACEMENT[number];
@@ -41,3 +42,17 @@ export interface IToastProviderProps {
      */
     zIndex?: number;
 }
+export interface IGlobalAlertProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Applies global alert type styles
+     */
+    type: Type;
+}
+export interface IGlobalAlertButtonProps extends ButtonHTMLAttributes<HTMLButtonElement>, Pick<IButtonProps, 'isBasic'> {
+}
+export interface IGlobalAlertTitleProps extends HTMLAttributes<HTMLDivElement> {
+    /**
+     * Applies regular (non-bold) font weight
+     */
+    isRegular?: boolean;
+}

package/package.json

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