@zendeskgarden/react-notifications 8.76.0 → 8.76.2

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.
Files changed (15) hide show
  1. package/dist/esm/elements/Notification.js +9 -9
  2. package/dist/esm/styled/StyledAlert.js +1 -1
  3. package/dist/esm/styled/StyledNotification.js +1 -1
  4. package/dist/esm/styled/StyledWell.js +1 -1
  5. package/dist/esm/styled/content/StyledClose.js +1 -1
  6. package/dist/esm/styled/content/StyledParagraph.js +1 -1
  7. package/dist/esm/styled/content/StyledTitle.js +1 -1
  8. package/dist/esm/styled/global-alert/StyledGlobalAlert.js +1 -1
  9. package/dist/esm/styled/global-alert/StyledGlobalAlertButton.js +1 -1
  10. package/dist/esm/styled/global-alert/StyledGlobalAlertClose.js +1 -1
  11. package/dist/esm/styled/global-alert/StyledGlobalAlertContent.js +1 -1
  12. package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js +1 -1
  13. package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js +1 -1
  14. package/dist/index.cjs.js +21 -21
  15. package/package.json +4 -4
package/dist/esm/elements/Notification.js CHANGED
@@ -26,20 +26,20 @@ import { validationIcons, validationHues } from '../utils/icons.js';
26
26
 
27
27
  const Notification = forwardRef((_ref, ref) => {
28
28
  let {
29
- role,
29
+ children,
30
+ type,
30
31
  ...props
31
32
  } = _ref;
32
- const Icon = props.type ? validationIcons[props.type] : SvgInfoStroke;
33
- const hue = props.type && validationHues[props.type];
33
+ const Icon = type ? validationIcons[type] : SvgInfoStroke;
34
+ const hue = type && validationHues[type];
34
35
  return React__default.createElement(StyledNotification, Object.assign({
35
36
  ref: ref,
36
- type: props.type,
37
- isFloating: true
38
- }, props, {
39
- role: role === undefined ? 'status' : role
40
- }), props.type && React__default.createElement(StyledIcon, {
37
+ type: type,
38
+ isFloating: true,
39
+ role: "alert"
40
+ }, props), type && React__default.createElement(StyledIcon, {
41
41
  hue: hue
42
- }, React__default.createElement(Icon, null)), props.children);
42
+ }, React__default.createElement(Icon, null)), children);
43
43
  });
44
44
  Notification.displayName = 'Notification';
