@zendeskgarden/react-avatars 9.0.0-next.3 → 9.0.0-next.5

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 +12 -12
  2. package/dist/index.esm.js +13 -13
  3. package/package.json +4 -4
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.3'
141
+ 'data-garden-version': '9.0.0-next.5'
142
142
  }).withConfig({
143
143
  displayName: "StyledText",
144
144
  componentId: "sc-1a6hivh-0"
@@ -152,15 +152,15 @@ const TRANSITION_DURATION = 0.25;
152
152
  function getStatusColor(type, theme) {
153
153
  switch (type) {
154
154
  case 'active':
155
- return reactTheming.getColor('crimson', 400, theme);
155
+ return reactTheming.getColorV8('crimson', 400, theme);
156
156
  case 'available':
157
- return reactTheming.getColor('mint', 400, theme);
157
+ return reactTheming.getColorV8('mint', 400, theme);
158
158
  case 'away':
159
- return reactTheming.getColor('orange', 400, theme);
159
+ return reactTheming.getColorV8('orange', 400, theme);
160
160
  case 'transfers':
161
- return reactTheming.getColor('azure', 400, theme);
161
+ return reactTheming.getColorV8('azure', 400, theme);
162
162
  case 'offline':
163
- return reactTheming.getColor('grey', 500, theme);
163
+ return reactTheming.getColorV8('grey', 500, theme);
164
164
  default:
165
165
  return 'transparent';
166
166
  }
@@ -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.3'
209
+ 'data-garden-version': '9.0.0-next.5'
210
210
  }).withConfig({
211
211
  displayName: "StyledStatusIndicatorBase",
212
212
  componentId: "sc-1rininy-0"
@@ -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.3'
248
+ 'data-garden-version': '9.0.0-next.5'
249
249
  }).withConfig({
250
250
  displayName: "StyledStatusIndicator",
251
251
  componentId: "sc-16t9if3-0"
@@ -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.3'
324
+ 'data-garden-version': '9.0.0-next.5'
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.3'
337
+ 'data-garden-version': '9.0.0-next.5'
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.3'
353
+ 'data-garden-version': '9.0.0-next.5'
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.3'
365
+ 'data-garden-version': '9.0.0-next.5'
366
366
  }).withConfig({
367
367
  displayName: "StyledStandaloneStatusIndicator",
368
368
  componentId: "sc-1xt1heq-0"
package/dist/index.esm.js CHANGED
@@ -8,7 +8,7 @@
8
8
  import * as React from 'react';
9
9
  import React__default, { forwardRef, useMemo, Children } from 'react';
10
10
  import PropTypes from 'prop-types';
11
- import { retrieveComponentStyles, DEFAULT_THEME, getColor, getLineHeight, useText } from '@zendeskgarden/react-theming';
11
+ import { retrieveComponentStyles, DEFAULT_THEME, getColorV8, getLineHeight, useText } from '@zendeskgarden/react-theming';
12
12
  import styled, { keyframes, css } from 'styled-components';
13
13
  import { math } from 'polished';
14
14
 
@@ -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.3'
116
+ 'data-garden-version': '9.0.0-next.5'
117
117
  }).withConfig({
118
118
  displayName: "StyledText",
119
119
  componentId: "sc-1a6hivh-0"
@@ -127,15 +127,15 @@ const TRANSITION_DURATION = 0.25;
127
127
  function getStatusColor(type, theme) {
128
128
  switch (type) {
129
129
  case 'active':
130
- return getColor('crimson', 400, theme);
130
+ return getColorV8('crimson', 400, theme);
131
131
  case 'available':
132
- return getColor('mint', 400, theme);
132
+ return getColorV8('mint', 400, theme);
133
133
  case 'away':
134
- return getColor('orange', 400, theme);
134
+ return getColorV8('orange', 400, theme);
135
135
  case 'transfers':
136
- return getColor('azure', 400, theme);
136
+ return getColorV8('azure', 400, theme);
137
137
  case 'offline':
138
- return getColor('grey', 500, theme);
138
+ return getColorV8('grey', 500, theme);
139
139
  default:
140
140
  return 'transparent';
141
141
  }
@@ -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.3'
184
+ 'data-garden-version': '9.0.0-next.5'
185
185
  }).withConfig({
186
186
  displayName: "StyledStatusIndicatorBase",
187
187
  componentId: "sc-1rininy-0"
@@ -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.3'
223
+ 'data-garden-version': '9.0.0-next.5'
224
224
  }).withConfig({
225
225
  displayName: "StyledStatusIndicator",
226
226
  componentId: "sc-16t9if3-0"
@@ -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.3'
299
+ 'data-garden-version': '9.0.0-next.5'
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.3'
312
+ 'data-garden-version': '9.0.0-next.5'
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.3'
328
+ 'data-garden-version': '9.0.0-next.5'
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.3'
340
+ 'data-garden-version': '9.0.0-next.5'
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.3",
3
+ "version": "9.0.0-next.5",
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>",
@@ -28,10 +28,10 @@
28
28
  "@zendeskgarden/react-theming": "^8.65.0",
29
29
  "react": ">=16.8.0",
30
30
  "react-dom": ">=16.8.0",
31
- "styled-components": "^5.1.0"
31
+ "styled-components": "^5.3.1"
32
32
  },
33
33
  "devDependencies": {
34
- "@zendeskgarden/react-theming": "^9.0.0-next.3",
34
+ "@zendeskgarden/react-theming": "^9.0.0-next.5",
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": "d5086e8a3ae0c8608361966954bf434ef03005ec"
47
+ "gitHead": "806fa33feb06142c3f69b6a87b53628469117e4d"
48
48
  }