@fluentui-react-native/experimental-avatar 0.14.23 → 0.14.26
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/CHANGELOG.json +46 -1
- package/CHANGELOG.md +26 -2
- package/lib/JSAvatar.d.ts.map +1 -1
- package/lib/JSAvatar.js +9 -7
- package/lib/JSAvatar.js.map +1 -1
- package/lib/JSAvatar.styling.d.ts.map +1 -1
- package/lib/JSAvatar.styling.js +9 -12
- package/lib/JSAvatar.styling.js.map +1 -1
- package/lib/JSAvatar.types.d.ts +50 -7
- package/lib/JSAvatar.types.d.ts.map +1 -1
- package/lib/JSAvatar.types.js +2 -1
- package/lib/JSAvatar.types.js.map +1 -1
- package/lib/JSAvatarTokens.d.ts.map +1 -1
- package/lib/JSAvatarTokens.js +142 -56
- package/lib/JSAvatarTokens.js.map +1 -1
- package/lib/useAvatar.d.ts.map +1 -1
- package/lib/useAvatar.js +3 -1
- package/lib/useAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.js +8 -6
- package/lib-commonjs/JSAvatar.js.map +1 -1
- package/lib-commonjs/JSAvatar.styling.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.styling.js +7 -10
- package/lib-commonjs/JSAvatar.styling.js.map +1 -1
- package/lib-commonjs/JSAvatar.types.d.ts +50 -7
- package/lib-commonjs/JSAvatar.types.d.ts.map +1 -1
- package/lib-commonjs/JSAvatar.types.js +3 -2
- package/lib-commonjs/JSAvatar.types.js.map +1 -1
- package/lib-commonjs/JSAvatarTokens.d.ts.map +1 -1
- package/lib-commonjs/JSAvatarTokens.js +142 -56
- package/lib-commonjs/JSAvatarTokens.js.map +1 -1
- package/lib-commonjs/useAvatar.d.ts.map +1 -1
- package/lib-commonjs/useAvatar.js +3 -1
- package/lib-commonjs/useAvatar.js.map +1 -1
- package/package.json +1 -1
- package/src/JSAvatar.styling.ts +8 -9
- package/src/JSAvatar.tsx +9 -7
- package/src/JSAvatar.types.ts +57 -7
- package/src/JSAvatarTokens.ts +142 -56
- package/src/useAvatar.ts +3 -1
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"AAAA,OAAO,KAAK,EAAE,UAAU,EAAE,MAAM,iCAAiC,CAAC;AAClE,OAAO,EAAE,UAAU,EAAE,SAAS,EAAE,SAAS,EAAE,UAAU,EAAE,MAAM,cAAc,CAAC;AAC5E,OAAO,EAAE,sBAAsB,EAAE,sBAAsB,EAAE,aAAa,EAAE,MAAM,+BAA+B,CAAC;
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.d.ts","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":"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"}
|
|
@@ -1,8 +1,8 @@
|
|
|
1
1
|
"use strict";
|
|
2
2
|
Object.defineProperty(exports, "__esModule", { value: true });
|
|
3
|
-
exports.AvatarColors = exports.AvatarSizes = exports.JSAvatarName = void 0;
|
|
3
|
+
exports.AvatarColors = exports.AvatarSizes = exports.AvatarSizesForTokens = exports.JSAvatarName = void 0;
|
|
4
4
|
exports.JSAvatarName = 'Avatar';
|
|
5
|
-
exports.
|
|
5
|
+
exports.AvatarSizesForTokens = [
|
|
6
6
|
'size20',
|
|
7
7
|
'size24',
|
|
8
8
|
'size28',
|
|
@@ -16,6 +16,7 @@ exports.AvatarSizes = [
|
|
|
16
16
|
'size96',
|
|
17
17
|
'size120',
|
|
18
18
|
];
|
|
19
|
+
exports.AvatarSizes = [20, 24, 28, 32, 36, 40, 48, 56, 64, 72, 96, 120];
|
|
19
20
|
/**
|
|
20
21
|
* Sets color of the avatar when there is no picture. Uses fluent color names
|
|
21
22
|
*/
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,
|
|
1
|
+
{"version":3,"file":"JSAvatar.types.js","sourceRoot":"","sources":["../src/JSAvatar.types.ts"],"names":[],"mappings":";;;AAMa,QAAA,YAAY,GAAG,QAAQ,CAAC;AACxB,QAAA,oBAAoB,GAAG;IAClC,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,QAAQ;IACR,SAAS;CACD,CAAC;AAEE,QAAA,WAAW,GAAG,CAAC,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,EAAE,GAAG,CAAU,CAAC;AAEtF;;GAEG;AACU,QAAA,YAAY,GAAG;IAC1B,SAAS;IACT,WAAW;IACX,KAAK;IACL,SAAS;IACT,OAAO;IACP,UAAU;IACV,MAAM;IACN,OAAO;IACP,OAAO;IACP,QAAQ;IACR,SAAS;IACT,WAAW;IACX,WAAW;IACX,MAAM;IACN,OAAO;IACP,MAAM;IACN,WAAW;IACX,YAAY;IACZ,MAAM;IACN,UAAU;IACV,QAAQ;IACR,OAAO;IACP,OAAO;IACP,MAAM;IACN,SAAS;IACT,MAAM;IACN,OAAO;IACP,MAAM;IACN,UAAU;IACV,QAAQ;CACA,CAAC"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAGnC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.d.ts","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,KAAK,EAAE,MAAM,kCAAkC,CAAC;AACzD,OAAO,EAAE,aAAa,EAAE,MAAM,oCAAoC,CAAC;AACnE,OAAO,EAAE,cAAc,EAAE,MAAM,GAAG,CAAC;AAGnC,eAAO,MAAM,qBAAqB,EAAE,aAAa,CAAC,cAAc,EAAE,KAAK,CA8RjD,CAAC"}
|
|
@@ -9,6 +9,11 @@ var defaultJSAvatarTokens = function (t) {
|
|
|
9
9
|
color: theme_tokens_1.globalTokens.color.white,
|
|
10
10
|
backgroundColor: theme_tokens_1.globalTokens.color.cornflower.primary,
|
|
11
11
|
avatarOpacity: 1,
|
|
12
|
+
fontFamily: t.typography.families.primary,
|
|
13
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight.semibold,
|
|
14
|
+
fontSize: theme_tokens_1.globalTokens.font.size[200],
|
|
15
|
+
width: 24,
|
|
16
|
+
height: 24,
|
|
12
17
|
circular: {
|
|
13
18
|
borderRadius: theme_tokens_1.globalTokens.corner.radius.circle,
|
|
14
19
|
},
|
|
@@ -22,185 +27,266 @@ var defaultJSAvatarTokens = function (t) {
|
|
|
22
27
|
width: 20,
|
|
23
28
|
height: 20,
|
|
24
29
|
badgeSize: 'smallest',
|
|
25
|
-
iconSize:
|
|
26
|
-
|
|
30
|
+
iconSize: 16,
|
|
31
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
32
|
+
square: {
|
|
33
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.small,
|
|
34
|
+
},
|
|
27
35
|
},
|
|
28
36
|
size24: {
|
|
29
37
|
width: 24,
|
|
30
38
|
height: 24,
|
|
31
39
|
badgeSize: 'smallest',
|
|
32
|
-
iconSize:
|
|
33
|
-
|
|
40
|
+
iconSize: 16,
|
|
41
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
42
|
+
square: {
|
|
43
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.small,
|
|
44
|
+
},
|
|
34
45
|
},
|
|
35
46
|
size28: {
|
|
36
47
|
width: 28,
|
|
37
48
|
height: 28,
|
|
38
49
|
badgeSize: 'smaller',
|
|
39
|
-
iconSize:
|
|
40
|
-
|
|
50
|
+
iconSize: 20,
|
|
51
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight.semibold,
|
|
52
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
41
53
|
},
|
|
42
54
|
size32: {
|
|
43
55
|
width: 32,
|
|
44
56
|
height: 32,
|
|
45
57
|
badgeSize: 'smaller',
|
|
46
|
-
iconSize:
|
|
47
|
-
|
|
58
|
+
iconSize: 20,
|
|
59
|
+
fontSize: theme_tokens_1.globalTokens.font.size[100],
|
|
48
60
|
},
|
|
49
61
|
size36: {
|
|
50
62
|
width: 36,
|
|
51
63
|
height: 36,
|
|
52
64
|
badgeSize: 'smaller',
|
|
53
|
-
iconSize:
|
|
54
|
-
initialsSize: 20,
|
|
65
|
+
iconSize: 20,
|
|
55
66
|
},
|
|
56
67
|
size40: {
|
|
57
68
|
width: 40,
|
|
58
69
|
height: 40,
|
|
59
70
|
badgeSize: 'small',
|
|
60
|
-
iconSize:
|
|
61
|
-
initialsSize: 20,
|
|
71
|
+
iconSize: 20,
|
|
62
72
|
},
|
|
63
73
|
size48: {
|
|
64
74
|
width: 48,
|
|
65
75
|
height: 48,
|
|
66
76
|
badgeSize: 'small',
|
|
67
|
-
iconSize:
|
|
68
|
-
initialsSize: 24,
|
|
77
|
+
iconSize: 24,
|
|
69
78
|
},
|
|
70
79
|
size56: {
|
|
71
80
|
width: 56,
|
|
72
81
|
height: 56,
|
|
73
82
|
badgeSize: 'medium',
|
|
74
|
-
iconSize:
|
|
75
|
-
|
|
83
|
+
iconSize: 28,
|
|
84
|
+
fontSize: theme_tokens_1.globalTokens.font.size[400],
|
|
85
|
+
square: {
|
|
86
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
|
|
87
|
+
},
|
|
76
88
|
},
|
|
77
89
|
size64: {
|
|
78
90
|
width: 64,
|
|
79
91
|
height: 64,
|
|
80
92
|
badgeSize: 'large',
|
|
81
|
-
iconSize:
|
|
82
|
-
|
|
93
|
+
iconSize: 32,
|
|
94
|
+
fontSize: theme_tokens_1.globalTokens.font.size[500],
|
|
95
|
+
square: {
|
|
96
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
|
|
97
|
+
},
|
|
83
98
|
},
|
|
84
99
|
size72: {
|
|
85
100
|
width: 72,
|
|
86
101
|
height: 72,
|
|
87
102
|
badgeSize: 'large',
|
|
88
|
-
iconSize:
|
|
89
|
-
|
|
103
|
+
iconSize: 32,
|
|
104
|
+
fontSize: theme_tokens_1.globalTokens.font.size[500],
|
|
105
|
+
square: {
|
|
106
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.large,
|
|
107
|
+
},
|
|
90
108
|
},
|
|
91
109
|
size96: {
|
|
92
110
|
width: 96,
|
|
93
111
|
height: 96,
|
|
94
112
|
badgeSize: 'largest',
|
|
95
|
-
iconSize:
|
|
96
|
-
|
|
113
|
+
iconSize: 48,
|
|
114
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
|
|
115
|
+
fontSize: theme_tokens_1.globalTokens.font.size[700],
|
|
116
|
+
square: {
|
|
117
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.extraLarge,
|
|
118
|
+
},
|
|
97
119
|
},
|
|
98
120
|
size120: {
|
|
99
121
|
width: 120,
|
|
100
122
|
height: 120,
|
|
101
123
|
badgeSize: 'largest',
|
|
102
|
-
iconSize:
|
|
103
|
-
|
|
124
|
+
iconSize: 48,
|
|
125
|
+
fontWeight: theme_tokens_1.globalTokens.font.weight.regular,
|
|
126
|
+
fontSize: theme_tokens_1.globalTokens.font.size[900],
|
|
127
|
+
square: {
|
|
128
|
+
borderRadius: theme_tokens_1.globalTokens.corner.radius.extraLarge,
|
|
129
|
+
},
|
|
104
130
|
},
|
|
105
131
|
neutral: {
|
|
106
132
|
backgroundColor: t.colors.neutralBackground6,
|
|
107
133
|
color: t.colors.neutralForeground3,
|
|
108
|
-
|
|
134
|
+
borderColor: t.colors.defaultBorder,
|
|
109
135
|
},
|
|
110
136
|
brand: {
|
|
111
137
|
backgroundColor: t.colors.brandBackgroundStatic,
|
|
112
138
|
color: t.colors.neutralForegroundOnBrand,
|
|
113
|
-
|
|
139
|
+
borderColor: t.colors.brandedBorder,
|
|
114
140
|
},
|
|
115
141
|
darkRed: {
|
|
116
|
-
backgroundColor: theme_tokens_1.globalTokens.color.darkRed.
|
|
142
|
+
backgroundColor: theme_tokens_1.globalTokens.color.darkRed.tint40,
|
|
143
|
+
color: theme_tokens_1.globalTokens.color.darkRed.shade30,
|
|
144
|
+
borderColor: theme_tokens_1.globalTokens.color.darkRed.primary,
|
|
117
145
|
},
|
|
118
146
|
cranberry: {
|
|
119
|
-
backgroundColor: theme_tokens_1.globalTokens.color.cranberry.
|
|
147
|
+
backgroundColor: theme_tokens_1.globalTokens.color.cranberry.tint40,
|
|
148
|
+
color: theme_tokens_1.globalTokens.color.cranberry.shade30,
|
|
149
|
+
borderColor: theme_tokens_1.globalTokens.color.cranberry.primary,
|
|
120
150
|
},
|
|
121
151
|
red: {
|
|
122
|
-
backgroundColor: theme_tokens_1.globalTokens.color.red.
|
|
152
|
+
backgroundColor: theme_tokens_1.globalTokens.color.red.tint40,
|
|
153
|
+
color: theme_tokens_1.globalTokens.color.red.shade30,
|
|
154
|
+
borderColor: theme_tokens_1.globalTokens.color.red.primary,
|
|
123
155
|
},
|
|
124
156
|
pumpkin: {
|
|
125
|
-
backgroundColor: theme_tokens_1.globalTokens.color.pumpkin.
|
|
157
|
+
backgroundColor: theme_tokens_1.globalTokens.color.pumpkin.tint40,
|
|
158
|
+
color: theme_tokens_1.globalTokens.color.pumpkin.shade30,
|
|
159
|
+
borderColor: theme_tokens_1.globalTokens.color.pumpkin.primary,
|
|
126
160
|
},
|
|
127
161
|
peach: {
|
|
128
|
-
backgroundColor: theme_tokens_1.globalTokens.color.peach.
|
|
162
|
+
backgroundColor: theme_tokens_1.globalTokens.color.peach.tint40,
|
|
163
|
+
color: theme_tokens_1.globalTokens.color.peach.shade30,
|
|
164
|
+
borderColor: theme_tokens_1.globalTokens.color.peach.primary,
|
|
129
165
|
},
|
|
130
166
|
marigold: {
|
|
131
|
-
backgroundColor: theme_tokens_1.globalTokens.color.marigold.
|
|
167
|
+
backgroundColor: theme_tokens_1.globalTokens.color.marigold.tint40,
|
|
168
|
+
color: theme_tokens_1.globalTokens.color.marigold.shade30,
|
|
169
|
+
borderColor: theme_tokens_1.globalTokens.color.marigold.primary,
|
|
132
170
|
},
|
|
133
171
|
gold: {
|
|
134
|
-
backgroundColor: theme_tokens_1.globalTokens.color.gold.
|
|
172
|
+
backgroundColor: theme_tokens_1.globalTokens.color.gold.tint40,
|
|
173
|
+
color: theme_tokens_1.globalTokens.color.gold.shade30,
|
|
174
|
+
borderColor: theme_tokens_1.globalTokens.color.gold.primary,
|
|
135
175
|
},
|
|
136
176
|
brass: {
|
|
137
|
-
backgroundColor: theme_tokens_1.globalTokens.color.brass.
|
|
177
|
+
backgroundColor: theme_tokens_1.globalTokens.color.brass.tint40,
|
|
178
|
+
color: theme_tokens_1.globalTokens.color.brass.shade30,
|
|
179
|
+
borderColor: theme_tokens_1.globalTokens.color.brass.primary,
|
|
138
180
|
},
|
|
139
181
|
brown: {
|
|
140
|
-
backgroundColor: theme_tokens_1.globalTokens.color.brown.
|
|
182
|
+
backgroundColor: theme_tokens_1.globalTokens.color.brown.tint40,
|
|
183
|
+
color: theme_tokens_1.globalTokens.color.brown.shade30,
|
|
184
|
+
borderColor: theme_tokens_1.globalTokens.color.brown.primary,
|
|
141
185
|
},
|
|
142
186
|
forest: {
|
|
143
|
-
backgroundColor: theme_tokens_1.globalTokens.color.forest.
|
|
187
|
+
backgroundColor: theme_tokens_1.globalTokens.color.forest.tint40,
|
|
188
|
+
color: theme_tokens_1.globalTokens.color.forest.shade30,
|
|
189
|
+
borderColor: theme_tokens_1.globalTokens.color.forest.primary,
|
|
144
190
|
},
|
|
145
191
|
seafoam: {
|
|
146
|
-
backgroundColor: theme_tokens_1.globalTokens.color.seafoam.
|
|
192
|
+
backgroundColor: theme_tokens_1.globalTokens.color.seafoam.tint40,
|
|
193
|
+
color: theme_tokens_1.globalTokens.color.seafoam.shade30,
|
|
194
|
+
borderColor: theme_tokens_1.globalTokens.color.seafoam.primary,
|
|
147
195
|
},
|
|
148
196
|
darkGreen: {
|
|
149
|
-
backgroundColor: theme_tokens_1.globalTokens.color.darkGreen.
|
|
197
|
+
backgroundColor: theme_tokens_1.globalTokens.color.darkGreen.tint40,
|
|
198
|
+
color: theme_tokens_1.globalTokens.color.darkGreen.shade30,
|
|
199
|
+
borderColor: theme_tokens_1.globalTokens.color.darkGreen.primary,
|
|
150
200
|
},
|
|
151
201
|
lightTeal: {
|
|
152
|
-
backgroundColor: theme_tokens_1.globalTokens.color.lightTeal.
|
|
202
|
+
backgroundColor: theme_tokens_1.globalTokens.color.lightTeal.tint40,
|
|
203
|
+
color: theme_tokens_1.globalTokens.color.lightTeal.shade30,
|
|
204
|
+
borderColor: theme_tokens_1.globalTokens.color.lightTeal.primary,
|
|
153
205
|
},
|
|
154
206
|
teal: {
|
|
155
|
-
backgroundColor: theme_tokens_1.globalTokens.color.teal.
|
|
207
|
+
backgroundColor: theme_tokens_1.globalTokens.color.teal.tint40,
|
|
208
|
+
color: theme_tokens_1.globalTokens.color.teal.shade30,
|
|
209
|
+
borderColor: theme_tokens_1.globalTokens.color.teal.primary,
|
|
156
210
|
},
|
|
157
211
|
steel: {
|
|
158
|
-
backgroundColor: theme_tokens_1.globalTokens.color.steel.
|
|
212
|
+
backgroundColor: theme_tokens_1.globalTokens.color.steel.tint40,
|
|
213
|
+
color: theme_tokens_1.globalTokens.color.steel.shade30,
|
|
214
|
+
borderColor: theme_tokens_1.globalTokens.color.steel.primary,
|
|
159
215
|
},
|
|
160
216
|
blue: {
|
|
161
|
-
backgroundColor: theme_tokens_1.globalTokens.color.blue.
|
|
217
|
+
backgroundColor: theme_tokens_1.globalTokens.color.blue.tint40,
|
|
218
|
+
color: theme_tokens_1.globalTokens.color.blue.shade30,
|
|
219
|
+
borderColor: theme_tokens_1.globalTokens.color.blue.primary,
|
|
162
220
|
},
|
|
163
221
|
royalBlue: {
|
|
164
|
-
backgroundColor: theme_tokens_1.globalTokens.color.royalBlue.
|
|
222
|
+
backgroundColor: theme_tokens_1.globalTokens.color.royalBlue.tint40,
|
|
223
|
+
color: theme_tokens_1.globalTokens.color.royalBlue.shade30,
|
|
224
|
+
borderColor: theme_tokens_1.globalTokens.color.royalBlue.primary,
|
|
165
225
|
},
|
|
166
226
|
cornflower: {
|
|
167
|
-
backgroundColor: theme_tokens_1.globalTokens.color.cornflower.
|
|
227
|
+
backgroundColor: theme_tokens_1.globalTokens.color.cornflower.tint40,
|
|
228
|
+
color: theme_tokens_1.globalTokens.color.cornflower.shade30,
|
|
229
|
+
borderColor: theme_tokens_1.globalTokens.color.cornflower.primary,
|
|
168
230
|
},
|
|
169
231
|
navy: {
|
|
170
|
-
backgroundColor: theme_tokens_1.globalTokens.color.navy.
|
|
232
|
+
backgroundColor: theme_tokens_1.globalTokens.color.navy.tint40,
|
|
233
|
+
color: theme_tokens_1.globalTokens.color.navy.shade30,
|
|
234
|
+
borderColor: theme_tokens_1.globalTokens.color.navy.primary,
|
|
171
235
|
},
|
|
172
236
|
lavender: {
|
|
173
|
-
backgroundColor: theme_tokens_1.globalTokens.color.lavender.
|
|
237
|
+
backgroundColor: theme_tokens_1.globalTokens.color.lavender.tint40,
|
|
238
|
+
color: theme_tokens_1.globalTokens.color.lavender.shade30,
|
|
239
|
+
borderColor: theme_tokens_1.globalTokens.color.lavender.primary,
|
|
174
240
|
},
|
|
175
241
|
purple: {
|
|
176
|
-
backgroundColor: theme_tokens_1.globalTokens.color.purple.
|
|
242
|
+
backgroundColor: theme_tokens_1.globalTokens.color.purple.tint40,
|
|
243
|
+
color: theme_tokens_1.globalTokens.color.purple.shade30,
|
|
244
|
+
borderColor: theme_tokens_1.globalTokens.color.purple.primary,
|
|
177
245
|
},
|
|
178
246
|
grape: {
|
|
179
|
-
backgroundColor: theme_tokens_1.globalTokens.color.grape.
|
|
247
|
+
backgroundColor: theme_tokens_1.globalTokens.color.grape.tint40,
|
|
248
|
+
color: theme_tokens_1.globalTokens.color.grape.shade30,
|
|
249
|
+
borderColor: theme_tokens_1.globalTokens.color.grape.primary,
|
|
180
250
|
},
|
|
181
251
|
lilac: {
|
|
182
|
-
backgroundColor: theme_tokens_1.globalTokens.color.lilac.
|
|
252
|
+
backgroundColor: theme_tokens_1.globalTokens.color.lilac.tint40,
|
|
253
|
+
color: theme_tokens_1.globalTokens.color.lilac.shade30,
|
|
254
|
+
borderColor: theme_tokens_1.globalTokens.color.lilac.primary,
|
|
183
255
|
},
|
|
184
256
|
pink: {
|
|
185
|
-
backgroundColor: theme_tokens_1.globalTokens.color.pink.
|
|
257
|
+
backgroundColor: theme_tokens_1.globalTokens.color.pink.tint40,
|
|
258
|
+
color: theme_tokens_1.globalTokens.color.pink.shade30,
|
|
259
|
+
borderColor: theme_tokens_1.globalTokens.color.pink.primary,
|
|
186
260
|
},
|
|
187
261
|
magenta: {
|
|
188
|
-
backgroundColor: theme_tokens_1.globalTokens.color.magenta.
|
|
262
|
+
backgroundColor: theme_tokens_1.globalTokens.color.magenta.tint40,
|
|
263
|
+
color: theme_tokens_1.globalTokens.color.magenta.shade30,
|
|
264
|
+
borderColor: theme_tokens_1.globalTokens.color.magenta.primary,
|
|
189
265
|
},
|
|
190
266
|
plum: {
|
|
191
|
-
backgroundColor: theme_tokens_1.globalTokens.color.plum.
|
|
267
|
+
backgroundColor: theme_tokens_1.globalTokens.color.plum.tint40,
|
|
268
|
+
color: theme_tokens_1.globalTokens.color.plum.shade30,
|
|
269
|
+
borderColor: theme_tokens_1.globalTokens.color.plum.primary,
|
|
192
270
|
},
|
|
193
271
|
beige: {
|
|
194
|
-
backgroundColor: theme_tokens_1.globalTokens.color.beige.
|
|
272
|
+
backgroundColor: theme_tokens_1.globalTokens.color.beige.tint40,
|
|
273
|
+
color: theme_tokens_1.globalTokens.color.beige.shade30,
|
|
274
|
+
borderColor: theme_tokens_1.globalTokens.color.beige.primary,
|
|
195
275
|
},
|
|
196
276
|
mink: {
|
|
197
|
-
backgroundColor: theme_tokens_1.globalTokens.color.mink.
|
|
277
|
+
backgroundColor: theme_tokens_1.globalTokens.color.mink.tint40,
|
|
278
|
+
color: theme_tokens_1.globalTokens.color.mink.shade30,
|
|
279
|
+
borderColor: theme_tokens_1.globalTokens.color.mink.primary,
|
|
198
280
|
},
|
|
199
281
|
platinum: {
|
|
200
|
-
backgroundColor: theme_tokens_1.globalTokens.color.platinum.
|
|
282
|
+
backgroundColor: theme_tokens_1.globalTokens.color.platinum.tint40,
|
|
283
|
+
color: theme_tokens_1.globalTokens.color.platinum.shade30,
|
|
284
|
+
borderColor: theme_tokens_1.globalTokens.color.platinum.primary,
|
|
201
285
|
},
|
|
202
286
|
anchor: {
|
|
203
|
-
backgroundColor: theme_tokens_1.globalTokens.color.anchor.
|
|
287
|
+
backgroundColor: theme_tokens_1.globalTokens.color.anchor.tint40,
|
|
288
|
+
color: theme_tokens_1.globalTokens.color.anchor.shade30,
|
|
289
|
+
borderColor: theme_tokens_1.globalTokens.color.anchor.primary,
|
|
204
290
|
},
|
|
205
291
|
});
|
|
206
292
|
};
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":";;;AAGA,oEAAmE;AAE5D,IAAM,qBAAqB,GAAyC,UAAC,CAAQ;IAClF,OAAA,CAAC;QACC,uBAAuB,EAAE,KAAK;QAC9B,qBAAqB,EAAE,KAAK;QAC5B,KAAK,EAAE,2BAAY,CAAC,KAAK,CAAC,KAAK;QAC/B,eAAe,EAAE,2BAAY,CAAC,KAAK,CAAC,UAAU,CAAC,OAAO;QACtD,aAAa,EAAE,CAAC;QAChB,QAAQ,EAAE;YACR,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,MAAM,EAAE;YACN,YAAY,EAAE,2BAAY,CAAC,MAAM,CAAC,MAAM,CAAC,MAAM;SAChD;QACD,QAAQ,EAAE;YACR,aAAa,EAAE,GAAG;SACnB;QACD,MAAM,EAAE;YACN,KAAK,EAAE,EAAE;YACT,MAAM,EAAE,EAAE;YACV,SAAS,EAAE,UAAU;YACrB,QAAQ,EAAE,EAAE;YACZ,
|
|
1
|
+
{"version":3,"file":"JSAvatarTokens.js","sourceRoot":"","sources":["../src/JSAvatarTokens.ts"],"names":[],"mappings":"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"}
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAG5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,
|
|
1
|
+
{"version":3,"file":"useAvatar.d.ts","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":"AAAA,OAAO,EAAE,aAAa,EAAE,UAAU,EAAiB,MAAM,kBAAkB,CAAC;AAG5E;;;;;;GAMG;AACH,eAAO,MAAM,SAAS,UAAW,aAAa,KAAG,UAoChD,CAAC"}
|
|
@@ -31,9 +31,10 @@ exports.useAvatar = void 0;
|
|
|
31
31
|
* @returns configured props and state for FURN Avatar
|
|
32
32
|
*/
|
|
33
33
|
var useAvatar = function (props) {
|
|
34
|
-
var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge,
|
|
34
|
+
var active = props.active, accessibilityLabel = props.accessibilityLabel, activeAppearance = props.activeAppearance, badge = props.badge, ring = props.ring, src = props.src, shape = props.shape, rest = __rest(props, ["active", "accessibilityLabel", "activeAppearance", "badge", "ring", "src", "shape"]);
|
|
35
35
|
var showRing = active === 'active' && activeAppearance === 'ring';
|
|
36
36
|
var transparentRing = !!(ring === null || ring === void 0 ? void 0 : ring.transparent);
|
|
37
|
+
var showBadge = (!active || active === 'unset') && !!badge && !!badge.status;
|
|
37
38
|
var imageProps = {
|
|
38
39
|
accessibilityLabel: accessibilityLabel,
|
|
39
40
|
source: src ? { uri: src } : undefined,
|
|
@@ -42,6 +43,7 @@ var useAvatar = function (props) {
|
|
|
42
43
|
var state = {
|
|
43
44
|
showRing: showRing,
|
|
44
45
|
transparentRing: transparentRing,
|
|
46
|
+
showBadge: showBadge,
|
|
45
47
|
};
|
|
46
48
|
return {
|
|
47
49
|
props: __assign(__assign({ shape: shape || 'circular' }, rest), { active: active, activeAppearance: activeAppearance, image: imageProps, badge: badgeProps }),
|
|
@@ -1 +1 @@
|
|
|
1
|
-
{"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;GAMG;AACI,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,MAAM,GAA6E,KAAK,OAAlF,EAAE,kBAAkB,GAAyD,KAAK,mBAA9D,EAAE,gBAAgB,GAAuC,KAAK,iBAA5C,EAAE,KAAK,GAAgC,KAAK,MAArC,EAAE,
|
|
1
|
+
{"version":3,"file":"useAvatar.js","sourceRoot":"","sources":["../src/useAvatar.ts"],"names":[],"mappings":";;;;;;;;;;;;;;;;;;;;;;;;;AAGA;;;;;;GAMG;AACI,IAAM,SAAS,GAAG,UAAC,KAAoB;IACpC,IAAA,MAAM,GAA6E,KAAK,OAAlF,EAAE,kBAAkB,GAAyD,KAAK,mBAA9D,EAAE,gBAAgB,GAAuC,KAAK,iBAA5C,EAAE,KAAK,GAAgC,KAAK,MAArC,EAAE,IAAI,GAA0B,KAAK,KAA/B,EAAE,GAAG,GAAqB,KAAK,IAA1B,EAAE,KAAK,GAAc,KAAK,MAAnB,EAAK,IAAI,UAAK,KAAK,EAA1F,qFAAkF,CAAF,CAAW;IAEjG,IAAM,QAAQ,GAAG,MAAM,KAAK,QAAQ,IAAI,gBAAgB,KAAK,MAAM,CAAC;IACpE,IAAM,eAAe,GAAG,CAAC,CAAC,CAAA,IAAI,aAAJ,IAAI,uBAAJ,IAAI,CAAE,WAAW,CAAA,CAAC;IAC5C,IAAM,SAAS,GAAG,CAAC,CAAC,MAAM,IAAI,MAAM,KAAK,OAAO,CAAC,IAAI,CAAC,CAAC,KAAK,IAAI,CAAC,CAAC,KAAK,CAAC,MAAM,CAAC;IAE/E,IAAM,UAAU,GAAe;QAC7B,kBAAkB,oBAAA;QAClB,MAAM,EAAE,GAAG,CAAC,CAAC,CAAE,EAAE,GAAG,EAAE,GAAG,EAA0B,CAAC,CAAC,CAAC,SAAS;KAChE,CAAC;IAEF,IAAM,UAAU,cACd,IAAI,EAAE,OAAO,IACV,KAAK,CACT,CAAC;IAEF,IAAM,KAAK,GAAkB;QAC3B,QAAQ,UAAA;QACR,eAAe,iBAAA;QACf,SAAS,WAAA;KACV,CAAC;IAEF,OAAO;QACL,KAAK,sBACH,KAAK,EAAE,KAAK,IAAI,UAAU,IACvB,IAAI,KACP,MAAM,QAAA,EACN,gBAAgB,kBAAA,EAChB,KAAK,EAAE,UAAU,EACjB,KAAK,EAAE,UAAU,GAClB;QACD,KAAK,eACA,KAAK,CACT;KACF,CAAC;AACJ,CAAC,CAAC;AApCW,QAAA,SAAS,aAoCpB"}
|
package/package.json
CHANGED
|
@@ -1,6 +1,6 @@
|
|
|
1
1
|
{
|
|
2
2
|
"name": "@fluentui-react-native/experimental-avatar",
|
|
3
|
-
"version": "0.14.
|
|
3
|
+
"version": "0.14.26",
|
|
4
4
|
"description": "A cross-platform Avatar component using the Fluent Design System. Currently only implemented on iOS",
|
|
5
5
|
"license": "MIT",
|
|
6
6
|
"author": "Microsoft <fluentuinativeowners@microsoft.com>",
|
package/src/JSAvatar.styling.ts
CHANGED
|
@@ -1,9 +1,9 @@
|
|
|
1
|
-
import { JSAvatarName, JSAvatarTokens, AvatarSlotProps, JSAvatarProps, AvatarColors,
|
|
1
|
+
import { JSAvatarName, JSAvatarTokens, AvatarSlotProps, JSAvatarProps, AvatarColors, AvatarSizesForTokens } from './JSAvatar.types';
|
|
2
2
|
import { Theme, UseStylingOptions, buildProps } from '@fluentui-react-native/framework';
|
|
3
3
|
import { defaultJSAvatarTokens } from './JSAvatarTokens';
|
|
4
4
|
import { ViewStyle } from 'react-native';
|
|
5
5
|
import { getRingConfig } from './JSAvatar.helpers';
|
|
6
|
-
import { borderStyles } from '@fluentui-react-native/tokens';
|
|
6
|
+
import { borderStyles, fontStyles } from '@fluentui-react-native/tokens';
|
|
7
7
|
|
|
8
8
|
const nameMap: { [key: string]: string } = {
|
|
9
9
|
start: 'flex-start',
|
|
@@ -11,7 +11,7 @@ const nameMap: { [key: string]: string } = {
|
|
|
11
11
|
end: 'flex-end',
|
|
12
12
|
};
|
|
13
13
|
|
|
14
|
-
export const avatarStates: (keyof JSAvatarTokens)[] = [...AvatarColors, ...
|
|
14
|
+
export const avatarStates: (keyof JSAvatarTokens)[] = [...AvatarColors, ...AvatarSizesForTokens, 'circular', 'square', 'inactive'];
|
|
15
15
|
|
|
16
16
|
export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps, JSAvatarTokens> = {
|
|
17
17
|
tokens: [defaultJSAvatarTokens, JSAvatarName],
|
|
@@ -36,15 +36,15 @@ export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps,
|
|
|
36
36
|
['horizontalIconAlignment', 'verticalIconAlignment', 'avatarOpacity', 'height', 'width'],
|
|
37
37
|
),
|
|
38
38
|
initials: buildProps(
|
|
39
|
-
(tokens: JSAvatarTokens) => {
|
|
39
|
+
(tokens: JSAvatarTokens, theme: Theme) => {
|
|
40
40
|
return {
|
|
41
41
|
style: {
|
|
42
|
-
|
|
42
|
+
...fontStyles.from(tokens, theme),
|
|
43
43
|
color: tokens.color,
|
|
44
44
|
},
|
|
45
45
|
};
|
|
46
46
|
},
|
|
47
|
-
['
|
|
47
|
+
['color', ...fontStyles.keys],
|
|
48
48
|
),
|
|
49
49
|
initialsBackground: buildProps(
|
|
50
50
|
(tokens: JSAvatarTokens, theme: Theme) => {
|
|
@@ -95,7 +95,6 @@ export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps,
|
|
|
95
95
|
return {
|
|
96
96
|
style: {
|
|
97
97
|
borderStyle: 'solid',
|
|
98
|
-
borderColor: tokens.ringColor,
|
|
99
98
|
borderWidth: ringConfig.stroke,
|
|
100
99
|
width: ringConfig.size,
|
|
101
100
|
height: ringConfig.size,
|
|
@@ -106,7 +105,7 @@ export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps,
|
|
|
106
105
|
},
|
|
107
106
|
};
|
|
108
107
|
},
|
|
109
|
-
['width', 'height',
|
|
108
|
+
['width', 'height', ...borderStyles.keys],
|
|
110
109
|
),
|
|
111
110
|
badge: buildProps(
|
|
112
111
|
(tokens: JSAvatarTokens) => {
|
|
@@ -115,7 +114,7 @@ export const stylingSettings: UseStylingOptions<JSAvatarProps, AvatarSlotProps,
|
|
|
115
114
|
shape: 'circular',
|
|
116
115
|
};
|
|
117
116
|
},
|
|
118
|
-
['
|
|
117
|
+
['badgeSize'],
|
|
119
118
|
),
|
|
120
119
|
},
|
|
121
120
|
};
|
package/src/JSAvatar.tsx
CHANGED
|
@@ -1,5 +1,5 @@
|
|
|
1
1
|
/** @jsx withSlots */
|
|
2
|
-
import { Image, View, Text } from 'react-native';
|
|
2
|
+
import { Image, View, Text, Platform } from 'react-native';
|
|
3
3
|
import { JSAvatarProps, JSAvatarType, JSAvatarName, JSAvatarState } from './JSAvatar.types';
|
|
4
4
|
import { stylingSettings } from './JSAvatar.styling';
|
|
5
5
|
import { compose, UseSlots, mergeProps, withSlots } from '@fluentui-react-native/framework';
|
|
@@ -17,15 +17,16 @@ import { createIconProps } from '@fluentui-react-native/interactive-hooks';
|
|
|
17
17
|
* @returns Whether the styles that are assigned to the layer should be applied to the avatar
|
|
18
18
|
*/
|
|
19
19
|
export const avatarLookup = (layer: string, state: JSAvatarState, userProps: JSAvatarProps): boolean => {
|
|
20
|
+
const avatarSize = `size${userProps.size || 24}`;
|
|
20
21
|
return (
|
|
21
22
|
state[layer] ||
|
|
22
23
|
userProps[layer] ||
|
|
23
24
|
layer === userProps['shape'] ||
|
|
24
25
|
(!userProps['shape'] && layer === 'circular') ||
|
|
25
26
|
layer === userProps['avatarColor'] ||
|
|
26
|
-
(!userProps['avatarColor'] && layer === '
|
|
27
|
-
layer ===
|
|
28
|
-
(!userProps['size'] && layer === '
|
|
27
|
+
(!userProps['avatarColor'] && layer === 'neutral') ||
|
|
28
|
+
layer === avatarSize ||
|
|
29
|
+
(!userProps['size'] && layer === 'size24') ||
|
|
29
30
|
(userProps.active === 'inactive' && layer === 'inactive')
|
|
30
31
|
);
|
|
31
32
|
};
|
|
@@ -45,11 +46,12 @@ export const JSAvatar = compose<JSAvatarType>({
|
|
|
45
46
|
useRender: (userProps: JSAvatarProps, useSlots: UseSlots<JSAvatarType>) => {
|
|
46
47
|
const avatar = useAvatar(userProps);
|
|
47
48
|
const iconProps = createIconProps(userProps.icon);
|
|
48
|
-
const Slots = useSlots(
|
|
49
|
+
const Slots = useSlots(avatar.props, (layer) => avatarLookup(layer, avatar.state, avatar.props));
|
|
49
50
|
|
|
50
51
|
return (final: JSAvatarProps) => {
|
|
51
52
|
const { activeAppearance, icon, initials, image, badge, ...mergedProps } = mergeProps(avatar.props, final);
|
|
52
|
-
const { showRing, transparentRing } = avatar.state;
|
|
53
|
+
const { showRing, transparentRing, showBadge } = avatar.state;
|
|
54
|
+
const svgIconsEnabled = ['ios', 'macos', 'win32', 'android'].includes(Platform.OS as string);
|
|
53
55
|
|
|
54
56
|
return (
|
|
55
57
|
<Slots.root {...mergedProps}>
|
|
@@ -61,7 +63,7 @@ export const JSAvatar = compose<JSAvatarType>({
|
|
|
61
63
|
</Slots.initialsBackground>
|
|
62
64
|
)}
|
|
63
65
|
{showRing && !transparentRing && <Slots.ring />}
|
|
64
|
-
{
|
|
66
|
+
{svgIconsEnabled && showBadge && <Slots.badge {...badge} />}
|
|
65
67
|
</Slots.root>
|
|
66
68
|
);
|
|
67
69
|
};
|