@zendeskgarden/react-notifications 9.0.0-next.5 → 9.0.0-next.6

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 (4) hide show
  1. package/dist/index.cjs.js +16 -17
  2. package/dist/index.esm.js +16 -17
  3. package/dist/typings/styled/global-alert/StyledGlobalAlertButton.d.ts +1 -1
  4. 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.5'
63
+ 'data-garden-version': '9.0.0-next.6'
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.5'
78
+ 'data-garden-version': '9.0.0-next.6'
79
79
  }).withConfig({
80
80
  displayName: "StyledParagraph",
81
81
  componentId: "sc-12tmd6p-0"
@@ -87,11 +87,11 @@ 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.5'
90
+ 'data-garden-version': '9.0.0-next.6'
91
91
  }).withConfig({
92
92
  displayName: "StyledTitle",
93
93
  componentId: "sc-xx4jsv-0"
94
- })(["margin:0;color:", ";font-weight:", ";", ";"], props => props.theme.colors.foreground, props => props.isRegular ? props.theme.fontWeights.regular : props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
94
+ })(["margin:0;color:", ";font-weight:", ";", ";"], props => reactTheming.getColorV8('foreground', 600 , props.theme), props => props.isRegular ? props.theme.fontWeights.regular : props.theme.fontWeights.semibold, props => reactTheming.retrieveComponentStyles(COMPONENT_ID$9, props));
95
95
  StyledTitle.defaultProps = {
96
96
  theme: reactTheming.DEFAULT_THEME
97
97
  };
@@ -118,7 +118,7 @@ const colorStyles$6 = props => {
118
118
  borderColor = reactTheming.getColorV8(props.hue, 300, props.theme);
119
119
  foregroundColor = reactTheming.getColorV8(props.hue, props.type === 'info' ? 600 : 700, props.theme);
120
120
  } else {
121
- backgroundColor = props.theme.colors.background;
121
+ backgroundColor = reactTheming.getColorV8('background', 600 , props.theme);
122
122
  borderColor = reactTheming.getColorV8('neutralHue', 300, props.theme);
123
123
  foregroundColor = reactTheming.getColorV8('neutralHue', 800, props.theme);
124
124
  }
