@zendeskgarden/react-notifications 9.0.0-next.10 → 9.0.0-next.11
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/esm/styled/StyledAlert.js +1 -1
- package/dist/esm/styled/StyledNotification.js +1 -1
- package/dist/esm/styled/StyledWell.js +1 -1
- package/dist/esm/styled/content/StyledClose.js +1 -1
- package/dist/esm/styled/content/StyledParagraph.js +1 -1
- package/dist/esm/styled/content/StyledTitle.js +1 -1
- package/dist/esm/styled/global-alert/StyledGlobalAlert.js +1 -1
- package/dist/esm/styled/global-alert/StyledGlobalAlertButton.js +1 -1
- package/dist/esm/styled/global-alert/StyledGlobalAlertClose.js +1 -1
- package/dist/esm/styled/global-alert/StyledGlobalAlertContent.js +1 -1
- package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js +1 -1
- package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js +1 -1
- package/dist/index.cjs.js +12 -12
- package/package.json +4 -4
|
@@ -13,7 +13,7 @@ const COMPONENT_ID = 'notifications.alert';
|
|
|
13
13
|
const colorStyles = props => css(["", "{color:", ";}"], StyledTitle, props.hue && getColorV8(props.hue, 800, props.theme));
|
|
14
14
|
const StyledAlert = styled(StyledBase).attrs({
|
|
15
15
|
'data-garden-id': COMPONENT_ID,
|
|
16
|
-
'data-garden-version': '9.0.0-next.
|
|
16
|
+
'data-garden-version': '9.0.0-next.11'
|
|
17
17
|
}).withConfig({
|
|
18
18
|
displayName: "StyledAlert",
|
|
19
19
|
componentId: "sc-fyn8jp-0"
|
|
@@ -47,7 +47,7 @@ const colorStyles = props => {
|
|
|
47
47
|
};
|
|
48
48
|
const StyledNotification = styled(StyledBase).attrs({
|
|
49
49
|
'data-garden-id': COMPONENT_ID,
|
|
50
|
-
'data-garden-version': '9.0.0-next.
|
|
50
|
+
'data-garden-version': '9.0.0-next.11'
|
|
51
51
|
}).withConfig({
|
|
52
52
|
displayName: "StyledNotification",
|
|
53
53
|
componentId: "sc-uf6jh-0"
|
|
@@ -11,7 +11,7 @@ import { StyledBase } from './StyledBase.js';
|
|
|
11
11
|
const COMPONENT_ID = 'notifications.well';
|
|
12
12
|
const StyledWell = styled(StyledBase).attrs({
|
|
13
13
|
'data-garden-id': COMPONENT_ID,
|
|
14
|
-
'data-garden-version': '9.0.0-next.
|
|
14
|
+
'data-garden-version': '9.0.0-next.11'
|
|
15
15
|
}).withConfig({
|
|
16
16
|
displayName: "StyledWell",
|
|
17
17
|
componentId: "sc-a5831c-0"
|
|
@@ -10,7 +10,7 @@ import { getColorV8, focusStyles, retrieveComponentStyles, DEFAULT_THEME } from
|
|
|
10
10
|
const COMPONENT_ID = 'notifications.close';
|
|
11
11
|
const StyledClose = styled.button.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.11'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledClose",
|
|
16
16
|
componentId: "sc-1mr9nx1-0"
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'notifications.paragraph';
|
|
11
11
|
const StyledParagraph = styled.p.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.11'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledParagraph",
|
|
16
16
|
componentId: "sc-12tmd6p-0"
|
|
@@ -10,7 +10,7 @@ import { getColorV8, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgard
|
|
|
10
10
|
const COMPONENT_ID = 'notifications.title';
|
|
11
11
|
const StyledTitle = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.11'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledTitle",
|
|
16
16
|
componentId: "sc-xx4jsv-0"
|
|
@@ -73,7 +73,7 @@ const sizeStyles = props => {
|
|
|
73
73
|
};
|
|
74
74
|
const StyledGlobalAlert = styled.div.attrs({
|
|
75
75
|
'data-garden-id': COMPONENT_ID,
|
|
76
|
-
'data-garden-version': '9.0.0-next.
|
|
76
|
+
'data-garden-version': '9.0.0-next.11'
|
|
77
77
|
}).withConfig({
|
|
78
78
|
displayName: "StyledGlobalAlert",
|
|
79
79
|
componentId: "sc-k6rimt-0"
|
|
@@ -56,7 +56,7 @@ function sizeStyles(props) {
|
|
|
56
56
|
}
|
|
57
57
|
const StyledGlobalAlertButton = styled(Button).attrs({
|
|
58
58
|
'data-garden-id': COMPONENT_ID,
|
|
59
|
-
'data-garden-version': '9.0.0-next.
|
|
59
|
+
'data-garden-version': '9.0.0-next.11',
|
|
60
60
|
focusInset: false,
|
|
61
61
|
isDanger: false,
|
|
62
62
|
isLink: false,
|
|
@@ -61,7 +61,7 @@ const sizeStyles = props => {
|
|
|
61
61
|
};
|
|
62
62
|
const StyledGlobalAlertClose = styled(IconButton).attrs({
|
|
63
63
|
'data-garden-id': COMPONENT_ID,
|
|
64
|
-
'data-garden-version': '9.0.0-next.
|
|
64
|
+
'data-garden-version': '9.0.0-next.11',
|
|
65
65
|
size: 'small'
|
|
66
66
|
}).withConfig({
|
|
67
67
|
displayName: "StyledGlobalAlertClose",
|
|
@@ -10,7 +10,7 @@ import { retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden/react-the
|
|
|
10
10
|
const COMPONENT_ID = 'notifications.global-alert.content';
|
|
11
11
|
const StyledGlobalAlertContent = styled.div.attrs({
|
|
12
12
|
'data-garden-id': COMPONENT_ID,
|
|
13
|
-
'data-garden-version': '9.0.0-next.
|
|
13
|
+
'data-garden-version': '9.0.0-next.11'
|
|
14
14
|
}).withConfig({
|
|
15
15
|
displayName: "StyledGlobalAlertContent",
|
|
16
16
|
componentId: "sc-rept0u-0"
|
|
@@ -17,7 +17,7 @@ const sizeStyles = props => {
|
|
|
17
17
|
};
|
|
18
18
|
const StyledGlobalAlertIcon = styled(StyledBaseIcon).attrs({
|
|
19
19
|
'data-garden-id': COMPONENT_ID,
|
|
20
|
-
'data-garden-version': '9.0.0-next.
|
|
20
|
+
'data-garden-version': '9.0.0-next.11'
|
|
21
21
|
}).withConfig({
|
|
22
22
|
displayName: "StyledGlobalAlertIcon",
|
|
23
23
|
componentId: "sc-84ne9k-0"
|
|
@@ -26,7 +26,7 @@ const colorStyles = props => {
|
|
|
26
26
|
};
|
|
27
27
|
const StyledGlobalAlertTitle = styled.div.attrs({
|
|
28
28
|
'data-garden-id': COMPONENT_ID,
|
|
29
|
-
'data-garden-version': '9.0.0-next.
|
|
29
|
+
'data-garden-version': '9.0.0-next.11'
|
|
30
30
|
}).withConfig({
|
|
31
31
|
displayName: "StyledGlobalAlertTitle",
|
|
32
32
|
componentId: "sc-10clqbo-0"
|
package/dist/index.cjs.js
CHANGED
|
@@ -44,7 +44,7 @@ const TYPE = ['success', 'warning', 'error', 'info'];
|
|
|
44
44
|
const COMPONENT_ID$b = 'notifications.close';
|
|
45
45
|
const StyledClose = styled__default.default.button.attrs({
|
|
46
46
|
'data-garden-id': COMPONENT_ID$b,
|
|
47
|
-
'data-garden-version': '9.0.0-next.
|
|
47
|
+
'data-garden-version': '9.0.0-next.11'
|
|
48
48
|
}).withConfig({
|
|
49
49
|
displayName: "StyledClose",
|
|
50
50
|
componentId: "sc-1mr9nx1-0"
|
|
@@ -59,7 +59,7 @@ StyledClose.defaultProps = {
|
|
|
59
59
|
const COMPONENT_ID$a = 'notifications.paragraph';
|
|
60
60
|
const StyledParagraph = styled__default.default.p.attrs({
|
|
61
61
|
'data-garden-id': COMPONENT_ID$a,
|
|
62
|
-
'data-garden-version': '9.0.0-next.
|
|
62
|
+
'data-garden-version': '9.0.0-next.11'
|
|
63
63
|
}).withConfig({
|
|
64
64
|
displayName: "StyledParagraph",
|
|
65
65
|
componentId: "sc-12tmd6p-0"
|
|
@@ -71,7 +71,7 @@ StyledParagraph.defaultProps = {
|
|
|
71
71
|
const COMPONENT_ID$9 = 'notifications.title';
|
|
72
72
|
const StyledTitle = styled__default.default.div.attrs({
|
|
73
73
|
'data-garden-id': COMPONENT_ID$9,
|
|
74
|
-
'data-garden-version': '9.0.0-next.
|
|
74
|
+
'data-garden-version': '9.0.0-next.11'
|
|
75
75
|
}).withConfig({
|
|
76
76
|
displayName: "StyledTitle",
|
|
77
77
|
componentId: "sc-xx4jsv-0"
|
|
@@ -128,7 +128,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
|
|
|
128
128
|
const colorStyles$5 = props => styled.css(["", "{color:", ";}"], StyledTitle, props.hue && reactTheming.getColorV8(props.hue, 800, props.theme));
|
|
129
129
|
const StyledAlert = styled__default.default(StyledBase).attrs({
|
|
130
130
|
'data-garden-id': COMPONENT_ID$8,
|
|
131
|
-
'data-garden-version': '9.0.0-next.
|
|
131
|
+
'data-garden-version': '9.0.0-next.11'
|
|
132
132
|
}).withConfig({
|
|
133
133
|
displayName: "StyledAlert",
|
|
134
134
|
componentId: "sc-fyn8jp-0"
|
|
@@ -173,7 +173,7 @@ const colorStyles$4 = props => {
|
|
|
173
173
|
};
|
|
174
174
|
const StyledNotification = styled__default.default(StyledBase).attrs({
|
|
175
175
|
'data-garden-id': COMPONENT_ID$7,
|
|
176
|
-
'data-garden-version': '9.0.0-next.
|
|
176
|
+
'data-garden-version': '9.0.0-next.11'
|
|
177
177
|
}).withConfig({
|
|
178
178
|
displayName: "StyledNotification",
|
|
179
179
|
componentId: "sc-uf6jh-0"
|
|
@@ -188,7 +188,7 @@ StyledNotification.defaultProps = {
|
|
|
188
188
|
const COMPONENT_ID$6 = 'notifications.well';
|
|
189
189
|
const StyledWell = styled__default.default(StyledBase).attrs({
|
|
190
190
|
'data-garden-id': COMPONENT_ID$6,
|
|
191
|
-
'data-garden-version': '9.0.0-next.
|
|
191
|
+
'data-garden-version': '9.0.0-next.11'
|
|
192
192
|
}).withConfig({
|
|
193
193
|
displayName: "StyledWell",
|
|
194
194
|
componentId: "sc-a5831c-0"
|
|
@@ -271,7 +271,7 @@ const sizeStyles$3 = props => {
|
|
|
271
271
|
};
|
|
272
272
|
const StyledGlobalAlert = styled__default.default.div.attrs({
|
|
273
273
|
'data-garden-id': COMPONENT_ID$5,
|
|
274
|
-
'data-garden-version': '9.0.0-next.
|
|
274
|
+
'data-garden-version': '9.0.0-next.11'
|
|
275
275
|
}).withConfig({
|
|
276
276
|
displayName: "StyledGlobalAlert",
|
|
277
277
|
componentId: "sc-k6rimt-0"
|
|
@@ -333,7 +333,7 @@ const sizeStyles$2 = props => {
|
|
|
333
333
|
};
|
|
334
334
|
const StyledGlobalAlertClose = styled__default.default(reactButtons.IconButton).attrs({
|
|
335
335
|
'data-garden-id': COMPONENT_ID$4,
|
|
336
|
-
'data-garden-version': '9.0.0-next.
|
|
336
|
+
'data-garden-version': '9.0.0-next.11',
|
|
337
337
|
size: 'small'
|
|
338
338
|
}).withConfig({
|
|
339
339
|
displayName: "StyledGlobalAlertClose",
|
|
@@ -390,7 +390,7 @@ function sizeStyles$1(props) {
|
|
|
390
390
|
}
|
|
391
391
|
const StyledGlobalAlertButton = styled__default.default(reactButtons.Button).attrs({
|
|
392
392
|
'data-garden-id': COMPONENT_ID$3,
|
|
393
|
-
'data-garden-version': '9.0.0-next.
|
|
393
|
+
'data-garden-version': '9.0.0-next.11',
|
|
394
394
|
focusInset: false,
|
|
395
395
|
isDanger: false,
|
|
396
396
|
isLink: false,
|
|
@@ -409,7 +409,7 @@ StyledGlobalAlertButton.defaultProps = {
|
|
|
409
409
|
const COMPONENT_ID$2 = 'notifications.global-alert.content';
|
|
410
410
|
const StyledGlobalAlertContent = styled__default.default.div.attrs({
|
|
411
411
|
'data-garden-id': COMPONENT_ID$2,
|
|
412
|
-
'data-garden-version': '9.0.0-next.
|
|
412
|
+
'data-garden-version': '9.0.0-next.11'
|
|
413
413
|
}).withConfig({
|
|
414
414
|
displayName: "StyledGlobalAlertContent",
|
|
415
415
|
componentId: "sc-rept0u-0"
|
|
@@ -427,7 +427,7 @@ const sizeStyles = props => {
|
|
|
427
427
|
};
|
|
428
428
|
const StyledGlobalAlertIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
|
|
429
429
|
'data-garden-id': COMPONENT_ID$1,
|
|
430
|
-
'data-garden-version': '9.0.0-next.
|
|
430
|
+
'data-garden-version': '9.0.0-next.11'
|
|
431
431
|
}).withConfig({
|
|
432
432
|
displayName: "StyledGlobalAlertIcon",
|
|
433
433
|
componentId: "sc-84ne9k-0"
|
|
@@ -455,7 +455,7 @@ const colorStyles = props => {
|
|
|
455
455
|
};
|
|
456
456
|
const StyledGlobalAlertTitle = styled__default.default.div.attrs({
|
|
457
457
|
'data-garden-id': COMPONENT_ID,
|
|
458
|
-
'data-garden-version': '9.0.0-next.
|
|
458
|
+
'data-garden-version': '9.0.0-next.11'
|
|
459
459
|
}).withConfig({
|
|
460
460
|
displayName: "StyledGlobalAlertTitle",
|
|
461
461
|
componentId: "sc-10clqbo-0"
|
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.11",
|
|
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.11",
|
|
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.11",
|
|
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": "0de1cc664807bd993ccd3beeb78e8fd1f3828320"
|
|
52
52
|
}
|