@zendeskgarden/react-avatars 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 (3) hide show
  1. package/dist/index.cjs.js +9 -9
  2. package/dist/index.esm.js +9 -9
  3. package/package.json +3 -3
package/dist/index.cjs.js CHANGED
@@ -138,7 +138,7 @@ const STATUS = ['available', 'away', 'transfers', 'offline'];
138
138
  const COMPONENT_ID$6 = 'avatars.text';
139
139
  const StyledText = styled__default.default.span.attrs({
140
140
  'data-garden-id': COMPONENT_ID$6,
141
- 'data-garden-version': '9.0.0-next.5'
141
+ 'data-garden-version': '9.0.0-next.6'
142
142
  }).withConfig({
143
143
  displayName: "StyledText",
144
144
  componentId: "sc-1a6hivh-0"
@@ -206,7 +206,7 @@ const colorStyles$2 = props => {
206
206
  };
207
207
  const StyledStatusIndicatorBase = styled__default.default.div.attrs({
208
208
  'data-garden-id': COMPONENT_ID$5,
209
- 'data-garden-version': '9.0.0-next.5'
209
+ 'data-garden-version': '9.0.0-next.6'
210
210
  }).withConfig({
211
211
  displayName: "StyledStatusIndicatorBase",
212
212
  componentId: "sc-1rininy-0"
@@ -237,7 +237,7 @@ const colorStyles$1 = props => {
237
237
  borderColor,
238
238
  surfaceColor
239
239
  } = props;
240
- let boxShadow = theme.shadows.sm(surfaceColor || (type ? theme.colors.background : theme.palette.white));
240
+ let boxShadow = theme.shadows.sm(surfaceColor || (type ? reactTheming.getColorV8('background', 600 , theme) : theme.palette.white));
241
241
  if (size === xxs) {
242
242
  boxShadow = boxShadow.replace(theme.shadowWidths.sm, '1px');
243
243
  }
@@ -245,7 +245,7 @@ const colorStyles$1 = props => {
245
245
  };
246
246
  const StyledStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs({
247
247
  'data-garden-id': COMPONENT_ID$4,
248
- 'data-garden-version': '9.0.0-next.5'
248
+ 'data-garden-version': '9.0.0-next.6'
249
249
  }).withConfig({
250
250
  displayName: "StyledStatusIndicator",
251
251
  componentId: "sc-16t9if3-0"
@@ -277,7 +277,7 @@ const colorStyles = props => {
277
277
  const statusColor = getStatusColor(props.status, props.theme);
278
278
  const backgroundColor = props.backgroundColor || 'transparent';
279
279
  const foregroundColor = props.foregroundColor || props.theme.palette.white;
280
- const surfaceColor = props.status ? props.surfaceColor || props.theme.colors.background : 'transparent';
280
+ const surfaceColor = props.status ? props.surfaceColor || reactTheming.getColorV8('background', 600 , props.theme) : 'transparent';
281
281
  return styled.css(["box-shadow:", ";background-color:", ";color:", ";& > svg,& ", "{color:", ";}"], props.theme.shadows.sm(statusColor), backgroundColor, surfaceColor, StyledText, foregroundColor);
282
282
  };
283
283
  const sizeStyles$1 = props => {
@@ -321,7 +321,7 @@ const sizeStyles$1 = props => {
321
321
  };
322
322
  const StyledAvatar = styled__default.default.figure.attrs({
323
323
  'data-garden-id': COMPONENT_ID$3,
324
- 'data-garden-version': '9.0.0-next.5'
324
+ 'data-garden-version': '9.0.0-next.6'
325
325
  }).withConfig({
326
326
  displayName: "StyledAvatar",
327
327
  componentId: "sc-608m04-0"
@@ -334,7 +334,7 @@ StyledAvatar.defaultProps = {
334
334
  const COMPONENT_ID$2 = 'avatars.status-indicator.status';
335
335
  const StyledStandaloneStatus = styled__default.default.figure.attrs({
336
336
  'data-garden-id': COMPONENT_ID$2,
337
- 'data-garden-version': '9.0.0-next.5'
337
+ 'data-garden-version': '9.0.0-next.6'
338
338
  }).withConfig({
339
339
  displayName: "StyledStandaloneStatus",
340
340
  componentId: "sc-1ow4nfj-0"
@@ -350,7 +350,7 @@ function sizeStyles(props) {
350
350
  }
351
351
  const StyledStandaloneStatusCaption = styled__default.default.figcaption.attrs({
352
352
  'data-garden-id': COMPONENT_ID$1,
353
- 'data-garden-version': '9.0.0-next.5'
353
+ 'data-garden-version': '9.0.0-next.6'
354
354
  }).withConfig({
355
355
  displayName: "StyledStandaloneStatusCaption",
356
356
  componentId: "sc-aalyk1-0"
@@ -362,7 +362,7 @@ StyledStandaloneStatusCaption.defaultProps = {
362
362
  const COMPONENT_ID = 'avatars.status-indicator.indicator';
363
363
  const StyledStandaloneStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs({
364
364
  'data-garden-id': COMPONENT_ID,
365
- 'data-garden-version': '9.0.0-next.5'
365
+ 'data-garden-version': '9.0.0-next.6'
366
366
  }).withConfig({
367
367
  displayName: "StyledStandaloneStatusIndicator",
368
368
  componentId: "sc-1xt1heq-0"
package/dist/index.esm.js CHANGED
@@ -113,7 +113,7 @@ const STATUS = ['available', 'away', 'transfers', 'offline'];
113
113
  const COMPONENT_ID$6 = 'avatars.text';
114
114
  const StyledText = styled.span.attrs({
115
115
  'data-garden-id': COMPONENT_ID$6,
116
- 'data-garden-version': '9.0.0-next.5'
116
+ 'data-garden-version': '9.0.0-next.6'
117
117
  }).withConfig({
118
118
  displayName: "StyledText",
119
119
  componentId: "sc-1a6hivh-0"
@@ -181,7 +181,7 @@ const colorStyles$2 = props => {
181
181
  };
182
182
  const StyledStatusIndicatorBase = styled.div.attrs({
183
183
  'data-garden-id': COMPONENT_ID$5,
184
- 'data-garden-version': '9.0.0-next.5'
184
+ 'data-garden-version': '9.0.0-next.6'
185
185
  }).withConfig({
186
186
  displayName: "StyledStatusIndicatorBase",
187
187
  componentId: "sc-1rininy-0"
@@ -212,7 +212,7 @@ const colorStyles$1 = props => {
212
212
  borderColor,
213
213
  surfaceColor
214
214
  } = props;
215
- let boxShadow = theme.shadows.sm(surfaceColor || (type ? theme.colors.background : theme.palette.white));
215
+ let boxShadow = theme.shadows.sm(surfaceColor || (type ? getColorV8('background', 600 , theme) : theme.palette.white));
216
216
  if (size === xxs) {
217
217
  boxShadow = boxShadow.replace(theme.shadowWidths.sm, '1px');
218
218
  }
@@ -220,7 +220,7 @@ const colorStyles$1 = props => {
220
220
  };
221
221
  const StyledStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
222
222
  'data-garden-id': COMPONENT_ID$4,
223
- 'data-garden-version': '9.0.0-next.5'
223
+ 'data-garden-version': '9.0.0-next.6'
224
224
  }).withConfig({
225
225
  displayName: "StyledStatusIndicator",
226
226
  componentId: "sc-16t9if3-0"
@@ -252,7 +252,7 @@ const colorStyles = props => {
252
252
  const statusColor = getStatusColor(props.status, props.theme);
253
253
  const backgroundColor = props.backgroundColor || 'transparent';
254
254
  const foregroundColor = props.foregroundColor || props.theme.palette.white;
255
- const surfaceColor = props.status ? props.surfaceColor || props.theme.colors.background : 'transparent';
255
+ const surfaceColor = props.status ? props.surfaceColor || getColorV8('background', 600 , props.theme) : 'transparent';
256
256
  return css(["box-shadow:", ";background-color:", ";color:", ";& > svg,& ", "{color:", ";}"], props.theme.shadows.sm(statusColor), backgroundColor, surfaceColor, StyledText, foregroundColor);
257
257
  };
258
258
  const sizeStyles$1 = props => {
@@ -296,7 +296,7 @@ const sizeStyles$1 = props => {
296
296
  };
297
297
  const StyledAvatar = styled.figure.attrs({
298
298
  'data-garden-id': COMPONENT_ID$3,
299
- 'data-garden-version': '9.0.0-next.5'
299
+ 'data-garden-version': '9.0.0-next.6'
300
300
  }).withConfig({
301
301
  displayName: "StyledAvatar",
302
302
  componentId: "sc-608m04-0"
@@ -309,7 +309,7 @@ StyledAvatar.defaultProps = {
309
309
  const COMPONENT_ID$2 = 'avatars.status-indicator.status';
310
310
  const StyledStandaloneStatus = styled.figure.attrs({
311
311
  'data-garden-id': COMPONENT_ID$2,
312
- 'data-garden-version': '9.0.0-next.5'
312
+ 'data-garden-version': '9.0.0-next.6'
313
313
  }).withConfig({
314
314
  displayName: "StyledStandaloneStatus",
315
315
  componentId: "sc-1ow4nfj-0"
@@ -325,7 +325,7 @@ function sizeStyles(props) {
325
325
  }
326
326
  const StyledStandaloneStatusCaption = styled.figcaption.attrs({
327
327
  'data-garden-id': COMPONENT_ID$1,
328
- 'data-garden-version': '9.0.0-next.5'
328
+ 'data-garden-version': '9.0.0-next.6'
329
329
  }).withConfig({
330
330
  displayName: "StyledStandaloneStatusCaption",
331
331
  componentId: "sc-aalyk1-0"
@@ -337,7 +337,7 @@ StyledStandaloneStatusCaption.defaultProps = {
337
337
  const COMPONENT_ID = 'avatars.status-indicator.indicator';
338
338
  const StyledStandaloneStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
339
339
  'data-garden-id': COMPONENT_ID,
340
- 'data-garden-version': '9.0.0-next.5'
340
+ 'data-garden-version': '9.0.0-next.6'
341
341
  }).withConfig({
342
342
  displayName: "StyledStandaloneStatusIndicator",
343
343
  componentId: "sc-1xt1heq-0"
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-avatars",
3
- "version": "9.0.0-next.5",
3
+ "version": "9.0.0-next.6",
4
4
  "description": "Components relating to avatars in the Garden Design System",
5
5
  "license": "Apache-2.0",
6
6
  "author": "Zendesk Garden <garden@zendesk.com>",
@@ -31,7 +31,7 @@
31
31
  "styled-components": "^5.3.1"
32
32
  },
33
33
  "devDependencies": {
34
- "@zendeskgarden/react-theming": "^9.0.0-next.5",
34
+ "@zendeskgarden/react-theming": "^9.0.0-next.6",
35
35
  "@zendeskgarden/svg-icons": "7.0.0"
36
36
  },
37
37
  "keywords": [
@@ -44,5 +44,5 @@
44
44
  "access": "public"
45
45
  },
46
46
  "zendeskgarden:src": "src/index.ts",
47
- "gitHead": "806fa33feb06142c3f69b6a87b53628469117e4d"
47
+ "gitHead": "45c56ad1c73af40afba8e5415f529a2c9601c83f"
48
48
  }