@zendeskgarden/react-notifications 8.64.0 → 8.65.0
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/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': '8.
|
|
63
|
+
'data-garden-version': '8.65.0'
|
|
64
64
|
}).withConfig({
|
|
65
65
|
displayName: "StyledClose",
|
|
66
66
|
componentId: "sc-1mr9nx1-0"
|
|
@@ -72,7 +72,7 @@ StyledClose.defaultProps = {
|
|
|
72
72
|
const COMPONENT_ID$a = 'notifications.paragraph';
|
|
73
73
|
const StyledParagraph = styled__default.default.p.attrs({
|
|
74
74
|
'data-garden-id': COMPONENT_ID$a,
|
|
75
|
-
'data-garden-version': '8.
|
|
75
|
+
'data-garden-version': '8.65.0'
|
|
76
76
|
}).withConfig({
|
|
77
77
|
displayName: "StyledParagraph",
|
|
78
78
|
componentId: "sc-12tmd6p-0"
|
|
@@ -84,7 +84,7 @@ StyledParagraph.defaultProps = {
|
|
|
84
84
|
const COMPONENT_ID$9 = 'notifications.title';
|
|
85
85
|
const StyledTitle = styled__default.default.div.attrs({
|
|
86
86
|
'data-garden-id': COMPONENT_ID$9,
|
|
87
|
-
'data-garden-version': '8.
|
|
87
|
+
'data-garden-version': '8.65.0'
|
|
88
88
|
}).withConfig({
|
|
89
89
|
displayName: "StyledTitle",
|
|
90
90
|
componentId: "sc-xx4jsv-0"
|
|
@@ -141,7 +141,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
|
|
|
141
141
|
const colorStyles$5 = props => styled.css(["", "{color:", ";}"], StyledTitle, props.hue && reactTheming.getColor(props.hue, 800, props.theme));
|
|
142
142
|
const StyledAlert = styled__default.default(StyledBase).attrs(props => ({
|
|
143
143
|
'data-garden-id': COMPONENT_ID$8,
|
|
144
|
-
'data-garden-version': '8.
|
|
144
|
+
'data-garden-version': '8.65.0',
|
|
145
145
|
role: props.role === undefined ? 'alert' : props.role
|
|
146
146
|
})).withConfig({
|
|
147
147
|
displayName: "StyledAlert",
|
|
@@ -188,7 +188,7 @@ const colorStyles$4 = props => {
|
|
|
188
188
|
};
|
|
189
189
|
const StyledNotification = styled__default.default(StyledBase).attrs(props => ({
|
|
190
190
|
'data-garden-id': COMPONENT_ID$7,
|
|
191
|
-
'data-garden-version': '8.
|
|
191
|
+
'data-garden-version': '8.65.0',
|
|
192
192
|
role: props.role === undefined ? 'status' : props.role
|
|
193
193
|
})).withConfig({
|
|
194
194
|
displayName: "StyledNotification",
|
|
@@ -204,7 +204,7 @@ StyledNotification.defaultProps = {
|
|
|
204
204
|
const COMPONENT_ID$6 = 'notifications.well';
|
|
205
205
|
const StyledWell = styled__default.default(StyledBase).attrs({
|
|
206
206
|
'data-garden-id': COMPONENT_ID$6,
|
|
207
|
-
'data-garden-version': '8.
|
|
207
|
+
'data-garden-version': '8.65.0'
|
|
208
208
|
}).withConfig({
|
|
209
209
|
displayName: "StyledWell",
|
|
210
210
|
componentId: "sc-a5831c-0"
|
|
@@ -284,7 +284,7 @@ const sizeStyles$3 = props => {
|
|
|
284
284
|
};
|
|
285
285
|
const StyledGlobalAlert = styled__default.default.div.attrs({
|
|
286
286
|
'data-garden-id': COMPONENT_ID$5,
|
|
287
|
-
'data-garden-version': '8.
|
|
287
|
+
'data-garden-version': '8.65.0'
|
|
288
288
|
}).withConfig({
|
|
289
289
|
displayName: "StyledGlobalAlert",
|
|
290
290
|
componentId: "sc-k6rimt-0"
|
|
@@ -340,7 +340,7 @@ const sizeStyles$2 = props => {
|
|
|
340
340
|
};
|
|
341
341
|
const StyledGlobalAlertClose = styled__default.default(reactButtons.IconButton).attrs({
|
|
342
342
|
'data-garden-id': COMPONENT_ID$4,
|
|
343
|
-
'data-garden-version': '8.
|
|
343
|
+
'data-garden-version': '8.65.0',
|
|
344
344
|
size: 'small'
|
|
345
345
|
}).withConfig({
|
|
346
346
|
displayName: "StyledGlobalAlertClose",
|
|
@@ -391,7 +391,7 @@ function sizeStyles$1(props) {
|
|
|
391
391
|
}
|
|
392
392
|
const StyledGlobalAlertButton = styled__default.default(reactButtons.Button).attrs({
|
|
393
393
|
'data-garden-id': COMPONENT_ID$3,
|
|
394
|
-
'data-garden-version': '8.
|
|
394
|
+
'data-garden-version': '8.65.0',
|
|
395
395
|
focusInset: false,
|
|
396
396
|
isDanger: false,
|
|
397
397
|
isLink: false,
|
|
@@ -410,7 +410,7 @@ StyledGlobalAlertButton.defaultProps = {
|
|
|
410
410
|
const COMPONENT_ID$2 = 'notifications.global-alert.content';
|
|
411
411
|
const StyledGlobalAlertContent = styled__default.default.div.attrs({
|
|
412
412
|
'data-garden-id': COMPONENT_ID$2,
|
|
413
|
-
'data-garden-version': '8.
|
|
413
|
+
'data-garden-version': '8.65.0'
|
|
414
414
|
}).withConfig({
|
|
415
415
|
displayName: "StyledGlobalAlertContent",
|
|
416
416
|
componentId: "sc-rept0u-0"
|
|
@@ -434,7 +434,7 @@ const StyledGlobalAlertIcon = styled__default.default(_ref => {
|
|
|
434
434
|
return React__namespace.default.cloneElement(React.Children.only(children), props);
|
|
435
435
|
}).attrs({
|
|
436
436
|
'data-garden-id': COMPONENT_ID$1,
|
|
437
|
-
'data-garden-version': '8.
|
|
437
|
+
'data-garden-version': '8.65.0'
|
|
438
438
|
}).withConfig({
|
|
439
439
|
displayName: "StyledGlobalAlertIcon",
|
|
440
440
|
componentId: "sc-84ne9k-0"
|
|
@@ -462,7 +462,7 @@ const colorStyles = props => {
|
|
|
462
462
|
};
|
|
463
463
|
const StyledGlobalAlertTitle = styled__default.default.div.attrs({
|
|
464
464
|
'data-garden-id': COMPONENT_ID,
|
|
465
|
-
'data-garden-version': '8.
|
|
465
|
+
'data-garden-version': '8.65.0'
|
|
466
466
|
}).withConfig({
|
|
467
467
|
displayName: "StyledGlobalAlertTitle",
|
|
468
468
|
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': '8.
|
|
38
|
+
'data-garden-version': '8.65.0'
|
|
39
39
|
}).withConfig({
|
|
40
40
|
displayName: "StyledClose",
|
|
41
41
|
componentId: "sc-1mr9nx1-0"
|
|
@@ -47,7 +47,7 @@ StyledClose.defaultProps = {
|
|
|
47
47
|
const COMPONENT_ID$a = 'notifications.paragraph';
|
|
48
48
|
const StyledParagraph = styled.p.attrs({
|
|
49
49
|
'data-garden-id': COMPONENT_ID$a,
|
|
50
|
-
'data-garden-version': '8.
|
|
50
|
+
'data-garden-version': '8.65.0'
|
|
51
51
|
}).withConfig({
|
|
52
52
|
displayName: "StyledParagraph",
|
|
53
53
|
componentId: "sc-12tmd6p-0"
|
|
@@ -59,7 +59,7 @@ StyledParagraph.defaultProps = {
|
|
|
59
59
|
const COMPONENT_ID$9 = 'notifications.title';
|
|
60
60
|
const StyledTitle = styled.div.attrs({
|
|
61
61
|
'data-garden-id': COMPONENT_ID$9,
|
|
62
|
-
'data-garden-version': '8.
|
|
62
|
+
'data-garden-version': '8.65.0'
|
|
63
63
|
}).withConfig({
|
|
64
64
|
displayName: "StyledTitle",
|
|
65
65
|
componentId: "sc-xx4jsv-0"
|
|
@@ -116,7 +116,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
|
|
|
116
116
|
const colorStyles$5 = props => css(["", "{color:", ";}"], StyledTitle, props.hue && getColor(props.hue, 800, props.theme));
|
|
117
117
|
const StyledAlert = styled(StyledBase).attrs(props => ({
|
|
118
118
|
'data-garden-id': COMPONENT_ID$8,
|
|
119
|
-
'data-garden-version': '8.
|
|
119
|
+
'data-garden-version': '8.65.0',
|
|
120
120
|
role: props.role === undefined ? 'alert' : props.role
|
|
121
121
|
})).withConfig({
|
|
122
122
|
displayName: "StyledAlert",
|
|
@@ -163,7 +163,7 @@ const colorStyles$4 = props => {
|
|
|
163
163
|
};
|
|
164
164
|
const StyledNotification = styled(StyledBase).attrs(props => ({
|
|
165
165
|
'data-garden-id': COMPONENT_ID$7,
|
|
166
|
-
'data-garden-version': '8.
|
|
166
|
+
'data-garden-version': '8.65.0',
|
|
167
167
|
role: props.role === undefined ? 'status' : props.role
|
|
168
168
|
})).withConfig({
|
|
169
169
|
displayName: "StyledNotification",
|
|
@@ -179,7 +179,7 @@ StyledNotification.defaultProps = {
|
|
|
179
179
|
const COMPONENT_ID$6 = 'notifications.well';
|
|
180
180
|
const StyledWell = styled(StyledBase).attrs({
|
|
181
181
|
'data-garden-id': COMPONENT_ID$6,
|
|
182
|
-
'data-garden-version': '8.
|
|
182
|
+
'data-garden-version': '8.65.0'
|
|
183
183
|
}).withConfig({
|
|
184
184
|
displayName: "StyledWell",
|
|
185
185
|
componentId: "sc-a5831c-0"
|
|
@@ -259,7 +259,7 @@ const sizeStyles$3 = props => {
|
|
|
259
259
|
};
|
|
260
260
|
const StyledGlobalAlert = styled.div.attrs({
|
|
261
261
|
'data-garden-id': COMPONENT_ID$5,
|
|
262
|
-
'data-garden-version': '8.
|
|
262
|
+
'data-garden-version': '8.65.0'
|
|
263
263
|
}).withConfig({
|
|
264
264
|
displayName: "StyledGlobalAlert",
|
|
265
265
|
componentId: "sc-k6rimt-0"
|
|
@@ -315,7 +315,7 @@ const sizeStyles$2 = props => {
|
|
|
315
315
|
};
|
|
316
316
|
const StyledGlobalAlertClose = styled(IconButton).attrs({
|
|
317
317
|
'data-garden-id': COMPONENT_ID$4,
|
|
318
|
-
'data-garden-version': '8.
|
|
318
|
+
'data-garden-version': '8.65.0',
|
|
319
319
|
size: 'small'
|
|
320
320
|
}).withConfig({
|
|
321
321
|
displayName: "StyledGlobalAlertClose",
|
|
@@ -366,7 +366,7 @@ function sizeStyles$1(props) {
|
|
|
366
366
|
}
|
|
367
367
|
const StyledGlobalAlertButton = styled(Button).attrs({
|
|
368
368
|
'data-garden-id': COMPONENT_ID$3,
|
|
369
|
-
'data-garden-version': '8.
|
|
369
|
+
'data-garden-version': '8.65.0',
|
|
370
370
|
focusInset: false,
|
|
371
371
|
isDanger: false,
|
|
372
372
|
isLink: false,
|
|
@@ -385,7 +385,7 @@ StyledGlobalAlertButton.defaultProps = {
|
|
|
385
385
|
const COMPONENT_ID$2 = 'notifications.global-alert.content';
|
|
386
386
|
const StyledGlobalAlertContent = styled.div.attrs({
|
|
387
387
|
'data-garden-id': COMPONENT_ID$2,
|
|
388
|
-
'data-garden-version': '8.
|
|
388
|
+
'data-garden-version': '8.65.0'
|
|
389
389
|
}).withConfig({
|
|
390
390
|
displayName: "StyledGlobalAlertContent",
|
|
391
391
|
componentId: "sc-rept0u-0"
|
|
@@ -409,7 +409,7 @@ const StyledGlobalAlertIcon = styled(_ref => {
|
|
|
409
409
|
return React__default.cloneElement(Children.only(children), props);
|
|
410
410
|
}).attrs({
|
|
411
411
|
'data-garden-id': COMPONENT_ID$1,
|
|
412
|
-
'data-garden-version': '8.
|
|
412
|
+
'data-garden-version': '8.65.0'
|
|
413
413
|
}).withConfig({
|
|
414
414
|
displayName: "StyledGlobalAlertIcon",
|
|
415
415
|
componentId: "sc-84ne9k-0"
|
|
@@ -437,7 +437,7 @@ const colorStyles = props => {
|
|
|
437
437
|
};
|
|
438
438
|
const StyledGlobalAlertTitle = styled.div.attrs({
|
|
439
439
|
'data-garden-id': COMPONENT_ID,
|
|
440
|
-
'data-garden-version': '8.
|
|
440
|
+
'data-garden-version': '8.65.0'
|
|
441
441
|
}).withConfig({
|
|
442
442
|
displayName: "StyledGlobalAlertTitle",
|
|
443
443
|
componentId: "sc-10clqbo-0"
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-notifications",
|
|
3
|
-
"version": "8.
|
|
3
|
+
"version": "8.65.0",
|
|
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": "^8.
|
|
24
|
+
"@zendeskgarden/react-buttons": "^8.65.0",
|
|
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.5",
|
|
38
|
-
"@zendeskgarden/react-theming": "^8.
|
|
38
|
+
"@zendeskgarden/react-theming": "^8.65.0",
|
|
39
39
|
"@zendeskgarden/svg-icons": "6.33.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": "b702124a0055fdb7540f0d27b34ccbc9d552fc7a"
|
|
52
52
|
}
|