@zendeskgarden/react-notifications 9.0.0-next.2 → 9.0.0-next.3
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/dist/index.cjs.js +12 -12
- package/dist/index.esm.js +12 -12
- package/dist/typings/index.d.ts +2 -6
- package/package.json +4 -4
package/dist/index.cjs.js
CHANGED
|
@@ -60,7 +60,7 @@ const TYPE = ['success', 'warning', 'error', 'info'];
|
|
|
60
60
|
const COMPONENT_ID$b = 'notifications.close';
|
|
61
61
|
const StyledClose = styled__default.default.button.attrs({
|
|
62
62
|
'data-garden-id': COMPONENT_ID$b,
|
|
63
|
-
'data-garden-version': '9.0.0-next.
|
|
63
|
+
'data-garden-version': '9.0.0-next.3'
|
|
64
64
|
}).withConfig({
|
|
65
65
|
displayName: "StyledClose",
|
|
66
66
|
componentId: "sc-1mr9nx1-0"
|
|
@@ -75,7 +75,7 @@ StyledClose.defaultProps = {
|
|
|
75
75
|
const COMPONENT_ID$a = 'notifications.paragraph';
|
|
76
76
|
const StyledParagraph = styled__default.default.p.attrs({
|
|
77
77
|
'data-garden-id': COMPONENT_ID$a,
|
|
78
|
-
'data-garden-version': '9.0.0-next.
|
|
78
|
+
'data-garden-version': '9.0.0-next.3'
|
|
79
79
|
}).withConfig({
|
|
80
80
|
displayName: "StyledParagraph",
|
|
81
81
|
componentId: "sc-12tmd6p-0"
|
|
@@ -87,7 +87,7 @@ StyledParagraph.defaultProps = {
|
|
|
87
87
|
const COMPONENT_ID$9 = 'notifications.title';
|
|
88
88
|
const StyledTitle = styled__default.default.div.attrs({
|
|
89
89
|
'data-garden-id': COMPONENT_ID$9,
|
|
90
|
-
'data-garden-version': '9.0.0-next.
|
|
90
|
+
'data-garden-version': '9.0.0-next.3'
|
|
91
91
|
}).withConfig({
|
|
92
92
|
displayName: "StyledTitle",
|
|
93
93
|
componentId: "sc-xx4jsv-0"
|
|
@@ -144,7 +144,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
|
|
|
144
144
|
const colorStyles$5 = props => styled.css(["", "{color:", ";}"], StyledTitle, props.hue && reactTheming.getColor(props.hue, 800, props.theme));
|
|
145
145
|
const StyledAlert = styled__default.default(StyledBase).attrs({
|
|
146
146
|
'data-garden-id': COMPONENT_ID$8,
|
|
147
|
-
'data-garden-version': '9.0.0-next.
|
|
147
|
+
'data-garden-version': '9.0.0-next.3'
|
|
148
148
|
}).withConfig({
|
|
149
149
|
displayName: "StyledAlert",
|
|
150
150
|
componentId: "sc-fyn8jp-0"
|
|
@@ -190,7 +190,7 @@ const colorStyles$4 = props => {
|
|
|
190
190
|
};
|
|
191
191
|
const StyledNotification = styled__default.default(StyledBase).attrs({
|
|
192
192
|
'data-garden-id': COMPONENT_ID$7,
|
|
193
|
-
'data-garden-version': '9.0.0-next.
|
|
193
|
+
'data-garden-version': '9.0.0-next.3'
|
|
194
194
|
}).withConfig({
|
|
195
195
|
displayName: "StyledNotification",
|
|
196
196
|
componentId: "sc-uf6jh-0"
|
|
@@ -205,7 +205,7 @@ StyledNotification.defaultProps = {
|
|
|
205
205
|
const COMPONENT_ID$6 = 'notifications.well';
|
|
206
206
|
const StyledWell = styled__default.default(StyledBase).attrs({
|
|
207
207
|
'data-garden-id': COMPONENT_ID$6,
|
|
208
|
-
'data-garden-version': '9.0.0-next.
|
|
208
|
+
'data-garden-version': '9.0.0-next.3'
|
|
209
209
|
}).withConfig({
|
|
210
210
|
displayName: "StyledWell",
|
|
211
211
|
componentId: "sc-a5831c-0"
|
|
@@ -292,7 +292,7 @@ const sizeStyles$3 = props => {
|
|
|
292
292
|
};
|
|
293
293
|
const StyledGlobalAlert = styled__default.default.div.attrs({
|
|
294
294
|
'data-garden-id': COMPONENT_ID$5,
|
|
295
|
-
'data-garden-version': '9.0.0-next.
|
|
295
|
+
'data-garden-version': '9.0.0-next.3'
|
|
296
296
|
}).withConfig({
|
|
297
297
|
displayName: "StyledGlobalAlert",
|
|
298
298
|
componentId: "sc-k6rimt-0"
|
|
@@ -352,7 +352,7 @@ const sizeStyles$2 = props => {
|
|
|
352
352
|
};
|
|
353
353
|
const StyledGlobalAlertClose = styled__default.default(reactButtons.IconButton).attrs({
|
|
354
354
|
'data-garden-id': COMPONENT_ID$4,
|
|
355
|
-
'data-garden-version': '9.0.0-next.
|
|
355
|
+
'data-garden-version': '9.0.0-next.3',
|
|
356
356
|
size: 'small'
|
|
357
357
|
}).withConfig({
|
|
358
358
|
displayName: "StyledGlobalAlertClose",
|
|
@@ -407,7 +407,7 @@ function sizeStyles$1(props) {
|
|
|
407
407
|
}
|
|
408
408
|
const StyledGlobalAlertButton = styled__default.default(reactButtons.Button).attrs({
|
|
409
409
|
'data-garden-id': COMPONENT_ID$3,
|
|
410
|
-
'data-garden-version': '9.0.0-next.
|
|
410
|
+
'data-garden-version': '9.0.0-next.3',
|
|
411
411
|
focusInset: false,
|
|
412
412
|
isDanger: false,
|
|
413
413
|
isLink: false,
|
|
@@ -426,7 +426,7 @@ StyledGlobalAlertButton.defaultProps = {
|
|
|
426
426
|
const COMPONENT_ID$2 = 'notifications.global-alert.content';
|
|
427
427
|
const StyledGlobalAlertContent = styled__default.default.div.attrs({
|
|
428
428
|
'data-garden-id': COMPONENT_ID$2,
|
|
429
|
-
'data-garden-version': '9.0.0-next.
|
|
429
|
+
'data-garden-version': '9.0.0-next.3'
|
|
430
430
|
}).withConfig({
|
|
431
431
|
displayName: "StyledGlobalAlertContent",
|
|
432
432
|
componentId: "sc-rept0u-0"
|
|
@@ -450,7 +450,7 @@ const StyledGlobalAlertIcon = styled__default.default(_ref => {
|
|
|
450
450
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
451
451
|
}).attrs({
|
|
452
452
|
'data-garden-id': COMPONENT_ID$1,
|
|
453
|
-
'data-garden-version': '9.0.0-next.
|
|
453
|
+
'data-garden-version': '9.0.0-next.3'
|
|
454
454
|
}).withConfig({
|
|
455
455
|
displayName: "StyledGlobalAlertIcon",
|
|
456
456
|
componentId: "sc-84ne9k-0"
|
|
@@ -478,7 +478,7 @@ const colorStyles = props => {
|
|
|
478
478
|
};
|
|
479
479
|
const StyledGlobalAlertTitle = styled__default.default.div.attrs({
|
|
480
480
|
'data-garden-id': COMPONENT_ID,
|
|
481
|
-
'data-garden-version': '9.0.0-next.
|
|
481
|
+
'data-garden-version': '9.0.0-next.3'
|
|
482
482
|
}).withConfig({
|
|
483
483
|
displayName: "StyledGlobalAlertTitle",
|
|
484
484
|
componentId: "sc-10clqbo-0"
|
package/dist/index.esm.js
CHANGED
|
@@ -35,7 +35,7 @@ const TYPE = ['success', 'warning', 'error', 'info'];
|
|
|
35
35
|
const COMPONENT_ID$b = 'notifications.close';
|
|
36
36
|
const StyledClose = styled.button.attrs({
|
|
37
37
|
'data-garden-id': COMPONENT_ID$b,
|
|
38
|
-
'data-garden-version': '9.0.0-next.
|
|
38
|
+
'data-garden-version': '9.0.0-next.3'
|
|
39
39
|
}).withConfig({
|
|
40
40
|
displayName: "StyledClose",
|
|
41
41
|
componentId: "sc-1mr9nx1-0"
|
|
@@ -50,7 +50,7 @@ StyledClose.defaultProps = {
|
|
|
50
50
|
const COMPONENT_ID$a = 'notifications.paragraph';
|
|
51
51
|
const StyledParagraph = styled.p.attrs({
|
|
52
52
|
'data-garden-id': COMPONENT_ID$a,
|
|
53
|
-
'data-garden-version': '9.0.0-next.
|
|
53
|
+
'data-garden-version': '9.0.0-next.3'
|
|
54
54
|
}).withConfig({
|
|
55
55
|
displayName: "StyledParagraph",
|
|
56
56
|
componentId: "sc-12tmd6p-0"
|
|
@@ -62,7 +62,7 @@ StyledParagraph.defaultProps = {
|
|
|
62
62
|
const COMPONENT_ID$9 = 'notifications.title';
|
|
63
63
|
const StyledTitle = styled.div.attrs({
|
|
64
64
|
'data-garden-id': COMPONENT_ID$9,
|
|
65
|
-
'data-garden-version': '9.0.0-next.
|
|
65
|
+
'data-garden-version': '9.0.0-next.3'
|
|
66
66
|
}).withConfig({
|
|
67
67
|
displayName: "StyledTitle",
|
|
68
68
|
componentId: "sc-xx4jsv-0"
|
|
@@ -119,7 +119,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
|
|
|
119
119
|
const colorStyles$5 = props => css(["", "{color:", ";}"], StyledTitle, props.hue && getColor(props.hue, 800, props.theme));
|
|
120
120
|
const StyledAlert = styled(StyledBase).attrs({
|
|
121
121
|
'data-garden-id': COMPONENT_ID$8,
|
|
122
|
-
'data-garden-version': '9.0.0-next.
|
|
122
|
+
'data-garden-version': '9.0.0-next.3'
|
|
123
123
|
}).withConfig({
|
|
124
124
|
displayName: "StyledAlert",
|
|
125
125
|
componentId: "sc-fyn8jp-0"
|
|
@@ -165,7 +165,7 @@ const colorStyles$4 = props => {
|
|
|
165
165
|
};
|
|
166
166
|
const StyledNotification = styled(StyledBase).attrs({
|
|
167
167
|
'data-garden-id': COMPONENT_ID$7,
|
|
168
|
-
'data-garden-version': '9.0.0-next.
|
|
168
|
+
'data-garden-version': '9.0.0-next.3'
|
|
169
169
|
}).withConfig({
|
|
170
170
|
displayName: "StyledNotification",
|
|
171
171
|
componentId: "sc-uf6jh-0"
|
|
@@ -180,7 +180,7 @@ StyledNotification.defaultProps = {
|
|
|
180
180
|
const COMPONENT_ID$6 = 'notifications.well';
|
|
181
181
|
const StyledWell = styled(StyledBase).attrs({
|
|
182
182
|
'data-garden-id': COMPONENT_ID$6,
|
|
183
|
-
'data-garden-version': '9.0.0-next.
|
|
183
|
+
'data-garden-version': '9.0.0-next.3'
|
|
184
184
|
}).withConfig({
|
|
185
185
|
displayName: "StyledWell",
|
|
186
186
|
componentId: "sc-a5831c-0"
|
|
@@ -267,7 +267,7 @@ const sizeStyles$3 = props => {
|
|
|
267
267
|
};
|
|
268
268
|
const StyledGlobalAlert = styled.div.attrs({
|
|
269
269
|
'data-garden-id': COMPONENT_ID$5,
|
|
270
|
-
'data-garden-version': '9.0.0-next.
|
|
270
|
+
'data-garden-version': '9.0.0-next.3'
|
|
271
271
|
}).withConfig({
|
|
272
272
|
displayName: "StyledGlobalAlert",
|
|
273
273
|
componentId: "sc-k6rimt-0"
|
|
@@ -327,7 +327,7 @@ const sizeStyles$2 = props => {
|
|
|
327
327
|
};
|
|
328
328
|
const StyledGlobalAlertClose = styled(IconButton).attrs({
|
|
329
329
|
'data-garden-id': COMPONENT_ID$4,
|
|
330
|
-
'data-garden-version': '9.0.0-next.
|
|
330
|
+
'data-garden-version': '9.0.0-next.3',
|
|
331
331
|
size: 'small'
|
|
332
332
|
}).withConfig({
|
|
333
333
|
displayName: "StyledGlobalAlertClose",
|
|
@@ -382,7 +382,7 @@ function sizeStyles$1(props) {
|
|
|
382
382
|
}
|
|
383
383
|
const StyledGlobalAlertButton = styled(Button).attrs({
|
|
384
384
|
'data-garden-id': COMPONENT_ID$3,
|
|
385
|
-
'data-garden-version': '9.0.0-next.
|
|
385
|
+
'data-garden-version': '9.0.0-next.3',
|
|
386
386
|
focusInset: false,
|
|
387
387
|
isDanger: false,
|
|
388
388
|
isLink: false,
|
|
@@ -401,7 +401,7 @@ StyledGlobalAlertButton.defaultProps = {
|
|
|
401
401
|
const COMPONENT_ID$2 = 'notifications.global-alert.content';
|
|
402
402
|
const StyledGlobalAlertContent = styled.div.attrs({
|
|
403
403
|
'data-garden-id': COMPONENT_ID$2,
|
|
404
|
-
'data-garden-version': '9.0.0-next.
|
|
404
|
+
'data-garden-version': '9.0.0-next.3'
|
|
405
405
|
}).withConfig({
|
|
406
406
|
displayName: "StyledGlobalAlertContent",
|
|
407
407
|
componentId: "sc-rept0u-0"
|
|
@@ -425,7 +425,7 @@ const StyledGlobalAlertIcon = styled(_ref => {
|
|
|
425
425
|
return React__default.cloneElement(Children.only(children), props);
|
|
426
426
|
}).attrs({
|
|
427
427
|
'data-garden-id': COMPONENT_ID$1,
|
|
428
|
-
'data-garden-version': '9.0.0-next.
|
|
428
|
+
'data-garden-version': '9.0.0-next.3'
|
|
429
429
|
}).withConfig({
|
|
430
430
|
displayName: "StyledGlobalAlertIcon",
|
|
431
431
|
componentId: "sc-84ne9k-0"
|
|
@@ -453,7 +453,7 @@ const colorStyles = props => {
|
|
|
453
453
|
};
|
|
454
454
|
const StyledGlobalAlertTitle = styled.div.attrs({
|
|
455
455
|
'data-garden-id': COMPONENT_ID,
|
|
456
|
-
'data-garden-version': '9.0.0-next.
|
|
456
|
+
'data-garden-version': '9.0.0-next.3'
|
|
457
457
|
}).withConfig({
|
|
458
458
|
displayName: "StyledGlobalAlertTitle",
|
|
459
459
|
componentId: "sc-10clqbo-0"
|
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';
|
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.3",
|
|
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>",
|
|
@@ -21,7 +21,7 @@
|
|
|
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.3",
|
|
25
25
|
"polished": "^4.1.1",
|
|
26
26
|
"prop-types": "^15.5.7",
|
|
27
27
|
"react-transition-group": "^4.4.2",
|
|
@@ -35,7 +35,7 @@
|
|
|
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.3",
|
|
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": "d5086e8a3ae0c8608361966954bf434ef03005ec"
|
|
52
52
|
}
|