@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.
- package/dist/esm/elements/Avatar.js +1 -4
- package/dist/esm/elements/StatusIndicator.js +1 -4
- package/dist/esm/styled/StyledAvatar.js +5 -8
- package/dist/esm/styled/StyledStandaloneStatus.js +1 -1
- package/dist/esm/styled/StyledStandaloneStatusCaption.js +1 -1
- package/dist/esm/styled/StyledStandaloneStatusIndicator.js +5 -8
- package/dist/esm/styled/StyledStatusIndicator.js +5 -8
- package/dist/esm/styled/StyledStatusIndicatorBase.js +2 -6
- package/dist/esm/styled/StyledText.js +1 -1
- package/dist/index.cjs.js +18 -37
- package/dist/typings/styled/StyledAvatar.d.ts +2 -2
- package/dist/typings/styled/StyledStandaloneStatusIndicator.d.ts +3 -3
- package/dist/typings/styled/StyledStatusIndicator.d.ts +3 -3
- package/dist/typings/styled/StyledStatusIndicatorBase.d.ts +2 -2
- package/package.json +5 -5
|
@@ -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,
|
|
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.
|
|
112
|
-
|
|
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.
|
|
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.
|
|
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
|
|
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.
|
|
16
|
-
|
|
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,
|
|
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.
|
|
55
|
-
|
|
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,
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
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.
|
|
297
|
-
|
|
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.
|
|
403
|
-
|
|
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.
|
|
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.
|
|
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.
|
|
438
|
-
|
|
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").
|
|
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
|
-
}>,
|
|
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").
|
|
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
|
-
}>,
|
|
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
|
-
}>,
|
|
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").
|
|
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
|
-
}>,
|
|
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
|
-
}>,
|
|
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").
|
|
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
|
-
}>,
|
|
10
|
+
}>, IStyledStatusIndicatorProps>, IStyledStatusIndicatorProps>> & string;
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@zendeskgarden/react-avatars",
|
|
3
|
-
"version": "9.11.
|
|
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.
|
|
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.
|
|
36
|
-
"@zendeskgarden/react-theming": "^9.11.
|
|
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": "
|
|
49
|
+
"gitHead": "3adb38d25d0a3fa38ff21c7707950623f22b5db7"
|
|
50
50
|
}
|