@fluentui/react-badge 0.0.0-nightlyf3ce1fbe1d20211110.1 → 0.0.0-nightlyf8be6a7c6520220106.1
Sign up to get free protection for your applications and to get access to all the features.
- package/CHANGELOG.json +182 -16
- package/CHANGELOG.md +48 -11
- package/dist/react-badge.d.ts +12 -13
- package/lib/components/Badge/Badge.types.d.ts +1 -1
- package/lib/components/Badge/renderBadge.js +4 -1
- package/lib/components/Badge/renderBadge.js.map +1 -1
- package/lib/components/Badge/useBadgeStyles.js +74 -53
- package/lib/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib/components/CounterBadge/CounterBadge.types.d.ts +7 -8
- package/lib/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib/components/CounterBadge/useCounterBadgeStyles.js +4 -35
- package/lib/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib/components/PresenceBadge/PresenceBadge.types.d.ts +6 -5
- package/lib/components/PresenceBadge/presenceIcons.d.ts +11 -0
- package/lib/components/PresenceBadge/presenceIcons.js +128 -0
- package/lib/components/PresenceBadge/presenceIcons.js.map +1 -0
- package/lib/components/PresenceBadge/usePresenceBadge.js +29 -15
- package/lib/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js +39 -43
- package/lib/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/Badge/Badge.types.d.ts +1 -1
- package/lib-commonjs/components/Badge/renderBadge.js +4 -1
- package/lib-commonjs/components/Badge/renderBadge.js.map +1 -1
- package/lib-commonjs/components/Badge/useBadgeStyles.js +74 -52
- package/lib-commonjs/components/Badge/useBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/CounterBadge.types.d.ts +7 -8
- package/lib-commonjs/components/CounterBadge/useCounterBadge.js.map +1 -1
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js +3 -34
- package/lib-commonjs/components/CounterBadge/useCounterBadgeStyles.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/PresenceBadge.types.d.ts +6 -5
- package/lib-commonjs/components/PresenceBadge/presenceIcons.d.ts +11 -0
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js +136 -0
- package/lib-commonjs/components/PresenceBadge/presenceIcons.js.map +1 -0
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js +28 -14
- package/lib-commonjs/components/PresenceBadge/usePresenceBadge.js.map +1 -1
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js +38 -42
- package/lib-commonjs/components/PresenceBadge/usePresenceBadgeStyles.js.map +1 -1
- package/package.json +11 -10
- package/lib/common/isConformant.d.ts +0 -4
- package/lib/common/isConformant.js +0 -13
- package/lib/common/isConformant.js.map +0 -1
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -98
- package/lib/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
- package/lib-commonjs/common/isConformant.d.ts +0 -4
- package/lib-commonjs/common/isConformant.js +0 -24
- package/lib-commonjs/common/isConformant.js.map +0 -1
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.d.ts +0 -10
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js +0 -113
- package/lib-commonjs/components/PresenceBadge/DefaultPresenceBadgeIcons.js.map +0 -1
@@ -12,39 +12,8 @@ const useBadgeStyles_1 = /*#__PURE__*/require("../Badge/useBadgeStyles");
|
|
12
12
|
exports.counterBadgeClassName = 'fui-CounterBadge';
|
13
13
|
|
14
14
|
const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
15
|
-
"root": {
|
16
|
-
"Bf4jedk": "fgfkb25"
|
17
|
-
},
|
18
|
-
"warning": {
|
19
|
-
"De3pzq": "fic4z9l",
|
20
|
-
"g2u3we": "f1g6aqbb",
|
21
|
-
"h3c5rm": ["f1xc4egn", "f1y13pv"],
|
22
|
-
"B9xav0g": "f12f05r9",
|
23
|
-
"zhjwy3": ["f1y13pv", "f1xc4egn"]
|
24
|
-
},
|
25
|
-
"important": {
|
26
|
-
"De3pzq": "f1y11cvn",
|
27
|
-
"g2u3we": "f9ag23u",
|
28
|
-
"h3c5rm": ["fzlvby", "fj2uge6"],
|
29
|
-
"B9xav0g": "fk41dq4",
|
30
|
-
"zhjwy3": ["fj2uge6", "fzlvby"]
|
31
|
-
},
|
32
|
-
"severe": {
|
33
|
-
"De3pzq": "ftpr1dl",
|
34
|
-
"g2u3we": "fx7g4rx",
|
35
|
-
"h3c5rm": ["f1edxl4n", "f5hlgd2"],
|
36
|
-
"B9xav0g": "f5ppncr",
|
37
|
-
"zhjwy3": ["f5hlgd2", "f1edxl4n"]
|
38
|
-
},
|
39
|
-
"informative": {
|
40
|
-
"De3pzq": "f6zwqgc",
|
41
|
-
"g2u3we": "f1pdtvjr",
|
42
|
-
"h3c5rm": ["f1ctwv29", "f1m7luuw"],
|
43
|
-
"B9xav0g": "f1ijpqjr",
|
44
|
-
"zhjwy3": ["f1m7luuw", "f1ctwv29"],
|
45
|
-
"sj55zd": "f11d4kpn"
|
46
|
-
},
|
47
15
|
"dot": {
|
16
|
+
"Bf4jedk": "fgfkb25",
|
48
17
|
"a9b677": "f16dn6v3",
|
49
18
|
"Bqenvij": "f3mu39s",
|
50
19
|
"z8tnut": "f1g0x7ka",
|
@@ -56,7 +25,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
56
25
|
"mc9l5x": "fjseox"
|
57
26
|
}
|
58
27
|
}, {
|
59
|
-
"d": [".fgfkb25{min-width:auto;}", ".
|
28
|
+
"d": [".fgfkb25{min-width:auto;}", ".f16dn6v3{width:6px;}", ".f3mu39s{height:6px;}", ".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".fjseox{display:none;}"]
|
60
29
|
});
|
61
30
|
/**
|
62
31
|
* Applies style classnames to slots
|
@@ -65,7 +34,7 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
65
34
|
|
66
35
|
const useCounterBadgeStyles = state => {
|
67
36
|
const styles = useStyles();
|
68
|
-
state.root.className = react_make_styles_1.mergeClasses(exports.counterBadgeClassName,
|
37
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.counterBadgeClassName, state.dot && styles.dot, !state.showZero && state.count === 0 && !state.dot && styles.hide, state.root.className);
|
69
38
|
return useBadgeStyles_1.useBadgeStyles(state);
|
70
39
|
};
|
71
40
|
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGa,OAAA,CAAA,qBAAA,GAAwB,kBAAxB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA
|
1
|
+
{"version":3,"sources":["../../../src/components/CounterBadge/useCounterBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,gBAAA,gBAAA,OAAA,CAAA,yBAAA,CAAA;;AAGa,OAAA,CAAA,qBAAA,GAAwB,kBAAxB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAYA;;AAEG;;;AACI,MAAM,qBAAqB,GAAI,KAAD,IAAgD;AACnF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,qBADqB,EAErB,KAAK,CAAC,GAAN,IAAa,MAAM,CAAC,GAFC,EAGrB,CAAC,KAAK,CAAC,QAAP,IAAmB,KAAK,CAAC,KAAN,KAAgB,CAAnC,IAAwC,CAAC,KAAK,CAAC,GAA/C,IAAsD,MAAM,CAAC,IAHxC,EAIrB,KAAK,CAAC,IAAN,CAAW,SAJU,CAAvB;AAMA,SAAO,gBAAA,CAAA,cAAA,CAAe,KAAf,CAAP;AACD,CATM;;AAAM,OAAA,CAAA,qBAAA,GAAqB,qBAArB","sourceRoot":""}
|
@@ -1,6 +1,7 @@
|
|
1
|
-
import type {
|
1
|
+
import type { ComponentProps, ComponentState } from '@fluentui/react-utilities';
|
2
|
+
import type { BadgeCommons, BadgeSlots } from '../Badge/index';
|
2
3
|
export declare type PresenceBadgeStatus = 'busy' | 'outOfOffice' | 'away' | 'available' | 'offline' | 'doNotDisturb';
|
3
|
-
export
|
4
|
+
export declare type PresenceBadgeCommons = {
|
4
5
|
/**
|
5
6
|
* Represents several status
|
6
7
|
* @default available
|
@@ -12,6 +13,6 @@ export interface PresenceBadgeCommons {
|
|
12
13
|
* @default false
|
13
14
|
*/
|
14
15
|
outOfOffice: boolean;
|
15
|
-
}
|
16
|
-
export declare type PresenceBadgeProps =
|
17
|
-
export declare type PresenceBadgeState =
|
16
|
+
} & BadgeCommons;
|
17
|
+
export declare type PresenceBadgeProps = ComponentProps<Partial<Pick<BadgeSlots, 'root'>>> & Partial<Pick<PresenceBadgeCommons, 'status' | 'outOfOffice' | 'size'>>;
|
18
|
+
export declare type PresenceBadgeState = PresenceBadgeCommons & ComponentState<BadgeSlots>;
|
@@ -0,0 +1,11 @@
|
|
1
|
+
import * as React from 'react';
|
2
|
+
import type { PresenceBadgeState } from './PresenceBadge.types';
|
3
|
+
export declare const presenceAwayFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
4
|
+
export declare const presenceAvailableRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
5
|
+
export declare const presenceAvailableFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
6
|
+
export declare const presenceBusyFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
7
|
+
export declare const presenceDndFilled: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
8
|
+
export declare const presenceDndRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
9
|
+
export declare const presenceOofRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
10
|
+
export declare const presenceOfflineRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
11
|
+
export declare const presenceUnknownRegular: Record<PresenceBadgeState['size'], React.FunctionComponent | null>;
|
@@ -0,0 +1,136 @@
|
|
1
|
+
"use strict";
|
2
|
+
|
3
|
+
Object.defineProperty(exports, "__esModule", {
|
4
|
+
value: true
|
5
|
+
});
|
6
|
+
exports.presenceUnknownRegular = exports.presenceOfflineRegular = exports.presenceOofRegular = exports.presenceDndRegular = exports.presenceDndFilled = exports.presenceBusyFilled = exports.presenceAvailableFilled = exports.presenceAvailableRegular = exports.presenceAwayFilled = void 0;
|
7
|
+
|
8
|
+
const react_icons_1 = /*#__PURE__*/require("@fluentui/react-icons");
|
9
|
+
|
10
|
+
exports.presenceAwayFilled = {
|
11
|
+
// FIXME not all presence icon sizes are available
|
12
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
13
|
+
tiny: react_icons_1.PresenceAway10Filled,
|
14
|
+
'extra-small': react_icons_1.PresenceAway10Filled,
|
15
|
+
small: react_icons_1.PresenceAway12Filled,
|
16
|
+
medium: react_icons_1.PresenceAway16Filled,
|
17
|
+
// FIXME not all presence icon sizes are available
|
18
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
19
|
+
large: react_icons_1.PresenceAway16Filled,
|
20
|
+
// FIXME not all presence icon sizes are available
|
21
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
22
|
+
'extra-large': react_icons_1.PresenceAway16Filled
|
23
|
+
};
|
24
|
+
exports.presenceAvailableRegular = {
|
25
|
+
// FIXME not all presence icon sizes are available
|
26
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
27
|
+
tiny: react_icons_1.PresenceAvailable10Regular,
|
28
|
+
'extra-small': react_icons_1.PresenceAvailable10Regular,
|
29
|
+
small: react_icons_1.PresenceAvailable12Regular,
|
30
|
+
medium: react_icons_1.PresenceAvailable16Regular,
|
31
|
+
// FIXME not all presence icon sizes are available
|
32
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
33
|
+
large: react_icons_1.PresenceAvailable16Regular,
|
34
|
+
// FIXME not all presence icon sizes are available
|
35
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
36
|
+
'extra-large': react_icons_1.PresenceAvailable16Regular
|
37
|
+
};
|
38
|
+
exports.presenceAvailableFilled = {
|
39
|
+
// FIXME not all presence icon sizes are available
|
40
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
41
|
+
tiny: react_icons_1.PresenceAvailable10Filled,
|
42
|
+
'extra-small': react_icons_1.PresenceAvailable10Filled,
|
43
|
+
small: react_icons_1.PresenceAvailable12Filled,
|
44
|
+
medium: react_icons_1.PresenceAvailable16Filled,
|
45
|
+
// FIXME not all presence icon sizes are available
|
46
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
47
|
+
large: react_icons_1.PresenceAvailable16Filled,
|
48
|
+
// FIXME not all presence icon sizes are available
|
49
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
50
|
+
'extra-large': react_icons_1.PresenceAvailable16Filled
|
51
|
+
};
|
52
|
+
exports.presenceBusyFilled = {
|
53
|
+
// FIXME not all presence icon sizes are available
|
54
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
55
|
+
tiny: react_icons_1.PresenceBusy10Filled,
|
56
|
+
'extra-small': react_icons_1.PresenceBusy10Filled,
|
57
|
+
small: react_icons_1.PresenceBusy12Filled,
|
58
|
+
medium: react_icons_1.PresenceBusy16Filled,
|
59
|
+
// FIXME not all presence icon sizes are available
|
60
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
61
|
+
large: react_icons_1.PresenceBusy16Filled,
|
62
|
+
// FIXME not all presence icon sizes are available
|
63
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
64
|
+
'extra-large': react_icons_1.PresenceBusy16Filled
|
65
|
+
};
|
66
|
+
exports.presenceDndFilled = {
|
67
|
+
// FIXME not all presence icon sizes are available
|
68
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
69
|
+
tiny: react_icons_1.PresenceDnd10Filled,
|
70
|
+
'extra-small': react_icons_1.PresenceDnd10Filled,
|
71
|
+
small: react_icons_1.PresenceDnd12Filled,
|
72
|
+
medium: react_icons_1.PresenceDnd16Filled,
|
73
|
+
// FIXME not all presence icon sizes are available
|
74
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
75
|
+
large: react_icons_1.PresenceDnd16Filled,
|
76
|
+
// FIXME not all presence icon sizes are available
|
77
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
78
|
+
'extra-large': react_icons_1.PresenceDnd16Filled
|
79
|
+
};
|
80
|
+
exports.presenceDndRegular = {
|
81
|
+
// FIXME not all presence icon sizes are available
|
82
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
83
|
+
tiny: react_icons_1.PresenceDnd10Regular,
|
84
|
+
'extra-small': react_icons_1.PresenceDnd10Regular,
|
85
|
+
small: react_icons_1.PresenceDnd12Regular,
|
86
|
+
medium: react_icons_1.PresenceDnd16Regular,
|
87
|
+
// FIXME not all presence icon sizes are available
|
88
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
89
|
+
large: react_icons_1.PresenceDnd16Regular,
|
90
|
+
// FIXME not all presence icon sizes are available
|
91
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
92
|
+
'extra-large': react_icons_1.PresenceDnd16Regular
|
93
|
+
};
|
94
|
+
exports.presenceOofRegular = {
|
95
|
+
// FIXME not all presence icon sizes are available
|
96
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
97
|
+
tiny: react_icons_1.PresenceOof10Regular,
|
98
|
+
'extra-small': react_icons_1.PresenceOof10Regular,
|
99
|
+
small: react_icons_1.PresenceOof12Regular,
|
100
|
+
medium: react_icons_1.PresenceOof16Regular,
|
101
|
+
// FIXME not all presence icon sizes are available
|
102
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
103
|
+
large: react_icons_1.PresenceOof16Regular,
|
104
|
+
// FIXME not all presence icon sizes are available
|
105
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
106
|
+
'extra-large': react_icons_1.PresenceOof16Regular
|
107
|
+
};
|
108
|
+
exports.presenceOfflineRegular = {
|
109
|
+
// FIXME not all presence icon sizes are available
|
110
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
111
|
+
tiny: react_icons_1.PresenceOffline10Regular,
|
112
|
+
'extra-small': react_icons_1.PresenceOffline10Regular,
|
113
|
+
small: react_icons_1.PresenceOffline12Regular,
|
114
|
+
medium: react_icons_1.PresenceOffline16Regular,
|
115
|
+
// FIXME not all presence icon sizes are available
|
116
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
117
|
+
large: react_icons_1.PresenceOffline16Regular,
|
118
|
+
// FIXME not all presence icon sizes are available
|
119
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
120
|
+
'extra-large': react_icons_1.PresenceOffline16Regular
|
121
|
+
};
|
122
|
+
exports.presenceUnknownRegular = {
|
123
|
+
// FIXME not all presence icon sizes are available
|
124
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
125
|
+
tiny: react_icons_1.PresenceUnknown10Regular,
|
126
|
+
'extra-small': react_icons_1.PresenceUnknown10Regular,
|
127
|
+
small: react_icons_1.PresenceUnknown12Regular,
|
128
|
+
medium: react_icons_1.PresenceUnknown16Regular,
|
129
|
+
// FIXME not all presence icon sizes are available
|
130
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
131
|
+
large: react_icons_1.PresenceUnknown16Regular,
|
132
|
+
// FIXME not all presence icon sizes are available
|
133
|
+
// https://github.com/microsoft/fluentui/issues/20650
|
134
|
+
'extra-large': react_icons_1.PresenceUnknown16Regular
|
135
|
+
};
|
136
|
+
//# sourceMappingURL=presenceIcons.js.map
|
@@ -0,0 +1 @@
|
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/presenceIcons.ts"],"names":[],"mappings":"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","sourceRoot":""}
|
@@ -9,39 +9,53 @@ const React = /*#__PURE__*/require("react");
|
|
9
9
|
|
10
10
|
const react_utilities_1 = /*#__PURE__*/require("@fluentui/react-utilities");
|
11
11
|
|
12
|
+
const presenceIcons_1 = /*#__PURE__*/require("./presenceIcons");
|
13
|
+
|
12
14
|
const index_1 = /*#__PURE__*/require("../Badge/index");
|
13
15
|
|
14
|
-
const
|
16
|
+
const iconMap = (status, outOfOffice, size) => {
|
17
|
+
switch (status) {
|
18
|
+
case 'available':
|
19
|
+
return outOfOffice ? presenceIcons_1.presenceAvailableRegular[size] : presenceIcons_1.presenceAvailableFilled[size];
|
15
20
|
|
16
|
-
|
17
|
-
|
18
|
-
|
19
|
-
|
20
|
-
|
21
|
-
|
22
|
-
|
23
|
-
|
21
|
+
case 'away':
|
22
|
+
return outOfOffice ? presenceIcons_1.presenceOfflineRegular[size] : presenceIcons_1.presenceAwayFilled[size];
|
23
|
+
|
24
|
+
case 'busy':
|
25
|
+
return outOfOffice ? presenceIcons_1.presenceUnknownRegular[size] : presenceIcons_1.presenceBusyFilled[size];
|
26
|
+
|
27
|
+
case 'doNotDisturb':
|
28
|
+
return outOfOffice ? presenceIcons_1.presenceDndRegular[size] : presenceIcons_1.presenceDndFilled[size];
|
29
|
+
|
30
|
+
case 'offline':
|
31
|
+
return presenceIcons_1.presenceOfflineRegular[size];
|
32
|
+
|
33
|
+
case 'outOfOffice':
|
34
|
+
return presenceIcons_1.presenceOofRegular[size];
|
35
|
+
}
|
36
|
+
};
|
24
37
|
/**
|
25
38
|
* Returns the props and state required to render the component
|
26
39
|
*/
|
27
40
|
|
28
41
|
|
29
42
|
const usePresenceBadge = (props, ref) => {
|
30
|
-
var _a, _b
|
43
|
+
var _a, _b;
|
31
44
|
|
32
45
|
const state = { ...index_1.useBadge({
|
33
|
-
size: '
|
46
|
+
size: 'medium',
|
34
47
|
...props,
|
35
|
-
icon: react_utilities_1.resolveShorthand(
|
48
|
+
icon: react_utilities_1.resolveShorthand(undefined, {
|
36
49
|
required: true
|
37
50
|
})
|
38
51
|
}, ref),
|
39
52
|
status: (_a = props.status) !== null && _a !== void 0 ? _a : 'available',
|
40
53
|
outOfOffice: (_b = props.outOfOffice) !== null && _b !== void 0 ? _b : false
|
41
54
|
};
|
55
|
+
const IconElement = iconMap(state.status, state.outOfOffice, state.size);
|
42
56
|
|
43
|
-
if (
|
44
|
-
state.icon.children =
|
57
|
+
if (IconElement) {
|
58
|
+
state.icon.children = React.createElement(IconElement, null);
|
45
59
|
}
|
46
60
|
|
47
61
|
return state;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadge.tsx"],"names":[],"mappings":";;;;;;;AAAA,MAAA,KAAA,gBAAA,OAAA,CAAA,OAAA,CAAA;;AACA,MAAA,iBAAA,gBAAA,OAAA,CAAA,2BAAA,CAAA;;AACA,MAAA,eAAA,gBAAA,OAAA,CAAA,iBAAA,CAAA;;AAWA,MAAA,OAAA,gBAAA,OAAA,CAAA,gBAAA,CAAA;;AAGA,MAAM,OAAO,GAAG,CACd,MADc,EAEd,WAFc,EAGd,IAHc,KAIoB;AAClC,UAAQ,MAAR;AACE,SAAK,WAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,wBAAA,CAAyB,IAAzB,CAAH,GAAoC,eAAA,CAAA,uBAAA,CAAwB,IAAxB,CAAtD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,MAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAH,GAAkC,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAApD;;AACF,SAAK,cAAL;AACE,aAAO,WAAW,GAAG,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAH,GAA8B,eAAA,CAAA,iBAAA,CAAkB,IAAlB,CAAhD;;AACF,SAAK,SAAL;AACE,aAAO,eAAA,CAAA,sBAAA,CAAuB,IAAvB,CAAP;;AACF,SAAK,aAAL;AACE,aAAO,eAAA,CAAA,kBAAA,CAAmB,IAAnB,CAAP;AAZJ;AAcD,CAnBD;AAqBA;;AAEG;;;AACI,MAAM,gBAAgB,GAAG,CAAC,KAAD,EAA4B,GAA5B,KAA+E;;;AAC7G,QAAM,KAAK,GAAuB,EAChC,GAAG,OAAA,CAAA,QAAA,CACD;AACE,MAAA,IAAI,EAAE,QADR;AAEE,SAAG,KAFL;AAGE,MAAA,IAAI,EAAE,iBAAA,CAAA,gBAAA,CAAiB,SAAjB,EAA4B;AAChC,QAAA,QAAQ,EAAE;AADsB,OAA5B;AAHR,KADC,EAQD,GARC,CAD6B;AAWhC,IAAA,MAAM,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,MAAN,MAAY,IAAZ,IAAY,EAAA,KAAA,KAAA,CAAZ,GAAY,EAAZ,GAAgB,WAXQ;AAYhC,IAAA,WAAW,EAAE,CAAA,EAAA,GAAA,KAAK,CAAC,WAAN,MAAiB,IAAjB,IAAiB,EAAA,KAAA,KAAA,CAAjB,GAAiB,EAAjB,GAAqB;AAZF,GAAlC;AAeA,QAAM,WAAW,GAAG,OAAO,CAAC,KAAK,CAAC,MAAP,EAAe,KAAK,CAAC,WAArB,EAAkC,KAAK,CAAC,IAAxC,CAA3B;;AACA,MAAI,WAAJ,EAAiB;AACf,IAAA,KAAK,CAAC,IAAN,CAAY,QAAZ,GAAuB,KAAA,CAAA,aAAA,CAAC,WAAD,EAAY,IAAZ,CAAvB;AACD;;AAED,SAAO,KAAP;AACD,CAtBM;;AAAM,OAAA,CAAA,gBAAA,GAAgB,gBAAhB","sourceRoot":""}
|
@@ -7,7 +7,7 @@ exports.usePresenceBadgeStyles = exports.presenceBadgeClassName = void 0;
|
|
7
7
|
|
8
8
|
const react_make_styles_1 = /*#__PURE__*/require("@fluentui/react-make-styles");
|
9
9
|
|
10
|
-
const
|
10
|
+
const react_theme_1 = /*#__PURE__*/require("@fluentui/react-theme");
|
11
11
|
|
12
12
|
exports.presenceBadgeClassName = 'fui-PresenceBadge';
|
13
13
|
|
@@ -17,56 +17,34 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
17
17
|
"z189sj": ["fhxju0i", "f1cnd47f"],
|
18
18
|
"Byoj8tv": "f1qch9an",
|
19
19
|
"uwmqm3": ["f1cnd47f", "fhxju0i"],
|
20
|
-
"
|
21
|
-
"
|
22
|
-
"
|
23
|
-
"
|
24
|
-
|
25
|
-
|
26
|
-
"
|
27
|
-
"
|
28
|
-
"
|
29
|
-
"
|
20
|
+
"mc9l5x": "ftuwxu6",
|
21
|
+
"B7ck84d": "f1ewtqcl",
|
22
|
+
"Bt984gj": "f122n59",
|
23
|
+
"Brf1p80": "f4d9j23",
|
24
|
+
"Bhmb4qv": "fb8jth9",
|
25
|
+
"Bbmb7ep": ["fqgqgel", "fchfifz"],
|
26
|
+
"Beyfa6y": ["fchfifz", "fqgqgel"],
|
27
|
+
"B7oj6ja": ["fc7b1hi", "f1dpx5h9"],
|
28
|
+
"Btl43ni": ["f1dpx5h9", "fc7b1hi"],
|
29
|
+
"De3pzq": "fxugw4r"
|
30
30
|
},
|
31
31
|
"statusBusy": {
|
32
|
-
"
|
33
|
-
"g2u3we": "f11ttmz8",
|
34
|
-
"h3c5rm": ["f1ratw88", "f459ikj"],
|
35
|
-
"B9xav0g": "fvovscg",
|
36
|
-
"zhjwy3": ["f459ikj", "f1ratw88"]
|
32
|
+
"sj55zd": "fvi85wt"
|
37
33
|
},
|
38
34
|
"statusAway": {
|
39
|
-
"
|
40
|
-
"g2u3we": "f1skk3ns",
|
41
|
-
"h3c5rm": ["f766wml", "f1rnrfqa"],
|
42
|
-
"B9xav0g": "fb8zvtn",
|
43
|
-
"zhjwy3": ["f1rnrfqa", "f766wml"]
|
35
|
+
"sj55zd": "f14k8a89"
|
44
36
|
},
|
45
37
|
"statusAvailable": {
|
46
|
-
"
|
47
|
-
"g2u3we": "f1t9i9vy",
|
48
|
-
"h3c5rm": ["f1r5awo9", "fnfhfy0"],
|
49
|
-
"B9xav0g": "fgfkvtu",
|
50
|
-
"zhjwy3": ["fnfhfy0", "f1r5awo9"]
|
38
|
+
"sj55zd": "fqa5hgp"
|
51
39
|
},
|
52
40
|
"statusOffline": {
|
53
|
-
"
|
54
|
-
"sj55zd": "f11d4kpn",
|
55
|
-
"g2u3we": "fi2z7s6",
|
56
|
-
"h3c5rm": ["f1agc6it", "f1sit5hz"],
|
57
|
-
"B9xav0g": "f9pok3v",
|
58
|
-
"zhjwy3": ["f1sit5hz", "f1agc6it"]
|
41
|
+
"sj55zd": "f11d4kpn"
|
59
42
|
},
|
60
43
|
"statusOutOfOffice": {
|
61
|
-
"
|
62
|
-
"sj55zd": "fdce8r3",
|
63
|
-
"g2u3we": "f161shwc",
|
64
|
-
"h3c5rm": ["fbde6ui", "f7rrh46"],
|
65
|
-
"B9xav0g": "f1yt3bcc",
|
66
|
-
"zhjwy3": ["f7rrh46", "fbde6ui"]
|
44
|
+
"sj55zd": "fdce8r3"
|
67
45
|
},
|
68
46
|
"outOfOffice": {
|
69
|
-
"
|
47
|
+
"sj55zd": "fr0bkrk"
|
70
48
|
},
|
71
49
|
"outOfOfficeAvailable": {
|
72
50
|
"sj55zd": "fqa5hgp"
|
@@ -76,9 +54,27 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
76
54
|
},
|
77
55
|
"outOfOfficeAway": {
|
78
56
|
"sj55zd": "f14k8a89"
|
57
|
+
},
|
58
|
+
"tiny": {
|
59
|
+
"Bubjx69": "f9ikmtg",
|
60
|
+
"a9b677": "f16dn6v3",
|
61
|
+
"B5pe6w7": "fab5kbq",
|
62
|
+
"p4uzdd": "f1ms1d91"
|
63
|
+
},
|
64
|
+
"large": {
|
65
|
+
"Bubjx69": "f9ikmtg",
|
66
|
+
"a9b677": "f64fuq3",
|
67
|
+
"B5pe6w7": "f1vfi1yj",
|
68
|
+
"p4uzdd": "f15s34gz"
|
69
|
+
},
|
70
|
+
"extraLarge": {
|
71
|
+
"Bubjx69": "f9ikmtg",
|
72
|
+
"a9b677": "f1w9dchk",
|
73
|
+
"B5pe6w7": "f14efy9b",
|
74
|
+
"p4uzdd": "fhipgdu"
|
79
75
|
}
|
80
76
|
}, {
|
81
|
-
"d": [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".
|
77
|
+
"d": [".f1g0x7ka{padding-top:0;}", ".fhxju0i{padding-right:0;}", ".f1cnd47f{padding-left:0;}", ".f1qch9an{padding-bottom:0;}", ".ftuwxu6{display:-webkit-inline-box;display:-webkit-inline-flex;display:-ms-inline-flexbox;display:inline-flex;}", ".f1ewtqcl{box-sizing:border-box;}", ".f122n59{-webkit-align-items:center;-webkit-box-align:center;-ms-flex-align:center;align-items:center;}", ".f4d9j23{-webkit-box-pack:center;-ms-flex-pack:center;-webkit-justify-content:center;justify-content:center;}", ".fb8jth9 span{display:-webkit-box;display:-webkit-flex;display:-ms-flexbox;display:flex;}", ".fqgqgel{border-bottom-right-radius:50%;}", ".fchfifz{border-bottom-left-radius:50%;}", ".fc7b1hi{border-top-right-radius:50%;}", ".f1dpx5h9{border-top-left-radius:50%;}", ".fxugw4r{background-color:var(--colorNeutralBackground1);}", ".fvi85wt{color:var(--colorPaletteRedBackground3);}", ".f14k8a89{color:var(--colorPaletteMarigoldBackground3);}", ".fqa5hgp{color:var(--colorPaletteLightGreenForeground3);}", ".f11d4kpn{color:var(--colorNeutralForeground3);}", ".fdce8r3{color:var(--colorPaletteBerryForeground3);}", ".fr0bkrk{color:var(--colorNeutralBackground1);}", ".f9ikmtg{aspect-ratio:1;}", ".f16dn6v3{width:6px;}", ".fab5kbq svg{width:6px!important;}", ".f1ms1d91 svg{height:6px!important;}", ".f64fuq3{width:20px;}", ".f1vfi1yj svg{width:20px!important;}", ".f15s34gz svg{height:20px!important;}", ".f1w9dchk{width:28px;}", ".f14efy9b svg{width:28px!important;}", ".fhipgdu svg{height:28px!important;}"]
|
82
78
|
});
|
83
79
|
/**
|
84
80
|
* Applies style classnames to slots
|
@@ -87,8 +83,8 @@ const useStyles = /*#__PURE__*/react_make_styles_1.__styles({
|
|
87
83
|
|
88
84
|
const usePresenceBadgeStyles = state => {
|
89
85
|
const styles = useStyles();
|
90
|
-
state.root.className = react_make_styles_1.mergeClasses(exports.presenceBadgeClassName, styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway,
|
91
|
-
return
|
86
|
+
state.root.className = react_make_styles_1.mergeClasses(exports.presenceBadgeClassName, styles.root, (state.status === 'busy' || state.status === 'doNotDisturb') && styles.statusBusy, state.status === 'away' && styles.statusAway, state.status === 'available' && styles.statusAvailable, state.status === 'offline' && styles.statusOffline, state.status === 'outOfOffice' && styles.statusOutOfOffice, state.outOfOffice && styles.outOfOffice, state.outOfOffice && state.status === 'available' && styles.outOfOfficeAvailable, state.outOfOffice && (state.status === 'busy' || state.status === 'doNotDisturb') && styles.outOfOfficeBusy, state.outOfOffice && state.status === 'away' && styles.outOfOfficeAway, state.outOfOffice && state.status === 'offline' && styles.statusOffline, state.outOfOffice && state.status === 'outOfOffice' && styles.statusOutOfOffice, state.size === 'tiny' && styles.tiny, state.size === 'large' && styles.large, state.size === 'extra-large' && styles.extraLarge, state.root.className);
|
87
|
+
return state;
|
92
88
|
};
|
93
89
|
|
94
90
|
exports.usePresenceBadgeStyles = usePresenceBadgeStyles;
|
@@ -1 +1 @@
|
|
1
|
-
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,
|
1
|
+
{"version":3,"sources":["../../../src/components/PresenceBadge/usePresenceBadgeStyles.ts"],"names":[],"mappings":";;;;;;;AAAA,MAAA,mBAAA,gBAAA,OAAA,CAAA,6BAAA,CAAA;;AACA,MAAA,aAAA,gBAAA,OAAA,CAAA,uBAAA,CAAA;;AAGa,OAAA,CAAA,sBAAA,GAAyB,mBAAzB;;AAEb,MAAM,SAAS,gBAAG,mBAAA,SAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA;AAAA,EAAlB;AAuEA;;AAEG;;;AACI,MAAM,sBAAsB,GAAI,KAAD,IAAkD;AACtF,QAAM,MAAM,GAAG,SAAS,EAAxB;AACA,EAAA,KAAK,CAAC,IAAN,CAAW,SAAX,GAAuB,mBAAA,CAAA,YAAA,CACrB,OAAA,CAAA,sBADqB,EAErB,MAAM,CAAC,IAFc,EAGrB,CAAC,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAA7C,KAAgE,MAAM,CAAC,UAHlD,EAIrB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,MAAM,CAAC,UAJb,EAKrB,KAAK,CAAC,MAAN,KAAiB,WAAjB,IAAgC,MAAM,CAAC,eALlB,EAMrB,KAAK,CAAC,MAAN,KAAiB,SAAjB,IAA8B,MAAM,CAAC,aANhB,EAOrB,KAAK,CAAC,MAAN,KAAiB,aAAjB,IAAkC,MAAM,CAAC,iBAPpB,EAQrB,KAAK,CAAC,WAAN,IAAqB,MAAM,CAAC,WARP,EASrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,WAAtC,IAAqD,MAAM,CAAC,oBATvC,EAUrB,KAAK,CAAC,WAAN,KAAsB,KAAK,CAAC,MAAN,KAAiB,MAAjB,IAA2B,KAAK,CAAC,MAAN,KAAiB,cAAlE,KAAqF,MAAM,CAAC,eAVvE,EAWrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,MAAtC,IAAgD,MAAM,CAAC,eAXlC,EAYrB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,SAAtC,IAAmD,MAAM,CAAC,aAZrC,EAarB,KAAK,CAAC,WAAN,IAAqB,KAAK,CAAC,MAAN,KAAiB,aAAtC,IAAuD,MAAM,CAAC,iBAbzC,EAcrB,KAAK,CAAC,IAAN,KAAe,MAAf,IAAyB,MAAM,CAAC,IAdX,EAerB,KAAK,CAAC,IAAN,KAAe,OAAf,IAA0B,MAAM,CAAC,KAfZ,EAgBrB,KAAK,CAAC,IAAN,KAAe,aAAf,IAAgC,MAAM,CAAC,UAhBlB,EAiBrB,KAAK,CAAC,IAAN,CAAW,SAjBU,CAAvB;AAoBA,SAAO,KAAP;AACD,CAvBM;;AAAM,OAAA,CAAA,sBAAA,GAAsB,sBAAtB","sourceRoot":""}
|
package/package.json
CHANGED
@@ -1,6 +1,6 @@
|
|
1
1
|
{
|
2
2
|
"name": "@fluentui/react-badge",
|
3
|
-
"version": "0.0.0-
|
3
|
+
"version": "0.0.0-nightlyf8be6a7c6520220106.1",
|
4
4
|
"description": "React components for building web experiences",
|
5
5
|
"main": "lib-commonjs/index.js",
|
6
6
|
"module": "lib/index.js",
|
@@ -21,15 +21,16 @@
|
|
21
21
|
"start": "yarn storybook",
|
22
22
|
"test": "jest",
|
23
23
|
"docs": "api-extractor run --config=config/api-extractor.local.json --local",
|
24
|
-
"build:local": "tsc -p . --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output dist/react-badge/src && yarn docs",
|
25
|
-
"storybook": "start-storybook"
|
24
|
+
"build:local": "tsc -p ./tsconfig.lib.json --module esnext --emitDeclarationOnly && node ../../scripts/typescript/normalize-import --output ./dist/packages/react-badge/src && yarn docs",
|
25
|
+
"storybook": "start-storybook",
|
26
|
+
"type-check": "tsc -b tsconfig.json"
|
26
27
|
},
|
27
28
|
"devDependencies": {
|
28
|
-
"@fluentui/babel-make-styles": "0.0.0-
|
29
|
+
"@fluentui/babel-make-styles": "0.0.0-nightlyf8be6a7c6520220106.1",
|
29
30
|
"@fluentui/eslint-plugin": "*",
|
30
|
-
"@fluentui/jest-serializer-make-styles": "0.0.0-
|
31
|
+
"@fluentui/jest-serializer-make-styles": "0.0.0-nightlyf8be6a7c6520220106.1",
|
31
32
|
"@fluentui/react-conformance": "*",
|
32
|
-
"@fluentui/react-conformance-make-styles": "0.0.0-
|
33
|
+
"@fluentui/react-conformance-make-styles": "0.0.0-nightlyf8be6a7c6520220106.1",
|
33
34
|
"@fluentui/scripts": "^1.0.0",
|
34
35
|
"@types/enzyme": "3.10.3",
|
35
36
|
"@types/enzyme-adapter-react-16": "1.0.3",
|
@@ -43,9 +44,10 @@
|
|
43
44
|
"react-test-renderer": "^16.3.0"
|
44
45
|
},
|
45
46
|
"dependencies": {
|
46
|
-
"@fluentui/react-
|
47
|
-
"@fluentui/react-
|
48
|
-
"@fluentui/react-
|
47
|
+
"@fluentui/react-icons": "^2.0.154-beta.5",
|
48
|
+
"@fluentui/react-make-styles": "0.0.0-nightlyf8be6a7c6520220106.1",
|
49
|
+
"@fluentui/react-theme": "0.0.0-nightlyf8be6a7c6520220106.1",
|
50
|
+
"@fluentui/react-utilities": "0.0.0-nightlyf8be6a7c6520220106.1",
|
49
51
|
"tslib": "^2.1.0"
|
50
52
|
},
|
51
53
|
"peerDependencies": {
|
@@ -55,7 +57,6 @@
|
|
55
57
|
"react-dom": ">=16.8.0 <17.0.0"
|
56
58
|
},
|
57
59
|
"beachball": {
|
58
|
-
"tag": "beta",
|
59
60
|
"disallowedChangeTypes": [
|
60
61
|
"major",
|
61
62
|
"minor",
|
@@ -1,13 +0,0 @@
|
|
1
|
-
import { isConformant as baseIsConformant } from '@fluentui/react-conformance';
|
2
|
-
import makeStylesTests from '@fluentui/react-conformance-make-styles';
|
3
|
-
export function isConformant(testInfo) {
|
4
|
-
const defaultOptions = {
|
5
|
-
asPropHandlesRef: true,
|
6
|
-
componentPath: module.parent.filename.replace('.test', ''),
|
7
|
-
// https://github.com/microsoft/fluentui/issues/19522
|
8
|
-
skipAsPropTests: true,
|
9
|
-
extraTests: makeStylesTests
|
10
|
-
};
|
11
|
-
baseIsConformant(defaultOptions, testInfo);
|
12
|
-
}
|
13
|
-
//# sourceMappingURL=isConformant.js.map
|
@@ -1 +0,0 @@
|
|
1
|
-
{"version":3,"sources":["../../src/common/isConformant.ts"],"names":[],"mappings":"AAAA,SAAS,YAAY,IAAI,gBAAzB,QAAiD,6BAAjD;AACA,OAAO,eAAP,MAA4B,yCAA5B;AAGA,OAAM,SAAU,YAAV,CACJ,QADI,EACqF;AAEzF,QAAM,cAAc,GAAyC;AAC3D,IAAA,gBAAgB,EAAE,IADyC;AAE3D,IAAA,aAAa,EAAE,MAAO,CAAC,MAAR,CAAgB,QAAhB,CAAyB,OAAzB,CAAiC,OAAjC,EAA0C,EAA1C,CAF4C;AAG3D;AACA,IAAA,eAAe,EAAE,IAJ0C;AAK3D,IAAA,UAAU,EAAE;AAL+C,GAA7D;AAQA,EAAA,gBAAgB,CAAC,cAAD,EAAiB,QAAjB,CAAhB;AACD","sourceRoot":""}
|
@@ -1,10 +0,0 @@
|
|
1
|
-
import * as React from 'react';
|
2
|
-
export declare const renderIcon: (SVGElement: (props: {
|
3
|
-
svgClasses: string;
|
4
|
-
}) => JSX.Element) => React.FC<React.HTMLAttributes<HTMLSpanElement>>;
|
5
|
-
declare const SkypeMinusIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
|
6
|
-
declare const SkypeClockIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
|
7
|
-
declare const SkypeCheckIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
|
8
|
-
declare const SkypeArrowIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
|
9
|
-
declare const CancelIcon: React.FC<React.HTMLAttributes<HTMLSpanElement>>;
|
10
|
-
export { SkypeMinusIcon, SkypeClockIcon, SkypeCheckIcon, SkypeArrowIcon, CancelIcon };
|