@zendeskgarden/react-notifications 9.0.0-next.18 → 9.0.0-next.19

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 (16) hide show
  1. package/dist/esm/styled/StyledAlert.js +1 -1
  2. package/dist/esm/styled/StyledBase.js +5 -14
  3. package/dist/esm/styled/StyledIcon.js +1 -1
  4. package/dist/esm/styled/StyledNotification.js +1 -1
  5. package/dist/esm/styled/StyledWell.js +1 -1
  6. package/dist/esm/styled/content/StyledClose.js +1 -1
  7. package/dist/esm/styled/content/StyledParagraph.js +1 -1
  8. package/dist/esm/styled/content/StyledTitle.js +1 -1
  9. package/dist/esm/styled/global-alert/StyledGlobalAlert.js +1 -1
  10. package/dist/esm/styled/global-alert/StyledGlobalAlertButton.js +1 -1
  11. package/dist/esm/styled/global-alert/StyledGlobalAlertClose.js +1 -1
  12. package/dist/esm/styled/global-alert/StyledGlobalAlertContent.js +1 -1
  13. package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js +1 -1
  14. package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js +1 -1
  15. package/dist/index.cjs.js +18 -27
  16. package/package.json +4 -4
package/dist/esm/styled/StyledAlert.js CHANGED
@@ -39,7 +39,7 @@ const colorStyles = props => {
39
39
  };
40
40
  const StyledAlert = styled(StyledBase).attrs({
41
41
  'data-garden-id': COMPONENT_ID,
42
- 'data-garden-version': '9.0.0-next.18'
42
+ 'data-garden-version': '9.0.0-next.19'
43
43
  }).withConfig({
44
44
  displayName: "StyledAlert",
45
45
  componentId: "sc-fyn8jp-0"
package/dist/esm/styled/StyledBase.js CHANGED
@@ -17,8 +17,7 @@ const colorStyles = _ref => {
17
17
  } = _ref;
18
18
  const {
19
19
  space,
20
- shadows,
21
- opacity
20
+ shadows
22
21
  } = theme;
23
22
  let bgVariable;
24
23
  let borderVariable;
@@ -65,18 +64,10 @@ const colorStyles = _ref => {
65
64
  });
66
65
  const offsetY = `${space.base * 5}px`;
67
66
  const blurRadius = `${space.base * 7}px`;
68
- const color = getColor({
69
- hue: 'neutralHue',
70
- shade: 1200,
71
- light: {
72
- transparency: opacity[200]
73
- },
74
- dark: {
75
- transparency: opacity[1000]
76
- },
67
+ const boxShadow = $isFloating ? shadows.lg(offsetY, blurRadius, getColor({
68
+ variable: 'shadow.large',
77
69
  theme
78
- });
79
- const boxShadow = $isFloating ? shadows.lg(offsetY, blurRadius, color) : undefined;
70
+ })) : undefined;
80
71
  return css(["border-color:", ";box-shadow:", ";background-color:", ";color:", ";"], borderColor, boxShadow, backgroundColor, foregroundColor);
81
72
  };