@@ -144,7 +144,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
144
144
  const colorStyles$5 = props => styled.css(["", "{color:", ";}"], StyledTitle, props.hue && reactTheming.getColorV8(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.5'
147
+ 'data-garden-version': '9.0.0-next.6'
148
148
  }).withConfig({
149
149
  displayName: "StyledAlert",
150
150
  componentId: "sc-fyn8jp-0"
@@ -165,8 +165,7 @@ const colorStyles$4 = props => {
165
165
  const {
166
166
  successHue,
167
167
  dangerHue,
168
- warningHue,
169
- foreground
168
+ warningHue
170
169
  } = colors;
171
170
  let color;
172
171
  switch (type) {
@@ -180,7 +179,7 @@ const colorStyles$4 = props => {
180
179
  color = reactTheming.getColorV8(warningHue, 700, theme);
181
180
  break;
182
181
  case 'info':
183
- color = foreground;
182
+ color = reactTheming.getColorV8('foreground', 600 , theme);
184
183
  break;
185
184
  default:
186
185
  color = 'inherit';
@@ -190,7 +189,7 @@ const colorStyles$4 = props => {
190
189
  };
191
190
  const StyledNotification = styled__default.default(StyledBase).attrs({
192
191
  'data-garden-id': COMPONENT_ID$7,
193
- 'data-garden-version': '9.0.0-next.5'
192
+ 'data-garden-version': '9.0.0-next.6'
194
193
  }).withConfig({
195
194
  displayName: "StyledNotification",
196
195
  componentId: "sc-uf6jh-0"
@@ -205,7 +204,7 @@ StyledNotification.defaultProps = {
205
204
  const COMPONENT_ID$6 = 'notifications.well';
206
205
  const StyledWell = styled__default.default(StyledBase).attrs({
207
206
  'data-garden-id': COMPONENT_ID$6,
208
- 'data-garden-version': '9.0.0-next.5'
207
+ 'data-garden-version': '9.0.0-next.6'
209
208
  }).withConfig({
210
209
  displayName: "StyledWell",
211
210
  componentId: "sc-a5831c-0"
@@ -292,7 +291,7 @@ const sizeStyles$3 = props => {
292
291
  };
293
292
  const StyledGlobalAlert = styled__default.default.div.attrs({
294
293
  'data-garden-id': COMPONENT_ID$5,
295
- 'data-garden-version': '9.0.0-next.5'
294
+ 'data-garden-version': '9.0.0-next.6'
296
295
  }).withConfig({
297
296
  displayName: "StyledGlobalAlert",
298
297
  componentId: "sc-k6rimt-0"
@@ -352,7 +351,7 @@ const sizeStyles$2 = props => {
352
351
  };
353
352
  const StyledGlobalAlertClose = styled__default.default(reactButtons.IconButton).attrs({
354
353
  'data-garden-id': COMPONENT_ID$4,
355
- 'data-garden-version': '9.0.0-next.5',
354
+ 'data-garden-version': '9.0.0-next.6',
356
355
  size: 'small'
357
356
  }).withConfig({
358
357
  displayName: "StyledGlobalAlertClose",
@@ -407,7 +406,7 @@ function sizeStyles$1(props) {
407
406
  }
408
407
  const StyledGlobalAlertButton = styled__default.default(reactButtons.Button).attrs({
409
408
  'data-garden-id': COMPONENT_ID$3,
410
- 'data-garden-version': '9.0.0-next.5',
409
+ 'data-garden-version': '9.0.0-next.6',
411
410
  focusInset: false,
412
411
  isDanger: false,
413
412
  isLink: false,
@@ -426,7 +425,7 @@ StyledGlobalAlertButton.defaultProps = {
426
425
  const COMPONENT_ID$2 = 'notifications.global-alert.content';
427
426
  const StyledGlobalAlertContent = styled__default.default.div.attrs({
428
427
  'data-garden-id': COMPONENT_ID$2,
429
- 'data-garden-version': '9.0.0-next.5'
428
+ 'data-garden-version': '9.0.0-next.6'
430
429
  }).withConfig({
431
430
  displayName: "StyledGlobalAlertContent",
432
431
  componentId: "sc-rept0u-0"
@@ -450,7 +449,7 @@ const StyledGlobalAlertIcon = styled__default.default(_ref => {
450
449
  return React__namespace.default.cloneElement(React.Children.only(children), props);
451
450
  }).attrs({
452
451
  'data-garden-id': COMPONENT_ID$1,
453
- 'data-garden-version': '9.0.0-next.5'
452
+ 'data-garden-version': '9.0.0-next.6'
454
453
  }).withConfig({
455
454
  displayName: "StyledGlobalAlertIcon",
456
455
  componentId: "sc-84ne9k-0"
@@ -478,7 +477,7 @@ const colorStyles = props => {
478
477
  };
479
478
  const StyledGlobalAlertTitle = styled__default.default.div.attrs({
480
479
  'data-garden-id': COMPONENT_ID,
481
- 'data-garden-version': '9.0.0-next.5'
480
+ 'data-garden-version': '9.0.0-next.6'
482
481
  }).withConfig({
483
482
  displayName: "StyledGlobalAlertTitle",
484
483
  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.5'
38
+ 'data-garden-version': '9.0.0-next.6'
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.5'
53
+ 'data-garden-version': '9.0.0-next.6'
54
54
  }).withConfig({
55
55
  displayName: "StyledParagraph",
56
56
  componentId: "sc-12tmd6p-0"
@@ -62,11 +62,11 @@ 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.5'
65
+ 'data-garden-version': '9.0.0-next.6'
66
66
  }).withConfig({
67
67
  displayName: "StyledTitle",
68
68
  componentId: "sc-xx4jsv-0"
69
- })(["margin:0;color:", ";font-weight:", ";", ";"], props => props.theme.colors.foreground, props => props.isRegular ? props.theme.fontWeights.regular : props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID$9, props));
69
+ })(["margin:0;color:", ";font-weight:", ";", ";"], props => getColorV8('foreground', 600 , props.theme), props => props.isRegular ? props.theme.fontWeights.regular : props.theme.fontWeights.semibold, props => retrieveComponentStyles(COMPONENT_ID$9, props));
70
70
  StyledTitle.defaultProps = {
71
71
  theme: DEFAULT_THEME
72
72
  };
@@ -93,7 +93,7 @@ const colorStyles$6 = props => {
93
93
  borderColor = getColorV8(props.hue, 300, props.theme);
94
94
  foregroundColor = getColorV8(props.hue, props.type === 'info' ? 600 : 700, props.theme);
95
95
  } else {
96
- backgroundColor = props.theme.colors.background;
96
+ backgroundColor = getColorV8('background', 600 , props.theme);
97
97
  borderColor = getColorV8('neutralHue', 300, props.theme);
98
98
  foregroundColor = getColorV8('neutralHue', 800, props.theme);
99
99
  }
@@ -119,7 +119,7 @@ const COMPONENT_ID$8 = 'notifications.alert';
119
119
  const colorStyles$5 = props => css(["", "{color:", ";}"], StyledTitle, props.hue && getColorV8(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.5'
122
+ 'data-garden-version': '9.0.0-next.6'
123
123
  }).withConfig({
124
124
  displayName: "StyledAlert",
125
125
  componentId: "sc-fyn8jp-0"
@@ -140,8 +140,7 @@ const colorStyles$4 = props => {
140
140
  const {
141
141
  successHue,
142
142
  dangerHue,
143
- warningHue,
144
- foreground
143
+ warningHue
145
144
  } = colors;
146
145
  let color;
147
146
  switch (type) {
@@ -155,7 +154,7 @@ const colorStyles$4 = props => {
155
154
  color = getColorV8(warningHue, 700, theme);
156
155
  break;
157
156
  case 'info':
158
- color = foreground;
157
+ color = getColorV8('foreground', 600 , theme);
159
158
  break;
160
159
  default:
161
160
  color = 'inherit';
@@ -165,7 +164,7 @@ const colorStyles$4 = props => {
165
164
  };
166
165
  const StyledNotification = styled(StyledBase).attrs({
167
166
  'data-garden-id': COMPONENT_ID$7,
168
- 'data-garden-version': '9.0.0-next.5'
167
+ 'data-garden-version': '9.0.0-next.6'
169
168
  }).withConfig({
170
169
  displayName: "StyledNotification",
171
170
  componentId: "sc-uf6jh-0"
@@ -180,7 +179,7 @@ StyledNotification.defaultProps = {
180
179
  const COMPONENT_ID$6 = 'notifications.well';
181
180
  const StyledWell = styled(StyledBase).attrs({
182
181
  'data-garden-id': COMPONENT_ID$6,
183
- 'data-garden-version': '9.0.0-next.5'
182
+ 'data-garden-version': '9.0.0-next.6'
184
183
  }).withConfig({
185
184
  displayName: "StyledWell",
186
185
  componentId: "sc-a5831c-0"
@@ -267,7 +266,7 @@ const sizeStyles$3 = props => {
267
266
  };
268
267
  const StyledGlobalAlert = styled.div.attrs({
269
268
  'data-garden-id': COMPONENT_ID$5,
270
- 'data-garden-version': '9.0.0-next.5'
269
+ 'data-garden-version': '9.0.0-next.6'
271
270
  }).withConfig({
272
271
  displayName: "StyledGlobalAlert",
273
272
  componentId: "sc-k6rimt-0"
@@ -327,7 +326,7 @@ const sizeStyles$2 = props => {
327
326
  };
328
327
  const StyledGlobalAlertClose = styled(IconButton).attrs({
329
328
  'data-garden-id': COMPONENT_ID$4,
330
- 'data-garden-version': '9.0.0-next.5',
329
+ 'data-garden-version': '9.0.0-next.6',
331
330
  size: 'small'
332
331
  }).withConfig({
333
332
  displayName: "StyledGlobalAlertClose",
@@ -382,7 +381,7 @@ function sizeStyles$1(props) {
382
381
  }
383
382
  const StyledGlobalAlertButton = styled(Button).attrs({
384
383
  'data-garden-id': COMPONENT_ID$3,
385
- 'data-garden-version': '9.0.0-next.5',
384
+ 'data-garden-version': '9.0.0-next.6',
386
385
  focusInset: false,
387
386
  isDanger: false,
388
387
  isLink: false,
@@ -401,7 +400,7 @@ StyledGlobalAlertButton.defaultProps = {
401
400
  const COMPONENT_ID$2 = 'notifications.global-alert.content';
402
401
  const StyledGlobalAlertContent = styled.div.attrs({
403
402
  'data-garden-id': COMPONENT_ID$2,
404
- 'data-garden-version': '9.0.0-next.5'
403
+ 'data-garden-version': '9.0.0-next.6'
405
404
  }).withConfig({
406
405
  displayName: "StyledGlobalAlertContent",
407
406
  componentId: "sc-rept0u-0"
@@ -425,7 +424,7 @@ const StyledGlobalAlertIcon = styled(_ref => {
425
424
  return React__default.cloneElement(Children.only(children), props);
426
425
  }).attrs({
427
426
  'data-garden-id': COMPONENT_ID$1,
428
- 'data-garden-version': '9.0.0-next.5'
427
+ 'data-garden-version': '9.0.0-next.6'
429
428
  }).withConfig({
430
429
  displayName: "StyledGlobalAlertIcon",
431
430
  componentId: "sc-84ne9k-0"
@@ -453,7 +452,7 @@ const colorStyles = props => {
453
452
  };
454
453
  const StyledGlobalAlertTitle = styled.div.attrs({
455
454
  'data-garden-id': COMPONENT_ID,
456
- 'data-garden-version': '9.0.0-next.5'
455
+ 'data-garden-version': '9.0.0-next.6'
457
456
  }).withConfig({
458
457
  displayName: "StyledGlobalAlertTitle",
459
458
  componentId: "sc-10clqbo-0"
package/dist/typings/styled/global-alert/StyledGlobalAlertButton.d.ts CHANGED
@@ -30,5 +30,5 @@ export declare const StyledGlobalAlertButton: import("styled-components").Styled
30
30
  isPill: false;
31
31
  isStretched: false;
32
32
  size: "small";
33
- } & IStyledGlobalAlertButtonProps, "isDanger" | "size" | "isStretched" | "isNeutral" | "isLink" | "isPill" | "focusInset" | "data-garden-id" | "data-garden-version">;
33
+ } & IStyledGlobalAlertButtonProps, "size" | "isDanger" | "isStretched" | "isNeutral" | "isLink" | "isPill" | "focusInset" | "data-garden-id" | "data-garden-version">;
34
34
  export {};
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-notifications",
3
- "version": "9.0.0-next.5",
3
+ "version": "9.0.0-next.6",
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.5",
24
+ "@zendeskgarden/react-buttons": "^9.0.0-next.6",
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.5",
38
+ "@zendeskgarden/react-theming": "^9.0.0-next.6",
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": "806fa33feb06142c3f69b6a87b53628469117e4d"
51
+ "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
52
52
  }