@zendeskgarden/react-avatars 9.11.1 → 9.11.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.
@@ -29,7 +29,7 @@ const AvatarComponent = forwardRef((_ref, ref) => {
29
29
  children,
30
30
  foregroundColor,
31
31
  isSystem,
32
- size,
32
+ size = 'medium',
33
33
  status,
34
34
  statusLabel,
35
35
  surfaceColor,
@@ -91,9 +91,6 @@ AvatarComponent.propTypes = {
91
91
  status: PropTypes.oneOf(STATUS),
92
92
  statusLabel: PropTypes.string
93
93
  };
94
- AvatarComponent.defaultProps = {
95
- size: 'medium'
96
- };
97
94
  const Avatar = AvatarComponent;
98
95
  Avatar.Text = Text;
99
96
 
@@ -22,7 +22,7 @@ import '../styled/StyledText.js';
22
22
  const StatusIndicator = forwardRef((_ref, ref) => {
23
23
  let {
24
24
  children,
25
- type,
25
+ type = 'offline',
26
26
  isCompact,
27
27
  'aria-label': label,
28
28
  ...props
@@ -62,8 +62,5 @@ StatusIndicator.propTypes = {
62
62
  type: PropTypes.oneOf(STATUS),
63
63
  isCompact: PropTypes.bool
64
64
  };
65
- StatusIndicator.defaultProps = {
66
- type: 'offline'
67
- };
68
65
 
69
66
  export { StatusIndicator };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { keyframes, css } from 'styled-components';
8
- import { componentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
8
+ import { componentStyles, getColor } from '@zendeskgarden/react-theming';
9
9
  import { math } from 'polished';
10
10
  import { SIZE } from '../types/index.js';
11
11
  import { StyledText } from './StyledText.js';
@@ -106,16 +106,13 @@ const sizeStyles = props => {
106
106
  }
107
107
  return css(["border-radius:", ";width:", " !important;height:", " !important;&::before{box-shadow:", ";}& > svg{font-size:", ";}& ", "{line-height:", ";font-size:", ";}"], borderRadius, size, size, boxShadow, svgSize, StyledText, size, fontSize);
108
108
  };
109
- const StyledAvatar = styled.figure.attrs({
109
+ const StyledAvatar = styled.figure.attrs(props => ({
110
110
  'data-garden-id': COMPONENT_ID,
111
- 'data-garden-version': '9.11.1'
112
- }).withConfig({
111
+ 'data-garden-version': '9.11.2',
112
+ $size: props.$size ?? 'medium'
113
+ })).withConfig({
113
114
  displayName: "StyledAvatar",
114
115
  componentId: "sc-608m04-0"
115
116
  })(["display:inline-flex;position:relative;align-items:center;justify-content:center;transition:box-shadow ", "s ease-in-out,color 0.1s ease-in-out;margin:0;vertical-align:middle;box-sizing:border-box;", ";", ";&::before{position:absolute;top:0;left:0;transition:box-shadow ", "s ease-in-out;content:'';}&::before,&& > img{border-radius:inherit;width:100%;height:100%;}&& > img{box-sizing:inherit;vertical-align:bottom;object-fit:cover;}&& > svg{width:1em;height:1em;}& > ", "{", ";}", ";"], TRANSITION_DURATION, props => sizeStyles(props), props => colorStyles(props), TRANSITION_DURATION, StyledStatusIndicator, badgeStyles, componentStyles);
116
- StyledAvatar.defaultProps = {
117
- $size: 'medium',
118
- theme: DEFAULT_THEME
119
- };
120
117
 
121
118
  export { StyledAvatar };
@@ -11,7 +11,7 @@ import { TRANSITION_DURATION } from './utility.js';
11
11
  const COMPONENT_ID = 'avatars.status-indicator.status';
12
12
  const StyledStandaloneStatus = styled.figure.attrs({
13
13
  'data-garden-id': COMPONENT_ID,
14
- 'data-garden-version': '9.11.1'
14
+ 'data-garden-version': '9.11.2'
15
15
  }).withConfig({
16
16
  displayName: "StyledStandaloneStatus",
17
17
  componentId: "sc-1ow4nfj-0"
@@ -14,7 +14,7 @@ function sizeStyles(props) {
14
14
  }
15
15
  const StyledStandaloneStatusCaption = styled.figcaption.attrs({
16
16
  'data-garden-id': COMPONENT_ID,
17
- 'data-garden-version': '9.11.1'
17
+ 'data-garden-version': '9.11.2'
18
18
  }).withConfig({
19
19
  displayName: "StyledStandaloneStatusCaption",
20
20
  componentId: "sc-aalyk1-0"
@@ -5,21 +5,18 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled from 'styled-components';
8
- import { componentStyles, DEFAULT_THEME } from '@zendeskgarden/react-theming';
8
+ import { componentStyles } from '@zendeskgarden/react-theming';
9
9
  import { getStatusSize } from './utility.js';
10
10
  import { StyledStatusIndicatorBase } from './StyledStatusIndicatorBase.js';
11
11
 
12
12
  const COMPONENT_ID = 'avatars.status-indicator.indicator';
13
- const StyledStandaloneStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
13
+ const StyledStandaloneStatusIndicator = styled(StyledStatusIndicatorBase).attrs(props => ({
14
14
  'data-garden-id': COMPONENT_ID,
15
- 'data-garden-version': '9.11.1'
16
- }).withConfig({
15
+ 'data-garden-version': '9.11.2',
16
+ $type: props.$type ?? 'offline'
17
+ })).withConfig({
17
18
  displayName: "StyledStandaloneStatusIndicator",
18
19
  componentId: "sc-1xt1heq-0"
19
20
  })(["position:relative;box-sizing:content-box;margin-top:", ";", ";"], props => `calc((${props.theme.lineHeights.md} - ${getStatusSize(props, '0')}) / 2)`, componentStyles);
20
- StyledStandaloneStatusIndicator.defaultProps = {
21
- $type: 'offline',
22
- theme: DEFAULT_THEME
23
- };
24
21
 
25
22
  export { StyledStandaloneStatusIndicator };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { css } from 'styled-components';
8
- import { componentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
8
+ import { componentStyles, getColor } from '@zendeskgarden/react-theming';
9
9
  import { math } from 'polished';
10
10
  import { SIZE } from '../types/index.js';
11
11
  import { StyledStatusIndicatorBase } from './StyledStatusIndicatorBase.js';
@@ -49,16 +49,13 @@ const colorStyles = _ref => {
49
49
  }
50
50
  return css(["border-color:", ";box-shadow:", ";"], $borderColor, boxShadow);
51
51
  };
52
- const StyledStatusIndicator = styled(StyledStatusIndicatorBase).attrs({
52
+ const StyledStatusIndicator = styled(StyledStatusIndicatorBase).attrs(props => ({
53
53
  'data-garden-id': COMPONENT_ID,
54
- 'data-garden-version': '9.11.1'
55
- }).withConfig({
54
+ 'data-garden-version': '9.11.2',
55
+ $size: props.$size ?? 'medium'
56
+ })).withConfig({
56
57
  displayName: "StyledStatusIndicator",
57
58
  componentId: "sc-16t9if3-0"
58
59
  })(["", " ", " ", ";"], sizeStyles, colorStyles, componentStyles);
59
- StyledStatusIndicator.defaultProps = {
60
- $size: 'medium',
61
- theme: DEFAULT_THEME
62
- };
63
60
 
64
61
  export { StyledStatusIndicator };
@@ -5,7 +5,7 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import styled, { keyframes, css } from 'styled-components';
8
- import { componentStyles, DEFAULT_THEME, getColor } from '@zendeskgarden/react-theming';
8
+ import { componentStyles, getColor } from '@zendeskgarden/react-theming';
9
9
  import { getStatusBorderOffset, getStatusSize, TRANSITION_DURATION, getStatusColor } from './utility.js';
10
10
 
11
11
  const COMPONENT_ID = 'avatars.status-indicator.base';
@@ -40,14 +40,10 @@ const colorStyles = _ref => {
40
40
  };
41
41
  const StyledStatusIndicatorBase = styled.div.attrs({
42
42
  'data-garden-id': COMPONENT_ID,
43
- 'data-garden-version': '9.11.1'
43
+ 'data-garden-version': '9.11.2'
44
44
  }).withConfig({
45
45
  displayName: "StyledStatusIndicatorBase",
46
46
  componentId: "sc-1rininy-0"
47
47
  })(["transition:inherit;", " ", " ", ";"], sizeStyles, colorStyles, componentStyles);
48
- StyledStatusIndicatorBase.defaultProps = {
49
- theme: DEFAULT_THEME,
50
- $size: 'small'
51
- };
52
48
 
53
49
  export { StyledStatusIndicatorBase };
@@ -10,7 +10,7 @@ import { componentStyles } from '@zendeskgarden/react-theming';
10
10
  const COMPONENT_ID = 'avatars.text';
11
11
  const StyledText = styled.span.attrs({
12
12
  'data-garden-id': COMPONENT_ID,
13
- 'data-garden-version': '9.11.1'
13
+ 'data-garden-version': '9.11.2'
14
14
  }).withConfig({
15
15
  displayName: "StyledText",
16
16
  componentId: "sc-1a6hivh-0"
package/dist/index.cjs.js CHANGED
@@ -123,7 +123,7 @@ const STATUS = ['available', 'away', 'transfers', 'offline'];
123
123
  const COMPONENT_ID$6 = 'avatars.text';
124
124
  const StyledText = styled__default.default.span.attrs({
125
125
  'data-garden-id': COMPONENT_ID$6,
126
- 'data-garden-version': '9.11.1'
126
+ 'data-garden-version': '9.11.2'
127
127
  }).withConfig({
128
128
  displayName: "StyledText",
129
129
  componentId: "sc-1a6hivh-0"
@@ -243,15 +243,11 @@ const colorStyles$2 = _ref => {
243
243
  };
244
244
  const StyledStatusIndicatorBase = styled__default.default.div.attrs({
245
245
  'data-garden-id': COMPONENT_ID$5,
246
- 'data-garden-version': '9.11.1'
246
+ 'data-garden-version': '9.11.2'
247
247
  }).withConfig({
248
248
  displayName: "StyledStatusIndicatorBase",
249
249
  componentId: "sc-1rininy-0"
250
250
  })(["transition:inherit;", " ", " ", ";"], sizeStyles$3, colorStyles$2, reactTheming.componentStyles);
251
- StyledStatusIndicatorBase.defaultProps = {
252
- theme: reactTheming.DEFAULT_THEME,
253
- $size: 'small'
254
- };
255
251
 
256
252
  const COMPONENT_ID$4 = 'avatars.status_indicator';
257
253
  const [xxs, xs, s, m, l] = SIZE;
@@ -291,17 +287,14 @@ const colorStyles$1 = _ref => {
291
287
  }
292
288
  return styled.css(["border-color:", ";box-shadow:", ";"], $borderColor, boxShadow);
293
289
  };
294
- const StyledStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs({
290
+ const StyledStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs(props => ({
295
291
  'data-garden-id': COMPONENT_ID$4,
296
- 'data-garden-version': '9.11.1'
297
- }).withConfig({
292
+ 'data-garden-version': '9.11.2',
293
+ $size: props.$size ?? 'medium'
294
+ })).withConfig({
298
295
  displayName: "StyledStatusIndicator",
299
296
  componentId: "sc-16t9if3-0"
300
297
  })(["", " ", " ", ";"], sizeStyles$2, colorStyles$1, reactTheming.componentStyles);
301
- StyledStatusIndicator.defaultProps = {
302
- $size: 'medium',
303
- theme: reactTheming.DEFAULT_THEME
304
- };
305
298
 
306
299
  const COMPONENT_ID$3 = 'avatars.avatar';
307
300
  const badgeStyles = props => {
@@ -397,22 +390,19 @@ const sizeStyles$1 = props => {
397
390
  }
398
391
  return styled.css(["border-radius:", ";width:", " !important;height:", " !important;&::before{box-shadow:", ";}& > svg{font-size:", ";}& ", "{line-height:", ";font-size:", ";}"], borderRadius, size, size, boxShadow, svgSize, StyledText, size, fontSize);
399
392
  };
400
- const StyledAvatar = styled__default.default.figure.attrs({
393
+ const StyledAvatar = styled__default.default.figure.attrs(props => ({
401
394
  'data-garden-id': COMPONENT_ID$3,
402
- 'data-garden-version': '9.11.1'
403
- }).withConfig({
395
+ 'data-garden-version': '9.11.2',
396
+ $size: props.$size ?? 'medium'
397
+ })).withConfig({
404
398
  displayName: "StyledAvatar",
405
399
  componentId: "sc-608m04-0"
406
400
  })(["display:inline-flex;position:relative;align-items:center;justify-content:center;transition:box-shadow ", "s ease-in-out,color 0.1s ease-in-out;margin:0;vertical-align:middle;box-sizing:border-box;", ";", ";&::before{position:absolute;top:0;left:0;transition:box-shadow ", "s ease-in-out;content:'';}&::before,&& > img{border-radius:inherit;width:100%;height:100%;}&& > img{box-sizing:inherit;vertical-align:bottom;object-fit:cover;}&& > svg{width:1em;height:1em;}& > ", "{", ";}", ";"], TRANSITION_DURATION, props => sizeStyles$1(props), props => colorStyles(props), TRANSITION_DURATION, StyledStatusIndicator, badgeStyles, reactTheming.componentStyles);
407
- StyledAvatar.defaultProps = {
408
- $size: 'medium',
409
- theme: reactTheming.DEFAULT_THEME
410
- };
411
401
 
412
402
  const COMPONENT_ID$2 = 'avatars.status-indicator.status';
413
403
  const StyledStandaloneStatus = styled__default.default.figure.attrs({
414
404
  'data-garden-id': COMPONENT_ID$2,
415
- 'data-garden-version': '9.11.1'
405
+ 'data-garden-version': '9.11.2'
416
406
  }).withConfig({
417
407
  displayName: "StyledStandaloneStatus",
418
408
  componentId: "sc-1ow4nfj-0"
@@ -425,24 +415,21 @@ function sizeStyles(props) {
425
415
  }
426
416
  const StyledStandaloneStatusCaption = styled__default.default.figcaption.attrs({
427
417
  'data-garden-id': COMPONENT_ID$1,
428
- 'data-garden-version': '9.11.1'
418
+ 'data-garden-version': '9.11.2'
429
419
  }).withConfig({
430
420
  displayName: "StyledStandaloneStatusCaption",
431
421
  componentId: "sc-aalyk1-0"
432
422
  })(["", " ", ";"], sizeStyles, reactTheming.componentStyles);
433
423
 
434
424
  const COMPONENT_ID = 'avatars.status-indicator.indicator';
435
- const StyledStandaloneStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs({
425
+ const StyledStandaloneStatusIndicator = styled__default.default(StyledStatusIndicatorBase).attrs(props => ({
436
426
  'data-garden-id': COMPONENT_ID,
437
- 'data-garden-version': '9.11.1'
438
- }).withConfig({
427
+ 'data-garden-version': '9.11.2',
428
+ $type: props.$type ?? 'offline'
429
+ })).withConfig({
439
430
  displayName: "StyledStandaloneStatusIndicator",
440
431
  componentId: "sc-1xt1heq-0"
441
432
  })(["position:relative;box-sizing:content-box;margin-top:", ";", ";"], props => `calc((${props.theme.lineHeights.md} - ${getStatusSize(props, '0')}) / 2)`, reactTheming.componentStyles);
442
- StyledStandaloneStatusIndicator.defaultProps = {
443
- $type: 'offline',
444
- theme: reactTheming.DEFAULT_THEME
445
- };
446
433
 
447
434
  const TextComponent = React.forwardRef((props, ref) => React__namespace.default.createElement(StyledText, Object.assign({
448
435
  ref: ref
@@ -458,7 +445,7 @@ const AvatarComponent = React.forwardRef((_ref, ref) => {
458
445
  children,
459
446
  foregroundColor,
460
447
  isSystem,
461
- size,
448
+ size = 'medium',
462
449
  status,
463
450
  statusLabel,
464
451
  surfaceColor,
@@ -520,16 +507,13 @@ AvatarComponent.propTypes = {
520
507
  status: PropTypes__default.default.oneOf(STATUS),
521
508
  statusLabel: PropTypes__default.default.string
522
509
  };
523
- AvatarComponent.defaultProps = {
524
- size: 'medium'
525
- };
526
510
  const Avatar = AvatarComponent;
527
511
  Avatar.Text = Text;
528
512
 
529
513
  const StatusIndicator = React.forwardRef((_ref, ref) => {
530
514
  let {
531
515
  children,
532
- type,
516
+ type = 'offline',
533
517
  isCompact,
534
518
  'aria-label': label,
535
519
  ...props
@@ -569,9 +553,6 @@ StatusIndicator.propTypes = {
569
553
  type: PropTypes__default.default.oneOf(STATUS),
570
554
  isCompact: PropTypes__default.default.bool
571
555
  };
572
- StatusIndicator.defaultProps = {
573
- type: 'offline'
574
- };
575
556
 
576
557
  exports.Avatar = Avatar;
577
558
  exports.StatusIndicator = StatusIndicator;
@@ -16,6 +16,6 @@ export interface IStyledAvatarProps {
16
16
  /**
17
17
  * Accepts all `<figure>` props
18
18
  */
19
- export declare const StyledAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
19
+ export declare const StyledAvatar: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLElement>, HTMLElement>, "ref"> & {
20
20
  ref?: ((instance: HTMLElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLElement> | null | undefined;
21
- }>, never>, IStyledAvatarProps>> & string;
21
+ }>, IStyledAvatarProps>, IStyledAvatarProps>> & string;
@@ -5,8 +5,8 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import { IStyledStatusIndicatorProps } from './utility';
8
- export declare const StyledStandaloneStatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
8
+ export declare const StyledStandaloneStatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
9
9
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
10
- }>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
10
+ }>, IStyledStatusIndicatorProps>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps, import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
11
11
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
12
- }>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps>, never>, IStyledStatusIndicatorProps>> & string;
12
+ }>, IStyledStatusIndicatorProps>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps>, IStyledStatusIndicatorProps>, IStyledStatusIndicatorProps>> & string;
@@ -12,8 +12,8 @@ export interface IStatusIndicatorProps extends Omit<IAvatarProps, 'badge' | 'isS
12
12
  $surfaceColor?: IAvatarProps['surfaceColor'];
13
13
  $size?: IAvatarProps['size'];
14
14
  }
15
- export declare const StyledStatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
15
+ export declare const StyledStatusIndicator: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
16
16
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
17
- }>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps, import("styled-components").FastOmit<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
17
+ }>, IStyledStatusIndicatorProps>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps, import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
18
18
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
19
- }>, never>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps>, never>, IStatusIndicatorProps>> & string;
19
+ }>, IStyledStatusIndicatorProps>, keyof IStyledStatusIndicatorProps> & IStyledStatusIndicatorProps>, IStatusIndicatorProps>, IStatusIndicatorProps>> & string;
@@ -5,6 +5,6 @@
5
5
  * found at http://www.apache.org/licenses/LICENSE-2.0.
6
6
  */
7
7
  import { IStyledStatusIndicatorProps } from './utility';
8
- export declare const StyledStatusIndicatorBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components").FastOmit<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
8
+ export declare const StyledStatusIndicatorBase: import("styled-components/dist/types").IStyledComponentBase<"web", import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("styled-components/dist/types").Substitute<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, Omit<import("react").DetailedHTMLProps<import("react").HTMLAttributes<HTMLDivElement>, HTMLDivElement>, "ref"> & {
9
9
  ref?: ((instance: HTMLDivElement | null) => void | import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES[keyof import("react").DO_NOT_USE_OR_YOU_WILL_BE_FIRED_CALLBACK_REF_RETURN_VALUES]) | import("react").RefObject<HTMLDivElement> | null | undefined;
10
- }>, never>, IStyledStatusIndicatorProps>> & string;
10
+ }>, IStyledStatusIndicatorProps>, IStyledStatusIndicatorProps>> & string;
package/package.json CHANGED
@@ -1,6 +1,6 @@
1
1
  {
2
2
  "name": "@zendeskgarden/react-avatars",
3
- "version": "9.11.1",
3
+ "version": "9.11.2",
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>",
@@ -21,7 +21,7 @@
21
21
  "sideEffects": false,
22
22
  "types": "dist/typings/index.d.ts",
23
23
  "dependencies": {
24
- "@zendeskgarden/react-typography": "^9.11.1",
24
+ "@zendeskgarden/react-typography": "^9.11.2",
25
25
  "polished": "^4.3.1",
26
26
  "prop-types": "^15.5.7"
27
27
  },
@@ -32,8 +32,8 @@
32
32
  "styled-components": "^5.3.1 || ^6.0.0"
33
33
  },
34
34
  "devDependencies": {
35
- "@zendeskgarden/react-dropdowns": "^9.11.1",
36
- "@zendeskgarden/react-theming": "^9.11.1",
35
+ "@zendeskgarden/react-dropdowns": "^9.11.2",
36
+ "@zendeskgarden/react-theming": "^9.11.2",
37
37
  "@zendeskgarden/svg-icons": "7.5.0"
38
38
  },
39
39
  "keywords": [
@@ -46,5 +46,5 @@
46
46
  "access": "public"
47
47
  },
48
48
  "zendeskgarden:src": "src/index.ts",
49
- "gitHead": "c45a8893e0ed1fd9f1cf257b2badf6bbeae90bc0"
49
+ "gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
50
50
  }