82
73
  const padding = props => {
@@ -89,7 +80,7 @@ const padding = props => {
89
80
  };
90
81
  const StyledBase = styled.div.attrs({
91
82
  'data-garden-id': COMPONENT_ID,
92
- 'data-garden-version': '9.0.0-next.18'
83
+ 'data-garden-version': '9.0.0-next.19'
93
84
  }).withConfig({
94
85
  displayName: "StyledBase",
95
86
  componentId: "sc-14syaqw-0"
package/dist/esm/styled/StyledIcon.js CHANGED
@@ -49,7 +49,7 @@ const colorStyles = _ref2 => {
49
49
  };
50
50
  const StyledIcon = styled(StyledBaseIcon).attrs({
51
51
  'data-garden-id': COMPONENT_ID,
52
- 'data-garden-version': '9.0.0-next.18'
52
+ 'data-garden-version': '9.0.0-next.19'
53
53
  }).withConfig({
54
54
  displayName: "StyledIcon",
55
55
  componentId: "sc-msklws-0"
package/dist/esm/styled/StyledNotification.js CHANGED
@@ -41,7 +41,7 @@ const colorStyles = props => {
41
41
  };
42
42
  const StyledNotification = styled(StyledBase).attrs({
43
43
  'data-garden-id': COMPONENT_ID,
44
- 'data-garden-version': '9.0.0-next.18'
44
+ 'data-garden-version': '9.0.0-next.19'
45
45
  }).withConfig({
46
46
  displayName: "StyledNotification",
47
47
  componentId: "sc-uf6jh-0"
package/dist/esm/styled/StyledWell.js CHANGED
@@ -35,7 +35,7 @@ const colorStyles = _ref => {
35
35
  };
36
36
  const StyledWell = styled(StyledBase).attrs({
37
37
  'data-garden-id': COMPONENT_ID,
38
- 'data-garden-version': '9.0.0-next.18'
38
+ 'data-garden-version': '9.0.0-next.19'
39
39
  }).withConfig({
40
40
  displayName: "StyledWell",
41
41
  componentId: "sc-a5831c-0"
package/dist/esm/styled/content/StyledClose.js CHANGED
@@ -58,7 +58,7 @@ const colorStyles = _ref => {
58
58
  };
59
59
  const StyledClose = styled(IconButton).attrs({
60
60
  'data-garden-id': COMPONENT_ID,
61
- 'data-garden-version': '9.0.0-next.18'
61
+ 'data-garden-version': '9.0.0-next.19'
62
62
  }).withConfig({
63
63
  displayName: "StyledClose",
64
64
  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': '9.0.0-next.18'
13
+ 'data-garden-version': '9.0.0-next.19'
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 { getColor, retrieveComponentStyles, DEFAULT_THEME } from '@zendeskgarden
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.18'
13
+ 'data-garden-version': '9.0.0-next.19'
14
14
  }).withConfig({
15
15
  displayName: "StyledTitle",
16
16
  componentId: "sc-xx4jsv-0"
package/dist/esm/styled/global-alert/StyledGlobalAlert.js CHANGED
@@ -148,7 +148,7 @@ const sizeStyles = props => {
148
148
  };
149
149
  const StyledGlobalAlert = styled.div.attrs({
150
150
  'data-garden-id': COMPONENT_ID,
151
- 'data-garden-version': '9.0.0-next.18'
151
+ 'data-garden-version': '9.0.0-next.19'
152
152
  }).withConfig({
153
153
  displayName: "StyledGlobalAlert",
154
154
  componentId: "sc-k6rimt-0"
package/dist/esm/styled/global-alert/StyledGlobalAlertButton.js CHANGED
@@ -106,7 +106,7 @@ function sizeStyles(props) {
106
106
  }
107
107
  const StyledGlobalAlertButton = styled(Button).attrs({
108
108
  'data-garden-id': COMPONENT_ID,
109
- 'data-garden-version': '9.0.0-next.18'
109
+ 'data-garden-version': '9.0.0-next.19'
110
110
  }).withConfig({
111
111
  displayName: "StyledGlobalAlertButton",
112
112
  componentId: "sc-1txe91a-0"
package/dist/esm/styled/global-alert/StyledGlobalAlertClose.js CHANGED
@@ -91,7 +91,7 @@ const sizeStyles = props => {
91
91
  };
92
92
  const StyledGlobalAlertClose = styled(IconButton).attrs({
93
93
  'data-garden-id': COMPONENT_ID,
94
- 'data-garden-version': '9.0.0-next.18'
94
+ 'data-garden-version': '9.0.0-next.19'
95
95
  }).withConfig({
96
96
  displayName: "StyledGlobalAlertClose",
97
97
  componentId: "sc-1g5s93s-0"
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': '9.0.0-next.18'
13
+ 'data-garden-version': '9.0.0-next.19'
14
14
  }).withConfig({
15
15
  displayName: "StyledGlobalAlertContent",
16
16
  componentId: "sc-rept0u-0"
package/dist/esm/styled/global-alert/StyledGlobalAlertIcon.js CHANGED
@@ -53,7 +53,7 @@ const colorStyles = _ref => {
53
53
  };
54
54
  const StyledGlobalAlertIcon = styled(StyledBaseIcon).attrs({
55
55
  'data-garden-id': COMPONENT_ID,
56
- 'data-garden-version': '9.0.0-next.18'
56
+ 'data-garden-version': '9.0.0-next.19'
57
57
  }).withConfig({
58
58
  displayName: "StyledGlobalAlertIcon",
59
59
  componentId: "sc-84ne9k-0"
package/dist/esm/styled/global-alert/StyledGlobalAlertTitle.js CHANGED
@@ -37,7 +37,7 @@ const colorStyles = _ref => {
37
37
  };
38
38
  const StyledGlobalAlertTitle = styled.div.attrs({
39
39
  'data-garden-id': COMPONENT_ID,
40
- 'data-garden-version': '9.0.0-next.18'
40
+ 'data-garden-version': '9.0.0-next.19'
41
41
  }).withConfig({
42
42
  displayName: "StyledGlobalAlertTitle",
43
43
  componentId: "sc-10clqbo-0"
package/dist/index.cjs.js CHANGED
@@ -206,7 +206,7 @@ const colorStyles$a = _ref => {
206
206
  };
207
207
  const StyledClose = styled__default.default(reactButtons.IconButton).attrs({
208
208
  'data-garden-id': COMPONENT_ID$d,
209
- 'data-garden-version': '9.0.0-next.18'
209
+ 'data-garden-version': '9.0.0-next.19'
210
210
  }).withConfig({
211
211
  displayName: "StyledClose",
212
212
  componentId: "sc-1mr9nx1-0"
@@ -218,7 +218,7 @@ StyledClose.defaultProps = {
218
218
  const COMPONENT_ID$c = 'notifications.paragraph';
219
219
  const StyledParagraph = styled__default.default.p.attrs({
220
220
  'data-garden-id': COMPONENT_ID$c,
221
- 'data-garden-version': '9.0.0-next.18'
221
+ 'data-garden-version': '9.0.0-next.19'
222
222
  }).withConfig({
223
223
  displayName: "StyledParagraph",
224
224
  componentId: "sc-12tmd6p-0"
@@ -230,7 +230,7 @@ StyledParagraph.defaultProps = {
230
230
  const COMPONENT_ID$b = 'notifications.title';
231
231
  const StyledTitle = styled__default.default.div.attrs({
232
232
  'data-garden-id': COMPONENT_ID$b,
233
- 'data-garden-version': '9.0.0-next.18'
233
+ 'data-garden-version': '9.0.0-next.19'
234
234
  }).withConfig({
235
235
  displayName: "StyledTitle",
236
236
  componentId: "sc-xx4jsv-0"
@@ -251,8 +251,7 @@ const colorStyles$9 = _ref => {
251
251
  } = _ref;
252
252
  const {
253
253
  space,
254
- shadows,
255
- opacity
254
+ shadows
256
255
  } = theme;
257
256
  let bgVariable;
258
257
  let borderVariable;
@@ -299,18 +298,10 @@ const colorStyles$9 = _ref => {
299
298
  });
300
299
  const offsetY = `${space.base * 5}px`;
301
300
  const blurRadius = `${space.base * 7}px`;
302
- const color = reactTheming.getColor({
303
- hue: 'neutralHue',
304
- shade: 1200,
305
- light: {
306
- transparency: opacity[200]
307
- },
308
- dark: {
309
- transparency: opacity[1000]
310
- },
301
+ const boxShadow = $isFloating ? shadows.lg(offsetY, blurRadius, reactTheming.getColor({
302
+ variable: 'shadow.large',
311
303
  theme
312
- });
313
- const boxShadow = $isFloating ? shadows.lg(offsetY, blurRadius, color) : undefined;
304
+ })) : undefined;
314
305
  return styled.css(["border-color:", ";box-shadow:", ";background-color:", ";color:", ";"], borderColor, boxShadow, backgroundColor, foregroundColor);
315
306
  };
316
307
  const padding = props => {
@@ -323,7 +314,7 @@ const padding = props => {
323
314
  };
324
315
  const StyledBase = styled__default.default.div.attrs({
325
316
  'data-garden-id': COMPONENT_ID$a,
326
- 'data-garden-version': '9.0.0-next.18'
317
+ 'data-garden-version': '9.0.0-next.19'
327
318
  }).withConfig({
328
319
  displayName: "StyledBase",
329
320
  componentId: "sc-14syaqw-0"
@@ -361,7 +352,7 @@ const colorStyles$8 = props => {
361
352
  };
362
353
  const StyledAlert = styled__default.default(StyledBase).attrs({
363
354
  'data-garden-id': COMPONENT_ID$9,
364
- 'data-garden-version': '9.0.0-next.18'
355
+ 'data-garden-version': '9.0.0-next.19'
365
356
  }).withConfig({
366
357
  displayName: "StyledAlert",
367
358
  componentId: "sc-fyn8jp-0"
@@ -399,7 +390,7 @@ const colorStyles$7 = props => {
399
390
  };
400
391
  const StyledNotification = styled__default.default(StyledBase).attrs({
401
392
  'data-garden-id': COMPONENT_ID$8,
402
- 'data-garden-version': '9.0.0-next.18'
393
+ 'data-garden-version': '9.0.0-next.19'
403
394
  }).withConfig({
404
395
  displayName: "StyledNotification",
405
396
  componentId: "sc-uf6jh-0"
@@ -438,7 +429,7 @@ const colorStyles$6 = _ref => {
438
429
  };
439
430
  const StyledWell = styled__default.default(StyledBase).attrs({
440
431
  'data-garden-id': COMPONENT_ID$7,
441
- 'data-garden-version': '9.0.0-next.18'
432
+ 'data-garden-version': '9.0.0-next.19'
442
433
  }).withConfig({
443
434
  displayName: "StyledWell",
444
435
  componentId: "sc-a5831c-0"
@@ -488,7 +479,7 @@ const colorStyles$5 = _ref2 => {
488
479
  };
489
480
  const StyledIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
490
481
  'data-garden-id': COMPONENT_ID$6,
491
- 'data-garden-version': '9.0.0-next.18'
482
+ 'data-garden-version': '9.0.0-next.19'
492
483
  }).withConfig({
493
484
  displayName: "StyledIcon",
494
485
  componentId: "sc-msklws-0"
@@ -638,7 +629,7 @@ const sizeStyles$3 = props => {
638
629
  };
639
630
  const StyledGlobalAlert = styled__default.default.div.attrs({
640
631
  'data-garden-id': COMPONENT_ID$5,
641
- 'data-garden-version': '9.0.0-next.18'
632
+ 'data-garden-version': '9.0.0-next.19'
642
633
  }).withConfig({
643
634
  displayName: "StyledGlobalAlert",
644
635
  componentId: "sc-k6rimt-0"
@@ -730,7 +721,7 @@ const sizeStyles$2 = props => {
730
721
  };
731
722
  const StyledGlobalAlertClose = styled__default.default(reactButtons.IconButton).attrs({
732
723
  'data-garden-id': COMPONENT_ID$4,
733
- 'data-garden-version': '9.0.0-next.18'
724
+ 'data-garden-version': '9.0.0-next.19'
734
725
  }).withConfig({
735
726
  displayName: "StyledGlobalAlertClose",
736
727
  componentId: "sc-1g5s93s-0"
@@ -836,7 +827,7 @@ function sizeStyles$1(props) {
836
827
  }
837
828
  const StyledGlobalAlertButton = styled__default.default(reactButtons.Button).attrs({
838
829
  'data-garden-id': COMPONENT_ID$3,
839
- 'data-garden-version': '9.0.0-next.18'
830
+ 'data-garden-version': '9.0.0-next.19'
840
831
  }).withConfig({
841
832
  displayName: "StyledGlobalAlertButton",
842
833
  componentId: "sc-1txe91a-0"
@@ -848,7 +839,7 @@ StyledGlobalAlertButton.defaultProps = {
848
839
  const COMPONENT_ID$2 = 'notifications.global_alert.content';
849
840
  const StyledGlobalAlertContent = styled__default.default.div.attrs({
850
841
  'data-garden-id': COMPONENT_ID$2,
851
- 'data-garden-version': '9.0.0-next.18'
842
+ 'data-garden-version': '9.0.0-next.19'
852
843
  }).withConfig({
853
844
  displayName: "StyledGlobalAlertContent",
854
845
  componentId: "sc-rept0u-0"
@@ -902,7 +893,7 @@ const colorStyles$1 = _ref => {
902
893
  };
903
894
  const StyledGlobalAlertIcon = styled__default.default(reactTheming.StyledBaseIcon).attrs({
904
895
  'data-garden-id': COMPONENT_ID$1,
905
- 'data-garden-version': '9.0.0-next.18'
896
+ 'data-garden-version': '9.0.0-next.19'
906
897
  }).withConfig({
907
898
  displayName: "StyledGlobalAlertIcon",
908
899
  componentId: "sc-84ne9k-0"
@@ -941,7 +932,7 @@ const colorStyles = _ref => {
941
932
  };
942
933
  const StyledGlobalAlertTitle = styled__default.default.div.attrs({
943
934
  'data-garden-id': COMPONENT_ID,
944
- 'data-garden-version': '9.0.0-next.18'
935
+ 'data-garden-version': '9.0.0-next.19'
945
936
  }).withConfig({
946
937
  displayName: "StyledGlobalAlertTitle",
947
938
  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.18",
3
+ "version": "9.0.0-next.19",
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.18",
24
+ "@zendeskgarden/react-buttons": "^9.0.0-next.19",
25
25
  "polished": "^4.3.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.18",
38
+ "@zendeskgarden/react-theming": "^9.0.0-next.19",
39
39
  "@zendeskgarden/svg-icons": "7.1.1"
40
40
  },
41
41
  "keywords": [
@@ -48,5 +48,5 @@
48
48
  "access": "public"
49
49
  },
50
50
  "zendeskgarden:src": "src/index.ts",
51
- "gitHead": "31680e30a7c9b1f2bd1f8f711f540dfaaf4ee4ec"
51
+ "gitHead": "3f18fec721a25bebc274de6af38cd88ab4e63a79"
52
52
  }