45
45
  Notification.propTypes = {
package/dist/esm/styled/StyledAlert.js CHANGED
@@ -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': '8.76.0'
16
+ 'data-garden-version': '8.76.2'
17
17
  }).withConfig({
18
18
  displayName: "StyledAlert",
19
19
  componentId: "sc-fyn8jp-0"
package/dist/esm/styled/StyledNotification.js CHANGED
@@ -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': '8.76.0'
50
+ 'data-garden-version': '8.76.2'
51
51
  }).withConfig({
52
52
  displayName: "StyledNotification",
53
53
  componentId: "sc-uf6jh-0"
package/dist/esm/styled/StyledWell.js CHANGED
@@ -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': '8.76.0'
14
+ 'data-garden-version': '8.76.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledWell",
17
17
  componentId: "sc-a5831c-0"
package/dist/esm/styled/content/StyledClose.js CHANGED
@@ -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': '8.76.0'
13
+ 'data-garden-version': '8.76.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledClose",
16
16
  componentId: "sc-1mr9nx1-0"
package/dist/esm/styled/content/StyledParagraph.js CHANGED
@@ -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': '8.76.0'
13
+ 'data-garden-version': '8.76.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledParagraph",
16
16
  componentId: "sc-12tmd6p-0"
package/dist/esm/styled/content/StyledTitle.js CHANGED
@@ -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': '8.76.0'
13
+ 'data-garden-version': '8.76.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledTitle",
16
16
  componentId: "sc-xx4jsv-0"
package/dist/esm/styled/global-alert/StyledGlobalAlert.js CHANGED
@@ -71,7 +71,7 @@ const sizeStyles = props => {
71
71
  };
72
72
  const StyledGlobalAlert = styled.div.attrs({
73
73
  'data-garden-id': COMPONENT_ID,
74
- 'data-garden-version': '8.76.0'
74
+ 'data-garden-version': '8.76.2'
75
75
  }).withConfig({
76
76
  displayName: "StyledGlobalAlert",
77
77
  componentId: "sc-k6rimt-0"
package/dist/esm/styled/global-alert/StyledGlobalAlertButton.js CHANGED
@@ -54,7 +54,7 @@ function sizeStyles(props) {
54
54
  }
55
55
  const StyledGlobalAlertButton = styled(Button).attrs({
56
56
  'data-garden-id': COMPONENT_ID,
57
- 'data-garden-version': '8.76.0',
57
+ 'data-garden-version': '8.76.2',
58
58
  focusInset: false,
59
59
  isDanger: false,
60
60
  isLink: false,
package/dist/esm/styled/global-alert/StyledGlobalAlertClose.js CHANGED
@@ -59,7 +59,7 @@ const sizeStyles = props => {
59
59
  };
60
60
  const StyledGlobalAlertClose = styled(IconButton).attrs({
61
61
  'data-garden-id': COMPONENT_ID,
62
- 'data-garden-version': '8.76.0',
62
+ 'data-garden-version': '8.76.2',
63
63
  size: 'small'
64
64
  }).withConfig({
65
65
  displayName: "StyledGlobalAlertClose",
package/dist/esm/styled/global-alert/StyledGlobalAlertContent.js CHANGED
@@ -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': '8.76.0'
13
+ 'data-garden-version': '8.76.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledGlobalAlertContent",
16
16
  componentId: "sc-rept0u-0"
package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js CHANGED
@@ -24,7 +24,7 @@ const StyledGlobalAlertIcon = styled(_ref => {
24
24
  return React__default.cloneElement(Children.only(children), props);
25
25
  }).attrs({
26
26
  'data-garden-id': COMPONENT_ID,
27
- 'data-garden-version': '8.76.0'
27
+ 'data-garden-version': '8.76.2'
28
28
  }).withConfig({
29
29
  displayName: "StyledGlobalAlertIcon",
30
30
  componentId: "sc-84ne9k-0"
package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js CHANGED
@@ -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': '8.76.0'
29
+ 'data-garden-version': '8.76.2'
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': '8.76.0'
47
+ 'data-garden-version': '8.76.2'
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': '8.76.0'
62
+ 'data-garden-version': '8.76.2'
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': '8.76.0'
74
+ 'data-garden-version': '8.76.2'
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': '8.76.0'
131
+ 'data-garden-version': '8.76.2'
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': '8.76.0'
176
+ 'data-garden-version': '8.76.2'
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': '8.76.0'
191
+ 'data-garden-version': '8.76.2'
192
192
  }).withConfig({
193
193
  displayName: "StyledWell",
194
194
  componentId: "sc-a5831c-0"
@@ -275,7 +275,7 @@ const sizeStyles$3 = props => {
275
275
  };
276
276
  const StyledGlobalAlert = styled__default.default.div.attrs({
277
277
  'data-garden-id': COMPONENT_ID$5,
278
- 'data-garden-version': '8.76.0'
278
+ 'data-garden-version': '8.76.2'
279
279
  }).withConfig({
280
280
  displayName: "StyledGlobalAlert",
281
281
  componentId: "sc-k6rimt-0"
@@ -335,7 +335,7 @@ const sizeStyles$2 = props => {
335
335
  };
336
336
  const StyledGlobalAlertClose = styled__default.default(reactButtons.IconButton).attrs({
337
337
  'data-garden-id': COMPONENT_ID$4,
338
- 'data-garden-version': '8.76.0',
338
+ 'data-garden-version': '8.76.2',
339
339
  size: 'small'
340
340
  }).withConfig({
341
341
  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': '8.76.0',
393
+ 'data-garden-version': '8.76.2',
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': '8.76.0'
412
+ 'data-garden-version': '8.76.2'
413
413
  }).withConfig({
414
414
  displayName: "StyledGlobalAlertContent",
415
415
  componentId: "sc-rept0u-0"
@@ -433,7 +433,7 @@ const StyledGlobalAlertIcon = styled__default.default(_ref => {
433
433
  return React__namespace.default.cloneElement(React.Children.only(children), props);
434
434
  }).attrs({
435
435
  'data-garden-id': COMPONENT_ID$1,
436
- 'data-garden-version': '8.76.0'
436
+ 'data-garden-version': '8.76.2'
437
437
  }).withConfig({
438
438
  displayName: "StyledGlobalAlertIcon",
439
439
  componentId: "sc-84ne9k-0"
@@ -461,7 +461,7 @@ const colorStyles = props => {
461
461
  };
462
462
  const StyledGlobalAlertTitle = styled__default.default.div.attrs({
463
463
  'data-garden-id': COMPONENT_ID,
464
- 'data-garden-version': '8.76.0'
464
+ 'data-garden-version': '8.76.2'
465
465
  }).withConfig({
466
466
  displayName: "StyledGlobalAlertTitle",
467
467
  componentId: "sc-10clqbo-0"
@@ -615,20 +615,20 @@ Alert.propTypes = {
615
615
 
616
616
  const Notification = React.forwardRef((_ref, ref) => {
617
617
  let {
618
- role,
618
+ children,
619
+ type,
619
620
  ...props
620
621
  } = _ref;
621
- const Icon = props.type ? validationIcons[props.type] : SvgInfoStroke;
622
- const hue = props.type && validationHues[props.type];
622
+ const Icon = type ? validationIcons[type] : SvgInfoStroke;
623
+ const hue = type && validationHues[type];
623
624
  return React__namespace.default.createElement(StyledNotification, Object.assign({
624
625
  ref: ref,
625
- type: props.type,
626
- isFloating: true
627
- }, props, {
628
- role: role === undefined ? 'status' : role
629
- }), props.type && React__namespace.default.createElement(StyledIcon, {
626
+ type: type,
627
+ isFloating: true,
628
+ role: "alert"
629
+ }, props), type && React__namespace.default.createElement(StyledIcon, {
630
630
  hue: hue
631
- }, React__namespace.default.createElement(Icon, null)), props.children);
631
+ }, React__namespace.default.createElement(Icon, null)), children);
632
632
  });
633
633
  Notification.displayName = 'Notification';
634
634
  Notification.propTypes = {
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-notifications",
3
- "version": "8.76.0",
3
+ "version": "8.76.2",
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.76.0",
24
+ "@zendeskgarden/react-buttons": "^8.76.2",
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": "^8.76.0",
38
+ "@zendeskgarden/react-theming": "^8.76.2",
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": "3e52650c39fd1085a2e97b40a43eed7bc1e21937"
51
+ "gitHead": "da0275d3511e27f15992e5ba9a7b7d6f19f295b6"
52
52
  }