@zendeskgarden/react-notifications 9.0.0-next.0 → 9.0.0-next.10
This diff represents the content of publicly available package versions that have been released to one of the supported registries. The information contained in this diff is provided for informational purposes only and reflects changes between package versions as they appear in their respective public registries.
- package/README.md +6 -4
- package/dist/esm/elements/Alert.js +56 -0
- package/dist/esm/elements/Notification.js +56 -0
- package/dist/esm/elements/Well.js +38 -0
- package/dist/esm/elements/content/Close.js +37 -0
- package/dist/esm/elements/content/Paragraph.js +28 -0
- package/dist/esm/elements/content/Title.js +28 -0
- package/dist/esm/elements/global-alert/GlobalAlert.js +65 -0
- package/dist/esm/elements/global-alert/GlobalAlertButton.js +46 -0
- package/dist/esm/elements/global-alert/GlobalAlertClose.js +41 -0
- package/dist/esm/elements/global-alert/GlobalAlertContent.js +30 -0
- package/dist/esm/elements/global-alert/GlobalAlertTitle.js +39 -0
- package/dist/esm/elements/global-alert/utility.js +14 -0
- package/dist/esm/elements/toaster/Toast.js +62 -0
- package/dist/esm/elements/toaster/ToastContext.js +11 -0
- package/dist/esm/elements/toaster/ToastProvider.js +51 -0
- package/dist/esm/elements/toaster/ToastSlot.js +82 -0
- package/dist/esm/elements/toaster/reducer.js +66 -0
- package/dist/esm/elements/toaster/styled.js +71 -0
- package/dist/esm/elements/toaster/useToast.js +70 -0
- package/dist/esm/index.js +15 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/12/x-stroke.svg.js +26 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-error-stroke.svg.js +37 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/alert-warning-stroke.svg.js +32 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/check-circle-stroke.svg.js +33 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/info-stroke.svg.js +37 -0
- package/dist/esm/node_modules/@zendeskgarden/svg-icons/src/16/x-stroke.svg.js +26 -0
- package/dist/esm/styled/StyledAlert.js +25 -0
- package/dist/esm/styled/StyledBase.js +54 -0
- package/dist/esm/styled/StyledIcon.js +18 -0
- package/dist/esm/styled/StyledNotification.js +62 -0
- package/dist/esm/styled/StyledWell.js +23 -0
- package/dist/esm/styled/content/StyledClose.js +25 -0
- package/dist/esm/styled/content/StyledParagraph.js +22 -0
- package/dist/esm/styled/content/StyledTitle.js +22 -0
- package/dist/esm/styled/global-alert/StyledGlobalAlert.js +85 -0
- package/dist/esm/styled/global-alert/StyledGlobalAlertButton.js +75 -0
- package/dist/esm/styled/global-alert/StyledGlobalAlertClose.js +74 -0
- package/dist/esm/styled/global-alert/StyledGlobalAlertContent.js +22 -0
- package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js +29 -0
- package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js +38 -0
- package/dist/esm/types/index.js +9 -0
- package/dist/esm/utils/icons.js +25 -0
- package/dist/esm/utils/useNotificationsContext.js +14 -0
- package/dist/index.cjs.js +168 -179
- package/dist/typings/elements/Alert.d.ts +9 -1
- package/dist/typings/elements/Notification.d.ts +9 -1
- package/dist/typings/elements/Well.d.ts +7 -1
- package/dist/typings/elements/content/Close.d.ts +2 -0
- package/dist/typings/elements/content/Paragraph.d.ts +2 -0
- package/dist/typings/elements/content/Title.d.ts +2 -0
- package/dist/typings/index.d.ts +2 -6
- package/dist/typings/styled/StyledIcon.d.ts +2 -2
- package/dist/typings/styled/global-alert/StyledGlobalAlertButton.d.ts +3 -3
- package/dist/typings/styled/global-alert/StyledGlobalAlertIcon.d.ts +2 -2
- package/package.json +7 -7
- package/dist/index.esm.js +0 -1124
|
@@ -6,7 +6,15 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { INotificationProps } from '../types';
|
|
9
|
+
import { Title } from './content/Title';
|
|
10
|
+
import { Paragraph } from './content/Paragraph';
|
|
11
|
+
import { Close } from './content/Close';
|
|
12
|
+
export declare const NotificationComponent: React.ForwardRefExoticComponent<INotificationProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
13
|
/**
|
|
10
14
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
15
|
*/
|
|
12
|
-
export declare const Notification: React.ForwardRefExoticComponent<INotificationProps & React.RefAttributes<HTMLDivElement
|
|
16
|
+
export declare const Notification: React.ForwardRefExoticComponent<INotificationProps & React.RefAttributes<HTMLDivElement>> & {
|
|
17
|
+
Close: typeof Close;
|
|
18
|
+
Paragraph: typeof Paragraph;
|
|
19
|
+
Title: typeof Title;
|
|
20
|
+
};
|
|
@@ -6,7 +6,13 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { IWellProps } from '../types';
|
|
9
|
+
import { Title } from './content/Title';
|
|
10
|
+
import { Paragraph } from './content/Paragraph';
|
|
11
|
+
export declare const WellComponent: React.ForwardRefExoticComponent<IWellProps & React.RefAttributes<HTMLDivElement>>;
|
|
9
12
|
/**
|
|
10
13
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
14
|
*/
|
|
12
|
-
export declare const Well: React.ForwardRefExoticComponent<IWellProps & React.RefAttributes<HTMLDivElement
|
|
15
|
+
export declare const Well: React.ForwardRefExoticComponent<IWellProps & React.RefAttributes<HTMLDivElement>> & {
|
|
16
|
+
Paragraph: typeof Paragraph;
|
|
17
|
+
Title: typeof Title;
|
|
18
|
+
};
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
/**
|
|
9
|
+
* @deprecated use `Alert.Close` or `Notification.Close` instead
|
|
10
|
+
*
|
|
9
11
|
* @extends ButtonHTMLAttributes<HTMLButtonElement>
|
|
10
12
|
*/
|
|
11
13
|
export declare const Close: React.ForwardRefExoticComponent<React.ButtonHTMLAttributes<HTMLButtonElement> & React.RefAttributes<HTMLButtonElement>>;
|
|
@@ -6,6 +6,8 @@
|
|
|
6
6
|
*/
|
|
7
7
|
import React from 'react';
|
|
8
8
|
/**
|
|
9
|
+
* @deprecated use `Alert.Paragraph`, `Notification.Paragraph`, or `Well.Paragraph` instead
|
|
10
|
+
*
|
|
9
11
|
* @extends HTMLAttributes<HTMLParagraphElement>
|
|
10
12
|
*/
|
|
11
13
|
export declare const Paragraph: React.ForwardRefExoticComponent<React.HTMLAttributes<HTMLParagraphElement> & React.RefAttributes<HTMLParagraphElement>>;
|
|
@@ -7,6 +7,8 @@
|
|
|
7
7
|
import React from 'react';
|
|
8
8
|
import { ITitleProps } from '../../types';
|
|
9
9
|
/**
|
|
10
|
+
* @deprecated use `Alert.Title`, `Notification.Title`, or `Well.Title` instead
|
|
11
|
+
*
|
|
10
12
|
* @extends HTMLAttributes<HTMLDivElement>
|
|
11
13
|
*/
|
|
12
14
|
export declare const Title: React.ForwardRefExoticComponent<ITitleProps & React.RefAttributes<HTMLDivElement>>;
|
package/dist/typings/index.d.ts
CHANGED
|
@@ -11,10 +11,6 @@ export { Close } from './elements/content/Close';
|
|
|
11
11
|
export { Paragraph } from './elements/content/Paragraph';
|
|
12
12
|
export { Title } from './elements/content/Title';
|
|
13
13
|
export { ToastProvider } from './elements/toaster/ToastProvider';
|
|
14
|
-
export { useToast, type IToastOptions, type IToast
|
|
15
|
-
/** @deprecated can be dereferenced via IToast['content'] */
|
|
16
|
-
type Content as ToastContent } from './elements/toaster/useToast';
|
|
14
|
+
export { useToast, type IToastOptions, type IToast } from './elements/toaster/useToast';
|
|
17
15
|
export { GlobalAlert } from './elements/global-alert/GlobalAlert';
|
|
18
|
-
export type { IAlertProps, INotificationProps, IWellProps, ITitleProps, IToastProviderProps, IGlobalAlertProps, IGlobalAlertButtonProps, IGlobalAlertTitleProps
|
|
19
|
-
/** @deprecated can be dereferenced via IToastOptions['placement'] */
|
|
20
|
-
Placement as ToastPlacement } from './types';
|
|
16
|
+
export type { IAlertProps, INotificationProps, IWellProps, ITitleProps, IToastProviderProps, IGlobalAlertProps, IGlobalAlertButtonProps, IGlobalAlertTitleProps } from './types';
|
|
@@ -4,5 +4,5 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
|
|
8
|
-
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, ...props }: any) =>
|
|
7
|
+
/// <reference types="react" />
|
|
8
|
+
export declare const StyledIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, import("styled-components").DefaultTheme, {}, never>;
|
|
@@ -13,11 +13,11 @@ interface IStyledGlobalAlertButtonProps {
|
|
|
13
13
|
}
|
|
14
14
|
export declare const StyledGlobalAlertButton: import("styled-components").StyledComponent<import("react").ForwardRefExoticComponent<import("@zendeskgarden/react-buttons").IButtonProps & import("react").RefAttributes<HTMLButtonElement>> & {
|
|
15
15
|
EndIcon: {
|
|
16
|
-
(props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
16
|
+
({ isRotated, ...props }: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
17
17
|
displayName: string;
|
|
18
18
|
};
|
|
19
19
|
StartIcon: {
|
|
20
|
-
(props: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
20
|
+
({ isRotated, ...props }: import("@zendeskgarden/react-buttons").IButtonEndIconProps): import("react").JSX.Element;
|
|
21
21
|
displayName: string;
|
|
22
22
|
};
|
|
23
23
|
}, DefaultTheme, {
|
|
@@ -30,5 +30,5 @@ export declare const StyledGlobalAlertButton: import("styled-components").Styled
|
|
|
30
30
|
isPill: false;
|
|
31
31
|
isStretched: false;
|
|
32
32
|
size: "small";
|
|
33
|
-
} & IStyledGlobalAlertButtonProps, "
|
|
33
|
+
} & IStyledGlobalAlertButtonProps, "size" | "isDanger" | "isStretched" | "isNeutral" | "isLink" | "isPill" | "focusInset" | "data-garden-id" | "data-garden-version">;
|
|
34
34
|
export {};
|
|
@@ -4,9 +4,9 @@
|
|
|
4
4
|
* Use of this source code is governed under the Apache License, Version 2.0
|
|
5
5
|
* found at http://www.apache.org/licenses/LICENSE-2.0.
|
|
6
6
|
*/
|
|
7
|
-
|
|
7
|
+
/// <reference types="react" />
|
|
8
8
|
import { DefaultTheme } from 'styled-components';
|
|
9
|
-
export declare const StyledGlobalAlertIcon: import("styled-components").StyledComponent<({ children, ...props }: any) =>
|
|
9
|
+
export declare const StyledGlobalAlertIcon: import("styled-components").StyledComponent<({ children, theme, ...props }: any) => import("react").DetailedReactHTMLElement<any, HTMLElement>, DefaultTheme, {
|
|
10
10
|
'data-garden-id': string;
|
|
11
11
|
'data-garden-version': string;
|
|
12
12
|
}, "data-garden-id" | "data-garden-version">;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-notifications",
|
|
3
|
-
"version": "9.0.0-next.
|
|
3
|
+
"version": "9.0.0-next.10",
|
|
4
4
|
"description": "Notification and Well components within the Garden Design System",
|
|
5
5
|
"license": "Apache-2.0",
|
|
6
6
|
"author": "Zendesk Garden <garden@zendesk.com>",
|
|
@@ -10,7 +10,7 @@
|
|
|
10
10
|
"url": "https://github.com/zendeskgarden/react-components/issues"
|
|
11
11
|
},
|
|
12
12
|
"main": "dist/index.cjs.js",
|
|
13
|
-
"module": "dist/index.
|
|
13
|
+
"module": "dist/esm/index.js",
|
|
14
14
|
"files": [
|
|
15
15
|
"dist"
|
|
16
16
|
],
|
|
@@ -21,21 +21,21 @@
|
|
|
21
21
|
"sideEffects": false,
|
|
22
22
|
"types": "dist/typings/index.d.ts",
|
|
23
23
|
"dependencies": {
|
|
24
|
-
"@zendeskgarden/react-buttons": "^9.0.0-next.
|
|
24
|
+
"@zendeskgarden/react-buttons": "^9.0.0-next.10",
|
|
25
25
|
"polished": "^4.1.1",
|
|
26
26
|
"prop-types": "^15.5.7",
|
|
27
27
|
"react-transition-group": "^4.4.2",
|
|
28
28
|
"react-uid": "^2.3.1"
|
|
29
29
|
},
|
|
30
30
|
"peerDependencies": {
|
|
31
|
-
"@zendeskgarden/react-theming": "
|
|
31
|
+
"@zendeskgarden/react-theming": ">=9.0.0-next",
|
|
32
32
|
"react": ">=16.8.0",
|
|
33
33
|
"react-dom": ">=16.8.0",
|
|
34
|
-
"styled-components": "^
|
|
34
|
+
"styled-components": "^5.3.1"
|
|
35
35
|
},
|
|
36
36
|
"devDependencies": {
|
|
37
37
|
"@types/react-transition-group": "4.4.10",
|
|
38
|
-
"@zendeskgarden/react-theming": "^9.0.0-next.
|
|
38
|
+
"@zendeskgarden/react-theming": "^9.0.0-next.10",
|
|
39
39
|
"@zendeskgarden/svg-icons": "7.0.0"
|
|
40
40
|
},
|
|
41
41
|
"keywords": [
|
|
@@ -48,5 +48,5 @@
|
|
|
48
48
|
"access": "public"
|
|
49
49
|
},
|
|
50
50
|
"zendeskgarden:src": "src/index.ts",
|
|
51
|
-
"gitHead": "
|
|
51
|
+
"gitHead": "818e6100aa6676af7e972198b82516d330307d60"
|
|
52
52
|
}
|